body {
    max-width: 100%;
}
@media (min-width: 630px) {
    body {
        max-width: 630px;
        margin: 0 auto;
    }
}
@media (min-width: 630px) and (min-height: 630px) {
    .popup:not(.popup-tablet-fullscreen) {
        height: 100%!important;
    }
    .popup-languages:not(.popup-tablet-fullscreen),.popup-switching-national-units:not(.popup-tablet-fullscreen){
        height: auto!important;
        width: 90%!important;
        left: 5%!important;
        top: 5%;
        margin: 0 auto;
    }
    .popup-home-tips:not(.popup-tablet-fullscreen) {
        height: auto!important;
        width: 90%!important;
        left: 5%!important;
        top: 5%;
        margin: 0 auto;
    }
    .popup-logout-tips:not(.popup-tablet-fullscreen) {
        height: auto!important;
        width: 90%!important;
        left: 5%!important;
        top: 5%;
        margin: 0 auto;
    }
    .popup-home-message:not(.popup-tablet-fullscreen) {
        height: auto!important;
        width: 90%!important;
        left: 5%!important;;
        top: 5%;
        margin: 0 auto;
    }
    .popup-home-topic:not(.popup-tablet-fullscreen) {
        height: auto!important;
        width: 90%!important;
        left: 5%!important;
        top: 5%;
        margin: 0 auto;
    }
}

.header-home{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.2rem;
    /*background: linear-gradient(90deg,#00b09b,#96c93d);*/
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    backdrop-filter: blur(.1rem);
    -webkit-backdrop-filter: blur(.1rem);
    padding: 0 .6rem;
    position: sticky;
    top: 0;
    z-index: 9;
    margin-bottom: 0.8rem;
}
.orange .header-home{
    background: linear-gradient(90deg,#ff5801,#fe8400) !important;
}
.header-home .lg {
    height: 1.48rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
.header-home .lg .text{
    color: #fff;
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    gap: .1rem;
    cursor:pointer;
}
.header-home .lg .text s{
    font-variant: normal;
    padding: 0 0.2rem;
    text-decoration: none;
}
.header-home .lg .text i{
   font-size: 1rem;
    padding-top: 0.2rem;
}
.header-home .m-bbox{
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:.1rem
}
.header-home .mmonrr{
    font-size:1.18rem;
    color:#fff;
    border-radius:2rem 2rem;
    line-height:1.6rem;
    font-weight:700;
    border:0.1rem solid #fff;
    padding:0 0.7rem;
    position:relative;
    display:flex;
    justify-content:center;
    min-width:1rem
}
.header-home .mmonrr img{
    position:absolute;
    height:.55rem;
    left:-.2rem;
    top:-.03rem
}
.header-home .number-grow-wrap{
    transform:translateZ(0)
}
.header-home .text-ti{
    font-size: 0.85rem;
    color: #fff !important;
}

/***/
.popup-home-topic{
    width: 90%;
    height: auto!important;
    left: 5%;
    border-radius: .88rem;
    top: 5%;
    margin: 0 auto;
}
.popup-home-topic-tips .home-tips-box{
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
    border-radius: .4rem;
}
.popup-home-topic .home-tips-title{
    color: #333;
    font-size: 1.66rem;
    font-weight: 700;
    text-align: center;
    margin-top: .88rem;
}
.popup-home-topic .home-tips-content{
    font-size: 1.03rem;
    padding: 1.2rem 5%;
    margin: 0;
    width: 90%;
}
.popup-home-topic .home-tips-checkbox{
    font-size: 1.03rem;
    padding: 1.2rem 5%;
    margin: 0;
    width: 90%;
    padding-top: 0;
}
.popup-home-topic .home-tips-checkbox .item-inner{
    display: inline-block;
}
.popup-home-topic .action-btns{
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}
.popup-home-topic .action-btns div{
    width: 6.88rem;
    text-align: center;
    height: 2.88rem;
    line-height: 2.88rem;
    font-size: 1.08rem;
    margin: .99rem 0;
    margin-top: 0;
    margin-bottom: 1.88rem;
}
.popup-home-topic .action-btns div.yes{
    border:.1rem solid #8F00FF;
    -webkit-background-clip:text;
    background-clip:text;
    background:linear-gradient(118deg,#8F00FF 16%,#8F00FF 0,#8F00FF 86%);
    color:#fff;
    border-radius: 3rem;
}

/**/
.popup-home-message{
    width: 90%;
    height: auto!important;
    left: 5%!important;
    top: 5%;
    border-radius: .88rem;
    margin: 0 auto!important;
}
.popup-home-message .home-tips-box{
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
    border-radius: .4rem;
}
.popup-home-message .home-tips-title{
    color: #333;
    font-size: 1.44rem;
    font-weight: 700;
    text-align: center;
    margin-top: 1.08rem;
}
.popup-home-message .home-tips-content{
    font-size: 1.03rem;
    padding: 1.2rem 5%;
    line-height: 0.99rem;
    margin: 0;
    width: 90%;
}
.popup-home-message .home-tips-content label{
    display: inline-block;
    line-height: 1.66rem;
    width: 100%;
}
.popup-home-message .ct{
    text-align: center;
}
.popup-home-message .action-btns{
    border-top: 0.02rem solid #ebedf0;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}
.popup-home-message .action-btns div{
    width: 50%;
    text-align: center;
    height: 3.22rem;
    line-height: 3.22rem;
    font-size: 1.08rem;
}
.popup-home-message .action-btns div.yes{
    border-left: 0.02rem solid #ebedf0;
    color: #8F00FF;
}
.orange .popup-home-message .action-btns div.yes{
    color: #ff5801!important;
}

/**/
.popup-home-tips{
    width: 90%;
    height: auto!important;
    left: 5%!important;
    top: 5%;
    border-radius: .88rem;
    margin: 0 auto!important;
}
.popup-home-tips .home-tips-box{
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
    border-radius: .4rem;
}
.popup-home-tips .home-tips-title{
    color: #333;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin-top: .7rem;
}
.popup-home-tips .home-tips-content{
    font-size: 1.03rem;
    padding: 1.2rem 5%;
    line-height: 0.99rem;
    margin: 0;
    width: 90%;
}
.popup-home-tips .action-btns{
    border-top: 0.02rem solid #ebedf0;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}
.popup-home-tips .action-btns div{
    width: 50%;
    text-align: center;
    height: 3.22rem;
    line-height: 3.22rem;
    font-size: 1.08rem;
}
.popup-home-tips .action-btns div.yes{
    border-left: 0.02rem solid #ebedf0;
    color: #8F00FF;
}
.orange .popup-home-tips .action-btns div.yes{
    color: #ff5801!important;
}

/**/
.popup-logout-tips{
    width: 90%;
    height: auto!important;
    left: 5%!important;
    top: 5%;
    border-radius: .88rem;
    margin: 0 auto!important;
}
.popup-logout-tips .logout-tips-box{
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
    border-radius: .4rem;
}
.popup-logout-tips .logout-tips-title{
    color: #333;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin-top: .7rem;
}
.popup-logout-tips .logout-tips-content{
    font-size: 1.03rem;
    padding: 1.2rem 5%;
    line-height: 0.99rem;
    margin: 0;
    width: 90%;
}
.popup-logout-tips .action-btns{
    border-top: 0.02rem solid #ebedf0;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}
.popup-logout-tips .action-btns div{
    width: 50%;
    text-align: center;
    height: 3.22rem;
    line-height: 3.22rem;
    font-size: 1.08rem;
}
.popup-logout-tips .action-btns div.yes{
    border-left: 0.02rem solid #ebedf0;
    color: #8F00FF;
}
.orange .popup-logout-tips .action-btns div.yes{
    color: #ff5801!important;
}

/**/
.popup-languages,.popup-switching-national-units{
    width: 90%;
    height: auto!important;
    left: 5%!important;
    top: 5%;
    border-radius: .66rem;
    margin: 0 auto!important;
}
.popup-languages .duoyuyan,.popup-switching-national-units .duoyuyan{
    width: 90%;
    padding: .8rem 1.2rem;
    border-radius: .4rem;
}
.popup-languages .duo-title,.popup-switching-national-units .duo-title{
    color: #333;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin-top: .7rem;
}
.popup-languages .lg-list,.popup-switching-national-units .lg-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.6rem;
}
.popup-languages .lg-list .lg-item,.popup-switching-national-units .lg-list .lg-item{
    border: .02rem solid rgba(255,90,1,0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 45%;
    background: #f1f1ef;
    height: 2.48rem;
    border-radius: .5rem;
    color: #666;
    margin-bottom: .7rem;
    gap: .01rem;
    transition: all .3s;
    padding: 0.3rem 0;
}
.popup-languages .lg-list .lg-item .lg-name,.popup-switching-national-units .lg-list .lg-item .lg-name{
    font-size:1rem;
    font-weight:700
}
.popup-languages .lg-list .lg-item .lg-desc,.popup-switching-national-units .lg-list .lg-item .lg-desc{
    font-size:.8rem
}
.popup-languages .action-btns,.popup-switching-national-units .action-btns{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:.6rem;
    margin-bottom:.6rem
}
.popup-languages .active-lg,.popup-switching-national-units .active-lg{
    background: linear-gradient(127deg,rgba(94,254,0,.14) 14%,rgba(94,254,0,.14) 0,rgba(94,254,0,.14) 88%) !important;
    border: .02rem solid #8F00FF !important;
    color: #8F00FF !important;
}
.orange .popup-languages .active-lg{
    background: linear-gradient(103deg,rgba(254,131,0,.23137254901960785) 19%,rgba(254,131,0,.23137254901960785) 0,#fbd8ca 84%) !important;
    border: .02rem solid #ff5801 !important;
    color: #ff5801 !important;
}
.popup-languages .action-btns .can,.popup-languages .action-btns .yes,
.popup-switching-national-units .can,.popup-switching-national-units .yes
{
    width:47%;
    height:2.28rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.06rem;
    font-weight:700;
    border-radius:2rem
}
.popup-languages .action-btns .can,.popup-switching-national-units .action-btns .can{
    border:.1rem solid #8F00FF;
    background:linear-gradient(120deg,#8F00FF 16%,#8F00FF 0,#8F00FF 86%);
    -webkit-background-clip:text;
    /*-webkit-text-fill-color:transparent;*/
    background-clip:text;
    text-fill-color:transparent;
}
.orange .popup-languages .action-btns .can{
    border: .1rem solid #ff5801;
    background: linear-gradient(120deg,#fe8400 16%,#f9881f 0,#ff5801 86%);
    -webkit-background-clip:text;
    /*-webkit-text-fill-color:transparent;*/
    background-clip:text;
    text-fill-color:transparent;
}
.popup-languages .action-btns .yes,.popup-switching-national-units .action-btns .yes{
    background:linear-gradient(118deg,#8F00FF 16%,#8F00FF 0,#8F00FF 86%);
    color:#fff
}
.orange .popup-languages .action-btns .yes{
    background: linear-gradient(118deg,#fe8400 16%,#f9881f 0,#ff5801 86%);
    color:#fff
}


/**/
.bottom-box {
    background-color: #fff!important;
    height: 4.5rem!important;
    border-radius: 1rem 1rem 0 0;
}
.bottom-box .six-tabbar {
    border-radius:.6rem .6rem 0 0;
    height:70%;
    background:transparent;
    margin-top:0.6rem;
    justify-content:space-between
}
.bottom-box .six-tabbar{
    width:100%;
    display:flex;
    display:-webkit-box;
    display:-webkit-flex;
    background:#fff
}
.bottom-box .six-tabbar a{
    text-align: center;
}
.bottom-box .six-tabbar .six-tabbar-item{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    width:33.33%;
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    font-size:.42rem;
    color:#666;
    line-height:1
}
.bottom-box .six-tabbar .six-tabbar-item .active {
    color: #8F00FF;
    font-weight:700
}
.orange .six-tabbar .six-tabbar-item .active {
    color:#ff5801!important;
}
.bottom-box .icon-cl {
    height:1.6rem
}
.bottom-box .sizefont {
    margin-top:0.4rem;
    font-size:0.8rem;
}
.toolbar-bottom:before{
    content:none;!important;
}
.index-content{
    padding-top: 4.5rem;
    padding-bottom: 5.5rem;
}
.home-box{
    width: 95%;
    margin: 0 auto;
    height: auto;
    padding-top: 1.5rem;
    padding-bottom: 20rem;
}
.home-box .banner{
    box-sizing: border-box;
    background-color: transparent;
    margin-top: .6rem;
    margin-bottom: .7rem;
}
/**/
.home-box .banner .swiper-slide img{
    width:100%;
    border-radius: 1rem;
}
.home-box .banner .swiper-slide .tt-btn{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: linear-gradient(104deg, #3973fa 19%, #ad35ed);*/
    /*color: #fff;*/
    /*font-weight: 700;*/
    /*font-size: 1.2rem;*/
    /*padding: 0 1.22rem;*/
    /*height: 2.88rem;*/
    /*border-radius: .8rem;*/
    top: 68%;
    left: 1.4rem;
    transition: all .5s;
}
/*.home-box .banner .swiper-slide .tt-btn::after,.home-box .banner .swiper-slide .tt-btn::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    border: .15rem solid #fff;*/
/*    width: 98%;*/
/*    height: 2.8rem;*/
/*    border-radius: .8rem;*/
/*    inset: 0;*/
/*    animation: pathRotate-data-v-1c27762c 2s linear infinite;*/
/*    -webkit-animation:pathRotate-data-v-1c27762c 2s linear infinite;*/
/*}*/
/*.home-box .banner .swiper-slide .tt-btn::after {*/
/*    animation-delay: -1s;*/
/*}*/
@keyframes pathRotate-data-v-1c27762c {
    0%,
    to {
        clip-path:inset(0 0 94% 0)
    }
    25% {
        clip-path:inset(0 94% 0 0)
    }
    50% {
        clip-path:inset(94% 0 0 0)
    }
    75% {
        clip-path:inset(0 0 0 94%)
    }
}
.home-box .with-space-bg{
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.home-box .with-space-bg ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.home-box .with-space-bg ul li{
    display: flex;
    padding: 0.9rem;
}
.home-box .with-space-bg .infoTask{
    background: #fff;
    border-radius: .6rem;
    margin-bottom: .8rem;
    transition: all .3s;
    transform: scale(1);
}
.home-box .with-space-bg ul li > img {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 0.8rem;
}
.home-box .with-space-bg ul li .info{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}
.home-box .with-space-bg ul li .info .left > div{
    display: flex;
}
.home-box .with-space-bg ul li .info .left .title{
    font-size: 1rem;
    color: #000;
    font-weight: 700;
    margin-bottom: .1rem;
}
.home-box .msg{
    font-size: .2rem;
    width: 100%;
    width: 95%;
    margin: auto;
}
.home-box .with-space-bg ul li .info .left .msg{
    font-size: 1.1rem;
    color: #333;
}
.home-box .btn{
    border: .1rem solid #8F00FF;
    color: #8F00FF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    font-weight: 700;
    padding: 0 .9rem !important;
    width: auto !important;
}
.home-box .with-space-bg ul li .info .btn {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    padding: .12rem .32rem;
    border-radius: 1rem !important;
    width: 1.2rem;
    height: 2.24rem;
    font-size: 1.2rem;
    background: linear-gradient(138deg,#8F00FF 11%,#8F00FF 0,#8F00FF 91%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.home-box .tt{
    display: flex;
    border-radius: .2rem .2rem 0 0;
    border-bottom: .03rem solid hsla(0,0%,74.5%,.5490196078431373);
    padding: .2rem .2rem .8rem .2rem;
}
.home-box .tt img{
    width: 2.8rem;
    height: 2.8rem;
    margin-right: .8rem;
    margin-top: -.05rem;
}
.home-box .tt i{
    font-size: 2.46rem;
    margin-right: .8rem;
    margin-top: -.05rem;
    /*color: #8F00FF;*/
}
.orange .home-box .tt i{
    color: #ff3b30;
}
.home-box .topr{
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*width: 100%;*/
    /*align-items: center;*/
}
.home-box .titleT{
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: .1rem;
}
.home-box .timeT{
    font-size: .9rem;
    color: #8F00FF;
    font-weight: 700;
    margin-bottom: .18rem;
}
.orange .home-box .timeT{
    color: #ff3b30;
}
/*.home-box .moner{*/
/*    font-size: 1.12rem;*/
/*    color: #fff;*/
/*    font-weight: 700;*/
/*    position: absolute;*/
/*    padding: .2rem .6rem;*/
/*    background: linear-gradient(90deg,#00b09b,#96c93d);*/
/*    right: 0;*/
/*    top: 0;*/
/*    border-radius: 0 .6rem 0 .6rem;*/
/*    overflow: hidden;*/
/*}*/
/*.orange .home-box .moner{*/
/*    background: linear-gradient(90deg,#ff5801,#fe8400)!important;*/
/*}*/
/*.home-box .moner::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: -20%;*/
/*    background: linear-gradient(45deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.7),hsla(0,0%,100%,0) 60%);*/
/*    animation: shark-wrap-data-v-c6f0db10 3s infinite;*/
/*    transform: translateX(-100%);*/
/*}*/
@keyframes shark-wrap-data-v-c6f0db10 {
    to {
        transform:translateX(100%)
    }
}
.home-box .line{
    width: 90%;
    height: .46rem;
    background: #f1f1ef;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 2.4rem;
    margin-bottom: 2rem;
    border-radius: .2rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.home-box .line .pro{
    position:absolute;
    border-radius:.2rem;
    height:.46rem;
    background-color:#8F00FF;
    background-image:linear-gradient(90deg,#8F00FF,#8F00FF 10%,rgba(251,181,107,.5215686274509804) 50%,#8F00FF 80%,#8F00FF);
    background-size:200% 100%;
    animation:progressbar-data-v-c6f0db10 2s linear infinite;
    transition:width .3s
}
.orange .home-box .line .pro{
    background-color:#ff5801!important;
    background-image:linear-gradient(90deg,#ff5801,#ff5801 10%,#ffebe0 50%,#ff5801 80%,#ff5801);
}
@keyframes progressbar-data-v-c6f0db10 {
    0% {
        background-position:100% 0
    }
    50% {
        background-position:0 0
    }
    to {
        background-position:-100%,0
    }
}
.home-box .step{
    z-index:6;
    /*width:18%;*/
    height:2.1rem;
    margin-top:-.8rem;
    font-size:.4rem;
    display:flex;
    align-items:center;
    justify-content:center;
    /*top:0;
    position:absolute;*/
}
.home-box .step img{
    width:4.2rem;
}
.home-box .step i.status2{
    width: 2.68rem;
    height: 2.68rem;
    background: #b4b4b4;
    border: 0.26rem solid #d8d8d8;
    border-radius: 100%;
}
.home-box .completed i.status2{
    background: #8F00FF!important;
    border: 0.26rem solid #FF6B6B !important;
}
.orange .home-box .completed i.status2{
    background: #ff5801!important;
    border: 0.26rem solid #ffebe0 !important;
}
.home-box .test{
    font-size: .75rem;
    font-weight: 700;
    position: absolute;
    color: #fff;
    margin-top: -1rem;
}
.home-box .step .unit{
    font-size: .85rem;
    font-weight: 700;
    position: absolute;
    color: #d7d7d7;
    margin-top: 1.2rem;
}
.home-box .msg{
    font-size: .2rem;
    width: 100%;
    width: 95%;
    margin: auto;
}
.home-box .b-t{
    display: flex;
    align-items: center;
    gap: .2rem;
    margin-top: .32rem;
    justify-content: space-between;
}
.home-box .purple{
    height: 1rem;
    padding: .8rem;
    border-radius: .6rem;
}
.home-box .purple{
    background: #ecf5dd;
    color: #8F00FF;
}
.orange .home-box .purple{
    background: #ffebe0;
    color: #ff5801;
}
.home-box .purple .action{
    width: 4.33rem;
    height: 1.5rem;
    border-radius: .4rem;
    color: #8F00FF;
    font-size: 0.85rem;
    line-height: 1.5rem;
    text-align: center;
    border: .1rem solid #8F00FF;
    border-radius: 40px;
}
.orange .purple .action{
    color: #ff5801;
    border: .1rem solid #ff5801;
}
.home-box .mem{
    align-items: center;
    gap: .4rem;
    width: 75%;
    overflow: hidden;
    height: 1rem;
    line-height: 1rem;
}
.home-box .b-t img{
    width: 1.4rem;
    height: 1.4rem;
}
.home-box .b-t i{
    font-size: 1.22rem;
}
.home-box .n-t{
    font-size: .75rem;
    font-weight: 700;
}
.home-box .tips-swiper{
    position: relative;
    overflow: hidden;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    font-size: 0.85rem;
    height: 100%;
    width: 100%;
}
.home-box .invite-msg{
    font-size: .75rem;
    color: #8F00FF;
    width: 100%;
    margin: .7rem auto;
    margin-bottom: 0.2rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: .2rem;
}
.orange .home-box .invite-msg{
    color: #ff3b30;
}

.navigationBar{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 0 2.6rem;
    font-size: 1.06rem;
    height: 100%;
    background-size: 100% 100% !important;
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    /*background: #fff;*/
    background-size: auto;
    color: #fff;
    font-weight: 500;
}
.orange .navigationBar{
    background: linear-gradient(90deg,#ff5801,#fe8400);
}
.navigationBar i {
    position: absolute;
    left: .4rem;
    width: .18rem;
}
/**/
.login{
    width: 100%;
    height: 100%;
    overflow-y: scroll !important;
    box-sizing: border-box;
    background: #f4f4f4;
    position: relative;
    overflow-y: scroll;
}
.login .newlogos{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #000;
    font-size: 1.8rem;
    padding-top: 4rem;
}
.login .newlogos img{
    width: 4.66rem;
    height: 4.66rem;
}
.login .newlogos .img2{
    width: 6.8rem;
    height: auto;
}
.login .logntext{
    font-size: 1.55rem;
    font-weight: 700;
    color: #8F00FF;
    margin-top: 1.8rem;
}
.orange .logntext{
    color: #ff5801!important;
}
.login .newbtns{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 5rem;
    width: 90%;
    gap: .9rem;
}
.login .regs,.login .signin{
    width: 99%;
    height: 3.2rem;
    font-size: 1.08rem;
    text-align: center;
    line-height: 3.2rem;
    margin-bottom: .6rem;
}
.login .signin{
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    color: #fff;
    border-radius: 3rem;
}
.orange .signin{
    background: linear-gradient(90deg,#ff5801,#fe8400);
}
.login .regs{
    border: .09rem solid #8F00FF;
    color: #8F00FF;
    border-radius: 3rem;
}
.orange .regs{
    border: .09rem solid #ff5801;
    color: #ff5801;
}
.login .forget{
    font-size: .88rem;
    color: #000;
}
.login .lg-t{
    font-family: en-bold;
    color: #333;
    font-size: 1.24rem;
    font-weight: 700 !important;
    margin: .7rem .7rem .7rem 0;
}
.login .newlogin{
    background: #f4f4f4;
    height: 100%;
}
.login .newlogo {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    color: #000;
    font-size: 1.8rem;
}
.login .newlogo img{
    width: 4.66rem;
    height: 4.66rem;
}
.login .newlogo .img2{
    width: 6.8rem;
    height: auto;
}
.login .chose {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #8F00FF;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.orange .chose {
    color: #ff5801!important;
}
.login .chose-item1 {
    border-left: .09rem solid #8F00FF;
    border-radius: .6rem 0 0 .6rem;
}
.orange .chose-item1 {
    border-left: .09rem solid #ff5801!important;
}
.login .chose-item0,.login .chose-item1,.login .chose-item2 {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4rem .6rem;
    border-top: .09rem solid #8F00FF;
    border-bottom: .09rem solid #8F00FF;
    border-right: .09rem solid #8F00FF;
    margin-top: 0;
    margin-bottom: 0;
    transition: all 1s;
    -webkit-tap-highlight-color: rgba(0,0,0,0)!important;
    cursor:pointer;
}
.orange .login .chose-item0,.orange .login .chose-item1,.orange .login .chose-item2 {
    border-top: .09rem solid #ff5801;
    border-bottom: .09rem solid #ff5801;
    border-right: .09rem solid #ff5801;
}
.login .chose-item2 {
    border-left: 0 solid #8F00FF;
    border-radius: 0 .6rem .6rem 0;
}
.orange .login .chose-item2 {
    border-left: 0 solid #ff5801;
}
.login .chose .active-chose {
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    color: #fff !important;
}
.orange .login .chose .active-chose {
    background: linear-gradient(90deg,#ff5801,#fe8400);
}
.login .body{
    transition: height .3s;
    position: relative;
    z-index: 1;
    width: 90%;
    margin: 0 auto;
    margin-top: 0px;
    border-radius: .4rem;
    margin-top: .3rem;
    padding-bottom: 6rem;
}
.login .body .sign_login1{
    padding-top: .32rem;
}
.login .body .sign_login{
    position: relative;
    z-index: 2;
}
.login .body .sign_login .uilist{
    overflow: hidden;
    background-color: transparent;
}
.login .body .sign_login .uilist .uilist_turnstile{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .62rem;
    background-color: #f6f6f6;
    margin-bottom: 0;

}
.login .body .uilist_div{
    backdrop-filter: blur(1rem);
    border: .09rem solid #cbced0;
    -webkit-backdrop-filter: blur(1rem);
    opacity: 1;
    border-radius: 1rem;
}
.login .body .sign_login .uilist .uilist_div{
    height: 2.68rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .62rem;
    background-color: #f6f6f6;
    margin-bottom: 1.24rem;
}
.login .body .sign_login .uilist .uilist_div > i{
    font-size: 1.5rem;
    color: #8F00FF;
    display: flex;
}
.orange .login .body .sign_login .uilist .uilist_div > i{
    color: #ff5801;
}
.login .body .sign_login .uilist .uilist_div > i.eye{
    color: #a9a9a9;
    font-size: 1.3rem;
}
.login .body .pre {
    font-size: .9rem;
    padding: 0.5rem;
    font-weight: 500;
    color: #8F00FF;
    cursor:pointer;
}
.orange .login .body .pre {
    color:#ff5801;
}
.login .body input{
    background: transparent !important;
    border: transparent;
    outline: none;
    font-size: 1rem;
    color: #000;
    padding-left: .5rem;
    padding-right: .5rem;
    flex-grow: 1;
    height: 100%;
    line-height: 100%;
    cursor:pointer
}
.login .body .btn, .login .body .login_btn, .login .body .tourist_btn{
    margin-bottom: .45rem;
    text-align: center;
    margin-top: 1.35rem;
}
.login .body .btn a, .login .body .login_btn a, .login .body .tourist_btn a{
    display: inline-block;
    width: 90%;
    line-height: 2.48rem;
    border-radius: 1rem;
    height: 2.48rem;
    font-size: 1.16rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background: linear-gradient(90deg, #00b09b, #96c93d);
}
.orange .login .body .btn a,.orange .login .body .login_btn a,.orange .login .body .tourist_btn a{
    background: linear-gradient(90deg, #ff5801,#fe8400);
}
.login .body .register_btn{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .84rem;
    color: #626262;
    font-weight: 700;
}
.login .body .register_btn a{
    font-size: .84rem;
    color: #8F00FF;
    font-weight: 700;
}
.orange .login .body .register_btn a{
    color: #ff5801;
}
.login .body .footer {
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 2rem;
    bottom: 1rem;
    border-bottom: .2rem solid #8F00FF;
    display: inline-block;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.orange .login .body .footer {
    border-bottom: .2rem solid #ff5801;
}
.login .body .footer a {
    font-size: 1rem;
    color: #8F00FF;
    font-weight: 700;
}
.orange .login .body .footer a {
    color: #ff5801;
}
.login .body .sign_login .verfy_title{
    transform: translateX(-.5rem);
    white-space: nowrap;
    font-weight: 700;
    height: 50%;
    padding-left: .4rem;
    float: right;
    text-align: left;
    font-size: .96rem;
    border: transparent;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: transparent;
    background-color: transparent;
    border-left: .03rem solid hsla(0,0%,60%,.2);
}
.login .body .sign_login .uilist .verfy_code .verfy_title{
    font-size: .96rem;
    color: #8F00FF;
    text-align: center;
}
.orange .login .body .sign_login .uilist .verfy_code .verfy_title{
    color: #ff5801;
}
.login .body .sign_login .uilist .verfy_code .verfy_image{
    border-left: .03rem solid hsla(0, 0%, 60%, .2);
    padding-left: .9rem;
    width: 6rem;
    height: 65%;
}
.login .body .tcode {
    font-size: .6rem;
}
.login .body .tcode,.login .body .tcode2 {
    text-align: center;
    color: #8F00FF;
}
.orange .login .body .tcode,.login .body .tcode2 {
    color: #ff5801;
}
.login .body .tcode2 {
    font-size: .85rem;
    font-weight: 700;
    margin-top: .4rem;
}
.login .body .footer2 {
    margin-top: 1.6rem;
    bottom: 2rem;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: .2rem;
}
.login .body .footer2 span {
    color: #999;
    font-size: .9rem;
}
.login .body .footer2 a {
    font-size: 1.12rem;
    color: #8F00FF;
    font-weight: 700;
}
.orange .login .body .footer2 a {
    color: #ff5801;
}
/**/
.navigationChartsBar{
    width: 100%;
    transition: all .3s;
    display: flex;
    align-items: center;
    z-index: 888;
    height: 100%;
}
.navigationChartsBar-paihang {
    background-color: #fff;
}
.navigationChartsBar .header{
    height: 100%;
    font-size: .36rem;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
}
.navigationChartsBar .header a.link{
    color:#2c3e50!important;
    padding: 0 12px!important;
    min-width: 48px!important;
    font-size: 1.66rem!important;
}
.navigationChartsBar .header .title{
    font-size: 1.33rem!important;
    width: -moz-calc(100% - 120px)!important;
    width: -webkit-calc(100% - 120px)!important;
    width: calc(100% - 120px)!important;
    text-align: center;
    color: #2c3e50!important;
    text-transform: uppercase;
}
.isTop{
    background-color: hsla(0,0%,100%,0) !important;
}
.isTop .header a.link{
    color:#fff!important;
}
.bgg{
    background: url(../images/ph-bg.png) no-repeat;
    height: 100vh;
    background-size: 100%;
    background-position: 0 -4rem;
    overflow-y: scroll;
}
.bgg .ti{
    font-family: en-bold;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    top: 3.8rem;
    color: #fff4ac;
    position: relative;
    font-size: 2.48rem;
    line-height: 4.96rem;
    text-align: center;
    font-weight: 700;
    text-shadow: 0 .48rem .2rem #cd0b00;
    text-transform: uppercase;
}
.bgg .ti::before {
    content:attr(text);
    position:absolute;
    z-index:10;
    color:#fff;
    -webkit-mask:linear-gradient(270deg,#fcf1d3,transparent);
}
.bgg .table {
    width: 90%;
    z-index: 9999;
    height: 100%;
    overflow-x: hidden;
    margin: .3rem auto;
    margin-top: 0.3rem;
    background: url(../images/list-bg.png) no-repeat;
    background-size: auto;
    background-size: 100%;
    margin-top: 16rem;
    padding-top: 1rem;
}
.bgg .hty{
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #666;
    font-size: 1.2rem;
}
.bgg .hty div{
    position: relative;
    transition: all .3s;
}
.bgg .activeL{
    background: linear-gradient(125deg,#8F00FF 15%,#8F00FF 0,#8F00FF 87%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 1.2rem;
    font-weight: 700;
}
.bgg .activeL::before {
    position: absolute;
    content: "";
    width: 50%;
    height: .15rem;
    background: linear-gradient(107deg,#8F00FF 18%,#8F00FF 0,#8F00FF 85%);
    border-radius: 2rem;
    bottom: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}
.bgg .linddd{
    width: 80%;
    border: .02rem dashed #f5a46d;
    margin: 1rem auto;
}
.bgg .contaninner{
    width: 90%;
    margin: .3rem auto;
    height: 28rem;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: scroll;
}
.bgg .contaninner .tr{
    display: flex;
}
.bgg .contaninner .tt{
    flex: .5;
    margin-left: -.3rem;
}
.bgg .contaninner .th{
    text-align: center;
    font-size: .74rem !important;
    font-weight: 700;
    color: #333;
    height: 2.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bgg .contaninner .pre{
    position: absolute;
    left: .1rem;
    color: #999;
}
.bgg .contaninner .tr .th{
    font-size: .25rem;
    position: relative;
}
.bgg .contaninner .iimg{
    width: 2.5rem;
}
.bgg .contaninner .money{
    background: linear-gradient(176deg,#8F00FF,#8F00FF 0,#8F00FF 99%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: .28rem;
}
.bgg .contaninner .mm{
    flex: .5;
}
.bgg .contaninner .gg{
    flex: .4;
}
.bgg .contaninner .hh{
    flex: .8;
    text-align: left;
    margin-left: .2rem;
    max-width: 10rem;
    overflow: hidden;
}
/**/
.wechatList{
    position: relative;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    height: 100%;
    background: #f1f1ef;
    display: flex;
    flex-direction: column;
}
.wechatList .wechatList-content-header{
    display: inline-grid;
    height: 100%;
}
.wechatList .wechatList-content{
    display: inline-grid;
    height: 100%;
    overflow-y: hidden;
}
.wechatList .scan-top{
    margin-top: .88rem;
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    z-index: 1;
    flex-direction: column;
    height: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
}
.wechatList .scan-top .scan-img{
    width: 4.2rem;
    border-radius: 50%;
    border: .1rem solid #8F00FF;
}
.orange .wechatList .scan-top .scan-img{
    border: .1rem solid #ff5801;
}
.wechatList .scan-top .logo-title{
    font-size: 1.05rem;
    font-weight: 700;
    color: #8F00FF;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}
.orange .wechatList .scan-top .logo-title{
    color: #ff5801;
}
.wechatList .scan-top .logo-title .k-logo{
    width: 1.85rem;
    position: absolute;
    left: 4.85rem;
    top: -0.1rem;
}
.wechatList .scan-t{
    color: #000;
    font-size: .48rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    z-index: 9;
    width: 100%;
}
.wechatList .chose{
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #8F00FF;
    margin-top: 0;
    margin-bottom: 0;
}
.orange .wechatList .chose{
    color: #ff5801;
}
.wechatList .chose img{
    width:1.2rem;
    height:1.2rem
}
.wechatList .chose-item0,.wechatList .chose-item1,.wechatList .chose-item2 {
    font-size:0.8rem;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.5rem .95rem;
    border-top:.1rem solid #8F00FF;
    border-bottom:.1rem solid #8F00FF;
    border-right:.1rem solid #8F00FF;
    margin-top:1rem;
    margin-bottom:.2rem;
    background:#fff;
    transition:all .3s;
    gap:.3rem;
    width: 50%;
}
.orange .wechatList .chose-item0,.orange .wechatList .chose-item1,.orange .wechatList .chose-item2 {
    border-top:.1rem solid #ff5801;
    border-bottom:.1rem solid #ff5801;
    border-right:.1rem solid #ff5801;
}
.wechatList .chose-item1{
    border-left:.1rem solid #8F00FF;
    border-radius:.8rem 0 0 .8rem
}
.orange .wechatList .chose-item1{
    border-left:.1rem solid #ff5801;
}
.wechatList .chose-item2{
    border-left:0 solid #8F00FF;
    border-radius:0 .8rem .8rem 0
}
.orange .wechatList .chose-item2{
    border-left:0 solid #ff5801;
}
.wechatList .chose .active-chose{
    background:linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%)!important;
    color:#fff!important
}
.orange .wechatList .chose .active-chose{
    background:linear-gradient(90deg,#ff5801,#fe8400)!important;
}
.wechatList .newlist2-em{
    flex-direction: column !important;
}
.wechatList .newlist2{
    width: 100%;
    z-index: 9;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5rem;
}
.wechatList .video-bottom{
    margin-top: 1.2rem !important;
    display: flex;
    justify-content: center;
    color: #8F00FF !important;
    font-size: 1.2rem;
    gap: .3rem;
    align-items: center;
    font-weight: 700;
    padding: 0 .88rem;
}
.orange .wechatList .video-bottom{
    color: #ff5801 !important;
}
.wechatList .emptys{
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wechatList .newlist2-em div{
    font-size: 1rem;
    color: #000;
    margin-top: 0.5rem;
}
.wechatList .video-bottom img{
    width: 2.26rem;
}
.wechatList .video-bottom i{
    font-size:2.26rem !important;
    color: #8F00FF;
}
.orange .wechatList .video-bottom i{
    color: #ff5801!important;
}
.wechatList .startScan{
    height:2.88rem;
    background:linear-gradient(102deg,#8F00FF 19%,#8F00FF 0,#8F00FF 84%);
    text-align:center;
    line-height:2.88rem;
    color:#fff;
    font-size:1.16rem;
    border-radius:2rem;
    width: max-content;
    position:fixed;
    left:50%;
    transform:translate(-50%);
    bottom:2.5rem;
    z-index:99;
    box-shadow:0 0 .6rem #8F00FF;
    overflow:hidden;
    padding: 0 4.88rem;
}
.orange .wechatList .startScan{
    background:linear-gradient(102deg,#ff5801 19%,#ff5801 0,#ff5801 84%);
    box-shadow:0 0 .6rem #ff5801;
}
.wechatList .startScan img{
    width: 2.1rem;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-40%);
    -webkit-animation: test-data-v-5fca4ffe 1s infinite;
}
.wechatList .startScan label{
    display: contents;
}
@keyframes test-data-v-5fca4ffe {
    0% {
        opacity:1
    }
    50% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.wechatList .startBtns::after {
    content:"";
    position:absolute;
    top:-50%;
    right:-50%;
    bottom:-50%;
    left:-50%;
    background:linear-gradient(180deg,rgba(229,172,142,0),hsla(0,0%,100%,.5) 50%,rgba(229,172,142,0));
    transform:rotate(60deg) translate(-5em,7.5em);
    animation:sheen-data-v-5fca4ffe 2s infinite;
}
@keyframes sheen-data-v-5fca4ffe {
    to {
        transform:rotate(60deg) translate(1em,-9em)
    }
}
.wechatList .list{
    flex-grow: 1;
    overflow-y: scroll;
    padding: 0;
    margin: 0;
    padding-bottom: 7.88rem;
    display: inline-grid;
}
.wechatList .list ul{
    margin: 0;
    padding: 0 1.5rem;
    display: flow;
}
.wechatList .list ul li{
    width: 100%;
    height: auto;
    padding: 1rem;
    margin: 0;
    float: left;
    background: #fff;
    border-radius: 0.6rem;
    display: inline-grid;
    margin-bottom: 1rem;
}
.wechatList .list ul li div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem
}
.wechatList .list ul li div img{
    width: 2.66rem;
}
.wechatList .list ul li label.device-info{
    display: inline-grid;
}
.wechatList .list ul li .device-info h1{
    margin: 0;
    padding: 0;
    font-size: 1rem;
}
.wechatList .list ul li .device-info span{
    font-size: 0.88rem;
    color:#c8c9cc;
}
.wechatList .list ul li .device-info span i{
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 100%;
    background:#c8c9cc;
    display: inline-flex;
    margin-right: 0.1rem;
}
.wechatList .list ul li label.device-info-other{
    display: inline-grid;
    width: 50%;
    margin-top: 0.66rem;
}
.wechatList .list ul li label.device-info-other i{
    font-size: 0.88rem;
    color:#c8c9cc;
    font-style: normal;
}
.wechatList .list ul li label.device-info-other b{
    font-size: 0.8rem;
    color:#353535;
    font-style: normal;
}
.wechatList .list ul li label.device-info-other b.device-time{
    color:#8F00FF;
}
.orange .wechatList .list ul li label.device-info-other b.device-time{
    color:#ff5801;
}

/*popup*/
.popup-device,.popup-device .page{
    background-color: #fff!important;
}
.popup-device .navbar-bg{
    background-color: #fff!important;
}
.popup-device .navbar-bg:after {
    height: 0!important;
}
.popup-device .navbar a {
    color:#c8c9cc;
}
.popup-device .navbar .title{
    padding-top: 1.2rem;
    font-size: 1.15rem;
    text-align: center;
}
.popup-device .number-box{
    width: 90%;
    height: 100%;
    overflow: hidden;
    overflow-y:auto;
    margin: 0 auto;
    box-sizing: border-box;
}
.popup-device .number-step{
    font-size: .85rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
    line-height: 1.35rem;
    padding-top: 1.8rem;
}
.popup-device .number-step2{
    margin-top: .5rem;
}
.popup-device .uilist{
    overflow: hidden;
    border-radius: .6rem;
    display: flex;
    background-color: transparent;
    width: 100%;
}
.popup-device .uilist .uilist_div{
    border-bottom: 0 solid #e7e7e7;
    height: 2.88rem;
    display: flex;
    align-items: center;
    padding: 0 .62rem;
    width: auto;
    max-width: 100%;
    background-color: #f6f6f6;
    padding-right: 0;
    justify-content: space-between;
}
.popup-device .uilist .uilist_div > img{
    width: 1.8rem;
}
.popup-device .pre2{
    font-size: .9rem;
    margin-left: .5rem;
    font-weight: 500;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(138deg,#8F00FF 11%,#8F00FF 0,#8F00FF 91%);
    background-clip: border-box;
    -webkit-background-clip: text;
    background-clip: text;
}
.orange .popup-device .pre2{
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(138deg,#ff5801 11%,#ff5801 0,#ff5801 91%);
    background-clip: border-box;
    -webkit-background-clip: text;
    background-clip: text;
}
.popup-device .uilist input{
    background: transparent !important;
    border: transparent;
    outline: none;
    font-size: .9rem;
    color: #000;
    padding-left: .5rem;
    padding-right: .5rem;
    width:50%;
}
.popup-device .uilist input.region{
    padding: 0!important;
    width: auto;
    max-width: 2.88rem;
}
.popup-device .verfy_title{
    font-size: .86rem;
    background: rgb(0, 157, 59);
    border: none;
    color: #fff;
    font-weight: 700;
    border-radius: 0 .6rem .6rem 0;
    padding: 0 .66rem;
    height: 2.88rem;
    width: fit-content;
    text-align: center;
    transition: all .3s;
    overflow: hidden;
    display: block;
}
.orange .popup-device .verfy_title{
    background: #ff5801!important;
}
.popup-device .numbers-code{
    color: #ff5801;
    font-size: .33rem;
    font-weight: 700;
    display: flex;
    gap: .4rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.6rem;
    padding-left: 0.01rem;
}
.popup-device .numbers-copy{
    font-size: 1.15rem;
    font-weight: 700;
    display: block;
    text-align: center;
    align-items: center;
    margin-top: 1.6rem;
    color:#8F00FF;
}
.orange .popup-device .numbers-copy{
    color:#ff5801;
}
.popup-device .numbers-copy i{
    margin-right: 0.5rem;
    font-size: 1.66rem;
    color: #999;
}
.popup-device .notranslate {
    translate: unset;
}
.popup-device .numbers-code-item{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1rem 0;
    width: .6rem;
    border-radius: .6rem;
    border: .05rem solid #c1c1c1;
    min-height: 2.25rem;
    transition: all .4s;
    font-size: 1.2rem;
}
.popup-device .numbers-code div{
    flex: 1;
}
.popup-device .line-number {
    border: .03rem solid #c1c1c1;
    height: .01rem;
    border-radius: .1rem;
    background: #c1c1c1;
}
.popup-device .footer-number{
    margin-top: .3rem;
}
.popup-device .footer-number{
    color: #8F00FF;
    display: flex;
    align-items: center;
    margin-top: 1.6rem;
    margin-left: -.1rem;
    gap: .6rem;
}
.orange .popup-device .footer-number{
    color: #ff5801;
}
.popup-device .footer-number span {
    font-size: 1.05rem;
    font-weight: 700;
}
.popup-device .imglist{
    display: flex;
    justify-content: space-between;
    gap: .1rem;
    width: 100%;
    margin-top: .9rem;
}
.popup-device .imglist img{
    width: 23%;
}
.popover-phoneList{
    width:10rem;
    height: auto;
    max-height: 20rem;
}
.popover-phoneList .custom-popover-size{
    width: 100%;
    height: 100%;
    max-height: 20rem;
}

/**/
.me-content{
    background: #efefec;
    overflow-y: scroll;
    position: relative;
}
.me-content .navigationBar{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    height: 2.86rem;
    background-size: 100% 100% !important;
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    background-size: auto;
    color: #fff;
    font-weight: 500;
}
.orange .me-content .navigationBar{
    background: linear-gradient(90deg,#ff5801,#fe8400)!important;
}
.me-content .home-head{
    width: 100%;
    height: 10rem;
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    border-radius: 0 0 0 0;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 7.2rem;
}
.orange .me-content .home-head{
    background: linear-gradient(90deg,#ff5801,#fe8400)!important;
}
.me-content .new-top{
    width: 82%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 12rem;
    height: 9.3rem;
}
.me-content .new-top2,.me-content .new-top{
    background: #fff;
    z-index: 999;
    border-radius: .66rem;
    padding: 0 1.2rem;
    padding-top: 0px;
    padding-top: 1.2rem;
    position: relative;
}
.me-content .header_right{
    /*background: linear-gradient(117deg,rgba(0,156,58,.21) 16%,#8F00FF 0,#d4ead7 86%);*/
    height: 2.46rem;
    border-radius: 2.65rem 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    padding: 0 .6rem 0 1.8rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.orange .me-content .header_right{
    background: linear-gradient(103deg,rgba(254,131,0,.23137254901960785) 19%,rgba(254,131,0,.23137254901960785) 0,#fbd8ca 84%) !important;
}
.me-content .header_right .unit{
    width: 1.4rem;
    margin-right: .35rem;
    height: 1.4rem;
    background: #8F00FF;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-style: normal;
    line-height: 1.4rem;
    display: inline-block;
}
.orange .me-content .header_right .unit{
    background: #ff5801;
}
.me-content .header_right span{
    font-size: .93rem;
    background: linear-gradient(108deg,#8F00FF 18%,#8F00FF 0,#8F00FF 85%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.orange .me-content .header_right span{
    background: linear-gradient(108deg,#ff5801 18%,#ff5801 0,#ff5801 85%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.me-content .newbox{
    display: flex;
    align-items: center;
    gap: .8rem;
}
.me-content .newbox img{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.me-content .newbox .avator{
    width: 3.66rem;
    height: 3.66rem;
    border-radius: 50%;
    border: .1rem solid #8F00FF;
}
.orange .me-content .newbox .avator{
    border: .1rem solid #ff5801;
}
.me-content .new-right{
    display: flex;
    align-items: start;
    gap: .3rem;
    flex-direction: column;
    justify-content: start;
}
.me-content .new-right span{
    font-size: 1.1rem;
    color: #8F00FF;
    font-weight: 700;
}
.orange .me-content .new-right span{
    color: #ff5801;
}
.me-content .new-right img{
    width: 2.66rem !important;
    border-radius: 0 !important;
    height: auto !important;
}
.me-content .ac-title, .me-content .num, .me-content .top-line{
    font-size: 1.13rem;
    font-weight: 700;
}
.me-content .top-line{
    display: flex;
    align-items: center;
    gap: .2rem;
    color: #788998;
    margin-top: .9rem;
}
.me-content .top-line img{
    width: 1.1rem;
}
.me-content .new-top2{
    width: 82%;
    margin: 0 auto;
    height: 8rem;
}
.me-content .new-top2 img{
    width: 4.88rem;
    position: absolute;
    right: 0;
    top: -.1rem;
}
.me-content .tixian{
    background: #fff;
    color: #fff;
    font-size: .3rem;
    padding: 0 0;
    /*border-radius: 2rem;*/
    left: 2.5rem;
    bottom: 1rem;
    height: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-right: .6rem;
    margin-top: .6rem;
    gap: .3rem;
}
.me-content .tixian span{
    background: linear-gradient(130deg,#8F00FF 13%,#8F00FF 0,#8F00FF 89%);
    background-clip: border-box;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #8F00FF!important;
    /* background-clip: text; */
    text-fill-color: transparent;
    font-size: .88rem;
}
.me-content .tixian span:not(.new-wri){
    background-clip: text;
}
.orange .me-content .tixian span{
    background: linear-gradient(130deg,#ff5801 13%,#ff5801 0,#ff5801 89%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.me-content .new-wri{
    border-radius: .6rem;
    padding: .15rem .5rem;
    border: .1rem solid #8F00FF;
    font-size: .75rem !important;
    margin-left: .2rem;
}
.orange .me-content .new-wri{
    border: .1rem solid #ff5801;
}
.me-content .name-p{
    display: flex;
    justify-content: space-between;
    margin-top: .8rem;
}
.me-content .name{
    display: flex;
    flex-direction: column;
    gap: .3rem;
    margin: 0;
}
.me-content .kk-name{
    font-size: 0.85rem;
    font-weight: 700;
    color: #8F00FF;
}
.orange .me-content .kk-name{
    color: #ff5801;
}
.me-content .kk-label{
    font-size: 0.78rem;
    color: #3f3f3f;
    font-weight: 700;
}
.me-content .ft-list{
    width: 90%;
    margin: 0 auto;
    background: transparent;
    border-radius: .16rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    z-index: 99;
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 6rem;
}
.me-content .ft-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .66rem;
    height: 2.66rem;
    font-weight: 700;
    position: relative;
    background: #fff;
    padding: .3rem 1.2rem;
    border-radius: .6rem;
}
.me-content .ft-item a{
    display: contents;
}
.me-content .ft-item span{
    color: #333;
    font-size: .98rem;
}
.me-content .ft-item .dd{
    display: flex;
    align-items: center;
    gap: .6rem;
}
.me-content .ft-item .dd i,.me-content .ft-item .you{
    font-size: 1.36rem;
}
.me-content .ft-item .dd i{
    color: #8F00FF;
}
.orange .me-content .ft-item .dd i{
    color: #ff5801;
}
.me-content .ft-item .you{
    color: #ccc;
}
.me-content .ft-item.end-it{
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    color: #fff;
}
.orange .me-content .ft-item.end-it{
    background: linear-gradient(to right, #ff5801,#fe8400);
    color: #fff;
}

/*page*/
.ios .page-mine-record .navbar {
    height: calc(var(--f7-navbar-height) + .8rem)!important;
}
.ios .page-mine-record .subnavbar {
    height: calc(var(--f7-subnavbar-height) + .8rem)!important;
    top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top) + .8rem)!important;
}
.page-mine-record .navbar{
    background-color: #fff!important;
    border-bottom: .2rem solid #f2f2f2;
}
.page-mine-record .navbar-bg{
    background-color: #fff!important;
}
.page-mine-record .navbar-bg:after{
    background-color: #fff;
}
.page-mine-record .navbar i.icon{
    color:#999;
    font-size: 1.28rem;
}
.page-mine-record .subnavbar{
    background: #fff!important;
    border-bottom: .5rem solid #f2f2f2;
}
.page-mine-record .subnavbar:after {
    background-color: #fff!important;
}
.page-mine-record .subnavbar .buttonLine{
    width: .1rem;
    height: 60%;
    background: #f1f1ef;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.page-mine-record .subnavbar .button {
    gap: .6rem;
    font-size: 1.05rem;
    color: #2c3e50;
    text-transform: math-auto;
}
.page-mine-record .subnavbar .button label{
    font-size: 0.88rem;
    white-space: break-spaces;
    line-height: 0.88rem;
    height: 100%;
    overflow: hidden;
    align-items: center;
    align-content: center;
}
.page-mine-record .subnavbar .button i{
    font-size: 0.88rem!important;
    color:#cccccc!important;
}
.page-mine-record .page-content{
    padding-top:8.18rem!important;
    background-color: #fff;
    padding-bottom: 1.99rem!important;
}
.page-mine-record .em-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .3rem;
    margin-top: 1.4rem;
}
.page-mine-record .em-box .logo-v{
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    padding: .5rem;
    border: .09rem solid #fff;
}
.page-mine-record .em-box img{
    width: 100%;
}
.page-mine-record .em-box div{
    color: hsla(0,0%,60%,.5);
    font-size: .96rem;
}
.page-mine-record .mine-revenue{
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}
.page-mine-record .mine-revenue ul{
    width: 90%;
    height: auto;
    margin: 0 5%;
    padding: 0;
}
.page-mine-record .mine-revenue ul li{
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0.66rem;
    border-bottom: 0.01rem solid #f1f1ef;
    padding-bottom: 0.2rem;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}
.page-mine-record .mine-revenue ul li div.r{
    display: inline-flex;
    gap: 0.2rem;
}
.page-mine-record .mine-revenue ul li div h1{
    font-size: 1rem;
    padding-right: 0.66rem;
    word-break: break-word;
}
.page-mine-record .mine-revenue ul li div span{
    font-size: 0.66rem;
    color: #cbced0;
}
.page-mine-record .mine-revenue ul li div i{
    font-size: 0.88rem;
    font-style: normal;
    color: #8F00FF;
}
.orange .page-mine-record .mine-revenue ul li div i{
    color: #ff5801;
}
.page-mine-record .mine-revenue ul li div b{
    font-size: 0.88rem;
    color: #8F00FF;
}
.orange .page-mine-record .mine-revenue ul li div b{
    color: #ff5801;
}
/**/
.page-mine-record .mine-withdrawal-record{
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll
}
.page-mine-record .mine-withdrawal-record ul{
    width: 90%;
    height: auto;
    margin: 0 5%;
    padding: 0;
}
.page-mine-record .mine-withdrawal-record ul li{
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0.66rem;
    border-bottom: 0.01rem solid #f1f1ef;
    padding-bottom: 0.2rem;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.66rem 0;
}
.page-mine-record .mine-withdrawal-record ul li div{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    gap: 0.4rem;
}
.page-mine-record .mine-withdrawal-record ul li div h1{
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.33rem;
    font-weight: 700;
}
.page-mine-record .mine-withdrawal-record ul li div span{
    color: #999;
    font-size: 0.78rem;
    line-height: 0.9rem;
}
.page-mine-record .mine-withdrawal-record ul li div i{
    font-size: .88rem;
    font-style: normal;
    font-weight: 700;
    color: #8F00FF;
}
.orange .page-mine-record .mine-withdrawal-record ul li div i{
    color: #ff5801;
}
.page-mine-record .mine-withdrawal-record ul li div b{
    font-size: 0.68rem;
    font-weight: normal;
    text-align: right;
}


/**/
.ios .page-mine-msg .navbar {
    height: calc(var(--f7-navbar-height) + .8rem)!important;
}
.ios .page-mine-msg .subnavbar {
    height: calc(var(--f7-subnavbar-height) + .8rem)!important;
    top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top) + .8rem)!important;
}
.page-mine-msg .navbar{
    background-color: #fff!important;
}
.page-mine-msg .navbar-bg{
    background-color: #fff!important;
}
.page-mine-msg .navbar-bg:after{
    background-color: #fff;
}
.page-mine-msg .navbar i.icon{
    color:#999;
    font-size: 1.28rem;
}
.page-mine-msg .subnavbar{
    background: #fff!important;
}
.page-mine-msg .subnavbar:after {
    background-color: #fff!important;
}
.page-mine-msg .subnavbar .buttonLine{
    width: .1rem;
    height: 60%;
    background: #f1f1ef;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.page-mine-msg .subnavbar .segmented{
     height: 100%;
     align-items:center;
 }
.page-mine-msg .subnavbar .button {
    font-size: 1.05rem;
    color: #2c3e50;
    text-transform: math-auto;
    display: inline-block;
    flex-direction: column;
    height: 100%;
    align-content: flex-start;
}
.page-mine-msg .subnavbar .button label{
    display: flex;
    justify-content: center;
    padding-top: 0.2rem;
}
.page-mine-msg .subnavbar .button i{
    width: 2rem;
    height: 0.22rem;
    background: #fff;
    border-radius: 0.5rem;
    display: flow;
    margin-left: -moz-calc(50% - 1rem);
    margin-left: -webkit-calc(50% - 1rem);
    margin-left: calc(50% - 1rem);
}
.page-mine-msg .subnavbar .active-chose{
    color: #8F00FF;
}
.orange .page-mine-msg .subnavbar .active-chose{
    color: #ff5801;
}
.page-mine-msg .subnavbar .active-chose i{
    background: linear-gradient(105deg,#8F00FF 18%,#8F00FF 0,#8F00FF 84%);
}
.orange .page-mine-msg .subnavbar .active-chose i{
    background: linear-gradient(105deg,#ff5801 18%,#ff5801 0,#ff5801 84%);
}
.page-mine-msg .page-content{
    padding-top:8.18rem!important;
    background-color: #f2f2f2;
    padding-bottom: 1.99rem!important;
}
.page-mine-msg .em-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .3rem;
    margin-top: 2.66rem;
}
.page-mine-msg .em-box .logo-v{
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    padding: .5rem;
    border: .09rem solid #fff;
}
.page-mine-msg .em-box img{
    width: 100%;
}
.page-mine-msg .em-box div{
    color: hsla(0,0%,60%,.5);
    font-size: .96rem;
}
.page-mine-msg .mine-msg{
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll
}
.page-mine-msg .mine-msg ul{
    width: 90%;
    height: auto;
    margin: 0 5%;
    padding: 0;
}
.page-mine-msg .mine-msg ul li{
    width: -moz-calc(100% - 1.76rem);
    width: -webkit-calc(100% - 1.76rem);
    width: calc(100% - 1.76rem);
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0.66rem;
    display: inline-block;
    align-items: flex-start;
    justify-items: left;
    justify-content: space-between;
    gap: 0.5rem;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0.33rem;
    padding: 0.88rem;
}
.page-mine-msg .mine-msg ul li div{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.page-mine-msg .mine-msg ul li div.msg-header{
    flex-direction: row;
    gap: 0.36rem;
    overflow: hidden;
}
.page-mine-msg .mine-msg ul li div.msg-header i{
    font-size: 2.66rem;
    color:rgba(0, 0, 0, 0.22);
}
.page-mine-msg .mine-msg ul li div.msg-header span{
    padding: 0;
    margin: 0;
    display: grid;
    width: 100%;
}
.page-mine-msg .mine-msg ul li div.msg-header span h2{
    padding: 0;
    margin: 0;
    font-size: 1.08rem;
    font-weight: normal;
    color: #333;
    line-height: 1.66rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.page-mine-msg .mine-msg ul li div.msg-header span b{
    color: #999;
    font-size: 0.78rem;
    font-weight: normal;
}
.page-mine-msg .mine-msg ul li div.msg-content{
    padding: 0.66rem 0;
    border-top: 0.01rem solid #f1f1f1;
    border-bottom: 0.01rem solid #f1f1f1;
    margin: 0.5rem 0;
    height: 1rem;
    font-size: 0.99rem;
    color: #333;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.page-mine-msg .mine-msg ul li div.msg-footer{
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.78rem;
    color: #333;
}
.page-mine-msg .mine-msg ul li div.msg-footer i{
   font-size: 0.99rem;
}

.popup-push-message .navbar,.popup-push-message .navbar-bg {
    border-bottom: .02rem solid #fff;
    background: #fff;
}
.popup-push-message .navbar a {
    color: #2e2e2e!important;
}
.popup-push-message .page-content{
    background-color: #fff;
}


/**/
.ios .page-mine-level .navbar {
    height: calc(var(--f7-navbar-height) + .8rem)!important;
}
.page-mine-level .navbar{
    background-color: #fff!important;
}
.view .navbar>.navbar-bg{
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%)!important;
}
.view .navbar-inner,.view .navbar-inner .left i{
    color: #fff!important;
}
.page-mine-level .navbar-bg:after{
    background-color: #fff;
}
.page-mine-level .navbar i.icon{
    color:#999;
    font-size: 1.28rem;
}
.ios .page-mine-level .page-content{
    padding-top: 3.28rem!important;
}
.page-mine-level .page-content{
    background-color: #f2f2f2!important;
}
.page-mine-level .em-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .3rem;
    margin-top: 2.66rem;
}
.page-mine-level .em-box .logo-v{
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    padding: .5rem;
    border: .09rem solid #fff;
}
.page-mine-level .em-box img{
    width: 100%;
}
.page-mine-level .em-box div{
    color: hsla(0,0%,60%,.5);
    font-size: .96rem;
}
.page-mine-level .page-content ul{
    width: 90%;
    height: auto;
    margin: 0 5%;
    padding: 0;
}
.page-mine-level .page-content ul li{
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 1.33rem;
    display: inline-block;
    align-items: flex-start;
    justify-items: left;
    justify-content: space-between;
    gap: 0.5rem;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0.33rem;
}
.page-mine-level .page-content ul li div{
    flex-direction: row;
    justify-content: flex-start;
    justify-items: center;
    display: flex;
}
.page-mine-level .page-content ul li div.b{
    width: 100%;
    padding: 0.88rem 0;
}
.page-mine-level .page-content ul li div i{
    background-size: 100% 100% !important;
    background: linear-gradient(90deg, #00b09b, #96c93d);
    display: flex;
    padding: 0.68rem 1rem;
    justify-content: center;
    justify-items: center;
    color: #fff;
    font-style: normal;
    font-size: 0.99rem;
    border-radius: 0.66rem 0;
}
.orange .page-mine-level .page-content ul li div i{
    background: linear-gradient(90deg, #ff5801,#fe8400);
}
.page-mine-level .page-content ul li div dl{
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.page-mine-level .page-content ul li div dl dd{
    margin: 0;
    font-weight: 700;
    font-size: 1.22rem;
    padding: 0.22rem 0;
}
.page-mine-level .page-content ul li div dl dt{
    padding: 0;
    margin: 0;
}

/*page---*/
.ios .bet-subnav-sheet{
    top: 6.68rem !important;
}
.bet-subnav-sheet{
    top: 7.68rem !important;
    height: 100%!important;
    border: none!important;
    border-radius: 0 !important;
}
.bet-subnav-sheet .bet-subnav-sheet-box{
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 0 !important;
}
.bet-subnav-sheet .bet-subnav-sheet-box .screen_down{
    width: 100%;
    float: left;
    padding: 0;
    background-color: #fff;
    border-radius: 0 !important;
}
.bet-subnav-sheet .bet-subnav-sheet-box .screen_down ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 1rem;
}
.bet-subnav-sheet .bet-subnav-sheet-box .screen_down ul li {
    width: 45% !important;
    padding: .66rem;
    font-size: .26rem;
    float: left;
    border-radius: .08rem;
    text-align: center;
    margin-bottom: .69rem;
    background-color: #f2f2f2;
}
.bet-subnav-sheet .bet-subnav-sheet-box .screen_down .checkActive, .singular_down .checkActive {
    color: #8F00FF;
    background-color: #fedbbf;
}
.orange .bet-subnav-sheet .bet-subnav-sheet-box .screen_down .checkActive, .singular_down .checkActive {
    color: #ff5801;
}
.bet-subnav-sheet .bet-subnav-sheet-box .checkActive{
    background: linear-gradient(112deg,#8F00FF 17%,#8F00FF 0,#8F00FF 85%) !important;
    color: #fff !important;
}
.orange .bet-subnav-sheet .bet-subnav-sheet-box .checkActive{
    background: linear-gradient(112deg,#ff5801 17%,#ff5801 0,#ff5801 85%) !important;
}
.bet-subnav-sheet .bet-subnav-sheet-box .screen_down ul li{
    font-size: .76rem;
    width: 42% !important;
    background: #f1f1ef;
    border-radius: 2rem;
    color: #666;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
}
.bet-subnav-sheet .bet-subnav-sheet-box .screen_down ul li:nth-child(2n) {
    margin-left: .26rem;
    float: right;
}
.bet-subnav-sheet .bet-subnav-sheet-box .screen_down-close{
    background-color: rgba(0,0,0,.7);
    height: 100%;
}

/**/
.ios .view-mine-withdraw .navbar-bg  {
    background-color: #fff!important;
}
.ios .view-mine-withdraw .navbar-bg:after  {
    background-color: #fff!important;
}
.page-mine-withdraw .navbar{
    background-color: #fff;
    border-bottom: .22rem solid #fff;
}
.page-mine-withdraw .navbar-bg{
    background-color: #fff!important;
}
.page-mine-withdraw .navbar-bg:after{
    background-color: #fff;
}
.page-mine-withdraw .navbar i.icon{
    color:#000;
    font-size: 1.48rem;
}
.page-mine-withdraw .page-content{
    padding-bottom: 10rem;
}
.page-mine-withdraw .withdraw-box{
    width: 92%;
    height: auto;
    padding: 0 4%;
    background-color: #fff !important;
    padding-top: 2.88rem;
}
.page-mine-withdraw .money-box-t {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    height: 9.88rem;
    background: linear-gradient(135deg, #8F00FF 0%, #FF6B6B 100%);
    background-size: auto;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: .6rem;
    color: #fff;
    font-size: 1.68rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
}
.orange .page-mine-withdraw .money-box-t {
    background: linear-gradient(90deg,#ff5801,#fe8400);
}
.page-mine-withdraw .number-grow-wrap{
    transform: translateZ(0);
}
.page-mine-withdraw .money-box-t .money-desc {
    color: #fff;
    font-size: 1.12rem;
    opacity: .8;
    font-weight: 500;
}
.page-mine-withdraw .money-box-t .name-desc {
    position: absolute;
    color: hsla(0,0%,100%,.5);
    font-size: .76rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: .8rem;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: .1rem;
}
.page-mine-withdraw .money-box{
    width: 100%;
    margin: .3rem auto;
    margin-top: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    position: relative;
    justify-content: space-between;
}
.page-mine-withdraw .first-box {
    width: 100% !important;
    height: 5.96rem !important;
    margin-bottom: .6rem;
    position: relative;
}
.page-mine-withdraw .unavailable{
    background: #f1f1ef !important;
    opacity:1!important;
}
.page-mine-withdraw .money-box div{
    font-size: .25rem;
}
.page-mine-withdraw .money-box .tip-item{
    height: 4.28rem;
    margin-bottom: .9rem;
    padding: .24rem .1rem;
    border-radius: .6rem;
    border: .04rem solid rgba(255,90,1,0);
    transition: all .3s;
    min-width: 45%;
    background: linear-gradient(121deg,rgba(80,254,0,.1) 16%,rgba(80,254,0,.1) 0,rgba(80,254,0,.1) 0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.orange .page-mine-withdraw .money-box .tip-item{
    background: linear-gradient(103deg,rgba(254,131,0,.23137254901960785) 19%,rgba(254,131,0,.23137254901960785) 0,#fbd8ca 84%);
}
.page-mine-withdraw .money-box .first-box{
    padding: 1.98rem .1rem!important;
}
.page-mine-withdraw .first-box i {
    font-size: 1.65rem;
    position: absolute;
    top: .24rem;
    right: 2rem;
    color: #8F00FF;
}
.orange .page-mine-withdraw .first-box i {
    color: #ff5801;
}
.page-mine-withdraw .first-desc {
    position: relative;
}
.page-mine-withdraw .first-desc {
    color: #fff;
    font-size: .84rem;
    background: linear-gradient(271deg,#8F00FF -3%,rgba(0,156,60,.6392156862745098) 105%);
    border-radius: .3rem .3rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 0 .6rem;
    position: absolute;
    bottom: -.04rem;
    line-height: 1.2rem;
    width: 80%;
}
.orange .page-mine-withdraw .first-desc {
    background: linear-gradient(271deg,#ff5801 -3%,#fe8400 105%);
}
.page-mine-withdraw .money-box div{
    font-size: .85rem;
}
.page-mine-withdraw .first-box .name-t {
    font-size: 1.25rem !important;
}
.page-mine-withdraw .unavailable .name-d, .unavailable .name-t{
    background: none !important;
    color: #999 !important;
    -webkit-text-fill-color: #999 !important;
    text-fill-color: #999 !important;
}
.page-mine-withdraw .money-box .tip-item .name-t{
    background: linear-gradient(110deg,#8F00FF 18%,#8F00FF 0,#8F00FF 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 1.32rem;
    font-weight: 700;
}
.orange .page-mine-withdraw .money-box .tip-item .name-t{
    background: linear-gradient(110deg,#ff5801 18%,#ff5801 0,#ff5801 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.page-mine-withdraw .money-box .tip-item .name-d{
    color: #8F00FF;
    z-index: 1;
    font-size: .76rem;
}
.orange .page-mine-withdraw .money-box .tip-item .name-d{
    color: #ff5801;
}
.page-mine-withdraw .first-box .name-d {
    font-size: .95rem !important;
    margin-bottom: .6rem;
}
.page-mine-withdraw .bankcard {
    width: 92%;
    height: 4.32rem;
    background: #fff;
    margin-top: .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    gap: 0.88rem;
}
.page-mine-withdraw .bankcard-no .bank-left {
    color: #333;
    font-size: 1.12rem;
}
.page-mine-withdraw .bankcard .bank-left {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    width: 100%;
    overflow: hidden;
}
.page-mine-withdraw .bankcard .bank-right {
    align-items: center;
    display: flex;
    gap: .1rem;
    width: 88%;
    justify-content: flex-end;
}
.page-mine-withdraw .bankcard .bank-right .b-right-you {
    color: #999;
    font-size: .3rem;
}
.page-mine-withdraw .bankcard .bank-right .b-right-you i{
    font-size: .9rem!important;
}
.page-mine-withdraw .add {
    background: linear-gradient(102deg,#8F00FF 19%,#8F00FF 0,#8F00FF 84%);
    width: max-content;
    height: 2.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.36rem;
    border-radius: 2rem;
    transition: all .3s;
    font-weight: 700;
    padding: 0 3.88rem;
}
.orange .page-mine-withdraw .add {
    background: linear-gradient(102deg,#ff5801 19%,#ff5801 0,#ff5801 84%);
}
.page-mine-withdraw .dsiabledBtn {
    background: linear-gradient(102deg,rgba(0,156,59,.5490196078431373) 19%,rgba(0,156,59,.5490196078431373) 0,rgba(0,156,59,.5490196078431373) 84%) !important;
}
.orange .page-mine-withdraw .dsiabledBtn {
    background: linear-gradient(102deg,#fbd8ca 19%,#fbd8ca 0,#fbd8ca 84%) !important;
}
.page-mine-withdraw .bankcard .bank-left .b-left-name {
    color: #333;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1rem;
    width: 100%;
    height: 2rem;
    overflow: hidden;
    white-space: break-spaces;
    word-break: break-all;
}
.page-mine-withdraw .bankcard .bank-left .b-left-no {
    color: #999;
    font-size: .82rem;
}
.page-mine-withdraw .bankcard .bank-right .b-right-ifc {
    color: #999;
    font-size: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-mine-withdraw .bankcard .bank-right .b-right-you {
    color: #999;
    font-size: .9rem;
}
.popup-bank-card .navbar,.popup-bank-card .navbar-bg {
    border-bottom: .02rem solid #f1f1ef;
    background: #fff;
}
.popup-bank-card .page-content{
    background-color: #fff;
}
.popup-bank-card .navbar a {
    color: #2e2e2e!important;
}
.popup-bank-card .GGGGT{
    width: 100%;
    margin: 0 auto;
    overflow-y: scroll !important;
    height: -moz-calc(100% - 6.33rem)!important;
    height: -webkit-calc(100% - 6.33rem)!important;
    height: calc(100% - 6.33rem)!important;
}
.popup-bank-card .GGGGT .tig{
    margin: 0 auto;
    height: 4.02rem;
    border-bottom: .02rem solid #f1f1ef;
    padding: .88rem;
    font-size: .9rem;
    transition: all .3s;
    display: flex;
    align-items: center;
    position: relative;
}
.popup-bank-card .GGGGT .tig img,.popup-bank-card .GGGGT .tig i{
    width: 1.66rem;
    margin-right: .9rem;
}
.popup-bank-card .bbb-left .bankName {
    color: #333;
    font-size: 1.12rem;
    font-weight: 700;
}
.popup-bank-card .bbb-left .bankNo {
    color: #333;
    font-size: .96rem;
    font-weight: 700;
    margin-top: 0;
}
.popup-bank-card .bbb-left .ifccc {
    color: #999;
    font-size: .74rem;
    margin-top: .2rem;
}
.popup-bank-card .GGGGT .tig .tdit{
    border: .03rem solid #8F00FF;
    height: 1.94rem;
    padding: 0 .9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg,#8F00FF 12%,#8F00FF 0,#8F00FF 90%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 1.02rem;
    border-radius: 2rem;
    font-weight: 700;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}
.orange .popup-bank-card .GGGGT .tig .tdit{
    background: linear-gradient(135deg,#ff5801 12%,#ff5801 0,#ff5801 90%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.popup-bank-card .add {
    background: linear-gradient(102deg,#8F00FF 19%,#8F00FF 0,#8F00FF 84%);
    width: 6.4rem;
    height: 2.58rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.06rem;
    border-radius: 2rem;
    transition: all .3s;
    font-weight: 700;
}
.orange .popup-bank-card .add {
    background: linear-gradient(102deg,#ff5801 19%,#ff5801 0,#ff5801 84%);
}
.popup-bank-card .hunagbtn {
    width: 80%;
    bottom: 2.2rem !important;
}

/****/
.popup-withdraw-check .navbar,.popup-withdraw-check .navbar-bg {
    border-bottom: .02rem solid #f1f1ef;
    background: #fff;
}
.popup-withdraw-check .page-content{
    background-color: #fff;
}
.popup-withdraw-check .navbar a {
    color: #2e2e2e!important;
}
.popup-withdraw-check .GGGGT{
    width: 100%;
    margin: 0 auto;
    overflow-y: scroll !important;
    height: -moz-calc(100% - 6.33rem)!important;
    height: -webkit-calc(100% - 6.33rem)!important;
    height: calc(100% - 6.33rem)!important;
}
.popup-withdraw-check .GGGGT .tig{
    margin: 0 auto;
    height: 3.66rem;
    border-bottom: .02rem solid #f1f1ef;
    padding: 1rem;
    font-size: .9rem;
    transition: all .3s;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}
.popup-withdraw-check .GGGGT .tig .bbb-left{
    font-size: 1.18rem;
    color: #999;
}
.popup-withdraw-check .GGGGT .tig .bbb-right{
    font-size: 1.38rem;
    color: #8F00FF;
    font-weight: 700;
}
.orange .popup-withdraw-check .GGGGT .tig .bbb-right{
    color: #ff5801;
}
.popup-withdraw-check .GGGGT .tig .bbb-right label{
    padding-right: 0.3rem;
}
.popup-withdraw-check .add {
    background: linear-gradient(102deg,#8F00FF 19%,#8F00FF 0,#8F00FF 84%);
    width: 6.4rem;
    height: 2.58rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.06rem;
    border-radius: 2rem;
    transition: all .3s;
    font-weight: 700;
}
.orange .popup-withdraw-check .add {
    background: linear-gradient(102deg,#ff5801 19%,#ff5801 0,#ff5801 84%);
}
.popup-withdraw-check .hunagbtn {
    width: 80%;
    bottom: 30% !important;
}

/**/
.navigationChartsBar-invite {
    background-color: #fff;
}
.page-invite .earn_new{
    background-color:#fae0c1;
    position: relative;
    text-align: center;
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
}
.page-invite .earn_new .header{
    position: relative;
    padding-bottom: 6rem;
}
.page-invite .earn_new .header img {
    max-width: 100%;
}
.page-invite .earn_new .header .data-show-box{
    position: absolute;
    width: 88%;
    height: auto;            /* ⚠️  auto  100px */
    left: 6%;
    top: 60%;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;              /*  */
}
.page-invite .earn_new .header .data-show{
    width: 100%;
    height: 3.66rem;
    background: rgba(80,191,104,.10980392156862745);
    border-radius: .22rem;
    color: #f02e3c;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: .33rem 0;
}
.orange .page-invite .earn_new .header .data-show{
    background: #fff4e9!important;
}
.page-invite .earn_new .header .data-show .in-msg{
    font-size: .85rem;
    color: #008c07;
    margin: .2rem auto;
    text-align: center;
    font-weight: 700 !important;
    padding: 0 .88rem;
}
.orange .page-invite .earn_new .header .data-show .in-msg{
    color: #ff5801;
}
.page-invite .earn_new .header .data-show span{
    font-size: .77rem;
    font-weight: 400;
}
.page-invite .earn_new .header .invite-now-btn2,.page-invite .earn_new .header .invite-now-btn{

    border-radius: 2rem;
    text-align: center;
    font-weight: 900;
    cursor: pointer;
}
.page-invite .earn_new .header .invite-now-btn2{
    width: 50%;
    height: 2.33rem;
    margin: 0 25%;
    background: linear-gradient(359deg,rgba(80,191,104,.97) 4%,#50bf68 95%);
    font-size: 0.88rem;
    line-height: 2.33rem;
    color: #fff;
}
.orange .page-invite .earn_new .header .invite-now-btn2{
    background: linear-gradient(359deg,#fe8400 4%,#fe8400 95%);
}
.page-invite .earn_new .header .invite-btn-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;                /*  */
    flex-wrap: nowrap;         /*  */
    margin-top: 0.5rem;
}

.page-invite .earn_new .header .invite-now-btn {
    width: 2.8rem;
    height: 2.8rem;
    object-fit: contain;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}



.orange .page-invite .earn_new .header .invite-now-btn{
    background: linear-gradient(359deg,#fe8400 4%,#fe8400 95%);
    box-shadow: inset 0 .08rem .08rem 0 hsla(0,0%,100%,.66),inset 0 -.08rem .08rem 0 #fe8400;
}
@keyframes tap-upper-data-v-4033654a {
    0% {
        transform:translateX(-50%) scale(1)
    }
    to {
        transform:translateX(-50%) scale(.8)
    }
}
.page-invite .earn_new .header .invite-now-text{
    font-size: .85rem;
    width: 100%;
    font-weight: 700;
    color: #008c07;
    display: flex;
    gap: .5rem;
    justify-content: center;
}
.orange .page-invite .earn_new .header .invite-now-text{
    color: #ff5801;
}
.page-invite .task-box{
    width: 90%;
    border-radius: .9rem;
    background: #fff;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: -1rem;
    box-shadow: 0 .3rem .34rem rgba(249,105,33,.3);
    padding: 2.88rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 10rem;
}
.page-invite .task-box .task-item{
    width: 45%;
    position: relative;
}
.page-invite .task-box .task-item img {
    max-width: 100%;
}
.page-invite .task-box .task-money{
    font-size: 1.48rem;
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%);
    top: 20%;
    color: #fff;
    text-shadow: 0 .04rem .04rem #fe5b03;
    font-weight: 700;
}
.page-invite .task-box .task-esc{
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    font-size: .88rem;
    color: hsla(0,0%,100%,.8);
    bottom: .88rem;
}

/**/
.ios .page-mine-card .navbar {
    height: calc(var(--f7-navbar-height) + .8rem)!important;
}
.page-mine-card .navbar{
    background-color: #fff!important;
}
.page-mine-card .navbar-bg{
    background-color: #fff!important;
}
.page-mine-card .navbar-bg:after{
    background-color: #fff;
}
.page-mine-card .navbar i.icon{
    color:#999;
    font-size: 1.28rem;
}
.ios .page-mine-card .page-content{
    padding-top: 3.28rem!important;
}
.page-mine-card .page-content{
    background-color: #f2f2f2!important;
}
.page-mine-card .fff {
    padding: 0 .9rem;
    margin-bottom: 0 !important;
}
.page-mine-card .kk_div {
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    background: #fff;
    opacity: 1;
    height: 3.66rem;
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
}
.page-mine-card .kk_div .list{
    width: 100%;
}
.page-mine-card .fff .div {
    color: #666;
    width: 48%;
    display: flex;
    align-items: center;
}
.page-mine-card .fff .ddvv, .page-mine-card .fff .div, .fff input {
    font-size: 1rem;
    height: 3.2rem;
    border-bottom: .04rem solid #f1f1ef!important;
}
.page-mine-card .form-container:not(#form-type-1) .fff:first-of-type{
    padding: 0;
}
.page-mine-card input {
    text-align: right;
    background: transparent !important;
    border: transparent;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: transparent;
    outline: none;
    font-size: 1rem;
    color: #000;
    height: 3.22rem;
    flex-grow: 1;
    width: 100%;
    padding-left: 0.88rem;
}
.page-mine-card .add {
    background: linear-gradient(102deg,#8F00FF 19%,#8F00FF 0,#8F00FF 84%);
    width: fit-content;
    height: 2.58rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 6rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.36rem;
    border-radius: 2rem;
    transition: all .3s;
    padding: 0  4.88rem;
}
.orange .page-mine-card .add {
    background: linear-gradient(102deg,#fe5b03 19%,#fe5b03 0,#fe5b03 84%)!important;
}
.page-mine-card .cardBankList {
    background: transparent !important;
    border: transparent;
    outline: none;
    font-size: 1rem;
    color: #000;
    height: 3.22rem;
    flex-grow: 1;
    width: 100%;
    border-bottom: .04rem solid #f1f1ef !important;
}
.page-mine-card .cardBankList .item-content{
    display: block;
    width: 100%;
    height: 100%;
}
.page-mine-card .cardBankList .item-inner{
    display: flex;
    height: 100%;
}
.page-mine-card .cardBankList .cardBankList-title{
    color: #666;
    width: 48%;
    display: grid;
    align-items: center;
    padding-right: 0.88rem;
}
.page-mine-card .cardBankList .cardBankList-val{
    height: 100%;
    flex-grow: 1;
    width: 100%;
    justify-content: flex-start;
    align-content: center;
    max-width: 100%;
    padding-left: 0.88rem;
}
.page-mine-card .cardBankList .right{
    display: flex;
    justify-items: center;
    height: 100%;
    align-items: center;
    align-content: center;
}
.page-mine-card .cardBankList .right i{
    justify-items: center;
    height: 100%;
    align-items: center;
    align-content: center;
    font-size: 0.9rem;
}
.page-mine-card .list .item-title,.page-mine-card .list .item-after {
    color: #666;
}
.page-mine-card .list .item-after {
    font-size: 1rem;
}

/**/
.bodyg{
    transition: height .3s;
    position: relative;
    z-index: 1;
    width: 90%;
    margin: 0 auto;
    margin-top: 0px;
    border-radius: .4rem;
    margin-top: 1.5rem;
    padding: .48rem 0;
}
.bodyg .lg-t{
    font-family: en-bold;
    color: #333;
    font-size: 1.24rem;
}
.bodyg .sign_login1{
    padding-top: .92rem;
}
.bodyg .sign_login {
    position: relative;
    z-index: 2;
}
.bodyg .sign_login .uilist{
    overflow: hidden;
    border-radius: .2rem;
    background-color: transparent;
}
.bodyg .uilist_div {
    backdrop-filter: blur(1rem);
    border: .02rem solid #cbced0;
    -webkit-backdrop-filter: blur(1rem);
    opacity: 1;
    border-radius: .9rem;
}
.bodyg .sign_login .uilist .uilist_div {
    height: 2.88rem;
    display: flex;
    align-items: center;
    padding: 0 .66rem;
    background-color: #f6f6f6;
    margin-bottom: 1.04rem;
}
.bodyg .sign_login .uilist .uilist_div > i {
    font-size: 1.48rem;
    color: #8F00FF;
}
.orange .bodyg .sign_login .uilist .uilist_div > i {
    color: #fe5b03;
}
.bodyg .sign_login .uilist .uilist_div > i.imgvvv {
    color: #999;
}
.bodyg input{
    background: transparent !important;
    border: transparent;
    outline: none;
    font-size: 1.03rem;
    color: #000;
    padding-left: .75rem;
    padding-right: .75rem;
    flex-grow: 1;
}
.bodyg .sign_login .verfy_title {
    transform: translateX(-.5rem);
    white-space: nowrap;
    font-weight: 700;
    height: 50%;
    line-height: inherit;
    padding-left: 1.2rem;
    float: right;
    text-align: left;
    font-size: 1.06rem;
    border: transparent;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: transparent;
    background-color: transparent;
    border-left: .03rem solid hsla(0,0%,60%,.2);
}
.bodyg .sign_login .uilist .verfy_code .verfy_title {
    font-size: 1.06rem;
    background: linear-gradient(115deg,#8F00FF 17%,#8F00FF 0,#8F00FF 86%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.orange .bodyg .sign_login .uilist .verfy_code .verfy_title {
    background: linear-gradient(115deg,#fe5b03 17%,#fe5b03 0,#fe5b03 86%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.bodyg .btn, .bodyg .login_btn, .bodyg .tourist_btn{
    margin-bottom: .45rem;
    text-align: center;
    margin-top: .95rem;
}
.bodyg .btn a, .bodyg .login_btn a, .bodyg .tourist_btn a {
    display: inline-block;
    width: 40%;
    line-height: 2.38rem;
    border-radius: .66rem;
    height: 2.38rem;
    font-size: .96rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background: linear-gradient(111deg,#8F00FF 18%,#8F00FF 0,#8F00FF 85%);
}
.orange .bodyg .btn a, .bodyg .login_btn a, .bodyg .tourist_btn a {
    background: linear-gradient(111deg,#fe5b03 18%,#fe5b03 0,#fe5b03 85%);
}

.service{
    position: fixed;
    top: 3.88rem;
    right: 0;
    width: 3.86rem;
    transition: .5s;
    height: 3.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: .08rem 0 .2rem 0 rgba(0,0,0,.3);
    background: #fff;
    border-radius: 2rem 0 0 2rem;
    z-index: 9999;
    display: none;
}
.service img{
    width: 2.66rem;
    margin-top: .42rem;
    margin-left: .6rem;
}

/**/
.cardBankSheel{
    height: 50%;
}
.cardBankSheel .sheet-modal-inner{
    background: #fff!important;
}
.cardBankSheel .toolbar-inner .left label{
     padding: 0 0.88rem;
     font-size: 0.9rem;
     font-weight: 700;
}
.cardBankSheel .toolbar-inner .link{
    color: #fff;
    background-color: #8F00FF;
    height: 1.88rem;
    border-radius: .66rem;
    margin-right: 1rem;
    padding: 0 .66rem;
    font-size: 0.88rem;
}
.orange .cardBankSheel .toolbar-inner .link {
    background-color: #fe5b03;
}
.cardBankSheel .toolbar-inner{
    background: #fff;
    border-bottom: .04rem solid rgba(0, 0, 0, 0.1);
}
.ios .cardBankSheel .toolbar-inner{
    border-bottom: none!important;
}
.ios .cardBankSheel{
    border-radius: 0.6rem 0.6rem 0 0!important;
}
.ios .cardBankSheel:before{
    background-color: #fff!important;
}