@-webkit-keyframes scaleClick-a45bab52 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-a45bab52 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-a45bab52]:active {
  -webkit-animation: scaleClick-a45bab52 0.5s ease-in-out;
          animation: scaleClick-a45bab52 0.5s ease-in-out;
}
.scaleClickAll[data-v-a45bab52] {
  -webkit-animation: scaleClick-a45bab52 0.5s ease-in-out;
          animation: scaleClick-a45bab52 0.5s ease-in-out;
}
.footer[data-v-a45bab52] {
  position: fixed;
  width: 100%;
  height: 0.48rem;
  box-sizing: content-box;
  background-color: #1D221C;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100;
}
.footer ul[data-v-a45bab52] {
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0.1rem;
  flex-direction: row;
  align-items: flex-end;
  box-sizing: border-box;
}
.footer ul li[data-v-a45bab52] {
  color: #98A7B5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  margin: 0 0.1rem;
  position: relative;
  height: 100%;
}
.footer ul li[data-v-a45bab52]:active {
  -webkit-animation: scaleClick-a45bab52 0.5s ease-in-out;
          animation: scaleClick-a45bab52 0.5s ease-in-out;
}
.footer ul li img[data-v-a45bab52] {
  width: .2rem;
  height: .2rem;
  margin-bottom: .03rem;
  margin-top: .1rem;
}
.footer ul li .nav-txt[data-v-a45bab52] {
  font-size: .1rem;
  font-weight: 700;
  line-height: .14rem;
  text-align: center;
}
.footer ul li .email-tip[data-v-a45bab52] {
  position: absolute;
  width: .16rem;
  height: .16rem;
  background-color: #FF2626;
  border-radius: 50%;
  padding: .01rem;
  top: -0.06rem;
  right: .05rem;
  font-size: .12rem;
  line-height: .16rem;
  text-align: center;
  color: #ffffff;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
}
.footer ul li.active[data-v-a45bab52] {
  color: #24EE88;
}
.footer ul li.main[data-v-a45bab52] {
  position: relative;
}
.footer ul li.main > span[data-v-a45bab52] {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.08rem;
}
.footer ul li .icon-us[data-v-a45bab52] {
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -0.04rem;
  right: .05rem;
  font-size: .19rem;
  color: #f0a53d;
  -webkit-text-fill-color: #f0a53d;
}
.footer ul li .iconfont[data-v-a45bab52] {
  height: .2rem;
}
.footer ul li .icon-Ranking[data-v-a45bab52],
.footer ul li .icon-Deposit[data-v-a45bab52] {
  margin-top: -0.3rem;
  width: .6rem;
  height: .6rem;
}

@-webkit-keyframes scaleClick-61785576 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-61785576 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-61785576]:active {
  -webkit-animation: scaleClick-61785576 0.5s ease-in-out;
          animation: scaleClick-61785576 0.5s ease-in-out;
}
.scaleClickAll[data-v-61785576] {
  -webkit-animation: scaleClick-61785576 0.5s ease-in-out;
          animation: scaleClick-61785576 0.5s ease-in-out;
}
.title[data-v-61785576] {
  display: flex;
  justify-content: space-between;
  padding: 18px 12px;
  font-size: 0.15rem;
}
.title .iconfont[data-v-61785576] {
  font-size: .17rem;
  line-height: .32rem;
  color: #999;
}
.title .icon-span[data-v-61785576] {
  border-radius: .107rem;
  background: #254834;
  width: .29rem;
  height: .29rem;
  text-align: center;
}
.title span[data-v-61785576] {
  width: .4rem;
}
.title span.logo[data-v-61785576] {
  height: .27rem;
  text-align: center;
}
.title span.logo img[data-v-61785576] {
  height: 100%;
}
.drawerContent[data-v-61785576] {
  height: calc(100vh - 0.64rem);
  color: #ffffff;
  padding: 0 .12rem .14rem;
  box-sizing: border-box;
  overflow-y: scroll;
}
.drawerContent li[data-v-61785576] {
  font-size: 0.14rem;
  color: #ffffff;
  line-height: .48rem;
}
.drawerContent li svg[data-v-61785576] {
  width: .15rem;
  height: .15rem;
  fill: rgba(255, 255, 255, 0.7);
  margin-right: .16rem;
  vertical-align: sub;
}
.drawerContent .imgsCfg[data-v-61785576] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.drawerContent .imgsCfg > div[data-v-61785576] {
  margin-top: .08rem;
}
.drawerContent .imgsCfg > div img[data-v-61785576] {
  width: 100%;
}
.drawerContent .imgsCfg > div img[data-v-61785576]:active {
  -webkit-animation: scaleClick-61785576 0.5s ease-in-out;
          animation: scaleClick-61785576 0.5s ease-in-out;
}
.drawerContent .help[data-v-61785576] {
  color: #ffffff;
  font-size: 0.14rem;
  margin: .14rem 0;
}
.drawerContent .help h2[data-v-61785576] {
  font-size: 0.16rem;
  color: #ffffff;
  margin-bottom: .08rem;
}
.drawerContent .link-title[data-v-61785576] {
  font-size: .14rem;
  font-family: Arial;
  font-weight: bold;
  color: #b4c0cb;
  line-height: .15rem;
}
.drawerContent .pageLink[data-v-61785576] {
  margin-top: .08rem;
}
.drawerContent .pageLink li[data-v-61785576] {
  padding: 0 .12rem;
  background: #254834;
  color: #fff;
  font-size: .16rem;
  font-weight: 700;
  display: flex;
  height: 0.58rem;
  align-items: center;
  border-radius: 0.08rem;
  margin-bottom: 0.08rem;
}
.drawerContent .pageLink li[data-v-61785576]:last-child {
  margin-bottom: 0;
}
.drawerContent .pageLink li[data-v-61785576]:active {
  -webkit-animation: scaleClick-61785576 0.5s ease-in-out;
          animation: scaleClick-61785576 0.5s ease-in-out;
}
.drawerContent .pageLink li .icon1[data-v-61785576] {
  width: .2rem;
  height: .2rem;
  margin-right: .12rem;
}
.drawerContent .pageLink li .icon2[data-v-61785576] {
  width: .18rem;
  height: .18rem;
  margin-left: auto;
}
.drawerContent .pageLink .DownloadAppitem[data-v-61785576] {
  margin: .12rem 0;
  border-radius: .08rem;
}
.drawerContent .pageLink .radiusT[data-v-61785576] {
  border-top-left-radius: .08rem;
  border-top-right-radius: .08rem;
}
.drawerContent .pageLink .radiusB[data-v-61785576] {
  border-bottom-left-radius: .08rem;
  border-bottom-right-radius: .08rem;
}
.drawerContent .pageLink i[data-v-61785576] {
  color: #8ea7bb;
  padding-right: .16rem;
}
.drawerContent .pageLink .iconfont[data-v-61785576] {
  font-size: 0.14rem;
}
.drawerContent .pageLink .install-btn[data-v-61785576] {
  width: .74rem;
  height: .24rem;
  background: #FFFF00;
  border-radius: .16rem;
  float: right;
  color: #000000;
  line-height: .24rem;
  text-align: center;
  font-size: .12rem;
  font-weight: 400;
  margin-left: auto;
}
.drawerContent .pageLink li a[data-v-61785576] {
  color: #fff;
}
.drawerContent .socialLink[data-v-61785576] {
  padding-top: .01rem;
  padding-bottom: .02rem;
  margin-top: .15rem;
  color: #ffffff;
  color: #FFF;
  font-size: .14rem;
  font-weight: 700;
  line-height: .16rem;
}
.drawerContent .socialLink h2[data-v-61785576] {
  margin-bottom: .16rem;
}
.drawerContent .socialLink div[data-v-61785576] {
  width: 2.6rem;
  display: flex;
  justify-content: flex-start;
}
.drawerContent .socialLink div a[data-v-61785576] {
  margin-right: .16rem;
}
.drawerContent .socialLink div a[data-v-61785576]:active {
  -webkit-animation: scaleClick-61785576 0.5s ease-in-out;
          animation: scaleClick-61785576 0.5s ease-in-out;
}
.drawerContent .socialLink div img[data-v-61785576] {
  width: .35rem;
  height: .35rem;
}
.drawerContent .helpLink[data-v-61785576] {
  margin-bottom: .6rem;
  margin-top: .14rem;
}
.drawerContent .helpLink li[data-v-61785576]:active {
  -webkit-animation: scaleClick-61785576 0.5s ease-in-out;
          animation: scaleClick-61785576 0.5s ease-in-out;
}
.drawerContent .activity-entrys[data-v-61785576] {
  padding: 0 .08rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: .3rem;
}
.drawerContent .activity-entrys .item[data-v-61785576] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.3%;
  margin-bottom: .16rem;
}
.drawerContent .activity-entrys .item .img[data-v-61785576] {
  width: 1.2rem;
  height: 1rem;
}
.drawerContent .activity-entrys .item .text[data-v-61785576] {
  margin-top: .06rem;
  font-size: .16rem;
  font-weight: 700;
  color: #fff;
}
.drawerContent .activity-entrys .tag[data-v-61785576] {
  display: block;
  position: absolute;
  top: 0.02rem;
  z-index: 10;
  right: 0.06rem;
  width: .17rem;
  height: .14rem;
  background: url(../img/tag.07c227d3.gif) no-repeat;
  background-size: 100% 100%;
}

@-webkit-keyframes scaleClick-3f403818 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-3f403818 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-3f403818]:active {
  -webkit-animation: scaleClick-3f403818 0.5s ease-in-out;
          animation: scaleClick-3f403818 0.5s ease-in-out;
}
.scaleClickAll[data-v-3f403818] {
  -webkit-animation: scaleClick-3f403818 0.5s ease-in-out;
          animation: scaleClick-3f403818 0.5s ease-in-out;
}
.popup[data-v-3f403818] .van-popup {
  background-color: #131918 !important;
}
.popup[data-v-3f403818] .popUpMain {
  max-height: 70vh !important;
  overflow: auto;
}
.popup[data-v-3f403818] .icon-close {
  color: #121212;
  font-size: .2rem;
  padding: .06rem .06rem 0 0;
}
.popup[data-v-3f403818] .title {
  font-size: .2rem;
  color: #009D81;
  font-weight: bold;
  text-align: center;
  margin: .22rem .22rem .07rem;
}
.popup[data-v-3f403818] .text {
  color: white;
  font-weight: bold;
  font-size: .14rem;
  margin: 0 .22rem 0 .28rem;
}
.popup[data-v-3f403818] .detail {
  text-align: center;
  padding: .2rem 0 .2rem;
}
.popup[data-v-3f403818] .button {
  display: inline-block;
  width: 1.9rem;
}

@-webkit-keyframes scaleClick-387a0cf8 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-387a0cf8 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-387a0cf8]:active {
  -webkit-animation: scaleClick-387a0cf8 0.5s ease-in-out;
          animation: scaleClick-387a0cf8 0.5s ease-in-out;
}
.scaleClickAll[data-v-387a0cf8] {
  -webkit-animation: scaleClick-387a0cf8 0.5s ease-in-out;
          animation: scaleClick-387a0cf8 0.5s ease-in-out;
}
.showHeaderBanner .main[data-v-387a0cf8] {
  padding-top: 1.12rem;
}
.profile[data-v-387a0cf8] {
  position: fixed;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
}
.vip-icon > img[data-v-387a0cf8] {
  height: 0.16rem;
  margin-right: 0.13rem;
  margin-top: -0.07rem;
}
.close-btn > img[data-v-387a0cf8] {
  width: 0.16rem;
  height: 0.16rem;
}
.main[data-v-387a0cf8] {
  padding-top: 0.56rem;
  min-height: 100%;
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.main .content-box[data-v-387a0cf8] {
  box-sizing: border-box;
  padding: 0.16rem 0.12rem 0.22rem;
  overflow-y: scroll;
}
.main .content-box .icon-copy[data-v-387a0cf8] {
  width: 0.15rem;
  margin-left: 0.05rem;
}
.main .content-box .deposit[data-v-387a0cf8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.12rem;
  margin: 0.2rem 0;
}
.main .content-box .deposit .content[data-v-387a0cf8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.558rem;
  height: 0.16rem;
  width: 0.58rem;
  padding: 0.08rem 0.42rem;
  background: #15C368;
  border-radius: 0.08rem;
}
.main .content-box .deposit .content > img[data-v-387a0cf8] {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.08rem;
}
.main .content-box .deposit .content[data-v-387a0cf8]:active {
  -webkit-animation: scaleClick-387a0cf8 0.5s ease-in-out;
          animation: scaleClick-387a0cf8 0.5s ease-in-out;
}
.main .content-box .deposit .content[data-v-387a0cf8]:first-child {
  background: #FF0;
  font-weight: bold;
}
.main .content-box .deposit .content[data-v-387a0cf8]:last-child {
  color: white;
}
.main .user-content[data-v-387a0cf8] {
  border-radius: 16px 16px 0 0;
  margin-top: 0.24rem;
  padding: 0.1rem 0;
  display: flex;
  text-align: center;
  border-radius: 0.1035rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #254834;
  height: 0.86rem;
  box-sizing: border-box;
}
.main .user-content > div[data-v-387a0cf8] {
  display: flex;
  height: 100%;
  padding: 0 0.16rem;
}
.main .user-content > div > img[data-v-387a0cf8] {
  width: 0.207rem;
  margin-right: 0.14rem;
}
.main .user-content > div > div[data-v-387a0cf8] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main .user-content > div > div > span[data-v-387a0cf8] {
  font-size: 0.12rem;
  color: #B7C1C3;
  font-weight: 400;
  font-size: 0.14rem;
}
.main .user-content > div > div > div[data-v-387a0cf8] {
  color: #24EE88;
  font-size: 0.16rem;
  font-weight: 600;
}
.main .user-content > div[data-v-387a0cf8]:first-child {
  border-right: 1px solid;
  -o-border-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%) 1;
     border-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%) 1;
}
.main .user-content > div[data-v-387a0cf8] {
  width: 50%;
  padding-left: 0.12rem;
}
.main .user-content > div .btn[data-v-387a0cf8] {
  margin: 0.16rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.08rem;
  width: 1.2rem;
  height: 0.32rem;
  border-radius: 8px;
  background: #fff;
  font-size: 0.12rem;
  font-weight: bold;
}
.main .user-content .query[data-v-387a0cf8] {
  box-sizing: border-box;
  width: 0.2rem;
  height: 0.2rem;
  padding-top: 0.035rem;
}
.main .user-content .question-icon[data-v-387a0cf8] {
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.04rem;
  margin-top: -0.02rem;
  cursor: pointer;
}
.main .btn-list[data-v-387a0cf8] {
  margin-top: 0.21rem;
  background: #254834;
  border-radius: 0.08rem;
}
.main .btn-list li[data-v-387a0cf8] {
  position: relative;
  color: #fff;
  height: 0.36rem;
  font-size: 0.12rem;
  display: flex;
  align-items: center;
  padding: 0 0.12rem;
}
.main .btn-list li:active div[data-v-387a0cf8]:last-child {
  -webkit-animation: scaleClick-387a0cf8 0.5s ease-in-out;
          animation: scaleClick-387a0cf8 0.5s ease-in-out;
}
.main .btn-list li[data-v-387a0cf8]::after {
  content: "";
  display: block;
  width: 0.12rem;
  height: 0.12rem;
  background: url(../img/arrow_right.5cf1c45e.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0.1rem;
}
.main .btn-list li .icon[data-v-387a0cf8] {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.16rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.main .btn-list li .message[data-v-387a0cf8] {
  width: 0.12rem;
  height: 0.12rem;
  background-color: #b70a1f;
  border-radius: 50%;
  padding: 0.01rem;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 0.12rem;
  font-size: 0.09rem;
  margin-left: 0.08rem;
}
.main .opts[data-v-387a0cf8] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.16rem auto 0;
  background: #254834;
  border-radius: 0.08rem;
  height: 0.4rem;
}
.main .dlApp[data-v-387a0cf8] {
  border-radius: 0.1rem;
  margin-left: 0.05rem;
  width: 1.52rem;
  height: 0.34rem;
  background: url(../img/download.346d14a2.png) no-repeat center;
  background-size: 100% 100%;
}
.popup[data-v-387a0cf8] .van-popup {
  border-radius: 12px;
  background: #26292D linear-gradient(180deg, rgba(36, 192, 114, 0.4) 0%, rgba(36, 192, 114, 0) 32.21%) !important;
}
.popup[data-v-387a0cf8] .popUpMain {
  max-height: 70vh !important;
  overflow: auto;
}
.popup[data-v-387a0cf8] .icon-close {
  color: #fff;
  font-size: 0.15rem;
  padding: 0.06rem 0.06rem 0 0;
}
.popup[data-v-387a0cf8] .title {
  font-size: 0.18rem;
  color: #FAEB42;
  font-weight: 700;
  text-align: center;
  margin: 0.19rem 0.22rem 0;
}
.popup[data-v-387a0cf8] span {
  padding: 0 0.12rem 0.1rem 0.18rem;
  color: #131313;
  font-weight: bold;
  font-size: 0.14rem;
  display: block;
}
.popup[data-v-387a0cf8] ul {
  color: #fff;
  font-weight: 400;
  font-size: 0.14rem;
  margin: 0 0.14rem 0 0.14rem;
  padding-bottom: 0.17rem;
}
.popup[data-v-387a0cf8] ul li {
  margin: 0.2rem 0;
  list-style: decimal inside;
  line-height: 0.2rem;
}
.downloadAppImg[data-v-387a0cf8] {
  height: 0.48rem;
  margin-top: 0.1rem;
}
.downloadAppImg[data-v-387a0cf8]:active {
  -webkit-animation: scaleClick-387a0cf8 0.5s ease-in-out;
          animation: scaleClick-387a0cf8 0.5s ease-in-out;
}
.short-func[data-v-387a0cf8] {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  border-radius: 10.35px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #254834;
  padding: 0.1rem;
  height: 0.86rem;
  margin-top: 0.21rem;
  box-sizing: border-box;
}
.short-func > div[data-v-387a0cf8] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.05rem;
  color: #fff;
  width: 25%;
  font-style: 0.12rem;
}
.short-func > div[data-v-387a0cf8]:active {
  -webkit-animation: scaleClick-387a0cf8 0.5s ease-in-out;
          animation: scaleClick-387a0cf8 0.5s ease-in-out;
}
.short-func > div > img[data-v-387a0cf8] {
  width: 0.2rem;
  height: 0.2rem;
  margin-bottom: 0.05rem;
}
.guide-download[data-v-387a0cf8] {
  padding-bottom: 0.5rem;
}
.defaultProfilePhoto[data-v-387a0cf8] {
  border-radius: 50%;
  height: 0.4rem;
  width: 0.4rem;
}

@-webkit-keyframes scaleClick-0dadb841 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-0dadb841 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-0dadb841]:active {
  -webkit-animation: scaleClick-0dadb841 0.5s ease-in-out;
          animation: scaleClick-0dadb841 0.5s ease-in-out;
}
.scaleClickAll[data-v-0dadb841] {
  -webkit-animation: scaleClick-0dadb841 0.5s ease-in-out;
          animation: scaleClick-0dadb841 0.5s ease-in-out;
}
.share[data-v-0dadb841] .van-action-sheet {
  background: #254834;
  border-radius: .2rem .2rem 0 0;
}
.share[data-v-0dadb841] .van-action-sheet__content {
  background: #254834;
}
.share[data-v-0dadb841] .van-action-sheet__close {
  color: #808080;
  top: .14rem;
  z-index: 10;
  font-size: .192rem;
  line-height: .16rem;
  padding: 0 .16rem;
}
.share[data-v-0dadb841] .van-popup--round {
  border-radius: .2rem .2rem 0 0;
}
.share[data-v-0dadb841] .bold {
  font-family: SWISSC-BT;
}
.share[data-v-0dadb841] .content {
  margin: .16rem .12rem;
}
.share[data-v-0dadb841] .content h2 {
  display: flex;
  align-items: center;
  color: #FFF;
  font-size: .14rem;
  font-style: normal;
  font-weight: 700;
  line-height: .16rem;
}
.share[data-v-0dadb841] .content h2 .iconfont {
  font-size: .11rem;
  margin-right: .08rem;
}
.share[data-v-0dadb841] .content .sharePlatform {
  width: 3.05rem;
  display: flex;
  flex-wrap: nowrap;
  margin: .16rem auto;
  justify-content: space-between;
}
.share[data-v-0dadb841] .content .sharePlatform img {
  width: .36rem;
}
.share[data-v-0dadb841] .content .sharePlatform .email {
  width: .36rem;
}
.share[data-v-0dadb841] .content .sharePlatform a {
  margin-bottom: .06rem;
}
.share[data-v-0dadb841] .content .sharePlatform li {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #B3BEC1;
  text-align: center;
  font-size: .0703rem;
  font-weight: 400;
  line-height: normal;
}
.share[data-v-0dadb841] .content .sharePlatform li .iconfont {
  display: block;
  width: .36rem;
  height: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .2rem;
}
.share[data-v-0dadb841] .content .sharePlatform li .icon-share2 {
  background-color: #1a9276;
  border-radius: 50%;
}
.share[data-v-0dadb841] .content .copy {
  position: relative;
  height: .4rem;
  padding: 0 .08rem 0 .11rem;
  box-sizing: border-box;
  color: #fff;
  background-color: #1E2121;
  border: 1px solid #3A4142;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-bottom: .26rem;
  border-radius: .08rem;
  font-family: Inter;
  font-size: .12rem;
  font-style: normal;
  font-weight: 400;
  line-height: .18rem;
  /* 150% */
}
.share[data-v-0dadb841] .content .copy .url {
  width: 2.4rem;
}
.share[data-v-0dadb841] .content .copy #copy {
  position: absolute;
  display: inline-block;
  width: .57rem;
  height: .28rem;
  line-height: .28rem;
  text-align: center;
  border-radius: .07rem;
  color: #24EE88;
  background: #254834;
  right: 0.08rem;
  font-size: .12rem;
  font-style: normal;
  font-weight: 400;
}
.share[data-v-0dadb841] .content .code {
  border-radius: .08rem;
  padding: .08rem .16rem;
  color: #8f8f8f;
  font-weight: bold;
  margin-top: .16rem;
  background-color: #393A3B;
  color: #999;
  text-align: center;
  font-size: .085rem;
  font-weight: 700;
  line-height: .16rem;
  font-family: Inter;
}
.share[data-v-0dadb841] .content .code ul {
  display: flex;
  flex-wrap: wrap;
}
.share[data-v-0dadb841] .content .code ul li:not(:nth-child(4n)) {
  margin-right: 13px;
}
.share[data-v-0dadb841] .content .code ul li {
  line-height: .17rem;
}
.share[data-v-0dadb841] .content .code ul li.active {
  color: #555;
}
.share[data-v-0dadb841] .content .code > div {
  margin: .13rem 0 0;
}
.share[data-v-0dadb841] .content .code > div > span {
  display: block;
  height: .4rem;
  box-sizing: border-box;
  padding: 0 .46rem;
  line-height: .2rem;
  color: #000;
  background: #FF0;
  text-align: right;
  border-radius: .08rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Inter;
  font-size: .12rem;
  font-style: normal;
  font-weight: 700;
  line-height: .16rem;
  /* 133.333% */
  white-space: nowrap;
  margin-bottom: .16rem;
}
.share[data-v-0dadb841] .content .code > div a {
  color: #000;
  font-family: Inter;
  font-size: .12rem;
  font-style: normal;
  font-weight: 700;
  line-height: .16rem;
}
.share[data-v-0dadb841] .content .code > div .shareWa img,
.share[data-v-0dadb841] .content .code > div .shareSms img {
  width: .3rem;
  margin-right: .08rem;
}
.share[data-v-0dadb841] .content .code > div .shareSms > a {
  display: flex;
  align-items: center;
}
.share[data-v-0dadb841] .content .code > div .shareSms img {
  margin-right: .04rem;
}

@-webkit-keyframes scaleClick-5c45a97d {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-5c45a97d {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-5c45a97d]:active {
  -webkit-animation: scaleClick-5c45a97d 0.5s ease-in-out;
          animation: scaleClick-5c45a97d 0.5s ease-in-out;
}
.scaleClickAll[data-v-5c45a97d] {
  -webkit-animation: scaleClick-5c45a97d 0.5s ease-in-out;
          animation: scaleClick-5c45a97d 0.5s ease-in-out;
}
.new-player-lottery-popup[data-v-5c45a97d] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 19999;
}
.new-player-lottery-popup .popup-content[data-v-5c45a97d] {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
.new-player-lottery-popup .popup-content .loading-wrapper[data-v-5c45a97d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
}
.new-player-lottery-popup .popup-content .loading-spinner[data-v-5c45a97d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
}
.new-player-lottery-popup .popup-content .loading-dot[data-v-5c45a97d] {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #fff;
  -webkit-animation: loading-bounce-5c45a97d 1.4s infinite ease-in-out both;
          animation: loading-bounce-5c45a97d 1.4s infinite ease-in-out both;
}
.new-player-lottery-popup .popup-content .loading-dot-1[data-v-5c45a97d] {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.new-player-lottery-popup .popup-content .loading-dot-2[data-v-5c45a97d] {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}
.new-player-lottery-popup .popup-content .loading-dot-3[data-v-5c45a97d] {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
@-webkit-keyframes loading-bounce-5c45a97d {
0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.5;
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@keyframes loading-bounce-5c45a97d {
0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.5;
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.new-player-lottery-popup .popup-content .popup-image[data-v-5c45a97d] {
  width: 100%;
  height: auto;
  display: block;
}
.new-player-lottery-popup .popup-content .popup-countdown[data-v-5c45a97d] {
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ff0;
  display: flex;
  font-size: 0.25rem;
  font-weight: 700;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 0.09rem;
}
.new-player-lottery-popup .popup-content .close-btn[data-v-5c45a97d] {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.new-player-lottery-popup .popup-content .close-btn img[data-v-5c45a97d] {
  width: 0.24rem;
  height: 0.24rem;
}

@-webkit-keyframes scaleClick-e9c8229e {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-e9c8229e {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-e9c8229e]:active {
  -webkit-animation: scaleClick-e9c8229e 0.5s ease-in-out;
          animation: scaleClick-e9c8229e 0.5s ease-in-out;
}
.scaleClickAll[data-v-e9c8229e] {
  -webkit-animation: scaleClick-e9c8229e 0.5s ease-in-out;
          animation: scaleClick-e9c8229e 0.5s ease-in-out;
}
.homeIconBox .download[data-v-e9c8229e],
.homeIconBox .lottery[data-v-e9c8229e] {
  z-index: 10;
  width: .6rem;
  height: .6rem;
  position: fixed;
  right: 0.12rem;
  bottom: 0.8rem;
}
.homeIconBox .lottery[data-v-e9c8229e] {
  position: absolute;
}
.homeIconBox .lottery .lottery-countdown[data-v-e9c8229e] {
  position: absolute;
  bottom: 0.01rem;
  display: flex;
  align-items: center;
  gap: 0.07rem;
  z-index: 11;
  pointer-events: none;
}
.homeIconBox .lottery .lottery-countdown .countdown-item[data-v-e9c8229e] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.homeIconBox .lottery .lottery-countdown .countdown-item .countdown-value[data-v-e9c8229e] {
  background: #FF0;
  color: #000;
  font-size: 0.08rem;
  font-weight: 700;
  border-radius: 0.03rem;
  text-align: center;
  display: inline-block;
  width: 0.15rem;
  box-sizing: border-box;
  font-family: 'Courier New', Courier, monospace;
  flex-shrink: 0;
}
.homeIconBox .lottery .lottery-countdown .countdown-item .countdown-seconds[data-v-e9c8229e] {
  width: 0.14rem;
}
.homeIconBox .lottery .lottery-countdown .countdown-item .countdown-milliseconds[data-v-e9c8229e] {
  width: 0.17rem;
}
.homeIconBox .lottery .lottery-countdownNewPlayer[data-v-e9c8229e] {
  color: #fff;
  display: flex;
  font-size: .09rem;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  margin-top: -0.16rem;
  margin-left: -0.02rem;
  text-align: center;
}
.homeIconBox .lottery .lottery-countdownNewPlayer .countdown-value[data-v-e9c8229e] {
  display: inline-block;
  width: 0.15rem;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  box-sizing: border-box;
  flex-shrink: 0;
}
.homeIconBox .transition[data-v-e9c8229e] {
  transition: all 0.3s ease-in-out;
}
.homeIconBox .message[data-v-e9c8229e] {
  display: block;
  z-index: 10;
  text-align: center;
  width: .6rem;
  height: .6rem;
  line-height: 48px;
  border-radius: 50%;
}
.homeIconBox .ScratchTicket[data-v-e9c8229e] {
  display: block;
  z-index: 10;
  text-align: center;
  width: .6rem;
  height: .93rem;
  line-height: 48px;
  border-radius: 50%;
}
.homeIconBox .ScratchTicket[data-v-e9c8229e] .no-countdown {
  clip-path: polygon(0 0, 100% 0, 100% 76%, 0 76%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 76%, 0 76%);
  position: relative;
}
.homeIconBox .ScratchTicket[data-v-e9c8229e] .no-countdown img,
.homeIconBox .ScratchTicket[data-v-e9c8229e] .no-countdown canvas {
  clip-path: polygon(0 0, 100% 0, 100% 76%, 0 76%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 76%, 0 76%);
}
.homeIconBox .ScratchTicket .lottery-countdown[data-v-e9c8229e] {
  position: absolute;
  bottom: 0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  display: flex;
  align-items: center;
  z-index: 11;
  pointer-events: none;
  gap: 0.073rem;
}
.homeIconBox .ScratchTicket .lottery-countdown .countdown-item[data-v-e9c8229e] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.homeIconBox .ScratchTicket .lottery-countdown .countdown-item .countdown-value[data-v-e9c8229e] {
  color: #000;
  font-size: 0.08rem;
  font-weight: 700;
  border-radius: 0.03rem;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.02rem 0.06rem;
  width: 0.14rem;
  box-sizing: border-box;
  font-family: 'Courier New', Courier, monospace;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  height: 0.11rem;
}
.homeIconBox .ScratchTicket .lottery-countdown .countdown-item .countdown-seconds[data-v-e9c8229e] {
  width: 0.14rem;
}
.homeIconBox .ScratchTicket .lottery-countdown .countdown-item .countdown-milliseconds[data-v-e9c8229e] {
  width: 0.17rem;
}
.homeIconBox .ScratchTicket .lottery-countdown .countdown-unit[data-v-e9c8229e] {
  background: #002716;
  color: #fff;
  font-size: 0.07rem;
  font-weight: 700;
  border-radius: 0.02rem;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.02rem 0.04rem;
  height: 0.16rem;
  box-sizing: border-box;
  flex-shrink: 0;
}
.homeIconBox .deposit[data-v-e9c8229e] {
  z-index: 10;
  width: .6rem;
  height: .6rem;
  position: fixed;
  left: 0.12rem;
  bottom: 2.25rem;
}
.homeIconBox .deposit .num[data-v-e9c8229e] {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/deposit.bb27ec53.png) no-repeat;
  background-size: 100% 100%;
}
.homeIconBox .deposit .num .van-count-down[data-v-e9c8229e] {
  height: 100%;
  line-height: .55rem;
  color: #fff;
  font-size: .16rem;
  font-weight: 600;
  text-align: center;
}

@-webkit-keyframes scaleClick-21f30cf3 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-21f30cf3 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-21f30cf3]:active {
  -webkit-animation: scaleClick-21f30cf3 0.5s ease-in-out;
          animation: scaleClick-21f30cf3 0.5s ease-in-out;
}
.scaleClickAll[data-v-21f30cf3] {
  -webkit-animation: scaleClick-21f30cf3 0.5s ease-in-out;
          animation: scaleClick-21f30cf3 0.5s ease-in-out;
}
.redPakage[data-v-21f30cf3] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1003;
  background: rgba(0, 0, 0, 0.7);
  overflow-y: scroll;
}
.content[data-v-21f30cf3] {
  width: 100%;
}
.close[data-v-21f30cf3] {
  position: absolute;
  right: 0.065rem;
  top: 0.065rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../img/close.13ce0f31.png) no-repeat;
  background-size: 0.2rem 0.2rem;
}
.content-wrap[data-v-21f30cf3] {
  padding: .3rem 0;
  min-height: 100%;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rules[data-v-21f30cf3] {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 3.51rem;
  padding: 0.11rem;
  background-color: #202222;
  background-image: url(../img/backRed.0e8a9a0a.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 120;
  box-sizing: border-box;
  padding-bottom: .3rem;
}
.rules .title[data-v-21f30cf3] {
  font-size: 0.21rem;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #fff;
  text-align: center;
  font-weight: 900;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
}
.rules .title svg[data-v-21f30cf3] {
  margin-left: .1rem;
}
.rules .titlebg[data-v-21f30cf3] {
  width: 2.92rem;
  height: 0.374rem;
  background: linear-gradient(90deg, #F3DF00 0%, #FF7300 100%);
  color: rgba(0, 0, 0, 0.7);
  border-radius: .08rem;
  font-family: font family / Font 1;
  font-weight: 700;
  font-size: .13rem;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  padding: 0 .2rem;
  line-height: .374rem;
  margin: 1.8rem .18rem 0;
  box-sizing: border-box;
}
.rules .titleWrap[data-v-21f30cf3] {
  font-family: font family / Font 1;
  font-weight: 700;
  font-size: .14rem;
  line-height: .144rem;
  text-align: center;
  vertical-align: middle;
  margin-top: .14rem;
  color: #24EE88;
}
.rules .title2[data-v-21f30cf3] {
  font-family: font family / Font 1;
  font-weight: font weight / 400;
  font-size: .1264rem;
  line-height: .144rem;
  text-align: left;
  vertical-align: middle;
  color: #ffffff;
  width: 100%;
  margin-top: .14rem;
  margin-left: .4rem;
}
.rules .time[data-v-21f30cf3] {
  padding: 0.12rem 0.19rem;
  margin-top: 0.05rem;
  border-radius: 0.05rem;
  width: 2.93rem;
  font-size: 0.11rem;
  color: #24EE88;
  margin-top: .0746rem;
  box-sizing: border-box;
  border: 1.87px solid #0E623D;
  font-family: font family / Font 1;
  font-weight: font weight / 400;
  line-height: .162rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: 0;
  left: 0;
}
.rules .time .title[data-v-21f30cf3] {
  display: flex;
  flex-wrap: nowrap;
  gap: .1rem;
  align-items: center;
}
.rules .time .title .left[data-v-21f30cf3] {
  display: block;
  font-size: .14rem;
  color: #FBA531;
  width: .7rem;
  flex-shrink: 0;
  font-family: font family / Font 1;
  font-weight: 700;
}
.rules .time .title .right[data-v-21f30cf3] {
  font-size: .126rem;
  font-family: Saira;
  font-weight: 400;
}
.rules .time .timeHeader[data-v-21f30cf3] {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 0.02rem;
  align-items: center;
}
.rules .time .timeHeader .desc1[data-v-21f30cf3] {
  font-size: 0.19rem;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #ffd700;
  line-height: 0.25rem;
  margin-right: 0.04rem;
}
.rules .time .timeHeader .desc[data-v-21f30cf3] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.05rem;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
.rules .time .timeHeader .desc span[data-v-21f30cf3] {
  display: flex;
  align-items: center;
  font-size: 0.1rem;
  width: 30%;
  white-space: nowrap;
}
.rules .time .timeHeader .desc span img[data-v-21f30cf3] {
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  width: 0.1rem;
  margin-right: 0.02rem;
}
.rules .time .timeFooter[data-v-21f30cf3] {
  margin-top: .12rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.rules .time .timeFooter span[data-v-21f30cf3] {
  display: flex;
  align-items: center;
  font-size: 0.1076rem;
  width: 30%;
  line-height: 0.16rem;
  justify-content: center;
  white-space: nowrap;
}
.rules .time .timeFooter .past[data-v-21f30cf3] {
  color: #BBBDBA;
}
.rules .time .timeList[data-v-21f30cf3] {
  display: flex;
  width: 100%;
}
.rules .cover[data-v-21f30cf3]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #969595b2;
  z-index: 1;
  top: 0;
  left: 0;
}
.rules s .desc[data-v-21f30cf3] {
  margin-top: 0.06rem;
  margin-bottom: 0.03rem;
  font-size: 0.135rem;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #ffffff;
  line-height: 0.15rem;
}
.rules .desc2[data-v-21f30cf3] {
  margin-top: 0.07rem;
  width: 100%;
  font-size: 0.115rem;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #ffffff;
  line-height: 0.145rem;
}
.rules .money[data-v-21f30cf3] {
  margin-top: 0.05rem;
  font-size: 0.18rem;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  color: #ffd800;
  line-height: 0.235rem;
}
.rules .rulelist[data-v-21f30cf3] {
  margin-top: 0.08rem;
  list-style-type: disc;
  width: 93%;
  font-size: 0.1rem;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #ffffff;
  line-height: 0.14rem;
}
.rules .rulelist li[data-v-21f30cf3] {
  list-style: disc;
}
.rules .rulelist .ruleitem span[data-v-21f30cf3] {
  font-size: 0.12rem;
  font-family: Arial-Black, Arial;
}
.rules .tips[data-v-21f30cf3],
.rules .openBtn[data-v-21f30cf3] {
  margin-top: 0.21rem;
  width: 2.92rem;
  height: .4rem;
  border-radius: .08rem;
  background: #FF0;
  font-family: font family / Font 1;
  font-weight: 900;
  font-size: .15rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  line-height: .4rem;
  color: #000;
}
.rules .line[data-v-21f30cf3] {
  margin-top: 0.05rem;
  width: 100%;
  height: 0.005rem;
  background: rgba(255, 255, 255, 0.2);
}
.redclose[data-v-21f30cf3] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 2.09rem;
  position: relative;
  height: 2.575rem;
  background: url(../img/redclose.51b4ccfe.png) no-repeat;
  background-size: 2.09rem 2.575rem;
  z-index: 120;
}
.redclose .title[data-v-21f30cf3] {
  color: #ffd800;
  font-size: 0.1878rem;
  text-align: center;
  font-family: Arial-BoldMT, Arial;
  font-weight: bold;
  width: 1.8rem;
  height: 0.25rem;
  margin-top: 0.2rem;
}
.redclose .desc[data-v-21f30cf3] {
  color: #fff;
  font-size: 0.13rem;
  font-family: Arial-BoldMT, Arial;
  width: 1.6rem;
  height: 1rem;
  margin-left: 0.22rem;
}
.redclose .desc .desclist[data-v-21f30cf3] {
  list-style-type: disc;
}
.redclose .desc .desclist .line[data-v-21f30cf3] {
  margin-top: 0.09rem;
  margin-left: -0.14rem;
  width: 1.6rem;
  height: 0.005rem;
  background: rgba(255, 255, 255, 0.2);
}
.redclose .desc .desclist li[data-v-21f30cf3] {
  margin-top: 0.08rem;
  list-style: disc;
}
.redclose .openBtn[data-v-21f30cf3] {
  margin-top: 0.28rem;
  width: 2.09rem;
  font-family: Arial-BoldMT, Arial;
  color: #613e00;
  font-size: 0.115rem;
  font-weight: bold;
  text-align: center;
}
.scale-enter-active[data-v-21f30cf3],
.scale-leave-active[data-v-21f30cf3] {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.scale-enter[data-v-21f30cf3],
.scale-leave-to[data-v-21f30cf3] {
  -webkit-transform: translateY(100vh);
          transform: translateY(100vh);
}
.redopen[data-v-21f30cf3] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 3.51rem;
  position: relative;
  z-index: 120;
  background: linear-gradient(180deg, #256548 6%, #26292d 35%);
  font-family: Microsoft YaHei UI;
  font-weight: 700;
  font-size: .22rem;
  line-height: 100%;
  text-align: center;
  border-radius: .12rem;
}
.redopen .giftImg[data-v-21f30cf3] {
  width: 1.16rem;
  margin-top: -0.5rem;
}
.redopen .title[data-v-21f30cf3] {
  color: #fff;
  margin-top: 0.17rem;
  font-family: Microsoft YaHei UI;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
}
.redopen .cash[data-v-21f30cf3] {
  margin-top: 0.27rem;
  color: #FAEB42;
  font-family: Microsoft YaHei UI;
  font-weight: 700;
  font-size: .22rem;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
}
.redopen .tips[data-v-21f30cf3] {
  margin-top: 0.28rem;
  color: #fff;
  font-family: Microsoft YaHei UI;
  font-weight: 700;
  font-size: .14rem;
  line-height: 100%;
  text-align: center;
}
.redopen .okBtn[data-v-21f30cf3] {
  margin-top: 0.46rem;
  margin-bottom: .38rem;
  width: 2.92rem;
  height: .4rem;
  border-radius: .08rem;
  background: #FF0;
  font-family: font family / Font 1;
  font-weight: 900;
  font-size: .15rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  line-height: .4rem;
  color: #000;
}
.rules-pop[data-v-21f30cf3] {
  background-color: #202222;
  width: 3.51rem;
  border-radius: .24rem;
  color: #999;
  overflow: hidden;
  border: .01rem solid #0E623D;
  box-sizing: border-box;
  padding: 0 .11rem .18rem;
  font-family: font family / Font 1;
  font-weight: font weight / 400;
  font-size: .14rem;
  line-height: .2rem;
  vertical-align: middle;
  color: #B3BEC1;
  background-color: #131918;
}
.rules-pop .head[data-v-21f30cf3] {
  width: 3rem;
  margin: 0 auto;
  height: .3rem;
  background-color: #0c5e37;
  /* 绿色背景 */
  color: white;
  text-align: center;
  line-height: .3rem;
  font-weight: bold;
  border-bottom-left-radius: .6rem;
  border-bottom-right-radius: .6rem;
  margin-bottom: .18rem;
}
.rules-pop .head svg[data-v-21f30cf3] {
  height: .34rem;
  width: .24rem;
  position: absolute;
  top: .04rem;
  right: .04rem;
}

@-webkit-keyframes scaleClick-7cd1dcb8 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-7cd1dcb8 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-7cd1dcb8]:active {
  -webkit-animation: scaleClick-7cd1dcb8 0.5s ease-in-out;
          animation: scaleClick-7cd1dcb8 0.5s ease-in-out;
}
.scaleClickAll[data-v-7cd1dcb8] {
  -webkit-animation: scaleClick-7cd1dcb8 0.5s ease-in-out;
          animation: scaleClick-7cd1dcb8 0.5s ease-in-out;
}
.win-popup[data-v-7cd1dcb8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
@-webkit-keyframes win-popup-animation-7cd1dcb8 {
0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes win-popup-animation-7cd1dcb8 {
0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.win-popup-content[data-v-7cd1dcb8] {
  width: 3.5rem;
  height: 3.52rem;
  background-size: 100% 100%;
  position: relative;
  border-radius: .12rem;
  -webkit-animation: win-popup-animation-7cd1dcb8 1s ease-in-out;
          animation: win-popup-animation-7cd1dcb8 1s ease-in-out;
}
.win-popup-content .logo[data-v-7cd1dcb8] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: -0.5rem auto 0;
}
.win-popup-content.type-1[data-v-7cd1dcb8] {
  background-image: url(../img/bg.fc9e7700.png);
}
.win-popup-content .win-popup-content-btn[data-v-7cd1dcb8] {
  width: 1.5rem;
  height: 0.5rem;
  background-color: #fff;
  border-radius: 0.25rem;
  display: flex;
  width: 3.28rem;
  height: .44rem;
  padding: .1rem;
  justify-content: center;
  align-items: center;
  gap: .1rem;
  flex-shrink: 0;
  font-size: .18rem;
  font-weight: 700;
  border-radius: 8px;
  background: linear-gradient(90deg, #32ED86 0%, #91E975 100%);
  box-sizing: border-box;
  position: absolute;
  bottom: .4rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.win-popup-content-text[data-v-7cd1dcb8] {
  margin-top: .65rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .3rem;
  color: #FF9441;
}
.win-popup-content-text img[data-v-7cd1dcb8] {
  width: .39rem;
  margin-right: 0.1rem;
}
.win-popup-content-title[data-v-7cd1dcb8] {
  font-size: 0.18rem;
  color: #fff;
  font-weight: 400;
  line-height: 0.31rem;
  text-align: center;
  margin-top: .75rem;
  width: calc(100% - 0.54rem);
  padding-left: .27rem;
  padding-right: .27rem;
}
.win-popup-content-title .win-popup-content-title-none[data-v-7cd1dcb8] {
  font-size: 0.14rem;
  color: #999;
  font-weight: normal;
  margin-top: 0.05rem;
}

@-webkit-keyframes scaleClick-493c0939 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-493c0939 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-493c0939]:active {
  -webkit-animation: scaleClick-493c0939 0.5s ease-in-out;
          animation: scaleClick-493c0939 0.5s ease-in-out;
}
.scaleClickAll[data-v-493c0939] {
  -webkit-animation: scaleClick-493c0939 0.5s ease-in-out;
          animation: scaleClick-493c0939 0.5s ease-in-out;
}
.welcome-spin[data-v-493c0939] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
}
.welcome-spin .welcome-spin-bg[data-v-493c0939] {
  position: relative;
  width: 3.51rem;
  height: 5.32rem;
  background: url(../img/frame.f1a15b36.png) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.welcome-spin .welcome-spin-bg .wheel[data-v-493c0939] {
  width: 3.112rem;
  height: 3.133rem;
  background: url(../img/wheel-2.66d87838.png) no-repeat center center;
  background-size: 100% 100%;
  margin-top: 0.25rem;
  transition: all 5s ease-in-out;
  position: relative;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item[data-v-493c0939] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  color: #fff;
  font-size: 0.26rem;
  font-weight: 600;
  width: 0.8rem;
  display: flex;
  height: 0.25rem;
  font-family: Arial, Helvetica, sans-serif;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item1[data-v-493c0939] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  left: calc(50% - 0.4rem);
  margin-top: -1.2rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item2[data-v-493c0939] {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  left: calc(50%);
  margin-top: -1.05rem;
  margin-left: 0.14rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item3[data-v-493c0939] {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  left: calc(50% + 0.4rem);
  margin-top: -0.66rem;
  margin-left: 0.14rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item4[data-v-493c0939] {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: calc(50% + 0.45rem);
  margin-top: -0.13rem;
  margin-left: 0.25rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item5[data-v-493c0939] {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  left: calc(50% + 0.4rem);
  margin-top: 0.42rem;
  margin-left: 0.14rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item6[data-v-493c0939] {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  left: calc(50% + 0.05rem);
  margin-top: 0.8rem;
  margin-left: 0.12rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item7[data-v-493c0939] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  left: calc(50% - 0.4rem);
  margin-top: 0.98rem;
  margin-left: 0rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item8[data-v-493c0939] {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  left: calc(50% - 0.94rem);
  margin-top: 0.84rem;
  margin-left: 0rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item9[data-v-493c0939] {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  left: calc(50% - 1.34rem);
  margin-top: 0.42rem;
  margin-left: 0rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item10[data-v-493c0939] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: calc(50% - 1.24rem);
  margin-top: -0.1rem;
  margin-left: -0.25rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item11[data-v-493c0939] {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
  left: calc(50% - 0.94rem);
  margin-top: -0.65rem;
  margin-left: -0.4rem;
}
.welcome-spin .welcome-spin-bg .wheel .wheel-item.item12[data-v-493c0939] {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
  left: calc(50% - 0.44rem);
  margin-top: -1.05rem;
  margin-left: -0.51rem;
}
.welcome-spin .welcome-spin-bg .spin[data-v-493c0939] {
  width: 1.241rem;
  height: 2.376rem;
  background: url(../img/spin.60062b34.png) no-repeat center center;
  background-size: 100% 100%;
  margin-top: 0.22rem;
  z-index: 1;
  position: absolute;
  -webkit-transform: translate(calc(50% - 0.6205rem), -0.55rem);
          transform: translate(calc(50% - 0.6205rem), -0.55rem);
}
.welcome-spin .welcome-spin-bg .close[data-v-493c0939] {
  width: 0.3rem;
  height: 0.3rem;
  background: url(../img/close_icon.e770959a.png) no-repeat center;
  position: absolute;
  top: -0.2rem;
  right: 0rem;
  background-size: 0.16rem;
}
@-webkit-keyframes spin-493c0939 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-493c0939 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

@-webkit-keyframes scaleClick-2ce805a6 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick-2ce805a6 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick[data-v-2ce805a6]:active {
  -webkit-animation: scaleClick-2ce805a6 0.5s ease-in-out;
          animation: scaleClick-2ce805a6 0.5s ease-in-out;
}
.scaleClickAll[data-v-2ce805a6] {
  -webkit-animation: scaleClick-2ce805a6 0.5s ease-in-out;
          animation: scaleClick-2ce805a6 0.5s ease-in-out;
}
.route-selector-modal[data-v-2ce805a6] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.24rem;
  background: rgba(0, 0, 0, 0.72);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.route-selector-modal__card[data-v-2ce805a6] {
  width: 100%;
  max-width: 3.4rem;
  padding: 0.32rem 0.28rem 0.28rem;
  border-radius: 0.2rem;
  background: linear-gradient(180deg, #2a2d32 0%, #25262B 100%);
  border: 1px solid rgba(59, 193, 23, 0.15);
  box-shadow: 0 0.24rem 0.6rem rgba(0, 0, 0, 0.45), 0 0 0.24rem rgba(36, 238, 136, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.route-selector-modal__header[data-v-2ce805a6] {
  text-align: center;
}
.route-selector-modal__icon-wrap[data-v-2ce805a6] {
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 auto 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(59, 193, 23, 0.08);
  box-shadow: 0 0 0.16rem rgba(36, 238, 136, 0.35);
}
.route-selector-modal__icon[data-v-2ce805a6] {
  width: 0.26rem;
  height: 0.26rem;
  color: #ffffff;
}
.route-selector-modal__title[data-v-2ce805a6] {
  margin: 0 0 0.1rem;
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 1.35;
  color: #ffffff;
}
.route-selector-modal__subtitle[data-v-2ce805a6] {
  margin: 0;
  font-size: 0.13rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.55);
}
.route-selector-modal__divider[data-v-2ce805a6] {
  height: 1px;
  margin: 0.22rem 0 0.24rem;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
}
.route-selector-modal__timer[data-v-2ce805a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.route-selector-modal__ring[data-v-2ce805a6] {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  margin-bottom: 0.14rem;
}
.route-selector-modal__ring-svg[data-v-2ce805a6] {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.route-selector-modal__ring-bg[data-v-2ce805a6] {
  fill: none;
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 6;
}
.route-selector-modal__ring-progress[data-v-2ce805a6] {
  fill: none;
  stroke: url(#routeRingGradient);
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.9s linear;
}
.route-selector-modal__count[data-v-2ce805a6] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.44rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}
.route-selector-modal__timer-text[data-v-2ce805a6] {
  margin: 0 0 0.22rem;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
.route-selector-modal__progress[data-v-2ce805a6] {
  height: 0.04rem;
  margin-bottom: 0.22rem;
  border-radius: 0.02rem;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.route-selector-modal__progress-fill[data-v-2ce805a6] {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #24EE88 0%, #3BC117 100%);
  transition: width 0.9s linear;
}
.route-selector-modal__actions[data-v-2ce805a6] {
  display: flex;
  gap: 0.12rem;
  margin-bottom: 0.16rem;
}
.route-selector-modal__btn[data-v-2ce805a6] {
  flex: 1;
  height: 0.44rem;
  border: none;
  border-radius: 0.1rem;
  font-size: 0.14rem;
  font-weight: 600;
  cursor: default;
}
.route-selector-modal__btn--primary[data-v-2ce805a6] {
  color: #ffffff;
  background: linear-gradient(90deg, #24EE88 0%, #3BC117 100%);
  box-shadow: 0 0.08rem 0.2rem rgba(36, 238, 136, 0.35);
}
.route-selector-modal__btn--secondary[data-v-2ce805a6] {
  color: rgba(255, 255, 255, 0.65);
  background: rgba(59, 193, 23, 0.08);
  border: 1px solid rgba(36, 238, 136, 0.2);
}
.route-selector-modal__footer[data-v-2ce805a6] {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.06rem;
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.38);
  text-align: center;
  line-height: 1.4;
}
.route-selector-modal__footer-dot[data-v-2ce805a6] {
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background: #24EE88;
  flex-shrink: 0;
}

@-webkit-keyframes scaleClick {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleClick {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.scaleClick:active {
  -webkit-animation: scaleClick 0.5s ease-in-out;
          animation: scaleClick 0.5s ease-in-out;
}
.scaleClickAll {
  -webkit-animation: scaleClick 0.5s ease-in-out;
          animation: scaleClick 0.5s ease-in-out;
}
@font-face {
  font-family: 'SWISSC';
  src: url(../fonts/SWISSC.80f213b8.TTF);
}
@font-face {
  font-family: 'SWISSC-BT';
  src: url(../fonts/SWISSC-BT.433d687a.ttf);
}
body .vux-alert .weui-dialog,
body .vux-confirm .weui-dialog {
  padding: .2rem .35rem .33rem;
  background-color: #353535;
  border-radius: 10px;
  max-width: 2.4rem;
}
body .vux-alert .weui-dialog .weui-dialog__hd,
body .vux-confirm .weui-dialog .weui-dialog__hd {
  color: #ffffff;
  padding: 0;
}
body .vux-alert .weui-dialog .weui-dialog__hd .weui-dialog__title,
body .vux-confirm .weui-dialog .weui-dialog__hd .weui-dialog__title {
  font-size: 0.16rem;
}
body .vux-alert .weui-dialog .weui-dialog__bd,
body .vux-confirm .weui-dialog .weui-dialog__bd {
  font-size: 0.14rem;
  color: #ffffff;
  line-height: .2rem;
  text-align: center;
  padding: 0;
  margin: .2rem 0 .35rem;
}
body .vux-alert .weui-dialog .weui-dialog__ft,
body .vux-confirm .weui-dialog .weui-dialog__ft {
  display: flex;
  justify-content: center;
}
body .vux-alert .weui-dialog .weui-dialog__ft::after,
body .vux-confirm .weui-dialog .weui-dialog__ft::after {
  content: '';
  border: none;
}
body .vux-confirm .weui-dialog .weui-dialog__ft {
  justify-content: space-between;
}
body .weui-dialog__btn {
  width: 1.06rem;
  height: .37rem;
  line-height: .37rem;
  font-size: 0.14rem;
  color: #ffffff;
  background-color: #009D81;
  flex: none;
  border-radius: .05rem;
  cursor: auto;
}
body .weui-dialog__btn::after {
  content: '';
  border: none;
}
body .weui-dialog__btn_primary {
  color: #ffffff;
}
body .weui-dialog__btn_default {
  background-color: #a4a4a4;
}
body [class*=van-hairline]::after {
  border: none;
}
body .van-overlay {
  height: 100vh !important;
}
body .van-dialog {
  width: calc(3.82rem - 1rem);
  border-radius: .10rem;
  background-color: #1c1c1c;
  color: #fff;
  padding: .20rem;
}
body .van-button {
  max-width: 1.06rem !important;
  height: .37rem;
  background: linear-gradient(180deg, #5519cd, #9449ff);
  border-radius: .05rem;
  margin: 0 auto;
  font-weight: 600;
  color: #FFFFFF;
  line-height: .20rem;
  font-size: .12rem;
  font-family: Arial;
}
body .van-button:active {
  color: #fff;
}
body .van-dialog__cancel {
  background: linear-gradient(180deg, #303030, #494949);
}
body .van-dialog--round-button .van-dialog__message {
  color: #fff;
}
body .van-dialog--round-button .van-dialog__footer {
  padding: 0;
  background: none;
}
body .van-dialog--round-button .van-dialog__confirm {
  max-width: 1.06rem !important;
  height: .37rem;
}
body .van-dialog--round-button .van-dialog__cancel {
  max-width: 1.06rem !important;
  height: .37rem;
}
body .van-dialog__header {
  font-size: .16rem;
  color: #fff;
  font-weight: bold;
}
body .van-dialog__message {
  color: #fff;
  font-size: .14rem;
  line-height: .20rem;
  padding: .20rem 0;
  min-height: .8rem;
}
body .van-toast {
  max-width: 70%;
  min-width: 88px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.85);
  word-break: normal;
}
body .van-toast__text {
  word-wrap: normal;
}
body .van-action-sheet {
  border-radius: 0;
  background: #353535;
  color: #98A7B5;
}
body .van-popup--round {
  border-radius: 0;
}
body .van-action-sheet__content {
  background: #0D1933;
  text-align: center;
}
body .van-action-sheet__item {
  background: #262728;
}
body .van-action-sheet__gap {
  display: block;
  height: 8px;
  background-color: #444649;
}
body .van-action-sheet__cancel {
  background: #262728;
}
body .logoutDinlog {
  width: 3.51rem;
  height: 3.05rem;
  padding: 43.75px 37.5px 20px !important;
  background: url(../img/bg.fc9e7700.png) no-repeat center center;
  background-size: 100% 100%;
  box-sizing: border-box;
}
body .logoutDinlog .van-dialog__content--isolated {
  min-height: 80px;
}
body .logoutDinlog .van-dialog__message {
  padding: 0;
  color: #FFF;
  text-align: center;
  font-size: 0.16rem;
  font-style: bold;
  font-weight: 400;
  line-height: 20px;
  height: 1.2rem;
  margin-bottom: .2rem;
  margin-top: .5rem;
}
body .logoutDinlog .van-goods-action {
  justify-content: center;
  gap: .2rem;
}
body .logoutDinlog .van-goods-action .van-button {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100% !important;
}
body .logoutDinlog .van-button {
  background: #FF0;
  color: #000;
  font-size: .14rem;
  font-weight: 700;
  height: .44rem;
  line-height: .44rem;
}
body .logoutDinlog .van-dialog__cancel {
  background: #729085;
  color: #CFE1D4;
}
.f10 {
  font-size: 0.1rem;
}
.f11 {
  font-size: 0.11rem;
}
.f12 {
  font-size: 0.12rem;
}
.f14 {
  font-size: 0.14rem;
}
.f15 {
  font-size: 0.15rem;
}
.f16 {
  font-size: 0.16rem;
}
.f18 {
  font-size: 0.18rem;
}
.f20 {
  font-size: 0.2rem;
}
.f22 {
  font-size: 0.22rem;
}
.f24 {
  font-size: 0.24rem;
}
.f30 {
  font-size: 0.3rem;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.f-bold {
  font-weight: bold;
}
.fw900 {
  font-weight: 900;
}
.f-normal {
  font-weight: normal;
}
.cFFF {
  color: #fff;
}
.cCCC {
  color: #ccc;
}
.c999 {
  color: #999;
}
.cC7C7C7 {
  color: #C7C7C7;
}
.c666 {
  color: #666;
}
.c222 {
  color: #222;
}
.c000 {
  color: #000;
}
.c24EE88 {
  color: #24EE88;
}
.bcF8F8F8 {
  background-color: #F8F8F8;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.ws-nowrap {
  white-space: nowrap;
}
.flex {
  display: flex;
}
.fd-column {
  flex-direction: column;
}
.y-center {
  align-items: center;
}
.x-center {
  justify-content: center;
}
.x-start {
  justify-content: flex-start;
}
.x-around {
  justify-content: space-around;
}
.x-between {
  justify-content: space-between;
}
.flex-wrap {
  flex-wrap: wrap;
}
.vw45 {
  width: 45vw;
}
.w20 {
  width: .20rem;
}
.w50 {
  width: .50rem;
}
.w80 {
  width: .80rem;
}
.w120 {
  width: 1.20rem;
}
.w180 {
  width: 1.80rem;
}
.w250 {
  width: 2.50rem;
}
.w500 {
  width: 5.00rem;
}
.w600 {
  width: 6.00rem;
}
.wb20 {
  width: 20%;
}
.wb30 {
  width: 30%;
}
.wb40 {
  width: 40%;
}
.wb50 {
  width: 50%;
}
.wb60 {
  width: 60%;
}
.wb70 {
  width: 70%;
}
.wb80 {
  width: 80%;
}
.wb100 {
  width: 100%;
}
.m-w300 {
  min-width: 3.00rem;
}
.h-fit-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.hb100 {
  height: 100%;
}
.h20 {
  height: .20rem;
}
.h24 {
  height: .24rem;
}
.h30 {
  height: .30rem;
}
.h50 {
  height: .50rem;
}
.h120 {
  height: 1.20rem;
}
.lh16 {
  line-height: .16rem;
}
.lh20 {
  line-height: .20rem;
}
.lh24 {
  line-height: .24rem;
}
.lh28 {
  line-height: .28rem;
}
.lh30 {
  line-height: .30rem;
}
.lh32 {
  line-height: .32rem;
}
.lh50 {
  line-height: .50rem;
}
.lh55 {
  line-height: .55rem;
}
.lh120 {
  line-height: 1.20rem;
}
.p6 {
  padding: 0.06rem;
}
.p10 {
  padding: .10rem;
}
.p30 {
  padding: .30rem;
}
.pt40 {
  padding-top: .40rem;
}
.pl6 {
  padding-left: 0.06rem;
}
.pl10 {
  padding-left: .10rem;
}
.pl20 {
  padding-left: .20rem;
}
.pl30 {
  padding-left: .30rem;
}
.pl40 {
  padding-left: .40rem;
}
.pr20 {
  padding-right: .20rem;
}
.pr30 {
  padding-right: .30rem;
}
.pr40 {
  padding-right: .40rem;
}
.plr8 {
  padding-left: .08rem;
  padding-right: .08rem;
}
.plr10 {
  padding-left: .10rem;
  padding-right: .10rem;
}
.plr12 {
  padding-left: .12rem;
  padding-right: .12rem;
}
.plr16 {
  padding-left: .16rem;
  padding-right: .16rem;
}
.plr40 {
  padding-left: .40rem;
  padding-right: .40rem;
}
.pb10 {
  padding-bottom: .10rem;
}
.mt5 {
  margin-top: 0.05rem;
}
.mt10 {
  margin-top: .10rem;
}
.mt16 {
  margin-top: .16rem;
}
.mt20 {
  margin-top: .20rem;
}
.mt25 {
  margin-top: .25rem;
}
.mt30 {
  margin-top: .30rem;
}
.mt40 {
  margin-top: .40rem;
}
.mt50 {
  margin-top: .50rem;
}
.ml4 {
  margin-left: 0.04rem;
}
.ml5 {
  margin-left: 0.05rem;
}
.ml8 {
  margin-left: 0.08rem;
}
.ml10 {
  margin-left: .10rem;
}
.ml14 {
  margin-left: .14rem;
}
.ml15 {
  margin-left: .15rem;
}
.ml16 {
  margin-left: .16rem;
}
.ml20 {
  margin-left: .20rem;
}
.ml30 {
  margin-left: .30rem;
}
.ml100 {
  margin-left: 1.00rem;
}
.mr5 {
  margin-right: 0.05rem;
}
.mr10 {
  margin-right: .10rem;
}
.mr20 {
  margin-right: .20rem;
}
.mb5 {
  margin-bottom: 0.05rem;
}
.mb10 {
  margin-bottom: .10rem;
}
.mb20 {
  margin-bottom: .20rem;
}
.mb40 {
  margin-bottom: .40rem;
}
.mtb10 {
  margin-top: .10rem;
  margin-bottom: .10rem;
}
.mtb20 {
  margin-top: .20rem;
  margin-bottom: .20rem;
}
.mtb30 {
  margin-top: .30rem;
  margin-bottom: .30rem;
}
.mlr10 {
  margin-left: .10rem;
  margin-right: .10rem;
}
.mlr20 {
  margin-left: .10rem;
  margin-right: .20rem;
}
.m20 {
  margin: .20rem;
}
::-webkit-scrollbar {
  width: 0px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  box-shadow: inset006pxrgba(0, 0, 0, 0);
  border-radius: 10px;
  width: 0px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0);
  box-shadow: inset006pxrgba(0, 0, 0, 0);
  width: 0px;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
  width: 0px;
}
.bold {
  font-weight: bold;
}
.bgImg {
  background-color: #efefef;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
.bgImg.unbg {
  background-color: transparent;
}
.omitWrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.noData {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40%;
  color: #787878;
}
.noData img {
  width: .48rem;
  font-size: 0.14rem;
  margin-bottom: .14rem;
}
.passwordInput {
  position: relative;
}
.passwordInput .iconfont {
  position: absolute;
  top: .28rem;
  right: .18rem;
}
.passwordInput .icon-noeyes {
  top: .276rem;
  font-size: .117rem;
}
.btnContent .tips {
  text-align: center;
  margin-bottom: .06rem;
}
.tips {
  color: #E53535;
  font-size: 0.12rem;
}
.tips.left {
  text-align: left;
}
.tips.success {
  color: #FFE502;
}
.button {
  display: block;
  width: 100%;
  height: 0.38rem;
  background: #FF0;
  border-radius: 0.02rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.38rem;
  border-radius: .08rem;
  cursor: not-allowed;
  opacity: .4;
  box-sizing: border-box;
  color: #000;
  font-size: .16rem;
  font-weight: 700;
}
.button.active {
  background: linear-gradient(270deg, #7DBA5B 0%, #25BD6A 100%);
  border-radius: .02rem;
  cursor: pointer;
  opacity: 1;
  color: #000;
  border-radius: .08rem;
}
.buttonMin {
  display: inline-block;
  min-width: .84rem;
  padding: 0 .22rem;
  height: .37rem;
  line-height: .37rem;
  font-size: 0.14rem;
  color: #ffffff;
  background-color: #56B83F;
  border-radius: .02rem;
}
.phoneInput {
  position: relative;
}
.phoneInput input {
  padding-left: .28rem;
  box-sizing: border-box;
}
.phoneInput .after {
  position: absolute;
  top: .24rem;
  left: .1rem;
  font-size: 0.14rem;
  color: #4d565e;
}
.is-focus {
  border: 1px solid #3BC117;
}
.iconImg {
  background: url(../img/fGame.fcea7308.png) no-repeat;
  background-size: .16rem;
  display: block;
  height: .16rem;
  width: .24rem;
}
.money1 {
  position: absolute;
  z-index: 10;
  width: 0.385rem;
  height: 0.24rem;
  background: url(../img/img1.7114fde1.png) no-repeat;
  background-size: 0.385rem 0.24rem;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.money2 {
  position: absolute;
  z-index: 10;
  width: 0.385rem;
  height: 0.235rem;
  background: url(../img/img2.9c6c6827.png) no-repeat;
  background-size: 0.385rem 0.235rem;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.money3 {
  position: absolute;
  z-index: 10;
  width: 0.385rem;
  height: 0.225rem;
  background: url(../img/img3.c12d9d6b.png) no-repeat;
  background-size: 0.385rem 0.225rem;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.money4 {
  position: absolute;
  z-index: 10;
  width: 0.385rem;
  height: 0.23rem;
  background: url(../img/img4.d0d7e5d5.png) no-repeat;
  background-size: 0.385rem 0.23rem;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.money5 {
  position: absolute;
  z-index: 10;
  width: 0.505rem;
  height: 0.225rem;
  background: url(../img/img5.764a6860.png) no-repeat;
  background-size: 0.505rem 0.225rem;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
#moneyRain {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 111;
}
@-webkit-keyframes fallAndSpin1 {
0% {
    -webkit-transform: translateY(-0.2rem) rotate(0deg) translateX(0);
            transform: translateY(-0.2rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(0.15rem) rotate(180deg) translateX(0.15rem);
            transform: translateY(0.15rem) rotate(180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(3.5rem) rotate(360deg) translateX(0);
            transform: translateY(3.5rem) rotate(360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(720deg) translateX(0);
            transform: translateY(9rem) rotate(720deg) translateX(0);
}
}
@keyframes fallAndSpin1 {
0% {
    -webkit-transform: translateY(-0.2rem) rotate(0deg) translateX(0);
            transform: translateY(-0.2rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(0.15rem) rotate(180deg) translateX(0.15rem);
            transform: translateY(0.15rem) rotate(180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(3.5rem) rotate(360deg) translateX(0);
            transform: translateY(3.5rem) rotate(360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(720deg) translateX(0);
            transform: translateY(9rem) rotate(720deg) translateX(0);
}
}
@-webkit-keyframes fallAndSpin2 {
0% {
    -webkit-transform: translateY(-0.2rem) rotate(0deg) translateX(0);
            transform: translateY(-0.2rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(0.15rem) rotate(-180deg) translateX(0.15rem);
            transform: translateY(0.15rem) rotate(-180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(3.5rem) rotate(-360deg) translateX(0);
            transform: translateY(3.5rem) rotate(-360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(-720deg) translateX(0);
            transform: translateY(9rem) rotate(-720deg) translateX(0);
}
}
@keyframes fallAndSpin2 {
0% {
    -webkit-transform: translateY(-0.2rem) rotate(0deg) translateX(0);
            transform: translateY(-0.2rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(0.15rem) rotate(-180deg) translateX(0.15rem);
            transform: translateY(0.15rem) rotate(-180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(3.5rem) rotate(-360deg) translateX(0);
            transform: translateY(3.5rem) rotate(-360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(-720deg) translateX(0);
            transform: translateY(9rem) rotate(-720deg) translateX(0);
}
}
@-webkit-keyframes fallAndSpin3 {
0% {
    -webkit-transform: translateY(-0.2rem) rotate(0deg) translateX(0);
            transform: translateY(-0.2rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(0.15rem) rotate(90deg) translateX(0.15rem);
            transform: translateY(0.15rem) rotate(90deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(3.5rem) rotate(180deg) translateX(0);
            transform: translateY(3.5rem) rotate(180deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(270deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(270deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(360deg) translateX(0);
            transform: translateY(9rem) rotate(360deg) translateX(0);
}
}
@keyframes fallAndSpin3 {
0% {
    -webkit-transform: translateY(-0.2rem) rotate(0deg) translateX(0);
            transform: translateY(-0.2rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(0.15rem) rotate(90deg) translateX(0.15rem);
            transform: translateY(0.15rem) rotate(90deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(3.5rem) rotate(180deg) translateX(0);
            transform: translateY(3.5rem) rotate(180deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(270deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(270deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(360deg) translateX(0);
            transform: translateY(9rem) rotate(360deg) translateX(0);
}
}
@-webkit-keyframes fallAndSpin3D1 {
0% {
    -webkit-transform: translateY(0rem) rotate(0deg) translateX(0);
            transform: translateY(0rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(2rem) rotate(180deg) translateX(0.15rem);
            transform: translateY(2rem) rotate(180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(4.5rem) rotateX(360deg) translateX(0);
            transform: translateY(4.5rem) rotateX(360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(720deg) translateX(0);
            transform: translateY(9rem) rotate(720deg) translateX(0);
}
}
@keyframes fallAndSpin3D1 {
0% {
    -webkit-transform: translateY(0rem) rotate(0deg) translateX(0);
            transform: translateY(0rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(2rem) rotate(180deg) translateX(0.15rem);
            transform: translateY(2rem) rotate(180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(4.5rem) rotateX(360deg) translateX(0);
            transform: translateY(4.5rem) rotateX(360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(720deg) translateX(0);
            transform: translateY(9rem) rotate(720deg) translateX(0);
}
}
@-webkit-keyframes fallAndSpin3D2 {
0% {
    -webkit-transform: translateY(0rem) rotate(0deg) translateX(0);
            transform: translateY(0rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
            transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(4.5rem) rotate(-360deg) translateX(0);
            transform: translateY(4.5rem) rotate(-360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(-720deg) translateX(0);
            transform: translateY(9rem) rotate(-720deg) translateX(0);
}
}
@keyframes fallAndSpin3D2 {
0% {
    -webkit-transform: translateY(0rem) rotate(0deg) translateX(0);
            transform: translateY(0rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
            transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(4.5rem) rotate(-360deg) translateX(0);
            transform: translateY(4.5rem) rotate(-360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(-720deg) translateX(0);
            transform: translateY(9rem) rotate(-720deg) translateX(0);
}
}
@-webkit-keyframes fallAndSpin3D3 {
0% {
    -webkit-transform: translateY(0rem) rotate(0deg) translateX(0);
            transform: translateY(0rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
            transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(4.5rem) rotate(-360deg) translateX(0);
            transform: translateY(4.5rem) rotate(-360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(-720deg) translateX(0);
            transform: translateY(9rem) rotate(-720deg) translateX(0);
}
}
@keyframes fallAndSpin3D3 {
0% {
    -webkit-transform: translateY(0rem) rotate(0deg) translateX(0);
            transform: translateY(0rem) rotate(0deg) translateX(0);
}
25% {
    -webkit-transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
            transform: translateY(2rem) rotate(-180deg) translateX(0.15rem);
}
50% {
    -webkit-transform: translateY(4.5rem) rotate(-360deg) translateX(0);
            transform: translateY(4.5rem) rotate(-360deg) translateX(0);
}
75% {
    -webkit-transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
            transform: translateY(5.75rem) rotate(-540deg) translateX(-0.15rem);
}
100% {
    -webkit-transform: translateY(9rem) rotate(-720deg) translateX(0);
            transform: translateY(9rem) rotate(-720deg) translateX(0);
}
}
@-webkit-keyframes fallAndRotate {
0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
}
@keyframes fallAndRotate {
0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
}
.globLoading {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.globLoading .van-icon-s {
  width: .46rem;
  height: .54rem;
  background: url(../img/loading2.df7f1348.gif) no-repeat;
  background-size: 100% 100%;
}
body {
  height: 100%;
  min-height: 80%;
  overflow: hidden;
}
#app {
  font-size: 0.14rem;
  width: 100vw;
  background-color: #25262B;
  margin: 0 auto;
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: url(../img/frame_bg.8f0f43ac.png) repeat;
}
#app.iosFixed {
  position: fixed;
}
#app.widthLimit {
  max-width: 3.82rem;
}
#app.widthLimit .router-view {
  max-width: 3.82rem;
}
#app.footerShow .router-view::after {
  content: "";
  display: block;
  height: 0.48rem;
}
#app .router-view {
  width: 100vw;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}
.vux-alert {
  font-size: 0.16rem;
}
.side-drawer {
  font-size: 0.14rem;
}
.vux-pop-out-enter-active,
.vux-pop-out-leave-active,
.vux-pop-in-enter-active,
.vux-pop-in-leave-active {
  will-change: transform;
  transition: all 250ms;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.vux-pop-out-enter {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.vux-pop-out-leave-active {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.vux-pop-in-enter {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.vux-pop-in-leave-active {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.vux-drawer-content {
  background: url(../img/frame_bg.8f0f43ac.png) repeat;
}
.vux-drawer > .vux-drawer-content,
.vux-drawer > .vux-drawer-body > .drawer-mask {
  height: 100vh;
}
.slide-down-enter-active,
.slide-down-leave-active {
  transition: all 0.2s ease;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.slide-down-leave-active {
  transition: all 0.2s ease;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.btmConfirm {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  max-width: 3.82rem;
  z-index: 101;
  position: relative;
}
.btmConfirm .content {
  position: fixed;
  bottom: 0;
  padding: 0.2rem;
  background-color: #fff;
  font-size: 0.14rem;
  color: #292929;
  max-width: 3.82rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  left: 50%;
  z-index: 16;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
}
.btmConfirm .content .top {
  display: flex;
}
.btmConfirm .content .top p {
  line-height: 0.2rem;
  padding-top: 0.04rem;
}
.btmConfirm .content img {
  width: 0.55rem;
  margin-right: 0.09rem;
}
.btmConfirm .content .btn {
  margin-top: 0.1rem;
  text-align: right;
}
.btmConfirm .content .btn span {
  display: inline-block;
  color: #009d81;
  cursor: pointer;
}
.btmConfirm .content .btn span.allow {
  min-width: 0.91rem;
  padding: 0 0.06rem;
  box-sizing: border-box;
  height: 0.43rem;
  background-color: #009d81;
  color: #fff;
  text-align: center;
  line-height: 0.43rem;
  border-radius: 0.06rem;
  margin-left: 0.39rem;
}