#app {
  font-family:Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-align:center;
  height:auto;
  min-height:100%;
  position:relative
}
.glob-popover {
  position:absolute;
  z-index:2;
  top:9.333333vw;
  right:2.666667vw;
  font-weight:500
}
.glob-popover .assets-wrap p {
  font-size:3.733333vw
}
.glob-popover .assets-wrap img {
  width:5.6vw;
  height:5.6vw;
  margin-left:1.333333vw
}
.xuanfu {
  z-index:999;
  position:fixed;
  bottom:33.333333vw;
  right:2.666667vw;
  border-radius:.8rem;
  touch-action:pan-y
}
.xuanfu .seruis {
  position:relative;
  width:14.666667vw
}
.xuanfu .seruis img {
  width:14.666667vw;
  height:auto
}
.xuanfu .seruis .shake {
  -webkit-animation:ui 2s linear .15s infinite;
  animation:ui 2s linear .15s infinite
}
@-webkit-keyframes ui {
  10% {
    transform:rotate(15deg)
  }
  20% {
    transform:rotate(-10deg)
  }
  30% {
    transform:rotate(5deg)
  }
  40% {
    transform:rotate(-5deg)
  }
  50%,
  to {
    transform:rotate(0)
  }
}
@keyframes ui {
  10% {
    transform:rotate(15deg)
  }
  20% {
    transform:rotate(-10deg)
  }
  30% {
    transform:rotate(5deg)
  }
  40% {
    transform:rotate(-5deg)
  }
  50%,
  to {
    transform:rotate(0)
  }
}
.xuanfu .seruis .un-read {
  width:4vw;
  height:4vw;
  line-height:4vw;
  text-align:center;
  border-radius:13.333333vw;
  background:red;
  color:#fff;
  font-weight:600;
  font-size:3.2vw;
  position:absolute;
  z-index:2;
  top:-.8vw;
  right:.266667vw
}
.xuanfu .seruis .light {
  position:absolute;
  width:14.666667vw;
  height:14.666667vw;
  left:50%;
  top:45%;
  transform:translate(-50%,-50%);
  -webkit-animation:jddf 2s linear .1s infinite;
  animation:jddf 2s linear .1s infinite
}
@-webkit-keyframes jddf {
  0% {
    transform:translate(-50%,-50%) rotate(0deg)
  }
  50% {
    transform:translate(-50%,-50%) rotate(180deg)
  }
  to {
    transform:translate(-50%,-50%) rotate(1turn)
  }
}
@keyframes jddf {
  0% {
    transform:translate(-50%,-50%) rotate(0deg)
  }
  50% {
    transform:translate(-50%,-50%) rotate(180deg)
  }
  to {
    transform:translate(-50%,-50%) rotate(1turn)
  }
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box
}
li,
ul {
  list-style-type:none
}
input {
  outline:none
}
textarea {
  resize:none
}
a {
  text-decoration:none
}
.ellipsis-1 {
  white-space:nowrap
}
.ellipsis-1,
.ellipsis-2 {
  overflow:hidden;
  text-overflow:ellipsis
}
.ellipsis-2 {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.text-transparent {
  background-image:linear-gradient(135deg,#0091ff,#00e6ff);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent
}
.top-index {
  z-index:2020!important
}
.van-dropdown-item__content {
  width:90%!important;
  left:5%!important
}
.van-dropdown-item__content .van-cell__title {
  flex:2
}
.van-dropdown-item__content .van-cell__value {
  flex:1
}
.sub-bl {
  width:100vw;
  height:8vw;
  background:#17264f;
  color:#fff;
  font-size:2.4vw;
  letter-spacing:.4vw;
  text-indent:.4vw;
  position:fixed;
  border-radius:0;
  bottom:0;
  left:0;
  z-index:999
}
button {
  border:none;
  border-radius:.533333vw
}
p {
  margin:0;
  font-size:2.8rem
}
span {
  font-size:3.733333vw
}
html {
  font-size:1.333333333vw!important
}
.van-toast {
  font-size:3.733333vw!important;
  word-wrap:break-word!important;
  word-break:normal!important;
  padding:1.6rem 2.2rem!important;
  border-radius:1.4rem!important;
  background:#630083!important;
  color:#fff!important
}
.van-toast,
.van-toast.loadingcss {
  top:50%!important;
  border:none!important
}
.van-toast.loadingcss {
  background:none!important;
  padding:0!important;
  overflow:hidden;
  width:20rem!important;
  height:20rem!important;
  box-shadow:none!important
}
.van-toast.loadingcss .van-icon img {
  width:18rem!important;
  height:18rem!important
}
.topIndex.van-overlay {
  z-index:9999
}
.w-wrap {
  width:93%;
  margin:0 auto;
  border-radius:2.666667vw;
  padding:4vw;
  box-sizing:border-box
}
.w-wrap .title {
  font-size:2.133333vw;
  font-weight:500;
  text-align:center;
  margin:0
}
.after {
  position:relative;
  z-index:1
}
.after:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  z-index:-1
}
.flex {
  justify-content:space-between
}
.flex,
.flex-start {
  display:flex;
  align-items:center
}
.flex-start {
  justify-content:flex-start
}
.flex-wrap {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between
}