.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
 
}


/*new login */
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;600;800&display=swap";@charset "UTF-8";.referral-program-rule {
    --referral-program-rule-bg: #fff;
    --referral-program-rule-text: #464646
}

.footer-seo-content-wrapper {
    --footer-seo-content-wrapper-bg: linear-gradient( to bottom, rgba(4, 4, 4, 0), #040404 )
}

header {
    z-index: 6000
}

.menu {
    z-index: 9000
}

.pop-bg {
    z-index: 8000
}

.pop-wrap,.member-menu,.searchpage {
    z-index: 9000
}

.menu-mask,.modal {
    z-index: 8000
}

.modal-backdrop {
    z-index: 7000
}

.launch-game-content {
    z-index: 8500
}

.tips-display {
    z-index: 8501
}

.loading-mask {
    z-index: 9003
}

.loader-box {
    z-index: 9004!important
}

.rotating-pop {
    z-index: 9002
}

.game-type-menu {
    z-index: 8000
}

#chat-widget-container {
    z-index: 9001!important
}

@font-face {
    font-family: Impacto;
    font-weight: 700;
    src: url(/fonts/slick.eot);
    src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"),url(/fonts/slick.woff) format("woff"),url(/fonts/slick.ttf) format("truetype"),url(/fonts/slick.svg#slick) format("svg")
}

html,body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    display: flex;
    position: relative;
    /*flex-direction: column;*/
    min-height: 100vh;
    background: #111;
    font-family: Helvetica Neue,Helvetica,Tahoma,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif
}

body.menu-active {
    height: 100%;
    overflow: hidden
}

body.no-scroll {
    overflow: hidden
}

.content {
    position: relative;
    flex: 1;
    width: 100%;
    min-height: auto;
    padding: 13.3333333333vw 0 0;
    background: #111
}

.fixed-tab {
    padding-top: 26.6666666667vw
}

.fixed-tab .tab-btn-section:not(.no-fix) {
    position: fixed;
    top: 13.3333333333vw;
    box-shadow: 0 .2666666667vw .8vw #0004d;
    z-index: 4
}

.fixed-tab .tab-btn-wrap {
    box-shadow: none
}

.content-main {
    position: relative;
    left: 0;
    width: 100%;
    height: auto
}

.content-main:after {
    content: "";
    display: block;
    clear: both
}

.content-main .content-box {
    width: 100%
}

.button {
    position: relative;
    width: 100%;
    height: 8vw;
    border-radius: .8vw;
    background: #14805e;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 8vw;
    text-align: center
}

.button a {
    display: block;
    padding: 0 4vw;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button.button-disable {
    background: #0a3e2d;
    color: #999
}

.button.button-disable a {
    color: #999
}

.button.btn-primary {
    background: #14805e;
    color: #fff
}

.button.btn-secondary {
    background: #ffdf1a;
    color: #000
}

.button.btn-secondary a {
    color: #000
}

.button-pop-cancel {
    border-width: .2666666667vw;
    border-style: solid;
    border-color: #0a3e2d;
    background: transparent;
    color: #0a3e2d
}

.prompt {
    display: block;
    width: 100%;
    padding: 4vw 0 5.3333333333vw;
    color: #999;
    font-size: 3.4666666667vw;
    text-align: center
}

.inputbox input:-webkit-autofill,.inputbox input:-webkit-autofill:hover,.inputbox input:-webkit-autofill:focus,.inputbox select:-webkit-autofill,.inputbox select:-webkit-autofill:hover,.inputbox select:-webkit-autofill:focus,.inputbox textarea:-webkit-autofill,.inputbox textarea:-webkit-autofill:hover,.inputbox textarea:-webkit-autofill:focus {
    background-image: none;
    box-shadow: 0 0 0 50px #292929 inset!important;
    -webkit-text-fill-color: #14805e!important
}

.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:hover,.input-group input:-webkit-autofill:focus,.input-group select:-webkit-autofill,.input-group select:-webkit-autofill:hover,.input-group select:-webkit-autofill:focus,.input-group textarea:-webkit-autofill,.input-group textarea:-webkit-autofill:hover,.input-group textarea:-webkit-autofill:focus {
    background-image: none;
    box-shadow: 0 0 0 50px #292929 inset!important;
    -webkit-text-fill-color: #14805e!important
}

.eyes {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    transform: translateY(-50%);
    mask: url(/assets/images/icon-set/icon-eye-close-type03.svg) no-repeat center/60%;
    -webkit-mask: url(/assets/images/icon-set/icon-eye-close-type03.svg) no-repeat center/60%;
    background: #fff
}

.eyes.active {
    mask-image: url(/assets/images/icon-set/icon-eye-open-type03.svg);
    -webkit-mask-image: url(/assets/images/icon-set/icon-eye-open-type03.svg)
}

.loading .banner-v1,.loading .banner-v2 {
    animation: shine 1s infinite ease-in-out;
    background: linear-gradient(-45deg,transparent 0%,transparent 25%,#1e1e1e 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%
}

.loading .nav-category .btn:before {
    background: #4a4a4a
}

.loading .recommend-card:before {
    animation: shine 1s infinite ease-in-out;
    background: linear-gradient(-45deg,transparent 0%,transparent 25%,#1e1e1e 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%;
    background: #111
}

.loading .content-main .content-box .card-banner li {
    animation: shine 1s infinite ease-in-out;
    background: linear-gradient(-45deg,transparent 0%,transparent 25%,#1e1e1e 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%;
    height: 30.4vw
}

.loading .lobby-icon {
    animation: shine 1s infinite ease-in-out;
    background: linear-gradient(-45deg,transparent 0%,transparent 25%,white 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%;
    height: 16.5333333333vw;
    background: #fff
}

.mcd-style .btn-loading {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit
}

.mcd-style .btn-loading:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px solid #ffffff;
    width: 22px;
    height: 22px;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    animation: loading1 1s ease infinite;
    z-index: 10
}

.mcd-style .btn-loading:before {
    z-index: 5;
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px dashed #ffffff;
    width: 22px;
    height: 22px;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    animation: loading1 1s linear infinite
}

@keyframes loading1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

header {
    display: flex;
    position: fixed;
    top: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 13.3333333333vw;
    overflow: hidden;
    transition: all .3s;
    background: #111
}

header.normal .logo,header.normal .menu-btn,header.normal .service-btn,header.normal .forum-btn,header.normal .app-download,header.normal .inbox-btn,header.normal .whatapp-btn,header.normal .schedule-btn,header.normal .live-btn {
    display: flex
}

header.login .login-btn {
    display: flex
}

header.member {
    height: 13.3333333333vw;
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    background: #111
}

header.member .back-btn,header.member .header-title {
    display: flex
}

header.member .header-title {
    color: #fff;
    font-size: 4.2666666667vw;
    text-align: center
}

header.member .back-btn {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: #fff;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 20%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 20%
}

header.member .back-btn a {
    display: block;
    width: 100%;
    height: 100%
}

header.player,header.register {
    background: #14805e
}

header.player .header-title,header.player .service-btn,header.player .forum-btn,header.player .back-btn,header.register .header-title,header.register .service-btn,header.register .forum-btn,header.register .back-btn {
    display: flex
}

header.player .back-btn,header.register .back-btn {
    background: #fff
}

header.player .header-title,header.register .header-title {
    color: #fff
}

header.player .service-btn .item-icon,header.player .forum-btn .item-icon,header.register .service-btn .item-icon,header.register .forum-btn .item-icon {
    background: #fff
}

header.player .service-btn p,header.player .forum-btn p,header.register .service-btn p,header.register .forum-btn p {
    color: #fff
}

header.register .service-btn,header.register .forum-btn {
    display: none
}

header.editor .editor-btn {
    display: flex
}

header.vip {
    background: transparent;
    font-family: Jost,Roboto,sans-serif
}

header.vip .service-btn {
    display: none
}

header.vip .forum-btn {
    display: none
}

header.vip .back-btn {
    background: #fffc
}

header.vip .header-title {
    color: #fffc;
    font-size: 5.3333333333vw;
    font-weight: 400
}

header.active {
    box-shadow: 0 .2666666667vw .8vw #0004d
}

header.no-shadow {
    box-shadow: none
}

header .logo,header .header-title,header .menu-btn,header .service-btn,header .forum-btn,header .back-btn,header .login-btn,header .editor-btn,header .app-download,header .inbox-btn,header .whatapp-btn,header .schedule-btn,header .live-btn {
    display: none
}

header.player.editor .service-btn,header.player.editor .forum-btn {
    display: none
}

header.referral-program .back-btn {
    display: flex
}

header.new-login-tab {
    border: 0
}

header.new-login,header.new-profile {
    background: #111;
    border: 0
}

header .header-left-btn-group {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start
}

header .header-right-btn-group {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: .8vw
}

header .logo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 26.6666666667vw;
    height: 100%;
    transform: translate(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% auto;
    text-indent: -2666.4vw
}

header .header-title {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%);
    color: #fff;
    font-size: 4.2666666667vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menu-btn {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.menu-btn ul li {
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: .8vw 0;
    border-radius: .5333333333vw;
    background: #14805e
}

.menu-btn ul li:nth-child(2) {
    width: 4.5333333333vw
}

.menu-btn ul li:nth-child(3) {
    width: 3.7333333333vw
}

.service-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    height: 13.3333333333vw
}

.service-btn .item-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.service-btn p {
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.service-btn p a {
    color: #14805e
}

.forum-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    height: 13.3333333333vw
}

.forum-btn .item-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #a38d5b;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.forum-btn p {
    color: #a38d5b;
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.forum-btn p a {
    color: #a38d5b
}

.login-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    margin: 0;
    padding: 0;
    border: .2666666667vw solid transparent;
    outline: none;
    background: none
}

.login-btn .item-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.login-btn p {
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.login-btn p a {
    color: #14805e
}

.back-btn,.editor-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.back-btn a,.editor-btn a {
    display: block;
    width: 100%;
    height: 100%
}

.back-btn {
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.editor-btn {
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 35%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 35%
}

.inbox-btn,.app-download,.whatapp-btn,.schedule-btn,.live-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    height: 13.3333333333vw
}

.inbox-btn p,.app-download p,.whatapp-btn p,.schedule-btn p,.live-btn p {
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.inbox-btn p a,.app-download p a,.whatapp-btn p a,.schedule-btn p a,.live-btn p a {
    color: #14805e
}

.app-download .item-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.inbox-btn .item-icon,.schedule-btn .item-icon,.live-btn .item-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-size: 100% auto
}

.inbox-btn .notice,.schedule-btn .notice,.live-btn .notice {
    display: block;
    position: absolute;
    top: 55%;
    right: 55%;
    width: 4vw;
    height: 4vw;
    transform: translate(150%,-150%);
    border-radius: 50%;
    background: #d15454;
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 4vw;
    text-align: center
}

.inbox-btn .notice:after,.schedule-btn .notice:after,.live-btn .notice:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -.96vw;
    left: -.96vw;
    transform: rotate(45deg);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #d15454 transparent transparent
}

.whatapp-btn .item-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #14805e;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

.whatapp-btn .bg-icon {
    background: transparent
}

.header-right-btn-group a {
    text-decoration: none
}

.toolbar {
    position: fixed;
    z-index: 104;
    bottom: 0;
    width: 100%;
    height: 13.3333333333vw;
    border-top: .2666666667vw solid #111333;
    background: #111
}

.toolbar ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.toolbar ul li {
    position: relative;
    width: 20%;
    height: auto
}

.toolbar ul li a {
    display: block;
    text-decoration: none
}

.toolbar ul li a .item-icon {
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: 0 auto 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.toolbar ul li a p {
    color: #fff;
    font-size: 3.2vw;
    text-align: center
}

.toolbar ul li:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    transform: translate(-50%,-50%) scale(0);
    transition: all .3s;
    border-radius: 10.6666666667vw;
    background: #111
}

.toolbar ul li.active .item-icon {
    display: none
}

.toolbar ul li.active .item-icon-active {
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: 0 auto 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.toolbar ul li.active:after {
    animation: toolbar-active-animation .4s ease-in-out;
    animation-fill-mode: forwards
}

@keyframes toolbar-active-animation {
    0% {
        transform: translate(-50%,-50%) scale(0)
    }

    85% {
        transform: translate(-50%,-50%) scale(1.2)
    }

    90% {
        transform: translate(-50%,-50%) scale(.9)
    }

    95% {
        transform: translate(-50%,-50%) scale(1.1)
    }

    to {
        transform: translate(-50%,-50%) scale(1)
    }
}

.banner {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #111
}

.banner:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 13.3333333333vw;
    transform: translateY(-100%);
    background: #111;
    pointer-events: none
}

.banner .banner-v1 {
    height: 36vw
}

.banner .slick-dots {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none
}

.banner .slick-dots li {
    display: inline-block;
    position: relative;
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: 0 .5333333333vw;
    overflow: hidden;
    border-radius: .5333333333vw;
    background: #ffffff80;
    text-indent: -2666.4vw
}

.banner .slick-dots li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff
}

.banner .slick-dots li.slick-active:after {
    animation: slick--times-animation 3s
}

.banner .banner-v2 {
    height: 32vw
}

.banner .banner-v3 {
    height: 56vw
}

.banner-image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@keyframes slick--times-animation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.member-content .banner {
    background: #111
}

.member-content .banner li {
    background: #ffffff4d
}

.member-content .banner li:after {
    background: #fff
}

.nav-category {
    display: flex;
    position: relative;
    z-index: 3;
    width: 100%;
    height: auto;
    transition: all .3s;
    background: #111
}

.nav-category .btn {
    position: relative;
    width: 100%;
    max-width: 20%;
    padding: 4vw 0;
    transition: all .3s
}

.nav-category .btn a {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.nav-category .btn .item-icon {
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto 1.8666666667vw;
    transition: all .3s;
    border-radius: 10.6666666667vw;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.nav-category .btn:after {
    content: "";
    display: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    border-width: 2.1333333333vw;
    border-style: solid;
    border-color: transparent transparent #111
}

.nav-category .btn p {
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: 700;
    text-align: center
}

.nav-category.active {
    position: fixed;
    z-index: 2;
    top: 13.0666666667vw;
    box-shadow: 0 0 .8vw #0004d
}

.nav-category.active .item-icon {
    height: 0;
    margin: 0 auto;
    opacity: 0
}

.tab {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 13.3333333333vw;
    border-top: .2666666667vw solid rgba(153,153,153,.3);
    border-bottom: .2666666667vw solid rgba(153,153,153,.3)
}

.tab.search-tab {
    background: #393939;
    margin-bottom: 4.2666666667vw
}

.tab.search-tab li {
    background: #111;
    color: #fff
}

.tab.search-tab li.active {
    background: #14805e;
    color: #fff
}

.tab.search-tab .item-icon {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 40%
}

.tab.filter-tab {
    background: #393939
}

.tab.filter-tab ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    line-height: 12vw
}

.tab.filter-tab li {
    line-height: 1.5;
    background: #1ec28f;
    color: #fff;
    font-size: 3.2vw
}

.tab.filter-tab li+li:after {
    content: "";
    display: inline;
    position: absolute;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
    left: -1.6vw;
    width: .2666666667vw;
    background: #9999994d
}

.tab.filter-tab .item-icon {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 40%
}

.tab.active {
    position: fixed;
    top: 13.3333333333vw
}

.tab ul {
    width: 100%;
    height: 100%;
    padding: 0 0 0 2.6666666667vw;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 13.3333333333vw;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.tab li {
    display: inline-block;
    position: relative;
    margin-right: 2.6666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: .8vw;
    font-size: 3.4666666667vw;
    line-height: 8vw;
    vertical-align: middle
}

.tab .btn {
    display: block;
    padding: inherit;
    width: 13.3333333333vw;
    height: 12.8vw;
    border-left: .2666666667vw solid rgba(153,153,153,.3);
    background: #393939;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
}

.tab ul {
    padding-top: 2.4vw;
    line-height: 0;
    text-align: left
}

.content-title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 94.6666666667vw;
    margin: 0 auto;
    padding: 2.6666666667vw 0
}

.content-title.active {
    padding: 17.3333333333vw 0 2.6666666667vw
}

.content-title h2 {
    color: #fff;
    font-size: 4vw;
    font-weight: 700
}

.content-title h2:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background: #14805e;
    border-radius: .5333333333vw;
    vertical-align: middle
}

.content-title h2 span {
    display: inline-block;
    vertical-align: middle
}

.content-title .layout-btn {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 6.6666666667vw;
    background: #14805e;
    background-image: url(/assets/images/icon-set/index-theme-icon/theme-list-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.content-title .layout-btn.active {
    background-image: url(/assets/images/icon-set/index-theme-icon/theme-brand-icon.svg)
}

.menu-mask {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000b3
}

.menu {
    display: flex;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    transition: all .3s
}

.menu.active {
    left: 0
}

.menu-first {
    position: relative;
    z-index: 2;
    width: 50.6666666667vw;
    height: 100%;
    padding-bottom: 6.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    background: #252525;
    box-shadow: .5333333333vw 0 .8vw #0001a;
    -webkit-overflow-scrolling: touch
}

.menu-first ul {
    position: relative;
    width: 100%
}

.menu-first ul:after {
    content: "";
    display: block;
    width: 100%;
    height: 2.6666666667vw;
    margin-top: -.2666666667vw;
    border-top: .2666666667vw solid #464646;
    background: #111
}

.menu-first ul.home:after {
    display: none
}

.menu-first ul li {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw;
    transition: all .3s;
    font-size: 3.4666666667vw
}

.menu-first ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
    text-decoration: none
}

.menu-first ul li .item-icon {
    display: block;
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666666667vw;
    padding: 4vw;
    border-radius: 8vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.menu-first ul li.active {
    border-left: .8vw solid #14805e;
    background: #111
}

.menu-first ul li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .2666666667vw;
    background: #464646
}

.menu-first ul li[data-category=ipl-prediction] a:before {
    display: none
}

.menu-first .menu-banner {
    width: 100%;
    margin: 2.6666666667vw 4vw;
    padding: 0
}

.menu-first .menu-banner .banner-img {
    width: calc(100% - 32px);
    height: 100%;
    overflow: hidden;
    border-radius: .8vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.menu-first .menu-banner:after {
    content: none
}

.menu-first .service {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 45.3333333333vw;
    height: auto;
    margin: 2.6666666667vw auto;
    padding: 2.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    border: .2666666667vw solid #464646;
    border-radius: .8vw;
    background: #111;
    -webkit-overflow-scrolling: touch
}

.menu-first .service .item-icon {
    display: block;
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666666667vw;
    border-radius: 8vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.menu-first .service p {
    width: 75%;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw
}

.menu-first .service p span {
    display: block;
    padding-top: 1.3333333333vw;
    color: #d9d9d9;
    font-size: 2.6666666667vw
}

.menu-first .service.service:before {
    box-shadow: 0 0 2px #0006
}

.menu-first .service.service:after {
    display: none
}

.menu-first .theme-btn {
    position: relative;
    width: 28vw;
    height: 10.6666666667vw;
    margin-left: 4vw;
    padding: 0 2.6666666667vw;
    transition: all .3s;
    border: .2666666667vw solid #464646;
    border-radius: 10.6666666667vw;
    background: #111;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.menu-first .theme-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.0666666667vw;
    right: 1.0666666667vw;
    width: 8vw;
    height: 8vw;
    transition: all .3s;
    border-radius: 9.3333333333vw;
    background: #fff
}

.menu-first .theme-btn.active {
    text-indent: 8vw
}

.menu-first .theme-btn.active:after {
    right: 18.1333333333vw
}

.menu-first .menu-item-reminder {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #14805e
}

.menu-first .menu-item-reminder__icon {
    position: absolute;
    top: -.8vw;
    left: -4.5333333333vw;
    transform: translate(-50%);
    width: 10.6666666667vw;
    height: 10.6666666667vw
}

.menu-first .menu-item-reminder__text {
    padding: 0 1.3333333333vw 0 2.6666666667vw;
    height: 4vw;
    font-size: 2.6666666667vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffea00
}

.menu-second {
    position: relative;
    height: 100%
}

.menu-second ul {
    position: absolute;
    top: 0;
    left: -29.3333333333vw;
    width: 29.3333333333vw;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .5s;
    background: #111;
    box-shadow: 0 0 #0000;
    -webkit-overflow-scrolling: touch
}

.menu-second ul.active {
    left: -.2666666667vw;
    box-shadow: .8vw 0 .8vw #0004d
}

.menu-second ul li {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 5.3333333333vw 0;
    border-bottom: .2666666667vw solid #464646
}

.menu-second ul li a {
    text-decoration: none
}

.menu-second ul li img,.menu-second ul li span {
    display: block;
    width: 55%;
    height: auto;
    max-height: 16vw;
    margin: 0 auto 1.3333333333vw
}

.menu-second ul li span {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background-size: contain;
    background-position: center
}

.menu-second ul li p {
    color: #fff;
    font-size: 3.4666666667vw;
    text-align: center
}

.menu-second ul li:last-child {
    border: 0
}

.menu-second ul.exclusive {
    padding-top: 6.4vw
}

.menu-second ul.exclusive li {
    padding: 1.3333333333vw 0
}

.menu-second ul.exclusive li img {
    width: 85%;
    max-height: none;
    margin: 0 auto
}

.menu-second .icon-sport {
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto;
    margin-bottom: 2.1333333333vw;
    background: #ffdf1a;
    mask-repeat: no-repeat;
    mask-position: 50% 20%;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 20%;
    -webkit-mask-size: cover
}

.menu-banner-area {
    width: 100%;
    padding: 0 4vw
}

.language-select-area {
    margin: 2.6666666667vw 0;
    text-align: center
}

.language-select-area .language-area {
    display: inline-block;
    width: 41%;
    padding: 1.3333333333vw;
    border: .2666666667vw solid #eeeeee;
    border-radius: 1.3333333333vw;
    opacity: .3;
    vertical-align: middle
}

.language-select-area .language-area.active {
    border: .2666666667vw solid #14805e;
    opacity: 1
}

.language-select-area .language-area.active p {
    color: #14805e
}

.language-select-area img {
    width: 8vw;
    height: 8vw;
    filter: drop-shadow(0 0 1px rgba(0,0,0,.4))
}

.language-select-area p {
    margin-top: 1.3333333333vw;
    color: #eee;
    font-size: 2.6666666667vw
}

.footer {
    width: 100%;
    height: auto;
    margin-bottom: 13.3333333333vw;
    padding: 0 2.6666666667vw;
    background: #040404
}

.footer-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 4vw 0 2.6666666667vw;
    border-bottom: .2666666667vw solid #111333;
    text-align: left
}

.footer-top div {
    margin-bottom: 2.6666666667vw
}

.footer-top div li {
    display: inline-block;
    margin: 0 2.6666666667vw 2.6666666667vw 0
}

.footer-top div h2 {
    margin-bottom: 4vw;
    color: #14805e;
    font-size: 3.4666666667vw;
    font-weight: 700
}

.footer-top div img {
    height: 4vw;
    opacity: .7
}

.footer-top div a {
    display: block
}

.footer-top .pay,.footer-top .pay-normal-size {
    flex: 0 0 100%
}

.footer-top .pay-normal-size img {
    height: 6.4vw
}

.footer-top .safe {
    flex: 0 0 45%;
    margin-right: 2.6666666667vw
}

.footer-top .safe img {
    height: 6.4vw;
    opacity: .7
}

.footer-top .footer-social {
    flex: 1 0 50%
}

.footer-top .footer-social img {
    height: 8vw;
    opacity: .7
}

.footer-top .provider {
    flex: 0 0 100%
}

.footer-top .provider img {
    height: 6.4vw;
    opacity: 1
}

.footer-bottom {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 6.6666666667vw 0
}

.footer-bottom .logo {
    width: 14.6666666667vw;
    height: 10.6666666667vw;
    margin-right: 5.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.footer-bottom .text {
    text-align: left
}

.footer-bottom .text .title {
    margin-bottom: 1.3333333333vw;
    color: #14805e;
    font-size: 3.4666666667vw;
    font-weight: 700
}

.footer-bottom .text p {
    color: #ffffff80;
    font-size: 3.2vw
}

.footer-column div:nth-child(2n-1) {
    margin-right: 0
}

.footer-column .pay {
    flex: 1 0 100%;
    margin: 0 0 2.6666666667vw
}

.footer-column .safe,.footer-column .footer-social {
    flex: 1 0 40%
}

.footer-logo-wrap {
    padding-top: 2.6666666667vw
}

.footer-logo-wrap .link-wrap {
    text-align: right
}

.footer-logo-wrap .link-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2.6666666667vw
}

.footer-logo-wrap .link-wrap li {
    width: 33%;
    margin: 1.6vw 0;
    padding: 0 2.1333333333vw;
    border-left: .5333333333vw solid #27b488;
    text-align: left
}

.footer-logo-wrap .link-wrap a {
    transition: all .3s;
    color: #27b488;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    text-decoration: none;
    vertical-align: baseline
}

.footer-logo-wrap .link-wrap a:hover {
    filter: brightness(1.1)
}

.float-banner {
    position: fixed;
    z-index: 7999;
    bottom: 54px;
    left: 10px;
    filter: drop-shadow(0 0 1.6vw rgba(0,0,0,.5))
}

.float-banner .close {
    position: absolute;
    z-index: 2;
    top: -4vw;
    right: -4vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 100%;
    opacity: 1;
    background: #111
}

.float-banner .close:before,.float-banner .close:after {
    content: "";
    display: block;
    position: absolute;
    top: 2.9333333333vw;
    left: 1.3333333333vw;
    width: 4vw;
    height: .5333333333vw;
    border-radius: .5333333333vw;
    background: #fff
}

.float-banner .close:before {
    transform: rotate(45deg)
}

.float-banner .close:after {
    transform: rotate(-45deg)
}

.float-banner a {
    display: inline-flex;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.float-banner img {
    width: auto;
    height: auto;
    min-width: 13.3333333333vw;
    min-height: 13.3333333333vw;
    max-width: 32vw;
    max-height: 32vw
}

.gotop {
    display: none;
    opacity: 0;
    background: #50b08b
}

.gotop.is-visible {
    display: block;
    opacity: 0;
    animation: gotopShow .3s linear forwards
}

@keyframes gotopShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gotop:before,.gotop:after {
    content: "";
    position: absolute;
    top: 35%;
    left: 47%;
    width: 3px;
    height: 15px;
    border-radius: 2px;
    background: #fff
}

.gotop:before {
    margin-left: 2px;
    transform: rotate(40deg);
    transform-origin: top left
}

.gotop:after {
    margin-right: 2px;
    transform: rotate(-40deg);
    transform-origin: top right
}

.gotop.gotop-index {
    bottom: 0;
    right: 0;
    transform: scale(.7)
}

.gotop.bottom-1 {
    bottom: 60px
}

.gotop.bottom-2 {
    bottom: 128px
}

.gotop.bottom-3 {
    bottom: 196px
}

.gotop.bottom-4 {
    bottom: 264px
}

.gotop {
    position: fixed;
    right: 10px;
    bottom: 60px;
    width: 58px;
    height: 58px;
    transition: all .3s ease-in;
    border-radius: 34px 8px 34px 34px;
    box-shadow: 0 5px 30px #0001a,0 5px 4px #0003;
    background: #50b08b;
    z-index: 8000
}

.popup-page {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: start;
    z-index: 3
}

@supports (height: 100dvh) {
    .popup-page {
        height:100dvh
    }
}

@supports not (height: 100dvh) {
    .popup-page {
        height:100vh
    }
}

.popup-page__backdrop {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: auto;
    background: transparent;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    transition: -webkit-backdrop-filter 1s;
    transition: backdrop-filter 1s;
    transition: backdrop-filter 1s,-webkit-backdrop-filter 1s
}

.popup-page--active .popup-page__backdrop {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.popup-page:not(.popup-page--active) {
    pointer-events: none
}

.popup-page--align-top {
    align-items: flex-start
}

.popup-page__main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3
}

.popup-page--active .popup-page__main {
    display: block
}

.popup-page-main {
    flex: none;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 1.0666666667vw #0001a,inset 0 .2666666667vw .5333333333vw #0001a;
    background: #fff;
    transform: translate(-50%);
    transition: transform .5s,opacity .5s;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.popup-page-main--show {
    transform: translate(-50%,-50%);
    opacity: 1
}

.popup-page-main__header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex: none;
    top: 0;
    flex: 0;
    width: 100%;
    height: 13.3333333333vw;
    padding-bottom: 0;
    background: #14805e;
    z-index: 5
}

.popup-page-main__back {
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease-in;
    position: absolute;
    left: 3.2vw;
    width: 5vw;
    height: 5vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 80%
}

.popup-page-main__back:hover {
    opacity: .7
}

.popup-page-main__title {
    color: #fff;
    font-size: 4.8vw;
    text-align: center
}

.popup-page-main__close {
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease-in;
    position: relative;
    width: 5vw;
    height: 5vw;
    position: absolute;
    right: 2.6666666667vw;
    z-index: 2
}

.popup-page-main__close:hover {
    opacity: .7
}

.popup-page-main__close:after,.popup-page-main__close:before {
    content: "";
    display: block;
    height: 80%;
    width: .5vw;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    background: #fff;
    transform-origin: 50% 50%
}

.popup-page-main__close:after {
    transform: translateY(-50%) rotate(-45deg)
}

.popup-page-main__close:before {
    transform: translateY(-50%) rotate(45deg)
}

.popup-page-main__close:before,.popup-page-main__close:after {
    border-radius: 10vw
}

.popup-page-main__container {
    display: flex;
    flex: 1;
    position: absolute;
    top: 13.3333333333vw;
    width: 100%;
    height: calc(100% - 13.3333333333vw);
    overflow-x: hidden;
    overflow-y: auto;
    background: #111
}

.popup-page-main__container .pop-bg {
    height: 100%
}

.popup-page-main__container .content {
    padding-top: 0
}

.popup-page-main__container .content.fixed-tab {
    padding-top: 13.3333333333vw
}

.popup-page-main__container .content.player-content {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}

.new-login,.new-login-tab {
    background: #111;
    border: 0
}

.new-login .popup-page-main__title,.new-login-tab .popup-page-main__title {
    color: #fff
}

.new-login .popup-page-main__close:before,.new-login .popup-page-main__close:after,.new-login-tab .popup-page-main__close:before,.new-login-tab .popup-page-main__close:after {
    background: #fff
}

.progress-bar .bar {
    position: relative;
    width: 100%;
    height: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    background: #0004d;
    box-shadow: inset 0 0 .2666666667vw #999
}

.progress-bar .bar .bar-inner {
    position: absolute;
    left: 0;
    width: 60%;
    height: 100%;
    border-radius: 1.3333333333vw;
    background: linear-gradient(to right,#d7b94b,#c2ab66);
    box-shadow: 0 .2666666667vw .8vw .2666666667vw #d7b94b66,0 0 .8vw #d7b94b66
}

.progress-bar .bar .bar-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%);
    width: .8vw;
    height: .8vw;
    border-radius: .8vw;
    background: #fff;
    box-shadow: 0 0 .5333333333vw .2666666667vw #d7b94b
}

.progress-bar .number {
    display: flex;
    justify-content: space-between;
    align-content: center;
    color: #999;
    font-size: 2.6666666667vw
}

.bonus-wallet-wrap .progress-bar .bar .bar-inner,.ticket-wrap .progress-bar .bar .bar-inner {
    background: linear-gradient(to right,#ffe800,#ffd03c);
    box-shadow: 0 .2666666667vw .8vw .2666666667vw #ffe80066,0 0 .8vw #ffe80066
}

.bonus-wallet-wrap .progress-bar .bar .bar-inner:after,.ticket-wrap .progress-bar .bar .bar-inner:after {
    box-shadow: 0 0 .5333333333vw .2666666667vw #ffe800
}

.beforelogin {
    display: flex;
    position: fixed;
    z-index: 104;
    bottom: 0;
    width: 100%;
    height: 13.3333333333vw;
    box-shadow: 0 0 1.3333333333vw #00080
}

.beforelogin a {
    display: block;
    text-decoration: none
}

.beforelogin .login-button {
    width: 50%;
    height: 100%;
    background: #14805e;
    font-size: 4vw;
    font-weight: 700;
    line-height: 13.3333333333vw;
    text-align: center
}

.beforelogin .login-button a {
    color: #fff
}

.beforelogin .register-button {
    width: 50%;
    height: 100%;
    background: #ffdf1a;
    font-size: 4vw;
    font-weight: 700;
    line-height: 13.3333333333vw;
    text-align: center
}

.beforelogin .register-button a {
    color: #000
}

.beforelogin.havelanguage .language-select {
    display: flex;
    flex: 2;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1.3333333333vw;
    background: #d7e3f0;
    text-align: center
}

.beforelogin.havelanguage .language-select p {
    color: #111;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: left
}

.beforelogin.havelanguage .language-select img {
    width: 6.6666666667vw;
    height: auto;
    margin-right: 1.3333333333vw;
    border-radius: 100%
}

.beforelogin.havelanguage .register-button,.beforelogin.havelanguage .login-button {
    flex: 3
}

.no-result {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100vw
}

.no-result img {
    display: block;
    width: 30%;
    height: auto;
    margin: auto;
    opacity: 1
}

.no-result .text {
    margin-top: 2.6666666667vw;
    color: #999;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    text-align: center
}

.pop-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: height .5s;
    background: #000b3;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

@supports (height: 100dvh) {
    .pop-bg {
        height:100dvh
    }
}

@supports not (height: 100dvh) {
    .pop-bg {
        height:100vh
    }
}

.pop-bg.zindex-up {
    z-index: 8999
}

.pop-wrap {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    max-height: 85vh;
    transform: translate(-50%,-37%);
    transition: all .3s;
    animation: hide 0s 1s 1 forwards;
    opacity: 0;
    background: #fff;
    color: #111
}

.pop-wrap.show {
    display: flex
}

.pop-wrap.ani {
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s .3s ease-in-out;
    opacity: 1
}

.pop-wrap.promotion-pop {
    position: fixed;
    height: auto;
    background: #fff;
    color: #111
}

.pop-wrap.promotion-pop .pop-title {
    padding: 0 4vw
}

.pop-wrap.promotion-pop.show {
    display: flex
}

.pop-wrap.pop-language .btn-close,.pop-wrap.promotion-pop .btn-close {
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.pop-wrap.pop-language .btn-close:before,.pop-wrap.promotion-pop .btn-close:before {
    width: 100%!important;
    height: 100%!important
}

.pop-wrap.pop-language .btn-close {
    width: 16vw;
    height: 16vw
}

.pop-wrap.pop-success .btn-closed,.pop-wrap.pop-fail .btn-closed {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 27%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 27%
}

.pop-wrap .detail-banner {
    line-height: 0
}

.pop-wrap .detail-banner img {
    width: 100%;
    height: auto
}

.pop-wrap .btn-close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 16vw;
    height: 16vw;
    transition: .5s;
    background: #14805ecc
}

.pop-wrap .btn-close .item-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%
}

.pop-wrap .pop-title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 16vw;
    padding: 4vw 16vw 4vw 4vw;
    background: #14805e
}

.pop-wrap .pop-title h3 {
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.2
}

.pop-wrap .pop-inner {
    position: relative;
    padding: 4vw;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left
}

.btn-box {
    display: flex;
    width: 100%;
    margin: 4vw 0 0;
    text-align: right
}

.btn-box .button {
    display: inline-block;
    width: 100%;
    padding: 0 2.6666666667vw;
    text-decoration: none
}

.btn-box .button+.button {
    margin-left: 4vw
}

.btn-box.other-choice {
    margin-top: 0
}

.pop-inner h4 {
    font-size: 4.2666666667vw;
    line-height: 1.5
}

.pop-inner .times {
    font-size: 3.7333333333vw;
    line-height: 1.5
}

.pop-inner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.pop-inner .btn-box .button {
    width: 100%
}

.notshow-checkbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 9.3333333333vw;
    padding: 0 5.3333333333vw;
    background: #0003
}

.notshow-checkbox .check-input {
    display: none
}

.notshow-checkbox .check-label:hover {
    cursor: pointer
}

.notshow-checkbox .check-cube {
    display: inline-block;
    position: relative;
    width: 4vw;
    height: 4vw;
    margin-right: 5px;
    border: 1px solid #111333;
    background: #000b3;
    border-radius: 2px;
    vertical-align: middle;
    overflow: hidden
}

.notshow-checkbox .check-cube__icon {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
    transition: transform .3s ease-out .1s,opacity .3s ease-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%
}

.notshow-checkbox .check-input:checked+.check-label .check-cube__icon {
    transform: translate(0)
}

.notshow-checkbox .text {
    display: inline-block;
    color: #111;
    font-size: 3.7333333333vw;
    line-height: 9.3333333333vw
}

.notshow-checkbox.no-bg {
    background: transparent
}

.promotion-pop {
    background: #fff
}

.promotion-pop .pop-title h3 {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.promotion-pop .pop-inner {
    flex: 1 1 60%;
    max-height: auto
}

.promotion-pop ul {
    padding-left: 20px;
    list-style: disc
}

.promotion-pop ul ul {
    list-style: circle
}

.promotion-pop ul ul ul {
    list-style: square
}

.pop-check .pop-title {
    padding: 0 4vw
}

.pop-check .pop-inner {
    background: #fff;
    text-align: left
}

.pop-language .pop-inner {
    padding: 4vw;
    background: #3e3e3e;
    text-align: left
}

.language-list {
    display: block;
    margin: 0 auto
}

.language-list .left-language-area,.language-list .right-language-area {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.language-list .left-language-area p,.language-list .right-language-area p {
    padding-bottom: 0
}

.language-list .left-language-area {
    width: 35%
}

.language-list .left-language-area img {
    display: inline-block;
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666666667vw;
    border-radius: 100%;
    box-shadow: 0 0 .5333333333vw #0006;
    vertical-align: middle
}

.language-list .left-language-area p {
    display: inline-block;
    width: 53%;
    color: #fff9;
    font-size: 3.2vw;
    line-height: 1.5;
    vertical-align: middle
}

.language-list .left-language-area span {
    display: inline-block;
    min-width: 2.6666666667vw
}

.language-list .right-language-area {
    display: inline-flex;
    flex-flow: row wrap;
    width: 65%
}

.language-list li {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 1.3333333333vw;
    padding: 1.3333333333vw;
    border-bottom: .2666666667vw solid #eeeeee
}

.language-list li:last-child {
    border: 0
}

.radio-box {
    display: inline-block;
    flex: 1 1 48%;
    margin: 0 0 1.3333333333vw 2%;
    font-size: 3.7333333333vw;
    vertical-align: top
}

.radio-box [type=radio] {
    display: none
}

.radio-box [type=radio]+label {
    display: block;
    padding: 0 1.3333333333vw;
    transition: .3s;
    border: .2666666667vw solid #eeeeee;
    color: #fff;
    line-height: 2.5;
    text-align: center
}

.radio-box [type=radio]:checked+label {
    border: .2666666667vw solid #ffdf1a;
    color: #ffdf1a
}

.pop-setwallet {
    padding: 4vw;
    border-radius: 1.3333333333vw;
    background: #eee;
    color: #111;
    line-height: 1.5
}

.pop-setwallet .btn-closed {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 27%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 27%
}

.pop-setwallet .title {
    padding: 0 8vw 2.6666666667vw 0;
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    font-size: 4.2666666667vw;
    line-height: 1.5
}

.pop-setwallet .inner-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 4vw 0 0;
    padding: 5.3333333333vw 4vw;
    border: .2666666667vw solid rgba(153,153,153,.3);
    border-radius: 1.3333333333vw;
    font-size: 3.2vw
}

.pop-setwallet .prompt {
    margin: 0 0 2.6666666667vw;
    padding: 1.3333333333vw;
    color: #999
}

.pop-setwallet .btn-box {
    margin-bottom: 0
}

.pop-setwallet .wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 2.1333333333vw 4vw;
    border: .5333333333vw solid rgba(153,153,153,.3);
    border-radius: 13.3333333333vw;
    color: #14805e;
    font-size: 4vw
}

.pop-setwallet .box {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.pop-setwallet .box .text {
    padding: 1.8666666667vw 2.6666666667vw
}

.pop-setwallet .box .money {
    padding: 1.8666666667vw 2.6666666667vw;
    background: transparent;
    font-size: 4.5333333333vw;
    text-align: right
}

.pop-setwallet .box.bonus {
    color: #14805e
}

.pop-setwallet .deposit {
    margin: 1.8666666667vw 0 3.2vw
}

.pop-setwallet .deposit .text {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 2.6666666667vw;
    padding: .5333333333vw 1.3333333333vw;
    transform: translateY(-50%);
    background: #eee
}

.pop-setwallet .deposit .money {
    z-index: 2;
    width: 100%;
    padding: 0
}

.pop-setwallet .deposit .money input {
    width: -webkit-fill-available;
    padding: 3.2vw 2.6666666667vw;
    border: .5333333333vw solid rgba(0,0,0,.5);
    border-radius: 1.3333333333vw;
    outline: none;
    background: #eee;
    color: #111;
    font-size: 4.5333333333vw;
    text-align: right
}

.pop-setwallet .deposit .money input::placeholder {
    color: #999
}

.pop-setwallet .deposit .money.error input {
    border: .5333333333vw solid #d15454
}

.pop-setwallet .deposit .money.error-ani {
    animation-name: error-ani;
    animation-duration: 1s
}

.pop-setwallet .member-error {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 5%;
    max-width: 90%;
    padding: .8vw 1.8666666667vw;
    transform: translateY(50%);
    border-radius: 5.3333333333vw;
    background: #d15454;
    color: #fff
}

.pop-setwallet .member-error:before {
    flex: 0 0 4.2666666667vw;
    background: #fff;
    color: #d15454
}

.pop-setwallet .member-error span {
    width: 100%;
    vertical-align: text-top
}

.pop-setwallet .other-choice {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 1.3333333333vw 4vw
}

.pop-setwallet .other-choice .tips {
    position: relative;
    width: 100%;
    padding: 4vw 0;
    font-size: 3.2vw;
    text-align: center
}

.pop-setwallet .other-choice .tips span {
    display: inline;
    padding: 0 1.3333333333vw;
    background: #eee;
    color: #999
}

.pop-setwallet .other-choice .tips:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    border: .2666666667vw solid rgba(153,153,153,.6)
}

.pop-setwallet .other-choice .btn-link {
    color: #ffdf1a;
    line-height: 1.1
}

.pop-setwallet .other-choice .btn-link:after {
    content: "";
    display: block;
    width: 100%;
    border: .2666666667vw solid #ffdf1a
}

.pop-wrap.pop-editor {
    display: block;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translate(0);
    opacity: 1;
    background: #111
}

.pop-wrap.pop-editor ul {
    width: 100%
}

.pop-wrap.pop-editor ul li {
    display: inline-block;
    width: 100%;
    padding: 0 5.3333333333vw;
    overflow: hidden;
    transition: all .3s;
    font-size: 3.7333333333vw;
    line-height: 14.6666666667vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop-wrap.pop-editor ul li:active {
    filter: brightness(.95)
}

.pop-wrap.pop-editor ul.editor-menu {
    display: none;
    background: #111;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    overflow: hidden
}

.pop-wrap.pop-editor ul.editor-menu.show {
    display: block
}

.pop-wrap.pop-editor ul.editor-menu li {
    background: #111;
    color: #fff
}

.pop-wrap.pop-editor ul.editor-check {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #14805e
}

.pop-wrap.pop-editor ul.editor-check.show {
    display: flex
}

.pop-wrap.pop-editor ul.editor-check li {
    width: auto;
    background: #14805e;
    color: #fff
}

.primary-btn {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none
}

.disable-btn {
    background: #0a3e2d
}

.pop-go-to-biometrics {
    width: 90%;
    height: auto;
    padding: 10.6666666667vw 5.3333333333vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
    background: #fff
}

.pop-go-to-biometrics .btn-close {
    background: transparent
}

.pop-go-to-biometrics .btn-close .item-icon {
    background: none;
    background: #555;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 30%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30%;
    filter: none
}

.pop-go-to-biometrics .box-loading {
    position: relative;
    width: 48vw;
    height: 48vw;
    margin: 0 auto 10.6666666667vw
}

.pop-go-to-biometrics .box-loading .face-id {
    position: absolute;
    z-index: 10;
    width: 48vw;
    height: 48vw;
    background: linear-gradient(to bottom right,#50b08b,#a3f1ca);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.pop-go-to-biometrics .box-loading:before {
    content: "";
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40%;
    text-align: center
}

.pop-go-to-biometrics .box-loading .circle-wave {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 40%
}

.pop-go-to-biometrics .box-loading .circle-wave:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.3333333333vw;
    right: 1.3333333333vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-1 {
    z-index: 5;
    width: 49.3333333333vw;
    animation: circle-spin 4s infinite linear;
    opacity: .6;
    background: linear-gradient(to bottom right,#14805e,#a0f0e5)
}

.pop-go-to-biometrics .box-loading .circle-wave-1:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.3333333333vw;
    left: 2.6666666667vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-2 {
    z-index: 4;
    width: 50.6666666667vw;
    animation: circle-spin 8s infinite linear;
    opacity: .7;
    background: linear-gradient(to bottom right,#14805e,#a0f0e5)
}

.pop-go-to-biometrics .box-loading .circle-wave-2:after {
    content: "";
    display: block;
    position: absolute;
    right: 2.6666666667vw;
    bottom: 1.3333333333vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-3 {
    z-index: 3;
    width: 52vw;
    animation: circle-spin 12s infinite linear;
    opacity: .4;
    background: linear-gradient(to bottom right,#14805e,#a0f0e5)
}

.pop-go-to-biometrics .box-loading .circle-wave-3:after {
    content: "";
    display: block;
    position: absolute;
    top: 2.6666666667vw;
    left: 1.3333333333vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-4 {
    z-index: 2;
    width: 53.3333333333vw;
    animation: circle-spin 18s infinite linear;
    opacity: .6;
    background: linear-gradient(to bottom right,#14805e,#a0f0e5)
}

.pop-go-to-biometrics .box-loading .circle-wave-4:after {
    content: "";
    display: block;
    position: absolute;
    right: 1.3333333333vw;
    bottom: 2.6666666667vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .title {
    margin-bottom: 2.6666666667vw;
    color: #14805e;
    font-size: 7.4666666667vw;
    font-weight: 700;
    text-align: center
}

.pop-go-to-biometrics .sub-title {
    margin-bottom: 10.6666666667vw;
    color: #0009;
    font-size: 3.7333333333vw;
    line-height: 1.2;
    text-align: center
}

.pop-go-to-biometrics .button {
    height: 12vw;
    font-size: 4vw;
    line-height: 12vw
}

.pop-go-to-biometrics .show-group {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: 2.6666666667vw
}

.pop-go-to-biometrics .show-group.style-checked input {
    margin: 0;
    border: 0
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label {
    transition: all .3s;
    background: none;
    color: #999
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label:before,.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label:after {
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    left: 0;
    width: 4vw;
    height: 4vw;
    transition: all .3s;
    border-radius: .8vw;
    background: #9996
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label:before {
    top: 4vw
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label:after {
    top: -4vw;
    mask-image: url(/assets/images/icon-set/icon-check-type05.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 0%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-check-type05.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 0%
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label span {
    padding-left: 5.8666666667vw;
    line-height: 4.2666666667vw;
    text-align: left;
    pointer-events: none
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]:checked+label {
    color: #28b849
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]:checked+label:before {
    background: none
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]:checked+label:after {
    background: #28b849;
    mask-image: url(/assets/images/icon-set/icon-check-type05.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-check-type05.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.pop-wrap.pop-bonus-complete {
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 112vw;
    background: none;
    background-repeat: no-repeat;
    background-position: center -12vw;
    background-size: contain;
    font-family: Galvji-Bold;
    font-weight: 700;
    text-align: center
}

.pop-wrap.pop-bonus-complete .btn-close {
    display: flex;
    top: -1.3333333333vw;
    right: 0;
    width: 16vw;
    height: 16vw;
    background: none
}

.pop-wrap.pop-bonus-complete .pop-title {
    position: relative;
    bottom: -46.1333333333vw;
    padding: 0;
    background: transparent
}

.pop-wrap.pop-bonus-complete .pop-title .title {
    display: none
}

.pop-wrap.pop-bonus-complete .pop-title .number {
    display: block;
    justify-content: center;
    background: linear-gradient(to top,#fff 15%,#cacaca 45%,#fff 70%);
    color: transparent;
    font-size: 8vw;
    background-clip: text;
    -webkit-background-clip: text
}

.pop-wrap.pop-bonus-complete .pop-title .number span {
    display: flex;
    justify-content: center;
    padding: 1.6vw 2.6666666667vw 0 0;
    background: linear-gradient(135deg,#f8ff91,#ffdf3d 50%);
    color: transparent;
    font-size: 11.7333333333vw;
    line-height: 11.2vw;
    background-clip: text;
    -webkit-background-clip: text
}

.pop-wrap.pop-bonus-complete .pop-title .number span:before {
    content: attr(data-currency);
    font-size: 8.5333333333vw
}

.pop-wrap.pop-bonus-complete .kv-block {
    position: relative;
    right: 0vw;
    bottom: 5.8666666667vw
}

.pop-wrap.pop-bonus-complete .kv-block .kv-img {
    position: relative;
    display: inline-block;
    width: 27.7333333333vw;
    height: 27.7333333333vw
}

.pop-wrap.pop-bonus-complete .kv-block .kv-img:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -1.3333333333vw;
    left: -1.3333333333vw;
    width: 24vw;
    height: 24vw;
    padding: 2.6666666667vw;
    border: .5333333333vw solid transparent;
    border-radius: 40vw;
    background: linear-gradient(to top,#fff,#8da5c0,#fff);
    background-clip: padding-box;
    -webkit-background-clip: padding-box
}

.pop-wrap.pop-bonus-complete .kv-block .kv-img:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    top: -2.1333333333vw;
    left: -2.1333333333vw;
    width: 25.6vw;
    height: 25.6vw;
    padding: 2.6666666667vw;
    border: .5333333333vw solid transparent;
    border-radius: 40vw;
    background: linear-gradient(to top,#a5bad1,#fff,#8da5c0);
    background-clip: padding-box
}

.pop-wrap.pop-bonus-complete .kv-block .kv-img img {
    z-index: 1;
    width: 100%;
    border-radius: 29.3333333333vw
}

.pop-wrap.pop-bonus-complete .kv-block .kv-img img:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 29.3333333333vw;
    box-shadow: 1.6vw 1.6vw 1.6vw #0006 inset
}

.pop-wrap.pop-bonus-complete .bonus-wallet-title {
    display: block;
    position: relative;
    bottom: 57.6vw;
    width: 90%;
    height: 20vw;
    margin: 0 5%;
    overflow: hidden;
    background: linear-gradient(to top,#fff 15%,#bacfe7 50%,#fff 70%);
    color: transparent;
    font-family: Impact,Haettenschweiler,Franklin Gothic Bold;
    font-size: 8.5333333333vw;
    line-height: 9.6vw;
    text-overflow: ellipsis;
    background-clip: text;
    -webkit-background-clip: text;
    line-clamp: 2;
    box-orient: vertical;
    filter: drop-shadow(0 .5333333333vw 1.3333333333vw rgba(0,0,0,.7))
}

.pop-wrap.pop-bonus-complete .btn-bolck {
    display: flex;
    position: relative;
    top: 4vw;
    justify-content: center
}

.pop-wrap.pop-bonus-complete .btn-bolck .button {
    width: 29.3333333333vw;
    height: 9.0666666667vw;
    margin: 0 2.6666666667vw;
    font-size: 4vw;
    line-height: 8.8vw
}

.pop-wrap.pop-bonus-complete .btn-bolck .receive-btn {
    background: #ffdf1a
}

.pop-wrap.pop-bonus-complete.show {
    display: flex
}

.pop-otp-verification {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    width: 100%;
    max-height: 95vh;
    transform: translate(0);
    transition: bottom .3s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #111
}

.pop-otp-verification.active {
    bottom: 0
}

.pop-otp-verification .btn-closed {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 27%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 27%
}

.pop-otp-verification .menu-box {
    padding: 2.6666666667vw;
    background: #111
}

.pop-otp-verification .input-group {
    background: #111
}

.pop-transaction-records-details {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 9000;
    bottom: -150%;
    width: 100%;
    height: 80%;
    transform: translate(0);
    transition: bottom .3s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #111
}

.pop-transaction-records-details.active {
    bottom: 0
}

.pop-transaction-records-details .bank-name {
    position: absolute;
    z-index: 10000;
    top: -12vw;
    left: 50%;
    max-width: 100%;
    padding: 2.1333333333vw 2.6666666667vw;
    transform: translate(-50%);
    border-radius: 2.9333333333vw;
    background: linear-gradient(153deg,#111,#4d4d4d 95%);
    color: #fff;
    white-space: nowrap
}

.pop-transaction-records-details .bank-name img {
    display: inline-block;
    width: auto;
    height: 6.4vw;
    margin-right: 2.6666666667vw;
    vertical-align: middle
}

.pop-transaction-records-details .bank-name span {
    display: inline-block;
    position: relative;
    width: auto;
    white-space: nowrap
}

.pop-transaction-records-details .btn-closed {
    content: "";
    position: absolute;
    z-index: 7000;
    top: 0;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 27%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 27%
}

.pop-transaction-records-details .header {
    position: relative;
    z-index: 6000;
    width: 100%;
    height: 13.3333333333vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #555;
    color: #fff;
    font-size: 4.2666666667vw;
    line-height: 13.3333333333vw;
    text-align: center
}

.pop-transaction-records-details .pop-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: inherit;
    overflow: hidden;
    background: #111
}

.pop-transaction-records-details .pop-content .tab-btn-wrap {
    background: #555
}

.pop-transaction-records-details .pop-content .tab-btn-wrap:before {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #555
}

.pop-transaction-records-details .pop-content .tab-btn-wrap .tab-btn-bar:before {
    background: #0004d
}

.pop-transaction-records-details .pop-content .tab-btn-wrap .tab-btn-bar .line {
    background: #14805e
}

.pop-transaction-records-details .pop-content .tab-btn-section {
    flex: none
}

.pop-transaction-records-details .pop-content .tab-content {
    flex: 1;
    height: 100%
}

.pop-transaction-records-details .pop-content .inner-wrap {
    height: inherit
}

.pop-transaction-records-details .member-content {
    background: #111;
    text-align: center
}

.pop-transaction-records-details .member-content .tips {
    display: none;
    margin: 4vw 0;
    color: #fff
}

.pop-transaction-records-details .member-content .button {
    margin: 2.6666666667vw;
    overflow: hidden
}

.pop-transaction-records-details .member-content .button .countdown {
    display: none;
    position: absolute;
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 12vw;
    border-radius: .8vw;
    background: #0a3e2d;
    color: #999;
    font-size: 4vw;
    line-height: 8vw;
    text-align: center;
    z-index: 1
}

.pop-transaction-records-details .member-content .button .countdown.fade-in {
    animation: button-push .5s ease
}

.pop-transaction-records-details .member-content .button .countdown.fade-in .item-icon {
    display: block;
    position: absolute;
    top: -5.3333333333vw;
    width: 100%;
    height: 5.3333333333vw;
    background: #0a3e2d;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.pop-transaction-records-details .member-content .button .countdown.fade-out {
    animation: button-pull .5s ease
}

.pop-transaction-records-details .member-content .button .countdown.fade-out .item-icon {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 5.3333333333vw;
    transform: rotate(180deg);
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.pop-transaction-records-details .member-content .button .countdown .timer {
    position: relative;
    top: 0;
    left: -2.6666666667vw;
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    box-shadow: 0 0 0 .4vw #999
}

.pop-transaction-records-details .member-content .button .countdown .timer:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36.5%;
    height: .4vw;
    transform-origin: 0 50%;
    animation: spinClockwise 2s linear infinite;
    border-radius: 1.3333333333vw;
    background: #999
}

.pop-transaction-records-details .member-content .button .countdown .timer:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25%;
    height: .4vw;
    transform-origin: 0 50%;
    animation: spinClockwise 12s linear infinite;
    border-radius: 1.3333333333vw;
    background: #999
}

.transaction-details-wrap {
    margin: 0;
    height: 100%;
    padding: 4.2666666667vw;
    overflow-x: hidden;
    overflow-y: auto
}

.transaction-details-wrap .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.6666666667vw 0
}

.transaction-details-wrap .title h3 {
    width: 70%;
    color: #fff;
    font-size: 4.5333333333vw
}

.transaction-details-wrap .title .tags {
    min-width: 16vw;
    padding: 1.0666666667vw 1.3333333333vw;
    overflow: hidden;
    transform: scale(.9);
    border-radius: .8vw;
    color: #fff;
    font-size: 3.2vw;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.transaction-details-wrap .timeline-box {
    position: relative;
    margin-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw
}

.transaction-details-wrap .timeline-box .timeline-block .content {
    padding: 4.2666666667vw
}

.transaction-details-wrap .timeline-box .date {
    margin-bottom: 2.6666666667vw;
    margin-left: 8vw;
    color: #fff;
    font-size: 2.9333333333vw
}

.timeline-block {
    position: relative;
    margin-bottom: 2.6666666667vw
}

.timeline-block:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 4.8vw;
    width: 1.0666666667vw;
    height: calc(100% + 9.3333333333vw);
    border-radius: 2.6666666667vw
}

.timeline-block:last-child:before {
    top: -9.3333333333vw;
    height: 14.6666666667vw
}

.timeline-block .point {
    position: absolute;
    top: 4vw;
    left: 3.9333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-radius: 50%;
    background: #fff;
    box-shadow: .2666666667vw .2666666667vw .2666666667vw #0001a
}

.timeline-block .bounce {
    animation: bounce-point .5s .8s
}

.timeline-block .content {
    display: inline-flex;
    width: calc(100% - 12.8vw);
    min-height: 14.6666666667vw;
    margin-left: 12.8vw;
    padding: 4.2666666667vw;
    border-radius: .8vw;
    background: #4d4d4d;
    box-shadow: .5333333333vw .5333333333vw #0001a;
    color: #fff9
}

.timeline-block .content .text {
    width: 76%;
    font-size: 3.7333333333vw;
    line-height: 1.4;
    word-wrap: break-word;
    white-space: pre-line
}

.timeline-block .content .text+.time {
    margin-top: 2.1333333333vw
}

.timeline-block .content .time {
    width: 24%;
    font-size: 2.9333333333vw;
    text-align: right
}

.timeline-block.current:before {
    height: 50%
}

.timeline-block.current .point {
    display: flex;
    z-index: 1;
    top: 2vw;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border: .8vw solid #ffffff;
    box-shadow: .2666666667vw .2666666667vw #0001a,inset .2666666667vw .2666666667vw #0001a
}

.timeline-block.current .point .item-icon {
    content: "";
    display: block;
    position: relative;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: #fff
}

.timeline-block.current .content {
    color: #fff
}

.details-box {
    margin: 2.6666666667vw 0
}

.details-box .info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 3.2vw 4vw;
    background: #4d4d4d;
    color: #fff
}

.details-box .info:nth-child(2n) {
    background: #595959
}

.details-box .info .name {
    font-size: 3.4666666667vw;
    font-weight: 500
}

.details-box .info .value {
    font-size: 3.4666666667vw;
    text-align: right;
    word-break: break-word
}

.pop-content.processing .transaction-details-wrap .tags {
    background: #f0b800e6
}

.pop-content.processing .transaction-details-wrap .timeline-block:before {
    background: #f0b800e6
}

.pop-content.processing .transaction-details-wrap .timeline-block.current .point {
    background: #f0b800e6!important
}

.pop-content.processing .transaction-details-wrap .timeline-block.current .point .item-icon {
    top: 5%;
    animation: wiggle 2s .5s infinite;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.pop-content.success .tags {
    background: #28b849e6
}

.pop-content.success .timeline-block:before {
    background: #28b849e6
}

.pop-content.success .timeline-block.current .point {
    background: #28b849e6!important
}

.pop-content.success .timeline-block.current .point .item-icon {
    top: 3%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.pop-content.fail .transaction-details-wrap {
    padding-bottom: 18.6666666667vw
}

.pop-content.fail .transaction-details-wrap .tags {
    background: #d15454e6
}

.pop-content.fail .transaction-details-wrap .timeline-block:before {
    background: #d15454e6
}

.pop-content.fail .transaction-details-wrap .timeline-block.current .point {
    background: #d15454e6!important
}

.pop-content.fail .transaction-details-wrap .timeline-block.current .point .item-icon {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.pop-content.reverted .tags {
    background: #f06939e6
}

.pop-content.reverted .timeline-block:before {
    background: #f06939e6
}

.pop-content.reverted .timeline-block.current .point {
    background: #f06939e6!important
}

.pop-content.reverted .timeline-block.current .point .item-icon {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

@keyframes table-arrow {
    0% {
        transform: translate(-50%,-50%) rotate(180deg)
    }

    to {
        transform: translateY(-50%) rotate(180deg)
    }
}

@keyframes circle-spin {
    0% {
        transform: rotate(360deg)
    }
}

@keyframes error-ani {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-3px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(3px,0,0)
    }
}

@keyframes bounce-point {
    0% {
        transform: scale(.6)
    }

    60% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes wiggle {
    0%,7% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(-15deg)
    }

    20% {
        transform: rotate(10deg)
    }

    25% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    40%,to {
        transform: rotate(0)
    }
}

@keyframes slide {
    0% {
        visibility: hidden;
        transform: translate(100px)
    }

    60% {
        transform: translate(-5px)
    }

    to {
        visibility: visible;
        transform: translate(0)
    }
}

@keyframes spinClockwise {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes button-push {
    0% {
        bottom: -12vw
    }

    to {
        bottom: 0
    }
}

@keyframes button-pull {
    0% {
        bottom: 0
    }

    to {
        bottom: -12vw
    }
}

.pop-login-fail {
    position: fixed;
    top: -50px;
    width: 95%;
    height: auto;
    padding: 2.6666666667vw;
    transition: top .3s;
    animation: errorTipsShow .5s alternate linear forwards;
    border-radius: 2.1333333333vw;
    border: .2666666667vw solid #e38385;
    background: #6b3132cc
}

.pop-login-fail .login-fail-tip {
    display: flex;
    align-items: center;
    justify-content: center
}

.pop-login-fail .login-fail-tip .login-fail-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 2.6666666667vw;
    background: #e38385;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90%
}

.pop-login-fail .login-fail-tip span {
    width: 90%;
    font-size: 3.2vw;
    font-weight: 700;
    letter-spacing: .2666666667vw;
    line-height: 4vw;
    color: #e38385
}

.pop-login-fail.active {
    display: inline;
    opacity: 1
}

.pop-login-fail.hide {
    animation: errorTipsHIde .5s alternate linear forwards
}

.pop-fail-tip {
    border: 1px solid #e38385;
    background: #6b3132cc
}

.pop-fail-tip .fail-icon,.pop-fail-tip .login-fail-icon {
    background: #d15454
}

.pop-fail-tip span {
    color: #d15454
}

@keyframes errorTipsShow {
    0% {
        top: -50px
    }

    to {
        top: 35px
    }
}

@keyframes errorTipsHIde {
    0% {
        top: 35px
    }

    to {
        top: -50px
    }
}

.pop-reset-password,.pop-account-lock {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    width: 100%;
    max-height: 90vh;
    transform: translate(0);
    transition: bottom .5s;
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    background: #262626;
    box-shadow: 0 -2px 15px #0003
}

.pop-reset-password .lock-box,.pop-account-lock .lock-box {
    position: relative;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pop-reset-password .lock-box img,.pop-account-lock .lock-box img {
    display: block;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    margin: 0 auto;
    opacity: 0
}

.pop-reset-password .title,.pop-account-lock .title {
    transform: translateY(-120%);
    color: #ec5454;
    font-weight: 600;
    letter-spacing: .2666666667vw;
    text-align: center
}

.pop-reset-password p,.pop-account-lock p {
    margin-bottom: 8vw;
    color: #fff;
    font-size: 3.4666666667vw;
    letter-spacing: .2666666667vw;
    line-height: 5.3333333333vw;
    text-align: center
}

.pop-reset-password .pop-btn-box,.pop-account-lock .pop-btn-box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.pop-reset-password .pop-btn-box .button,.pop-account-lock .pop-btn-box .button {
    width: 100%;
    height: 12vw;
    margin: 0 auto 2.6666666667vw;
    font-size: 4vw;
    line-height: 12vw
}

.pop-reset-password .pop-btn-box .btn-forget-password,.pop-account-lock .pop-btn-box .btn-forget-password {
    margin-right: 2.6666666667vw;
    margin-left: 2.6666666667vw;
    background: #14805e
}

.pop-reset-password .pop-btn-box .btn-closed,.pop-account-lock .pop-btn-box .btn-closed {
    margin-right: 2.6666666667vw;
    background: gray
}

.pop-reset-password.active,.pop-account-lock.active {
    bottom: 0
}

.pop-reset-password.active img,.pop-account-lock.active img {
    animation: fallin .6s .2s forwards
}

.success-pop,.fail-pop {
    overflow: visible;
    border-radius: 2.6666666667vw
}

.success-pop .pop-title,.fail-pop .pop-title {
    height: auto;
    min-height: auto;
    padding: 0;
    background: transparent
}

.success-pop .pop-title h3,.fail-pop .pop-title h3 {
    margin-bottom: 2.6666666667vw;
    padding: 0;
    font-size: 5.3333333333vw;
    font-weight: 700;
    line-height: 5.8666666667vw;
    text-align: center
}

.success-pop .pop-inner,.fail-pop .pop-inner {
    text-align: center
}

.success-pop p,.fail-pop p {
    font-size: 4.2666666667vw;
    line-height: 1.5
}

.success-pop .member-content .button,.fail-pop .member-content .button {
    width: 100%;
    margin-top: 5.3333333333vw;
    border: 0
}

.success-pop .state,.fail-pop .state {
    position: relative;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    margin: -10.6666666667vw auto 15px;
    animation: fallin .7s forwards .2s;
    border-radius: 50%;
    opacity: 0
}

.success-pop .state:before,.fail-pop .state:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    mask: url(/assets/images/icon-set/icon-pop-success.svg) no-repeat center/50%;
    -webkit-mask: url(/assets/images/icon-set/icon-pop-success.svg) no-repeat center/50%
}

.success-pop .pop-title h3,.success-pop span {
    color: #4e916d
}

.success-pop .state {
    background: linear-gradient(135deg,#57a279,#4e916d)
}

.success-pop .state .item-icon {
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.success-pop .btn-default {
    display: none
}

.fail-pop .pop-title h3,.fail-pop span {
    color: #e93d3d
}

.fail-pop .state {
    background: linear-gradient(135deg,#ec5454,#e93d3d)
}

.fail-pop .state:before {
    mask-image: url(/assets/images/icon-set/icon-cross-type02.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-cross-type02.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.fail-pop .btn-default {
    background: linear-gradient(135deg,#ec5454,#e93d3d);
    text-shadow: 0 1px 3px #ac1414;
    cursor: pointer
}

.pop-notification .content-style {
    max-height: 70vh
}

.pop-notification .content-style .table {
    margin-bottom: 17.3333333333vw
}

.pop-notification .content-style p {
    margin: 2.6666666667vw 0
}

.pop-notification .btn-box {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 2.1333333333vw 4.2666666667vw 4.2666666667vw;
    background: #fff
}

.pop-notification .btn-box .button {
    color: #fff
}

.pop-notification .btn-box .btn-primary {
    background: linear-gradient(to bottom,#eed29f,#cca967)
}

.pop-notification .btn-box .btn-cancel {
    background: linear-gradient(to bottom,#d15454,#cb4141)
}

.layout-brand {
    display: block
}

.layout-brand.active {
    display: none
}

.layout-brand.fish .card1 li img {
    width: 75%;
    margin: 0 auto 1.6vw
}

.layout-list {
    display: none
}

.layout-list.active {
    display: block
}

.card2 a {
    display: block;
    text-decoration: none
}

.card2 p {
    margin-bottom: 2.6666666667vw;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw
}

.card2 .brand {
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.card1 {
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.card1 ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: .5333333333vw;
    width: 100%;
    height: auto
}

.card1 li {
    position: relative;
    width: 100%;
    background: #111
}

.card1 li a {
    display: block;
    padding: 2.6666666667vw 0;
    text-decoration: none
}

.card1 li img {
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto
}

.card1 li p {
    max-width: 24vw;
    color: #fff;
    font-size: 3.4666666667vw;
    margin-top: 1.0666666667vw;
    text-align: center
}

.card1.exclusive {
    width: 100%;
    margin-top: 1.0666666667vw
}

.card1.exclusive ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    grid-gap: 3.2vw
}

.card1.exclusive ul li {
    grid-column: span 1;
    overflow: hidden;
    border-radius: 1.3333333333vw
}

.card1.exclusive ul li a {
    padding: 0
}

.card1.exclusive ul li a img {
    height: 100%;
    width: 100%
}

.card2 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.card2 .button {
    width: 24vw
}

.card2 .brand {
    position: absolute;
    top: 0;
    right: 2.6666666667vw
}

.card1 ul li a {
    outline: none
}

.card1.col-3 ul {
    display: flex;
    justify-content: center
}

.card1.col-3 ul li {
    width: 33.3333333333%
}

.card1.col-3 ul li .icon-sport {
    margin-bottom: 1.3333333333vw;
    mask-size: 36%;
    -webkit-mask-size: 36%
}

.card1 ul li .icon-sport {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background: #ffdf1a;
    mask-size: 100%;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin: 0 auto
}

.announcement-row {
    display: flex;
    position: relative;
    width: 100%;
    height: 8vw;
    border-bottom: .2666666667vw solid black;
    background: #111;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 8vw
}

.announcement-row .item-icon {
    display: block;
    width: 8vw;
    height: 8vw;
    margin-left: 2.6666666667vw;
    background: #14805e;
    background-repeat: no-repeat;
    background-position: center;
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: 80% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-size: 80% auto
}

.announcement-row .marquee {
    width: 100%;
    margin: 0 2.6666666667vw;
    overflow: hidden
}

.announcement-row .marquee ul {
    display: flex;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content
}

.announcement-row .marquee li {
    display: inline-block;
    margin-right: 25px
}

.announcement-row .marquee li p {
    white-space: nowrap
}

.announcement-row .marquee li a {
    text-decoration: none;
    color: #fff
}

.member-menu {
    position: fixed;
    bottom: -120%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .4s;
    background: #111;
    -webkit-overflow-scrolling: touch
}

.member-menu.active {
    bottom: 0
}

.member-menu .close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border-radius: 0 0 0 100%;
    background: #111
}

.member-menu .close:before,.member-menu .close:after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    left: 60%;
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: -.2666666667vw 0 0 -2.6666666667vw;
    border-radius: .5333333333vw;
    background: #fff
}

.member-menu .close:before {
    transform: rotate(45deg)
}

.member-menu .close:after {
    transform: rotate(-45deg)
}

.member-header {
    position: relative;
    width: 100%;
    height: 45.3333333333vw;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%
}

.member-header .member-header-content {
    bottom: 18.6666666667vw;
    left: 2.6666666667vw
}

.member-header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 26.6666666667vw;
    background: linear-gradient(to top,#1119 10%,#1110)
}

.member-header-content {
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    bottom: 32vw;
    left: 2.6666666667vw;
    z-index: 1
}

.member-header-content .pic {
    display: inline-block;
    width: 17.3333333333vw;
    height: 17.3333333333vw;
    margin-right: 2.6666666667vw;
    border-radius: 17.3333333333vw;
    background-color: #111;
    background-repeat: no-repeat;
    color: #14805e;
    font-size: 9.6vw;
    line-height: 17.3333333333vw;
    text-align: center;
    vertical-align: middle;
    box-shadow: 2px 4px 7px #0003d;
    background-position: center;
    background-size: contain
}

.member-header-content .infor {
    display: inline-block;
    width: 74.6666666667vw;
    vertical-align: middle
}

.member-header-content .account {
    margin-bottom: 1.3333333333vw;
    color: #fff;
    font-size: 4.2666666667vw
}

.member-header-content .account span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    width: 64vw;
    max-height: 17.0666666667vw;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 4.2666666667vw
}

.member-header-content .vip-points {
    display: inline-flex;
    position: relative;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 100%;
    width: auto;
    min-height: 6.4vw;
    padding: .5333333333vw 2.6666666667vw;
    margin-bottom: .5333333333vw;
    border-radius: 6.4vw;
    background: #111;
    color: #fff;
    font-size: 3.2vw;
    white-space: nowrap;
    line-height: 1.5;
    /* overflow: scroll */
}

.member-header-content .vip-points span {
    display: inline-block;
    max-width: 0;
    margin: 0 0 0 2.1333333333vw;
    overflow: hidden;
    transition: all .3s;
    white-space: nowrap;
    color: #39d89f
}

.member-header-content .vip-points a {
    text-decoration: none
}

.member-header-content .vip-points .myvip-text {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    font-size: 3.2vw;
    color: #fff
}

.member-header-content .vip-points .myvip-text:before {
    content: "";
    display: inline-block;
    width: .2666666667vw;
    height: 3.2vw;
    margin: 0 2.1333333333vw;
    background: #fff;
    vertical-align: middle
}

.member-header-content .vip-points .myvip-text .item-icon {
    display: inline-block;
    flex: 0 0 2.9333333333vw;
    width: 2.9333333333vw;
    height: 2.6666666667vw;
    margin: 0 0 0 1.3333333333vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: cover;
    vertical-align: middle
}

.member-header-content .vip-points.active span {
    flex: 0 1 25px;
    max-width: none;
    overflow: visible
}

.member-header-content .my-id {
    display: inline-flex;
    position: relative;
    align-items: center;
    width: auto;
    height: 6.4vw;
    margin-bottom: 1.3333333333vw;
    padding: .5333333333vw .5333333333vw .5333333333vw 2.6666666667vw;
    border-radius: 6.4vw;
    background: #111;
    color: #fff;
    font-size: 3.2vw
}

.member-header-content .my-id span {
    display: inline-block;
    max-width: 0;
    margin: 0 2.6666666667vw;
    overflow: hidden;
    transition: all .3s;
    color: #39d89f;
    white-space: nowrap
}

.member-header-content .my-id a {
    text-decoration: none
}

.member-header-content .my-id.active span {
    max-width: 32vw;
    padding: 0
}

.member-header-content .my-id .date-information-btn {
    display: block;
    width: 4.5333333333vw;
    height: 4.5333333333vw;
    margin: 0 1.3333333333vw;
    float: right;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90%
}

.member-menu-content {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: -29.3333333333vw 0 0;
    padding: 0 2.6666666667vw
}

.member-menu-content.bonuswallet {
    margin: -10.6666666667vw 0 0
}

.member-menu-content.one-column {
    margin: -13.3333333333vw 0 0
}

.member-menu-content.one-column .member-menu-box .balance {
    height: 13.3333333333vw!important;
    flex-direction: row;
    padding: 4vw 2.6666666667vw
}

.member-menu-content.one-column .member-menu-box .balance .text {
    justify-content: flex-start;
    width: 50%
}

.member-menu-content.one-column .member-menu-box .balance .amount {
    justify-content: flex-end;
    margin-top: 0!important;
    width: 50%
}

.date-information {
    position: absolute;
    display: block;
    opacity: 0;
    transition: opacity .5s;
    z-index: 2;
    width: 95%;
    height: auto;
    margin-top: -4.8vw;
    padding: 2.1333333333vw;
    border-radius: .8vw;
    background: linear-gradient(180deg,#af9963,#af9963e6);
    box-shadow: 0 1.0666666667vw 2.6666666667vw #00080
}

.date-information.showdate {
    display: block;
    animation: slide-in-top .5s both
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.date-information .date-wrap {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    justify-content: space-around;
    width: 100%
}

.date-information .date-wrap .registration,.date-information .date-wrap .lastlogin {
    display: block;
    position: relative;
    width: 50%;
    font-size: 2.9333333333vw
}

.date-information .date-wrap .registration .text,.date-information .date-wrap .lastlogin .text {
    margin-bottom: 1.3333333333vw;
    color: #fff
}

.date-information .date-wrap .registration p,.date-information .date-wrap .lastlogin p {
    color: #ffdf1a
}

.date-information .date-wrap .lastlogin {
    padding-left: 2.6666666667vw
}

.member-menu-box {
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    border-radius: .8vw;
    background: #111
}

.member-menu-box.balance-box {
    display: flex;
    position: relative;
    flex-direction: row
}

.member-menu-box.balance-box .balance {
    display: inline-flex;
    position: relative;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    height: 18.4vw;
    padding: 2.6666666667vw;
    font-size: 3.2vw
}

.member-menu-box.balance-box .balance.balance-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.member-menu-box.balance-box .balance .text {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7dbfaa;
    line-height: 4.8vw;
    white-space: nowrap
}

.member-menu-box.balance-box .balance .amount {
    display: inline-flex;
    margin-top: 1.3333333333vw;
    position: relative;
    max-height: 5.8666666667vw;
    overflow: hidden;
    transition: all .3s;
    color: #ffdf1a;
    font-size: 4.2666666667vw;
    line-height: 5.8666666667vw;
    white-space: nowrap
}

.member-menu-box.balance-box .balance .amount:before {
    content: attr(data-currency)
}

.member-menu-box.balance-box .balance .amount i {
    display: inline-block;
    position: relative;
    transition: all .1s ease-in;
    color: #ffdf1a
}

.member-menu-box.balance-box .balance .amount i:after {
    content: " \274b\274b\274b\274b";
    display: block;
    width: auto;
    font-size: 3.2vw
}

.member-menu-box.balance-box .balance .icon {
    display: inline-block;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    margin-left: .5333333333vw;
    transition: all .3s;
    transform: unset
}

.member-menu-box.balance-box .balance .icon.bonuswallet {
    background: #7dbfaa;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 85%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 85%
}

.member-menu-box.balance-box .balance .icon.refresh {
    background: #7dbfaa;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 65%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 65%
}

.member-menu-box.balance-box .balance .icon.refresh.active {
    animation: refresh 1s linear
}

.member-menu-box.balance-box .balance .icon.eyes {
    position: relative!important;
    top: 0!important;
    transform: rotate(0);
    background: #7dbfaa;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 85%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 85%
}

.member-menu-box.balance-box .balance .icon.eyes.active {
    transform: rotate(180deg)!important;
    background: #7dbfaa;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 85%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 85%
}

.member-menu-box.balance-box .dialog {
    display: flex;
    position: absolute;
    right: -10.4vw;
    bottom: 8vw;
    align-items: center;
    justify-content: center;
    height: 6.9333333333vw;
    padding: 3.2vw 0 3.2vw 2.6666666667vw;
    border-radius: 1.3333333333vw;
    box-shadow: inset -1.6vw -.2666666667vw 2.6666666667vw -2.6666666667vw #77b6a2,inset 0 -.2666666667vw 2.6666666667vw -.5333333333vw #77b6a2,inset 0 -.5333333333vw 2.6666666667vw #77b6a2,0 .8vw .8vw #0004d;
    color: #fff;
    background: #1bac7e;
    font-size: 3.4666666667vw
}

.member-menu-box.balance-box .dialog .arrow {
    position: relative;
    top: 4.2666666667vw;
    right: 12vw;
    width: 0;
    height: 0;
    border-top: 1.8666666667vw solid #5ba68e;
    border-right: 1.3333333333vw solid transparent;
    border-left: 1.3333333333vw solid transparent
}

.member-menu-box.balance-box .dialog:before {
    content: attr(data-currency);
    margin-right: .8vw;
    font-size: 2.9333333333vw
}

.member-menu-box.balance-box .button.receive-btn {
    width: auto;
    height: auto;
    margin-left: 2.6666666667vw;
    padding: .5333333333vw 2.6666666667vw;
    font-size: 3.2vw;
    line-height: initial
}

.member-menu-box.balance-box .button.receive-btn a {
    padding: .2666666667vw 0 0;
    line-height: initial
}

.member-menu-box.balance-box.active .balance .amount i {
    transform: translateY(-100%)
}

.member-menu-box .title {
    width: 100%;
    padding: 0 2.6666666667vw;
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    line-height: 9.3333333333vw
}

.member-menu-box .title h2 {
    color: #fff;
    font-size: 4vw
}

.member-menu-box .title h2 span {
    display: inline-block;
    vertical-align: middle
}

.member-menu-box .title h2:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    background: #14805e;
    border-radius: .5333333333vw;
    vertical-align: middle
}

.member-menu-box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.3333333333vw 0
}

.member-menu-box ul.align-center li {
    flex: auto;
    width: 33.3333333333%
}

.member-menu-box ul li {
    position: relative;
    width: 25%;
    padding: 1.8666666667vw 0
}

.member-menu-box ul li a {
    display: block;
    text-decoration: none
}

.member-menu-box ul li a p {
    color: #fff;
    font-size: 3.4666666667vw;
    text-align: center
}

.member-menu-box ul li a span {
    display: block;
    color: #d9d9d9;
    font-size: 2.6666666667vw;
    line-height: 3.7333333333vw;
    text-align: center
}

.member-menu-box ul li a .item-icon {
    display: block;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    margin: 0 auto 1.3333333333vw;
    border-radius: 9.3333333333vw;
    background: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.member-menu-box ul li .notice {
    display: block;
    position: absolute;
    top: 45%;
    right: 50%;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    transform: translate(150%,-150%);
    border-radius: 5.3333333333vw;
    background: #14805e;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 5.3333333333vw;
    text-align: center
}

.member-menu-box ul li .notice:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -.8vw;
    left: -.8vw;
    transform: rotate(45deg);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #14805e transparent transparent
}

.member-menu-service {
    width: 46vw;
    height: auto;
    margin-bottom: 2.6666666667vw;
    padding: 4vw 2.6666666667vw;
    border-radius: .8vw;
    background: #111
}

.member-menu-service a {
    display: block;
    text-decoration: none
}

.member-menu-service a .text {
    display: inline-block;
    width: 26.6666666667vw;
    padding: .5333333333vw 0 0;
    vertical-align: top
}

.member-menu-service a p {
    margin-bottom: .8vw;
    color: #fff;
    font-size: 3.4666666667vw
}

.member-menu-service a span {
    color: #d9d9d9;
    font-size: 3.2vw;
    line-height: 4.8vw
}

.member-menu-point {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto 2.6666666667vw;
    padding: 2.6666666667vw 4.2666666667vw;
    text-align: center
}

.member-menu-point i {
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    margin-right: 2.1333333333vw
}

.member-menu-point i .item-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 60%;
    background-size: 100%;
    z-index: 2
}

.member-menu-point p {
    display: block;
    max-width: 75%;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: start
}

.member-menu-point p span {
    color: #ff7e00
}

.member-menu-logout {
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    border-radius: .8vw;
    background: #111
}

.member-menu-logout a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.6666666667vw;
    text-decoration: none
}

.member-menu-logout a .item-icon {
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: 0 1.3333333333vw 0 0;
    background-color: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.member-menu-logout a p {
    display: inline-block;
    color: #fff;
    font-size: 3.4666666667vw;
    text-align: center
}

.amount:before {
    content: attr(data-currency);
    margin-right: .8vw
}

.show-date-info {
    height: 48vw
}

.show-date-info .member-header-content {
    flex-direction: column;
    width: calc(100% - 5.3333333333vw);
    top: 4vw;
    left: 2.6666666667vw;
    bottom: auto
}

.show-date-info .member-header-content .my-id,.show-date-info .member-header-content .vip-points {
    padding: 0;
    margin: 0;
    background: transparent;
    height: auto
}

.show-date-info .member-header-content .my-id span,.show-date-info .member-header-content .vip-points span {
    max-width: max-content;
    text-overflow: ellipsis;
    margin-right: 0
}

.show-date-info .user-info,.show-date-info .user-date {
    display: flex;
    width: 100%
}

.show-date-info .pic {
    width: 17.3333333333vw;
    height: 17.3333333333vw;
    margin-right: 2.6666666667vw
}

.show-date-info .account span {
    font-size: 4.8vw
}

.show-date-info .infor {
    display: inline-flex;
    width: 66.6666666667vw;
    margin: 1.3333333333vw 0;
    flex-direction: column
}

.show-date-info .vip-points.active span {
    flex: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis
}

.show-date-info .member-menu-vip-btn {
    margin-left: 2.6666666667vw;
    margin-top: .5333333333vw;
    padding: 1.0666666667vw 3.2vw;
    font-size: 2.6666666667vw;
    font-weight: 700;
    color: #fff;
    background: var(--member-menu-vip-btn-bg, #192343);
    box-shadow: inset 0 0 .8vw #ffffff80;
    border-radius: 13.3333333333vw
}

.show-date-info .date-information {
    position: relative;
    opacity: 1;
    width: 100%;
    margin: 0;
    background: none;
    padding: 0;
    margin-top: 2.6666666667vw;
    box-shadow: unset
}

.show-date-info .date-information .date-wrap {
    display: flex
}

.show-date-info .date-information .registration,.show-date-info .date-information .lastlogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--member-menu-date-information-bg, #192343);
    border-radius: 1.3333333333vw;
    padding: 1.3333333333vw
}

.show-date-info .date-information .registration p,.show-date-info .date-information .lastlogin p {
    color: var(--member-menu-date-information-txt, #af9963)
}

.show-date-info .date-information .lastlogin {
    margin-left: 2.6666666667vw
}

.member-content {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.member-content .phone p {
    padding: 0
}

.member-content .button {
    margin: 2.6666666667vw auto
}

.login-info-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-end;
    /* margin: 0 2.6666666667vw */
}

p.signup {
    margin-left: 23vw;
}
a {
    color: yellow;
}

.login-info-box .member-error-box {
    flex: 1 0 60%;
    padding: 1.3333333333vw 2.6666666667vw 0 0
}

.member-error-box .member-error {
    display: flex;
    flex-flow: row nowrap;
    align-content: flex-start;
    justify-content: space-between;
    margin-bottom: 1.3333333333vw;
    padding: 0
}

.member-error-box .member-error:last-child {
    margin-bottom: 0
}

.member-error-box .member-error span {
    flex: 1 0 60%;
    padding-top: .5333333333vw
}

.forgetpassword-buttn {
    font-size: 3.4666666667vw
}

.forgetpassword-buttn a {
    display: block;
    padding: 1.3333333333vw;
    border: .2666666667vw solid #14805e;
    border-radius: .8vw;
    color: #14805e;
    text-decoration: none
}

.member-content p,.login-biometric-content p {
    padding: 1.3333333333vw 2.6666666667vw 4vw;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.2;
    text-align: center
}

.member-content p a,.login-biometric-content p a {
    color: #ffdf1a
}

.member-content .signup,.login-biometric-content .signup {
    font-size: 3.4666666667vw
}

.member-content .signup a,.login-biometric-content .signup a {
    color: #ffdf1a
}

.member-content .button,.login-biometric-content .button {
    width: 94.6666666667vw;
    height: 12vw;
    font-size: 4vw;
    line-height: 12vw
}

.member-box {
    position: relative;
    margin: 2.6666666667vw 0
}

.member-box:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .2666666667vw;
    background: #9999994d
}

.inputbox {
    position: relative;
    width: 100%;
    height: auto
}

.inputbox:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 94.6666666667vw;
    height: 1px;
    background: #9999994d
}

.inputbox form {
    width: 100%;
    height: 100%
}

.inputbox label {
    position: absolute;
    top: 50%;
    left: 5.3333333333vw;
    width: 21%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 3.4666666667vw;
    word-wrap: break-word
}

.inputbox input {
    width: 100%!important;
    height: 13.3333333333vw;
    border: 0;
    outline: none;
    background: #292929;
    color: #14805e;
    font-size: 3.4666666667vw;
    box-sizing: border-box;
    overflow-x: auto;
    padding: 0 10.6666666667vw 0 29.3333333333vw
}

.inputbox input::placeholder {
    color: #999
}

.inputbox input.clear {
    width: 4vw!important;
    overflow: inherit
}

.inputbox input:disabled {
    opacity: .8;
    background: #111c
}

.inputbox .clear {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    height: 4vw;
    padding: 0;
    transform: translateY(-50%);
    transition: all .3s;
    border: 0;
    border-radius: 5.3333333333vw;
    outline: none;
    opacity: 0;
    background: #14805e;
    background-image: url(/assets/images/icon-set/icon-cross-type04.svg);
    background-repeat: no-repeat;
    background-position: center
}

.inputbox .clear.active {
    opacity: 1
}

.inputbox .verification-code {
    display: flex;
    position: absolute;
    top: 50%;
    right: 10.6666666667vw;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 6.6666666667vw;
    transform: translateY(-50%);
    border: .2666666667vw solid rgba(153,153,153,.3)
}

.inputbox .verification-code img {
    height: 100%
}

.inputbox .refresh {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 8vw;
    height: 8vw;
    transform: translateY(-50%);
    border-radius: .8vw;
    background: #fff;
    mask-image: url(/assets/images/icon-set/icon-refresh-type01.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-refresh-type01.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.inputbox .refresh.active {
    animation: refresh1 .5s linear
}

.inputbox.password .clear {
    right: 13.3333333333vw
}

.inputbox.password .clear.hasbutton {
    right: 29.3333333333vw
}

.inputbox.phone input {
    text-indent: 21.3333333333vw
}

.inputbox.verification .clear {
    right: 26.6666666667vw
}

.selectbox {
    position: relative;
    width: 100%;
    height: auto
}

.selectbox:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
    border-width: 1.3333333333vw;
    border-style: solid;
    border-color: #14805e transparent transparent
}

.selectbox:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 94.6666666667vw;
    height: .2666666667vw;
    background: #9999994d
}

.selectbox label {
    position: absolute;
    top: 50%;
    left: 5.3333333333vw;
    transform: translateY(-50%);
    color: #fff;
    font-size: 3.4666666667vw
}

.selectbox select {
    width: 100%;
    height: 13.3333333333vw;
    border: 0;
    outline: none;
    background: #292929;
    color: #14805e;
    font-size: 3.4666666667vw;
    text-indent: 28.8vw;
    appearance: none
}

.member-error {
    padding: 0 2.6666666667vw;
    color: #d15454;
    font-size: 3.2vw;
    text-align: left
}

.member-error:before {
    content: "!";
    display: inline-block;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 5.3333333333vw;
    background: #d15454;
    color: #111;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 4.2666666667vw;
    text-align: center;
    vertical-align: text-top
}

.member-error span {
    display: inline-block;
    width: calc(100% - 40px);
    line-height: 1.2;
    vertical-align: middle
}

/* .radius {
    margin: 2.6666666667vw
} */

.radius div:first-of-type input.input,.radius div:first-of-type select {
    border-top-left-radius: .8vw;
    border-top-right-radius: .8vw
}

.radius div:last-of-type input.input,.radius div:last-of-type select {
    border-bottom-left-radius: .8vw;
    border-bottom-right-radius: .8vw
}

.radius div:last-of-type:after {
    display: none
}

.radius .inputbox:after {
    left: 1%;
    width: 98%
}

.radius .inputbox:last-child:after {
    height: 0
}

.radius>.inputbox-wrapper:not(:first-child):not(:last-child)>div input.input,.radius>.inputbox-wrapper:not(:first-child):not(:last-child)>div select {
    border-radius: 0vw
}

.radius>.inputbox-wrapper:first-child,.radius>.inputbox-wrapper:first-child>*,.radius>.inputbox-wrapper:first-child .inputbox input[type=text],.radius>.inputbox-wrapper:first-child .selectbox select {
    border-radius: .8vw .8vw 0vw 0vw
}

.radius>.inputbox-wrapper:last-child,.radius>.inputbox-wrapper:last-child>*,.radius>.inputbox-wrapper:last-child .inputbox input[type=text],.radius>.inputbox-wrapper:last-child .selectbox select {
    border-radius: 0vw 0vw .8vw .8vw
}

.radius .inputbox-wrapper {
    background: #242424
}

.radius .inputbox-wrapper .inputbox:after {
    display: none
}

.radius .inputbox-wrapper .member-error {
    padding: 5px
}

.radius .inputbox-wrapper+.inputbox-wrapper {
    position: relative
}

.radius .inputbox-wrapper+.inputbox-wrapper:before {
    content: "";
    position: absolute;
    display: block;
    width: 98%;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    height: 1px;
    background: #9999994d;
    z-index: 2
}

.radius.member-box:after {
    height: 0
}

.login-biometric-content {
    text-align: center
}

.login-biometric-content .member-box,.login-biometric-content .member-error {
    text-align: left
}

.login-biometric-content .button {
    margin: 2.6666666667vw auto
}

.biometric-group {
    display: inline-block;
    margin-top: 8vw;
    text-decoration: none
}

.biometric-group .btn-biometric {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    animation: pop 2.5s linear infinite;
    border-radius: 50%;
    background: #fdd137;
    margin: 0 auto 2.6666666667vw
}

.biometric-group .btn-biometric .item-icon {
    display: block;
    width: 55%;
    height: 55%;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.biometric-group .btn-biometric .ripple {
    position: absolute;
    z-index: -1;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    animation: shrink 2.5s linear infinite;
    border-radius: 50%;
    background: #fdd137
}

.biometric-group span {
    display: block;
    color: #fff;
    font-size: 4vw;
    text-align: center
}

.biometric-group.identify {
    position: relative;
    padding: 10px
}

.biometric-group.identify:before,.biometric-group.identify:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%);
    width: 32vw;
    height: 32vw;
    border: 10px solid transparent;
    border-radius: 100%
}

.biometric-group.identify:before {
    z-index: 100;
    animation: identify 1s linear infinite;
    border-top-color: #fdd137
}

.biometric-group.identify:after {
    border: 10px solid rgba(253,209,55,.2)
}

.biometric-group.identify .ripple {
    display: none
}

.biometric-group.identify .btn-biometric {
    margin-bottom: 9.3333333333vw
}

@keyframes pop {
    0% {
        transform: scale(1)
    }

    80% {
        transform: scale(1)
    }

    90% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes shrink {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    80% {
        opacity: .3
    }

    to {
        width: 37.3333333333vw;
        height: 37.3333333333vw;
        opacity: 0
    }
}

@keyframes identify {
    0% {
        transform: rotate(0) translate(-50%);
        transform-origin: 0
    }

    to {
        transform: rotate(360deg) translate(-50%);
        transform-origin: 0
    }
}

.mcd-style .normal-register .banner:before,.mcd-style.normal-register .banner:before {
    background: transparent
}

.mcd-style .normal-register .banner .banner-v1,.mcd-style.normal-register .banner .banner-v1 {
    height: auto
}

.mcd-style .normal-register .banner .carousel-wrap .item-drag,.mcd-style.normal-register .banner .carousel-wrap .item-drag {
    padding-top: 33%
}

.searchpage {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    padding-bottom: 10.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s;
    background: #000;
    -webkit-overflow-scrolling: touch
}

.searchpage.active {
    right: 0
}

.searchpage .button {
    height: 13.3333333333vw;
    border: 0;
    outline: none;
    font-size: 4.2666666667vw;
    line-height: 13.3333333333vw
}

.search-top-info .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border-right: .2666666667vw solid rgba(153,153,153,.3);
    text-indent: -2666.4vw;
    z-index: 1
}

.search-top-info .back .item-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-right: .2666666667vw solid rgba(153,153,153,.3);
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 20%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 20%;
    z-index: 2
}

.search-top-info .icon-search {
    position: absolute;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: auto 40%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: auto 40%;
    background: #fff
}

.search-top-info input {
    width: 100%;
    height: 13.3333333333vw;
    padding: 0;
    border: 0;
    color: #d9d9d9;
    font-size: 3.4666666667vw;
    text-indent: 18.6666666667vw;
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    outline: none;
    background: transparent
}

.search-top-info input::placeholder {
    color: #999
}

.searchpage-main {
    position: relative;
    padding: 2.6666666667vw
}

.searchpage-main .clear-result {
    position: absolute;
    top: 2.6666666667vw;
    right: 2.6666666667vw;
    color: #d9d9d9;
    font-size: 3.2vw;
    text-decoration: underline
}

.searchpage-main h2 {
    margin-bottom: 2.6666666667vw;
    color: #d9d9d9;
    font-size: 3.2vw
}

.searchpage-main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 5.3333333333vw;
    overflow: hidden
}

.searchpage-main ul li {
    display: inline-flex;
    width: 32%;
    margin-bottom: 2.1333333333vw;
    margin-right: 2%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.searchpage-main ul li:nth-child(3n) {
    margin-right: 0
}

.searchpage-main input[type=checkbox],.searchpage-main input[type=radio] {
    display: none
}

.searchpage-main input[type=checkbox]+label,.searchpage-main input[type=radio]+label {
    display: inline-block;
    min-width: 100%;
    height: 9.3333333333vw;
    padding: 0 2.6666666667vw;
    border-radius: .8vw;
    background: #111;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 9.3333333333vw;
    text-align: center
}

.searchpage-main input[type=checkbox]:checked+label,.searchpage-main input[type=radio]:checked+label {
    background: #14805e;
    color: #fff
}

.searchpage-bar {
    position: fixed;
    z-index: 10;
    right: -50%;
    bottom: 0;
    width: 100%;
    padding: 2.6666666667vw;
    transform: translate(50%);
    transition: all .3s;
    background: #000
}

.searchpage-bar.active {
    right: 50%
}

.date-input input {
    border: 0;
    border-radius: .8vw;
    color: #fff;
    text-align: left;
    outline: none;
    padding: 0 4vw 0 12vw;
    box-sizing: border-box
}

.date-input input::placeholder {
    color: #fff
}

.date-input input::-webkit-calendar-picker-indicator {
    display: none
}

.rotating-pop {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: opacity .5s .1s;
    opacity: 0;
    background: #000e6;
    pointer-events: none
}

@supports (height: 100dvh) {
    .rotating-pop {
        height:100dvh
    }
}

@supports not (height: 100dvh) {
    .rotating-pop {
        height:100vh
    }
}

.rotating-pop.show {
    opacity: 1;
    pointer-events: auto
}

.rotating-phone-wrap {
    position: relative;
    width: 40vw;
    height: 40vw
}

.rotating-phone-wrap .rotating-phone-mr01 {
    position: absolute;
    width: 40vw;
    height: 40vw;
    animation: rotate-center 2s ease-in-out infinite;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.rotating-phone-wrap .rotating-phone-mr02 {
    position: absolute;
    width: 40vw;
    height: 40vw;
    opacity: .6;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.rotating-phone-wrap .rotating-phone-mr03 {
    position: absolute;
    width: 40vw;
    height: 40vw;
    animation: rotate-arrow 2s ease-in-out infinite;
    opacity: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.rotating-phone-wrap .rotating-phone-light {
    position: absolute;
    width: 40vw;
    height: 40vw;
    animation: phone-light 2s ease-in infinite;
    opacity: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.rotating-phone-wrap .dots-01 {
    position: absolute;
    top: 6.1333333333vw;
    left: 6.1333333333vw;
    width: .5333333333vw;
    height: .5333333333vw;
    animation: fade-out-01 2s ease-in-out infinite;
    border-radius: 50%;
    opacity: 0;
    background: #fa0
}

.rotating-phone-wrap .dots-02 {
    position: absolute;
    top: 5.3333333333vw;
    left: 6.4vw;
    width: .8vw;
    height: .8vw;
    animation: fade-out-02 2s ease-in-out infinite;
    border-radius: 50%;
    opacity: 0;
    background: #f8ea45
}

.rotating-phone-wrap .dots-03 {
    position: absolute;
    top: 6.4vw;
    left: 6.4vw;
    width: .8vw;
    height: .8vw;
    animation: fade-out-03 2s ease-in-out infinite;
    border-radius: 50%;
    opacity: 0;
    background: #fa0
}

.rotating-phone-wrap .dots-04 {
    position: absolute;
    top: 6.4vw;
    left: 6.4vw;
    width: .5333333333vw;
    height: .5333333333vw;
    animation: fade-out-04 2s ease-in-out infinite;
    border-radius: 50%;
    opacity: 0;
    background: #f8ea45
}

.phone-rotating-tips {
    position: fixed;
    bottom: 10%;
    width: 90%;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.phone-rotating-tips .item-icon {
    display: inline-block;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-right: 1.3333333333vw;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle
}

@keyframes rotate-center {
    0% {
        transform: rotate(0)
    }

    35% {
        transform: rotate(-120deg)
    }

    60% {
        transform: rotate(-70deg)
    }

    70% {
        transform: rotate(-90deg)
    }

    90% {
        transform: rotate(-90deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes fade-out-01 {
    0% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    34% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    35% {
        transform: translate(0) translateY(0);
        opacity: 1
    }

    50% {
        transform: translate(20px) translateY(-30px);
        opacity: 0
    }

    to {
        transform: translate(0) translateY(0);
        opacity: 0
    }
}

@keyframes fade-out-02 {
    0% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    34% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    35% {
        transform: translate(0) translateY(0);
        opacity: 1
    }

    50% {
        transform: translate(-5px) translateY(-20px);
        opacity: 0
    }

    0% {
        transform: translate(0) translateY(0);
        opacity: 0
    }
}

@keyframes fade-out-03 {
    0% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    34% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    35% {
        transform: translate(0) translateY(0);
        opacity: 1
    }

    50% {
        transform: translate(-10px) translateY(-5px);
        opacity: 0
    }

    0% {
        transform: translate(0) translateY(0);
        opacity: 0
    }
}

@keyframes fade-out-04 {
    0% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    34% {
        transform: translate(0) translateY(0);
        opacity: 0
    }

    35% {
        transform: translate(0) translateY(0);
        opacity: 1
    }

    50% {
        transform: translate(-8px) translateY(15px);
        opacity: 0
    }

    0% {
        transform: translate(0) translateY(0);
        opacity: 0
    }
}

@keyframes rotate-arrow {
    0% {
        transform: rotate(30deg);
        opacity: 0
    }

    35% {
        transform: rotate(-10deg);
        opacity: 1
    }

    60% {
        transform: rotate(20deg);
        opacity: 1
    }

    70% {
        transform: rotate(20deg);
        opacity: .5
    }

    90% {
        transform: rotate(20deg);
        opacity: 0
    }

    to {
        transform: rotate(30deg);
        opacity: 0
    }
}

@keyframes phone-light {
    0% {
        opacity: 0
    }

    69% {
        opacity: 0
    }

    70% {
        opacity: .4
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: .4
    }

    91% {
        opacity: 0
    }
}

.lobby-wrap {
    display: block;
    padding: 2.1333333333vw 0;
    background: #f5f5f5
}

.lobby-wrap .lobby-area {
    padding: 2.1333333333vw 0 0
}

.lobby-wrap .lobby-area:last-child {
    padding: 2.1333333333vw 0
}

.lobby-wrap .lobby-title {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.6666666667vw 1.0666666667vw
}

.lobby-wrap .lobby-title h2 {
    color: #14805e
}

.lobby-wrap .lobby-title .lobby-arrow {
    display: block;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background: #14805eb3;
    mask-repeat: no-repeat;
    mask-position: center top;
    mask-size: 70%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -webkit-mask-size: 70%
}

.lobby-wrap .lobby-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2.6666666667vw 0 2.6666666667vw 2.6666666667vw;
    overflow: auto
}

.lobby-wrap .lobby-list .lobby-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: none;
    width: 44vw;
    padding: 0;
    margin: 0 2.6666666667vw 0 0;
    background: #fff;
    background: #111;
    border-radius: 1.6vw;
    box-shadow: 0 0 1.6vw #0130494d
}

.lobby-wrap .lobby-list .lobby-item .lobby-icon {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28vw;
    border-radius: 1.6vw;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.lobby-wrap .lobby-list .lobby-item .lobby-icon img {
    width: 100%;
    height: 100%
}

.lobby-wrap .lobby-list .lobby-item .lobby-text {
    font-size: 3.2vw;
    padding: 2.1333333333vw 2.6666666667vw;
    font-weight: 700;
    color: #14805e
}

.lobby-wrap .tag {
    position: absolute;
    left: 0;
    bottom: -1px;
    border-radius: 0 .8vw 0 0;
    padding: .5333333333vw 1.6vw .8vw;
    font-size: 3.2vw;
    transform: scale(.8);
    transform-origin: left bottom;
    text-shadow: 0 0 1px rgba(0,0,0,.3)
}

.lobby-wrap .tag.new {
    color: #fff;
    background: #ffae12
}

.card-banner {
    margin-bottom: 2.6666666667vw
}

.card-banner li {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: -1.3333333333vw;
    overflow: hidden;
    border-radius: 2.6666666667vw;
    background: #111;
    box-shadow: 0 .2666666667vw .8vw #000
}

.card-banner li:first-child {
    margin-top: 0
}

.card-banner li:last-child {
    border-bottom-left-radius: .8vw;
    border-bottom-right-radius: .8vw
}

.card-banner li a p {
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    background: linear-gradient(to bottom,#241b1b0d,#000);
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.card-banner li img {
    width: 100%;
    height: auto
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.games {
    width: 100%;
    height: auto
}

.games .jackpot {
    position: relative;
    width: 94.6666666667vw;
    height: 24vw;
    margin: 2.6666666667vw auto;
    background-position: center;
    background-size: cover
}

.games .jackpot .text {
    position: absolute;
    top: 50%;
    left: 8vw;
    transform: translateY(-50%);
    text-align: center
}

.games .jackpot h2 {
    margin-bottom: 1.3333333333vw;
    color: #fff;
    font-size: 4vw;
    text-shadow: 0 0 2.6666666667vw rgba(0,0,0,.5)
}

.games .jackpot span {
    display: block;
    color: #ffef3c;
    font-size: 7.4666666667vw;
    font-weight: 700;
    text-shadow: 0 0 2.6666666667vw rgba(0,0,0,.5)
}

.games .games-main {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2.1333333333vw;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.games .games-box {
    position: relative;
    width: 46vw;
    height: auto;
    margin: 0 1.3333333333vw 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.games .games-box .text {
    display: inline-flex;
    position: relative;
    width: 100%;
    height: auto;
    padding: 2.1333333333vw;
    background: #111;
    line-height: 1.3
}

.games .games-box .text h3 {
    width: 83%;
    overflow: hidden;
    color: #fff;
    font-size: 4vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.games .games-box .like {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
}

.games .games-box.new:before {
    content: "NEW";
    display: block;
    position: absolute;
    z-index: 1;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
    padding: 0 1.3333333333vw;
    border-right: .8vw;
    background: #008aff;
    color: #fff;
    font-size: 2.6666666667vw;
    line-height: 4.8vw;
    text-align: center
}

.games .pic {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 0
}

.games .pic img {
    width: 100%;
    height: 32vw
}

.promotion {
    width: 100%;
    height: auto
}

.promotion .promotion-main {
    padding: 0 2.6666666667vw
}

.promotion .prompt {
    padding: 4vw 0 5.3333333333vw;
    color: #999;
    font-size: 3.4666666667vw;
    text-align: center
}

.content-style h3 {
    margin-bottom: 1.3333333333vw;
    overflow: hidden;
    color: #111;
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-style h4 {
    margin-bottom: 2.1333333333vw;
    font-size: 3.7333333333vw;
    font-weight: 700
}

.content-style p {
    min-height: 6.6666666667vw;
    margin: 2.6666666667vw 0;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    word-wrap: break-word
}

.content-style a:not(.button) {
    display: inline-block;
    height: 100%;
    color: #14805e;
    text-decoration: underline
}

.content-style ol,.content-style ul {
    margin: 2.6666666667vw 0
}

.content-style ol li,.content-style ul li {
    margin: 0 0 1.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw
}

.content-style ol li {
    margin: 0 0 1.3333333333vw 4vw;
    list-style-type: decimal;
    text-indent: 0
}

.content-style .table {
    width: 100%;
    margin-bottom: 4vw;
    padding: .5333333333vw;
    overflow-x: scroll;
    overflow-y: hidden;
    border: .2666666667vw solid rgba(153,153,153,.3);
    text-align: left;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.content-style table {
    display: inline-block
}

.content-style table th,.content-style table td {
    width: 20%;
    padding: 2.1333333333vw;
    border: .2666666667vw solid rgba(153,153,153,.3);
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    text-align: center
}

.content-style table th {
    background: #14805e;
    color: #fff;
    font-weight: 700
}

.content-style .times {
    position: relative;
    margin-bottom: 2.6666666667vw;
    font-size: 3.4666666667vw
}

.content-style .times .item-icon {
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 80%;
    vertical-align: middle
}

.content-style .game-platform ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 2.6666666667vw
}

.content-style .game-platform li {
    flex: 0 0 23%;
    margin-right: 2%;
    font-weight: 500
}

.content-style .game-platform img {
    width: 100%;
    height: auto
}

.content-style .button {
    width: 100%
}

.content-style .button .toggle {
    display: inline-block;
    position: relative;
    width: 4vw;
    height: 4vw;
    margin-right: .8vw;
    transition: all .3s;
    border-radius: 4vw;
    background: #fff;
    vertical-align: middle
}

.content-style .button .toggle:before,.content-style .button .toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.1333333333vw;
    height: .4vw;
    transform: translate(-50%,-50%);
    border-radius: .5333333333vw;
    background: #14805e
}

.content-style .button .toggle:after {
    width: .4vw;
    height: 2.1333333333vw
}

.content-style .button-box {
    display: flex
}

.content-style .button-box .button {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden
}

.content-style .button-box .button:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: linear-gradient(to bottom,#fff3,#fff0);
    width: 100%;
    height: 100%
}

.content-style .button-box .button+.button {
    margin-left: 2.6666666667vw
}

.content-style .button-box .button__apply {
    color: #000;
    background: #14805e
}

.content-style .button-box .button__attend {
    color: #fff;
    background: #28b849
}

.content-style .button-box .button__request,.content-style .button-box .button__joined {
    color: #fff;
    background: #666
}

.promotion-box {
    position: relative;
    width: 94.6666666667vw;
    height: 68vw;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background: #fff;
    color: #111
}

.promotion-box.promotion-toggle {
    height: auto
}

.promotion-box.promotion-toggle.active .text-main {
    max-height: 800vw
}

.promotion-box.promotion-toggle.active .text-main h3,.promotion-box.promotion-toggle.active .text-main p {
    overflow: auto;
    text-overflow: inherit;
    white-space: normal
}

.promotion-box.promotion-toggle.active .button .toggle {
    transform: rotate(225deg)
}

.promotion-box.new:before {
    content: "NEW";
    display: block;
    position: absolute;
    z-index: 2;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
    padding: 0 1.3333333333vw;
    border-right: .8vw;
    background: #008aff;
    color: #fff;
    font-size: 2.6666666667vw;
    line-height: 4.8vw;
    text-align: center
}

.promotion-box .pic {
    position: relative;
    width: 100%;
    height: 31.4666666667vw
}

.promotion-box .pic img {
    display: block;
    width: 100%;
    height: 100%
}

.promotion-box .pic .item-bg {
    content: "";
    display: block;
    position: absolute;
    bottom: -1.3333333333vw;
    left: 0;
    width: 100%;
    height: 2.6666666667vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center top;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -webkit-mask-size: 100%
}

.promotion-box .cutoff {
    position: absolute;
    right: 2.6666666667vw;
    bottom: 4vw;
    width: auto;
    height: 6.6666666667vw;
    padding: 0 2.6666666667vw;
    border-right: .8vw;
    background: #ffae12;
    color: #fff;
    font-size: 3.2vw;
    line-height: 6.6666666667vw;
    text-align: center
}

.promotion-box .promotion-box-inner {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    padding: 2.6666666667vw
}

.promotion-box .promotion-box-inner .text-main {
    display: block;
    width: 100%;
    max-height: 12.8vw;
    overflow: hidden;
    transition: all .6s
}

.button-box {
    display: block;
    overflow: hidden
}

.promo-code-form {
    margin-bottom: 4.2666666667vw
}

.promo-code-form .input-group {
    height: 8vw;
    padding-bottom: 0;
    border-radius: 1.3333333333vw
}

.promo-code-form .input-group .promo-code-add-btn {
    position: absolute;
    text-align: center;
    line-height: 8vw;
    border-radius: 0 3px 3px 0;
    opacity: 1;
    background: #14805e;
    color: #fff;
    inset: 0 0 0 auto;
    width: 12vw;
    height: 8vw;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 1.6vw
}

.promo-code-form .input-group input {
    height: 8vw;
    background: #292929;
    color: #14805e
}

.promo-code-form .input-group input::placeholder {
    color: #999
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.custom-promo-code-form {
    margin-bottom: 3.7333333333vw
}

.custom-promo-code-form .promo-code-title {
    cursor: pointer;
    opacity: 1;
    display: block;
    color: #fff;
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
    display: flex;
    align-items: center
}

.custom-promo-code-form .promo-code-title .icon-arrow {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    padding-top: .5333333333vw;
    margin-left: 2.6666666667vw;
    transition: transform .3s;
    background: #fff
}

.custom-promo-code-form .promo-code-title.fold .icon-arrow {
    transform: rotateX(180deg)
}

.custom-promo-code-form .promo-code-title:hover {
    opacity: .7
}

.custom-promo-code-form .input-group {
    height: 13.3333333333vw;
    padding-bottom: 0;
    border-radius: 1.3333333333vw;
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
    transition: height .3s
}

.custom-promo-code-form .input-group .promo-code-add-btn {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 0 3px 3px 0;
    padding: 0 1.3333333333vw;
    opacity: 1;
    background: #14805e;
    color: #fff;
    inset: 0 0 0 auto;
    min-width: 18.6666666667vw;
    max-width: 37.3333333333vw;
    height: 13.3333333333vw;
    transition: height .3s
}

.custom-promo-code-form .input-group .promo-code-add-btn span {
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.custom-promo-code-form .input-group .promo-code-add-btn:hover {
    opacity: .7
}

.custom-promo-code-form .input-group .icon-loader {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    background: #fff;
    animation: spin 2s linear infinite
}

.custom-promo-code-form .input-group input {
    height: 13.3333333333vw;
    padding: 0 3.2vw;
    transition: height .3s;
    font-size: 3.7333333333vw;
    background: #292929;
    color: #14805e
}

.custom-promo-code-form .input-group input:focus {
    padding: 0 2.9333333333vw;
    border: .2666666667vw solid #14805e
}

.custom-promo-code-form .input-group input::placeholder {
    font-size: 3.7333333333vw
}

.custom-promo-code-form .input-group.fold,.custom-promo-code-form .input-group.fold input,.custom-promo-code-form .input-group.fold .promo-code-add-btn {
    height: 0vw
}

.custom-promo-code-form .input-group.fold .promo-code-add-btn span {
    display: none
}

.custom-promo-code-form .promo-code-msg {
    font-size: 3.7333333333vw;
    display: flex;
    align-items: center
}

.custom-promo-code-form .promo-code-msg .icon {
    flex-shrink: 0;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.6vw;
    padding: .5333333333vw;
    display: none
}

.custom-promo-code-form .promo-code-msg.error {
    color: #d15454
}

.custom-promo-code-form .promo-code-msg.error .icon-error {
    display: block;
    background: #d15454
}

.custom-promo-code-form .promo-code-msg.success {
    color: #28b849
}

.custom-promo-code-form .promo-code-msg.success .icon-success {
    display: block;
    background: #28b849
}

.custom-promo-code-form .icon {
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 90%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 90%
}

.recommend {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw 0 2.6666666667vw 2.6666666667vw;
    background: #111
}

.recommend .recommend-title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 2.6666666667vw 0
}

.recommend .recommend-title h2 {
    display: flex;
    color: #fff;
    font-size: 4vw;
    font-weight: 700
}

.recommend .recommend-title h2:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background: #14805e;
    border-radius: .5333333333vw;
    vertical-align: middle
}

.recommend .recommend-bg {
    width: 100%;
    height: auto
}

.recommend .recommend-bg .recommend-main {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.recommend-card {
    display: inline-block;
    position: relative;
    width: 72vw;
    height: 41.3333333333vw;
    margin: 1.3333333333vw 2.6666666667vw 1.3333333333vw 0;
    box-shadow: 0 0 .8vw #000c;
    vertical-align: top;
    overflow: hidden;
    border-radius: 1.3333333333vw;
    background: none;
    line-height: 0
}

.recommend-card:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 1.3333333333vw #ffffff80
}

.recommend-card a {
    display: block;
    text-decoration: none
}

.recommend-card>a {
    height: 100%
}

.recommend-card>a>img {
    width: 100%;
    height: 100%
}

.games .recommend-main {
    display: block
}

.games .recommend-main .games-box {
    display: inline-block;
    margin: 0 2.6666666667vw 0 0;
    line-height: 0;
    vertical-align: top
}

.games .recommend-main .games-box .text {
    line-height: 1.3
}

.content .aboutus-wrap {
    min-height: 100vh
}

.aboutus-body {
    flex: 1
}

.article-content {
    width: 100%;
    padding: 0 4vw
}

.article-content-title {
    margin: 5.3333333333vw 0 2.6666666667vw;
    color: #14805e;
    font-size: 4.2666666667vw;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5
}

.article-content i {
    font-weight: 700
}

.article-detail {
    margin-bottom: 5.3333333333vw;
    line-height: 1.5
}

.article-detail-tile {
    color: #d9d9d9;
    font-weight: 700;
    margin-bottom: 1.3333333333vw
}

.article-detail-sub-tile {
    color: #d9d9d9;
    font-size: 3.4666666667vw;
    font-style: italic;
    font-weight: 700
}

.article-detail-content .text {
    width: inherit;
    margin-bottom: 5.3333333333vw;
    color: #d9d9d9;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.article-detail-content .list-number,.article-detail-content .list-number-suffix-parentheses,.article-detail-content .list-lower-alpha,.article-detail-content .list-dot,.article-detail-content .list-circle,.article-detail-content .list-square {
    width: inherit;
    margin-bottom: 5.3333333333vw;
    margin-left: 5.3333333333vw;
    color: #d9d9d9;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.article-detail-content .list-number>li,.article-detail-content .list-number-suffix-parentheses>li,.article-detail-content .list-lower-alpha>li,.article-detail-content .list-dot>li,.article-detail-content .list-circle>li,.article-detail-content .list-square>li {
    display: list-item;
    padding-bottom: 1.3333333333vw;
    counter-increment: li
}

.article-detail-content .list-number li {
    list-style: decimal
}

.article-detail-content .list-dot li {
    list-style: disc
}

.article-detail-content .list-circle li {
    list-style: circle
}

.article-detail-content .list-square li {
    list-style: square
}

.article-detail-content .list-number-suffix-parentheses,.article-detail-content .list-lower-alpha {
    position: relative;
    counter-reset: count
}

.article-detail-content .list-number-suffix-parentheses>li,.article-detail-content .list-lower-alpha>li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    counter-increment: count
}

.article-detail-content .list-number-suffix-parentheses>li>span,.article-detail-content .list-lower-alpha>li>span {
    flex: 1
}

.article-detail-content .list-number-suffix-parentheses>li:before,.article-detail-content .list-lower-alpha>li:before {
    display: inline-block;
    margin-right: 1.3333333333vw
}

.article-detail-content .list-number-suffix-parentheses>li:before {
    content: counter(count) ") "
}

.article-detail-content .list-lower-alpha>li:before {
    content: counter(count,lower-alpha) "."
}

.article-detail-content li .list-number,.article-detail-content li .list-number-suffix-parentheses,.article-detail-content li .list-lower-alpha,.article-detail-content li .list-dot,.article-detail-content li .list-circle {
    margin-bottom: 0
}

.article-detail-content .point {
    display: block;
    margin-left: 4vw
}

.article-detail-content .point:before {
    display: block;
    content: "\25b8";
    margin-right: 2.1333333333vw;
    margin-left: -4vw;
    color: #14805e
}

.article-detail-content .point-list>li {
    display: block;
    width: 100%
}

.article-detail-content .link {
    display: block;
    color: #ffdf1a
}

.table {
    margin-bottom: 5.3333333333vw;
    border: #999999;
    border-style: solid;
    border-width: .2666666667vw;
    background: transparent;
    line-height: 1.4;
    font-size: 3.2vw
}

.table-title {
    padding: 0 2.6666666667vw;
    border-bottom: 0;
    color: #14805e;
    background: #14805e;
    border: #999999;
    text-align: center;
    vertical-align: middle
}

.table td {
    padding: 1.3333333333vw;
    border: #999999;
    color: #d9d9d9
}

.table tr {
    border-bottom: .2666666667vw solid #999999
}

.txt-center {
    text-align: center
}

.games-empty-container {
    display: inline-block;
    width: 90%;
    height: auto;
    margin-bottom: 5.3333333333vw;
    padding-top: 30px;
    background: #fffc;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    border-radius: .8vw;
    box-shadow: 0 2px 2px 1px #0001a,0 4px 4px 1px #0001a,0 8px 8px 1px #0001a,0 16px 16px 1px #0001a,0 32px 32px 1px #0001a
}

.games-empty-container .bottom-inner {
    width: 100%;
    height: 40vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.games-empty-container .top-inner {
    width: 100%;
    text-align: center
}

.games-empty-container .top-inner h3,.games-empty-container .top-inner h4 {
    color: #14805e
}

.games-empty-container .top-inner h3 {
    display: inline-block;
    font-size: 18.1333333333vw;
    font-family: Impact,Helvetica,Tahoma,sans-serif;
    vertical-align: middle;
    line-height: normal
}

.games-empty-container .top-inner h4 {
    margin-bottom: 8vw;
    font-size: 4.8vw;
    opacity: .8;
    line-height: 1.8
}

.games-empty-container .top-inner .button {
    display: inline-block;
    width: auto;
    min-width: 50%;
    height: 45px;
    padding: 0 10px;
    line-height: 45px;
    text-decoration: none
}

.content-full-height {
    text-align: center
}

.logo-box {
    display: flex;
    position: relative;
    width: 53.3333333333vw;
    height: 12vw;
    margin: 4vw auto 1.3333333333vw;
    border: 0;
    background: no-repeat center center/contain;
    overflow: hidden
}

.member-content .inputbox label,.register-content .inputbox label {
    text-align: left
}

.inputbox.phone {
    display: flex
}

.inputbox.phone .phone-area-code {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 28vw;
    width: 20%;
    transform: translateY(-50%)
}

.inputbox.phone .phone-area-code .btn-select {
    color: #14805e
}

.inputbox.phone .phone-area-code .btn-select span {
    margin-left: 0
}

.inputbox.phone .phone-area-code .phone-code-list {
    top: 10.6666666667vw
}

.inputbox.phone .phone-area-code .phone-code-list span {
    color: #14805e
}

.inputbox-tip {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    height: 100%;
    left: 21.3333333333vw
}

.inputbox-tip__icon {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    cursor: pointer
}

.inputbox-tip__icon:hover+.inputbox-tip-content {
    opacity: 1
}

.inputbox-tip__content {
    position: absolute;
    opacity: 0;
    width: 74.6666666667vw;
    top: 11.2vw;
    left: -8.5333333333vw;
    border-radius: .8vw;
    background: #8c8c8c;
    text-wrap: wrap;
    transition: opacity .3s ease-in-out;
    pointer-events: none;
    cursor: auto
}

.inputbox-tip__content p {
    padding: 10px;
    text-align: left;
    color: #fff;
    white-space: normal
}

.inputbox-tip__content:before {
    content: "";
    position: absolute;
    display: block;
    left: 8vw;
    top: -4.2666666667vw;
    border: 2.6666666667vw solid;
    border-color: transparent transparent #8c8c8c transparent
}

.inputbox-tip-content--show {
    opacity: 1;
    pointer-events: initial;
    cursor: pointer
}

.register-content {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 10px
}

.register-content p {
    color: #fff;
    font-size: 3.2vw;
    text-align: center
}

.register-content .button {
    width: 94.6666666667vw;
    font-size: 4vw
}

.register-content .button:not(.btn-vcode) {
    height: 12vw;
    margin: 2.6666666667vw auto;
    line-height: 12vw
}

.register-content .input-group label,.register-content .option-group label {
    font-size: 3.4666666667vw;
    text-align: left
}

.register-content .input-group [type=text],.register-content .input-group [type=number],.register-content .input-group [type=password],.register-content .input-group .btn-select,.register-content .input-group .phone-code-list span,.register-content .input-group .currency-code-list span,.register-content .option-group [type=text],.register-content .option-group [type=number],.register-content .option-group [type=password],.register-content .option-group .btn-select,.register-content .option-group .phone-code-list span,.register-content .option-group .currency-code-list span {
    font-size: 3.4666666667vw
}

.register-content .verification-wrap input {
    flex: 1;
    margin-right: 10px
}

.register-content .tab-btn-page {
    position: fixed
}

.register-content .tab-content-page {
    min-height: 90vh
}

.register-content .select-group [type=checkbox]+label span {
    white-space: normal
}

.currency-wrap,.phone-wrap,.social-wrap {
    display: flex;
    flex-flow: row nowrap
}

.currency-wrap p,.phone-wrap p,.social-wrap p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.phone-area-code {
    flex: 0 0 32%;
    margin-right: 10px
}

.currency-area-code {
    width: 100%
}

.social-area-code {
    flex: 0 0 48%;
    margin-right: 10px
}

.phone-info {
    display: flex;
    flex-flow: row nowrap;
    width: 100%
}

.vodiapicker {
    display: none
}

.lang-select {
    position: relative;
    font-size: 3.7333333333vw
}

.phone-code-list,.currency-code-list,.social-code-list {
    position: absolute;
    z-index: 105;
    top: 12vw;
    left: 0;
    width: 100%;
    max-height: 40vw;
    padding: 0 2.6666666667vw;
    overflow: auto;
    border-radius: 5px;
    background: #292929;
    box-shadow: 0 0 3px #0004d
}

.phone-code-list li,.currency-code-list li,.social-code-list li {
    margin-bottom: 0;
    padding: 2.6666666667vw 0;
    list-style: none
}

.phone-code-list img,.currency-code-list img,.social-code-list img {
    margin: 5px;
    border-radius: 50%;
    box-shadow: 0 0 2px #000c
}

.phone-code-list span,.currency-code-list span,.social-code-list span {
    color: #14805e;
    font-size: 3.2vw
}

.phone-code-list img,.currency-code-list img,.social-code-list img,.btn-select img {
    width: 8vw;
    margin-right: 2.6666666667vw;
    border-radius: 50%;
    box-shadow: 0 0 2px #000b3
}

.phone-code-list img,.phone-code-list span,.currency-code-list img,.currency-code-list span,.social-code-list img,.social-code-list span,.btn-select img,.btn-select span {
    display: inline-block;
    vertical-align: middle
}

.phone-code-list-group,.currency-code-list-group,.social-code-list-group {
    display: none;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 6px 12px #0003
}

.open {
    display: show!important
}

.btn-select {
    position: relative;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    border: 0;
    border-radius: .8vw;
    background: #292929;
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 300
}

.btn-select li {
    padding-bottom: 0;
    float: left;
    list-style: none
}

.btn-select:hover li {
    margin-left: 0
}

.btn-select:focus {
    outline: none
}

.btn-select:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 5.3333333333vw;
    right: 2.6666666667vw;
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #14805e transparent transparent
}

.btn-select:disabled {
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    background: none;
    border-radius: 0
}

.option-group .phone-area-code,.option-group .social-area-code {
    flex: 0 0 100%;
    margin-right: 0
}

.vcode-group .btn-vcode {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%
}

.resend-set {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 2.1333333333vw;
    color: #ffdf1a;
    font-size: 3.2vw;
    line-height: 10.6666666667vw
}

.resend-set.active {
    display: inline-block
}

.btn-vcode {
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    transition: .3s;
    background: #ffdf1a;
    font-size: 3.4666666667vw;
    line-height: 0
}

.btn-vcode>i,.btn-vcode p {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.btn-vcode p {
    padding: 0;
    color: #fff;
    font-size: 3.7333333333vw;
    line-height: 10.6666666667vw
}

.btn-vcode p span {
    display: none;
    width: 3px;
    height: 3px;
    margin-left: 3px;
    border-radius: 50%;
    background: #fff
}

.btn-vcode.active {
    padding: 0;
    animation: btnmove .4s forwards ease-in
}

.btn-vcode.active .line {
    animation: none;
    opacity: 0
}

.btn-vcode.active.sending {
    opacity: 0
}

@keyframes btnmove {
    0% {
        right: 0%
    }

    99% {
        right: -100%
    }

    to {
        width: 0
    }
}

.btn-vcode.resend {
    padding: 0 2.6666666667vw;
    animation: resend .3s forwards ease-in
}

.btn-vcode.resend .svg-mail {
    transform-origin: left;
    animation: mail .6s ease-in-out alternate-reverse infinite
}

@keyframes mail {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes resend {
    0% {
        right: -100%
    }

    to {
        right: 0%
    }
}

.btn-vcode.sending {
    background: #928670;
    pointer-events: none
}

.btn-vcode.sending .svg-phone {
    left: 0;
    opacity: 1
}

.btn-vcode.sending .svg-mail {
    width: 8vw;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 30%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30%
}

.btn-vcode.sending .line {
    animation: none;
    opacity: 0
}

.btn-vcode.sending p span {
    display: inline-block
}

.btn-vcode.mail-rotate .svg-mail {
    transform-origin: center;
    animation: mailani .3s ease-out alternate-reverse infinite
}

@keyframes mailani {
    0% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(5deg)
    }
}

.sms-svg-group {
    display: inline-block;
    position: relative;
    width: auto;
    height: 10.6666666667vw;
    vertical-align: middle
}

.sms-svg-group .svg-sms {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(1)
}

.sms-svg-group .path-sms {
    fill: transparent
}

.svg-phone {
    display: block;
    position: absolute;
    bottom: 5px;
    left: -10px;
    width: 8vw;
    height: 8vw;
    transition: .3s;
    opacity: 0;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.svg-mail-group {
    width: 8vw;
    height: 100%
}

.svg-mail-group .line {
    position: absolute;
    top: 50%;
    left: -13px;
    width: 3.2vw;
    transform: translateY(-49%)
}

.svg-mail-group .line li {
    width: 100%;
    height: 2px;
    margin: 1px 0;
    float: right;
    border-radius: 3px;
    background: #fff
}

.svg-mail-group .line li:first-child {
    width: 70%
}

.svg-mail-group .line li:last-child {
    width: 50%
}

.svg-mail-outer,.svg-mail {
    height: 100%;
    transition: .3s
}

.svg-mail {
    height: 100%;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.verification-wrap,.verification-wrap .verification-code {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.verification-wrap .verification-code img {
    height: 10.6666666667vw;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .8vw
}

.verification-wrap .refresh {
    width: 8vw;
    height: 8vw;
    transform-origin: center;
    transition: .3s;
    border-radius: .8vw;
    background: #fff;
    mask-image: url(/assets/images/icon-set/icon-refresh-type01.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-refresh-type01.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.verification-wrap .refresh.active {
    animation: rotate 1s forwards
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2.5turn)
    }
}

.register-tip {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 5.3333333333vw;
    border: .2666666667vw solid #ffdf1a;
    color: #ffdf1a;
    border-radius: .8vw;
    line-height: 0
}

.register-tip label,.register-tip span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1.3333333333vw;
    line-height: 1.2
}

.register-tip label {
    background: #ffdf1a;
    color: #111
}

.member-box .password-condition {
    position: relative
}

.member-box .password-condition p {
    text-align: left;
    padding: 1.6vw 4.8vw;
    background: #111;
    color: #999;
    font-size: 3.2vw
}

.member-box .password-condition:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 94.6666666667vw;
    height: 1px;
    background: #9999994d
}

.member-box .custom-password-setting:after {
    border-bottom: 2px dotted rgba(153,153,153,.3);
    background: transparent
}

.reguster-success-body {
    background: #111
}

.reguster-success-fast-body {
    display: flex;
    flex-direction: inherit;
    align-items: center;
    justify-content: center;
    background: var(--fast-register-success-bg);
    text-align: center
}

.reguster-success-fast-body .register-success-cont {
    width: 90%
}

.reguster-success-fast-body .register-success-cont .top-inner h3 {
    color: #28b849
}

.reguster-success-fast-body .register-success-cont .top-inner h4 {
    color: #1d8635
}

.reguster-success-fast-body .register-success-cont .top-inner>p {
    color: #ddd
}

.reguster-success-fast-body .register-success-btn {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

.reguster-success-fast-body .register-success-btn>.btn-default {
    width: 100%;
    margin: 0
}

.reguster-success-fast-body .register-success-btn .button {
    flex: 1 1 auto;
    margin: 0 5px 10px;
    border: 0
}

.reguster-success-fast-body .success-checkmark .check-icon {
    border: 1.0666666667vw solid #28b849
}

.reguster-success-fast-body .success-checkmark .check-icon:before,.reguster-success-fast-body .success-checkmark .check-icon:after {
    background: #111
}

.reguster-success-fast-body .success-checkmark .check-icon .icon-line {
    background: #28b849
}

.reguster-success-fast-body .success-checkmark .check-icon .icon-fix {
    background: #111
}

.success-checkmark {
    width: 24vw;
    height: 25.3333333333vw;
    margin: 0 auto;
    overflow: hidden
}

.success-checkmark .check-icon {
    position: relative;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid #28b849;
    border-radius: 50%
}

.success-checkmark .check-icon:before {
    top: .8vw;
    left: -.5333333333vw;
    width: 8vw;
    transform-origin: 100% 50%;
    border-radius: 26.6666666667vw 0 0 26.6666666667vw
}

.success-checkmark .check-icon:after {
    top: 0;
    left: 8vw;
    width: 16vw;
    transform-origin: 0 50%;
    animation: rotate-circle 4s ease-in;
    border-radius: 0 26.6666666667vw 26.6666666667vw x 0
}

.success-checkmark .check-icon:before,.success-checkmark .check-icon:after {
    content: "";
    position: absolute;
    height: 26.6666666667vw;
    transform: rotate(-45deg);
    background: #fff
}

.success-checkmark .check-icon .icon-line {
    display: block;
    position: absolute;
    z-index: 10;
    height: 1.3333333333vw;
    border-radius: .5333333333vw;
    background: #28b849
}

.success-checkmark .check-icon .icon-line.line-tip {
    top: 12.2666666667vw;
    left: 3.7333333333vw;
    width: 6.6666666667vw;
    transform: rotate(45deg);
    animation: icon-line-tip .7s
}

.success-checkmark .check-icon .icon-line.line-long {
    top: 10.1333333333vw;
    right: 2.1333333333vw;
    width: 12.5333333333vw;
    transform: rotate(-45deg);
    animation: icon-line-long .7s
}

.success-checkmark .check-icon .icon-circle {
    position: absolute;
    z-index: 10;
    top: -1.0666666667vw;
    left: -1.0666666667vw;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid rgba(40,184,73,.5);
    border-radius: 50%
}

.success-checkmark .check-icon .icon-fix {
    position: absolute;
    z-index: 1;
    top: 2.1333333333vw;
    left: 6.9333333333vw;
    width: 1.3333333333vw;
    height: 22.6666666667vw;
    transform: rotate(-45deg);
    background: #fff
}

.fail-checkmark {
    width: 24vw;
    height: 25.3333333333vw;
    margin: 0 auto;
    overflow: hidden
}

.fail-checkmark .check-icon {
    position: relative;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid #d15454;
    border-radius: 50%
}

.fail-checkmark .check-icon:before {
    top: .8vw;
    left: -.5333333333vw;
    width: 8vw;
    transform-origin: 100% 50%;
    border-radius: 26.6666666667vw 0 0 26.6666666667vw
}

.fail-checkmark .check-icon:after {
    top: 0;
    left: 8vw;
    width: 16vw;
    transform-origin: 0 50%;
    animation: rotate-circle 4s ease-in;
    border-radius: 0 26.6666666667vw 26.6666666667vw x 0
}

.fail-checkmark .check-icon:before,.fail-checkmark .check-icon:after {
    content: "";
    position: absolute;
    height: 26.6666666667vw;
    transform: rotate(-45deg);
    background: #fff
}

.fail-checkmark .check-icon .icon-line {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 0;
    height: 1.3333333333vw;
    transform-origin: left;
    border-radius: .5333333333vw;
    background: #d15454
}

.fail-checkmark .check-icon .icon-line.line-tip {
    transform: rotate(45deg) translate(-50%);
    animation: icon-line .4s .5s forwards
}

.fail-checkmark .check-icon .icon-line.line-long {
    transform: rotate(-45deg) translate(-50%);
    animation: icon-line .4s .5s forwards
}

.fail-checkmark .check-icon .icon-circle {
    position: absolute;
    z-index: 10;
    top: -1.0666666667vw;
    left: -1.0666666667vw;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid rgba(209,84,84,.5);
    border-radius: 50%
}

.fail-checkmark .check-icon .icon-fix {
    position: absolute;
    z-index: 1;
    top: 2.1333333333vw;
    left: 6.9333333333vw;
    width: 1.3333333333vw;
    height: 22.6666666667vw;
    transform: rotate(-45deg);
    background: #fff
}

@keyframes icon-line {
    0% {
        width: 0
    }

    to {
        width: 13.3333333333vw
    }
}

@keyframes icon-line-tip {
    0% {
        top: 5.0666666667vw;
        left: .2666666667vw;
        width: 0
    }

    54% {
        top: 5.0666666667vw;
        left: .2666666667vw;
        width: 0
    }

    70% {
        top: 9.8666666667vw;
        left: -2.1333333333vw;
        width: 13.3333333333vw
    }

    84% {
        top: 12.8vw;
        left: 5.6vw;
        width: 4.5333333333vw
    }

    to {
        top: 12vw;
        left: 3.7333333333vw;
        width: 6.6666666667vw
    }
}

@keyframes icon-line-long {
    0% {
        top: 14.4vw;
        right: 12.2666666667vw;
        width: 0
    }

    65% {
        top: 14.4vw;
        right: 12.2666666667vw;
        width: 0
    }

    84% {
        top: 9.3333333333vw;
        right: 0;
        width: 14.6666666667vw
    }

    to {
        top: 10.1333333333vw;
        right: 2.1333333333vw;
        width: 12.5333333333vw
    }
}

.register-success-wrap,.register-fail-wrap,.pop-biometric-success {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 13.3333333333vw 5.3333333333vw;
    transform: translate(-50%,-50%);
    border-radius: 2.6666666667vw;
    background: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 .5333333333vw .5333333333vw .2666666667vw #0001a,0 1.0666666667vw 1.0666666667vw .2666666667vw #0001a,0 2.1333333333vw 2.1333333333vw .2666666667vw #0001a,0 4.2666666667vw 4.2666666667vw .2666666667vw #0001a,0 8.5333333333vw 8.5333333333vw .2666666667vw #0001a;
    font-size: 0;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.register-success-wrap:before,.register-fail-wrap:before,.pop-biometric-success:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.register-success-cont,.register-fail-cont,.biometric-success-cont {
    display: inline-block;
    width: 98%;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: middle
}

.register-success-cont .top-inner h3,.register-fail-cont .top-inner h3,.biometric-success-cont .top-inner h3 {
    color: #14805e;
    font-family: Impact,Helvetica,Tahoma,sans-serif;
    font-size: 13.3333333333vw
}

.register-success-cont .top-inner h4,.register-fail-cont .top-inner h4,.biometric-success-cont .top-inner h4 {
    margin-bottom: 2.6666666667vw;
    color: #28b849;
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    word-break: keep-all
}

.register-success-cont .top-inner p,.register-fail-cont .top-inner p,.biometric-success-cont .top-inner p {
    max-height: 42.6666666667vw;
    margin-bottom: 3.7333333333vw;
    padding: 1.3333333333vw 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: #111;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    word-break: break-word
}

.register-success-cont .top-inner .link,.register-fail-cont .top-inner .link,.biometric-success-cont .top-inner .link {
    display: block;
    color: #ffdf1a;
    text-decoration: underline;
    white-space: nowrap
}

.register-success-cont .btn-default,.register-success-cont .btn-cancel,.register-fail-cont .btn-default,.register-fail-cont .btn-cancel,.biometric-success-cont .btn-default,.biometric-success-cont .btn-cancel {
    display: inline-block;
    width: auto;
    min-width: 40%;
    height: 12vw;
    padding: 0 2.6666666667vw;
    line-height: 12vw;
    text-decoration: none
}

.register-success-cont .btn-secondary,.register-fail-cont .btn-secondary,.biometric-success-cont .btn-secondary {
    margin-right: 2.6666666667vw;
    background: #ffdf1a
}

.register-success-cont .btn-cancel,.register-fail-cont .btn-cancel,.biometric-success-cont .btn-cancel {
    background: #0a3e2d
}

.register-fail-cont .top-inner h3 {
    color: #d15454;
    font-size: 12vw
}

.register-fail-cont .top-inner h4 {
    color: #d15454
}

.register-fail-cont .top-inner>p {
    padding: 0
}

.register-info-comfirm {
    margin-bottom: 10px;
    padding: 2.6666666667vw 4vw;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: .8vw;
    box-shadow: 0 0 8px #fff3;
    background: #152341
}

.register-info-comfirm .input-group {
    padding-bottom: 10px;
    background: transparent;
    line-height: 1.2
}

.register-info-comfirm .input-group .input-wrap.active:not(.recommomd-code) input {
    animation: inputShow .5s forwards .3s;
    opacity: 1
}

.register-info-comfirm .input-group .input-wrap:not(.recommomd-code) input {
    height: 0;
    padding: 0;
    border-width: 0
}

.register-info-comfirm .input-group label {
    display: block;
    color: #14805e;
    font-size: 3.7333333333vw;
    text-align: left
}

.register-info-comfirm .input-group input {
    display: block;
    background: #292929;
    font-size: 3.7333333333vw
}

.register-info-comfirm .input-wrap p {
    display: inline-block;
    color: #14805e;
    font-size: 4vw;
    line-height: 1.2;
    text-align: left;
    vertical-align: middle
}

.comfirm-info {
    text-align: left
}

.btn-edit-group,.register-success-btn {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

.btn-edit-group .button,.register-success-btn .button {
    flex: 1 1 auto;
    margin: 0 5px 10px;
    border: 0
}

@keyframes valueHide {
    0% {
        height: auto;
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes inputShow {
    0% {
        height: 0;
        padding: 0;
        border-width: 0
    }

    80% {
        height: 10.6666666667vw;
        border-width: .5333333333vw
    }

    to {
        height: 10.6666666667vw;
        padding: 2.9333333333vw;
        border-width: .5333333333vw
    }
}

.launch-game-content {
    position: fixed;
    inset: 0;
    pointer-events: none
}

.launch-game-loading {
    display: none;
    position: fixed;
    z-index: 4;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 53.3333333333vw;
    pointer-events: none
}

.launch-game-loading.select-logo .center-logo-bg {
    background: #fff;
    background: linear-gradient(180deg,#616161,#0b0c14)
}

.launch-game-loading.select-logo .center-logo-bg .sport-icon-svg {
    background: #39d89f;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat
}

.launch-game-loading.select-slot .center-logo-bg,.launch-game-loading.select-bn .center-logo-bg {
    background: #fff;
    background: linear-gradient(180deg,#616161,#0b0c14)
}

.launch-game-loading.select-bn .center-logo-bg .center-logo {
    object-position: 0%
}

.launch-game-loading.select-bn2 .center-logo-bg {
    background: #fff;
    background: linear-gradient(180deg,#616161,#0b0c14)
}

.launch-game-loading.select-bn2 .center-logo-bg .center-logo {
    object-position: 0%
}

.launch-game-loading.select-mini-game-logo .center-logo-bg {
    background-color: #fff;
    background-image: linear-gradient(180deg,#616161,#0b0c14)
}

.launch-game-loading.select-mini-game-logo .center-logo-bg .center-logo {
    transform: scale(1.5)
}

.launch-game-loading .center-logo-bg {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 5px;
    border-radius: 100%;
    background: linear-gradient(180deg,#616161,#0b0c14);
    overflow: hidden;
    box-shadow: 2px 8px 14px #0003,0 2px 4px #000,0 1px 30px #7f7f7f,inset 0 2px 4px #ffffffb3
}

.launch-game-loading .center-logo-bg .center-logo,.launch-game-loading .center-logo-bg .brand-logo {
    width: 100%;
    height: 100%
}

.launch-game-loading .center-logo-bg .center-logo {
    border-radius: 100%;
    object-fit: cover
}

.launch-game-loading .center-logo-bg .brand-logo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.launch-game-loading .loader-round {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0
}

.launch-game-loading .loading-bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,#0000,#000);
    transform: translateY(100%)
}

.launch-game-loading svg {
    max-width: 100%;
    max-height: 100%;
    transform: rotate(-90deg)
}

.launch-game-loading .circle {
    stroke-dasharray: 1680,1650;
    stroke-dashoffset: 2000;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
    animation-iteration-count: infinite;
    animation-name: circle-loader;
    animation-duration: 1.5s;
    animation-delay: 0s
}

.launch-game-loading #dark {
    animation-name: circle-loader-dark;
    stroke: #ffffff40
}

.launch-game-loading #white {
    animation-name: circle-loader-white;
    animation-delay: .3s;
    stroke: url(#loading-bar-color)
}

.launch-game-loading #loading-bar-color .loading-stop-color {
    stop-color: #14805e
}

.launch-game-loading #loading-bar-color .loading-end-color {
    stop-color: #39d89f
}

@keyframes circle-loader-dark {
    0% {
        stroke-dasharray: 1685,1574;
        stroke-dashoffset: 2000
    }

    35% {
        stroke-dashoffset: 3310
    }

    35.1% {
        stroke-dashoffset: 3600
    }

    70% {
        stroke-dasharray: 1574;
        stroke-dashoffset: 4719
    }

    to {
        stroke-dasharray: 1574;
        stroke-dashoffset: 4719
    }
}

@keyframes circle-loader-white {
    0% {
        stroke-dasharray: 1685,1660;
        stroke-dashoffset: 2000
    }

    50% {
        stroke-dashoffset: 3310
    }

    50.1% {
        stroke-dashoffset: 3600
    }

    to {
        stroke-dasharray: 1574;
        stroke-dashoffset: 4719
    }
}

.site-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    z-index: 3;
    pointer-events: all
}

.site-top .menu-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    background: linear-gradient(0deg,#0e4b36b3 2%,#14805e);
    opacity: 0;
    z-index: -1
}

.site-top .menu-bg .highlight {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 -2px 2.5px #16867b,inset 0 1px 3px #ffffff80
}

.site-top .site-menu {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    transform-origin: center;
    z-index: 2
}

.site-top .site-menu .f-logo-bg {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    border-radius: 50px;
    background: linear-gradient(180deg,#616161,#0b0c14);
    background-size: 100%;
    opacity: 0
}

.site-top .site-menu .f-logo-bg .f-logo {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%
}

.site-top .site-menu .f-logo-bg .logo-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%
}

.site-top .site-menu .f-logo-bg .light-ring {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 31px;
    height: 31px;
    opacity: .6;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    mix-blend-mode: overlay
}

.site-top .site-menu .info-wrap {
    position: relative;
    opacity: 0;
    width: 69.3333333333vw;
    height: 100%;
    padding-left: 4.8vw;
    transform: skew(-10deg);
    border-left: .5333333333vw solid rgba(255,255,255,.1);
    letter-spacing: normal
}

.site-top .site-menu .info-wrap .info-block {
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    top: 50%;
    height: 100%;
    line-height: 14px;
    transform: skew(10deg) translateY(-35%)
}

.site-top .site-menu .info-wrap .info-block .info-title {
    font-weight: 700;
    color: #ffde1a;
    font-size: 12px
}

.site-top .site-menu .info-wrap .info-block .info-value {
    color: #fff;
    font-size: 12px
}

.site-top .site-menu .info-wrap .info-block .info-value-sub {
    color: #fff;
    padding-left: .8vw;
    opacity: 25%
}

.site-top .site-menu .btn {
    position: relative;
    width: 44px;
    height: 44px;
    background: linear-gradient(180deg,#0004d,#0006);
    opacity: 0
}

.site-top .site-menu .btn .btn-home {
    width: 100%;
    height: 100%;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.site-top .site-menu .btn .btn-cross {
    position: relative;
    width: 100%;
    height: 100%
}

.site-top .site-menu .btn .btn-cross:after,.site-top .site-menu .btn .btn-cross:before {
    content: "";
    display: block;
    height: 40%;
    width: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    background: #fff;
    transform-origin: 50% 50%
}

.site-top .site-menu .btn .btn-cross:after {
    transform: translateY(-50%) rotate(-45deg)
}

.site-top .site-menu .btn .btn-cross:before {
    transform: translateY(-50%) rotate(45deg)
}

.site-top .site-menu .btn .btn-deposit {
    width: 100%;
    height: 100%;
    background: #cbcbcb;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 60%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 60%
}

.site-top .site-menu .btn .light-ring {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: .6;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    mix-blend-mode: overlay
}

.site-top .site-menu.no-deposit {
    flex-flow: row-reverse nowrap
}

.site-top .site-menu.no-deposit .f-logo-bg {
    position: relative;
    width: 21.3333333333vw;
    height: 6.6666666667vw;
    margin: 0 10px;
    border-radius: 0;
    background: linear-gradient(180deg,#474e7800,#474e7800);
    background-size: 100%;
    padding: 1px 0;
    opacity: 0
}

.site-top .site-menu.no-deposit .f-logo-bg .logo-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.5))
}

.site-top .site-menu.no-deposit .f-logo-bg .light-ring {
    display: none
}

.site-top .site-menu.no-deposit .btn:nth-child(4) {
    display: none
}

.site-top .top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-100%);
    z-index: 1
}

.site-top .top-bg.gradient {
    background: linear-gradient(0deg,#15584780 2%,#131817cc)
}

.launch-game-page {
    display: none;
    pointer-events: auto
}

.launch-game-wrap {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% - 44px);
    background: #000;
    transform: translateY(6%);
    opacity: 0;
    z-index: 3
}

.launch-game-wrap.show {
    transform: translate(0);
    opacity: 1
}

.launch-game-wrap .launch-game-iframe {
    position: relative;
    border: none;
    width: 100%;
    height: 100%
}

.site-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: translateY(100%);
    background: linear-gradient(0deg,#15584780 2%,#131817cc);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.site-bg .effect {
    mix-blend-mode: overlay
}

.site-bg #Gradient .start-color {
    stop-color: #ffffff4d
}

.site-bg #Gradient .end-color {
    stop-color: #fff0
}

:root {
    --date-ball-translateX: 600%
}

.slot-game {
    position: relative;
    top: 22.6666666667vw;
    width: 100%;
    height: auto;
    padding-bottom: 22.6666666667vw;
    font-family: Roboto,sans-serif
}

.slot-game .banner {
    background: transparent
}

.slot-game .banner .slider .slick-slide {
    height: 56vw;
    border-radius: 4.2666666667vw
}

.slot-game .banner .slider .slick-slide .banner-image {
    background-position: bottom
}

.slot-game .banner .slider .slick-slide .banner-image:after {
    content: "";
    display: block;
    height: 100%;
    background: linear-gradient(0deg,#000,#00080,#0000 40%);
    box-shadow: -.5333333333vw -.5333333333vw 2.1333333333vw #c2d3e2,.5333333333vw .5333333333vw 2.1333333333vw #000,inset .2666666667vw .2666666667vw .8vw #fff3
}

.slot-game .ranking {
    display: flex;
    position: relative;
    z-index: 2;
    top: -8vw;
    margin: 0;
    padding: 4.2666666667vw;
    overflow-x: scroll;
    overflow-y: hidden;
    list-style: none
}

.slot-game .ranking li {
    position: relative;
    margin: 0 .8vw
}

.slot-game .ranking li:first-child {
    margin-left: 0
}

.slot-game .ranking li:last-child {
    margin-right: 0
}

.slot-game .ranking li span {
    position: absolute;
    z-index: -1;
    top: -6.4vw;
    left: 0;
    color: transparent;
    font-family: Orbitron,sans-serif;
    font-size: 14.6666666667vw;
    font-weight: 700;
    text-shadow: 0 0 1.0666666667vw rgba(0,138,255,.4),0 .2666666667vw 1.0666666667vw rgba(0,138,255,.4);
    -webkit-text-stroke: .2666666667vw #ffffff
}

.slot-game .ranking li a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 25.6vw;
    height: 29.3333333333vw;
    filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0,0,0,.5))
}

.slot-game .ranking li .outline-border {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.slot-game .ranking li img {
    position: absolute;
    z-index: -1;
    width: 90%;
    height: 90%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.slot-game .recommend-wrap {
    display: flex;
    width: 100%;
    height: auto;
    padding: 4.2666666667vw;
    overflow-x: auto;
    overflow-y: hidden
}

.slot-game .recommend-wrap .recommend-scroll {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    list-style: none
}

.slot-game .recommend-wrap .recommend-scroll li {
    display: flex;
    position: relative;
    width: 42.6666666667vw;
    height: 53.3333333333vw;
    overflow: visible;
    transform: rotateY(0)
}

.slot-game .recommend-wrap .recommend-scroll li a {
    display: block;
    position: relative;
    width: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    perspective: 213.3333333333vw
}

.slot-game .recommend-wrap .recommend-scroll li .recommend-rotate {
    display: block;
    width: 100%
}

.slot-game .recommend-wrap .recommend-scroll li img {
    position: absolute;
    bottom: -.8vw;
    left: -.5333333333vw;
    width: 43.7333333333vw;
    border-radius: 0 0 3.2vw 3.2vw
}

.slot-game .recommend-wrap .recommend-scroll li .recommend-bg {
    transform: translateZ(-20px);
    transform-origin: center;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.slot-game .recommend-wrap .recommend-scroll li .recommend-char {
    transform: translateZ(15px);
    transition: all .5s
}

.slot-game .recommend-wrap .recommend-scroll li .info-block {
    position: absolute;
    bottom: 1.0666666667vw;
    left: 3%;
    width: 94%;
    height: 14.4vw;
    padding-top: 2.1333333333vw;
    transform: translateZ(20px);
    border-radius: 2.6666666667vw;
    -webkit-backdrop-filter: blur(.1066666667vw);
    backdrop-filter: blur(.1066666667vw)
}

.slot-game .recommend-wrap .recommend-scroll li h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 1.0666666667vw 4.2666666667vw;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 500
}

.slot-game .recommend-wrap .recommend-scroll li h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 1.0666666667vw 4.2666666667vw;
    opacity: .7;
    color: #fff;
    font-size: 3.2vw
}

.slot-game .games-wrap {
    margin: 4.2666666667vw 3.2vw
}

.slot-game .games-wrap .grid {
    margin: 0;
    padding: 0;
    list-style: none
}

.slot-game .games-wrap .grid li {
    display: flex;
    justify-content: center;
    width: 33%;
    margin-bottom: 1.0666666667vw;
    padding: 1.0666666667vw 1.0666666667vw 2.1333333333vw;
    float: left;
    border-radius: 2.6666666667vw;
    opacity: 0
}

.slot-game .games-wrap .grid li:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2.1333333333vw;
    width: calc(100% - 2.1333333333vw);
    height: 8vw;
    background: linear-gradient(180deg,#1110,#111)
}

.slot-game .games-wrap .grid li .item-icon {
    display: block;
    position: absolute;
    bottom: -2.6666666667vw;
    left: 50%;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    transform: translate(-50%);
    background-position: center;
    background-repeat: no-repeat
}

.slot-game .games-wrap .grid li img {
    max-width: 100%;
    border-radius: 2.6666666667vw
}

.slot-game .games-wrap .grid li.shown {
    opacity: 1
}

.slot-game .games-wrap .grid li.animate {
    transform: translateY(53.3333333333vw);
    animation: effect-2 .65s ease forwards
}

.slot-game .games-wrap .grid li .favorite {
    position: absolute;
    z-index: 1;
    bottom: 1.2vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    padding: 2.1333333333vw;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.slot-game .games-wrap .grid li .favorite.active {
    animation: scale-up-center .4s ease-in-out both;
    background-image: url(/assets/images/slotgame/icon-fav.svg);
    background-position: center;
    background-repeat: no-repeat
}

.slot-game .games-wrap .grid.effect-2 {
    transform: translateY(53.3333333333vw);
    animation: effect-2 .65s ease forwards
}

.slot-game .title {
    display: flex;
    align-items: center;
    height: 4.2666666667vw;
    margin: 0 4.2666666667vw 0 7.4666666667vw;
    color: #fff;
    font-family: Orbitron,sans-serif;
    font-size: 4.2666666667vw;
    font-weight: 700
}

.slot-game .title:before {
    content: "";
    position: absolute;
    left: 4.2666666667vw;
    width: 1.0666666667vw;
    height: 4.8vw;
    border-top-right-radius: 2.6666666667vw;
    border-bottom-right-radius: 2.6666666667vw;
    background: #14805e
}

.provider-wrap {
    display: flex;
    position: fixed;
    z-index: 7000;
    top: 13.0666666667vw;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    background: linear-gradient(to bottom,#a38d5b,#a38d5be6)
}

.provider-wrap .provider-scroll {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 3.2vw 2.1333333333vw
}

.provider-wrap .provider-scroll .search-block {
    position: relative;
    text-align: center
}

.search-block .magnifier {
    display: flex;
    position: absolute;
    z-index: 1;
    align-items: center;
    justify-content: center;
    width: 14.4vw;
    height: 14.4vw;
    margin: 0 2.1333333333vw
}

.search-block .magnifier svg {
    z-index: 999;
    margin: 0 auto
}

.search-block .magnifier svg g {
    stroke: #111
}

.search-block .magnifier circle {
    stroke-dasharray: 45.55 45.55;
    stroke-dashoffset: 91.1
}

.search-block .magnifier path {
    stroke-dasharray: 27.91 27.91;
    stroke-dashoffset: -23
}

.search-block .input-box {
    display: flex;
    position: relative;
    align-items: center;
    width: 14.4vw;
    height: 14.4vw;
    margin: 0 2.1333333333vw;
    border: .5333333333vw solid #dddddd;
    border-radius: 13.3333333333vw;
    background: transparent
}

.search-block .input-box .search {
    display: block;
    width: 100%;
    min-width: 9.0666666667vw;
    height: 100%;
    padding: 0 4.2666666667vw;
    border: 0;
    border-radius: 2.6666666667vw;
    outline: none;
    background: transparent;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 500
}

.search-block .input-box .clear {
    display: none;
    position: relative;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 4.2666666667vw;
    padding: 2.1333333333vw;
    border: 0;
    border-radius: 50%;
    background: #fff6;
    font-size: 3.2vw;
    font-weight: 500;
    mask-image: url(/assets/images/icon-set/icon-cross-type09.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-cross-type09.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.search-block .input-box .cancel {
    display: none;
    position: relative;
    padding: 1.0666666667vw 4.2666666667vw;
    border-left: .4vw solid rgba(51,51,51,.08);
    color: #fffc;
    font-size: 3.2vw;
    font-weight: 500
}

.provider-scroll ul {
    display: flex;
    margin: 0;
    padding-left: 0;
    list-style: none
}

.provider-scroll ul li {
    display: grid;
    position: relative;
    grid-template-columns: 14.4vw;
    grid-template-rows: 14.4vw auto;
    margin: 1.0666666667vw 2.1333333333vw 0;
    text-align: center
}

.provider-scroll ul li .provider {
    position: absolute;
    left: 50%;
    width: 8vw;
    height: 8vw;
    margin-top: 3.2vw;
    transform: translate(-50%)
}

.provider-scroll ul li:before {
    content: "";
    display: block;
    border: .5333333333vw solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 1.0666666667vw #ffffff4d
}

.provider-scroll ul li.active:before {
    border: .5333333333vw solid #008aff;
    box-shadow: 0 0 1.0666666667vw 1.0666666667vw #008aff4d
}

.search-wrap,.results-wrap {
    display: none;
    position: fixed;
    z-index: 7000;
    top: 34.6666666667vw;
    left: 0;
    width: 100%;
    height: calc(100% - 34.6666666667vw);
    overflow-x: hidden;
    overflow-y: auto;
    background: #111;
    font-family: Roboto,sans-serif
}

.search-box {
    display: none;
    position: relative;
    z-index: 9000;
    top: 0;
    width: 100%;
    height: auto;
    padding: 4.2666666667vw 4.2666666667vw 17.0666666667vw;
    overflow-y: auto;
    border-radius: 0 0 4vw 4vw;
    background: #111
}

.search-box:after {
    content: "";
    display: block;
    position: fixed;
    bottom: 0;
    width: calc(100% - 8.5333333333vw);
    height: 21.3333333333vw;
    background: #111
}

.search-box .recently-played,.search-box .my-favorites {
    display: inline-flex;
    position: relative;
    align-items: center;
    width: 48%;
    height: 15.4666666667vw;
    margin-bottom: 6.4vw;
    padding: 4.2666666667vw;
    border-radius: 2.6666666667vw;
    color: #fff;
    font-family: Orbitron,sans-serif;
    font-size: 3.2vw;
    font-weight: 700;
    text-decoration: none
}

.search-box .recently-played .item-icon,.search-box .my-favorites .item-icon {
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 15.4666666667vw;
    mix-blend-mode: overlay
}

.search-box .recently-played {
    background: linear-gradient(180deg,#158af3,#003fa7)
}

.search-box .recently-played .item-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.search-box .my-favorites {
    float: right;
    background: linear-gradient(0deg,#14805e,#22d89f)
}

.search-box .my-favorites .item-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.search-box .history span {
    float: right
}

.search-box .history ul {
    grid-gap: .2666666667vw;
    grid-template-columns: 1fr
}

.search-box .history ul li {
    display: flex;
    position: relative;
    align-items: center;
    padding: 4.2666666667vw 6.4vw 4.2666666667vw 8vw;
    border-radius: 0;
    background: transparent;
    text-align: left
}

.search-box .history ul li .item-icon {
    display: block;
    position: absolute;
    left: 0;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background: #ffffff80;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.search-box .history ul li+li {
    border-top: .2666666667vw solid #dddddd
}

.search-box .history ul li .clear {
    display: block;
    position: absolute;
    right: 0;
    width: 3.2vw;
    height: 3.2vw;
    background: #ffffff80;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.search-box .history ul li.active {
    background: transparent
}

.search-box .btn-search {
    position: fixed;
    z-index: 9000;
    bottom: 4.2666666667vw;
    width: calc(100% - 8.5333333333vw);
    height: 12.8vw;
    border-radius: 2.6666666667vw;
    background: linear-gradient(0deg,#14805e,#22d89f);
    box-shadow: 0 0 2.1333333333vw #00080;
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: 500;
    line-height: 12.8vw;
    text-align: center
}

.results-box {
    display: none;
    position: relative;
    z-index: 9000;
    top: 0;
    width: 100%;
    height: auto;
    padding: 0 4.2666666667vw 4.2666666667vw;
    overflow-y: auto;
    border-radius: 0 0 4vw 4vw;
    background: #111
}

.results-box .results-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.1333333333vw
}

.results-box .results-info span {
    align-self: center;
    color: #111;
    font-size: 3.2vw;
    font-weight: 500
}

.results-box .results-info .layout-icon {
    width: 4vw;
    height: 8.2666666667vw
}

.results-box .results-info .layout-icon g {
    stroke: #111
}

.game-list {
    display: none;
    padding: 0
}

.game-list li {
    display: grid;
    position: relative;
    grid-template-columns: 17.0666666667vw auto 6.4vw 21.3333333333vw;
    align-items: center;
    column-gap: 4.2666666667vw;
    row-gap: 1.0666666667vw
}

.game-list li+li {
    margin-top: 4.2666666667vw
}

.game-list li img {
    grid-row: 1/span 2;
    max-width: 100%;
    border-radius: 1.3333333333vw
}

.game-list li h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    grid-column-start: 2;
    grid-row-start: 1;
    align-self: flex-end;
    margin: 0;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 500
}

.game-list li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-column-start: 2;
    grid-row-start: 2;
    align-self: flex-start;
    margin: 0;
    color: #999;
    font-size: 3.2vw
}

.game-list li .favorite {
    grid-row: 1/span 2;
    width: 6.4vw;
    height: 6.4vw;
    padding: 2.6666666667vw;
    background-repeat: no-repeat;
    background-position: center;
    justify-self: center
}

.game-list li .favorite.active {
    animation: scale-up-center .4s ease-in-out both;
    background-image: url(/assets/images/slotgame/icon-fav.svg);
    background-repeat: no-repeat;
    background-position: center
}

.game-list li button {
    grid-row: 1/span 2;
    height: 10.6666666667vw;
    border: transparent;
    border-radius: 2.6666666667vw;
    background: #ddd;
    color: #999;
    font-family: inherit;
    font-size: 3.4666666667vw
}

.game-list li button.active {
    background: linear-gradient(0deg,#14805e,#22d89f);
    color: #fff
}

.game-list.active {
    display: block
}

.game-grid {
    display: none;
    grid-gap: 2.1333333333vw;
    grid-template-columns: repeat(3,1fr);
    padding: 0
}

.game-grid li {
    display: flex;
    position: relative;
    justify-content: center;
    padding-bottom: 2.1333333333vw;
    float: left;
    border-radius: 2.6666666667vw
}

.game-grid li:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2.1333333333vw;
    width: 100%;
    height: 8vw;
    background: linear-gradient(180deg,#1110,#111)
}

.game-grid li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2.6666666667vw;
    left: 50%;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    transform: translate(-50%);
    background-image: url(/assets/images/slotgame/icon-white-circle-star.svg);
    background-position: center;
    background-repeat: no-repeat
}

.game-grid li img {
    max-width: 100%;
    border-radius: 2.6666666667vw
}

.game-grid li .favorite {
    position: absolute;
    z-index: 1;
    bottom: 1.2vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    padding: 2.1333333333vw;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.game-grid li .favorite.active {
    animation: scale-up-center .4s ease-in-out both;
    background-image: url(/assets/images/slotgame/icon-fav.svg);
    background-repeat: no-repeat;
    background-position: center
}

.game-grid.active {
    display: grid
}

.category {
    margin-bottom: 6.4vw
}

.category h4 {
    display: inline-block;
    align-items: center;
    height: 4.2666666667vw;
    opacity: 0;
    color: #fff;
    font-family: Orbitron,sans-serif;
    font-size: 4.2666666667vw;
    font-weight: 700
}

.category span {
    margin-left: 4.2666666667vw;
    opacity: 0;
    color: #ffffff80;
    font-size: 3.2vw
}

.category ul {
    display: grid;
    grid-gap: 2.1333333333vw;
    grid-template-columns: repeat(4,1fr);
    margin: 4.2666666667vw 0;
    padding: 0;
    list-style: none
}

.category ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 10.6666666667vw;
    border-radius: 2.6666666667vw;
    opacity: 0;
    background: #fff3;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw;
    text-align: center
}

.category ul li.active {
    background: linear-gradient(0deg,#14805e,#22d89f);
    color: #fff
}

.slot {
    background: #111
}

header.slot {
    border-bottom: 0!important;
    background: linear-gradient(to bottom,#000c,#0000);
    font-family: Roboto,sans-serif
}

header.slot .back-btn {
    background: #fff!important
}

header.slot .header-title {
    color: #fff;
    font-family: Orbitron,sans-serif;
    font-size: 4.2666666667vw;
    font-weight: 700
}

header.slot .header-right-btn-group .layout-icon,header.slot .header-right-btn-group .filter {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

header.slot .header-right-btn-group .layout-icon g {
    stroke: #fff
}

header.slot .header-right-btn-group .filter:before {
    content: "";
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #fff;
    mask-image: url(/assets/images/slotgame/icon-filter.svg);
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: 100% auto;
    -webkit-mask-image: url(/assets/images/slotgame/icon-filter.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-size: 100% auto
}

header.slot .header-right-btn-group .badge {
    display: flex;
    position: absolute;
    top: 3.2vw;
    right: 2.1333333333vw;
    align-items: center;
    justify-content: center;
    width: 5.8666666667vw;
    height: 4vw;
    border-radius: 5.3333333333vw;
    background: #d15454;
    color: #fff;
    font-family: inherit;
    font-size: 3.4666666667vw;
    font-weight: 500
}

header.alt {
    background: linear-gradient(0deg,#fff 0% 100%);
    box-shadow: 0 0 2.1333333333vw #0003;
    color: #000
}

header.alt .back-btn {
    background: #111!important
}

header.alt .header-title {
    color: #111
}

header.alt .header-right-btn-group .layout-icon g {
    stroke: #111
}

header.alt .header-right-btn-group .filter:before {
    background: #111
}

.recently-played-wrap,.my-favorites-wrap {
    position: relative;
    height: 100%;
    font-family: Roboto,sans-serif
}

.recently-played-wrap .banner-wrap,.my-favorites-wrap .banner-wrap {
    position: relative;
    z-index: 1000
}

.recently-played-wrap .banner-wrap img,.my-favorites-wrap .banner-wrap img {
    width: 100%;
    height: auto;
    mask-image: url(/assets/images/slotgame/irregular-mask.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% auto;
    -webkit-mask-image: url(/assets/images/slotgame/irregular-mask.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto
}

.recently-played-wrap .game-box,.my-favorites-wrap .game-box {
    position: relative;
    z-index: 2000;
    top: -21.3333333333vw;
    width: 100%;
    height: auto;
    padding: 4.2666666667vw;
    overflow-y: auto
}

.recently-played-wrap .game-box .date-info,.my-favorites-wrap .game-box .date-info {
    position: relative;
    top: 0;
    margin-bottom: 4.2666666667vw;
    color: #d9d9d9;
    font-family: Orbitron,sans-serif;
    font-size: 4.2666666667vw;
    font-weight: 700;
    letter-spacing: .5333333333vw;
    text-shadow: 0 .5333333333vw 1.0666666667vw rgba(255,255,255,.8)
}

.recently-played-wrap .game-box .date-info:after,.my-favorites-wrap .game-box .date-info:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 80%;
    height: .2666666667vw;
    transform: translateY(-50%);
    opacity: .08;
    background: #d9d9d9
}

.recently-played-wrap .game-box:nth-of-type(2) .date-info,.my-favorites-wrap .game-box:nth-of-type(2) .date-info {
    color: #fff;
    text-shadow: 0 .5333333333vw 1.0666666667vw rgba(0,0,0,.8)
}

.recently-played-wrap .game-box:nth-of-type(2) .date-info:after,.my-favorites-wrap .game-box:nth-of-type(2) .date-info:after {
    background: transparent
}

.recently-played-wrap .data-loading,.my-favorites-wrap .data-loading {
    display: flex;
    position: relative;
    top: -21.3333333333vw;
    justify-content: center;
    padding: 4.2666666667vw 0
}

.recently-played-wrap .data-loading .point,.my-favorites-wrap .data-loading .point {
    position: relative;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    margin: auto 3.2vw;
    animation: data-loading 1.5s .5s linear infinite;
    border-radius: 50%;
    background: #fff6
}

.recently-played-wrap .data-loading .point:nth-child(2),.my-favorites-wrap .data-loading .point:nth-child(2) {
    animation-delay: .1s
}

.recently-played-wrap .data-loading .point:nth-child(3),.my-favorites-wrap .data-loading .point:nth-child(3) {
    animation-delay: .2s
}

.recently-played-wrap .data-loading .point:nth-child(4),.my-favorites-wrap .data-loading .point:nth-child(4) {
    animation-delay: .3s
}

.recently-played-wrap .select-date,.my-favorites-wrap .select-date {
    display: grid;
    position: fixed;
    z-index: 3000;
    bottom: 0;
    left: 0;
    grid-template-columns: repeat(7,1fr);
    align-items: center;
    width: 100%;
    height: 21.3333333333vw;
    border-top-left-radius: 2.6666666667vw;
    border-top-right-radius: 2.6666666667vw;
    background: #fff;
    box-shadow: 0 0 2.1333333333vw #0003;
    text-align: center
}

.recently-played-wrap .select-date .day,.my-favorites-wrap .select-date .day {
    display: flex;
    z-index: 5000;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.recently-played-wrap .select-date .day.active .date,.my-favorites-wrap .select-date .day.active .date {
    transition: color .5s ease-in-out;
    color: #fff
}

.recently-played-wrap .select-date span,.my-favorites-wrap .select-date span {
    color: #ddd;
    font-size: 3.7333333333vw
}

.recently-played-wrap .select-date .date,.my-favorites-wrap .select-date .date {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    margin-top: 2.1333333333vw;
    transform: translate(50%);
    color: #111;
    font-size: 3.7333333333vw;
    line-height: 7.2vw
}

.recently-played-wrap .select-date .no-data .date,.my-favorites-wrap .select-date .no-data .date {
    opacity: .4
}

.recently-played-wrap .select-date svg,.my-favorites-wrap .select-date svg {
    position: absolute
}

.recently-played-wrap .target-wrap,.my-favorites-wrap .target-wrap {
    position: absolute;
    z-index: 4000;
    bottom: 0;
    left: .2666666667vw;
    width: 100%;
    height: 16vw;
    filter: url(#goo)
}

.recently-played-wrap .target-wrap .ball-box,.my-favorites-wrap .target-wrap .ball-box {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 14.2857142857%;
    height: 100%
}

.recently-played-wrap .target-wrap .ball-box .ball,.my-favorites-wrap .target-wrap .ball-box .ball {
    position: absolute;
    width: 9.6vw;
    height: 9.6vw;
    border-radius: 50%;
    background: linear-gradient(0deg,#14805e,#22d89f)
}

.recently-played-wrap .target-wrap .ball-box:first-child,.my-favorites-wrap .target-wrap .ball-box:first-child {
    transform: translate(600%)
}

.recently-played-wrap .target-wrap .ball-box.big,.my-favorites-wrap .target-wrap .ball-box.big {
    transform: translate(var(--date-ball-translateX));
    transition: transform .5s ease-in-out .35s;
    pointer-events: none
}

.recently-played-wrap .game-grid li:before,.my-favorites-wrap .game-grid li:before {
    background: linear-gradient(180deg,#1110,#111)
}

.my-favorites-wrap .game-box {
    position: absolute;
    top: 53.3333333333vw
}

.animate-jello {
    animation: jello-horizontal .9s both
}

.pop-slot-details-filter {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    width: 100%;
    max-height: 80vh;
    padding: 4.2666666667vw 4.2666666667vw 14.9333333333vw;
    transform: translate(0);
    transition: bottom .3s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: linear-gradient(0deg,#111 0% 100%);
    font-family: Roboto,sans-serif
}

.pop-slot-details-filter.active {
    bottom: 0
}

.pop-slot-details-filter .category h4,.pop-slot-details-filter .category span,.pop-slot-details-filter .category li {
    opacity: 1
}

.pop-slot-details-filter .pop-btn-group {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 2.1333333333vw #0003
}

.pop-slot-details-filter .pop-btn-group .btn-left,.pop-slot-details-filter .pop-btn-group .btn-right {
    position: relative;
    width: 50%;
    height: 14.9333333333vw;
    background: #c8683b;
    color: #fff;
    font-weight: 500;
    line-height: 14.9333333333vw;
    text-align: center
}

.pop-slot-details-filter .pop-btn-group .btn-left {
    border-top-left-radius: 2.6666666667vw;
    color: #ffffff80
}

.pop-slot-details-filter .pop-btn-group .btn-left:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: .2666666667vw;
    height: calc(100% - 6.4vw);
    transform: translateY(-50%);
    background: #ddd
}

.pop-slot-details-filter .pop-btn-group .btn-right {
    border-top-right-radius: 2.6666666667vw
}

header.empty .header-right-btn-group {
    display: none
}

.game-empty-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    text-align: center
}

.game-empty-box .icon-no-data {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    margin-bottom: 4.2666666667vw;
    opacity: .4;
    background: #fff6;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.game-empty-box h5 {
    margin-bottom: 2.1333333333vw;
    color: #fff6;
    font-size: 4.2666666667vw
}

.game-empty-box h6 {
    margin-bottom: 6.4vw;
    opacity: .5;
    color: #fff6;
    font-size: 3.2vw
}

.game-empty-box .btn {
    width: auto;
    height: 8.5333333333vw;
    padding: 2.1333333333vw 4.2666666667vw;
    border: 0;
    border-radius: 2.6666666667vw;
    background: linear-gradient(0deg,#14805e,#22d89f);
    color: #fff;
    font-family: inherit;
    font-size: 3.4666666667vw
}

.my-favorites-wrap .game-empty-box {
    margin-top: 21.3333333333vw
}

.my-favorites-wrap .game-empty-box .icon-no-data {
    width: 21.3333333333vw;
    height: 21.3333333333vw
}

.recommend-box {
    padding: 4.2666666667vw
}

.recommend-box .title {
    display: flex;
    align-items: center;
    height: 4.2666666667vw;
    margin: 6.4vw 4.2666666667vw;
    color: #fff;
    font-family: Orbitron,sans-serif;
    font-size: 4.2666666667vw;
    font-weight: 700
}

.recommend-box .title:before {
    content: "";
    position: absolute;
    left: 4.2666666667vw;
    width: 1.0666666667vw;
    height: 4.8vw;
    border-top-right-radius: 2.6666666667vw;
    border-bottom-right-radius: 2.6666666667vw;
    background: #14805e
}

.recommend-box .title:after {
    content: "";
    position: absolute;
    right: 4.2666666667vw;
    width: 50%;
    height: .2666666667vw;
    opacity: .08;
    background: #d9d9d9
}

@keyframes effect-2 {
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes scale-up-center {
    0% {
        transform: rotate(0) scale(.6);
        opacity: 0
    }

    to {
        transform: rotate(360deg) scale(1);
        opacity: 1
    }
}

@keyframes jello-horizontal {
    0% {
        transform: scaleZ(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleZ(1)
    }
}

@keyframes data-loading {
    0%,50%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.6)
    }

    75% {
        transform: scale(1.4)
    }
}

.reset-password header {
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    background: #111
}

.reset-password header .logo {
    display: block;
    margin: 0 auto
}

.reset-password .content {
    background-repeat: no-repeat;
    background-position: bottom 0 right 60%
}

.reset-password .content .lock {
    width: 32vw;
    height: auto;
    margin: 5.3333333333vw auto 0
}

.reset-password .content .reset-password-txt {
    width: 94.6666666667vw;
    margin: 2.6666666667vw auto;
    padding: 2.6666666667vw 0
}

.reset-password .content .reset-password-txt p {
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.6
}

.reset-password .content .member-box {
    position: relative;
    margin: 2.6666666667vw
}

.reset-password .content .member-box .inputbox {
    position: relative;
    width: 100%;
    background: #111
}

.reset-password .content .member-box .inputbox:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 1%;
    width: 98%;
    height: .2133333333vw;
    background: #9999994d
}

.reset-password .content .member-box .inputbox.hide-line:after,.reset-password .content .member-box .inputbox:nth-child(3):after {
    content: "";
    height: 0
}

.reset-password .content .member-box .inputbox:first-child {
    border-top-left-radius: .8vw;
    border-top-right-radius: .8vw
}

.reset-password .content .member-box .inputbox:nth-child(3) {
    border-bottom-left-radius: .8vw;
    border-bottom-right-radius: .8vw
}

.reset-password .content .member-box .inputbox .form {
    width: calc(100% - 1px);
    height: calc(100% - 1px)
}

.reset-password .content .member-box .inputbox label {
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    padding: 1.3333333333vw 2.6666666667vw;
    transform: translateY(-50%);
    transition: .2s ease all;
    background: transparent;
    color: #fff;
    font-size: 3.4666666667vw;
    pointer-events: none;
    z-index: 2
}

.reset-password .content .member-box .inputbox label.after {
    top: 0;
    left: 0;
    transform: none;
    color: #14805e;
    font-size: 2.9333333333vw;
    font-weight: 700
}

.reset-password .content .member-box .inputbox input {
    position: relative;
    width: calc(100% - 5.8666666667vw);
    height: 13.3333333333vw;
    padding: 2.6666666667vw;
    border: .2666666667vw solid transparent;
    outline: none;
    background: transparent;
    box-shadow: none;
    color: #14805e;
    font-size: 3.4666666667vw;
    appearance: none
}

.reset-password .content .member-box .inputbox input::placeholder {
    color: #999
}

.reset-password .content .member-box .inputbox input[type=text]:focus,.reset-password .content .member-box .inputbox input[type=password]:focus {
    border: .2666666667vw solid #14805e;
    border-radius: .8vw
}

.reset-password .content .member-box .inputbox input[type=text]:focus~label,.reset-password .content .member-box .inputbox input[type=password]:focus~label {
    top: -2.6666666667vw;
    left: 2.6666666667vw;
    transform: none;
    border-radius: 5.3333333333vw;
    background: #14805e;
    color: #fff;
    font-size: 2.9333333333vw
}

.reset-password .content .member-box .inputbox .clear {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 4vw;
    height: 4vw;
    padding: 0;
    transform: translateY(-50%);
    transition: all .3s;
    border: 0;
    border-radius: 5.3333333333vw;
    outline: none;
    opacity: 0;
    background: #14805e;
    background-image: url(/assets/images/icon-set/icon-cross-type04.svg);
    background-repeat: no-repeat;
    background-position: center
}

.reset-password .content .member-box .inputbox .clear.active {
    right: 12.8vw;
    opacity: 1
}

.reset-password .content .member-box .inputbox.password .clear {
    right: 13.3333333333vw
}

.reset-password .content .member-box .inputbox.password .clear.hasbutton {
    right: 29.3333333333vw
}

.reset-password .content .member-box .error {
    border: .5333333333vw solid #d15454;
    border-radius: 1.0666666667vw
}

.reset-password .content .member-box .error:after {
    height: 0
}

.reset-password .content .member-error {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 2.6666666667vw;
    color: #fff;
    font-size: 3.2vw
}

.reset-password .content .member-error .icon {
    display: inline-block;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 50%;
    background: #d15454;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 4.5333333333vw;
    text-align: center
}

.reset-password .content .member-error .text {
    width: calc(100% - 21px);
    line-height: 1.3;
    text-align: left
}

.reset-password .content .member-error .text strong {
    display: block;
    color: #ed1f23;
    font-size: 2.9333333333vw;
    font-weight: 700
}

.reset-password .content .member-error .text span {
    display: block
}

.reset-password .content .button {
    position: relative;
    width: 94.6666666667vw;
    height: 12vw;
    margin: 5.3333333333vw auto;
    border: 0;
    border-radius: .8vw;
    background: #14805e;
    color: #fff;
    font-size: 4vw;
    line-height: 12vw;
    text-align: center
}

.reset-password .tips-info {
    position: relative;
    flex: 1;
    margin: 4vw 0;
    padding: 2.6666666667vw;
    border: .2666666667vw solid #14805e;
    border-radius: 1.3333333333vw;
    background: #06281d;
    text-align: left;
    white-space: normal
}

.reset-password .tips-info .title-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2.6666666667vw
}

.reset-password .tips-info h5 {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 92%;
    color: #fff
}

.reset-password .tips-info h5:before {
    content: "!";
    display: inline-block;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    border-radius: 50%;
    background: #fff;
    color: #06281d;
    text-align: center
}

.reset-password .tips-info h5 span {
    display: inline-block;
    flex: 1;
    width: calc(100% - 13.3333333333vw);
    vertical-align: text-top
}

.reset-password .tips-info a {
    text-decoration: none
}

.reset-password .tips-info p,.reset-password .tips-info b {
    display: block;
    padding-bottom: 5px;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.2;
    text-align: left
}

.reset-password .tips-info i {
    padding: 0 .8vw;
    color: #fff;
    font-weight: 700
}

.reset-password .tips-info ol,.reset-password .tips-info ol li {
    list-style: decimal outside
}

.reset-password .tips-info ul,.reset-password .tips-info ul li {
    list-style: disc outside
}

.reset-password .tips-info ul,.reset-password .tips-info ol {
    display: block;
    width: 100%;
    padding-left: 4vw;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: left
}

.reset-password .tips-info li {
    display: list-item
}

.bg-wrap {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.bg-wrap .bg-inner {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%
}

.bg-wrap .bg-inner .start-color {
    stop-color: #b49c00
}

.bg-wrap .bg-inner .end-color {
    stop-color: #111
}

.bg-wrap .bg-color {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111
}

.content-wrap {
    position: relative;
    z-index: 2;
    padding: 5.3333333333vw
}

.content-wrap .content-box {
    display: grid;
    grid-template-columns: 50% 35% 15%;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-family: Barlow Condensed,sans-serif
}

.content-wrap .content-box h1 {
    grid-column: 1/span 3;
    margin-bottom: 2.6666666667vw;
    font-size: 6.9333333333vw;
    text-align: center
}

.content-wrap .content-box h2 {
    align-self: flex-end;
    font-size: 6.4vw
}

.content-wrap .content-box h3 {
    align-self: center;
    padding-top: 2.6666666667vw;
    opacity: .7;
    font-size: 4vw;
    line-height: 1.2
}

.content-wrap .content-box .arrival-time {
    align-self: flex-end;
    margin-right: 2.6666666667vw;
    font-size: 17.0666666667vw;
    font-weight: 700;
    text-align: right
}

.content-wrap .tips {
    display: inline-block;
    position: relative;
    left: 50%;
    margin-top: 2.6666666667vw;
    padding: 1.6vw 4vw 2.1333333333vw;
    transform: translate(-50%);
    border: .2666666667vw solid #ffe74b;
    border-radius: 5.3333333333vw;
    background: #f0d000;
    box-shadow: 0 1.3333333333vw 2.6666666667vw #f0d000,inset 0 .8vw 1.3333333333vw #ffe74b;
    color: #fff;
    font-family: Barlow Condensed,sans-serif;
    font-size: 4.2666666667vw
}

.content-wrap .ani-box {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 90%;
    margin: 10.6666666667vw auto 21.3333333333vw;
    font-family: Barlow Condensed,sans-serif
}

.content-wrap .ani-box .before-amount {
    display: flex;
    position: absolute;
    z-index: 3;
    left: 5%;
    align-items: center;
    justify-content: flex-end;
    width: 90%;
    height: 13.3333333333vw;
    padding: 0 6vw;
    animation: push-up .8s 1.2s;
    border-radius: 13.3333333333vw;
    opacity: 0
}

.content-wrap .ani-box .before-amount:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -2.1333333333vw;
    left: 10.6666666667vw;
    width: 0;
    height: 0;
    border-width: 2.1333333333vw 2.1333333333vw 0;
    border-style: solid
}

.content-wrap .ani-box .before-amount .icon-account {
    position: absolute;
    left: 1.3333333333vw;
    align-self: center;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-radius: 50%
}

.content-wrap .ani-box .before-amount .icon-account .item-icon {
    content: "";
    display: block;
    position: relative;
    width: 10.6666666667vw;
    height: 10.6666666667vw
}

.content-wrap .ani-box .before-amount .currency {
    margin-top: 3.2vw
}

.content-wrap .ani-box .before-amount .amount {
    font-size: 8vw
}

.content-wrap .ani-box .before-amount .player-account {
    position: absolute;
    right: 6vw;
    bottom: -2.6666666667vw;
    padding: .5333333333vw 2.6666666667vw .8vw;
    border-radius: 13.3333333333vw;
    font-size: 3.2vw
}

.content-wrap .ani-box .after-amount {
    display: flex;
    position: absolute;
    z-index: 3;
    right: 5%;
    bottom: -8vw;
    align-items: center;
    align-self: flex-end;
    justify-content: flex-start;
    width: 90%;
    height: 13.3333333333vw;
    padding: 0 6vw;
    animation: push-up .8s 2.7s;
    border-radius: 13.3333333333vw;
    opacity: 0
}

.content-wrap .ani-box .after-amount:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2.1333333333vw;
    right: 10.6666666667vw;
    width: 0;
    height: 0;
    border-width: 0 2.1333333333vw 2.1333333333vw;
    border-style: solid
}

.content-wrap .ani-box .after-amount .platform-logo {
    position: absolute;
    right: 1.3333333333vw;
    align-self: center;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-radius: 50%
}

.content-wrap .ani-box .after-amount .platform-logo .item-icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 10.6666666667vw;
    height: 10.6666666667vw
}

.content-wrap .ani-box .after-amount .currency {
    margin-top: 3.2vw
}

.content-wrap .ani-box .after-amount .amount {
    font-size: 8vw
}

.content-wrap .ani-box .after-amount .platform-name {
    position: absolute;
    bottom: -2.6666666667vw;
    left: 6vw;
    padding: .5333333333vw 2.6666666667vw .8vw;
    border-radius: 13.3333333333vw;
    font-size: 3.2vw
}

.content-wrap .ani-box .earth {
    display: flex;
    position: relative;
    top: 8vw;
    align-items: center;
    justify-content: center;
    width: 100%
}

.content-wrap .ani-box .earth .circle {
    position: relative;
    width: 80vw;
    height: 80vw;
    border: 2.6666666667vw solid rgba(255,231,75,.1);
    border-radius: 50%;
    background: #ffe74b33;
    box-shadow: inset 0 .2666666667vw 10.6666666667vw #f0d000
}

.content-wrap .ani-box .earth img {
    position: absolute;
    width: 90%;
    height: auto
}

.content-wrap .ani-box .earth video {
    position: absolute;
    width: 90%;
    height: auto
}

.content-wrap .ani-box .earth .payment {
    display: flex;
    position: absolute;
    z-index: 3;
    align-items: center;
    justify-content: center;
    width: 17.6vw;
    height: 17.6vw;
    animation: enlarge-payment .8s .9s;
    border: .2666666667vw solid #ffffff;
    border-radius: 50%;
    background: linear-gradient(180deg,#d8d8d8cc,#fffc);
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #ffffff80;
    opacity: 0
}

.content-wrap .ani-box .earth .payment .payment-logo {
    width: auto;
    max-width: 9.6vw;
    height: auto;
    max-height: 9.6vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.content-wrap .ani-box .earth .green-circle {
    position: absolute;
    width: 20.2666666667vw;
    height: 20.2666666667vw;
    animation: enlarge-green 1.1s 1.9s;
    border: 2.1333333333vw solid #40c618;
    border-radius: 50%;
    opacity: 0
}

.content-wrap.deposit .ani-box .before-amount {
    border: .2666666667vw solid #ffffff;
    background: linear-gradient(180deg,#d8d8d8cc,#fffc);
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #ffffff80
}

.content-wrap.deposit .ani-box .before-amount:before {
    border-color: rgba(255,255,255,.9) transparent transparent
}

.content-wrap.deposit .ani-box .before-amount .icon-account {
    border: .2666666667vw solid #ffe74b;
    background: linear-gradient(180deg,#f0d000,#ffe74b);
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #ffe74b
}

.content-wrap.deposit .ani-box .before-amount .icon-account .item-icon {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.content-wrap.deposit .ani-box .before-amount .currency,.content-wrap.deposit .ani-box .before-amount .amount {
    color: #4f9907
}

.content-wrap.deposit .ani-box .before-amount .player-account {
    border: .2666666667vw solid #ffe74b;
    background: linear-gradient(180deg,#f0d000,#ffe74b);
    box-shadow: 0 .8vw 2.6666666667vw #f0d000,inset 0 .8vw 1.3333333333vw #ffe74b;
    color: #fff
}

.content-wrap.deposit .ani-box .after-amount {
    border: .2666666667vw solid #1ec38f;
    background: #14805e;
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #1ec38f
}

.content-wrap.deposit .ani-box .after-amount:before {
    border-color: transparent transparent rgba(20,128,94,.9)
}

.content-wrap.deposit .ani-box .after-amount .platform-logo {
    border: .2666666667vw solid #a6f1d9;
    background: linear-gradient(180deg,#116e50,#1ec38f);
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #1ec38f
}

.content-wrap.deposit .ani-box .after-amount .platform-logo .item-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%
}

.content-wrap.deposit .ani-box .after-amount .currency,.content-wrap.deposit .ani-box .after-amount .amount {
    color: #fff
}

.content-wrap.deposit .ani-box .after-amount .platform-name {
    border: .2666666667vw solid #ea4f57;
    background: linear-gradient(180deg,#e72f37,#ea4f57);
    box-shadow: 0 .8vw 2.6666666667vw #e72f37,inset 0 .8vw 1.3333333333vw #ea4f57;
    color: #fff
}

.content-wrap.withdrawal .ani-box .before-amount {
    border: .2666666667vw solid #1ec38f;
    background: #14805e;
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #1ec38f
}

.content-wrap.withdrawal .ani-box .before-amount:before {
    border-color: rgba(20,128,94,.9) transparent transparent
}

.content-wrap.withdrawal .ani-box .before-amount .icon-account {
    border: .2666666667vw solid #a6f1d9;
    background: linear-gradient(180deg,#116e50,#1ec38f);
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #1ec38f
}

.content-wrap.withdrawal .ani-box .before-amount .icon-account .item-icon {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%
}

.content-wrap.withdrawal .ani-box .before-amount .currency,.content-wrap.withdrawal .ani-box .before-amount .amount {
    color: #fff
}

.content-wrap.withdrawal .ani-box .before-amount .player-account {
    border: .2666666667vw solid #ea4f57;
    background: linear-gradient(180deg,#e72f37,#ea4f57);
    box-shadow: 0 .8vw 2.6666666667vw #e72f37,inset 0 .8vw 1.3333333333vw #ea4f57;
    color: #fff
}

.content-wrap.withdrawal .ani-box .after-amount {
    border: .2666666667vw solid #ffffff;
    background: linear-gradient(180deg,#d8d8d8cc,#fffc);
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #ffffff80
}

.content-wrap.withdrawal .ani-box .after-amount:before {
    border-color: transparent transparent rgba(255,255,255,.9)
}

.content-wrap.withdrawal .ani-box .after-amount .platform-logo {
    border: .2666666667vw solid #ffe74b;
    background: linear-gradient(180deg,#f0d000,#ffe74b);
    box-shadow: 0 .5333333333vw .5333333333vw #2d2d2d1a,0 1.0666666667vw 1.0666666667vw #3131311a,0 2.1333333333vw 2.1333333333vw #2a2a2a1a,0 4.2666666667vw 4.2666666667vw #2020201a,inset 0 .8vw .8vw #ffe74b
}

.content-wrap.withdrawal .ani-box .after-amount .platform-logo .item-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.content-wrap.withdrawal .ani-box .after-amount .currency,.content-wrap.withdrawal .ani-box .after-amount .amount {
    color: #4f9907
}

.content-wrap.withdrawal .ani-box .after-amount .platform-name {
    border: .2666666667vw solid #ffe74b;
    background: linear-gradient(180deg,#f0d000,#ffe74b);
    box-shadow: 0 .8vw 2.6666666667vw #f0d000,inset 0 .8vw 1.3333333333vw #ffe74b;
    color: #fff
}

.content-wrap .button-box {
    display: flex;
    width: 80%;
    margin: 0 auto;
    animation: push-up .8s 3.2s;
    opacity: 0;
    font-family: Barlow Condensed,sans-serif;
    font-size: 5.3333333333vw;
    text-align: center
}

.content-wrap .button-box a {
    display: inline-block;
    flex: 1;
    width: 100%;
    padding: 4vw;
    overflow-x: hidden;
    border: .5333333333vw solid #1ec38f;
    border-radius: 2.6666666667vw;
    background: #14805e;
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-wrap .button-box a+a {
    width: 48%;
    margin-left: 2%
}

.logo-wrap {
    display: flex;
    position: fixed;
    z-index: 99;
    top: 50%;
    right: 1.3333333333vw;
    flex-direction: column;
    padding: 0 1.3333333333vw;
    transform: translateY(-50%);
    border-radius: 1.3333333333vw;
    background: #fffc
}

.logo-wrap img {
    position: relative;
    left: 50%;
    width: auto;
    max-width: 8vw;
    height: auto;
    max-height: 8vw;
    margin: 2.6666666667vw 0;
    transform: translate(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

@keyframes push-up {
    0% {
        transform: translateY(50%);
        opacity: 0
    }

    50% {
        transform: translateY(-25%);
        opacity: 1
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes enlarge-payment {
    0% {
        transform: scale(.7);
        opacity: 0
    }

    50% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes enlarge-green {
    0% {
        transform: scale(.7);
        opacity: .5
    }

    50% {
        transform: scale(1.02);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.iplimit-card-wrap {
    display: inline-block;
    width: 870px;
    height: 500px;
    margin: 70px 0;
    padding: 16px;
    border-radius: 15px;
    background: #232323;
    font-size: 0;
    word-wrap: break-word;
    word-break: break-all;
    box-shadow: 0 2px 2px 1px #0001a,0 4px 4px 1px #0001a,0 8px 8px 1px #0001a,0 16px 16px 1px #0001a,0 32px 32px 1px #0001a
}

.iplimit-card-wrap .left-inner,.iplimit-card-wrap .right-inner {
    width: 50%;
    vertical-align: middle;
    font-size: 3.2vw;
    line-height: 5.3333333333vw
}

.iplimit-card-wrap .left-inner {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.iplimit-card-wrap .right-inner {
    display: inline-block;
    max-width: 100%
}

.iplimit-card-wrap .right-inner h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #14805e;
    font-size: 180px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 16px
}

.iplimit-card-wrap .right-inner h4 {
    margin-bottom: 16px;
    color: #fff;
    font-size: 18px;
    word-break: normal;
    line-height: normal
}

.iplimit-card-wrap .right-inner p {
    margin-bottom: 16px;
    color: #999;
    font-size: 14px;
    line-height: normal
}

.iplimit-card-wrap .right-inner p span {
    color: #999
}

.iplimit-card-wrap .right-inner .btn-box {
    flex-wrap: wrap;
    justify-content: center
}

.iplimit-card-wrap .right-inner .button {
    flex: 1;
    max-width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    margin: 8px;
    padding: 0 8px;
    border-radius: 3px
}

.iplimit-card-wrap .right-inner .button a {
    padding: 0
}

.iplimit-card-wrap .server-img.img-1 {
    width: 100%;
    height: 418px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.iplimit-card-wrap .server-img.img-2 {
    width: 100%;
    height: 291px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%
}

.iplimit-card-wrap .server-img.img-3 {
    width: 100%;
    height: 442px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 80%
}

.iplimit-card-wrap .server-img.img-4 {
    width: 100%;
    height: 442px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.iplimit-card-wrap.sorry .left-inner {
    width: 450px
}

.iplimit-card-wrap.sorry .right-inner {
    width: 360px
}

.iplimit-card-wrap.sorry .right-inner h3 {
    font-size: 80px
}

.iplimit-card-wrap.service .right-inner h3,.iplimit-card-wrap.system .right-inner h3 {
    font-size: 56px
}

.iplimit-card-wrap.system {
    margin: 0
}

.iplimit-card-wrap.system .left-inner {
    position: relative
}

.iplimit-card-wrap.system .left-inner .logo {
    position: absolute;
    top: -72px;
    left: 0;
    width: 140px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain
}

.iplimit-card-wrap.vn {
    font-family: Helvetica,Tahoma,sans-serif
}

.iplimit-card-wrap.vn .right-inner h3 {
    font-family: Helvetica,Tahoma,sans-serif;
    font-size: 40px;
    font-weight: bolder
}

.mobile .iplimit-card-wrap {
    margin: 0
}

.system-maintain-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh
}

.system-maintain-wrap .content.nomainnav {
    padding: 0;
    z-index: 2
}

.system-maintain-wrap .content.nomainnav .container-1200 {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.system-maintain-wrap .iplimit-sys-bg canvas {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.content.mobile {
    height: 100vh;
    padding-top: 0;
    text-align: center
}

.content.mobile .container-1200 {
    width: 100%;
    height: 100%
}

.content.mobile .container-1200:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

@media screen and (orientation: portrait) {
    .content.mobile .iplimit-card-wrap {
        width:90vw;
        height: auto;
        vertical-align: middle
    }

    .content.mobile .iplimit-card-wrap .left-inner {
        width: 100%
    }

    .content.mobile .iplimit-card-wrap .server-img {
        width: 100%;
        height: 0;
        padding-bottom: 62.5%;
        background-size: contain
    }

    .content.mobile .iplimit-card-wrap .server-img.img-2 {
        background-size: 90%
    }

    .content.mobile .iplimit-card-wrap .server-img.img-3 {
        background-position-x: 80%
    }

    .content.mobile .iplimit-card-wrap .right-inner {
        width: auto
    }

    .content.mobile .iplimit-card-wrap .right-inner h3 {
        font-size: 26.6666666667vw
    }

    .content.mobile .iplimit-card-wrap .right-inner h4 {
        margin-bottom: 5%;
        font-size: 4.8vw
    }

    .content.mobile .iplimit-card-wrap .right-inner p {
        margin-bottom: 5%
    }

    .content.mobile .iplimit-card-wrap .right-inner .button {
        min-width: 32vw;
        max-width: 100%;
        height: 11.7333333333vw;
        font-size: 4.2666666667vw;
        line-height: 11.7333333333vw
    }

    .content.mobile .iplimit-card-wrap.service .right-inner h3 {
        font-size: 13.3333333333vw
    }

    .content.mobile .iplimit-card-wrap.sorry .right-inner h3 {
        font-size: 17.3333333333vw
    }

    .content.mobile .iplimit-card-wrap.system .right-inner h3 {
        font-size: 10.6666666667vw
    }

    .content.mobile .iplimit-card-wrap.system .left-inner .logo {
        top: -17.0666666667vw;
        width: 32vw;
        height: 10.6666666667vw
    }

    .content.mobile .iplimit-card-wrap.system .right-inner {
        max-height: 80vw;
        overflow-y: scroll
    }

    .content.mobile .iplimit-card-wrap.vn .right-inner h3 {
        font-size: 10.6666666667vw
    }
}

.footer-seo-content-wrapper .seo-content h1,.footer-seo-content-wrapper .seo-content h2,.footer-seo-content-wrapper .seo-content h3,.footer-seo-content-wrapper .seo-content h4,.footer-seo-content-wrapper .seo-content h5,.footer-seo-content-wrapper .seo-content h6 {
    margin-bottom: 2.1333333333vw;
    font-weight: 700
}

.footer-seo-content-wrapper .seo-content h1 {
    font-size: 6.4vw
}

.footer-seo-content-wrapper .seo-content h2 {
    font-size: 5.3333333333vw
}

.footer-seo-content-wrapper .seo-content h3 {
    font-size: 4.2666666667vw
}

.footer-seo-content-wrapper .seo-content p {
    font-size: 3.7333333333vw;
    line-height: 1.6
}

.footer-seo-content-wrapper .seo-content ol,.footer-seo-content-wrapper .seo-content ul {
    list-style: disc;
    font-size: 3.7333333333vw;
    line-height: 1.6;
    padding-left: 5.3333333333vw
}

.footer-seo-content-wrapper .seo-content a {
    color: #14805e
}

.tnc-wrapper .content-box-wrapper .content-box {
    color: #ffffff80
}

.tnc-wrapper .content-box-wrapper .content-box .title {
    margin-bottom: 4.2666666667vw;
    font-size: 4.2666666667vw;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #27b488
}

.tnc-wrapper .content-box-wrapper .content-box h1,.tnc-wrapper .content-box-wrapper .content-box h2,.tnc-wrapper .content-box-wrapper .content-box h3,.tnc-wrapper .content-box-wrapper .content-box h4,.tnc-wrapper .content-box-wrapper .content-box h5,.tnc-wrapper .content-box-wrapper .content-box h6 {
    color: #ffffffb3;
    margin-bottom: 2.1333333333vw;
    font-weight: 700
}

.tnc-wrapper .content-box-wrapper .content-box h1 {
    font-size: 6.4vw
}

.tnc-wrapper .content-box-wrapper .content-box h2 {
    font-size: 5.3333333333vw
}

.tnc-wrapper .content-box-wrapper .content-box h3 {
    font-size: 4.2666666667vw
}

.tnc-wrapper .content-box-wrapper .content-box p {
    width: inherit;
    margin-bottom: 4.2666666667vw;
    font-size: 3.2vw;
    line-height: 1.6
}

.tnc-wrapper .content-box-wrapper .content-box a {
    font-size: 3.2vw;
    line-height: 1.6;
    color: #27b488
}

.player-vip-lv1 {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 4vw 4vw 1.8666666667vw
}

.player-vip-lv1 .player-info {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 32vw;
    border-radius: 2.6666666667vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.player-vip-lv1 .player-info .member-pic {
    position: absolute;
    display: block;
    border-radius: 100%;
    top: 16vw;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    background: linear-gradient(180deg,#fff,#dfdfdf);
    box-shadow: 2px 4px 7px #0003d,0 1px 2px silver;
    z-index: 1
}

.player-vip-lv1 .player-info .member-pic .item-icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.player-vip-lv1 .player-info-vip {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 32vw;
    border-radius: 2.6666666667vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.player-vip-lv1 .player-info-vip .member-pic {
    position: absolute;
    display: block;
    border-radius: 100%;
    top: 16vw;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    background: linear-gradient(180deg,#fff,#dfdfdf);
    box-shadow: 2px 4px 7px #0003d,0 1px 2px silver;
    z-index: 1
}

.player-vip-lv1 .player-info-vip .member-pic .item-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.player-vip-lv1 .player-info-vip .member-label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15.2vw;
    height: 15.2vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.player-vip-lv1 .membername-wrap {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 8vw 0 0
}

.player-vip-lv1 .membername-wrap .membername {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 4.2666666667vw;
    color: #14805e;
    margin-right: 1.3333333333vw;
    word-break: break-all
}

.player-vip-lv1 .membername-wrap .level {
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    font-size: 3.2vw;
    padding: 1.3333333333vw;
    margin-left: 1.3333333333vw;
    background: linear-gradient(105deg,#c8c3b2 2%,#80795a);
    border-radius: 4px;
    color: #fff
}

.player-vip-lv1.player-vip-lv2 .player-info-vip {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.player-vip-lv1.player-vip-lv2 .player-info-vip .member-pic .item-icon {
    background-repeat: no-repeat
}

.player-vip-lv1.player-vip-lv2 .membername-wrap .level {
    background: linear-gradient(105deg,#c9c9c9 2%,#6f6f6f)
}

.player-vip-lv1.player-vip-lv3 .player-info-vip {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.player-vip-lv1.player-vip-lv3 .player-info-vip .member-pic .item-icon {
    background-repeat: no-repeat
}

.player-vip-lv1.player-vip-lv3 .membername-wrap .level {
    background: linear-gradient(105deg,#f1d266 3%,#c1912b)
}

.player-vip-lv1.player-vip-lv4 .player-info-vip {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.player-vip-lv1.player-vip-lv4 .player-info-vip .member-pic .item-icon {
    background-repeat: no-repeat
}

.player-vip-lv1.player-vip-lv4 .membername-wrap .level {
    background: linear-gradient(105deg,#ced1d6 2%,#a0a9b6)
}

.player-vip-lv1.player-vip-lv5 .player-info-vip {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.player-vip-lv1.player-vip-lv5 .player-info-vip .member-pic .item-icon {
    background-repeat: no-repeat
}

.player-vip-lv1.player-vip-lv5 .membername-wrap .level {
    background: linear-gradient(105deg,#698af2 2%,#3356cd)
}

.player-top {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    background: #14805e
}

.player-top:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 13.3333333333vw;
    transform: translateY(-100%);
    z-index: -1;
    background: #14805e;
    pointer-events: none
}

.player-top .player-card,.player-top .credit-card {
    margin: 1.3333333333vw 2.6666666667vw 6.6666666667vw
}

.player-top .item-bg {
    position: absolute;
    z-index: -1;
    inset: 0 0 -1px
}

.player-top.player-deposit {
    position: relative;
    flex-direction: column;
    height: auto;
    background: #14805e
}

.player-top.player-deposit:before {
    display: none
}

.player-top.player-deposit .item-bg {
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: bottom;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    -webkit-mask-size: 100%
}

.player-top.player-deposit+.content {
    padding: 0
}

.player-top.player-nav-page {
    background: #14805e;
    flex-wrap: wrap
}

.player-top.player-withdraw {
    position: static;
    position: relative;
    flex-direction: column;
    height: auto;
    background: #14805e;
    color: #fff
}

.player-top.player-withdraw .item-bg {
    content: "";
    position: absolute;
    inset: 0 0 -1px;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: bottom;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    -webkit-mask-size: 100%
}

.credit-card {
    position: relative;
    box-sizing: border-box;
    width: 92vw;
    min-height: 51.2vw;
    margin: 0 auto 6.6666666667vw;
    padding: 5.3333333333vw 4vw;
    border-radius: 4vw;
    background: linear-gradient(240deg,#3356cd,#86bff4);
    box-shadow: 0 .5333333333vw .8vw #0004d;
    font-size: 3.2vw;
    z-index: 0
}

.credit-card .credit-card-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    border-radius: 4vw
}

.credit-card .credit-card-inner {
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 90%;
    height: auto;
    color: #fff;
    padding-bottom: 6.6666666667vw
}

.credit-card .unit-icon {
    position: absolute;
    top: 8vw;
    left: 4.5333333333vw;
    width: 6.6666666667vw;
    margin-right: 1.3333333333vw
}

.credit-card .unit-icon img {
    width: 100%;
    height: auto
}

.credit-card .bank-name {
    margin-left: 8vw;
    padding: 1.0666666667vw 2.6666666667vw
}

.credit-card .bank-name p {
    font-size: 4vw;
    margin-bottom: .8vw;
    line-height: 1.1
}

.credit-card .bank-branch {
    margin-left: 8vw;
    padding: 1.0666666667vw 2.6666666667vw;
    margin-top: .8vw
}

.credit-card .bank-branch p {
    font-size: 2.9333333333vw;
    line-height: 1.1
}

.credit-card .card-number {
    margin-top: 2.1333333333vw;
    font-size: 6.1333333333vw;
    line-height: 1.2;
    padding: 1.0666666667vw 4vw;
    word-break: break-all
}

.credit-card .user-name {
    margin-top: .8vw;
    font-size: 3.2vw;
    line-height: 1.5;
    padding: 1.0666666667vw 4vw
}

.credit-card .bank-info-copy {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: inherit;
    border-radius: 1.0666666667vw;
    transition: all .3s
}

.credit-card .bank-info-copy p {
    word-break: break-all;
    text-shadow: 0 0 .5333333333vw rgba(0,0,0,.5)
}

.credit-card .bank-info-copy .item-icon {
    content: "";
    display: inline-block;
    margin-left: 2.1333333333vw;
    width: 15px;
    height: 15px;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    flex: 0 0 15px
}

.credit-card .bank-info-copy.active {
    background: #0003
}

.credit-card .bank-info-copy.active .tips-txt {
    display: block;
    animation: tips-txt-show .3s linear forwards
}

.credit-card .bank-info-copy.hide {
    background: #0003
}

.credit-card .bank-info-copy.hide .tips-txt {
    display: block;
    animation: tips-txt-hide .2s linear forwards
}

.credit-card .tips-txt {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 2.6666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: .8vw;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 .5333333333vw #99999980;
    font-size: 3.2vw;
    color: #00080;
    line-height: 1.5;
    transform: translateY(-100%)
}

.credit-card .tips-txt:before {
    content: "";
    position: absolute;
    right: 2.6666666667vw;
    bottom: -5px;
    width: 0;
    height: 0;
    border-width: 6px 3px 0;
    border-style: solid;
    border-color: #ffffff transparent transparent
}

.credit-card .tips-txt:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(240deg,#3356cd,#86bff4)
}

@keyframes tips-txt-show {
    0% {
        top: -13.3333333333vw;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes tips-txt-hide {
    0% {
        top: 0;
        opacity: 1
    }

    to {
        top: -13.3333333333vw;
        opacity: 0
    }
}

.credit-card .deposit-amount {
    position: absolute;
    bottom: 5.3333333333vw
}

.credit-card .deposit-amount label,.credit-card .deposit-amount p {
    display: inline-block
}

.credit-card .deposit-amount label {
    margin-right: 2.6666666667vw;
    line-height: 1.8;
    text-align: left
}

.credit-card .deposit-amount p {
    color: #ffea00;
    font-size: 4.2666666667vw
}

.credit-card .deco {
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    margin: 2.6666666667vw
}

.credit-card .deco img {
    display: block;
    width: 100%
}

.player-deposit-wrap {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.player-deposit-wrap .player-deposit-step1 {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    background: #111
}

.player-deposit-wrap .player-deposit-step1.active {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.player-deposit-wrap .player-deposit-step2 {
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    flex-shrink: 0;
    background: #111;
    transition: top 3s
}

.player-deposit-wrap.active .player-deposit-step1.active {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.player-deposit-wrap.active .player-deposit-step2 {
    position: absolute;
    top: 0;
    height: auto;
    opacity: 1
}

.player-deposit-wrap.active .player-deposit-step2.active {
    position: relative
}

.player-top .tips-info h5 {
    width: 100%;
    margin-bottom: 0;
    align-items: flex-start
}

.player-top .tips-info span {
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.2;
    white-space: pre-wrap
}

.player-top .tips-info span i {
    color: #fff;
    font-weight: 400
}

.player-deposit-wrap .tips-info.note,.withdraw-wallet .tips-info.note {
    margin: 0
}

.player-deposit-wrap .tips-info.note h5:before,.withdraw-wallet .tips-info.note h5:before {
    display: none
}

.player-deposit-wrap .tips-info.note h5,.withdraw-wallet .tips-info.note h5 {
    width: 100%;
    margin-bottom: 0;
    align-items: flex-start
}

.player-deposit-wrap .tips-info.note .tips-icon,.withdraw-wallet .tips-info.note .tips-icon {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background: #fff;
    margin: 0 2.1333333333vw 0 0
}

.player-deposit-wrap .tips-info.note span,.withdraw-wallet .tips-info.note span {
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.2;
    white-space: pre-wrap
}

.player-deposit-wrap .tips-info.note span i,.withdraw-wallet .tips-info.note span i {
    color: #fff;
    font-weight: 400
}

.menu-box.slideshow {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

.menu-box.slideshow .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4vw;
    margin-bottom: 1.0666666667vw
}

.menu-box.slideshow .title h2 {
    border: 0
}

.menu-box.slideshow .promotion-pick {
    margin: 2.6666666667vw 4vw 0;
    text-align: center
}

.menu-box.slideshow .promotion-pick .item-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw
}

.menu-box.slideshow .promotion-pick p,.menu-box.slideshow .promotion-pick span {
    display: inline;
    width: 100%;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3.2vw
}

.menu-box.slideshow .promotion-pick p+span {
    margin-top: .5333333333vw
}

.menu-box.slideshow .promotion-pick p {
    color: #fffc
}

.menu-box.slideshow .promotion-pick span {
    font-size: 3.2vw;
    color: #fff;
    font-weight: 700
}

.slideshow-btn {
    float: right;
    display: flex;
    width: 32vw;
    height: 6.6666666667vw
}

.slideshow-btn .left-btn,.slideshow-btn .right-btn {
    display: flex;
    position: relative;
    width: 50%;
    height: 6.6666666667vw;
    justify-content: center;
    align-items: center;
    background: #927f4c;
    box-shadow: inset 0 0 2.6666666667vw #948663
}

.slideshow-btn .left-btn span,.slideshow-btn .right-btn span {
    display: block;
    position: relative;
    width: 4.2666666667vw;
    height: 2.9333333333vw;
    background: #ffffff4d;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center
}

.slideshow-btn .left-btn.active,.slideshow-btn .right-btn.active {
    background: #bba36c;
    box-shadow: inset 0 0 1.0666666667vw #d4bd8d
}

.slideshow-btn .left-btn.active span,.slideshow-btn .right-btn.active span {
    background: #fff
}

.slideshow-btn .left-btn {
    border-radius: 1.3333333333vw 0 0 1.3333333333vw
}

.slideshow-btn .right-btn {
    border-radius: 0 1.3333333333vw 1.3333333333vw 0
}

.slideshow-btn .right-btn span {
    transform: rotate(180deg)
}

.slideshow-cont {
    margin-top: 1.0666666667vw;
    width: calc(70% + 2.6666666667vw);
    margin: auto
}

.slideshow-cont .slideshow-block {
    display: flex;
    justify-content: center
}

.slideshow-cont .slideshow-item {
    position: relative;
    display: flex;
    width: calc(100% - 1.3333333333vw);
    height: 31.2vw;
    border-radius: 1.3333333333vw;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 .2666666667vw 1.0666666667vw #0006
}

.slideshow-cont .slideshow-item:nth-child(2n) {
    margin-left: 1.3333333333vw
}

.slideshow-cont .slideshow-item img {
    height: 100%
}

.slideshow-cont .slideshow-item.active {
    transition: all .3s;
    border: .5333333333vw solid #ffffff;
    background: #111;
    color: #fff
}

.slideshow-cont .slideshow-item.active .item-icon {
    display: block
}

.slideshow-cont .slideshow-item.active .info-cont {
    background: #182647
}

.slideshow-cont .info-cont {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    padding: 1.0666666667vw 1.6vw;
    color: #fff;
    background: #182647bf
}

.slideshow-cont .info-cont div+div {
    margin-top: .5333333333vw
}

.slideshow-cont .info-cont .type {
    display: flex;
    width: 100%;
    flex-direction: row;
    font-size: 2.6666666667vw;
    line-height: 1.5;
    justify-content: space-between
}

.slideshow-cont .info-cont .date {
    font-style: italic
}

.slideshow-cont .info-cont .date span+span:before {
    content: "-";
    padding: 0 .8vw
}

.slideshow-cont .info-cont .date i+i:before {
    content: "/"
}

.slideshow-cont .info-cont .title {
    display: block;
    width: 100%;
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 1;
    padding-left: 0;
    padding-right: 0
}

.slideshow-cont .carousel-frame-alpha__pagination {
    margin-top: 1.3333333333vw!important
}

.slideshow-cont .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-top: 1.3333333333vw
}

.slideshow-cont .pagination__bullet {
    display: block;
    background: #ffffff80!important;
    border-radius: 1.3333333333vw!important;
    overflow: hidden;
    transition: .3s;
    cursor: pointer
}

.slideshow-cont .pagination__bullet--active {
    background: #fff!important
}

.pull-down-wrap {
    display: block
}

.pull-down-wrap .promotion-pick {
    padding: 0 4vw;
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    background: #bba36c;
    box-shadow: inset 0 0 1.0666666667vw #d4bd8d;
    align-items: center
}

.pull-down-wrap .promotion-pick .item-icon {
    position: relative;
    top: .8vw;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 1.3333333333vw
}

.pull-down-wrap .promotion-pick p,.pull-down-wrap .promotion-pick span {
    display: inline-block;
    text-align: left;
    font-size: 4.2666666667vw;
    font-weight: 700;
    color: #fff;
    line-height: 12.8vw
}

.pull-down-wrap .promotion-pick p+span {
    margin-top: .5333333333vw;
    max-width: 50%
}

.pull-down-wrap .promotion-pick p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pull-down-wrap .promotion-pick span {
    font-size: 3.7333333333vw;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pull-down-wrap .pull-down-block {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden
}

.pull-down-wrap .pull-down-item {
    position: relative;
    display: flex;
    width: 100%;
    height: 11.2vw;
    margin: .6666666667vw 0;
    border-radius: 1.3333333333vw;
    align-content: center;
    justify-content: left;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 .2666666667vw 1.0666666667vw #0006;
    transform: translateY(53.3333333333vw);
    animation: effect .65s ease forwards
}

.pull-down-wrap .pull-down-item:nth-child(4n+1) {
    animation-delay: 0s
}

.pull-down-wrap .pull-down-item:nth-child(4n+2) {
    animation-delay: .2s
}

.pull-down-wrap .pull-down-item:nth-child(4n+3) {
    animation-delay: .4s
}

.pull-down-wrap .pull-down-item:nth-child(4n+4) {
    animation-delay: .6s
}

.pull-down-wrap .pull-down-item .item-icon {
    display: none;
    position: absolute;
    z-index: 2;
    right: -.5333333333vw;
    bottom: -.2666666667vw;
    width: 6.4vw;
    height: 5.3333333333vw;
    transition: all .3s;
    opacity: 1;
    background: #ffdf1a;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90%
}

.pull-down-wrap .pull-down-item .item-image-wrap {
    display: flex;
    justify-content: center;
    width: 34.9333333333vw;
    min-width: 34.9333333333vw;
    height: 100%
}

.pull-down-wrap .pull-down-item .item-image-wrap img {
    width: auto;
    height: 100%
}

.pull-down-wrap .pull-down-item.active {
    border: .4vw solid #ffffff;
    box-shadow: inset 0 1px 2px #0006;
    background: #111;
    color: #fff
}

.pull-down-wrap .pull-down-item.active .item-icon {
    display: block
}

.pull-down-wrap .pull-down-item.active .info-cont {
    font-size: 3.2vw;
    background: #182647
}

.pull-down-wrap .pull-down-item.active .item-image-wrap img {
    height: calc(100% + .5333333333vw);
    margin-top: calc(0px - .2666666667vw);
    margin-left: calc(0px - .2666666667vw)
}

.pull-down-wrap .pull-down-item.mask:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00080;
    z-index: 99
}

.pull-down-wrap .info-cont {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1.0666666667vw 2.1333333333vw;
    color: #fff;
    background: #182647bf;
    align-items: center;
    justify-content: center
}

.pull-down-wrap .info-cont div+div {
    margin-top: .5333333333vw
}

.pull-down-wrap .info-cont .title {
    display: -webkit-box;
    width: 100%;
    font-size: 2.6666666667vw;
    font-weight: 400;
    line-height: 1;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    text-overflow: clip;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.pull-down-btn {
    display: flex;
    width: 100%;
    height: 8vw;
    margin-top: 1.3333333333vw
}

.pull-down-btn .bottom-btn {
    display: flex;
    position: relative;
    width: 100%;
    height: 6.6666666667vw;
    justify-content: center;
    align-items: center;
    background: #927f4c;
    box-shadow: inset 0 0 1.0666666667vw #948663;
    border-radius: 1.3333333333vw
}

.pull-down-btn .bottom-btn span {
    position: relative;
    display: block;
    color: #fff;
    font-size: 3.2vw
}

@keyframes effect {
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.kyc-verify-mask {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #0006;
    border-radius: .8vw;
    overflow: hidden
}

.kyc-verify-mask .kyc-verify-mask-icon {
    display: block;
    width: 6.4vw;
    height: 6.4vw;
    margin: 0 auto
}

.kyc-verify-mask .kyc-verify-mask-icon:before {
    content: "!";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.4vw;
    height: 6.4vw;
    border-radius: 50%;
    background: #fff;
    color: #0006;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 4.2666666667vw;
    text-align: center
}

.kyc-verify-mask .kyc-verify-mask-message {
    display: block;
    color: #fff;
    text-shadow: 0 0 .5333333333vw rgba(0,0,0,.6);
    text-align: center;
    margin-top: 2.1333333333vw
}

.kyc-verify-mask .kyc-verify-mask-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index: -1
}

.tab-btn-section,.tab-btn-wrap {
    width: 100%
}

.tab-btn-page {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 13.3333333333vw;
    transition: all .3s;
    background: #14805e;
    z-index: 3
}

.tab-btn-page:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 13.3333333333vw;
    transform: translateY(-100%);
    z-index: -1;
    background: #14805e;
    pointer-events: none
}

.tab-btn-page .line {
    display: block;
    position: absolute;
    width: 33.3333333333%;
    height: .8vw;
    left: 0;
    bottom: 0;
    background: #ffde1a;
    border-radius: .8vw;
    transition: all .3s
}

.tab-btn-page .btn {
    position: relative;
    width: inherit!important;
    padding: 4vw 0;
    text-align: center;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto
}

.tab-btn-page .btn .text {
    display: inline-block;
    position: relative;
    margin: 0 4vw;
    font-size: 3.7333333333vw;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.tab-btn-page .btn .badge {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2.6666666667vw;
    padding: .2666666667vw 1.3333333333vw;
    transform: translate(90%,-100%);
    color: #fff;
    background: #ee3945;
    border-radius: 2.6666666667vw
}

.tab-btn-page .btn.active .text,.tab-btn-page .btn[data-tab-current=current] .text {
    color: #ffea00
}

.tab-btn-page .btn[data-tab-current=current]:after {
    display: block
}

.tab-btn-page:first-child:before {
    opacity: 0
}

.player-nav-page .tab-btn-page {
    background: transparent
}

.tab-btn-wrap {
    position: relative;
    padding: 2.1333333333vw 4vw 3.2vw;
    background: #14805e
}

.tab-btn-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.3333333333vw;
    transform: translateY(-100%);
    z-index: 0;
    background: #14805e;
    pointer-events: none
}

.tab-btn-bar {
    display: flex;
    position: relative;
    z-index: 3;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8vw;
    transition: all .3s;
    color: #fff
}

.tab-btn-bar:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 80%;
    transform: translateY(-50%);
    border-radius: .8vw;
    background: #0d543e
}

.tab-btn-bar .line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    transition: all .3s;
    border-radius: .8vw;
    background: #34af83;
    box-shadow: 0 0 .5333333333vw .2666666667vw #0d535480
}

.tab-btn-bar .btn {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 1.3333333333vw;
    transition: all .3s;
    text-align: center
}

.tab-btn-bar .btn .icon+.text {
    margin-left: 1.3333333333vw
}

.tab-btn-bar .btn .text {
    display: inline-block;
    position: relative;
    padding: 1.6vw 0;
    font-size: 3.4666666667vw;
    font-weight: 700;
    text-align: center
}

.tab-btn-bar .btn .badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.3333333333vw;
    transform: translate(90%,-100%);
    color: #fff;
    background: #ee3945;
    border-radius: 2.6666666667vw;
    font-size: 2.6666666667vw
}

.tab-btn-bar .btn[data-tab-current=current]:after {
    display: block
}

.tab-content-page {
    display: block;
    width: 100%;
    overflow: hidden
}

.tab-content-page.disable .deposit-wallet .button {
    background: #0a3e2d
}

.tab-content-page.disable .deposit-wallet .button a {
    color: #999
}

.tab-content-page.disable .deposit-wallet .button a:before {
    display: inline-block
}

.tab-content-page.disable .withdraw-wallet .button {
    background: #0a3e2d;
    pointer-events: none
}

.tab-content-page.disable .withdraw-wallet .button a {
    color: #999
}

.tab-content-page.disable .withdraw-wallet .verify-tips {
    display: block
}

.tab-content-page.disable .withdraw-wallet .accordion-wrap.error {
    width: 95%;
    margin: 1.3333333333vw auto
}

.tab-content-page.disable .withdraw-wallet .button a:before {
    display: inline-block
}

.deposit-wallet .button {
    position: relative
}

.deposit-wallet .button a:before {
    content: "!";
    display: none;
    position: absolute;
    top: -1.3333333333vw;
    right: -.5333333333vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    border: .2666666667vw solid #ffffff;
    border-radius: 5.8666666667vw;
    background: #d15454;
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 5.8666666667vw;
    text-align: text-bottom
}

.withdraw-wallet .verify-tips,.withdraw-wallet .close-tips {
    display: none
}

.withdraw-wallet .button {
    position: relative
}

.withdraw-wallet .button a:before {
    content: "!";
    display: none;
    position: absolute;
    top: -1.3333333333vw;
    right: -.5333333333vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    border: .2666666667vw solid #ffffff;
    border-radius: 5.8666666667vw;
    background: #d15454;
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 5.8666666667vw;
    text-align: text-bottom
}

.tips-info {
    position: relative;
    flex: 1;
    margin: 4vw;
    padding: 2.6666666667vw;
    border: .2666666667vw solid #14805e;
    border-radius: 1.3333333333vw;
    background: #06281d;
    text-align: left;
    white-space: normal
}

.tips-info .title-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2.6666666667vw
}

.tips-info .title-box span {
    color: #fff
}

.tips-info h5 {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 92%;
    margin-bottom: 2.6666666667vw
}

.tips-info h5:before {
    content: "!";
    display: inline-block;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    border-radius: 50%;
    background: #fff;
    color: #06281d;
    text-align: center
}

.tips-info h5 span {
    display: inline-block;
    flex: 1;
    width: calc(100% - 50px);
    vertical-align: text-top;
    color: #fff
}

.tips-info a {
    text-decoration: none
}

.tips-info p,.tips-info b {
    display: block;
    padding-bottom: 5px;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.2;
    text-align: left
}

.tips-info i {
    padding: 0 .8vw;
    color: #fff;
    font-weight: 700
}

.tips-info ol,.tips-info ol li {
    list-style: decimal outside
}

.tips-info ul,.tips-info ul li {
    list-style: disc outside
}

.tips-info ul,.tips-info ol {
    display: block;
    width: 100%;
    padding-left: 4vw;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: left
}

.tips-info li {
    display: list-item
}

.tips-info .toggle-btn {
    width: 3.2vw;
    height: 3.2vw;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background: #fff;
    transition: .3s;
    transform: rotate(90deg);
    margin-left: 2.1333333333vw;
    cursor: pointer
}

.tips-info .toggle-btn.active {
    transform: rotate(270deg)
}

.tips-info .tips-info-block {
    display: none;
    transition: .5s
}

.tips-info .tips-info-block.active {
    display: block;
    transition: .5s
}

.close-tips {
    display: inline-block;
    width: 8vw;
    height: 8vw;
    background: #fffc;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.verify-tips ul,.verify-tips ol {
    padding-left: 0;
    list-style: none
}

.verify-tips ul>li,.verify-tips ol>li {
    list-style: none
}

.verify-tips ol>li:last-child {
    margin-bottom: 0
}

.verify-tips ol {
    padding-top: 2.6666666667vw;
    border-top: .2666666667vw dotted #14805e
}

.verify-tips a {
    display: block;
    width: 100%
}

.verify-tips label {
    display: block;
    margin-bottom: .8vw;
    font-size: 3.4666666667vw;
    font-weight: 700
}

.verify-tips label:before {
    content: "";
    display: inline-block;
    width: .8vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: .8vw;
    background: #fff;
    vertical-align: sub
}

.verify-tips p {
    display: block
}

.verify-tips h5 {
    margin-bottom: 0
}

.personal-info,.contact-info,.document-info,.info-supporting {
    position: relative;
    padding: 1.3333333333vw
}

.personal-info.active:before,.contact-info.active:before,.document-info.active:before,.info-supporting.active:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: Flashing .1s linear forwards;
    border-radius: 1.3333333333vw;
    background: #fff3
}

.personal-info.hide:before,.contact-info.hide:before,.document-info.hide:before,.info-supporting.hide:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.3333333333vw;
    background: #fff3
}

.personal-info ul,.contact-info ul,.document-info ul,.info-supporting ul {
    padding-left: 2.1333333333vw
}

.personal-info li,.contact-info li,.document-info li,.info-supporting li {
    display: inline-block;
    margin: 0 1.3333333333vw 1.3333333333vw 0;
    padding: 1.0666666667vw 2.6666666667vw;
    border-radius: 5.3333333333vw;
    color: #111;
    vertical-align: middle
}

.personal-info label {
    color: #70b267
}

.personal-info label:before {
    background: #70b267
}

.personal-info li {
    background: #70b26726;
    color: #70b267
}

.contact-info label {
    color: #409fff
}

.contact-info label:before {
    background: #409fff
}

.contact-info li {
    background: #409fff26;
    color: #409fff
}

.document-info label {
    color: #ff777c
}

.document-info label:before {
    background: #ff777c
}

.document-info li {
    background: #ff777c26;
    color: #ff777c
}

.info-choose-one label {
    color: #ef67ab
}

.info-choose-one label:before {
    background: #ef67ab
}

.info-choose-one li {
    background: transparent;
    border: .2666666667vw solid #ef67ab;
    color: #ef67ab
}

.info-supporting label {
    color: #d8a845
}

.info-supporting label:before {
    background: #d8a845
}

.info-supporting li {
    background: transparent;
    border: .2666666667vw solid #d8a845;
    color: #d8a845
}

.tab-content .inner-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    transition: all .3s
}

.tab-content .inner-wrap .inner-box {
    display: block;
    position: relative;
    width: 100%;
    flex-shrink: 0
}

.tab-content-wrap .tab-btn-page {
    padding: 0 1.3333333333vw;
    background: transparent
}

.tab-content-wrap .line {
    display: none
}

.tab-content-wrap .btn .text {
    border-radius: 1.3333333333vw;
    padding: 2.1333333333vw 1.3333333333vw;
    background: #111;
    width: 100%;
    margin: 1.3333333333vw
}

.tab-content-wrap .btn[data-tab-current=current] .text {
    color: #fff;
    background: #14805e
}

.forgetpassword .inner-wrap {
    margin-top: 2.6666666667vw
}

.list-loading {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 10.6666666667vw;
    padding: 2.6666666667vw 0 5.3333333333vw;
    margin: auto;
    z-index: 1
}

.list-loading:before,.list-loading:after {
    content: "";
    display: block;
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    mix-blend-mode: difference
}

.list-loading:before {
    background: #f8d072;
    animation: slide-right-left 1s linear infinite
}

.list-loading:after {
    background: #fbe9be;
    animation: slide-left-right 1s linear infinite
}

@keyframes slide-right-left {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(50%) scale(1.3)
    }

    40%,50% {
        transform: translate(100%)
    }

    60% {
        transform: translate(50%) scale(.75)
    }

    90%,to {
        transform: translate(0)
    }
}

@keyframes slide-left-right {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-50%) scale(.75)
    }

    40%,50% {
        transform: translate(-100%)
    }

    60% {
        transform: translate(-50%) scale(1.3)
    }

    90%,to {
        transform: translate(0)
    }
}

.task-card-wrap {
    display: flex;
    flex: 1;
    padding: 4vw;
    background: #4e4e4e
}

.task-card {
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: .2666666667vw solid #ffb026;
    border-radius: 2.1333333333vw;
    background: #413b2b;
    box-shadow: 0 .2666666667vw 1.3333333333vw #635b4fb3;
    overflow: hidden
}

.task-card .t-title {
    display: inline-block;
    width: 100%;
    min-height: 2.6666666667vw;
    padding: .8vw 1.3333333333vw;
    background: #ffb026;
    color: #fff;
    font-size: 3.2vw;
    text-align: center
}

.t-card {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 1.8666666667vw 0
}

.t-card .t-box {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.t-card .t-box:first-child .t-b-circle:before {
    width: 50%;
    left: 50%;
    transform: translateY(-50%)
}

.t-card .t-box:last-child .t-b-circle:before {
    width: 50%;
    left: 50%;
    transform: translate(-100%,-50%)
}

.t-card .t-box .t-b-circle {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: .8vw 0
}

.t-card .t-box .t-b-circle:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: .5333333333vw;
    transform: translate(-50%,-50%);
    background: #727272;
    z-index: 1
}

.t-card .t-box .t-b-circle .circle {
    display: flex;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 4.8vw;
    height: 4.8vw;
    border: .2666666667vw solid #313131;
    border-radius: 50%;
    background: #727272
}

.t-card .t-box .t-b-circle .circle i {
    color: #313131;
    font-size: 2.6666666667vw;
    font-weight: 500
}

.t-card .t-box .t-b-circle .status-icon {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.t-card .t-box .t-b-title {
    padding: .8vw;
    color: #ffe29d;
    font-size: 3.2vw;
    text-align: center
}

.t-card .t-box .t-b-sub-title {
    padding: .8vw;
    color: #ffa200;
    font-size: 2.6666666667vw;
    font-weight: 500;
    text-align: center
}

.menu-box+.task-card-wrap {
    margin: -4vw 0
}

.t-box.status-coin .t-b-circle .status-icon {
    box-shadow: 0 0 3px #0004d;
    transform: translate(-50%,-50%) scale(1.1)
}

.t-box.status-coinget .t-b-circle .status-icon {
    box-shadow: 0 0 2px #0009;
    transform: translate(-50%,-50%) scale(1.1)
}

.accordion-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 2.6666666667vw 0;
    overflow: hidden;
    border: .2666666667vw solid #10a88c;
    border-radius: 1.0666666667vw;
    background: #262626
}

.accordion-wrap.show .a-content {
    height: -moz-fit-content;
    height: fit-content;
    max-height: 300px;
    opacity: 1
}

.accordion-wrap.show .a-arrow {
    transform: rotate(180deg);
    transform-origin: center
}

.accordion-wrap .a-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .8vw 2.6666666667vw;
    background: #10a88c;
    color: #262626;
    font-size: 2.9333333333vw;
    text-align: left
}

.accordion-wrap .a-title .a-text {
    flex-grow: 1
}

.accordion-wrap .a-title .a-icon {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background: #262626;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90%
}

.accordion-wrap .a-title .a-arrow {
    display: none;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    background: #262626;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: all .3s
}

.accordion-wrap .a-content {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s,opacity .5s;
    color: #eaeaea;
    opacity: 0
}

.accordion-wrap .a-content ol.a-list {
    padding: 1.3333333333vw 2.6666666667vw 1.3333333333vw 6.6666666667vw
}

.accordion-wrap .a-content .a-list {
    padding: 1.3333333333vw 2.6666666667vw;
    list-style: auto
}

.accordion-wrap .a-content .a-item {
    padding: .5333333333vw 0;
    font-size: 2.6666666667vw;
    line-height: 1.3;
    word-break: break-all
}

.accordion-wrap.error {
    margin: 1.3333333333vw 0;
    border: .2666666667vw solid #fd3e64;
    background: #262626
}

.accordion-wrap.error .a-title {
    background: #d15454;
    color: #262626
}

.accordion-wrap.error .a-title .a-icon,.accordion-wrap.error .a-title .a-arrow {
    background: #262626
}

.accordion-wrap.error .a-content {
    color: #d15454
}

.accordion-wrap .toggle-btn .a-arrow {
    display: block
}

.upload-wrap .upload-area {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40vw;
    border: .2666666667vw dashed #10a88c;
    border-radius: 1.0666666667vw;
    background: #17211f
}

.upload-wrap .upload-area.active .delete-btn {
    display: block
}

.upload-wrap .area-pic {
    position: absolute;
    z-index: 2;
    inset: 0;
    overflow: hidden;
    border: 0;
    text-align: center;
    pointer-events: none
}

.upload-wrap .area-pic img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all .3s
}

.upload-wrap .area-mask {
    display: flex;
    position: absolute;
    z-index: 3;
    inset: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.0666666667vw;
    background: #000b3
}

.upload-wrap .area-mask .m-icon {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    margin: 2.6666666667vw;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.upload-wrap .area-mask .m-text {
    font-size: 3.7333333333vw;
    text-shadow: 0 0 4px rgba(0,0,0,.5)
}

.upload-wrap .area-mask .m-btn {
    margin-top: 1.8666666667vw;
    padding: 1.3333333333vw 4.5333333333vw;
    border-radius: 1.0666666667vw;
    background: #10a88c;
    color: #fff;
    font-size: 3.2vw
}

.upload-wrap .delete-btn {
    display: none;
    z-index: 4;
    transition: all .3s
}

.upload-wrap+.upload-wrap {
    padding-top: 2.6666666667vw
}

.area-inner {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.area-inner input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.area-inner .u-icon {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    pointer-events: none;
    background: #10a88c;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.area-inner .u-text {
    color: #10a88c;
    font-size: 3.7333333333vw
}

.area-inner .upload-img {
    height: 100%
}

.upload-wrap .upload-area.loading .m-icon {
    animation: loading 2s linear infinite;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.upload-wrap .upload-area.pending .m-text {
    color: #fff
}

.upload-wrap .upload-area.failed .area-mask {
    pointer-events: none
}

.upload-wrap .upload-area.failed .m-text {
    color: #fff
}

.upload-wrap .upload-area.failed .delete-btn {
    display: block
}

.upload-wrap .upload-area.success .m-text {
    color: #fff
}

.content.player-content {
    padding-bottom: 13.3333333333vw;
    margin-bottom: 13.3333333333vw
}

.content.player-content:has(mcd-vip-detail-iframe) {
    padding-bottom: 0;
    margin-bottom: 0
}

.content.player-full-content {
    padding-top: 0;
    padding-bottom: 13.3333333333vw;
    margin-bottom: 13.3333333333vw
}

.ticket-wrap {
    display: block;
    padding: 2.6666666667vw;
    width: inherit
}

.ticket {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 1.3333333333vw;
    color: #eaeaea;
    background: #1dc892
}

.ticket+.ticket {
    margin-top: 2.6666666667vw
}

.ticket.completed {
    background: #484d48
}

.ticket.completed .ticket-deco .line {
    background: radial-gradient(circle,#484d48 48%,#fff0 0%);
    background-position: -5px;
    background-size: 5.0666666667vw 5.0666666667vw;
    background-repeat: repeat-y
}

.ticket.completed .ticket-deco:before,.ticket.completed .ticket-deco:after {
    background: #484d48
}

.ticket.completed .ticket-inner {
    background: #111
}

.ticket.completed .ticket-inner:before,.ticket.completed .ticket-inner:after {
    background: #484d48
}

.ticket.completed .ticket-inner-left {
    border-color: #484d48
}

.ticket.completed .ticket-inner-left>div+div {
    margin-top: 1.3333333333vw
}

.ticket.completed .ticket-inner-right:after {
    background: linear-gradient(to bottom,#484d48 60%,#fff0 0%);
    background-position: left;
    background-size: .2666666667vw 2.6666666667vw;
    background-repeat: repeat-y
}

.ticket.completed .ticket-inner-right .text {
    color: #28b849;
    line-height: 2
}

.ticket.completed .ticket-inner-right .text .item-icon {
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.ticket .ticket-deco {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden
}

.ticket .ticket-deco .line {
    position: absolute;
    left: 0;
    width: 5.0666666667vw;
    height: 100%;
    background: radial-gradient(circle,#1dc892 48%,#fff0 0%);
    background-position: -1.3333333333vw;
    background-size: 5.0666666667vw 5.0666666667vw;
    background-repeat: repeat-y
}

.ticket .ticket-deco .line+.line {
    position: absolute;
    left: auto;
    right: 0;
    background-position: 1.3333333333vw
}

.ticket .ticket-deco:before,.ticket .ticket-deco:after {
    content: "";
    position: absolute;
    left: 75%;
    transform: translate(-63%);
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    border-radius: 50%;
    background: #1dc892
}

.ticket .ticket-deco:before {
    top: -.5333333333vw
}

.ticket .ticket-deco:after {
    bottom: -.5333333333vw
}

.ticket .ticket-inner {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    width: 100%;
    background: #21342e;
    border-radius: 1.0666666667vw
}

.ticket .ticket-inner-left {
    position: relative;
    width: 75%;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 4vw;
    border-right-width: .2666666667vw
}

.ticket .ticket-inner-left>div+div {
    margin-top: 1.3333333333vw
}

.ticket .ticket-inner-right {
    width: 25%;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative
}

.ticket .ticket-inner-right:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: linear-gradient(to bottom,#1dc892 60%,#fff0 0%);
    background-position: left;
    background-size: .2666666667vw 2.6666666667vw;
    background-repeat: repeat-y
}

.ticket .ticket-inner-right .text {
    font-size: 3.4666666667vw;
    padding: 2.6666666667vw;
    line-height: 1.5;
    margin: auto;
    text-align: center;
    color: #1dc892;
    word-wrap: break-word;
    word-break: break-all
}

.ticket .title {
    position: relative;
    font-size: 3.7333333333vw;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ticket .title:before {
    content: "";
    display: inline-block;
    margin-right: 1.0666666667vw;
    width: 1.0666666667vw;
    height: 4.8vw;
    border-radius: 1.0666666667vw;
    background: #14805e;
    vertical-align: sub
}

.ticket .detail {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row
}

.ticket .detail .date {
    font-size: 2.6666666667vw;
    color: #14805e;
    margin: auto 0
}

.ticket .detail .detail-btn {
    display: flex;
    padding: .5333333333vw 1.0666666667vw;
    border: .2666666667vw solid #14805e;
    border-radius: .8vw;
    margin: auto 1.3333333333vw
}

.ticket .detail .detail-btn a {
    text-decoration: none;
    font-size: 2.6666666667vw;
    color: #14805e
}

.ticket .discount {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    color: #fdd137
}

.ticket .discount .currency {
    margin: auto 0;
    font-size: 3.7333333333vw
}

.ticket .discount .amount {
    font-size: 5.8666666667vw;
    font-weight: 700
}

.content-style .form-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin: 0 0 2.6666666667vw;
    overflow-x: scroll;
    border: .2666666667vw solid #bbbbbb;
    background: #eee;
    -webkit-overflow-scrolling: touch
}

.content-style .form-wrap .arrow {
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 50%;
    background: #14805e;
    opacity: .8;
    animation: table-arrow .5s infinite alternate
}

.content-style .form-wrap .arrow .item-icon {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.content-style .form-wrap .form-wrap-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.content-style .form-wrap .form-wrap-col div {
    display: flex;
    width: -webkit-fill-available;
    padding: 2.6666666667vw 2.1333333333vw;
    border: .2666666667vw solid #bbbbbb;
    color: #555;
    font-size: 3.2vw;
    white-space: nowrap
}

.playerform-content .button {
    width: 94.6666666667vw;
    height: 12vw;
    margin: 4vw auto 5.3333333333vw;
    font-size: 4vw;
    line-height: 12vw
}

.playerform-content .verify-tips {
    margin-bottom: 4vw
}

.playerform-content .option-group.error label,.playerform-content .input-group.error label {
    color: #d15454
}

.playerform-content .option-group.error label:before,.playerform-content .input-group.error label:before {
    content: "";
    display: inline-block;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    margin-right: .8vw;
    border-radius: 50%;
    background: #d15454;
    vertical-align: super
}

.playerform-content .option-group.error select,.playerform-content .option-group.error input,.playerform-content .option-group.error textarea,.playerform-content .input-group.error select,.playerform-content .input-group.error input,.playerform-content .input-group.error textarea {
    border: 1px solid #d15454;
    background: #d154541a
}

.deposit-bank-wrap {
    font-size: 3.2vw
}

.menu-box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 2.6666666667vw 0;
    padding: 2.6666666667vw 4vw;
    background: #111
}

.menu-box+.menu-box {
    margin-top: 0
}

.menu-box .title {
    width: 100%;
    line-height: 9.3333333333vw
}

.menu-box .title h2 {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-left: 2.6666666667vw;
    border-bottom: .2666666667vw solid #5e5e5b;
    color: #fff;
    font-size: 4vw
}

.menu-box .title h2 span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.menu-box .title h2 i {
    display: flex;
    color: #999;
    font-size: 2.6666666667vw;
    white-space: nowrap
}

.menu-box .title h2:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: .5333333333vw;
    background: #14805e;
    vertical-align: middle
}

.menu-box .title+.input-group {
    padding: 2.6666666667vw 0
}

.menu-box label {
    color: #fff
}

.withdraw-menu-phone ul {
    margin-bottom: 2.6666666667vw
}

.withdraw-menu-phone p {
    font-size: 5.3333333333vw
}

.withdraw-menu-phone .select-card .select-card-inner .card-number {
    font-size: 5.3333333333vw;
    line-height: 1.5
}

.withdraw-menu-mail ul {
    margin-bottom: 2.6666666667vw
}

.withdraw-menu-mail p {
    font-size: 4.2666666667vw
}

.withdraw-menu-mail .select-card .select-card-inner .card-number {
    font-size: 4.2666666667vw;
    line-height: 2
}

.box-row {
    display: flex;
    flex-direction: row
}

.box-row>div {
    width: 50%
}

.box-row>div+div {
    margin-left: 2.6666666667vw
}

.forgetpassword .inner-wrap .menu-box {
    width: 100%
}

.forgetpassword .inner-wrap .phone-wrap input:-webkit-autofill,.forgetpassword .inner-wrap .phone-wrap input:-webkit-autofill:hover,.forgetpassword .inner-wrap .phone-wrap input:-webkit-autofill:focus {
    box-shadow: 0 0 0 50px #292929 inset!important
}

.forgetpassword .phone-number,.forgetpassword .currency-number {
    padding-bottom: 2.6666666667vw;
    background: #292929
}

.forgetpassword .phone-number .phone-area-code,.forgetpassword .currency-number .phone-area-code {
    flex: 0 0 28%
}

.forgetpassword .phone-number .phone-code-list,.forgetpassword .phone-number .currency-code-list,.forgetpassword .currency-number .phone-code-list,.forgetpassword .currency-number .currency-code-list {
    left: 4.8vw
}

.forgetpassword .phone-number label,.forgetpassword .currency-number label {
    position: relative;
    line-height: 10.6666666667vw
}

.forgetpassword .phone-number .btn-select,.forgetpassword .currency-number .btn-select {
    left: 4.8vw;
    background: #292929
}

.forgetpassword .phone-number .phone-wrap,.forgetpassword .currency-number .phone-wrap {
    position: relative
}

.forgetpassword .phone-number .phone-wrap .input,.forgetpassword .currency-number .phone-wrap .input {
    height: 10.6666666667vw;
    padding: 0 0 0 6.4vw
}

.option-group {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 2.6666666667vw
}

.option-group .option-wrap {
    position: relative;
    width: 100%;
    border-radius: .8vw
}

.option-group .option-wrap:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 5.3333333333vw;
    right: 2.6666666667vw;
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #14805e transparent transparent
}

.option-group label {
    position: relative;
    color: #fff;
    font-size: 3.2vw;
    line-height: 2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.option-group select {
    box-sizing: border-box;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 8vw 0 2.6666666667vw;
    border: 0;
    border-radius: .8vw;
    outline: none;
    background: #292929;
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 300;
    appearance: none
}

.option-group select option {
    color: #fff;
    font-size: 3.2vw
}

.option-group select:disabled {
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    border-radius: 0;
    background: none
}

.option-group .member-error {
    width: 100%;
    margin: .8vw 0 0;
    padding: 1.3333333333vw 0
}

.option-group .member-error span {
    color: #d15454
}

.select-bar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 2.6666666667vw;
    background: #36bc8b;
    color: #fff
}

.select-bar .option-wrap {
    width: 70%;
    background: transparent
}

.select-bar label {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 40%;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 500
}

.select-bar .item-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 1.3333333333vw
}

.select-bar select {
    display: block;
    width: 100%;
    overflow: hidden;
    background: transparent;
    text-align-last: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3.2vw;
    color: #fff
}

.select-bar select option {
    background: #292929;
    color: #14805e
}

.select-group {
    position: relative;
    padding: 2.6666666667vw 0;
    background: #111
}

.select-group ul {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 100;
    width: 100%
}

.select-group ul.col2 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 10px)/2))
}

.select-group ul.col3 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 20px) / 3))
}

.select-group ul.col4 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 30px)/4))
}

.select-group ul.col5 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 40px)/5))
}

.select-group li {
    display: inline-block;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-group [type=checkbox],.select-group [type=radio] {
    display: none
}

.select-group [type=checkbox]+label,.select-group [type=radio]+label {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    padding: 0 2.6666666667vw;
    border: .2666666667vw solid #5e5e5b;
    border-radius: .8vw;
    background: #111;
    color: #fff;
    font-size: 3.2vw;
    line-height: 9.3333333333vw;
    text-align: center
}

.select-group [type=checkbox]+label span,.select-group [type=radio]+label span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-group [type=checkbox]:checked+label,.select-group [type=radio]:checked+label {
    border: .2666666667vw solid #ffdf1a;
    background: #ffdf1a;
    color: #111
}

.select-group .bank {
    margin-bottom: 1.3333333333vw
}

.select-group .bank img {
    display: block;
    width: auto;
    height: 6.6666666667vw
}

.select-group.checkbox-style [type=checkbox]+label,.select-group.checkbox-style [type=radio]+label {
    padding: 1.3333333333vw 2.6666666667vw
}

.select-group.checkbox-style [type=checkbox]+label span,.select-group.checkbox-style [type=radio]+label span {
    line-height: 1.5
}

.select-group.checkbox-style [type=checkbox]:checked+label,.select-group.checkbox-style [type=radio]:checked+label {
    transition: all .3s;
    border: .2666666667vw solid #ffdf1a;
    background: #111;
    color: #ffdf1a
}

.select-group.checkbox-style [type=checkbox]:checked+label .line-super,.select-group.checkbox-style [type=checkbox]:checked+label .line-express,.select-group.checkbox-style [type=radio]:checked+label .line-super,.select-group.checkbox-style [type=radio]:checked+label .line-express {
    visibility: hidden
}

.select-group.checkbox-style [type=checkbox]:checked+label .item-icon,.select-group.checkbox-style [type=radio]:checked+label .item-icon {
    display: block;
    position: absolute;
    z-index: 2;
    right: -.2666666667vw;
    bottom: -.2666666667vw;
    width: 5.3333333333vw;
    height: 4.2666666667vw;
    opacity: 1;
    background: #ffdf1a;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90%
}

.select-group.checkbox-style.checkbox-height-set [type=checkbox]+label,.select-group.checkbox-style.checkbox-height-set [type=radio]+label {
    position: relative;
    padding: 0 2.6666666667vw
}

.select-group.checkbox-style.checkbox-height-set [type=checkbox]+label span,.select-group.checkbox-style.checkbox-height-set [type=radio]+label span {
    line-height: 9.3333333333vw
}

.select-group.checkbox-style.type li label {
    min-height: 10.6666666667vw;
    padding: 1.6vw 5.3333333333vw!important
}

.select-group.checkbox-style.type li label span {
    width: 90%;
    font-style: italic;
    line-height: 1!important
}

.select-group.checkbox-style.type li label p {
    width: 90%;
    margin-top: .5333333333vw;
    overflow: hidden;
    color: #999;
    font-size: 2.6666666667vw;
    font-style: italic;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-group.checkbox-style.type li label img {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    transform: translateY(-50%)
}

.select-group.checkbox-style.type li label img.instant {
    animation: fly 1.8s linear infinite
}

.select-group.checkbox-style.type li label img.super-fast {
    animation: fly .8s linear infinite
}

.select-group.checkbox-style.type li label img.express {
    animation: fly .15s linear infinite
}

@keyframes fly {
    0% {
        transform: translate(-50%,-50%) translate(0)
    }

    50% {
        transform: translate(-50%,-50%) translate(-3px,3px)
    }

    to {
        transform: translate(-50%,-50%) translate(0)
    }
}

.select-group.checkbox-style.type li label .overflow {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.select-group.checkbox-style.type li label .overflow .line-super {
    position: absolute;
    border-radius: 4px;
    background: #ffe500;
    box-shadow: 0 0 #ffe500,0 0 40px #ffe500,0 0 80px #ffe500,0 0 16px #ffe500
}

.select-group.checkbox-style.type li label .overflow .line-express {
    position: absolute;
    border-radius: 4px;
    background: #ffae12;
    box-shadow: 0 0 #ffae12,0 0 40px #ffae12,0 0 80px #ffae12,0 0 16px #ffae12
}

.select-group.checkbox-style.type li label .overflow .left {
    width: 1px;
    animation: left 1.5s linear infinite
}

@keyframes left {
    0% {
        top: 100%;
        left: 0;
        height: 0
    }

    20% {
        top: 0;
        left: 0;
        height: 100%
    }

    40% {
        top: 0;
        left: 0;
        height: 0
    }
}

.select-group.checkbox-style.type li label .overflow .top {
    height: 1px;
    animation: top 1.5s linear infinite
}

@keyframes top {
    0% {
        top: 0;
        left: 0;
        width: 0
    }

    20% {
        top: 0;
        left: 0;
        width: 0
    }

    40% {
        top: 0;
        left: 0;
        width: 100%
    }

    60% {
        top: 0;
        left: 100%;
        width: 0
    }
}

.select-group.checkbox-style.type li label .overflow .right {
    width: 1px;
    animation: right 1.5s linear infinite
}

@keyframes right {
    0% {
        top: 0;
        left: 99.5%;
        height: 0
    }

    40% {
        top: 0;
        left: 99.5%;
        height: 0
    }

    60% {
        top: 0;
        left: 99.5%;
        height: 100%
    }

    80% {
        top: 100%;
        left: 99.5%;
        height: 0
    }
}

.select-group.checkbox-style.type li label .overflow .bottom {
    height: 1px;
    animation: bottom 1.5s linear infinite
}

@keyframes bottom {
    0% {
        top: 97%;
        left: 100%;
        width: 0
    }

    60% {
        top: 97%;
        left: 100%;
        width: 0
    }

    80% {
        top: 97%;
        left: 0;
        width: 100%
    }

    to {
        top: 97%;
        left: 0;
        width: 0
    }
}

.select-group.checkbox-style.type li label .overflow .slow {
    position: absolute;
    top: 20%;
    left: 100%;
    width: 3.2vw;
    height: .5333333333vw;
    animation: shoot-slow 1.5s infinite linear;
    opacity: .3;
    background: #14805e
}

.select-group.checkbox-style.type li label .overflow .slow:before {
    content: "";
    position: absolute;
    top: 2.6666666667vw;
    right: -2.6666666667vw;
    width: 2.6666666667vw;
    height: .5333333333vw;
    background: #14805e
}

.select-group.checkbox-style.type li label .overflow .slow:after {
    content: "";
    position: absolute;
    top: 3.2vw;
    right: 16vw;
    width: 2.6666666667vw;
    height: .5333333333vw;
    background: #14805e
}

@keyframes shoot-slow {
    0% {
        margin-left: 0
    }

    to {
        margin-left: -120%
    }
}

.select-group.checkbox-style.type li label .overflow .medium {
    position: absolute;
    top: 80%;
    left: 100%;
    width: 4vw;
    height: .5333333333vw;
    animation: shoot-medium 1s linear infinite;
    opacity: .3;
    background: #14805e
}

.select-group.checkbox-style.type li label .overflow .medium:before {
    content: "";
    position: absolute;
    top: -2.6666666667vw;
    right: 10.6666666667vw;
    width: 4vw;
    height: .5333333333vw;
    background: #14805e
}

.select-group.checkbox-style.type li label .overflow .medium:after {
    content: "";
    position: absolute;
    top: 0;
    right: 16vw;
    width: 4vw;
    height: .5333333333vw;
    background: #14805e
}

@keyframes shoot-medium {
    0% {
        margin-left: 0
    }

    to {
        margin-left: -120%
    }
}

.select-group.checkbox-style.type li label .overflow .fast {
    position: absolute;
    top: 20%;
    left: 100%;
    width: 4.8vw;
    height: .5333333333vw;
    animation: shoot-fast .8s linear infinite;
    opacity: .3;
    background: #14805e
}

.select-group.checkbox-style.type li label .overflow .fast:before {
    content: "";
    position: absolute;
    top: 2.6666666667vw;
    right: -2.6666666667vw;
    width: 4.8vw;
    height: .5333333333vw;
    background: #14805e
}

.select-group.checkbox-style.type li label .overflow .fast:after {
    content: "";
    position: absolute;
    top: 3.2vw;
    right: 16vw;
    width: 4.8vw;
    height: .5333333333vw;
    background: #14805e
}

@keyframes shoot-fast {
    0% {
        margin-left: 0
    }

    to {
        margin-left: -120%
    }
}

.select-group.checkbox-icon-style [type=checkbox]+label,.select-group.checkbox-icon-style [type=radio]+label {
    display: inline-flex;
    flex-direction: row
}

.select-group.checkbox-icon-style [type=checkbox]+label span,.select-group.checkbox-icon-style [type=radio]+label span {
    width: auto
}

.select-group.checkbox-icon-style .icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 5.6vw;
    height: 100%;
    margin-right: 1.3333333333vw
}

.select-group.checkbox-icon-style .icon img {
    width: 100%;
    margin: auto
}

.select-group.style-add-amount input[type=checkbox]+label,.select-group.style-add-amount input[type=radio]+label {
    overflow: visible;
    transition: all .3s;
    font-weight: 500
}

.select-group.style-add-amount input[type=checkbox]:checked+label,.select-group.style-add-amount input[type=radio]:checked+label {
    overflow: visible;
    border: .2666666667vw solid #ffdf1a;
    background: #111;
    color: #ffdf1a
}

.select-group.style-add-amount input[type=checkbox]+label span:before,.select-group.style-add-amount input[type=radio]+label span:before {
    content: "+";
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: width .7s
}

.select-group.style-add-amount.active input[type=checkbox]+label span:before,.select-group.style-add-amount.active input[type=radio]+label span:before {
    width: 10px;
    height: 10px;
    overflow: visible
}

.select-group.style-add-amount.active input[type=checkbox]+label.ani,.select-group.style-add-amount.active input[type=radio]+label.ani {
    animation: moneyBtn-Animation .5s ease-in-out 1
}

@keyframes moneyBtn-Animation {
    0% {
        filter: drop-shadow(0 0 0 #ffdf1a)
    }

    to {
        filter: drop-shadow(0 -20px 0 rgba(255,223,26,0))
    }
}

.select-group.style-add-amount li {
    overflow: visible
}

.select-group.style-bank ul {
    grid-template-columns: none
}

.select-group.style-bank li {
    overflow: hidden;
    border-radius: 2.1333333333vw
}

.select-group.style-bank li input[type=checkbox]+label,.select-group.style-bank li input[type=radio]+label {
    padding: 0;
    transition: all .3s;
    border-style: none
}

.select-group.style-bank li input[type=checkbox].active+label,.select-group.style-bank li input[type=radio].active+label {
    background-image: linear-gradient(240deg,#157e80,#15805f)
}

.select-group.style-bank li input[type=checkbox]+label,.select-group.style-bank li input[type=radio]+label {
    background-image: linear-gradient(240deg,#555,#555)
}

.select-group.style-bank li input[type=checkbox]+label .item-bg,.select-group.style-bank li input[type=radio]+label .item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.select-group.style-bank li input[type=checkbox]+label .item-icon,.select-group.style-bank li input[type=radio]+label .item-icon {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 3.2vw;
    width: 6.4vw;
    height: 6.4vw;
    transform: translateY(-50%);
    border-radius: 50%;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: contain
}

.select-group.style-bank li input[type=checkbox].active+label .item-icon,.select-group.style-bank li input[type=radio].active+label .item-icon {
    background-repeat: no-repeat;
    background-size: contain
}

.select-group.style-bank li:last-child {
    margin: 0 0 -2.6666666667vw
}

.select-group.style-checked input[type=checkbox]+label,.select-group.style-checked input[type=radio]+label {
    transition: all .3s;
    border: 0;
    background: none;
    color: #999
}

.select-group.style-checked input[type=checkbox]+label span,.select-group.style-checked input[type=radio]+label span {
    padding: 0 2.6666666667vw 0 4vw;
    line-height: 4.2666666667vw;
    text-align: left;
    pointer-events: none
}

.select-group.style-checked input[type=checkbox]+label .item-icon,.select-group.style-checked input[type=radio]+label .item-icon,.select-group.style-checked input[type=checkbox]+label:before,.select-group.style-checked input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 4vw;
    height: 4vw;
    transform: translateY(-50%);
    transition: all .3s;
    background: #999;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    border-radius: .8vw;
    padding: 0
}

.select-group.style-checked input[type=checkbox]:checked+label,.select-group.style-checked input[type=radio]:checked+label {
    color: #28b849
}

.select-group.style-checked input[type=checkbox]:checked+label:before,.select-group.style-checked input[type=radio]:checked+label:before {
    background: none
}

.select-group.style-checked input[type=checkbox]:checked+label .item-icon,.select-group.style-checked input[type=radio]:checked+label .item-icon {
    background: #28b849
}

.select-group+.select-group {
    border-top: .2666666667vw dashed #5e5e5b
}

.vip-area-group {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8vw
}

.vip-area-group .left-box {
    position: relative;
    width: 50%;
    height: 6.6666666667vw;
    border-right: .2666666667vw dotted rgba(153,153,153,.3)
}

.vip-area-group .item {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%
}

.vip-area-group .item h3 {
    color: #fff
}

.vip-area-group .item .points-number {
    flex: 1;
    color: #39d89f;
    font-size: 5.6vw;
    text-align: center
}

.vip-area-group .right-box {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    height: 100%
}

.vip-area-group .right-box a {
    text-decoration: none
}

.vip-area-group .right-box .goto-myvip {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 40vw;
    height: 12.8vw;
    margin-right: -4vw;
    background-image: linear-gradient(270deg,#2fb19e,#19916b)
}

.vip-area-group .right-box .goto-myvip:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 2.4vw 0 2.4vw 2.4vw;
    border-style: solid;
    border-color: transparent transparent transparent #111333
}

.vip-area-group .right-box .goto-myvip .myvip-text {
    color: #fff;
    font-size: 3.7333333333vw;
    padding: 0 3.2vw;
    display: flex;
    justify-content: center;
    align-items: center
}

.vip-area-group .right-box .goto-myvip .myvip-text .item-icon {
    content: "";
    display: inline-block;
    width: 4.2666666667vw;
    height: 3.4666666667vw;
    margin-left: 1.3333333333vw;
    background: #fff;
    vertical-align: middle;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: cover
}

.area-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw 0;
    background: #111;
    font-size: 3.2vw;
    line-height: 2
}

.area-group .item {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.area-group .item h3 {
    flex: 1;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.area-group .item .tip {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    color: #999;
    font-size: 2.6666666667vw
}

.area-group .text {
    color: #ff7e00;
    word-break: break-all
}

.input-group {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-bottom: 2.6666666667vw;
    font-size: 3.2vw;
    background: #111;
    line-height: 1.5
}

.input-group .input-wrap+.input-wrap {
    margin-top: 2.6666666667vw
}

.input-group label {
    position: relative;
    padding-left: .5333333333vw;
    overflow: hidden;
    color: #fff;
    line-height: 2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-group input,.input-group textarea {
    box-sizing: border-box;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    transition: background .3s;
    border: 0;
    border-radius: .8vw;
    background: #292929;
    color: #14805e;
    font-weight: 300
}

.input-group input::placeholder,.input-group textarea::placeholder {
    color: #999
}

.input-group input:disabled,.input-group textarea:disabled {
    border-bottom: .2666666667vw solid rgba(153,153,153,.3);
    border-radius: 0;
    background: none
}

.input-group input:disabled.profile.email,.input-group textarea:disabled.profile.email {
    padding-right: 32vw;
    text-overflow: ellipsis
}

.input-group .default {
    border-left: 1px solid #00b5ff
}

.input-group .default:disabled {
    border-bottom: 0;
    border-radius: .8vw;
    background: #00b5ff1a
}

.input-group input:focus,.input-group textarea:focus {
    outline: none
}

.input-group .input-wrap {
    position: relative
}

.input-group .input-wrap .number-default {
    position: absolute;
    top: -3.2vw;
    right: 2.6666666667vw;
    padding: .2666666667vw 2.1333333333vw;
    border-radius: 15px;
    background: #00b5ff;
    color: #fffc;
    font-size: 3.2vw;
    text-align: center
}

.input-group .input-wrap .status {
    position: absolute;
    top: 3.2vw;
    right: 2.6666666667vw;
    color: #28b849;
    font-size: 3.2vw;
    max-width: 50%;
    text-align: right;
    line-height: 1.2
}

.input-group .input-wrap .status:before {
    content: "";
    display: inline-block;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background: #28b849;
    vertical-align: middle;
    mask-image: url(/assets/images/icon-set/icon-check-type07.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(/assets/images/icon-set/icon-check-type07.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.input-group .input-wrap .status.unconfirm-btn {
    color: #f0b800;
    text-decoration: underline
}

.input-group .input-wrap .status.unconfirm-btn:before {
    content: "";
    display: inline-block;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background: #f0b800;
    mask-image: url(/assets/images/icon-set/icon-unconfirm.svg);
    mask-repeat: no-repeat;
    mask-position: 100% 100%;
    mask-size: contain;
    -webkit-mask-image: url(/assets/images/icon-set/icon-unconfirm.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 100% 100%;
    -webkit-mask-size: contain
}

.input-group .input-wrap .status.save-btn {
    color: #f0b800;
    text-decoration: underline
}

.input-group .input-wrap .status.save-btn.hide {
    display: none
}

.input-group .input-wrap .status.save-btn:before {
    display: none
}

.input-group .input-wrap .status.get-vcode-btn span {
    padding: .5333333333vw 1.6vw;
    border-radius: 8vw;
    background: #ffae12;
    color: #fff
}

.input-group .input-wrap .status.get-vcode-btn.active {
    display: flex;
    background: transparent;
    color: #ffae12;
    pointer-events: none
}

.input-group .input-wrap.textarea-wrap textarea {
    padding: 2.6666666667vw 8vw 2.6666666667vw 2.6666666667vw
}

.input-group .input-wrap .verify-code-prefix__text {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    color: #14805e
}

.input-group .input-wrap .verify-code-prefix__input,.input-group .input-wrap .verify-code-prefix__input:focus {
    padding: 0 0 0 14.6666666667vw
}

.input-group .input-wrap .otp-resend-btn {
    display: none;
    position: absolute;
    top: 3.7333333333vw;
    right: 2.6666666667vw;
    color: #fd777a;
    font-size: 3.2vw;
    max-width: 50%;
    text-align: right;
    line-height: 1.2;
    text-decoration: underline
}

.input-group .input-wrap .otp-resend-btn.active {
    display: block
}

.input-group .resend-btn {
    display: none;
    margin-bottom: -15px;
    opacity: .5;
    text-align: end
}

.input-group .resend-btn span {
    padding: 1.8666666667vw;
    color: #fd777a;
    font-size: 2.6666666667vw;
    text-decoration: underline
}

.input-group .resend-btn.show {
    display: inline-block
}

.input-group .resend-btn.enable {
    opacity: 1;
    pointer-events: auto
}

.input-group.money {
    padding: 0 0 2.6666666667vw
}

.input-group.money label {
    position: absolute;
    z-index: 2;
    top: 5.3333333333vw;
    left: 1.3333333333vw;
    transform: translateY(-50%);
    color: #14805e
}

.input-group.money .input-wrap {
    z-index: 1
}

.input-group.money .input-wrap input,.input-group.money .input-wrap textarea {
    color: #14805e;
    text-align: right
}

.input-group.money .input-wrap input:focus,.input-group.money .input-wrap textarea:focus {
    padding: 0 10.6666666667vw 0 6.6666666667vw
}

.input-group.money .input-wrap input::placeholder,.input-group.money .input-wrap textarea::placeholder {
    color: #999
}

.input-group.money .input-wrap input.active+.delete-btn,.input-group.money .input-wrap textarea.active+.delete-btn {
    background-image: url(/assets/images/icon-set/icon-cross-type08.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%
}

.input-group.upload-file .input-wrap:before {
    content: "";
    display: flex;
    position: absolute;
    z-index: 1;
    inset: 0;
    align-items: center;
    justify-content: flex-start;
    padding: 0 2.6666666667vw;
    border-radius: .8vw;
    background: #292929;
    pointer-events: none
}

.input-group.upload-file .input-wrap .file-box {
    display: flex;
    position: absolute;
    z-index: 2;
    inset: 0;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: .8vw;
    color: #fff;
    pointer-events: none
}

.input-group.upload-file .input-wrap .file-box .file-name {
    flex: 8;
    padding: 0 2.6666666667vw;
    pointer-events: inherit
}

.input-group.upload-file .input-wrap .file-box .file-name.tip {
    color: #999;
    font-size: 3.2vw;
    font-weight: 300
}

.input-group.upload-file .input-wrap .file-box .upload-btn {
    display: flex;
    flex: 1;
    flex-basis: 8vw;
    flex-grow: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #14805e;
    pointer-events: none
}

.input-group.upload-file .input-wrap .file-box .upload-btn img {
    display: block;
    height: 35%
}

.input-group.upload-file .input-wrap .file-box input::placeholder {
    color: red
}

.input-group.upload-file input,.input-group.upload-file textarea {
    opacity: 0
}

.input-group .member-error {
    margin: 1.3333333333vw 0 0;
    padding: 0
}

.input-group .member-error span {
    color: #d15454
}

.input-group .info:before {
    content: "$";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    transform: translateY(-50%);
    border-radius: 5.3333333333vw;
    background: #ffae12;
    color: #111;
    font-size: 2.4vw;
    font-weight: 700;
    line-height: 4.2666666667vw;
    text-align: center;
    vertical-align: middle
}

.input-group .info span {
    display: inline-block;
    width: calc(100% - 5.6vw);
    margin-left: 5.6vw;
    vertical-align: middle
}

.input-group .info span .highlight {
    display: inline-block;
    color: #ffae12;
    font-weight: 700
}

.deposit-acc-info-box {
    margin: 4vw 0 0;
    padding: 4vw;
    border: .2666666667vw solid rgba(153,153,153,.3);
    border-radius: 1.3333333333vw;
    background: #292929;
    font-size: 3.2vw
}

.deposit-acc-info-box p {
    flex: 1;
    margin-right: 2.6666666667vw;
    word-break: break-word;
    opacity: .7;
    text-align: right;
    color: #d9d9d9
}

.acc-info li {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.6666666667vw;
    padding-bottom: 1.3333333333vw;
    border-bottom: .2666666667vw solid rgba(0,0,0,.4);
    line-height: 1.5
}

.acc-info li .acc-copy {
    position: relative;
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw
}

.acc-info li .acc-copy .item-icon {
    display: block;
    width: 100%;
    height: 100%;
    background: #14805e;
    cursor: pointer;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: cover
}

.acc-info li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.acc-info label {
    flex: 0 0 45%;
    padding-right: 1.3333333333vw
}

.icon-copy {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: .8vw;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 .5333333333vw #99999980;
    font-size: 3.2vw;
    color: #00080;
    line-height: 1.5;
    transform: translateY(-100%)
}

.icon-copy:before {
    content: "";
    position: absolute;
    right: 5px;
    bottom: -5px;
    width: 0;
    height: 0;
    border-width: 6px 3px 0;
    border-style: solid;
    border-color: #ffffff transparent transparent
}

.icon-copy.show {
    display: block;
    animation: icon-copy-show .3s linear forwards
}

.icon-copy.hide {
    display: block;
    animation: icon-copy-hide .2s linear forwards
}

@keyframes icon-copy-show {
    0% {
        top: -8vw;
        opacity: 0
    }

    to {
        top: -1.3333333333vw;
        opacity: 1
    }
}

@keyframes icon-copy-hide {
    0% {
        top: -1.3333333333vw;
        opacity: 1
    }

    to {
        top: -8vw;
        opacity: 0
    }
}

.player-deposit-next {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    top: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    flex-shrink: 0;
    background: #000
}

.player-deposit-next.active {
    top: 100vh;
    height: auto;
    opacity: 1;
    animation: depositCustomShow .2s ease-out forwards
}

@keyframes depositCustomShow {
    0% {
        top: 100vh
    }

    to {
        top: 0
    }
}

.player-deposit-next .a-content {
    padding: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.2
}

.player-deposit-next .deposit-acc-info-box {
    margin: 0 0 2.6666666667vw
}

.player-deposit-next .deposit-acc-info-box p {
    text-align: left;
    line-height: 1.2
}

.deposit-info-img {
    margin-bottom: 2.6666666667vw;
    padding: 2.6666666667vw;
    border: 1px solid rgba(16,168,140,.1);
    border-radius: 2.6666666667vw;
    background: #17211f;
    overflow: hidden
}

.deposit-info-img img {
    width: 100%
}

.input-group.success .input-wrap:after,.input-group.fail .input-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10.6666666667vw;
    height: 100%
}

.input-group.success .input-wrap:after {
    mask-image: url(/assets/images/icon-set/icon-check-type07.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 30%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-check-type07.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30%;
    background: #28b849
}

.input-group.success input,.input-group.success textarea {
    border: .2666666667vw solid #28b849;
    color: #28b849
}

.input-group.fail input,.input-group.fail textarea {
    border: .2666666667vw solid #d15454;
    color: #d15454
}

.input-group.fail .member-error {
    display: block!important
}

.description-text {
    font-size: 3.2vw;
    color: #8c7f63
}

.input-description {
    position: relative;
    margin-top: 1.3333333333vw;
    padding-left: 5.3333333333vw;
    color: #f0b800;
    line-height: 1.2
}

.input-description:before {
    content: "i";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    padding-top: .2666666667vw;
    border-radius: 50%;
    background: #f0b800;
    box-sizing: border-box;
    color: #06281d;
    text-align: center;
    font-weight: 700
}

.drop-down-menu {
    position: relative;
    margin-bottom: 2.6666666667vw;
    border: .2666666667vw solid #0c543d;
    border-radius: .8vw
}

.drop-down-menu.under-review {
    border: .2666666667vw solid #15869c
}

.drop-down-menu.under-review .drop-down-menu-btn.add-bank-card {
    background: #1bacc9
}

.drop-down-menu.success {
    border: .2666666667vw solid #159b71
}

.drop-down-menu.success .drop-down-menu-btn.add-bank-card {
    background: #1bc892
}

.drop-down-menu.failed {
    border: .2666666667vw solid #ed3235
}

.drop-down-menu.failed .drop-down-menu-btn.add-bank-card {
    background: #f16163
}

.drop-down-menu .drop-down-menu-btn {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    height: 11.7333333333vw;
    padding: 0 8vw 0 2.6666666667vw;
    background: #13805d;
    color: #fff
}

.drop-down-menu .drop-down-menu-btn:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 4vw;
    transform: translateY(-25%);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #14805e transparent transparent
}

.drop-down-menu .drop-down-menu-btn.drop-downn-menu-btn-verify {
    justify-content: center
}

.drop-down-menu .drop-down-menu-btn.drop-downn-menu-btn-verify:after {
    display: none
}

.drop-down-menu .drop-down-menu-btn .icon {
    display: flex;
    flex: none;
    margin: 0 1.3333333333vw
}

.drop-down-menu .drop-down-menu-btn .icon img {
    display: block;
    width: 100%;
    margin: auto
}

.drop-down-menu .drop-down-menu-btn .text {
    overflow: hidden;
    font-size: 3.7333333333vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 11.7333333333vw
}

.drop-down-menu-content {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease-in-out
}

.drop-down-menu-content.show {
    height: auto;
    max-height: 2000px
}

.drop-down-menu .phone-area-code {
    flex: 0 0 22%
}

.drop-down-menu .phone-code-list {
    top: 35.2vw;
    left: 4vw;
    width: 18.1333333333vw;
    max-height: 24vw
}

.crypto-group-2 {
    position: relative
}

.crypto-group-2 .crypto-wrap {
    padding-bottom: 2.6666666667vw
}

.crypto-group-2 .crypto-input {
    position: relative;
    width: 100%;
    margin: 2.6666666667vw 0 1.3333333333vw
}

.crypto-group-2 .crypto-input .currency {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    color: #14805e
}

.crypto-group-2 .crypto-input .currency .icon {
    width: 6.4vw;
    height: 6.4vw
}

.crypto-group-2 .crypto-input .currency .icon img {
    width: 100%;
    height: 100%
}

.crypto-group-2 .crypto-input .currency .unit {
    width: 6.4vw;
    height: 6.4vw;
    border-radius: 50%;
    background: #ffae12;
    color: #fff;
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
    text-align: center
}

.crypto-group-2 .crypto-input input,.crypto-group-2 .crypto-input textarea {
    box-sizing: border-box;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw 0 11.7333333333vw;
    transition: border .3s;
    border: .2666666667vw solid #292929;
    border-radius: .8vw;
    background: #292929;
    color: #14805e;
    font-size: 3.7333333333vw;
    font-weight: 300;
    text-align: right;
    appearance: none
}

.crypto-group-2 .crypto-input input::placeholder,.crypto-group-2 .crypto-input textarea::placeholder {
    color: #999
}

.crypto-group-2 .crypto-input input:focus,.crypto-group-2 .crypto-input textarea:focus {
    padding-right: 8.5333333333vw;
    border: .2666666667vw solid #ffdf1a;
    outline: none
}

.crypto-group-2 .crypto-input .delete-btn {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8vw;
    height: 10.6666666667vw;
    transform: translateY(-50%);
    transition: all .3s;
    opacity: 0;
    mask-repeat: no-repeat;
    mask-position: 40% center;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 40% center;
    -webkit-mask-size: 40%
}

.crypto-group-2 .switch-btn {
    display: inline-block;
    position: relative;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: #fff;
    vertical-align: middle;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 80%
}

.crypto-group-2 .input-text {
    display: inline-block;
    color: #999;
    font-size: 3.2vw
}

.crypto-group-2 .input-text i {
    color: #fff
}

.qrcode {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
    width: 12vw;
    margin-right: 2.6666666667vw;
    transform: translateY(-50%)
}

.qrcode img {
    width: 100%
}

.bank-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bank-qrcode .deposit-qrcode {
    width: 80%;
    margin-bottom: 4.2666666667vw;
    border-radius: .8vw
}

.bank-qrcode .download {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: .8vw;
    text-decoration: none;
    width: 80%;
    padding: 4.2666666667vw
}

.bank-qrcode .download .item-icon {
    display: block;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 2.1333333333vw;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.select-card {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 12vw;
    overflow: hidden;
    border-radius: 2.1333333333vw;
    box-shadow: 0 .5333333333vw .8vw #0004d;
    font-size: 3.2vw
}

.select-card .select-card-inner {
    color: #fff;
    text-align: left
}

.select-card .select-card-inner .unit-name {
    display: inline-flex;
    width: inherit;
    font-size: 4.8vw;
    line-height: 1.3;
    white-space: break-spaces
}

.select-card .select-card-inner .user-name {
    padding: 1.3333333333vw 0;
    overflow: hidden;
    opacity: .7;
    font-size: 3.2vw;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-card .select-card-inner .user-name img,.select-card .select-card-inner .user-name span {
    display: inline;
    height: 3.2vw;
    margin-right: 1.3333333333vw;
    font-size: 3.2vw;
    vertical-align: middle
}

.select-card .select-card-inner .user-name img {
    transform: translateY(-1px)
}

.select-card .select-card-inner .card-number {
    font-size: 4.5333333333vw;
    line-height: 1.2;
    text-align: left
}

.select-card .select-card-inner .card-number span {
    word-break: break-all;
    white-space: normal
}

.select-group.checkbox-style [type=radio]:checked+label .tag-recommond,.tag-recommond {
    position: absolute;
    top: 1.3333333333vw;
    left: -1.0666666667vw;
    width: 5.3333333333vw;
    height: 4vw;
    border-top-left-radius: .5333333333vw;
    border-top-right-radius: .8vw;
    border-bottom-right-radius: .8vw;
    background: #76bd6a
}

.select-group.checkbox-style [type=radio]:checked+label .tag-recommond:before,.tag-recommond:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 4px 4px 0;
    border-style: solid;
    border-color: transparent #34622c transparent transparent
}

.select-group.checkbox-style [type=radio]:checked+label .tag-recommond .item-icon,.tag-recommond .item-icon {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 55%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 55%
}

.pop-get-vcode,.pop-confirm-password {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    width: 100%;
    transform: translate(0);
    transition: bottom .3s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #111
}

.pop-get-vcode.active,.pop-confirm-password.active {
    bottom: 0
}

.pop-get-vcode .btn-closed,.pop-confirm-password .btn-closed {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 27%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 27%
}

.pop-get-vcode .menu-box,.pop-confirm-password .menu-box {
    padding: 2.6666666667vw;
    background: transparent;
    box-shadow: none
}

.pop-get-vcode .input-group,.pop-confirm-password .input-group {
    background: #111
}

.pop-get-vcode .phone-area-code,.pop-confirm-password .phone-area-code {
    flex: 0 0 20%
}

.pop-get-vcode .phone-area-code .btn-select span,.pop-confirm-password .phone-area-code .btn-select span {
    margin: 0
}

.pop-get-vcode .phone-area-code .phone-code-list,.pop-confirm-password .phone-area-code .phone-code-list {
    max-height: 24vw
}

.pop-get-vcode {
    z-index: 2147483999
}

.pop-get-vcode label>span {
    padding: 1.3333333333vw;
    font-style: italic;
    color: #14805e
}

.upload-box {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 0;
    margin-top: 1.8666666667vw;
    overflow: hidden;
    transition: all .3s;
    border: 0;
    text-align: center;
    cursor: pointer
}

.upload-box.active {
    height: 40vw;
    border: .2666666667vw dashed #10a88c
}

.upload-box.active .delete-btn {
    opacity: 1
}

.upload-box.active img {
    height: auto;
    max-height: 100%
}

.upload-box .delete-btn {
    transition: all .3s;
    opacity: 0
}

.upload-box img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 0;
    transition: all .3s
}

.form-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4vw
}

.form-list.col-2 li {
    width: calc(50% - 5px)
}

.form-list.col-2 li:nth-child(2n) {
    margin-left: 2.1333333333vw
}

.form-list li {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 8vw;
    margin: 0 0 1.3333333333vw;
    padding: 0 0 0 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background: #292929;
    color: #fff;
    line-height: 0
}

.form-list li.first a {
    pointer-events: none
}

.form-list li.hide {
    animation: tagHide .3s ease-in-out forwards 1
}

.form-list i {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    margin-right: 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle
}

.form-list a {
    width: 8vw;
    height: 8vw;
    transition: .3s;
    background: #0001a
}

.form-list a:active {
    opacity: .7
}

.form-list span {
    display: inline-block;
    width: 70%;
    margin-right: 2.6666666667vw;
    overflow: hidden;
    font-size: 3.4666666667vw;
    line-height: 30px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

@keyframes tagHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.delete-btn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    transition: all .3s;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 30%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30%;
    opacity: 0
}

.delete-btn.red {
    background: #d15454
}

.delete-btn:active {
    opacity: .7
}

.maintain-mask {
    display: none
}

.under-maintain {
    pointer-events: none
}

.under-maintain .maintain-mask {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: visible;
    border: .2666666667vw dashed #aaaaaa;
    border-radius: .8vw;
    background: #000c
}

.under-maintain .maintain-mask .maintain-tag {
    padding: .8vw 1.3333333333vw;
    border-radius: .5333333333vw;
    line-height: 1
}

.under-maintain .maintain-mask .maintain-tag img {
    display: inline-block;
    margin-right: .8vw
}

.under-maintain .maintain-mask .maintain-tag .text {
    display: inline-block;
    color: #aaa;
    font-size: 2.6666666667vw;
    line-height: 1.2
}

.frost-mask {
    display: flex;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: .2666666667vw solid rgba(17,17,17,.2);
    border-radius: 2.1333333333vw;
    opacity: 0
}

.frost-mask .frost-bg {
    opacity: 0
}

.frost-card .frost-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 2.1333333333vw;
    opacity: 1
}

.frost-card .frost-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: frost 2s ease both
}

.frost-card .frost-bg img:nth-child(2) {
    animation-delay: 2s
}

.frost-card .frost-bg img:nth-child(3) {
    animation-delay: 3s
}

.frost-card .frost-mask {
    animation: frost 2s ease both;
    opacity: 1;
    background: #aaac;
    font-weight: 600;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.frost-card .frost-mask .frost-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.3333333333vw 3.2vw
}

.frost-card .frost-mask .frost-tag .text {
    display: -webkit-box;
    overflow: hidden;
    color: #111;
    font-size: 3.2vw;
    line-height: 1.2;
    white-space: break-spaces;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.frost-card .frost-mask .frost-tag .frost-icon {
    margin: 0 2.1333333333vw 0 0
}

.frost-card .frost-mask .frost-tag .lock {
    position: relative;
    width: 3.7333333333vw;
    height: 2.6666666667vw;
    margin-top: 1.6vw;
    border-radius: .5333333333vw;
    background: #111
}

.frost-card .frost-mask .frost-tag .lock:before {
    content: "";
    position: absolute;
    top: -1.6vw;
    left: .5333333333vw;
    width: 1.6vw;
    height: 1.6vw;
    border-top: .5333333333vw solid #111333;
    border-right: .5333333333vw solid #111333;
    border-left: .5333333333vw solid #111333;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0
}

.frost-card .frost-mask .frost-btn {
    display: inline-flex;
    justify-content: center;
    margin-top: 2.1333333333vw
}

.frost-card .frost-mask .frost-btn .btn {
    height: 8.5333333333vw;
    margin: 0 1.0666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: 2.1333333333vw;
    font-size: 3.2vw;
    line-height: 8.5333333333vw
}

.frost-card .frost-mask .frost-btn .btn.add-card {
    box-sizing: border-box;
    border: .4vw solid #111333;
    color: #111
}

.frost-card .frost-mask .frost-btn .btn.contact-cs {
    background: #111;
    color: #fff
}

@keyframes frost {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.text-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 5.3333333333vw 2.6666666667vw 6.6666666667vw;
    font-size: 2.6666666667vw;
    text-align: center
}

.text-box .text {
    margin-right: 1.3333333333vw;
    color: #fff
}

.text-box .btn {
    transition: all .3;
    color: #14805e;
    text-decoration: underline
}

.text-box .btn:active {
    opacity: .8
}

.add-btn {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5333333333vw;
    background: #28b849;
    font-size: 3.2vw;
    color: #fff;
    border-radius: .8vw;
    line-height: 1.2
}

.add-btn span {
    padding-right: 1.3333333333vw
}

.add-btn-icon {
    position: relative;
    width: 5.3333333333vw;
    height: 5.3333333333vw
}

.add-btn-icon:before,.add-btn-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: .8vw;
    height: 2.6666666667vw;
    border-radius: 3px;
    background: #fff
}

.add-btn-icon:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

.add-btn:active {
    opacity: .7
}

.personal-phone-group .add-btn {
    position: static;
    margin-left: 1.3333333333vw;
    vertical-align: sub
}

.level-wrap {
    padding: 4vw 0
}

.level-wrap .level-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 4vw
}

.level-wrap .level-title .tip {
    color: #999;
    font-size: 2.6666666667vw
}

.deposit-crypto-cont .player-crypto-bankcard .player-deposit {
    background: #111
}

.deposit-crypto-cont .player-crypto-bankcard .menu-box {
    margin-top: 0
}

.deposit-crypto-cont .credit-card {
    margin-top: 2.6666666667vw;
    margin-bottom: 2.6666666667vw
}

.player-crypto-bankcard,.player-crypto-channel {
    display: none
}

.player-crypto-bankcard.active,.player-crypto-channel.active {
    display: block
}

.list {
    width: 100%
}

.list.list-message.editor-active .chose-btn {
    display: block
}

.date-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8666666667vw 2.6666666667vw;
    color: #999
}

.date-title .date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3.2vw
}

.date-title .date .item-icon {
    display: inline-block;
    width: 4.2666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background: #999;
    mask-repeat: no-repeat;
    mask-position: center left;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center left;
    -webkit-mask-size: 100%
}

.date-title .time-zone {
    margin: 0 1.3333333333vw;
    padding: .5333333333vw .8vw;
    border: .2666666667vw solid #999999;
    border-radius: .8vw;
    color: #999;
    font-size: 2.6666666667vw
}

.message-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 2.6666666667vw;
    overflow: hidden;
    background: #111
}

.message-item:nth-child(2n) {
    background: #262626
}

.message-item .chose-btn {
    display: none;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background: #999;
    mask-repeat: no-repeat;
    mask-position: center top;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -webkit-mask-size: 100%
}

.message-item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    background: #14805e
}

.message-item .icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 5%;
    right: 5%;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-radius: 50%;
    background: #d15454
}

.message-item .icon img {
    display: block;
    width: 50%;
    margin: auto
}

.message-item .content-wrap {
    width: 85%;
    padding: 1.8666666667vw 0;
    font-size: 3.2vw;
    line-height: 1.5
}

.message-item .content-wrap .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.message-item .content-wrap .title span {
    overflow: hidden;
    color: #fff;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-item .content-wrap .title .msg-time {
    color: #999;
    font-size: 2.6666666667vw;
    font-weight: 400
}

.message-item .content-wrap .text {
    width: 100%;
    height: 5.0666666667vw;
    overflow: hidden;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-item .content-wrap .text p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-item.read .content-wrap {
    opacity: .6
}

.message-item.read .icon:before {
    display: none
}

.message-item.chosed .chose-btn {
    background: #28b849
}

.inbox-list__editor {
    display: flex;
    justify-content: flex-end
}

.inbox-list__editor .editor__btn {
    position: relative;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 35%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 35%
}

@keyframes choseBtn-ani {
    0% {
        transform: translate(0);
        transform-origin: 50px 50px
    }

    to {
        transform: translate(100%);
        transform-origin: 50px 50px
    }
}

.list .list-content {
    margin-bottom: 1.3333333333vw
}

.list-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.list-bar .tip-area {
    display: inline-flex;
    position: relative;
    justify-content: flex-end;
    z-index: 1
}

.list-bar .tip-area .tip-icon {
    display: block;
    width: 8vw;
    height: 8vw;
    background: #999;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 55%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: 55%
}

.list-bar .tip-area .tip-box {
    display: flex;
    position: absolute;
    top: 100%;
    right: 1.3333333333vw;
    max-height: 0px;
    min-height: 0px;
    padding: 0 .8vw;
    flex-direction: column;
    transition: all ease-in-out .3s;
    border-radius: .8vw;
    background: #999;
    color: #eee;
    font-size: 2.6666666667vw;
    overflow: hidden
}

.list-bar .tip-area .tip-box.active {
    max-height: 53.3333333333vw;
    min-height: 5.3333333333vw;
    padding: .8vw;
    border: .2666666667vw solid #aaaaaa
}

.list-bar .tip-area .tip-box span {
    display: flex;
    padding: 1.3333333333vw 2.1333333333vw
}

.list-bar .tip-area .tip-box span:before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    margin: 0 1.3333333333vw 0 0;
    border-radius: 50%
}

.list-bar .tip-area .tip-box span:nth-child(1):before {
    background: #b6b6b6
}

.list-bar .tip-area .tip-box span:nth-child(2):before {
    background: #fccf3a
}

.list-bar .tip-area .tip-box span:nth-child(3):before {
    background: #d35b5b
}

.list-bar .date-title {
    display: flex;
    align-items: flex-start
}

.record-item {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 2fr 1.5fr 1.5fr;
    align-items: center;
    width: 100%;
    padding: 0 6.6666666667vw 0 2.6666666667vw;
    overflow: hidden;
    outline: none;
    background: #111;
    text-decoration: none
}

.record-item:nth-child(2n) {
    background: #262626
}

.record-item .list-arrow {
    position: absolute;
    right: 2.6666666667vw;
    width: 3.7333333333vw;
    height: 100%;
    background: #999;
    mask-repeat: no-repeat;
    mask-position: center left;
    mask-size: 55%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center left;
    -webkit-mask-size: 55%;
    transform: rotate(180deg)
}

.record-item .item {
    padding: 2.6666666667vw 1.6vw;
    overflow: hidden;
    color: #fff;
    font-size: 3.2vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.record-item .item.time {
    font-size: 2.6666666667vw;
    letter-spacing: -1px;
    text-align: center
}

.record-item .item.amount {
    text-align: right
}

.record-item .item.status .tags {
    padding: .8vw 1.3333333333vw;
    overflow: hidden;
    transform: scale(.9);
    border-radius: .8vw;
    color: #fff;
    font-size: 3.2vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.record-item .item.status.pending .tags {
    background: #f0b800e6
}

.record-item .item.status.revert .tags {
    background: #f06939e6
}

.record-item .item.status.positive .tags {
    background: #28b849e6
}

.record-item .item.status.negative .tags {
    background: #d15454e6
}

.record-item .item.bet,.record-item .item.profit {
    text-align: right
}

.record-item .item.profit.positive {
    color: #28b849
}

.record-item .item+.item {
    border-left: .2666666667vw dotted #555555
}

.record-item.betting-record-list {
    position: relative;
    grid-template-columns: 1fr 2fr 1.5fr 1.5fr;
    padding: 0 1.3333333333vw
}

.record-item.betting-record-list:last-of-type {
    margin-bottom: 8vw
}

.record-item.betting-record-list.settled .item-status {
    display: none
}

.record-item.betting-record-list.revocation .item-status {
    background: #b6b6b666
}

.record-item.betting-record-list.revocation .item-status .tags {
    background: #b6b6b699
}

.record-item.betting-record-list.void .item-status {
    background: #fccf3a66
}

.record-item.betting-record-list.void .item-status .tags {
    background: #fccf3a99
}

.record-item.betting-record-list.refund .item-status {
    background: #d35b5b66
}

.record-item.betting-record-list.refund .item-status .tags {
    background: #d35b5b99
}

.record-item.betting-record-list.revocation .item,.record-item.betting-record-list.void .item,.record-item.betting-record-list.refund .item {
    opacity: .3
}

.record-item.betting-record-list .item-status {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 8px);
    height: calc(100% - 4px);
    border-radius: .8vw
}

.record-item.betting-record-list .item-status .tags {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    border-radius: .8vw;
    padding: .8vw 1.3333333333vw;
    font-size: 2.6666666667vw;
    color: #fff
}

.record-item.betting-record-list .item {
    padding: 2.6666666667vw 1.3333333333vw
}

.record-item.transaction-record-list {
    grid-template-columns: 1.5fr 1.5fr 1.2fr 1fr;
    padding: 0 2.6666666667vw
}

.record-item.transaction-record-list .item {
    padding: 2.6666666667vw
}

.record-item.transaction-record-list .status {
    padding: 2.6666666667vw 1.3333333333vw
}

.record-item.item-title {
    text-transform: capitalize;
    background: #4c4c4c
}

.record-item.item-title .item {
    color: #fff;
    margin: 1.3333333333vw 0;
    padding: 1.3333333333vw
}

.record-item.item-title .item.time {
    letter-spacing: 0px
}

.record-item.item-title .item.amount,.record-item.item-title .item.bet {
    text-align: center
}

.record-item.item-title.betting-record-list .item {
    padding: 1.3333333333vw 2.6666666667vw
}

.record-item.item-title .item+.item {
    border-left: .2666666667vw dotted #ffffff
}

.record-item.no-detail-info .list-arrow {
    display: none
}

a.record-item:active {
    filter: brightness(.95)
}

.betting-record-sum {
    display: flex;
    justify-content: center;
    align-items: self-start;
    background: #262626;
    padding: 2.6666666667vw 0
}

.betting-record-sum .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;
    font-size: 3.2vw;
    line-height: 1.5
}

.betting-record-sum .item+.item {
    border-left: .2666666667vw solid #555555
}

.betting-record-sum .item .title {
    color: #fff
}

.betting-record-sum .item .text {
    color: #eee;
    text-align: center
}

.betting-record-sum .item.positive .text {
    color: #28b849
}

.accordion-card-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 2.6666666667vw;
    min-height: 33px;
    opacity: 1;
    transition: all .4s ease-in-out
}

.accordion-card-wrap.remove {
    transform: translateY(-10%);
    height: 0;
    min-height: 0;
    margin: 0 2.6666666667vw;
    opacity: 0
}

.accordion-card-wrap.remove .ac-notice {
    opacity: 0
}

.accordion-card-wrap.show .ac-content {
    height: auto;
    max-height: 10000px;
    opacity: 1
}

.accordion-card-wrap.show .ac-arrow {
    transform: rotate(180deg);
    transform-origin: center
}

.accordion-card-wrap .ac-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 2.6666666667vw;
    border-radius: 1.0666666667vw;
    background: #f0b800;
    color: #fff;
    font-size: 3.2vw;
    text-align: left
}

.accordion-card-wrap .ac-title .ac-text {
    flex-grow: 1
}

.accordion-card-wrap .ac-title .ac-icon {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90%
}

.accordion-card-wrap .ac-title .ac-arrow {
    display: none;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: all .3s
}

.accordion-card-wrap .ac-title .ac-notice {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.5333333333vw;
    height: 4.5333333333vw;
    transform: translate(15%,-35%);
    background: #d15454;
    color: #fff;
    border-radius: 50%;
    line-height: 4.5333333333vw;
    text-align: center;
    box-shadow: 0 0 3px #00080;
    transition: all .3s ease-in-out;
    opacity: 1
}

.accordion-card-wrap .ac-title .ac-notice.ani {
    animation: notice-jump .3s ease-in-out 1
}

@keyframes notice-jump {
    0% {
        transform: translate(15%,-35%)
    }

    20% {
        transform: translate(15%,-55%) scale(1.3)
    }

    35% {
        transform: translate(15%,-55%) scale(1.3)
    }

    to {
        transform: translate(15%,-35%)
    }
}

.accordion-card-wrap .ac-content {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s,opacity .5s;
    color: #eaeaea;
    opacity: 0
}

.ac-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    margin: 1.8666666667vw 1.3333333333vw;
    padding: 1.8666666667vw 4vw;
    transition: all .4s ease-in-out;
    border-radius: 2.1333333333vw;
    opacity: 1;
    background: #111
}

.ac-list>div {
    opacity: 1;
    transition: all .2s ease-in-out
}

.ac-list.removed {
    transform: translate(-100%);
    height: 0;
    min-height: 0;
    margin: 0 1.3333333333vw;
    padding: 0 4vw
}

.ac-list.removed>div {
    opacity: 0
}

.ac-list .ac-item {
    line-height: 1.8;
    overflow: hidden
}

.ac-list .ac-item .number {
    font-size: 3.4666666667vw;
    font-weight: 500;
    text-decoration: underline
}

.ac-list .ac-item .date {
    color: #999;
    font-size: 2.9333333333vw
}

.ac-list .ac-item .amount {
    color: #f0b800;
    font-size: 4vw
}

.ac-list .btn-revert {
    padding: 2.4vw 4.5333333333vw;
    border-radius: .5333333333vw;
    background: #14805e;
    color: #fff;
    font-size: 3.2vw
}

.accordion-card-wrap .toggle-btn .ac-arrow {
    display: block
}

.deposit-success-pop .btn-close,.withdrawal-processing-pop .btn-close {
    position: relative;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 4.8vw;
    right: 4vw;
    z-index: 20;
    width: 5.3333333333vw;
    height: 5.3333333333vw
}

.deposit-success-pop .btn-close:after,.deposit-success-pop .btn-close:before,.withdrawal-processing-pop .btn-close:after,.withdrawal-processing-pop .btn-close:before {
    content: "";
    display: block;
    height: 80%;
    width: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    background: green;
    transform-origin: 50% 50%
}

.deposit-success-pop .btn-close:after,.withdrawal-processing-pop .btn-close:after {
    transform: translateY(-50%) rotate(-45deg)
}

.deposit-success-pop .btn-close:before,.withdrawal-processing-pop .btn-close:before {
    transform: translateY(-50%) rotate(45deg)
}

.deposit-success-pop .btn-close:before,.deposit-success-pop .btn-close:after,.withdrawal-processing-pop .btn-close:before,.withdrawal-processing-pop .btn-close:after {
    border-radius: 10vw;
    width: .5333333333vw;
    height: 100%;
    background: var(--transaction-pop-close-btn-icon, #ffffff)
}

.deposit-success-pop .pop-inner,.withdrawal-processing-pop .pop-inner {
    padding: 6.4vw;
    text-align: center
}

.deposit-success-pop .info-cont,.withdrawal-processing-pop .info-cont {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6.4vw
}

.deposit-success-pop .processing-cont,.withdrawal-processing-pop .processing-cont {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 4.2666666667vw 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
    border-bottom: .2666666667vw solid var(--transaction-pop-processing-cont-border-color, #bbbbbb)
}

.deposit-success-pop .state,.withdrawal-processing-pop .state {
    position: relative;
    width: 14.4vw;
    height: 14.4vw;
    margin: 0 auto;
    animation: fallin .7s forwards .2s;
    border-radius: 100%;
    opacity: 0;
    background: var(--transaction-pop-state-bg, #f0b800)
}

.deposit-success-pop .state .item-icon,.withdrawal-processing-pop .state .item-icon {
    position: absolute;
    right: -.4vw;
    background-color: var(--transaction-pop-state-icon-bg, #ffffff);
    display: inline-block;
    height: 100%;
    width: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50%
}

.deposit-success-pop .processing,.withdrawal-processing-pop .processing {
    text-align: center
}

.deposit-success-pop .processing h3,.withdrawal-processing-pop .processing h3 {
    color: var(--transaction-pop-processing-title, #f0b800);
    font-size: 5.3333333333vw;
    margin: 2.6666666667vw 0 1.3333333333vw;
    font-weight: 700
}

.deposit-success-pop .processing span,.withdrawal-processing-pop .processing span {
    color: var(--transaction-pop-processing-txt, rgba(0, 0, 0, .6));
    font-size: 3.2vw;
    line-height: 1
}

.deposit-success-pop .amount-cont,.withdrawal-processing-pop .amount-cont {
    font-weight: 700
}

.deposit-success-pop .amount-cont h4,.withdrawal-processing-pop .amount-cont h4 {
    font-weight: 400;
    font-size: 4.8vw;
    color: var(--transaction-pop-amount-cont-txt, rgba(0, 0, 0, .6));
    margin-bottom: 2.6666666667vw;
    line-height: 1
}

.deposit-success-pop .amount-cont .amount,.withdrawal-processing-pop .amount-cont .amount {
    font-size: 6.9333333333vw;
    color: var(--transaction-pop-amount-cont-txt-strong, #f0b800)
}

.deposit-success-pop .info-list,.withdrawal-processing-pop .info-list {
    margin: 6.4vw 0 0;
    overflow: auto;
    font-size: 3.2vw;
    text-align: left
}

.deposit-success-pop .info-list li,.withdrawal-processing-pop .info-list li {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.deposit-success-pop .info-list li label,.deposit-success-pop .info-list li span,.withdrawal-processing-pop .info-list li label,.withdrawal-processing-pop .info-list li span {
    display: inline-block;
    word-break: break-all;
    padding: 2.6666666667vw;
    line-height: 1.3
}

.deposit-success-pop .info-list li label,.withdrawal-processing-pop .info-list li label {
    color: var(--transaction-pop-info-list-title, #111333);
    background: var(--transaction-pop-info-list-title-bg, #e1e1e1)
}

.deposit-success-pop .info-list li span,.withdrawal-processing-pop .info-list li span {
    color: var(--transaction-pop-info-list-txt, #14805e);
    background: var(--transaction-pop-info-list-txt-bg, #eeeeee)
}

.deposit-success-pop .state .item-icon {
    right: 0;
    top: .2666666667vw
}

@keyframes fallin {
    0% {
        transform: scale(3);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    60% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.main-wallet-info {
    width: 100%;
    padding: 0 4vw 8vw;
    color: #fff;
    zoom:1}

.main-wallet-info:after {
    display: block;
    clear: both;
    content: ""
}

.main-wallet-info h4 {
    font-size: 12vw;
    text-align: right
}

.operating-wallet {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.operating-wallet button,.operating-wallet .btn-renew {
    min-width: 21.3333333333vw;
    margin: 0 1.3333333333vw 0 0;
    padding: 0 4vw;
    border: 0;
    border-radius: 8vw;
    outline: none;
    box-shadow: inset 0 .2666666667vw .2666666667vw #ffffff80,0 0 .5333333333vw .2666666667vw #0003;
    color: #fff;
    font-size: 3.2vw;
    line-height: 8vw;
    text-align: center
}

.operating-wallet button:last-child,.operating-wallet .btn-renew:last-child {
    margin-right: 0
}

.operating-wallet .btn-take-back {
    background: #00b5ff
}

.operating-wallet .btn-other-account {
    background: #28b849
}

.operating-wallet .btn-renew {
    background: #f0b800
}

.operating-wallet .btn-renew img {
    width: 3.2vw;
    margin-right: 1.3333333333vw
}

.operating-wallet .btn-renew span,.operating-wallet .btn-renew img {
    vertical-align: middle
}

.operating-wallet .btn-renew.active img {
    animation: reneWallet 1s ease
}

.renew-main-wallet {
    display: inline-flex;
    align-items: center;
    line-height: 2
}

.renew-main-wallet.active .icon-refresh {
    animation: reneWallet 1s linear
}

.renew-main-wallet span {
    margin-right: 1.3333333333vw;
    font-size: 3.2vw
}

.renew-main-wallet .icon-refresh {
    display: inline-block;
    width: 3.2vw;
    height: 3.2vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.content-transfer {
    overflow: hidden
}

.content-transfer .menu-box {
    padding: 2.6666666667vw
}

.content-transfer .menu-box .select-box:last-child {
    float: right
}

.select-box {
    display: inline-block;
    position: relative;
    width: 46%
}

.select-box:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 18%;
    right: 2.6666666667vw;
    transform: translateY(-25%);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #14805e transparent transparent
}

.select-box label {
    display: block;
    font-size: .9rem;
    line-height: 2
}

.select-box select {
    display: block;
    position: relative;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    border: 0;
    border-radius: .8vw;
    outline: none;
    color: #fff;
    background: #111;
    appearance: none
}

.account-count {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 72vh;
    margin-top: 2.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto
}

.secondary-money-info {
    min-width: 60%;
    margin-top: 1.3333333333vw;
    padding: 0 4vw;
    float: right;
    border: .2666666667vw solid #ffffff;
    border-radius: 8vw;
    background: #fffc;
    box-shadow: 0 0 .5333333333vw #fffc,0 .2666666667vw 1.3333333333vw #fff9;
    color: #934141;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 0
}

.secondary-money-info p,.secondary-money-info span {
    max-width: 48%;
    overflow: hidden;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap
}

.secondary-money-info p {
    display: inline-block;
    margin-right: 2%
}

.secondary-money-info span {
    float: right
}

@keyframes reneWallet {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.recommend-friends-box {
    width: auto;
    height: auto;
    margin: 2.6666666667vw;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    background: #111;
    box-shadow: 0 0 1.6vw #3e3e3e80
}

.recommend-friends-box.deco {
    margin-top: 10.6666666667vw
}

.recommend-friends-box .deco-box {
    position: relative;
    height: 9.3333333333vw
}

.recommend-friends-box .deco-box .deco-img {
    display: block;
    position: relative;
    width: 16vw;
    height: 16vw;
    margin: auto;
    overflow: hidden;
    transform: translateY(-50%);
    background: #14805e;
    border-radius: 50%
}

.recommend-friends-box .deco-box .deco-img img {
    display: block;
    position: absolute;
    top: 60%;
    left: 50%;
    width: 120%;
    height: 120%;
    margin: auto;
    transform: translate(-50%,-45%) rotate(0)
}

.recommend-friends-box .title {
    width: 100%;
    line-height: 9.3333333333vw
}

.recommend-friends-box .title h2 {
    color: #fff;
    font-size: 4vw
}

.recommend-friends-box .title h2 span {
    display: inline-block;
    vertical-align: middle
}

.recommend-friends-box .title h2:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 2.1333333333vw;
    background: #14805e;
    vertical-align: middle
}

.recommend-friends-box .complete-desc {
    margin: 5.3333333333vw 0;
    font-size: 3.2vw;
    font-style: italic;
    color: #fff;
    font-weight: 600
}

@keyframes rotateGift1 {
    0% {
        transform: translate(-50%,-30%) rotate(0)
    }

    5% {
        transform: translate(-50%,-45%) rotate(0)
    }

    10% {
        transform: translate(-50%,-45%) rotate(0)
    }

    15% {
        transform: translate(-50%,-45%) rotate(-20deg)
    }

    20% {
        transform: translate(-50%,-45%) rotate(20deg)
    }

    25% {
        transform: translate(-50%,-45%) rotate(0)
    }

    30%,to {
        transform: translate(-50%,-45%) rotate(0)
    }
}

@keyframes rotateGift2 {
    0% {
        transform: translate(-50%,-45%) rotate(0)
    }

    5% {
        transform: translate(-50%,-45%) rotate(0)
    }

    10% {
        transform: translate(-50%,-45%) rotate(0)
    }

    15% {
        transform: translate(-50%,-45%) rotate(-20deg)
    }

    20% {
        transform: translate(-50%,-45%) rotate(20deg)
    }

    25% {
        transform: translate(-50%,-45%) rotate(0)
    }

    30%,to {
        transform: translate(-50%,-45%) rotate(0)
    }
}

.code-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between
}

.code-box:after {
    content: "";
    display: block;
    margin: 2.1333333333vw 0 0;
    right: 0;
    width: 100%;
    height: .2666666667vw;
    background: linear-gradient(to left,rgba(255,255,255,.4) 0%,rgba(255,255,255,.4) 10%,transparent 10%);
    background-repeat: repeat-x;
    background-size: 2.6666666667vw 2.6666666667vw
}

.code-box p {
    width: 100%;
    padding-bottom: 2.6666666667vw;
    line-height: 1.3;
    font-size: 3.2vw;
    color: #fff
}

.code-box .code {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex: 2;
    border: .2666666667vw solid rgba(0,0,0,0);
    background: #222;
    border-radius: 1.0666666667vw;
    overflow: hidden
}

.code-box .code span {
    display: block;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 1.3333333333vw 2.6666666667vw
}

.code-box .code .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 8vw;
    padding: 1.3333333333vw 2.6666666667vw;
    transition: all .3s;
    background: #ffde1a
}

.code-box .code .btn:active {
    opacity: .7
}

.code-box .btn-share {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #ffde1a;
    border-radius: 1.0666666667vw;
    font-size: 3.7333333333vw;
    color: #000;
    margin-left: 2.6666666667vw
}

.condition-box .title {
    color: #fff;
    font-size: 3.7333333333vw;
    line-height: 1.5em;
    padding: 4vw 0
}

.condition-box .item {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    margin: 0 0 1.3333333333vw;
    font-size: 3.2vw
}

.condition-box .item .condition {
    padding: 1.6vw 0;
    color: #fff
}

.condition-box .item .condition:before {
    content: "";
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 1.6vw 0 0;
    border-radius: 50%;
    background: #50b08b
}

.condition-box .item .text {
    width: 65%;
    height: auto;
    color: #fff;
    border-radius: 1.0666666667vw;
    background: #4d4f50;
    padding: 1.8666666667vw 2.6666666667vw
}

.status-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

.status-box .status {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    padding: 1.3333333333vw
}

.status-box .status.accept {
    position: relative
}

.status-box .status.accept:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: .2666666667vw;
    height: 100%;
    background: linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.4) 10%,transparent 10%);
    background-repeat: repeat-y;
    background-size: 2.6666666667vw 2.6666666667vw
}

.status-box .status.accept .number {
    color: #14805e
}

.status-box .status .number {
    font-size: 8vw;
    margin-bottom: 1.8666666667vw;
    color: #cecece
}

.status-box .status .text {
    color: #fff;
    font-size: 3.2vw
}

.terms {
    display: flex;
    margin-bottom: 5.3333333333vw;
    justify-content: center;
    align-items: center
}

.terms-link {
    display: inline-block;
    margin: auto;
    padding: 1.3333333333vw 3.2vw;
    color: #6481cd;
    font-size: 2.9333333333vw;
    font-weight: 500;
    transition: all .3s
}

.date-bar {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2.6666666667vw
}

.date-bar .text {
    display: block;
    font-size: 3.2vw;
    padding: 0 .8vw;
    color: #cecece
}

.date-bar .date-input {
    position: relative;
    width: 100%;
    margin-right: 0;
    width: 34%;
    border-radius: .8vw
}

.date-bar .date-input:before {
    left: auto;
    right: 0;
    width: 9.3333333333vw;
    margin: 0;
    height: 8vw
}

.date-bar .date-input input {
    width: 100%;
    height: 8vw;
    padding: 0
}

.btn-submit {
    position: relative;
    border-radius: .8vw;
    padding: 0 2.6666666667vw;
    margin-left: 1.3333333333vw;
    height: 8vw;
    line-height: 8vw;
    color: #fff;
    background: #14805e;
    padding: 0 6.6666666667vw 0 1.8666666667vw;
    font-size: 3.2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-submit .item-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1.3333333333vw;
    transform: translateY(-50%);
    width: 3.4666666667vw;
    height: 3.7333333333vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100%
}

.list-status {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 2.6666666667vw
}

.list-status .title {
    color: #fff;
    font-size: 3.2vw
}

.list-status img {
    width: 4.2666666667vw;
    margin: 0 1.3333333333vw
}

.list-status .text {
    font-size: 2.9333333333vw
}

.list-status div {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.list-status .pending .text {
    color: #f0b800
}

.list-status .expired .text {
    color: #d15454
}

.recommend-friends-list {
    width: auto;
    height: auto;
    margin: 2.6666666667vw
}

.recommend-friends-list .list-content {
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    overflow: hidden
}

.recommend-friends-list .rf-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 1.3;
    align-items: center
}

.recommend-friends-list .rf-list.form-title {
    padding: 2.1333333333vw 2.6666666667vw;
    background: #4c4c4c;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 500;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0
}

.recommend-friends-list .rf-list.form-content {
    padding: 1.3333333333vw 2.6666666667vw;
    background: #111;
    color: #fff;
    font-size: 2.9333333333vw
}

.recommend-friends-list .rf-list.form-content:nth-child(2n) {
    background: #262626
}

.recommend-friends-list .rf-list>div,.recommend-friends-list .rf-list>span,.recommend-friends-list .rf-list li {
    flex: 1
}

.recommend-friends-list .rf-list>div.complete-time,.recommend-friends-list .rf-list>span.complete-time,.recommend-friends-list .rf-list li.complete-time {
    color: #28b849
}

.recommend-friends-list .rf-list>div.complete-time.pending,.recommend-friends-list .rf-list>div.complete-time.expired,.recommend-friends-list .rf-list>span.complete-time.pending,.recommend-friends-list .rf-list>span.complete-time.expired,.recommend-friends-list .rf-list li.complete-time.pending,.recommend-friends-list .rf-list li.complete-time.expired {
    display: flex;
    align-items: center;
    justify-content: center
}

.recommend-friends-list .rf-list>div.complete-time.pending img,.recommend-friends-list .rf-list>div.complete-time.expired img,.recommend-friends-list .rf-list>span.complete-time.pending img,.recommend-friends-list .rf-list>span.complete-time.expired img,.recommend-friends-list .rf-list li.complete-time.pending img,.recommend-friends-list .rf-list li.complete-time.expired img {
    width: 4.8vw
}

.spread {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

.spread .bubble,.spread .circle {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    border-radius: 50%;
    color: #e2264d;
    filter: none
}

.spread .bubble {
    box-sizing: border-box;
    width: 8rem;
    height: 8rem;
    transform: translate(-50%,-50%) scale(0);
    border: solid 4rem #ffe75a
}

.spread .circle {
    width: .375rem;
    height: .375rem;
    margin: -.1875rem;
    box-shadow: .3247595264rem -5.1875rem 0 -.1875rem #ff8080,-.3247595264rem -4.8125rem 0 -.1875rem #ffed80,4.2582350681rem -2.9804461252rem 0 -.1875rem #ffed80,3.5600797569rem -3.2544518934rem 0 -.1875rem #a4ff80,4.9851727513rem 1.470944472rem 0 -.1875rem #a4ff80,4.7641064198rem .7542648771rem 0 -.1875rem #80ffc8,1.9581736738rem 4.8146838799rem 0 -.1875rem #80ffc8,2.3806665681rem 4.19500546rem 0 -.1875rem #80c8ff,-2.5433701195rem 4.5328681246rem 0 -.1875rem #80c8ff,-1.7953803367rem 4.4768441467rem 0 -.1875rem #a480ff,-5.1297043328rem .8377102187rem 0 -.1875rem #a480ff,-4.6179132702rem 1.3880160217rem 0 -.1875rem #ff80ed,-3.8532661237rem -3.4882604773rem 0 -.1875rem #ff80ed,-3.9428102567rem -2.7388317892rem 0 -.1875rem #ff8080
}

@keyframes bubble {
    0% {
        transform: translate(-50%,-50%) scale(0)
    }

    10% {
        transform: translate(-50%,-50%) scale(1);
        border-width: 4rem
    }

    20%,90%,to {
        border-width: 0;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes sparkles {
    0%,35% {
        opacity: 0
    }

    40% {
        opacity: 1;
        box-shadow: .3247595264rem -4.1875rem #ff8080,-.3247595264rem -3.8125rem #ffed80,3.4764035856rem -2.3569563233rem #ffed80,2.7782482745rem -2.6309620915rem #a4ff80,4.0102448391rem 1.248423538rem #a4ff80,3.7891785076rem .5317439431rem #80ffc8,1.5242899347rem 3.913715012rem #80ffc8,1.946782829rem 3.2940365921rem #80c8ff,-2.1094863804rem 3.6318992567rem #80c8ff,-1.3614965975rem 3.5758752788rem #a480ff,-4.1547764206rem .6151892847rem #a480ff,-3.642985358rem 1.1654950878rem #ff80ed,-3.0714346466rem -2.8647706763rem #ff80ed,-3.1609787796rem -2.1153419882rem #ff8080
    }
}

.bonus-wallet-wrap {
    display: block;
    width: calc(100% - 4.2666666667vw);
    margin: 2.1333333333vw;
    border-radius: 1.3333333333vw;
    background: linear-gradient(0deg,#3a3a3a,#666);
    overflow: hidden
}

.bonus-wallet-wrap.ongoing {
    display: none;
    z-index: 5
}

.bonus-wallet-wrap.ongoing.show {
    display: block;
    margin-top: 0
}

.bonus-wallet-wrap.hide {
    transform: scaleY(0);
    transition: all .3s ease-in
}

.bonus-wallet {
    display: block;
    position: relative;
    padding: 2.6666666667vw;
    box-shadow: 0 -.5333333333vw 1.0666666667vw #0000061a,inset .2666666667vw .2666666667vw .5333333333vw #ffffff1a
}

.bonus-wallet .title {
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bonus-wallet .title:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.8vw;
    margin-right: 1.0666666667vw;
    border-radius: 1.0666666667vw;
    background: #69aaff;
    vertical-align: sub
}

.bonus-wallet .wallet-label {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 13.3333333333vw;
    height: 6.9333333333vw;
    padding: 0 1.3333333333vw;
    border-radius: 8vw 0 0 8vw;
    background: #28b849;
    color: #fff;
    font-size: 2.9333333333vw
}

.bonus-wallet .wallet-label .item-icon {
    content: "";
    display: inline-block;
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    background-position: 10% center;
    background-repeat: no-repeat;
    background-size: 70%
}

.bonus-wallet .wallet-label--running {
    background: #14805e
}

.bonus-wallet .wallet-label--disabled {
    background: #0a3e2d
}

.bonus-wallet .wallet-inner {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 2.6666666667vw;
    border-radius: 1.0666666667vw
}

.bonus-wallet .wallet-inner-left {
    width: 21.8666666667vw;
    height: 21.8666666667vw;
    margin-right: 4vw;
    overflow: hidden;
    border-radius: 1.0666666667vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.bonus-wallet .wallet-inner-right {
    display: flex;
    position: relative;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    width: 70%
}

.bonus-wallet .wallet-inner-right .text {
    margin: auto;
    padding: 2.6666666667vw;
    color: #ffb016;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.bonus-wallet .card-detail {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 2.6666666667vw
}

.bonus-wallet .card-detail .card-date {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    margin: 0 1.3333333333vw 0 0;
    color: #fff;
    font-size: 2.6666666667vw
}

.bonus-wallet .card-detail .card-date div {
    line-height: 1.5
}

.bonus-wallet .card-detail .time-zone {
    display: block;
    align-self: flex-start;
    margin: .8vw 1.3333333333vw .8vw 0;
    padding: .5333333333vw 1.0666666667vw;
    border: 1px solid #999999;
    border-radius: .8vw;
    color: #999;
    font-size: 2.6666666667vw
}

.bonus-wallet .card-detail .detail-btn {
    display: flex;
    align-self: flex-start;
    margin: .8vw 0;
    padding: .5333333333vw 1.0666666667vw;
    border: .2666666667vw solid #14805e;
    border-radius: .8vw
}

.bonus-wallet .card-detail .detail-btn a {
    color: #14805e;
    font-size: 2.6666666667vw;
    text-decoration: none
}

.bonus-wallet .discount {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    color: #ffb016
}

.bonus-wallet .discount.complete {
    color: #fdd137
}

.bonus-wallet .discount.disable {
    color: #888
}

.bonus-wallet .discount .currency {
    margin: auto 0;
    font-size: 3.7333333333vw
}

.bonus-wallet .discount .amount {
    padding-bottom: 2.6666666667vw;
    font-size: 5.8666666667vw;
    font-weight: 700
}

.bonus-wallet .discount .turn-hide {
    display: none
}

.bonus-wallet .discount02 {
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 2.6666666667vw;
    color: #14805e;
    font-size: 3.2vw
}

.bonus-wallet .discount02 .deposit {
    padding-right: 5.3333333333vw
}

.dec-line-wrap {
    position: relative;
    height: 5.3333333333vw
}

.dec-line-wrap:before,.dec-line-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 100%;
    background: #111
}

.dec-line-wrap:before {
    right: -1.6vw
}

.dec-line-wrap:after {
    left: -1.6vw
}

.dec-line {
    position: absolute;
    top: 1.8666666667vw;
    left: 3%;
    width: 94%;
    border-top: .5333333333vw dotted rgba(255,255,255,.2)
}

.bonus-card-down {
    display: block;
    position: relative;
    padding: 1.3333333333vw 2.6666666667vw 4vw;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
    box-shadow: 0 2px 4px #0000061a
}

.bonus-card-down .card-down-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    border-radius: 1.0666666667vw
}

.bonus-card-down .card-down-inner .turn-hide {
    display: none
}

.bonus-card-down .card-down-inner-right {
    position: relative;
    margin-left: 2.6666666667vw;
    min-width: 32vw
}

.bonus-card-down .card-down-inner-right .btn {
    min-width: 32vw;
    min-height: 7.4666666667vw;
    margin: auto;
    border-radius: 5px;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 7.4666666667vw;
    text-align: center;
    box-shadow: 0 2px 4px #00040
}

.bonus-card-down .card-down-inner-right .btn--start {
    background: linear-gradient(to bottom,#eed29f,#cca967)
}

.bonus-card-down .card-down-inner-right .btn--cancel {
    background: linear-gradient(to bottom,#d15454,#cb4141)
}

.bonus-card-down .card-down-inner-right .btn--receive {
    background: linear-gradient(to bottom,#9fd562,#7cb43e)
}

.bonus-card-down .card-down-inner-right .btn--disabled {
    color: #9b9b9b;
    background: linear-gradient(230deg,#666 0% 100%);
    border: .2666666667vw dotted #9b9b9b;
    box-shadow: 0 0 #00040
}

.bonus-card-down .card-down-inner-right .btn--working {
    color: #1dc892;
    background: linear-gradient(to bottom,#575757,#3e3e3e);
    border: .2666666667vw dotted #1dc892
}

.bonus-card-down .card-down-inner-right .turn-open {
    display: block
}

.bonus-card-down .card-down-inner-right .withdraw-ani {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img {
    position: relative;
    z-index: 2;
    width: 15.7333333333vw;
    height: 11.4666666667vw
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img img {
    display: block;
    position: absolute;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .back {
    z-index: 3;
    filter: drop-shadow(2px 2px 2px rgba(45,45,45,.1)) drop-shadow(4px 4px 4px rgba(49,49,49,.1)) drop-shadow(8px 8px 8px rgba(42,42,42,.1)) drop-shadow(16px 16px 16px rgba(32,32,32,.1))
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .front {
    z-index: 5;
    filter: drop-shadow(4px 4px 4px rgba(45,45,45,.1))
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet {
    display: block;
    position: absolute;
    z-index: 4
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li {
    display: block;
    position: absolute;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background-repeat: no-repeat;
    background-size: contain
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-1 {
    top: -4vw;
    left: 8.8vw
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-2 {
    top: -5.3333333333vw;
    left: 5.3333333333vw
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-3 {
    top: -4vw;
    left: 1.0666666667vw
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-4 {
    top: -3.2vw;
    left: 4.8vw
}

.bonus-card-down .card-down-inner-right .withdraw-ani .coin-img {
    position: relative;
    z-index: 2;
    top: 0;
    left: 50%
}

.bonus-card-down .card-down-inner-right .withdraw-ani .coin-img li {
    position: absolute;
    width: 8vw;
    height: 8vw;
    overflow: hidden
}

.bonus-card-down .card-down-inner-right .withdraw-ani .coin-img li span {
    display: block;
    z-index: 2;
    width: 8vw;
    height: 8vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 800% 100%
}

.bonus-card-down .card-down-inner-right.withdraw-active .btn-receive {
    transform: translateY(-50%);
    transition: all .5s ease-in-out;
    opacity: 0
}

.bonus-card-down .card-down-inner-right.withdraw-active .withdraw-ani {
    display: block;
    position: absolute
}

@keyframes walletCoin {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

.bonus-card-down .card-down-inner .bonus-left {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    color: #ffb016
}

.bonus-card-down .card-down-inner .bonus-left .bonus-name {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    font-size: 3.2vw;
    padding: 1.3333333333vw 0
}

.bonus-card-down .card-down-inner .bonus-left .currency {
    padding: 0 .8vw 0 1.8666666667vw;
    font-size: 3.7333333333vw
}

.bonus-card-down .card-down-inner .bonus-left .bonus-number {
    font-size: 4.8vw;
    font-weight: 700
}

.bonus-card-down .card-down-inner .bonus-left .bonus-tips {
    transform: scale(.9);
    transform-origin: left;
    color: #14805e;
    font-size: 3.2vw;
    padding: .8vw 0
}

.turn-gray {
    filter: grayscale(100%) brightness(180%)
}

.turn-gray2 {
    filter: grayscale(100%) brightness(120%)
}

.turn-hide {
    display: none!important
}

.turn-show {
    display: flex!important
}

.bgcolor-gray {
    background: linear-gradient(0deg,#3a3a3a,#1f1e1e)
}

@keyframes fadeOutUp {
    0% {
        transform: translate3d(0,-10%,0);
        opacity: .5
    }

    30% {
        transform: translate3d(0,-30%,0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-10%,0);
        opacity: .5
    }
}

.pop-bonuswallet {
    display: none;
    position: fixed;
    z-index: 8001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.pop-bonuswallet .pop-wrap3 {
    pointer-events: auto
}

.pop-wrap3 {
    position: fixed;
    z-index: 2;
    bottom: -100%;
    width: 100%;
    transform: translate(0);
    transition: bottom .3s;
    background: #fff;
    color: #111
}

.pop-wrap3.active {
    bottom: 0;
    transition: bottom .3s
}

.pop-wrap3 {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    color: #fff;
    line-height: 1.5
}

.pop-wrap3 .btn-closed {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 27%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 27%
}

.pop-wrap3 .title-wrap {
    position: relative;
    display: flex
}

.pop-wrap3 .title-wrap .btn-back {
    position: relative;
    -webkit-text-decoration: block;
    text-decoration: block;
    padding: 0 1.3333333333vw 2.6666666667vw 10.6666666667vw;
    display: none
}

.pop-wrap3 .title-wrap .btn-back.btn-back-show {
    display: block;
    animation: slide-top .5s both
}

.pop-wrap3 .title-wrap .btn-back div {
    top: 2.1333333333vw;
    left: 0;
    content: "";
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    display: block;
    z-index: 3;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    transform: scale(1);
    transition: transform .4s 0s cubic-bezier(.2,0,0,1.6)
}

.pop-wrap3 .title-wrap .btn-back div .item-icon {
    top: -.5333333333vw;
    left: 0;
    content: "";
    width: 18.6666666667vw;
    height: 9.3333333333vw;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .4s 0s cubic-bezier(.2,0,0,1)
}

.pop-wrap3 .title-wrap .title {
    margin: 1.3333333333vw 0 0;
    color: #bdbdbd;
    font-size: 4.2666666667vw;
    line-height: 1.5
}

.pop-wrap3 .title-wrap .title .tips {
    color: #999;
    font-size: 3.2vw
}

.pop-wrap3 .inner-wrap {
    display: flex;
    flex-direction: row;
    width: auto;
    max-height: 90vh;
    transition: all .3s;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.pop-wrap3 .inner-wrap .inner-inner {
    display: flex;
    transition: all .2s
}

.pop-wrap3 .inner-wrap .inner-right {
    transform: translate(-50%)
}

.pop-wrap3 .inner-wrap .inner-right .inner-box:nth-child(2) {
    height: auto;
    padding: 2.6666666667vw
}

.pop-wrap3 .inner-wrap .inner-left {
    transform: translate(0)
}

.pop-wrap3 .inner-wrap .inner-left .inner-box:nth-child(1) {
    height: auto;
    padding: 2.6666666667vw
}

.pop-wrap3 .inner-wrap .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100vw;
    height: 0;
    padding: 0;
    overflow: hidden
}

.pop-wrap3 .inner-wrap .inner-box>div {
    margin-bottom: 2.6666666667vw
}

.pop-wrap3 .bottom-wrap .tips2 {
    padding-bottom: 1.3333333333vw;
    color: #999;
    font-size: 3.2vw;
    text-align: center
}

.reel-box {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.lvup-select-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.lvup-select-wrap .event {
    display: block;
    position: relative;
    width: 48%;
    height: 12vw;
    border-radius: .8vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.lvup-select-wrap .event-click {
    border: .5333333333vw solid rgb(255,174,18)
}

.lvup-select-wrap .event-click .item-icon {
    display: block;
    position: absolute;
    z-index: 2;
    right: -.3vw;
    bottom: -.3vw;
    width: 5.3333333333vw;
    height: 4.2666666667vw;
    transition: all .3s;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.lvup-select-wrap>div {
    margin-bottom: 2.6666666667vw
}

@keyframes scale-in-ver-top {
    0% {
        transform: scaleY(0);
        transform-origin: 100% 0%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 100% 0%;
        opacity: 1
    }
}

.pop-bonuswallet-lvup-border {
    display: none;
    width: 100%;
    height: 0;
    padding: 2.6666666667vw;
    border: .5px solid #ffbf44;
    border-radius: 1.3333333333vw;
    background: linear-gradient(180deg,#fff,#f3f1f1);
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.pop-bonuswallet-lvup-border.active {
    display: block;
    height: auto;
    min-height: 24vw;
    animation: scale-in-ver-top .5s both
}

.pop-bonuswallet-lvup-border .event-title {
    position: relative;
    margin: 0;
    overflow: hidden;
    color: #111;
    font-size: 3.7333333333vw;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop-bonuswallet-lvup-border .event-detail {
    color: #111;
    font-size: 3.2vw
}

.pop-bonuswallet-lvup-border .event-date {
    margin-top: 1.3333333333vw;
    color: #ffae11;
    font-size: 2.6666666667vw
}

.pop-bonuswallet-lvup-border .event-date .item-icon {
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    background: #ffbf44;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 80%;
    vertical-align: middle
}

.bonus-event {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 29.3333333333vw;
    margin-bottom: 2.6666666667vw;
    padding: 2.6666666667vw 4.8vw;
    border-radius: 1.3333333333vw;
    background: linear-gradient(180deg,#555,#777);
    box-shadow: 0 1px 5px #0001f
}

.bonus-event-left {
    width: 70%
}

.bonus-event-left .title {
    position: relative;
    margin-top: 2.6666666667vw;
    overflow: hidden;
    font-size: 3.7333333333vw;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bonus-event-left .title:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.8vw;
    margin-right: 1.0666666667vw;
    border-radius: 1.0666666667vw;
    background: #7c99e4;
    vertical-align: sub
}

.bonus-event-left .card-detail {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.bonus-event-left .card-detail .card-date {
    margin: auto 0;
    color: #fff;
    font-size: 2.6666666667vw;
    padding: .8vw 0
}

.bonus-event-left .card-detail .detail-btn {
    display: flex;
    margin: auto 1.3333333333vw;
    padding: .5333333333vw 1.0666666667vw;
    border: .2666666667vw solid #ffb016;
    border-radius: .8vw
}

.bonus-event-left .card-detail .detail-btn a {
    color: #ffb016;
    font-size: 2.6666666667vw;
    text-decoration: none
}

.bonus-event-left .discount {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    color: #ffb016
}

.bonus-event-left .discount .currency {
    margin: auto 0;
    font-size: 3.7333333333vw
}

.bonus-event-left .discount .amount {
    padding-bottom: 2.6666666667vw;
    font-size: 5.8666666667vw;
    font-weight: 700
}

.bonus-event-right {
    width: 30%
}

.bonus-event-right .btn {
    min-width: 18.6666666667vw;
    min-height: 7.4666666667vw;
    margin: auto;
    border-radius: 5px;
    background: linear-gradient(to bottom,#eed29f,#cca967);
    box-shadow: 0 2px 4px #00040;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 7.4666666667vw;
    text-align: center
}

.bonus-event .notch-l {
    position: absolute;
    left: 0;
    width: 2.1333333333vw;
    height: 4vw;
    border-radius: 0 100px 100px 0;
    background: #fff
}

.bonus-event .notch-r {
    position: absolute;
    right: 0;
    width: 2.1333333333vw;
    height: 4vw;
    border-radius: 100px 0 0 100px;
    background: #fff
}

.player-vip-box,.player-vip-ticket-box {
    width: auto;
    height: auto;
    margin: 2.6666666667vw;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    background: #111;
    box-shadow: 0 0 6px #3e3e3e80
}

.player-vip-box.deco,.player-vip-ticket-box.deco {
    margin-top: 5.3333333333vw
}

.player-vip-box .title,.player-vip-ticket-box .title {
    width: 100%;
    margin-bottom: 2.6666666667vw
}

.player-vip-box .title h2,.player-vip-ticket-box .title h2 {
    color: #fff;
    font-size: 4vw
}

.player-vip-box .title h2 span,.player-vip-ticket-box .title h2 span {
    display: inline-block;
    vertical-align: middle
}

.player-vip-box .title h2:before,.player-vip-ticket-box .title h2:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 2.1333333333vw;
    background: #19916b;
    vertical-align: middle
}

.player-vip-box.vip-card-lv1,.player-vip-ticket-box.vip-card-lv1 {
    padding: 0
}

.player-vip-box.vip-card-lv1 .card-top,.player-vip-ticket-box.vip-card-lv1 .card-top {
    background: linear-gradient(90deg,#928f82,#817b5c 50%);
    width: auto;
    height: 36.2666666667vw;
    padding: 4vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-flow: row nowrap
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-totem {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    border-radius: 100%;
    background: linear-gradient(180deg,#fff,#dfdfdf);
    box-shadow: 2px 4px 7px #0003d,0 1px 2px silver
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-totem .item-icon,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-totem .item-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 35% 50%;
    background-size: 60%
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text {
    padding-left: 4vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text .text,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text .text {
    color: #fff;
    font-size: 3.2vw;
    transform: scale(.9)
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text h2,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text h2 {
    color: #fff;
    font-size: 21px
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-flow: row nowrap;
    margin-top: 2.6666666667vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar {
    flex: 1;
    margin-right: 2.6666666667vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar {
    position: relative;
    width: 100%;
    height: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    background: #0004d;
    box-shadow: inset 0 0 .2666666667vw #999
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner {
    position: absolute;
    left: 0;
    width: 60%;
    height: 100%;
    border-radius: 1.3333333333vw;
    background: linear-gradient(to right,#d7b94b,#c2ab66);
    box-shadow: 0 .2666666667vw .8vw .2666666667vw #d7b94b66,0 0 .8vw #d7b94b66
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner:after,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%);
    width: .8vw;
    height: .8vw;
    border-radius: .8vw;
    background: #fff;
    box-shadow: 0 0 .5333333333vw .2666666667vw #d7b94b
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .number,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .number {
    display: flex;
    justify-content: space-between;
    align-content: center;
    color: #999;
    font-size: 2.6666666667vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .next-lv-totem {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 span,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 span,.player-vip-box.vip-card-lv1 .card-top p,.player-vip-ticket-box.vip-card-lv1 .card-top p {
    color: #fff;
    font-size: 3.2vw;
    transform: scale(.9);
    transform-origin: left
}

.player-vip-box.vip-card-lv1 .card-bottom,.player-vip-ticket-box.vip-card-lv1 .card-bottom {
    display: flex;
    flex-flow: row-reverse nowrap;
    align-items: center;
    background: #807c70;
    height: 8.5333333333vw;
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    padding: 0 4vw
}

.player-vip-box.vip-card-lv1 .card-bottom a,.player-vip-ticket-box.vip-card-lv1 .card-bottom a {
    color: #dadada;
    font-size: 3.4666666667vw;
    text-decoration: none
}

.player-vip-box.vip-card-lv1 .card-bottom a .item-icon,.player-vip-ticket-box.vip-card-lv1 .card-bottom a .item-icon {
    display: inline-block;
    width: 3.2vw;
    height: 2.6666666667vw;
    margin-left: 2.6666666667vw;
    background: #dadada;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: cover;
    vertical-align: middle
}

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-top {
    background: linear-gradient(90deg,#908a8a,#747474 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area1 .lv-totem {
    background: linear-gradient(180deg,#fff,#dfdfdf)
}

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area1 .item-icon,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area1 .item-icon {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%
}

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area2 .next-lv-totem {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-bottom {
    background: #222
}

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-top {
    background: linear-gradient(90deg,#7d7757,#ab8c45 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area1 .lv-totem {
    background: linear-gradient(180deg,#fff,#dfdfdf)
}

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area1 .item-icon,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area1 .item-icon {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%
}

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area2 .next-lv-totem {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-bottom {
    background: #8a7c3b
}

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-top {
    background: linear-gradient(90deg,#5f6e84,#304994 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area1 .lv-totem {
    background: linear-gradient(180deg,#fff,#dfdfdf)
}

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area1 .item-icon,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area1 .item-icon {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%
}

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area2 .next-lv-totem {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-bottom {
    background: #94979d
}

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-top {
    background: linear-gradient(90deg,#6c8abe,#304994 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area1 .lv-totem {
    background: linear-gradient(180deg,#fff,#dfdfdf)
}

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area1 .item-icon,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area1 .item-icon {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%
}

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area2 .next-lv-totem {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-bottom {
    background: #5f7ba5
}

.player-vip-box .status-box,.player-vip-ticket-box .status-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

.player-vip-box .status-box .status,.player-vip-ticket-box .status-box .status {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    padding: 1.3333333333vw
}

.player-vip-box .status-box .status.accept,.player-vip-ticket-box .status-box .status.accept {
    position: relative
}

.player-vip-box .status-box .status.accept:after,.player-vip-ticket-box .status-box .status.accept:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: .2666666667vw;
    height: 100%;
    background: linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.4) 10%,transparent 10%);
    background-repeat: repeat-y;
    background-size: 2.6666666667vw 2.6666666667vw
}

.player-vip-box .status-box .status.accept .number,.player-vip-ticket-box .status-box .status.accept .number {
    color: #39d89f
}

.player-vip-box .status-box .status .number,.player-vip-ticket-box .status-box .status .number {
    font-size: 8vw;
    margin-bottom: 1.8666666667vw
}

.player-vip-box .status-box .status .vip-cleader,.player-vip-ticket-box .status-box .status .vip-cleader {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
    background: #19916b;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: cover;
    vertical-align: middle;
    margin-bottom: 1.8666666667vw
}

.player-vip-box .status-box .status .text,.player-vip-ticket-box .status-box .status .text {
    color: #d9d9d9;
    font-size: 3.2vw
}

.player-vip-ticket-box {
    margin: auto;
    padding: 1.3333333333vw 2.6666666667vw;
    background: initial;
    box-shadow: none
}

.player-vip-ticket-box:first-child {
    padding: 2.6666666667vw 2.6666666667vw 1.3333333333vw
}

.player-vip-ticket-box:last-child {
    padding: 1.3333333333vw 2.6666666667vw 2.6666666667vw
}

.player-vip-ticket-box .ticket-top {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #111
}

.player-vip-ticket-box .ticket-dec-line-wrap {
    background: #111
}

.player-vip-ticket-box .ticket-bottom {
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    background: #111
}

.title2 {
    padding: 1.3333333333vw 4vw;
    color: #19916b;
    font-size: 3.7333333333vw;
    font-weight: 500
}

.player-vip-ticket-box .ticket-top {
    display: flex;
    position: relative;
    height: 26.6666666667vw;
    padding: 2.6666666667vw
}

.player-vip-ticket-box .ticket-top .ticket-top-left {
    width: 21.8666666667vw;
    height: 21.8666666667vw;
    border-radius: 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.player-vip-ticket-box .ticket-top .ticket-top-right {
    padding-left: 2.6666666667vw;
    height: 21.8666666667vw
}

.player-vip-ticket-box .ticket-top .ticket-top-right .date {
    color: #fff;
    font-size: 3.2vw
}

.player-vip-ticket-box .ticket-top .detail-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13.3333333333vw;
    border: .2666666667vw solid #14805e;
    border-radius: .8vw;
    padding: .8vw;
    margin-top: 2.1333333333vw
}

.player-vip-ticket-box .ticket-top .detail-btn a {
    color: #14805e;
    font-size: 3.2vw;
    text-decoration: none
}

.player-vip-ticket-box .ticket-dec-line-wrap {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.player-vip-ticket-box .ticket-dec-line-wrap .left-dot {
    width: 2.1333333333vw;
    height: 4.2666666667vw;
    border-radius: 0 4.2666666667vw 4.2666666667vw 0;
    background: #fff6
}

.player-vip-ticket-box .ticket-dec-line-wrap .center-dot-line {
    flex: 1;
    bottom: 0;
    width: 100%;
    height: .2666666667vw;
    background: linear-gradient(to left,rgba(255,255,255,.4) 0%,rgba(255,255,255,.4) 10%,transparent 10%);
    background-repeat: repeat-x;
    background-size: 2.6666666667vw 2.6666666667vw
}

.player-vip-ticket-box .ticket-dec-line-wrap .right-dot {
    width: 2.1333333333vw;
    height: 4.2666666667vw;
    border-radius: 4.2666666667vw 0 0 4.2666666667vw;
    background: #fff6
}

.player-vip-ticket-box .ticket-bottom {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    height: 12vw;
    padding: 1.3333333333vw 2.6666666667vw 2.6666666667vw
}

.player-vip-ticket-box .ticket-bottom .need-point {
    width: auto;
    height: 7.4666666667vw;
    border-radius: 28px;
    background: #4c4c4c;
    line-height: 7.4666666667vw;
    padding: 0 4vw
}

.player-vip-ticket-box .ticket-bottom .need-point .point-number {
    color: #39d89f;
    font-size: 3.2vw
}

.player-vip-ticket-box .ticket-bottom .need-point .point-number .item-icon {
    display: inline-block;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    margin-right: 2.6666666667vw;
    background: #39d89f;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: cover;
    vertical-align: text-top
}

.player-vip-ticket-box .ticket-bottom .btn-receive {
    min-width: 32vw;
    height: 7.4666666667vw;
    border-radius: 1.3333333333vw;
    box-shadow: 0 2px 4px #00040;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 7.4666666667vw;
    text-align: center;
    background: linear-gradient(270deg,#2fb19e,#19916b)
}

.player-vip-detailed-menu {
    padding: 4.2666666667vw 4.2666666667vw 0
}

.player-vip-detailed-menu .btn {
    display: flex;
    position: relative;
    flex-flow: column-reverse nowrap;
    align-items: center;
    width: 30%;
    height: 32vw;
    margin: 2.6666666667vw 2.6666666667vw 0 0;
    transition: .3s;
    border-radius: 2.6666666667vw 50% 2.6666666667vw 2.6666666667vw;
    background: linear-gradient(180deg,#aaa591,#111);
    background-position: left bottom;
    background-size: 100%;
    box-shadow: 0 .8vw 1.3333333333vw #0003
}

.player-vip-detailed-menu .btn.active {
    transform: translateY(-5px) scale(1);
    box-shadow: 0 .8vw 1.3333333333vw #0003
}

.player-vip-detailed-menu .btn .item-icon {
    position: absolute;
    width: 100%;
    height: 32vw;
    background-position: left bottom;
    background-size: 100%
}

.player-vip-detailed-menu .vip-lv2 {
    background: linear-gradient(180deg,#cecece,#111)
}

.player-vip-detailed-menu .vip-lv2 .item-icon {
    background-position: left bottom;
    background-size: 100%
}

.player-vip-detailed-menu .vip-lv3 {
    background: linear-gradient(180deg,#cec182,#111)
}

.player-vip-detailed-menu .vip-lv3 .item-icon {
    background-position: left bottom;
    background-size: 100%
}

.player-vip-detailed-menu .vip-lv4 {
    background: linear-gradient(180deg,#c9ced8,#111)
}

.player-vip-detailed-menu .vip-lv4 .item-icon {
    background-position: left bottom;
    background-size: 100%
}

.player-vip-detailed-menu .vip-lv5 {
    background: linear-gradient(180deg,#b7cae6,#111)
}

.player-vip-detailed-menu .vip-lv5 .item-icon {
    background-position: left bottom;
    background-size: 100%
}

.player-vip-detailed-menu .vip-lv6 {
    background: linear-gradient(180deg,#b7cae6,#111)
}

.player-vip-detailed-menu .vip-lv6 .item-icon {
    background-position: left bottom;
    background-size: 100%
}

.player-vip-detailed-menu p {
    position: relative;
    color: #dadada;
    font-size: 3.4666666667vw;
    line-height: 1.2
}

.player-vip-detailed-menu .vip-level-icon {
    top: 0;
    right: -2.6666666667vw;
    width: 11.2vw;
    height: 11.2vw;
    transition: .3s
}

.player-vip-detailed-menu .slick-dots {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 2.6666666667vw
}

.player-vip-detailed-menu .slick-dots li {
    display: inline-block;
    position: relative;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: 0 2.1333333333vw;
    overflow: hidden;
    text-indent: -2666.4vw
}

.player-vip-detailed-menu .slick-dots li button {
    display: block;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    padding: 1.0666666667vw;
    border: 0;
    background: transparent;
    color: transparent
}

.player-vip-detailed-menu .slick-dots li button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-radius: 50%;
    background: #fff
}

.player-vip-detailed-menu .slick-dots li.slick-active button:before {
    background: #fff
}

.player-vip-detailed-box {
    display: flex;
    flex-direction: row;
    width: auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s
}

.player-vip-detailed-box .inner-wrap {
    display: flex;
    transition: all .2s
}

.player-vip-detailed-box .inner-wrap .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 90%;
    height: auto;
    margin: 3.2vw 5%;
    overflow: hidden;
    border-radius: 2.6666666667vw;
    background: #111;
    box-shadow: 0 0 1.6vw #0004d
}

.player-vip-detailed-box .title {
    margin: 4.2666666667vw 4.2666666667vw 0
}

.player-vip-detailed-box .title h2 {
    color: #fff;
    font-size: 4vw;
    font-weight: 600
}

.player-vip-detailed-box .title h2:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 2.1333333333vw;
    border-radius: 2.1333333333vw;
    background: #19916b;
    vertical-align: middle
}

.player-vip-detailed-box .title span {
    display: inline-block;
    vertical-align: middle
}

.head-lv-name {
    height: 8.5333333333vw;
    padding-left: 4.2666666667vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: linear-gradient(90deg,#bcb8a8,#80795a);
    color: #fff;
    line-height: 8.5333333333vw
}

.vip-lv1 .head-lv-name {
    background: linear-gradient(90deg,#928f82,#817b5c 50%)
}

.vip-lv2 .head-lv-name {
    background: linear-gradient(90deg,#908a8a,#747474 50%)
}

.vip-lv3 .head-lv-name {
    background: linear-gradient(90deg,#7d7757,#ab8c45 50%)
}

.vip-lv4 .head-lv-name {
    background: linear-gradient(90deg,#5f6e84,#304994 50%)
}

.vip-lv5 .head-lv-name,.vip-lv6 .head-lv-name {
    background: linear-gradient(90deg,#6c8abe,#304994 50%)
}

.lv-info-wrap {
    padding: 4.2666666667vw;
    border-bottom: .2666666667vw solid #111
}

.lv-info-wrap .status-box.status-box2 {
    flex-wrap: wrap
}

.lv-info-wrap .status-box .text {
    color: #dadada;
    font-size: 3.2vw
}

.lv-info-wrap .status-box .status {
    width: 33%
}

.lv-info-wrap .status-box .status .number {
    margin-bottom: 1.8666666667vw;
    font-size: 3.7333333333vw;
    font-weight: 700
}

.lv-info-wrap .status-box .status .number.number2 {
    color: #39d89f;
    font-size: 4.2666666667vw
}

.lv-info-wrap .status-box .status.accept2 {
    position: relative;
    width: 48%;
    height: 17.3333333333vw;
    margin: 0 2.6666666667vw 2.6666666667vw 0;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    background: #4c4c4c;
    box-shadow: 0 .8vw 1.3333333333vw #0003,inset .2666666667vw .2666666667vw #fff3
}

.lv-info-wrap .status-box .status.accept2:nth-child(2n) {
    margin: 0 0 2.6666666667vw
}

.lv-info-wrap .status-box .status.accept2 .text {
    color: #d9d9d9
}

.terms .terms-link {
    margin-bottom: 2.6666666667vw;
    color: #ffdf1a
}

.terms p {
    color: #ffdf1a;
    font-size: 3.2vw;
    line-height: 5.3333333333vw
}

.vip-list {
    width: auto;
    height: auto;
    margin: 2.6666666667vw;
    overflow: hidden;
    border-radius: 2.6666666667vw
}

.vip-list .rf-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 1.3;
    align-items: center
}

.vip-list .rf-list.form-title {
    padding: 2.1333333333vw 2.6666666667vw;
    background: #4c4c4c;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 500
}

.vip-list .rf-list.form-content {
    padding: 1.3333333333vw 2.6666666667vw;
    background: #111;
    color: #fff;
    font-size: 2.9333333333vw
}

.vip-list .rf-list.form-content:nth-child(2n) {
    background: #262626
}

.vip-list .list-title .list-field {
    line-height: 1.5
}

.vip-list .list-content .list-field {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.vip-list .vip-source,.vip-list .vip-use {
    flex: 0 0 30%
}

.vip-list .vip-time {
    flex: 0 0 30%;
    text-align: center
}

.vip-list .vip-no {
    flex: 1 0 10%
}

.vip-list .vip-point {
    flex: 0 0 30%
}

.tag-free {
    position: absolute;
    z-index: 1;
    top: 1.3333333333vw;
    left: -1.0666666667vw;
    width: 4.8vw;
    height: 4vw;
    background: #ffe800
}

.tag-free:before,.tag-free:after {
    content: ""
}

.tag-free .tag-free-icon {
    position: absolute;
    z-index: 2;
    top: 0;
    left: .4vw;
    width: 100%;
    height: 100%;
    background: #111;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 80%
}

.tag-free:after {
    position: absolute;
    top: 0;
    left: 4.8vw;
    border-top: 2vw solid transparent;
    border-bottom: 2vw solid transparent;
    border-left: 1.3333333333vw solid #ffe800;
    background: #111
}

.biometric-info {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    padding: 0 4vw;
    text-align: center
}

.biometric-info .biometric-animation {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 58.6666666667vw;
    height: 58.6666666667vw;
    margin: 21.3333333333vw auto
}

.biometric-info .biometric-animation object,.biometric-info .biometric-animation .object {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    border-radius: 50%
}

.biometric-info .biometric-animation object svg,.biometric-info .biometric-animation .object svg {
    width: 26.6666666667vw;
    height: 26.6666666667vw
}

.biometric-info .biometric-animation object #icon-face,.biometric-info .biometric-animation .object #icon-face {
    fill: #14805e
}

.biometric-info .biometric-animation object #eyes,.biometric-info .biometric-animation .object #eyes {
    transform-origin: center;
    animation: eyes-blink 3s 1.5s infinite
}

.biometric-info .biometric-animation .graduations .graduation {
    top: 2.4074074074vw;
    transform-origin: 0 26.962962963vw;
    display: block;
    position: absolute;
    left: 50%;
    width: .8vw;
    height: 2.6666666667vw;
    transform: rotate(0) trargb(7,8,7) -50%;
    border-radius: 2.6666666667vw;
    background: #14805e
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(1) {
    transform: rotate(1deg) translate(-50%);
    animation: line-wave 6s .1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(2) {
    transform: rotate(7deg) translate(-50%);
    animation: line-wave 6s .2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(3) {
    transform: rotate(13deg) translate(-50%);
    animation: line-wave 6s .3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(4) {
    transform: rotate(19deg) translate(-50%);
    animation: line-wave 6s .4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(5) {
    transform: rotate(25deg) translate(-50%);
    animation: line-wave 6s .5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(6) {
    transform: rotate(31deg) translate(-50%);
    animation: line-wave 6s .6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(7) {
    transform: rotate(37deg) translate(-50%);
    animation: line-wave 6s .7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(8) {
    transform: rotate(43deg) translate(-50%);
    animation: line-wave 6s .8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(9) {
    transform: rotate(49deg) translate(-50%);
    animation: line-wave 6s .9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(10) {
    transform: rotate(55deg) translate(-50%);
    animation: line-wave 6s 1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(11) {
    transform: rotate(61deg) translate(-50%);
    animation: line-wave 6s 1.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(12) {
    transform: rotate(67deg) translate(-50%);
    animation: line-wave 6s 1.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(13) {
    transform: rotate(73deg) translate(-50%);
    animation: line-wave 6s 1.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(14) {
    transform: rotate(79deg) translate(-50%);
    animation: line-wave 6s 1.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(15) {
    transform: rotate(85deg) translate(-50%);
    animation: line-wave 6s 1.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(16) {
    transform: rotate(91deg) translate(-50%);
    animation: line-wave 6s 1.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(17) {
    transform: rotate(97deg) translate(-50%);
    animation: line-wave 6s 1.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(18) {
    transform: rotate(103deg) translate(-50%);
    animation: line-wave 6s 1.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(19) {
    transform: rotate(109deg) translate(-50%);
    animation: line-wave 6s 1.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(20) {
    transform: rotate(115deg) translate(-50%);
    animation: line-wave 6s 2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(21) {
    transform: rotate(121deg) translate(-50%);
    animation: line-wave 6s 2.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(22) {
    transform: rotate(127deg) translate(-50%);
    animation: line-wave 6s 2.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(23) {
    transform: rotate(133deg) translate(-50%);
    animation: line-wave 6s 2.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(24) {
    transform: rotate(139deg) translate(-50%);
    animation: line-wave 6s 2.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(25) {
    transform: rotate(145deg) translate(-50%);
    animation: line-wave 6s 2.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(26) {
    transform: rotate(151deg) translate(-50%);
    animation: line-wave 6s 2.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(27) {
    transform: rotate(157deg) translate(-50%);
    animation: line-wave 6s 2.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(28) {
    transform: rotate(163deg) translate(-50%);
    animation: line-wave 6s 2.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(29) {
    transform: rotate(169deg) translate(-50%);
    animation: line-wave 6s 2.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(30) {
    transform: rotate(175deg) translate(-50%);
    animation: line-wave 6s 3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(31) {
    transform: rotate(181deg) translate(-50%);
    animation: line-wave 6s 3.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(32) {
    transform: rotate(187deg) translate(-50%);
    animation: line-wave 6s 3.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(33) {
    transform: rotate(193deg) translate(-50%);
    animation: line-wave 6s 3.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(34) {
    transform: rotate(199deg) translate(-50%);
    animation: line-wave 6s 3.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(35) {
    transform: rotate(205deg) translate(-50%);
    animation: line-wave 6s 3.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(36) {
    transform: rotate(211deg) translate(-50%);
    animation: line-wave 6s 3.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(37) {
    transform: rotate(217deg) translate(-50%);
    animation: line-wave 6s 3.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(38) {
    transform: rotate(223deg) translate(-50%);
    animation: line-wave 6s 3.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(39) {
    transform: rotate(229deg) translate(-50%);
    animation: line-wave 6s 3.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(40) {
    transform: rotate(235deg) translate(-50%);
    animation: line-wave 6s 4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(41) {
    transform: rotate(241deg) translate(-50%);
    animation: line-wave 6s 4.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(42) {
    transform: rotate(247deg) translate(-50%);
    animation: line-wave 6s 4.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(43) {
    transform: rotate(253deg) translate(-50%);
    animation: line-wave 6s 4.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(44) {
    transform: rotate(259deg) translate(-50%);
    animation: line-wave 6s 4.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(45) {
    transform: rotate(265deg) translate(-50%);
    animation: line-wave 6s 4.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(46) {
    transform: rotate(271deg) translate(-50%);
    animation: line-wave 6s 4.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(47) {
    transform: rotate(277deg) translate(-50%);
    animation: line-wave 6s 4.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(48) {
    transform: rotate(283deg) translate(-50%);
    animation: line-wave 6s 4.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(49) {
    transform: rotate(289deg) translate(-50%);
    animation: line-wave 6s 4.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(50) {
    transform: rotate(295deg) translate(-50%);
    animation: line-wave 6s 5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(51) {
    transform: rotate(301deg) translate(-50%);
    animation: line-wave 6s 5.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(52) {
    transform: rotate(307deg) translate(-50%);
    animation: line-wave 6s 5.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(53) {
    transform: rotate(313deg) translate(-50%);
    animation: line-wave 6s 5.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(54) {
    transform: rotate(319deg) translate(-50%);
    animation: line-wave 6s 5.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(55) {
    transform: rotate(325deg) translate(-50%);
    animation: line-wave 6s 5.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(56) {
    transform: rotate(331deg) translate(-50%);
    animation: line-wave 6s 5.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(57) {
    transform: rotate(337deg) translate(-50%);
    animation: line-wave 6s 5.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(58) {
    transform: rotate(343deg) translate(-50%);
    animation: line-wave 6s 5.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(59) {
    transform: rotate(349deg) translate(-50%);
    animation: line-wave 6s 5.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(60) {
    transform: rotate(355deg) translate(-50%);
    animation: line-wave 6s 6s infinite ease-in-out
}

.biometric-info h3 {
    margin-bottom: 1.3333333333vw;
    color: #14805e;
    font-size: 4vw;
    font-weight: 700
}

.biometric-info p {
    width: inherit;
    margin-bottom: 5.3333333333vw;
    color: #d9d9d9;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.biometric-info .biometric-switch {
    position: relative;
    width: 18.9333333333vw;
    height: 10.6666666667vw;
    margin: 0 auto;
    padding: 0 2.6666666667vw;
    transition: all .3s;
    border: .2666666667vw solid rgba(69,108,204,.2);
    border-radius: 10.6666666667vw;
    background: #152341;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.biometric-info .biometric-switch .item-icon {
    content: "";
    display: block;
    position: absolute;
    top: 1.0666666667vw;
    left: 1.0666666667vw;
    width: 8vw;
    height: 8vw;
    transition: all .3s;
    border-radius: 50%;
    background-repeat: no-repeat
}

.biometric-info .biometric-switch.active {
    background: #28b849;
    text-indent: 8vw
}

.biometric-info .biometric-switch.active .item-icon {
    left: 8.8vw
}

.biometric-info .member-error {
    margin: 1.3333333333vw 0 0;
    padding: 0
}

.biometric-info .member-error:before {
    display: none
}

.biometric-info .member-error span {
    color: #d15454
}

.pop-biometric-success {
    display: none
}

.pop-biometric-success .biometric-success-cont h3 {
    color: #28b849
}

.face-id-wrapper {
    position: relative;
    width: 24vw;
    height: 24vw;
    margin: 0 auto 2.6666666667vw
}

.face-id-wrapper.active .path-face {
    transform: scale(1.2);
    transition: opacity 1.5s,transform 1s;
    stroke: #888;
    opacity: 0;
    fill: #888
}

.face-id-wrapper.active .circle.line1 {
    animation: rotateX 2s
}

.face-id-wrapper.active .circle.line2 {
    animation: rotateY 2.1s
}

.face-id-wrapper.active .circle.line3 {
    animation: rotateXY 2.2s
}

.face-id-wrapper.active .path-check {
    animation: check 2.2s;
    opacity: 1
}

.face-id-wrapper .path-face {
    position: relative;
    top: 1.3333333333vw;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    margin: 0 auto;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background: #888
}

.face-id-wrapper .circle {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 24vw;
    height: 24vw;
    border-radius: 50%;
    background: transparent
}

.face-id-wrapper .circle.line1 {
    border: 1.0666666667vw solid #28b849
}

.face-id-wrapper .circle.line2 {
    border: 1.0666666667vw solid #00b5ff
}

.face-id-wrapper .circle.line3 {
    border: 1.0666666667vw solid #f0b800
}

.face-id-wrapper .path-check {
    position: absolute;
    top: 0;
    width: 24vw;
    height: 24vw;
    opacity: 0
}

@keyframes eyes-blink {
    5% {
        transform: scaleY(.05)
    }

    6.5% {
        transform: scaleY(1)
    }
}

@keyframes line-wave {
    0% {
        box-shadow: 0 -.2666666667vw #14805e
    }

    1% {
        box-shadow: 0 -.5333333333vw #14805e
    }

    2% {
        box-shadow: 0 -.8vw #14805e
    }

    3% {
        box-shadow: 0 -1.0666666667vw #14805e
    }

    4% {
        box-shadow: 0 -1.3333333333vw #14805e
    }

    5% {
        box-shadow: 0 -1.6vw #14805e
    }

    6% {
        box-shadow: 0 -1.8666666667vw #14805e
    }

    7% {
        box-shadow: 0 -2.1333333333vw #14805e
    }

    24% {
        box-shadow: 0 0 #14805e
    }

    25% {
        background: #14805e;
        box-shadow: 0 0 #111
    }

    to {
        background: #58b893;
        box-shadow: 0 0 #111
    }
}

@keyframes rotateX {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    to {
        transform: rotateX(360deg);
        opacity: 0
    }
}

@keyframes rotateY {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    to {
        transform: rotateY(360deg);
        opacity: 0
    }
}

@keyframes rotateXY {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    to {
        transform: rotateY(360deg) rotateX(360deg);
        opacity: 0
    }
}

@keyframes check {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

header.scroll-detecting {
    transition: background .5s
}

header.scroll-detecting.scroll,header.scroll-detecting.dialog-opened {
    background: #14805e;
    position: fixed;
    transform: translateY(-100%);
    animation: slideDown .5s forwards
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

#holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: .2
}

html.is-desktop .vip-content,html.is-mobile .vip-content {
    height: auto
}

.vip-content {
    background: linear-gradient(245deg,#244b3a,#193226 25% 100%)!important;
    font-family: Helvetica Neue,sans-serif;
    min-height: 100%!important;
    height: calc(100vh - 13.3333333333vw);
    overflow-y: auto;
    padding-top: 13.3333333333vw
}

.vip-content .vip-card {
    padding: 0
}

.vip-content .card-top {
    height: auto;
    padding: 6.4vw 6.4vw 10.6666666667vw;
    border-radius: 5.3333333333vw;
    background: linear-gradient(120deg,#32473ab3,#153329b3,#1c5650b3 80%,#1f6340b3);
    box-shadow: inset 0 0 1.3333333333vw -.8vw #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.vip-content .card-top .vip-lv-area {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 5.3333333333vw
}

.vip-content .card-top .vip-lv-area:nth-child(2) {
    margin-bottom: 0
}

.vip-content .card-top .vip-lv-area .lv-totem {
    width: 12vw;
    height: 12vw;
    margin-right: 4vw
}

.vip-content .card-top .vip-lv-area .lv-totem .item-icon {
    display: block;
    width: 100%;
    height: 100%
}

.vip-content .card-top .vip-lv-area .lv-text {
    color: #fff
}

.vip-content .card-top .vip-lv-area .lv-text .text {
    margin-bottom: 1.3333333333vw;
    font-size: 3.2vw;
    font-weight: 700
}

.vip-content .card-top .vip-lv-area .lv-text .text:lang(bn) {
    letter-spacing: 0
}

html.is-desktop .vip-content .card-top .vip-lv-area .lv-text .text {
    max-width: none
}

.vip-content .card-top .vip-lv-area .lv-text h2 {
    font-size: 4.8vw;
    font-weight: 700;
    text-transform: uppercase
}

.vip-content .card-top .vip-lv-area .lv-history {
    position: absolute;
    right: 0;
    width: 16vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
    background: linear-gradient(180deg,#f8e67d 0,#aa710e)
}

.vip-content .card-top .vip-lv-area .lv-history .item-icon {
    display: inline-block;
    width: 100%;
    height: 10.6666666667vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 35%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 35%
}

.vip-content .card-top .vip-lv-area .lv-history a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16vw;
    height: 10.6666666667vw
}

.vip-content .card-top .vip-lv-area .progress-bar {
    flex: 1
}

.vip-content .card-top .vip-lv-area .next-lv-totem {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    margin-left: 4vw
}

.vip-content .card-top .bar {
    position: relative;
    width: 100%;
    height: 1.3333333333vw;
    margin-bottom: 0;
    border-radius: 1.3333333333vw;
    background: #fff3;
    box-shadow: inset 0 0 .2666666667vw #fff
}

.vip-content .card-top .bar .bar-inner {
    animation: progress-animation 5s linear infinite;
    background: linear-gradient(to right,#a56c0b,#b69942,#f8e67d,#e6c86d,#c5994c);
    background-size: 300% 100%;
    box-shadow: 0 .2666666667vw .8vw .2666666667vw #e6c86d66,0 0 .8vw #e6c86d66
}

.vip-content .card-top .bar .bar-inner:after {
    right: -2.4vw;
    width: 1.6vw;
    height: 1.6vw;
    box-shadow: 0 0 10px 1px #fff
}

.vip-content .card-top p {
    margin: 3.2vw 0 5.3333333333vw;
    transform: scale(.9);
    transform-origin: left;
    color: #ffffffb3;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
    text-decoration: none
}

.vip-content .card-bottom {
    display: flex;
    position: absolute;
    bottom: 0;
    flex-flow: row-reverse nowrap;
    align-items: center;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 4vw;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    background: #ffffff1a
}

.vip-content .card-bottom a {
    color: #ffffffb3;
    font-size: 3.4666666667vw;
    text-decoration: none
}

.vip-content .card-bottom a .item-icon {
    display: inline-block;
    width: 3.2vw;
    height: 2.6666666667vw;
    margin-left: 2.6666666667vw;
    background: #ffffffb3;
    vertical-align: middle;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: 90%
}

.vip-content .player-vip-box {
    position: relative;
    margin: 1.3333333333vw 4vw 2.1333333333vw;
    border-radius: 5.3333333333vw;
    background: transparent;
    box-shadow: none
}

.vip-content .player-vip-box.lv1 .card-top .lv-totem {
    border-radius: 50%;
    background: linear-gradient(to bottom,#b5b1a0,#898366)
}

.vip-content .player-vip-box.lv1 .card-top .lv-totem .item-icon {
    background-position: 35% center;
    background-repeat: no-repeat;
    background-size: 50%
}

.vip-content .player-vip-box.lv1 .card-top .next-lv-totem {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.vip-content .player-vip-box.lv2 .card-top .lv-totem {
    border-radius: 50%;
    background: linear-gradient(to bottom,#cfcfcf,#6d6d6d)
}

.vip-content .player-vip-box.lv2 .card-top .lv-totem .item-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%
}

.vip-content .player-vip-box.lv2 .card-top .next-lv-totem {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.vip-content .player-vip-box.lv3 .card-top .lv-totem {
    border-radius: 50%;
    background: linear-gradient(to bottom,#c5b569,#a88741)
}

.vip-content .player-vip-box.lv3 .card-top .lv-totem .item-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%
}

.vip-content .player-vip-box.lv3 .card-top .next-lv-totem {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.vip-content .player-vip-box.lv4 .card-top .lv-totem {
    border-radius: 50%;
    background: linear-gradient(to bottom,#e2e5e9,#a0a9b6)
}

.vip-content .player-vip-box.lv4 .card-top .lv-totem .item-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%
}

.vip-content .player-vip-box.lv4 .card-top .next-lv-totem {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.vip-content .player-vip-box.lv5 .card-top .lv-totem {
    border-radius: 50%;
    background: linear-gradient(to bottom,#afc3e7,#37529a)
}

.vip-content .player-vip-box.lv5 .card-top .lv-totem .item-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%
}

.vip-content .player-vip-box.lv5 .card-top .next-lv-totem {
    display: none
}

.vip-content .player-vip-box .title {
    position: relative;
    color: #ffffff80;
    font-size: 3.4666666667vw
}

.vip-content .player-vip-box .title h2 {
    color: #fffc;
    font-size: 3.7333333333vw
}

.vip-content .player-vip-box .title h2:before {
    background: #c9a33d
}

.vip-content .player-vip-box .refresh {
    display: inline-flex;
    position: absolute;
    right: 0;
    bottom: .2666666667vw
}

.vip-content .player-vip-box .refresh .refresh-icon {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-left: 1.6vw;
    background: #c9a33d;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: cover
}

.vip-content .player-vip-box .status-box {
    display: inline-block;
    width: 100%
}

.vip-content .player-vip-box .status-box .status {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 86%;
    padding: 0;
    background: transparent
}

.vip-content .player-vip-box .status-box .status .number {
    margin-right: 2.6666666667vw;
    margin-bottom: 0;
    color: #fff;
    font-size: 9.3333333333vw
}

.vip-content .player-vip-box .status-box .status:after {
    content: none
}

.vip-content .player-vip-box .status-box .status .text {
    width: auto;
    height: 5.3333333333vw;
    margin-top: 3.2vw;
    padding: 0 2.6666666667vw;
    border-radius: 13.3333333333vw;
    background: #0003;
    color: #ffffff80;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw
}

.vip-content .player-vip-box .status-box .cleader {
    position: absolute;
    right: 0;
    bottom: 2.6666666667vw;
    width: 16vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
    background: linear-gradient(180deg,#f8e67d 0,#aa710e)
}

.vip-content .player-vip-box .status-box .cleader a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16vw;
    height: 10.6666666667vw
}

.vip-content .player-vip-box .status-box .cleader .item-icon {
    display: inline-block;
    width: 100%;
    height: 10.6666666667vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 25%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 25%
}

.vip-content .cash-card {
    padding: 0
}

.vip-content .cash-card .title {
    margin: 0 0 4vw;
    padding-left: 2.6666666667vw
}

.vip-content .cash-card .cash-points {
    display: inline-flex;
    width: 100%;
    padding: 2.6666666667vw;
    border-radius: 5.3333333333vw;
    background: linear-gradient(180deg,#2b2e2d80,#20b48d80);
    box-shadow: inset 0 0 5px -3px #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.vip-content .cash-card .cash-points .coin {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    width: 25%;
    height: auto
}

.vip-content .cash-card .cash-points .movie-box {
    width: 100%;
    height: auto;
    padding: 0
}

.vip-content .cash-detail {
    width: 75%;
    padding: 1.3333333333vw 2.6666666667vw
}

.vip-content .cash-detail .detail-title {
    position: relative;
    margin: 2.6666666667vw 0;
    color: #ffffffb3;
    font-size: 3.4666666667vw
}

.vip-content .cash-detail .detail-title .text {
    float: right
}

.vip-content .cash-detail .detail-title .text span {
    margin-left: 1.3333333333vw
}

.vip-content .cash-detail .cash-input input[type=number] {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0;
    padding: 2.6666666667vw;
    border: 0;
    border-radius: 1.3333333333vw;
    outline: none;
    background: #0003;
    color: #d0a11b;
    font-size: 5.3333333333vw;
    text-align: left;
    box-shadow: 0 0 .8vw #0003 inset
}

.vip-content .cash-detail .cash-input input[type=number]::placeholder {
    color: #ffffff4d
}

.vip-content .cash-detail .cash-input.error input[type=number] {
    animation: shake-horizontal .5s cubic-bezier(.455,.3,.515,.955) both;
    color: #c75647;
    border: .2666666667vw solid #c75647
}

.vip-content .cash-detail .conversion {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    min-height: 8.5333333333vw;
    margin: 2.6666666667vw 0;
    color: #ffffffb3;
    font-size: 3.2vw
}

.vip-content .cash-detail .conversion .ratio {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start
}

.vip-content .cash-detail .conversion .ratio .text {
    margin-left: 2.6666666667vw;
    color: #d0a11b
}

.vip-content .cash-detail .conversion .ratio.hide {
    display: none
}

.vip-content .cash-detail .conversion .error-tip {
    display: -webkit-inline-box;
    flex-flow: row nowrap;
    align-content: flex-start;
    justify-content: space-between;
    height: 100%
}

.vip-content .cash-detail .conversion .error-tip:before {
    content: "!";
    display: inline-block;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    border-radius: 5.3333333333vw;
    background: #c75647;
    color: #fff;
    line-height: 3.7333333333vw;
    text-align: center
}

.vip-content .cash-detail .conversion .error-tip .text {
    margin-left: 2.1333333333vw;
    color: #c75647
}

.vip-content .cash-detail .conversion .error-tip.hide {
    display: none
}

.vip-content .convert-icon {
    display: flex;
    position: absolute;
    top: 25.3333333333vw;
    justify-content: center;
    width: 100%
}

.vip-content .convert-icon .chevron {
    position: absolute;
    width: 5.3333333333vw;
    height: .8vw;
    transform: scale(.3);
    opacity: 0
}

.vip-content .convert-icon .chevron:first-child {
    animation: move-chevron 2.8s ease-out infinite
}

.vip-content .convert-icon .chevron:first-child:before,.vip-content .convert-icon .chevron:first-child:after {
    background: #d0a11b
}

.vip-content .convert-icon .chevron:nth-child(2) {
    animation: move-chevron 2.8s ease-out 1s infinite
}

.vip-content .convert-icon .chevron:nth-child(2):before,.vip-content .convert-icon .chevron:nth-child(2):after {
    background: #9c9c9c
}

.vip-content .convert-icon .chevron:before,.vip-content .convert-icon .chevron:after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%
}

.vip-content .convert-icon .chevron:before {
    left: 0;
    transform: skewY(30deg)
}

.vip-content .convert-icon .chevron:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg)
}

.vip-content .button {
    width: auto;
    height: 14.9333333333vw;
    margin: 4vw;
    border-radius: 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 14.9333333333vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.vip-content .button.allow {
    overflow: hidden;
    background: linear-gradient(90deg,#f8e67d,#734b07);
    box-shadow: 0 0 2.6666666667vw .5333333333vw #66614980,inset 0 0 1.3333333333vw -.8vw #fff;
    text-shadow: 0 2px 1.0666666667vw #7f5811
}

.vip-content .button.allow:after {
    content: "";
    position: absolute;
    top: 0;
    width: 30%;
    height: 14.9333333333vw;
    transform: skew(-40deg);
    animation: shiny 3s ease 2s infinite;
    background: linear-gradient(to right,#fff0 0,#ffffff4d,#fff0)
}

.vip-content .button.default {
    background: linear-gradient(90deg,#465550 0% 100%);
    box-shadow: inset 0 0 1.3333333333vw -.8vw #fff;
    text-shadow: 0 .5333333333vw 1.0666666667vw #686868
}

.vip-content .button img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.vip-content .convert-content {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1
}

.vip-content .convert-content.convert-content-index {
    z-index: 1
}

.vip-content .convert-content .convert-ani {
    position: relative;
    justify-content: center;
    align-items: center
}

.vip-content .convert-content .convert-ani .coin-block {
    width: 90%;
    height: 0%;
    margin: auto;
    border-radius: 5.3333333333vw;
    background: linear-gradient(180deg,#2b2e2d80,#20b48d80);
    box-shadow: inset 0 0 5px -3px #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.vip-content .convert-content .convert-ani .text {
    position: fixed;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: 400
}

.vip-content .convert-content .convert-success {
    text-align: center
}

@keyframes progress-animation {
    0% {
        background-position: 100%
    }

    50% {
        background-position: 0
    }

    to {
        background-position: 100%
    }
}

@keyframes shake-horizontal {
    0%,to {
        transform: translate(0)
    }

    10%,30%,50%,70% {
        transform: translate(-2px)
    }

    20%,40%,60% {
        transform: translate(2px)
    }

    80% {
        transform: translate(1px)
    }

    90% {
        transform: translate(-1px)
    }
}

@keyframes shiny {
    0% {
        left: -100%
    }

    to {
        left: 150%
    }
}

@keyframes move-chevron {
    25% {
        opacity: 1
    }

    33.3% {
        transform: translateY(1.6vw);
        opacity: 1
    }

    66.6% {
        transform: translateY(3.2vw);
        opacity: 1
    }

    to {
        transform: translateY(4.8vw) scale(.5);
        opacity: 0
    }
}

.acquired-content {
    padding: 0 4vw
}

.acquired-content .vip-year {
    margin: 2.6666666667vw 0;
    color: #fff;
    font-size: 4.8vw;
    font-weight: 500
}

.acquired-content .form-vip-history {
    position: relative;
    margin: 0 0 5.3333333333vw 16vw;
    padding: 5.3333333333vw;
    border-radius: 5.3333333333vw;
    background: linear-gradient(180deg,#2b2e2d80,#20b48d80);
    box-shadow: inset 0 0 5px -3px #fff;
    color: #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.acquired-content .form-vip-history:before {
    content: "";
    display: block;
    position: absolute;
    top: 10.1333333333vw;
    left: -4.2666666667vw;
    width: .5333333333vw;
    height: 29.3333333333vw;
    background: #c9a33d
}

.acquired-content .form-vip-history:after {
    content: "";
    display: block;
    position: absolute;
    top: 5.8666666667vw;
    left: -5.0666666667vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 50%;
    border: 2px solid #c9a33d
}

.acquired-content .form-vip-history:last-child:before {
    height: 21.3333333333vw
}

.acquired-content .form-vip-history:lang(vn):after,.acquired-content .form-vip-history:lang(bn):after,.acquired-content .form-vip-history:lang(tl):after {
    display: none
}

.acquired-content .form-vip-history:lang(vn):before,.acquired-content .form-vip-history:lang(bn):before,.acquired-content .form-vip-history:lang(tl):before {
    top: 11.2vw;
    height: 26.6666666667vw
}

.acquired-content .form-vip-history .vip-month {
    position: absolute;
    top: 4.2666666667vw;
    left: -16vw;
    color: #fffc
}

.acquired-content .form-vip-history .vip-month:lang(tl) {
    width: 16vw;
    text-align: right;
    font-size: 3.2vw;
    left: 0;
    top: 5.3333333333vw;
    transform: translate(-110%)
}

.acquired-content .form-vip-history .vip-level {
    margin-bottom: 2.6666666667vw;
    font-weight: 700
}

.acquired-content .form-vip-history .vip-level .text {
    margin-bottom: .5333333333vw;
    font-size: 2.6666666667vw
}

.acquired-content .form-vip-history .vip-level .level {
    font-size: 4.8vw;
    line-height: 5.3333333333vw;
    text-transform: uppercase
}

.acquired-content .form-vip-history .vip-level:after {
    content: "";
    display: block;
    position: absolute;
    top: 5.3333333333vw;
    right: 5.3333333333vw;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    z-index: 1
}

.acquired-content .form-vip-history .vip-level .item-icon {
    display: block;
    position: absolute;
    top: 5.3333333333vw;
    right: 5.3333333333vw;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    z-index: 2
}

.acquired-content .form-vip-history .vip-acquired .text {
    margin-bottom: 1.3333333333vw;
    font-size: 3.4666666667vw
}

.acquired-content .form-vip-history .vip-acquired .acquired {
    color: #c9a33d;
    font-size: 3.7333333333vw
}

.acquired-content .form-vip-history .lv1 .item-icon {
    background-repeat: no-repeat;
    background-position: 35% center;
    background-size: 50%
}

.acquired-content .form-vip-history .lv1:after {
    background: linear-gradient(to bottom,#b5b1a0,#898366)
}

.acquired-content .form-vip-history .lv2 .item-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.acquired-content .form-vip-history .lv2:after {
    background: linear-gradient(to bottom,#cfcfcf,#6d6d6d)
}

.acquired-content .form-vip-history .lv3 .item-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.acquired-content .form-vip-history .lv3:after {
    background: linear-gradient(to bottom,#c5b569,#a88741)
}

.acquired-content .form-vip-history .lv4 .item-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.acquired-content .form-vip-history .lv4:after {
    background: linear-gradient(to bottom,#e2e5e9,#a0a9b6)
}

.acquired-content .form-vip-history .lv5 .item-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.acquired-content .form-vip-history .lv5:after {
    background: linear-gradient(to bottom,#afc3e7,#37529a)
}

.acquired-content .form-vip-history .lv6 .item-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.vip-level-icon {
    position: absolute;
    z-index: 1;
    top: 5.3333333333vw;
    right: 5.3333333333vw;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.vip-box-color-version .card-top {
    min-height: 49.8666666667vw;
    padding: 4vw 4vw 8vw
}

.vip-content .player-vip-box.vip-box-color-version .card-top p span {
    color: var(--vip-points-color-version-card-span, #ffcb50)
}

.vip-content .player-vip-box.vip-box-color-version .next-lv-totem {
    width: 8vw;
    height: 8vw
}

.vip-content .player-vip-box.vip-box-color-version .progress-bar {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.vip-content .player-vip-box.vip-box-color-version .progress-bar .txt {
    display: flex;
    justify-content: flex-end
}

.vip-content .player-vip-box.vip-box-color-version .progress-bar .txt p {
    margin: 0;
    width: -moz-fit-content;
    width: fit-content;
    transform-origin: right
}

.vip-content .player-vip-box.vip-box-color-version .vip-lv-area {
    margin-bottom: 0
}

.vip-content .player-vip-box.vip-box-color-version .vip-lv-area .lv-history,.vip-content .player-vip-box.vip-box-color-version .cleader {
    display: flex;
    width: auto;
    height: auto;
    padding: 1.6vw 2.6666666667vw;
    background: var(--vip-points-color-version-btn-linear, linear-gradient(to bottom, #e1cb9d 0%, #bba36c 100%));
    border-radius: 2.6666666667vw;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    text-transform: capitalize
}

.vip-content .player-vip-box.vip-box-color-version .vip-lv-area .lv-history .item-icon,.vip-content .player-vip-box.vip-box-color-version .cleader .item-icon {
    display: inline-flex;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    margin-left: .5333333333vw;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.vip-content .player-vip-box.vip-box-color-version .vip-lv-area .lv-history p,.vip-content .player-vip-box.vip-box-color-version .cleader p {
    display: inline-flex;
    margin-left: 1.3333333333vw;
    font-size: 3.2vw;
    color: var(--vip-points-color-version-card-txt, #ffffff);
    margin: 0 0 0 1.3333333333vw;
    line-height: 5.3333333333vw
}

.vip-content .player-vip-box.vip-box-color-version .cleader {
    right: 4vw
}

.vip-content .player-vip-box.vip-box-color-version .card-bottom a {
    color: var(--vip-points-color-version-card-link-txt, rgba(255, 255, 255, .7))
}

.vip-content .player-vip-box.vip-box-color-version .card-bottom span {
    background: var(--vip-points-color-version-card-icon-bg, #ffffff)
}

.vip-content .player-vip-box.vip-box-color-version.lv1 .card-top {
    background: var(--vip-points-color-version-card-bg-v1, linear-gradient(135deg, #66614c 0%, #9f9983 50%, #7a755b 100%))
}

.vip-content .player-vip-box.vip-box-color-version.lv2 .card-top {
    background: var(--vip-points-color-version-card-bg-v2, linear-gradient(135deg, #4e4e4e 0%, #b6b6b6 50%, #606060 100%))
}

.vip-content .player-vip-box.vip-box-color-version.lv3 .card-top {
    background: var(--vip-points-color-version-card-bg-v3, linear-gradient(135deg, #7c6430 0%, #b5a246 50%, #96783a 100%))
}

.vip-content .player-vip-box.vip-box-color-version.lv4 .card-top {
    background: var(--vip-points-color-version-card-bg-v4, linear-gradient(135deg, #7d8a9b 0%, #c5cbd3 50%, #929cab 100%))
}

.vip-content .player-vip-box.vip-box-color-version.lv5 .card-top {
    background: var(--vip-points-color-version-card-bg-v5, linear-gradient(135deg, #273a6d 0%, #88a6db 50%, #304887 100%))
}

.vip-content .player-vip-box.vip-box-color-version.lv6 .card-top {
    background: var(--vip-points-color-version-card-bg-v6, transparent)
}

.vip-content .player-vip-box.vip-box-color-version .level-highest {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right 4vw top 10px;
    opacity: .5
}

.verification-wrap .verification-txt {
    margin-bottom: 2.6666666667vw;
    color: #d9d9d9;
    font-weight: 700;
    text-align: center
}

.verification-wrap .verification-txt span {
    display: block;
    color: #14805e;
    line-height: 1.5
}

.verification-wrap .button .icon-mail {
    display: inline-flex;
    width: 5.3333333333vw;
    height: 4vw;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: #fff
}

.verification-wrap .button.button-disable .icon-mail {
    background: #999
}

.verification-wrap .verification-content .button {
    width: auto
}

.verification-wrap .verification-content .button a {
    display: inline-flex
}

.third-party-login.content {
    height: 100%;
    overflow: auto;
    background-color: #111
}

html.is-desktop .third-party-login.content {
    height: auto
}

.third-party-login.player-content {
    margin-bottom: 0
}

.third-party-login.member-content .button {
    width: calc(100% - 8.5333333333vw)
}

.third-party-login {
    text-align: center
}

.third-party-login .quick-login-wrapper .logo-box {
    margin: 21.3333333333vw auto 4vw
}

.third-party-login .logo-box {
    height: 9.3333333333vw;
    margin: 4vw auto
}

.third-party-login .banner {
    margin: .8vw 0 0;
    background: #111
}

.third-party-login .banner .banner-v1 {
    height: 44.8vw
}

.third-party-login .banner .slider .slick-slide {
    height: 42.1333333333vw;
    margin-bottom: 0
}

.third-party-login .banner .slick-dots {
    bottom: 2.6666666667vw
}

.third-party-login .banner .slick-dots li {
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 50%;
    background: #14805e80
}

.third-party-login .banner .slick-dots li:after {
    background: #14805e
}

.third-party-login .eyes {
    top: 9.0666666667vw;
    width: 12vw;
    height: 12vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 42%;
    mask-image: url(/assets/images/icon-set/icon-eye-close-type03.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 42%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-eye-close-type03.svg)
}

.third-party-login .eyes.active {
    mask-image: url(/assets/images/icon-set/icon-eye-open-type03.svg);
    -webkit-mask-image: url(/assets/images/icon-set/icon-eye-open-type03.svg)
}

.third-party-login .button {
    width: calc(100% - 9.0666666667vw);
    background: linear-gradient(to right,#14805e,#0d543e 50%);
    color: #fff
}

.third-party-login .button.btn-disabled {
    background: #414960;
    pointer-events: none
}

.third-party-login .button.btn-disabled a {
    color: #bdbdbd
}

.third-party-login .button+.biometric-group {
    margin-top: 8vw
}

.third-party-login .btn-primary {
    background: linear-gradient(135deg,#14805e,#0d543e 50%);
    box-shadow: inset 0 0 .8vw #76eac5
}

.third-party-login .btn-primary a {
    color: #fff
}

.third-party-login .btn-secondary {
    background: linear-gradient(135deg,#0088da,#0068a7 50%);
    box-shadow: inset 0 0 .8vw #a7deff
}

.third-party-login .btn-secondary a {
    color: #fff
}

.third-party-login .btn-fourth {
    background: linear-gradient(135deg,#d5deed 0% 50%);
    box-shadow: inset 0 0 .8vw #d5deed
}

.third-party-login .btn-fourth a {
    color: #222
}

.third-party-login .btn-google,.third-party-login .btn-facebook,.third-party-login .btn-whatsapp,.third-party-login .btn-biometric.btn-fourth {
    display: flex;
    align-items: center;
    justify-content: center
}

.third-party-login .btn-google a,.third-party-login .btn-facebook a,.third-party-login .btn-whatsapp a,.third-party-login .btn-biometric.btn-fourth a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0
}

.third-party-login .btn-google .item-icon,.third-party-login .btn-facebook .item-icon,.third-party-login .btn-whatsapp .item-icon,.third-party-login .btn-biometric.btn-fourth .item-icon {
    position: relative;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 2.1333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.third-party-login .btn-google {
    overflow: hidden
}

.third-party-login .btn-google .btn-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.third-party-login .btn-whatsapp {
    background: #30a844;
    box-shadow: inset 0 0 .8vw #30a844
}

.third-party-login .button-tips,.third-party-login .signup-tips,.third-party-login .footer-tips {
    display: block;
    padding: 2.6666666667vw 4vw;
    color: #ffffff80;
    font-size: 3.7333333333vw
}

.third-party-login .button-tips a,.third-party-login .button-tips i,.third-party-login .signup-tips a,.third-party-login .signup-tips i,.third-party-login .footer-tips a,.third-party-login .footer-tips i {
    margin-left: 1.3333333333vw;
    text-decoration: none;
    color: #14805e
}

.third-party-login .button-tips p,.third-party-login .signup-tips p,.third-party-login .footer-tips p {
    padding: 0
}

.third-party-login .footer-tips {
    padding-bottom: 5.3333333333vw
}

.third-party-login .player .menu-box {
    margin-bottom: 0
}

.third-party-login .player .menu-box .input-group {
    padding-bottom: 0
}

.third-party-login .player.button-tips {
    color: #ffffff80;
    text-align: left
}

.third-party-login .login-tips {
    color: #bdbdbd
}

.third-party-login .invitation-code {
    display: flex;
    position: relative;
    align-content: center;
    justify-content: flex-start;
    margin-top: 4.2666666667vw;
    padding: 0 4vw
}

.third-party-login .invitation-code p,.third-party-login .invitation-code span {
    padding: 0;
    color: #ffffff80;
    font-size: 3.7333333333vw;
    line-height: 1.2
}

.third-party-login .invitation-code p {
    position: relative
}

.third-party-login .invitation-code .item-icon {
    display: block;
    width: 4vw;
    height: 4vw;
    margin-right: 2.4vw;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: contain
}

.third-party-login .input-status {
    position: absolute;
    z-index: 1;
    top: 9.0666666667vw;
    right: 0;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    transform: none
}

.third-party-login .input-status i {
    display: none;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.third-party-login .input-status i.icon-error {
    display: block;
    background: #f35e5e;
    mask-size: 26%;
    -webkit-mask-size: 26%
}

.third-party-login .input-status i.icon-check {
    display: block;
    background: #14805e;
    mask-size: 30%;
    -webkit-mask-size: 30%
}

.third-party-login .input-group input:focus .input-status i {
    display: none
}

.third-party-login .forgetpassword-buttn a {
    padding: 1.3333333333vw 0;
    border: 0;
    color: #14805e
}

.third-party-login .puzzle-verification-box {
    display: flex;
    margin-top: 3.7333333333vw;
    position: relative;
    flex-direction: column;
    align-items: center;
    border: .2666666667vw solid rgba(20,128,94,.1);
    border-radius: 1.3333333333vw;
    background: #222
}

.third-party-login .puzzle-verification-box .title {
    position: relative;
    padding: 4.5333333333vw;
    border-bottom: 1px solid rgba(20,128,94,.1);
    line-height: 1
}

.third-party-login .puzzle-verification-box .title p {
    padding: 0;
    color: #bdbdbd;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    text-align: left
}

.third-party-login .puzzle-verification {
    display: block;
    width: 100%;
    padding: 4.2666666667vw;
    overflow: hidden
}

.third-party-login .puzzle-verification .captcha-pic {
    position: relative;
    width: 100%;
    height: 41.0666666667vw;
    background-position: center;
    background-size: cover
}

.third-party-login .puzzle-verification .captcha-blank {
    position: absolute;
    top: 50%;
    left: 70%;
    width: 16.5333333333vw;
    height: 16.5333333333vw;
    transform: translateY(-50%);
    stroke: #fff;
    fill: #000;
    stroke-opacity: .3;
    fill-opacity: .5
}

.third-party-login .puzzle-verification .captcha-frag-box {
    position: absolute;
    top: 0;
    left: 100px;
    width: inherit;
    height: inherit;
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    clip-path: path("M23.4996992,0 C29.298523,0 33.9993985,4.70101013 33.9993985,10.5 C33.9993985,12.9548708 33.1569733,15.2129771 31.7454511,17.0009828 L42,17 C44.209139,17 46,18.790861 46,21 L46.0004981,31.2532274 C47.7882954,29.8421372 50.0459551,29 52.5003008,29 C58.2991245,29 63,33.7010101 63,39.5 C63,45.2989899 58.2991245,50 52.5003008,50 C50.0459551,50 47.7882954,49.1578628 46.0004981,47.7467726 L46,59 C46,61.209139 44.209139,63 42,63 L4,63 C1.790861,63 1.13686729e-13,61.209139 1.13686729e-13,59 L-0.000920548002,47.7461276 C1.78700598,49.1576062 4.04497962,50 6.49969924,50 C12.298523,50 16.9993985,45.2989899 16.9993985,39.5 C16.9993985,33.7010101 12.298523,29 6.49969924,29 C4.04497962,29 1.78700598,29.8423938 -0.000920548002,31.2538724 L1.13686729e-13,21 C1.13686729e-13,18.790861 1.790861,17 4,17 L15.2539474,17.0009828 C13.8424252,15.2129771 13,12.9548708 13,10.5 C13,4.70101013 17.7008755,0 23.4996992,0 Z")
}

.third-party-login .puzzle-verification .captcha-bar {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 12.2666666667vw;
    margin-top: 4.2666666667vw;
    border: .2666666667vw solid rgba(20,128,94,.1);
    background: #111
}

.third-party-login .puzzle-verification .captcha-bar-slider {
    position: absolute;
    top: 0;
    height: 12.2666666667vw
}

.third-party-login .puzzle-verification .captcha-bar-btn {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 12.2666666667vw;
    height: 12.2666666667vw;
    background: linear-gradient(90deg,#14805e,#0d543e 50%);
    box-shadow: 0 .2666666667vw .5333333333vw #000,inset 0 0 .8vw #76eac5;
    cursor: pointer
}

.third-party-login .puzzle-verification .captcha-bar-icon {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background: #222;
    mask-repeat: no-repeat;
    mask-position: left;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left
}

.third-party-login .puzzle-verification.active .captcha-bar-btn {
    left: 20%
}

.third-party-login .puzzle-verification.active .captcha-text {
    display: none
}

.third-party-login .puzzle-verification.passed .captcha-bar-slider {
    width: 70%;
    border: .2666666667vw solid #0088da;
    background: #0088da4d
}

.third-party-login .puzzle-verification.passed .captcha-bar-btn {
    left: 70%;
    background: #0088da;
    box-shadow: 0 .2666666667vw 2.6666666667vw #000,inset 0 0 .8vw #76eac5
}

.third-party-login .puzzle-verification.passed .captcha-bar-icon {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background: #fff
}

.third-party-login .puzzle-verification.passed .puzzle-tips p {
    color: #0088da
}

.third-party-login .puzzle-verification.passed .puzzle-tips .item-icon {
    background: #0088da
}

.third-party-login .puzzle-verification.error .captcha-bar-slider {
    width: 30%;
    border: .2666666667vw solid #f35e5e;
    background: #f35e5e4d
}

.third-party-login .puzzle-verification.error .captcha-bar-btn {
    left: 30%;
    background: #f35e5e;
    box-shadow: 0 .2666666667vw 2.6666666667vw #000,inset 0 0 .8vw #76eac5
}

.third-party-login .puzzle-verification.error .captcha-bar-icon {
    width: 3.2vw;
    height: 3.2vw;
    background: #fff
}

.third-party-login .puzzle-verification.error .puzzle-tips p {
    color: #f35e5e
}

.third-party-login .puzzle-verification.error .puzzle-tips .item-icon {
    background: #f35e5e
}

.third-party-login .puzzle-tips {
    position: relative;
    flex: 1;
    width: 100%;
    padding-top: 3.2vw;
    text-align: left;
    white-space: normal
}

.third-party-login .puzzle-tips p {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    color: #ffffff80
}

.third-party-login .puzzle-tips p:before {
    display: none
}

.third-party-login .puzzle-tips p .item-icon {
    display: inline-flex;
    min-width: 3.2vw;
    min-height: 3.2vw;
    margin-right: 2.6666666667vw;
    background: #ffffff80;
    text-align: center;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.third-party-login .menu-box {
    width: 100%;
    margin-top: 0;
    background: transparent;
    font-family: helvetica;
    text-align: left;
    box-shadow: none
}

.third-party-login .currency-wrap,.third-party-login .phone-wrap,.third-party-login .social-wrap {
    display: flex;
    flex-flow: row nowrap
}

.third-party-login .currency-wrap p,.third-party-login .phone-wrap p,.third-party-login .social-wrap p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.third-party-login .puzzle-refresh {
    display: inline-flex;
    position: absolute;
    right: 4.2666666667vw;
    bottom: calc(50% - 2.6666666667vw)
}

.third-party-login .puzzle-refresh.active {
    animation: rotate 1s forwards
}

.third-party-login .puzzle-refresh .puzzle-refresh-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: #ffffff80;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: cover
}

.third-party-login .register-success-wrap {
    position: relative;
    top: 0%;
    left: 0%;
    padding: 13.3333333333vw 0;
    transform: translate(0);
    background: transparent;
    box-shadow: none
}

.third-party-login .success-checkmark {
    width: 16.2666666667vw;
    height: 21.3333333333vw
}

.third-party-login .success-checkmark .check-icon {
    width: 14.1333333333vw;
    height: 14.1333333333vw;
    border: 1.0666666667vw solid rgba(20,128,94,.5)
}

.third-party-login .success-checkmark .check-icon:after {
    top: 0;
    left: 8vw;
    width: 16vw;
    animation: rotate-circle 4s ease-in;
    border-radius: 0 26.6666666667vw 26.6666666667vw x 0
}

.third-party-login .success-checkmark .check-icon:before,.third-party-login .success-checkmark .check-icon:after {
    background: transparent
}

.third-party-login .success-checkmark .check-icon .icon-fix {
    background: transparent
}

.third-party-login .success-checkmark .check-icon .icon-line {
    height: 1.3333333333vw;
    border-radius: .5333333333vw;
    background: #14805e
}

.third-party-login .success-checkmark .check-icon .icon-line.line-tip {
    top: 8vw;
    left: 2.1333333333vw;
    width: 4.8vw;
    transform: rotate(46deg);
    animation: third-party-icon-line-tip .7s
}

.third-party-login .success-checkmark .check-icon .icon-line.line-long {
    top: 6.6666666667vw;
    right: 1.6vw;
    width: 8.5333333333vw;
    transform: rotate(-50deg);
    animation: third-party-icon-line-long .7s
}

.third-party-login .success-checkmark .check-icon .icon-circle {
    top: -1.0666666667vw;
    left: -1.0666666667vw;
    width: 14.1333333333vw;
    height: 14.1333333333vw;
    border: transparent
}

.third-party-login .register-success-cont .top-inner h4,.third-party-login .register-success-cont .top-inner h3 {
    font-family: helvetica;
    line-height: 1.2;
    font-size: 4.2666666667vw;
    word-break: break-word
}

.third-party-login .register-success-cont .top-inner h3 {
    color: #14805e;
    font-weight: 700
}

.third-party-login .register-success-cont .top-inner h3+h4 {
    margin: 4.2666666667vw 0 0
}

.third-party-login .register-success-cont .top-inner h4 {
    color: #14805e;
    font-size: 3.7333333333vw
}

.third-party-login .register-success-cont .top-inner p {
    margin-top: 4.2666666667vw;
    color: #ffffff80;
    font-size: 3.2vw
}

.third-party-login .register-success-btn {
    flex-wrap: nowrap
}

.third-party-login .register-success-btn .button {
    margin: 0 .5333333333vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-wrap: wrap;
    word-break: break-word;
    line-height: 4.8vw
}

.third-party-login .register-success-btn .button+.button {
    margin-left: 2.1333333333vw
}

.third-party-login .register-success-btn {
    margin-top: 14.6666666667vw
}

.third-party-login .user-password-info-box {
    margin: 4vw 0 0
}

.third-party-login .user-password-info-box+.register-success-btn {
    margin-top: 6.4vw
}

.third-party-login .user-password-info-box p {
    flex: 1;
    margin-right: 2.6666666667vw;
    color: #fff;
    word-break: break-word;
    font-size: 4.2666666667vw
}

.third-party-login .user-password-info li {
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 32vw;
    overflow: auto;
    padding: 2.1333333333vw 4vw;
    border: .2666666667vw solid rgba(20,128,94,.1);
    border-radius: .8vw;
    background: #222;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    text-align: left
}

.third-party-login .user-password-info li+li {
    margin-top: 4.2666666667vw
}

.third-party-login .user-password-info label {
    padding-right: 1.3333333333vw;
    font-size: 3.2vw;
    color: #bdbdbd
}

.third-party-login .user-password-info label+.info {
    margin-top: 1.3333333333vw
}

.third-party-login .user-password-info .info {
    display: flex;
    flex: 1;
    align-items: flex-start;
    justify-content: flex-start
}

.third-party-login .user-password-info p {
    text-align: left
}

.third-party-login .user-password-info .info-copy {
    position: relative
}

.third-party-login .user-password-info .info-copy .item-icon {
    display: block;
    width: 4vw;
    height: 4vw;
    background: #14805e;
    cursor: pointer;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: cover
}

.third-party-login .user-password-info .icon-copy {
    min-width: 14.4vw;
    text-align: center;
    white-space: nowrap
}

.third-party-login .verification-wrap {
    display: block;
    margin: auto 5.0666666667vw;
    text-align: left
}

.third-party-login .verification-wrap input[type=number] {
    border: .2666666667vw solid rgba(20,128,94,.1);
    background: #222
}

.third-party-login .verification-wrap input[type=number]:disabled,.third-party-login .verification-wrap input[type=number].input-disabled {
    background: #151d2d
}

.third-party-login .verification-wrap input[type=number].input-error {
    border: .2666666667vw solid #f35e5e
}

.third-party-login .verification-wrap input[type=number]:focus,.third-party-login .verification-wrap input[type=number].input-focus {
    border: .2666666667vw solid #14805e
}

.third-party-login .verification-wrap.input-disable input[type=number] {
    background: #151d2d
}

.third-party-login .verification-wrap.input-error input[type=number] {
    border: .2666666667vw solid #f35e5e
}

.third-party-login .verification-txt,.third-party-login .verification-tips {
    margin: 4.2666666667vw auto
}

.third-party-login .verification-txt p,.third-party-login .verification-tips p {
    color: #ffffff80;
    font-size: 3.7333333333vw;
    line-height: 1.5
}

.third-party-login .verification-txt p span,.third-party-login .verification-tips p span {
    color: #fff
}

.third-party-login .verification-txt p a,.third-party-login .verification-tips p a {
    color: #14805e
}

.third-party-login .verification-txt p .player,.third-party-login .verification-tips p .player {
    display: block;
    width: 100%
}

.third-party-login .verification-txt p .time,.third-party-login .verification-txt p .resend-btn,.third-party-login .verification-tips p .time,.third-party-login .verification-tips p .resend-btn {
    display: none
}

.third-party-login .verification-txt p .resend-btn,.third-party-login .verification-tips p .resend-btn {
    transition: .5s
}

.third-party-login .verification-txt p .time.active,.third-party-login .verification-txt p .resend-btn.active,.third-party-login .verification-tips p .time.active,.third-party-login .verification-tips p .resend-btn.active {
    display: inline-block;
    color: #14805e
}

.third-party-login .verification-txt p .resend-btn.active,.third-party-login .verification-tips p .resend-btn.active {
    transition: .5s
}

.third-party-login .verification-content {
    display: block
}

.third-party-login .verification-code {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto
}

.third-party-login .verification-code fieldset {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

.third-party-login .verification-code .label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    border: 0;
    white-space: nowrap;
    clip-path: inset(50%)
}

.third-party-login .verification-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: hidden
}

.third-party-login .verification-input input[type=number] {
    flex: 1;
    width: 25%;
    height: 21.3333333333vw;
    border-radius: 1.3333333333vw;
    font-size: 8vw;
    font-weight: 700;
    text-align: center;
    color: #fff;
    -webkit-text-fill-color: #ffffff
}

.third-party-login .verification-input input[type=number]::-webkit-input-placeholder {
    text-shadow: none;
    -webkit-text-fill-color: initial
}

.third-party-login .verification-input input[type=number]+input[type=number] {
    margin-left: 5.3333333333vw
}

.third-party-login .verification-input input::-webkit-outer-spin-button,.third-party-login .verification-input input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.third-party-login .verification-input input[type=number]:nth-child(n+4) {
    order: 2
}

.third-party-login .pop-wrap.pop-success {
    animation: popOpacity .2s .2s ease forwards;
    opacity: 0;
    background: transparent
}

.third-party-login .pop-wrap.pop-success.active {
    display: block;
    opacity: 0
}

.third-party-login .pop-wrap.pop-success .success-checkmark {
    height: 20vw
}

.third-party-login .pop-wrap.pop-success .register-success-wrap {
    padding: 0;
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    border-radius: 2.1333333333vw;
    background: #000c
}

.third-party-login .pop-wrap.pop-success .register-success-cont .top-inner h4 {
    margin: 0
}

.third-party-login .menu-box {
    margin-top: 0;
    background: transparent;
    font-family: helvetica
}

.third-party-login .input-group {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 0;
    background: transparent;
    font-size: 3.2vw;
    line-height: 1.5
}

.third-party-login .input-group+.input-group,.third-party-login .input-group+.puzzle-verification-box {
    margin-top: 3.7333333333vw
}

.third-party-login .input-group+.login-info-box {
    margin-top: 1.3333333333vw
}

.third-party-login .input-group label {
    display: block;
    position: relative;
    height: 6.4vw;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    color: #bdbdbd;
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 6.4vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.third-party-login .input-group input {
    box-sizing: border-box;
    width: 100%;
    height: 12vw;
    padding: 0 4.2666666667vw;
    transition: background .3s;
    border: .2666666667vw solid rgba(20,128,94,.1);
    border-radius: 1.3333333333vw;
    background: #222;
    color: #fff;
    font-family: helvetica;
    font-size: 3.2vw
}

.third-party-login .input-group input::placeholder {
    color: #ffffff80
}

.third-party-login .input-group input:focus {
    padding: 0 11.7333333333vw 0 4.2666666667vw;
    border: .2666666667vw solid #14805e
}

.third-party-login .input-group input:disabled {
    border: .2666666667vw solid rgba(255,255,255,.2);
    background: #151d2d;
    color: #ffffff80;
    opacity: 1
}

.third-party-login .input-group input.active+.delete-btn {
    border: 1px solid #2d3953;
    background: #2d3953
}

.third-party-login .input-group input.input-error {
    border: 1px solid #f35e5e
}

.third-party-login .input-group .btn-select {
    height: 12vw;
    border: .2666666667vw solid rgba(20,128,94,.1);
    border-radius: 1.3333333333vw;
    background: #222;
    box-shadow: none
}

.third-party-login .input-group .btn-select:after {
    top: 5.3333333333vw
}

.third-party-login .input-group .btn-select li {
    display: inline-flex;
    align-items: center
}

.third-party-login .input-group .clear {
    position: absolute;
    top: 9.0666666667vw;
    right: 0;
    width: 12vw;
    height: 12vw;
    margin: 0;
    padding: 0;
    opacity: 0;
    background: #ffffff80;
    color: transparent;
    mask-image: url(/assets/images/icon-set/icon-cross-type10.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 32%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-cross-type10.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 32%
}

.third-party-login .input-group .clear.active {
    opacity: 1
}

.third-party-login .input-group .clear:focus {
    padding: 0
}

.third-party-login .input-group .eyes {
    position: absolute;
    z-index: 1;
    right: 0;
    transform: none;
    background: #ffffff80
}

.third-party-login .input-group .refresh {
    position: absolute;
    top: 9.0666666667vw;
    right: 0;
    width: 12vw;
    height: 12vw;
    border-radius: .8vw;
    background: #ffffff80;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 30%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30%
}

.third-party-login .input-group .refresh.active {
    animation: rotate 1s forwards
}

.third-party-login .input-group.error select,.third-party-login .input-group.error input {
    border: 1px solid #f35e5e
}

.third-party-login .input-group.check .clear,.third-party-login .input-group.password .input-status,.third-party-login .input-group.new-password .input-status,.third-party-login .input-group.password .clear,.third-party-login .input-group.new-password .clear {
    right: 7.4666666667vw
}

.third-party-login .input-group.password .clear.hasbutton,.third-party-login .input-group.new-password .clear.hasbutton {
    right: 29.3333333333vw
}

.third-party-login .input-group.money label {
    position: absolute;
    z-index: 2;
    top: 6.4vw;
    left: 4.2666666667vw;
    transform: translateY(-50%)
}

.third-party-login .input-group.money input {
    text-align: right
}

.third-party-login .input-group.money .clear {
    top: 0
}

.third-party-login .input-group.currency label {
    position: absolute;
    z-index: 2;
    top: 6.4vw;
    left: 4.2666666667vw;
    transform: translateY(-50%)
}

.third-party-login .input-group.currency input {
    text-align: right
}

.third-party-login .input-group.currency .clear {
    top: 0
}

.third-party-login .input-group.upload-file .input-wrap:before {
    content: "";
    display: flex;
    position: absolute;
    z-index: 1;
    inset: 0;
    align-items: center;
    justify-content: flex-start;
    padding: 0 2.6666666667vw;
    border-radius: 2.1333333333vw;
    background: #555;
    pointer-events: none
}

.third-party-login .input-group.upload-file input {
    opacity: 0
}

.third-party-login .input-group.date input:focus {
    padding: 0 4.2666666667vw
}

.third-party-login .input-group input:-webkit-autofill,.third-party-login .input-group input:-webkit-autofill:hover,.third-party-login .input-group input:-webkit-autofill:focus,.third-party-login .input-group select:-webkit-autofill,.third-party-login .input-group select:-webkit-autofill:hover,.third-party-login .input-group select:-webkit-autofill:focus,.third-party-login .input-group textarea:-webkit-autofill,.third-party-login .input-group textarea:-webkit-autofill:hover,.third-party-login .input-group textarea:-webkit-autofill:focus {
    background-image: none;
    box-shadow: 0 0 0 50px #222 inset;
    color: #fff;
    -webkit-text-fill-color: #ffffff
}

.third-party-login .input-wrap {
    position: relative
}

.third-party-login .input-wrap .status {
    position: absolute;
    top: 50%!important;
    right: 0;
    flex-flow: row nowrap;
    padding: 0 4.2666666667vw;
    transform: translateY(-50%);
    color: #40d0cb;
    font-size: 3.2vw;
    text-decoration: none
}

.third-party-login .input-wrap .status:before {
    display: none!important
}

.third-party-login .input-wrap .status span {
    content: "";
    display: inline-block;
    position: relative;
    top: .5333333333vw;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background: #40d0cb;
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-size: contain
}

.third-party-login .input-wrap .unconfirm-btn {
    color: #ffd259;
    text-decoration: underline
}

.third-party-login .input-wrap .unconfirm-btn:before {
    display: none
}

.third-party-login .input-wrap .unconfirm-btn span {
    display: inline-block;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background: #ffd259;
    mask-repeat: no-repeat;
    mask-position: 100% 100%;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 100% 100%;
    -webkit-mask-size: contain
}

.third-party-login .input-wrap .save-btn {
    color: #00b5ff;
    text-decoration: underline
}

.third-party-login .input-wrap .save-btn.hide {
    display: none
}

.third-party-login .input-wrap .save-btn:before {
    display: none
}

.third-party-login .input-wrap .get-vcode-btn span {
    padding: .5333333333vw 1.6vw;
    border-radius: 8vw;
    background: #79a5fc;
    color: #fff
}

.third-party-login .input-wrap .get-vcode-btn.active {
    background: transparent;
    color: #fff;
    pointer-events: none
}

.third-party-login .phone-wrap {
    width: 100%;
    height: 12vw;
    padding: 0;
    transition: background .3s;
    border: .2666666667vw solid rgba(20,128,94,.1);
    border-radius: 1.3333333333vw;
    background: #222;
    font-family: helvetica;
    font-size: 3.2vw
}

.third-party-login .phone-wrap.btn-disabled {
    background: #151d2d;
    border: .2666666667vw solid rgba(255,255,255,.2)
}

.third-party-login .phone-wrap.btn-disabled .btn-select {
    color: #ffffff80
}

.third-party-login .phone-wrap input {
    box-sizing: border-box;
    width: 100%;
    height: 11.4666666667vw;
    padding: 0 4.2666666667vw 0 0;
    transition: background .3s;
    background: transparent;
    padding: 0 11.7333333333vw 0 4.2666666667vw;
    border: 0
}

.third-party-login .phone-wrap input:focus {
    padding: 0 11.7333333333vw 0 4.2666666667vw;
    border: .2666666667vw solid #14805e
}

.third-party-login .phone-wrap input:disabled {
    border: 0
}

.third-party-login .phone-wrap .btn-select {
    padding: 0 0 0 4.2666666667vw;
    height: 11.4666666667vw;
    border: 0;
    border-radius: unset;
    background: transparent
}

.third-party-login .phone-wrap .btn-select:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: .2666666667vw;
    height: 5.8666666667vw;
    background: #14805e1a
}

.third-party-login .phone-wrap .clear {
    top: 0
}

.third-party-login .phone-area-code {
    flex: 0 0 28%
}

.third-party-login .login-group {
    z-index: 3;
    display: flex;
    position: fixed;
    top: 0vw;
    width: 100%;
    margin-bottom: 2.6666666667vw;
    background: #111
}

.third-party-login .login-group label {
    display: grid;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 13.3333333333vw;
    color: #ffffff80;
    text-align: center;
    font-weight: 700
}

.third-party-login .login-group label.active {
    transition: all .3s;
    color: #14805e
}

.third-party-login .login-group label.active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .8vw;
    border-radius: 1.3333333333vw;
    margin: 0 auto;
    animation: scale-in-center .3s ease-in-out both;
    background: #14805e
}

.third-party-login .password-condition p {
    padding: 2.6666666667vw 1.3333333333vw 0;
    color: #ffffff80;
    text-align: left;
    letter-spacing: .1333333333vw
}

.third-party-login .password-condition p span {
    color: #ffffff80;
    line-height: 1.2
}

.third-party-login .password-condition p span.active {
    color: #14805e
}

.third-party-login .error-message {
    display: flex;
    flex-grow: row nowrap;
    justify-content: flex-start;
    margin-top: 4.2666666667vw;
    color: #f35e5e;
    font-size: 3.2vw;
    text-align: left
}

.third-party-login .error-message:before {
    content: "!";
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 2.1333333333vw;
    border-radius: 50%;
    background: #f35e5e;
    color: #111;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 4.2666666667vw;
    text-align: center
}

.third-party-login .error-message span {
    display: inline-block;
    width: 90%;
    line-height: 1.2
}

.third-party-login .delete-btn {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    transition: all .3s;
    background: #ffd259;
    mask-image: url(/assets/images/icon-set/icon-cross-type10.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 30%;
    -webkit-mask-image: url(/assets/images/icon-set/icon-cross-type10.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30%
}

.third-party-login .another-login-block {
    margin-top: 5.3333333333vw;
    padding-bottom: 9.6vw;
    font-size: 3.7333333333vw;
    text-align: center
}

.third-party-login .another-login-block .title {
    font-size: 3.7333333333vw;
    color: #ffffff80;
    text-align: center;
    text-decoration: none
}

.third-party-login .another-login-block .another-login-icon {
    display: block;
    text-align: center
}

.third-party-login .another-login-block .another-login-icon a {
    display: inline-block;
    width: 8vw;
    height: 8vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #0079fb;
    border-radius: 50%
}

.third-party-login .another-login-block .another-login-icon a+a {
    margin-left: 6.4vw
}

.third-party-login .another-login-block .another-login-icon a.btn-whatsapp {
    background-color: #fff
}

.third-party-login .another-login-block .another-login-icon .btn-google {
    overflow: hidden;
    position: relative;
    border-radius: 50%
}

.third-party-login .another-login-block .another-login-icon .btn-google a {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none
}

.third-party-login .another-login-block .another-login-icon .btn-biometric {
    border-radius: 50%;
    background: #14805e
}

.third-party-login .another-login-block .another-login-icon .btn-biometric a {
    content: "";
    display: block;
    width: 8vw;
    height: 8vw;
    background: #111;
    mask-size: 65%;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: 65%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat
}

.third-party-login .another-login-block .block-border {
    position: relative;
    display: block;
    text-align: center;
    color: #ffffff80
}

.third-party-login .another-login-block .block-border:before,.third-party-login .another-login-block .block-border:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 40vw;
    height: .2666666667vw;
    font-size: 6.9333333333vw;
    color: #6f7784;
    border-top: .2666666667vw solid rgba(255,255,255,.5)
}

.third-party-login .another-login-block .block-border:before {
    left: 0
}

.third-party-login .another-login-block .block-border:after {
    right: 0
}

.third-party-login .another-login-block.verification {
    position: absolute;
    width: calc(100% - 4.2666666667vw);
    padding: 0 4.2666666667vw;
    bottom: 0;
    left: 0
}

.third-party-login .another-login-block.verification a {
    display: block;
    color: #14805e;
    margin-top: 4.2666666667vw;
    text-decoration: none
}

.third-party-login .tips-info {
    margin: 2.6666666667vw 4vw
}

.third-party-login .tips-info .title-box {
    padding: 0
}

.third-party-login .player-vip-lv1 .membername-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding: 9.3333333333vw 0 5.3333333333vw;
    background: #14805e1a;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
    text-align: center
}

.third-party-login .player-vip-lv1 .membername-wrap .membername {
    display: inline-block;
    color: #bdbdbd;
    font-size: 4.2666666667vw;
    width: auto
}

.third-party-login .player-content .menu-box .vip-area-group {
    margin: 0;
    height: auto;
    border-radius: 1.3333333333vw;
    background: #14805e1a;
    padding: 4.2666666667vw
}

.third-party-login .player-content .menu-box .vip-area-group .left-box {
    height: auto;
    border: 0
}

.third-party-login .player-content .menu-box .vip-area-group .left-box h3 {
    color: #aeb8cc;
    font-size: 4.2666666667vw
}

.third-party-login .player-content .menu-box .vip-area-group .left-box .points-number {
    flex: none;
    font-size: 4.2666666667vw;
    color: #bda46a;
    margin-left: 4vw
}

.third-party-login .player-content .menu-box .vip-area-group .myvip-text {
    color: #aeb8cc
}

.third-party-login .player-content .menu-box .vip-area-group .myvip-text .item-icon {
    display: none
}

.third-party-login .player-content .menu-box .vip-area-group .myvip-text span {
    display: flex;
    justify-content: center;
    align-items: center
}

.third-party-login .player-content .menu-box .vip-area-group .myvip-text span i {
    display: block;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin: 0 0 0 1.6vw;
    transform: rotateY(180deg);
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: contain;
    background: #aeb8cc
}

.third-party-login .player-content .menu-box .vip-area-group .right-box .arror-btn {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin: 0 1.6vw 0 0;
    transform: rotateY(180deg);
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: contain
}

.third-party-login .player-content .menu-box .vip-area-group .right-box .goto-myvip {
    width: auto;
    height: auto;
    margin: 0;
    background: 0
}

.third-party-login .player-content .menu-box .vip-area-group .right-box .goto-myvip:before {
    display: none
}

.third-party-login .list-group {
    display: flex;
    justify-content: space-between;
    color: #aeb8cc;
    font-size: 4.2666666667vw
}

.third-party-login .list-group .item-icon {
    display: table-cell;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    margin-right: 5.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background: #14805e
}

.third-party-login .list-group .button {
    font-size: 3.7333333333vw;
    color: #fff;
    width: 26.6666666667vw;
    height: 8vw;
    border-radius: .8vw;
    background: linear-gradient(to right,#14805e,#0d543e 50%);
    box-shadow: 0 .2666666667vw 2px #06080f4d,inset 0 0 .8vw #76eac5;
    line-height: 1;
    border: 0;
    margin: 0
}

.third-party-login .list-info .left .info-block div {
    align-items: center
}

.third-party-login .list-info .left .tag {
    position: relative;
    top: -.5333333333vw;
    color: #14805e;
    font-size: 2.6666666667vw;
    background: #14805e1a;
    padding: 1.0666666667vw 1.3333333333vw;
    border-radius: .8vw;
    margin-left: .8vw
}

.third-party-login .list-info .right .status {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #111;
    font-size: 3.7333333333vw;
    width: 21.3333333333vw;
    height: 8vw;
    border-radius: .8vw;
    line-height: 1;
    margin: 0;
    color: #14805e
}

.third-party-login .list-info .right .status.unconfirm-btn {
    color: #fff;
    text-decoration: unset;
    background: linear-gradient(90deg,#ff6464,#d12e2e 50%)
}

.third-party-login .currency-code-list {
    display: grid;
    grid-template-columns: 100%;
    justify-content: start;
    padding: 0 1.3333333333vw;
    text-align: left
}

.third-party-login .currency-code-list span,.third-party-login .phone-code-list span,.third-party-login .social-code-list span,.third-party-login .btn-select span {
    color: #fff
}

.third-party-login .member-error {
    color: #d15454
}

.third-party-login .member-error:before {
    background: #d15454
}

.third-party-login .forgetpassword-buttn {
    font-size: 3.7333333333vw
}

.third-party-login .forgetpassword-buttn a {
    padding: 1.3333333333vw 0;
    border: 0;
    color: #14805e;
    text-decoration: none
}

.third-party-login .register-btn-wrap {
    background-color: #151515;
    padding: 4vw 3.2vw;
    display: flex;
    justify-content: space-between;
    gap: 1.3333333333vw
}

.third-party-login .register-btn-wrap .register-btn {
    width: 100%;
    text-decoration: none
}

.third-party-login .register-btn-wrap .register-icon-wrap {
    color: #ffffff80;
    background-color: #222;
    border: 1px solid rgba(20,128,94,.1);
    padding: 4vw 0;
    width: 100%;
    border-radius: 1.3333333333vw
}

.third-party-login .register-btn-wrap .register-icon {
    width: 8vw;
    height: 8vw;
    margin: auto;
    mask-size: 100%;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: #ffffff80
}

.third-party-login .register-btn-wrap .register-type-name {
    padding-top: 2.6666666667vw;
    color: #ffffff80;
    font-size: 3.2vw;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

.third-party-login .register-btn-wrap .active {
    pointer-events: none
}

.third-party-login .register-btn-wrap .active .register-icon-wrap {
    border-color: transparent;
    box-shadow: 0 0 .8vw #76eac5 inset;
    background-image: linear-gradient(180deg,#14805e,#0d543e)
}

.third-party-login .register-btn-wrap .active .register-icon {
    background-color: #222
}

.third-party-login .register-btn-wrap .active .register-type-name {
    color: #14805e
}

.third-party-login .register-entry .banner-v1 {
    height: auto
}

.third-party-login .register-entry .banner:before {
    background: transparent
}

.third-party-login .register-entry .carousel-wrap .item-drag {
    padding-top: 26%
}

.third-party-login .register-entry .invitation-code {
    margin: 2.6666666667vw 0;
    padding: 1.8666666667vw 2.9333333333vw;
    border-radius: .8vw;
    border: .2666666667vw solid #707fac;
    background-color: #586e9b
}

.third-party-login .register-entry .invitation-code p,.third-party-login .register-entry .invitation-code span {
    color: #222;
    font-size: 3.2vw;
    font-weight: 700;
    letter-spacing: 0px
}

.third-party-login #turnstile-container {
    text-align: center;
    margin: 3vw 0
}

.third-party-login #turnstile-container iframe {
    width: 100%!important
}

.third-party-login .number-code-captcha {
    position: absolute;
    right: 12vw;
    top: calc(12vw - 4%)
}

.third-party-login .number-code-captcha canvas {
    height: 8vw!important
}

@keyframes scale-in-center {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes third-party-icon-line-tip {
    0% {
        top: 4.2666666667vw;
        left: -.8vw;
        width: 0
    }

    40% {
        top: 6.6666666667vw;
        left: -1.3333333333vw;
        width: 8.8vw
    }

    70% {
        top: 8.2666666667vw;
        left: 2.4vw;
        width: 4.5333333333vw
    }

    80% {
        top: 8vw;
        left: 2.1333333333vw;
        width: 4.8vw
    }

    to {
        top: 8vw;
        left: 2.1333333333vw;
        width: 4.8vw
    }
}

@keyframes third-party-icon-line-long {
    0% {
        top: 9.6vw;
        right: 7.4666666667vw;
        width: 0
    }

    30% {
        top: 9.0666666667vw;
        right: 8vw;
        width: 0
    }

    60% {
        top: 9.0666666667vw;
        right: 8vw;
        width: 1.0666666667vw
    }

    70% {
        top: 6.1333333333vw;
        right: 1.0666666667vw;
        width: 9.3333333333vw
    }

    to {
        top: 6.6666666667vw;
        right: 1.6vw;
        width: 8.5333333333vw
    }
}

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    to {
        transform: rotate(-405deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1.5turn)
    }
}

@keyframes popOpacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mcd-style.third-party-login .banner:before {
    background: transparent
}

.mcd-style.third-party-login .banner .banner-v1 {
    height: 32vw
}

.mcd-style.third-party-login .banner .carousel-wrap .item-drag {
    padding-top: 33%
}

.third-party-login .verify-tips.tips-info-toggle ul,.third-party-login .verify-tips.tips-info-toggle ol {
    padding-left: 0;
    list-style: none
}

.third-party-login .verify-tips.tips-info-toggle ul>li,.third-party-login .verify-tips.tips-info-toggle ol>li {
    list-style: none;
    font-size: 3.2vw;
    padding: 1.0666666667vw 2.6666666667vw
}

.third-party-login .verify-tips.tips-info-toggle ol>li:last-child {
    margin-bottom: 0
}

.third-party-login .verify-tips.tips-info-toggle ol {
    padding-top: 10px;
    border-top: .2666666667vw dotted #14805e
}

.third-party-login .verify-tips.tips-info-toggle a {
    display: block;
    width: 100%
}

.third-party-login .verify-tips.tips-info-toggle label {
    display: block;
    margin-bottom: 3.2vw;
    font-size: 3.7333333333vw;
    font-weight: 400
}

.third-party-login .verify-tips.tips-info-toggle p {
    display: block
}

.third-party-login .verify-tips.tips-info-toggle h5 {
    margin-bottom: 0;
    align-items: flex-start
}

.third-party-login .verify-tips.tips-info-toggle h5:before {
    display: none
}

.third-party-login .verify-tips.tips-info-toggle h5 .tips-icon {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background: #bdbdbd;
    margin: .8vw 2.1333333333vw 0 0
}

.third-party-login .verify-tips.tips-info-toggle h5 span i {
    color: #ffd268;
    font-weight: 400
}

.third-party-login .verify-tips.tips-info-toggle .tips-info-block {
    display: none;
    transition: .5s
}

.third-party-login .verify-tips.tips-info-toggle .tips-info-block.active {
    display: block;
    transition: .5s
}

.third-party-login .verify-tips.tips-info-toggle .title-box {
    padding: 1.0666666667vw 2.1333333333vw 3.2vw
}

.third-party-login .verify-tips.tips-info-toggle .toggle-btn {
    width: 3.2vw;
    height: 3.2vw;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background: #fff;
    transition: .3s;
    transform: rotate(90deg);
    margin-left: 2.1333333333vw
}

.third-party-login .verify-tips.tips-info-toggle .toggle-btn.active {
    transform: rotate(270deg)
}

.third-party-login .player-vip-lv1 {
    padding-top: 5.3333333333vw
}

.third-party-login .player-vip-lv1 .membername-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding: 9.3333333333vw 2.6666666667vw 5.3333333333vw;
    background: #14805e1a;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
    text-align: center
}

.third-party-login .player-vip-lv1 .membername-wrap .membername-block {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 8vw 0 0
}

.third-party-login .player-vip-lv1 .membername-wrap .membername {
    display: inline-block;
    color: #bdbdbd;
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
    width: auto
}

.third-party-login .player-vip-lv1 .membername-wrap .level {
    display: inline-block;
    width: auto
}

.third-party-login .player-vip-lv1 .membername-wrap .register-date {
    display: inline-block;
    font-size: 3.2vw;
    color: #ffffff80;
    margin-top: 2.1333333333vw
}

.third-party-login .player-vip-lv1 .tips {
    display: inline-block;
    width: 100%;
    color: #ffffff80;
    font-size: 3.2vw;
    line-height: 1;
    padding: 2.1333333333vw 0 0
}

.third-party-login .vip-area-group {
    padding: 0 4.2666666667vw;
    height: 14.4vw;
    background: #14805e1a;
    border-radius: 1.3333333333vw
}

.third-party-login .vip-area-group .item h3 {
    color: #bdbdbd
}

.third-party-login .vip-area-group .goto-myvip {
    margin-right: 0;
    width: -moz-fit-content;
    width: fit-content;
    background: 0
}

.third-party-login .vip-area-group .goto-myvip:before {
    display: none
}

.third-party-login .vip-area-group .goto-myvip .myvip-text {
    display: inline-flex;
    align-items: center;
    color: #bdbdbd
}

.third-party-login .vip-area-group .goto-myvip .myvip-text:after {
    display: none
}

.third-party-login .vip-area-group .goto-myvip .myvip-text .item-icon {
    display: inline-block;
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 0 0 1.3333333333vw;
    background: #bdbdbd;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.third-party-login .vip-area-group .left-box {
    display: inline-flex;
    border: 0;
    width: 60%
}

.third-party-login .vip-area-group .right-box {
    width: 40%
}

.third-party-login .list-group {
    display: flex;
    justify-content: space-between;
    font-size: 4.2666666667vw
}

.third-party-login .list-group+.list-group {
    margin-top: 4.2666666667vw;
    padding-top: 4.2666666667vw;
    border-top: 1px solid rgba(20,128,94,.1)
}

.third-party-login .list-group .icon-block {
    display: block;
    height: 100%;
    margin-top: 1.8666666667vw
}

.third-party-login .list-group .item-icon {
    display: table-cell;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 5.3333333333vw;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background: #14805e
}

.third-party-login .list-group .item-icon.social {
    background: unset;
    background-size: contain
}

.third-party-login .list-group .item-icon+.info-block {
    margin-left: 5.3333333333vw
}

.third-party-login .list-group .list {
    display: table-cell;
    width: calc(100% - 9.6vw)
}

.third-party-login .list-group .button,.third-party-login .list-group .status.unconfirm-btn {
    font-size: 3.7333333333vw;
    width: 25.3333333333vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: .8vw;
    color: #fff;
    background: linear-gradient(to right,#14805e,#0d543e 50%);
    box-shadow: 0 0 .5333333333vw #1bac7e,inset 0 0 .5333333333vw #ffffff80;
    border: 0;
    margin: 0;
    text-decoration: unset
}

.third-party-login .list-group .status.unconfirm-btn {
    color: #fff;
    background: linear-gradient(90deg,#ff6464,#d12e2e 50%);
    box-shadow: 0 0 .5333333333vw #b3b3b3,inset 0 0 .5333333333vw #ffffff80
}

.third-party-login .list-group .btn-google {
    overflow: hidden
}

.third-party-login .list-group .btn-google .btn-mask {
    background: linear-gradient(#14805e,#0d543e);
    box-shadow: 0 0 .5333333333vw #1bac7e,inset 0 0 .5333333333vw #ffffff80
}

.third-party-login .list-group.prompt-verify-tips .btn-mask {
    background: linear-gradient(#14805e,#0d543e);
    box-shadow: 0 .2666666667vw 2px #14805e4d,inset 0 0 .8vw #76eac5
}

.third-party-login .list-info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.third-party-login .list-info+.list-info {
    margin-top: 2.6666666667vw;
    transition: .5s;
    animation: zoomIn .5s forwards
}

.third-party-login .list-info .left {
    max-width: 100%;
    word-break: break-all
}

.third-party-login .list-info .left .title {
    color: #bdbdbd;
    font-size: 4.2666666667vw
}

.third-party-login .list-info .left .tag {
    position: relative;
    top: -.5333333333vw;
    color: #14805e;
    font-size: 2.6666666667vw;
    background: #14805e1a;
    padding: .8vw 1.3333333333vw;
    border-radius: .8vw;
    margin-left: 1.3333333333vw
}

.third-party-login .list-info .left .tips {
    color: #ffffff80;
    font-size: 3.7333333333vw
}

.third-party-login .list-info .right {
    flex: 0 0 25.3333333333vw;
    margin-left: 2.6666666667vw
}

.third-party-login .list-info .right .status {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #111;
    font-size: 3.7333333333vw;
    min-width: 25.3333333333vw;
    height: 8vw;
    border-radius: .8vw;
    line-height: 1;
    margin: 0;
    padding: 0 2.1333333333vw;
    color: #14805e
}

.third-party-login .add-phone-btn {
    display: none
}

.third-party-login .add-phone-btn.show {
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration: none;
    font-size: 3.2vw;
    margin: 2.6666666667vw 0 0;
    color: #ffffff80
}

.third-party-login .add-phone-btn.show .icon-add-phone-btn {
    display: inline-block;
    position: relative;
    width: 12.8vw;
    height: 8.8vw;
    margin-right: 2.6666666667vw;
    text-align: center;
    border-radius: 2.1333333333vw;
    border: 1px dotted rgba(255,255,255,.2)
}

.third-party-login .add-phone-btn.show .icon-add-phone-btn:after,.third-party-login .add-phone-btn.show .icon-add-phone-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    background: #ffffff80
}

.third-party-login .add-phone-btn.show .icon-add-phone-btn:after {
    width: .5333333333vw;
    height: 3.2vw;
    left: 48%;
    transform: translateY(-50%)
}

.third-party-login .add-phone-btn.show .icon-add-phone-btn:before {
    width: 3.2vw;
    height: .5333333333vw;
    transform: translate(-50%,-50%)
}

.third-party-login .currency-code-list {
    justify-content: start;
    padding: 0 1.3333333333vw;
    text-align: left
}

.third-party-login .currency-code-list,.third-party-login .phone-code-list,.third-party-login .social-code-list,.third-party-login .btn-select {
    background: #222
}

.third-party-login .currency-code-list img,.third-party-login .phone-code-list img,.third-party-login .social-code-list img,.third-party-login .btn-select img {
    width: 5.3333333333vw
}

.third-party-login .btn-select:after {
    border-color: #14805e transparent transparent
}

.third-party-login .phone-code-list-group,.third-party-login .currency-code-list-group,.third-party-login .social-code-list-group {
    display: none;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 6px 12px #0003
}

.third-party-login .member-error {
    color: #f35e5e
}

.third-party-login .member-error:before {
    background: #f35e5e
}

.third-party-login .login-info-box {
    margin: 0 .5333333333vw
}

.third-party-login .lang-select .button {
    margin: 0;
    width: 100%
}

.third-party-login .lang-select .button span {
    font-size: 3.2vw
}

@keyframes zoomIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

header.normal .custom-content-sponsor {
    display: block
}

header .logo {
    left: 13.3333333333vw;
    width: 10.6666666667vw;
    background-size: 100% auto;
    transform: translate(0)
}

.custom-content-sponsor {
    display: none;
    position: absolute;
    left: 34.6666666667vw;
    padding: 0 1.3333333333vw;
    width: 21.3333333333vw
}

.custom-content-sponsor .hd-spon {
    width: 100%
}

.custom-content-sponsor .hd-spon__icon {
    width: 8vw;
    height: 8vw
}

.announcement-row {
    margin: 0
}

.content-title .exahange-wrap {
    color: #111;
    font-size: 3.2vw
}

.content-title .exahange-wrap p,.content-title .exahange-wrap span {
    display: inline-block
}

.content-title .exahange-wrap p {
    margin-right: 1.3333333333vw;
    padding: .5333333333vw 2.1333333333vw .8vw;
    float: left;
    border-radius: 3.2vw;
    background: #222;
    color: #fff
}

.content-title .exahange-wrap span {
    float: right;
    font-weight: 700
}

.content-title .balance-wrap {
    margin-bottom: .8vw;
    zoom:1}

.content-title .balance-wrap:after {
    content: "";
    display: block;
    clear: both
}

.content-title .balance-wrap span {
    color: #439514;
    font-size: 4vw
}

.content-title .exposure-wrap {
    zoom:1}

.content-title .exposure-wrap:after {
    content: "";
    display: block;
    clear: both
}

.content-title .exposure-wrap span {
    color: #14805e;
    font-size: 4vw
}

.footer .footer-top div.pay-normal-size {
    width: 48%;
    margin-right: 2%
}

.footer-middle {
    display: flex;
    width: 100%;
    height: auto;
    padding: 4vw 0 0;
    border-bottom: .2666666667vw solid #111333;
    text-align: left
}

.footer-middle div {
    width: 50%;
    margin-bottom: 2.6666666667vw
}

.footer-middle div li {
    display: inline-block;
    margin: 0 2.6666666667vw 2.6666666667vw 0
}

.footer-middle div h2 {
    margin-bottom: 4vw;
    color: #14805e;
    font-size: 3.4666666667vw;
    font-weight: 700
}

.footer-middle div a {
    display: inline-block
}

.footer-middle>div img {
    height: 8vw
}

.gambling-partner li {
    display: flex!important;
    flex-direction: row;
    align-items: center
}

.gambling-partner li p {
    margin-left: 1.3333333333vw;
    color: #ffffff80;
    font-size: 3.2vw
}

.footer-top .list {
    display: flex;
    width: 100%
}

.footer-top .list__title {
    width: 100%;
    margin-bottom: 4vw;
    color: #14805e;
    font-size: 3.4666666667vw;
    font-weight: 700
}

.footer-top .list__wrap {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.footer-top .list__item {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.footer-top .list--sponsor-data,.footer-top .list--ambassador-data {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: start
}

.footer-top .list--sponsor-data .list__item,.footer-top .list--ambassador-data .list__item {
    width: 50%;
    height: auto
}

.footer-top .list .item {
    text-align: start;
    margin-bottom: 8vw
}

.footer-top .list .item__icon {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0 1.3333333333vw 0 0
}

.footer-top .list .item__icon img {
    margin-right: 1.3333333333vw;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    opacity: 1
}

.footer-top .list .item__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.footer-top .list .item__content .txt {
    color: #fff;
    font-weight: 700;
    text-decoration: unset;
    font-size: 2.9333333333vw
}

.footer-top .list .item__content .sub-txt {
    display: flex;
    flex-direction: column;
    color: #ffffff80;
    font-size: 2.9333333333vw
}

.footer-top .list .item__content,.footer-top .list .item .txt,.footer-top .list .item .sub-txt {
    margin-bottom: 0
}

.footer-top .list--ambassador-data .list__item {
    display: inline-flex;
    align-items: center
}

.footer-top .list--ambassador-data .list__item .list__item--img {
    height: 8vw;
    margin-right: 2.6666666667vw
}

.member-content ::-webkit-input-placeholder {
    color: #fff9
}

.inputbox .verification-code {
    background: #fff
}

.member-menu .close {
    opacity: 1
}

.puzzle-verification-box .title {
    width: 100%
}

.footer-bottom {
    border-bottom: .2666666667vw solid #111333
}

.footer-license {
    padding: 6.4vw 0 9.6vw;
    line-height: 1.5;
    color: #ffffff80;
    font-size: 3.2vw
}

.footer-license a {
    color: #27b488
}

.footer-license .license-title,.footer-license span {
    font-weight: 700
}

.recommend-friends-box.deco {
    padding: 2.6666666667vw 2.6666666667vw 4.2666666667vw
}

.recommend-friends-box.deco .title h2 {
    font-size: 4.8vw;
    font-weight: 600;
    text-align: center
}

.recommend-friends-box.deco .code-box p {
    text-align: center
}

.code-box:after {
    display: none
}

.launch-game-page .site-top .site-menu.no-deposit .f-logo-bg {
    width: 75px;
    height: 28px
}

.input-group .info span .highlight {
    color: #ffe800
}

@font-face {
    font-family: Bebas Neue;
    src: url(/font/BebasNeue-Regular.ttf)
}

.index-p {
    padding-top: 10px;
    color: #fff3;
    font-size: 13px;
    text-align: center
}

.toggle-theme-wrap {
    height: 8vw;
    margin: 15px auto;
    font-size: 3.2vw;
    text-align: center
}

.toggle-theme-wrap span {
    display: inline-block;
    color: #677ca6;
    vertical-align: middle;
    font-size: 3.2vw
}

.toggle-theme-wrap .toggle-btn {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 30px;
    margin: 0 10px;
    transition: background-color .3s cubic-bezier(.03,.98,.52,.99);
    border-radius: 30px;
    background: #14805e;
    vertical-align: middle
}

.toggle-theme-wrap .toggle-btn:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    transition: left .5s;
    border-radius: 50%;
    background: #fff
}

.toggle-theme-wrap.dark .toggle-btn {
    transition: background-color .3s cubic-bezier(.03,.98,.52,.99);
    background: #0088da80
}

.toggle-theme-wrap.dark .toggle-btn:before {
    left: 32px;
    transition: left .5s
}

.content-fish .pic {
    line-height: 0
}

.content-fish .pic img {
    height: auto
}

.promotion-box .button.btn-primary {
    background: #0088da
}

.promotion-box .button.btn-secondary {
    background: linear-gradient(to bottom,#48977a,#2d8464)
}

.promotion-box .button.btn-secondary:before {
    display: none
}

.sponsor-representation {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.6666666667vw;
    padding-bottom: 0
}

.sponsor-representation:after {
    content: "";
    display: block;
    width: 100%;
    margin-top: 5.3333333333vw
}

.sponsor-representation__logo {
    height: 13.3333333333vw
}

.sponsor-representation__logo+.sponsor-representation__title {
    margin-top: 4vw
}

.sponsor-representation__title {
    font-size: 3.7333333333vw
}

.sponsor-representation__logo~.sponsor-representation__sponsor {
    margin-top: 2.6666666667vw
}

.sponsor-representation__sponsor {
    width: 13.3333333333vw
}

.ui-version {
    display: block
}

.ui-version img {
    width: 100%
}

.pop-inner.content-style .beforelogin .register-button a {
    color: #000
}

.promotion-pop .pop-inner.content-style {
    background-color: #222;
    color: #fff
}

.referral-program-promotion-banner__logo,.referral-program-banner__logo {
    height: 10.6666666667vw!important
}

.inputbox label {
    z-index: 3
}

body {
    color: #fff
}

.content {
    background: none
}

.vip-content {
    background: linear-gradient(245deg,#244b3a,#193226 25% 100%)
}

#statement1,#statement2 {
    height: 48px
}

.content .content {
    padding: 0
}

.breadcrumb {
    margin: 0;
    border-radius: 0;
    background: #14805e
}

.table>tbody>tr>th {
    line-height: 1.3!important
}

td {
    vertical-align: middle
}

.deposit-gap-wrap ul li.recommend:before {
    height: 19px!important
}

.deposit-gap-wrap ul li.recommend:after {
    top: 3px!important
}

#depositForm p,#transferForm p {
    color: #999!important;
    line-height: 1.5
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    border-color: #14805e;
    background: #14805e
}

.table-striped>tbody>tr {
    background: #3e3e3e
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #111
}

.register-phone-add {
    color: #111
}

.amount,.spinit {
    vertical-align: middle
}

.spinit {
    margin-top: 0!important
}

#turnoverContainer>div {
    line-height: 0
}

#turnoverContainer>div>div:first-of-type {
    background: #222!important;
    line-height: 30px
}

#turnoverContainer>div>div:last-of-type {
    margin-top: -30px!important;
    color: #14805e!important;
    line-height: 30px
}

.padded-bottom {
    padding-bottom: 0
}

.table>tbody>tr>td {
    border-top: 1px solid #888888
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #222
}

#inbox .table-striped>tbody>tr {
    border: none!important;
    color: #999
}

#inbox .table-striped>tbody>tr.unread {
    color: #14805e;
    font-weight: 400
}

.modal-body {
    color: #9999994d
}

.modal-body p {
    padding-bottom: 10px
}

.modal-body table {
    font-size: 3.7333333333vw;
    font-weight: 400
}

.modal-body table td,.modal-body table th {
    padding: .8vw
}

.modal-body table th {
    background: #ffdf1a
}

#promotion_verification_preview table,#promotion_verification_preview th,#promotion_verification_preview td {
    border-color: #999
}

.modal-footer label {
    color: #9999994d
}

.inputbox:after {
    width: 100%
}

.inputbox .verification-code {
    right: 20%
}

.inputbox.password .clear.hasbutton {
    right: 15%!important
}

.selectbox select {
    border-radius: 0
}

.verification-code img {
    width: auto!important
}

.lightbox img {
    width: 100%;
    max-height: 95vh
}

.modal-open .pop-image {
    bottom: auto;
    overflow: inherit
}

.input-comment span {
    color: #1bac7e
}

#wallet2detail {
    margin-bottom: 10px
}

#pagination-inbox a {
    background-image: none
}

.vip-content .player-vip-box.lv1 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv1 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv1:after {
    background: none
}

.acquired-content .form-vip-history .lv1 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv2 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv2 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv2:after {
    background: none
}

.acquired-content .form-vip-history .lv2 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv3 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv3 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv3:after {
    background: none
}

.acquired-content .form-vip-history .lv3 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv4 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv4 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv4:after {
    background: none
}

.acquired-content .form-vip-history .lv4 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv5 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv5 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv5:after {
    background: none
}

.acquired-content .form-vip-history .lv5 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv6 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv6 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv6:after {
    background: none
}

.acquired-content .form-vip-history .lv6 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv7 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv7 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv7:after {
    background: none
}

.acquired-content .form-vip-history .lv7 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv8 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv8 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv8:after {
    background: none
}

.acquired-content .form-vip-history .lv8 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv9 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv9 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv9:after {
    background: none
}

.acquired-content .form-vip-history .lv9 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv10 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv10 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv10:after {
    background: none
}

.acquired-content .form-vip-history .lv10 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv11 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv11 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv11:after {
    background: none
}

.acquired-content .form-vip-history .lv11 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv12 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv12 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv12:after {
    background: none
}

.acquired-content .form-vip-history .lv12 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv13 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv13 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv13:after {
    background: none
}

.acquired-content .form-vip-history .lv13 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv14 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv14 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv14:after {
    background: none
}

.acquired-content .form-vip-history .lv14 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv15 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv15 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv15:after {
    background: none
}

.acquired-content .form-vip-history .lv15 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv16 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv16 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv16:after {
    background: none
}

.acquired-content .form-vip-history .lv16 .item-icon {
    background-position: center;
    background-size: contain
}

.vip-content .player-vip-box.lv17 .card-top .lv-totem {
    background: none
}

.vip-content .player-vip-box.lv17 .card-top .lv-totem .item-icon {
    background-position: center;
    background-size: contain
}

.acquired-content .form-vip-history .lv17:after {
    background: none
}

.acquired-content .form-vip-history .lv17 .item-icon {
    background-position: center;
    background-size: contain
}

.member-header-content .pic {
    box-shadow: none
}

.member-header-content .pic-lv1,.member-header-content .pic-lv2,.member-header-content .pic-lv3,.member-header-content .pic-lv4,.member-header-content .pic-lv5,.member-header-content .pic-lv6,.member-header-content .pic-lv7,.member-header-content .pic-lv8,.member-header-content .pic-lv9,.member-header-content .pic-lv10,.member-header-content .pic-lv11,.member-header-content .pic-lv12,.member-header-content .pic-lv13,.member-header-content .pic-lv14,.member-header-content .pic-lv15,.member-header-content .pic-lv16,.member-header-content .pic-lv17 {
    background-color: transparent
}

.player-vip-lv1 .player-info-vip .item-icon {
    box-shadow: none
}

.player-vip-lv1 .player-info-vip .member-pic {
    background: none;
    box-shadow: none
}

.recommend-friends-box .code-box .code .btn img {
    filter: invert(1)
}

.games-main.main-vertical {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(29.3333333333vw,1fr));
    grid-gap: 1.3333333333vw;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 2.4vw
}

.games-main.main-vertical .games-box {
    position: relative;
    margin: 0 auto;
    overflow: visible!important;
    width: 100%;
    cursor: pointer
}

.games-main.main-vertical .games-box .text {
    display: none
}

.games-main.main-vertical .games-box .pic a {
    display: block;
    position: relative;
    border-radius: 1.8666666667vw;
    overflow: hidden
}

.games-main.main-vertical .games-box .pic a:before {
    content: "";
    display: block;
    padding-bottom: 132.8%
}

.games-main.main-vertical .games-box .pic a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.games-main.main-vertical .games-box .pic a .image-label {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2
}

.games-main.main-vertical .games-box .pic a .image-label__img {
    position: absolute;
    right: 0;
    left: auto;
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.games-main.main-vertical .games-box .pic a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover
}

.games-main.main-vertical .games-box .pic a .default-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.games-main.main-vertical .games-box .like {
    position: absolute;
    top: 0;
    right: auto;
    width: 8vw;
    height: 8vw;
    transform: translateY(0) rotate(0);
    transition: all .3s ease-in;
    z-index: 3
}

.games-main.main-vertical .games-box .like img {
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: 3;
    width: 5.3333333333vw;
    opacity: 0;
    animation: fadeIn .5s forwards
}

.games-main.main-vertical .default-image,.games-main.main-vertical .image {
    font-family: "aBigDeal",var(--custom-font);
    text-align: center;
    color: #fff
}

.games-main.main-vertical .default-image__title,.games-main.main-vertical .image__title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9.6vw;
    margin: 0 auto;
    text-align: center;
    padding: 0 1.3333333333vw;
    font-size: 3.4666666667vw;
    font-weight: 700;
    z-index: 2;
    line-height: 3.7333333333vw;
    letter-spacing: .2666666667vw;
    overflow: hidden;
    text-overflow: ellipsis
}

.games-main.main-vertical .default-image .game-group,.games-main.main-vertical .image .game-group {
    position: absolute;
    bottom: 4.2666666667vw;
    left: 50%;
    padding: 0 1.3333333333vw;
    transform: translate(-50%);
    font-size: 1.8666666667vw;
    font-weight: 700;
    line-height: 2.1333333333vw;
    letter-spacing: .5333333333vw;
    z-index: 2
}

.games-main.main-vertical .default-image img.games-main.main-vertical .default-image,.games-main.main-vertical .default-image .games-main.main-vertical .image__img,.games-main.main-vertical .image img.games-main.main-vertical .default-image,.games-main.main-vertical .image .games-main.main-vertical .image__img {
    width: 100%;
    height: 100%
}

.games-main.main-vertical .info-wrap {
    display: none
}

.feature-game.main-vertical {
    display: flex;
    justify-content: flex-start;
    overflow-y: hidden;
    overflow-x: auto;
    padding-right: 2.6666666667vw
}

.feature-game.main-vertical .games-box {
    position: relative;
    margin: 0 auto;
    overflow: visible!important;
    width: 100%;
    cursor: pointer
}

.feature-game.main-vertical .games-box .text {
    display: none
}

.feature-game.main-vertical .games-box .pic a {
    display: block;
    position: relative;
    border-radius: 1.8666666667vw;
    overflow: hidden
}

.feature-game.main-vertical .games-box .pic a:before {
    content: "";
    display: block;
    padding-bottom: 132.8%
}

.feature-game.main-vertical .games-box .pic a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.feature-game.main-vertical .games-box .pic a .image-label {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2
}

.feature-game.main-vertical .games-box .pic a .image-label__img {
    position: absolute;
    right: 0;
    left: auto;
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.feature-game.main-vertical .games-box .pic a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover
}

.feature-game.main-vertical .games-box .pic a .default-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.feature-game.main-vertical .games-box .like {
    position: absolute;
    top: 0;
    right: auto;
    width: 8vw;
    height: 8vw;
    transform: translateY(0) rotate(0);
    transition: all .3s ease-in;
    z-index: 3
}

.feature-game.main-vertical .games-box .like img {
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: 3;
    width: 5.3333333333vw;
    opacity: 0;
    animation: fadeIn .5s forwards
}

.feature-game.main-vertical .default-image,.feature-game.main-vertical .image {
    font-family: "aBigDeal",var(--custom-font);
    text-align: center;
    color: #fff
}

.feature-game.main-vertical .default-image__title,.feature-game.main-vertical .image__title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9.6vw;
    margin: 0 auto;
    text-align: center;
    padding: 0 1.3333333333vw;
    font-size: 3.4666666667vw;
    font-weight: 700;
    z-index: 2;
    line-height: 3.7333333333vw;
    letter-spacing: .2666666667vw;
    overflow: hidden;
    text-overflow: ellipsis
}

.feature-game.main-vertical .default-image .game-group,.feature-game.main-vertical .image .game-group {
    position: absolute;
    bottom: 4.2666666667vw;
    left: 50%;
    padding: 0 1.3333333333vw;
    transform: translate(-50%);
    font-size: 1.8666666667vw;
    font-weight: 700;
    line-height: 2.1333333333vw;
    letter-spacing: .5333333333vw;
    z-index: 2
}

.feature-game.main-vertical .default-image img.feature-game.main-vertical .default-image,.feature-game.main-vertical .default-image .feature-game.main-vertical .image__img,.feature-game.main-vertical .image img.feature-game.main-vertical .default-image,.feature-game.main-vertical .image .feature-game.main-vertical .image__img {
    width: 100%;
    height: 100%
}

.feature-game.main-vertical .info-wrap {
    display: none
}

.feature-game.main-vertical mcd-game-box-vertical {
    display: flex;
    flex-shrink: 0;
    width: 33.3333333333%
}

.feature-game.main-vertical mcd-game-box-vertical+mcd-game-box-vertical {
    margin-left: 3.2vw
}

.tab.brand-tab {
    align-items: center;
    height: 13.3333333333vw;
    border: 0;
    padding: 0 2.6666666667vw 0 0;
    background: transparent
}

.tab.brand-tab ul {
    padding-top: 0
}

.tab.brand-tab li {
    display: inline-flex;
    justify-items: center;
    align-items: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    margin-right: 1.3333333333vw;
    background: #262626;
    text-align: center;
    border-radius: .8vw;
    line-height: 0;
    border: #262626 .2666666667vw solid
}

.tab.brand-tab li.active {
    border: #14805e .2666666667vw solid;
    background: linear-gradient(to top,#14805e4d,#2a2a2a00),#262626
}

.tab.brand-tab li p {
    display: none
}

.tab.brand-tab img {
    width: 8vw;
    height: 8vw
}

.tab.brand-tab .search-btn {
    background: #14805e;
    border-radius: 0 .8vw .8vw 0
}

.tab.brand-tab .search-btn .item-icon {
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.tab.brand-tab .icon-all {
    display: inline-block;
    width: 8vw;
    height: 8vw;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

.sort-bar {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 94.6666666667vw;
    margin: 0 auto;
    padding: 1.3333333333vw 0 4.5333333333vw;
    z-index: 4
}

.sort-bar__title {
    color: #fff;
    font-size: 4vw;
    font-weight: 700
}

.sort-bar__title:before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background: #14805e;
    vertical-align: middle
}

.sort-bar__title span {
    display: inline-block;
    vertical-align: middle
}

.sort-bar__box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 3.2vw;
    color: #fff
}

.sort-bar__box.show .sort-bar__select {
    height: -moz-fit-content;
    height: fit-content;
    max-height: 300px;
    opacity: 1
}

.sort-bar__box.show .arrow {
    transform: rotate(180deg);
    transform-origin: center
}

.sort-bar__btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 1.8666666667vw 2.6666666667vw;
    border-radius: .8vw;
    background: #262626;
    margin-bottom: 1.0666666667vw
}

.sort-bar__select {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-height: 0;
    border-radius: .8vw;
    overflow: hidden;
    transition: max-height .3s,opacity .5s;
    opacity: 0
}

.sort-bar__select__item {
    display: block;
    width: 100%;
    margin: 0 2.4vw;
    background: #262626;
    transition: all .3s
}

.sort-bar__select__item span {
    display: block;
    padding: 2.4vw 0;
    margin: 0 2.4vw
}

.sort-bar__select__item:last-child span {
    border: none
}

.sort-bar__select__item.active {
    background: #1cb585
}

.sort-bar .arrow {
    display: inline-block;
    vertical-align: middle;
    width: 3.2vw;
    height: 3.2vw;
    background: #fff;
    mask-size: 90%;
    mask-repeat: no-repeat;
    mask-position: center 65%;
    -webkit-mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center 65%;
    margin-left: 1.3333333333vw;
    transition: all .5s
}

.ambassador-wrapper {
    position: relative;
    overflow: hidden;
    background: #000;
    color: #fff;
    line-height: 1.5
}

.ambassador-wrapper .flex-prev,.ambassador-wrapper .flex-next {
    position: fixed;
    top: 50vh;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-radius: 50%;
    background: #14805e;
    box-shadow: 0 0 10px #00080
}

.ambassador-wrapper .flex-prev img,.ambassador-wrapper .flex-next img {
    width: 25%
}

.ambassador-wrapper .flex-prev {
    left: 5%
}

.ambassador-wrapper .flex-next {
    right: 5%
}

.ambassador-wrapper .slick-num01 a {
    background: #d0800e
}

.ambassador-wrapper .slick-num02 a {
    background: #fca81c
}

.ambassador-wrapper .slick-num03 a {
    background: #f9c83a
}

.ambassador-wrapper .slick-num04 a {
    background: #af2639
}

.ambassador-wrapper .slick-num05 a {
    background: #2468a0
}

.ambassador-wrapper .slick-num06 a {
    background: #72178c
}

.ambassador-wrapper .slick-num07 a {
    background: #02a7bd
}

.ambassador-wrapper .slick-num08 a {
    background: #72243a
}

.ambassador-wrapper .slick-num09 a {
    background: #14805e
}

.ambassador-wrapper .slick-num010 a {
    background: #43265a
}

.ambassador-wrap {
    padding-bottom: 5.3333333333vw;
    vertical-align: top
}

.ambassador-banner {
    width: 100%;
    height: auto
}

.about-bj-contain {
    margin-bottom: 13.3333333333vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.ambassador-inner-box {
    width: 90%;
    margin: 5.3333333333vw auto 0
}

.ambassador-inner-box>div {
    margin-bottom: 8vw
}

.ambassador-inner-box .ambassador-inner-title {
    margin-bottom: 4vw
}

.ambassador-inner-title {
    text-transform: uppercase;
    text-align: center
}

.ambassador-inner-title h2 {
    display: inline-block;
    color: #14805e;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 1.5
}

.ambassador-inner-title h3 {
    font-size: 3.7333333333vw
}

.ambassador-inner-title h6 {
    font-weight: 700
}

.about-bj-list-box {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 4.2666666667vw
}

.about-bj-list-box>div {
    margin-bottom: 5.3333333333vw;
    padding: 5.3333333333vw;
    border-radius: 2.6666666667vw
}

.about-bj-list-box>div:last-child {
    margin-bottom: 0
}

.about-bj-list-box p {
    font-weight: lighter
}

.about-bj-list-box p strong {
    display: inline
}

.about-bj-list-box strong {
    display: block;
    text-transform: uppercase;
    font-weight: 700
}

.about-bj-title {
    padding-bottom: 2.6666666667vw
}

.about-bj-01,.about-bj-02 {
    display: inline-block;
    flex: 1 0 45%
}

.about-bj-03 {
    background: radial-gradient(circle at 65% 75%,rgba(77,81,29,.7),transparent),radial-gradient(farthest-corner at 10px 10px,#4b6f72,#426366 10%,transparent),radial-gradient(circle at left bottom,#000,transparent)
}

.about-bj-01 {
    background: linear-gradient(135deg,#375a6f,#426373 30%,#384843)
}

.about-bj-02 {
    background: linear-gradient(135deg,#354c57,#2b3837 40%,#292d20)
}

.font-color-card01 {
    color: #fbe666
}

.font-color-card02 {
    color: #e1004a
}

.star-list-box,.ambassafor-awards-box {
    margin: 5.3333333333vw auto 0;
    overflow-x: scroll
}

.star-list {
    width: 150%;
    text-align: center;
    font-size: 3.7333333333vw;
    line-height: 3
}

.star-list th,.star-list td {
    margin: 0 2.6666666667vw
}

.star-list th:first-child,.star-list td:first-child {
    text-align: left
}

.star-list th {
    font-weight: 400;
    border-top: 1px dashed #ffffff;
    border-bottom: 1px dashed #ffffff
}

.star-list td {
    font-weight: 700;
    font-size: 4.2666666667vw
}

.ambassador-article {
    text-align: left;
    width: 90%;
    margin: 0 auto
}

.ambassador-article h6 {
    font-size: 4.2666666667vw;
    text-align: center;
    padding: 2.6666666667vw 0 1.3333333333vw
}

.ambassador-article p {
    margin-bottom: 5.3333333333vw;
    font-size: 3.7333333333vw;
    font-weight: 300;
    text-align: justify
}

.ambassador-tips {
    width: 90%;
    margin: 0 auto;
    padding: 2.6666666667vw 0
}

.ambassador-tips h6 {
    text-align: center;
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 0
}

.ambassador-tips h6 strong {
    font-size: 4.5333333333vw;
    font-weight: 400
}

.ambassador-tips p {
    font-size: 3.4666666667vw;
    text-align: center
}

.why-bj-list {
    display: flex;
    flex-direction: column
}

.why-bj-list li {
    flex: 1 0 40%;
    color: #000;
    border-radius: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
    padding: 0 0 10.6666666667vw;
    text-align: left;
    background: #dbdbdb;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat
}

.why-bj-list h4 {
    margin-bottom: 8vw;
    font-size: 4.2666666667vw;
    font-weight: 700
}

.why-bj-list h4 span {
    color: #cf0226
}

.why-bj-list p {
    color: #0009
}

.why-bj-list a {
    display: inline-block;
    line-height: 3;
    color: #cf0226;
    letter-spacing: 2px;
    transform: rotateX(30deg);
    transition: .3s
}

.why-bj-list p,.why-bj-list a {
    font-size: 3.2vw;
    font-weight: 400
}

.why-bj-list img {
    width: 100%
}

.why-bj-contain .ambassador-inner-title h2 {
    color: #1bac7e
}

.why-bj-contain .ambassador-inner-box>.ambassador-video,.why-bj-contain .ambassador-inner-box>.ambassador-video-shadow {
    margin: 0 auto
}

.why-bj-text {
    width: 80%;
    margin: 0 auto
}

.why-bj-text i {
    font-style: italic;
    color: #000
}

.gabriel-batistuta {
    background: radial-gradient(circle at bottom left,#14805e,transparent 40%)
}

.hansika-motwani .about-bj-title,.kevin-pieterson .about-bj-title,.amy-jackson .about-bj-title,.mia .about-bj-title {
    font-size: 3.7333333333vw
}

.hansika-motwani .about-bj-03 h6,.kevin-pieterson .about-bj-03 h6,.amy-jackson .about-bj-03 h6,.mia .about-bj-03 h6 {
    font-size: 4.2666666667vw
}

.hansika-motwani .ambassador-article h6,.kevin-pieterson .ambassador-article h6,.amy-jackson .ambassador-article h6,.mia .ambassador-article h6 {
    margin-bottom: 5.3333333333vw;
    text-align: center;
    font-weight: lighter;
    font-size: 4.8vw;
    text-transform: uppercase
}

.hansika-motwani {
    background: linear-gradient(to top,#350c29,transparent 40%)
}

.hansika-motwani .ambassador-inner-title h2 {
    background: linear-gradient(to right,#c8016f,#98024c,#e62ec3 80%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.hansika-motwani .about-bj-01 {
    background: linear-gradient(to right,#45010280,#450102)
}

.hansika-motwani .about-bj-02 {
    background: linear-gradient(to right,#450102,#e62ec380)
}

.hansika-motwani .about-bj-03 {
    background: radial-gradient(circle at left bottom,#89036c,#510119e6 50%,#1e0105e6)
}

.amy-jackson {
    background: linear-gradient(to top,#0a293d,transparent 40%)
}

.amy-jackson .ambassador-inner-title h2 {
    background: linear-gradient(to right,#0382a7,#027a9c,#33e8d0 80%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.amy-jackson .about-bj-01 {
    background: linear-gradient(to right,#00255280,#002552)
}

.amy-jackson .about-bj-02 {
    background: linear-gradient(to right,#013056,#0cc5d680)
}

.amy-jackson .about-bj-02 strong {
    font-size: 4vw
}

.amy-jackson .about-bj-03 {
    background: radial-gradient(farthest-corner at left bottom,#017faacc,#014185e6 25%,#0d019980)
}

.kevin-pieterson {
    background: linear-gradient(to top,#290a3d,transparent 40%)
}

.kevin-pieterson .about-bj-contain {
    background-size: contain
}

.kevin-pieterson .ambassador-inner-title h2 {
    background: linear-gradient(to right,#8103a7,#5d33e8 80%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.kevin-pieterson .about-bj-01 {
    background: linear-gradient(to right,#1f011f,#43024e)
}

.kevin-pieterson .about-bj-02 {
    background: linear-gradient(to right,#43024e,#24015c)
}

.kevin-pieterson .about-bj-02 strong {
    font-size: 4vw
}

.kevin-pieterson .about-bj-03 {
    background: linear-gradient(to right,#2b0170,#320242)
}

.ambassador-text-list__title {
    font-size: 5.3333333333vw;
    font-weight: 700
}

.ambassador-text-list__title+.ambassador-text-list__ul {
    margin-top: 5.3333333333vw
}

.ambassador-text-list__ul {
    list-style: disc
}

.ambassador-text-list__li+.ambassador-text-list__li {
    margin-top: 4vw
}

.ambassador-text-list__item-title {
    font-size: 4.2666666667vw;
    font-weight: 700
}

.ambassador-text-list__item-title+.ambassador-text-list__item-text {
    margin-top: 2.6666666667vw
}

.ambassador-text-list__item-text {
    font-size: 3.7333333333vw
}

.ambassafor-awards {
    font-size: 3.7333333333vw;
    text-transform: uppercase
}

.ambassafor-awards li {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 5.3333333333vw
}

.ambassafor-awards .ambassafor-awards-block p+p {
    margin-top: 2.6666666667vw
}

.ambassafor-awards span {
    flex: 0 0 55px;
    font-weight: lighter
}

.ambassafor-awards label {
    flex: 0 0 40%;
    margin-right: 5.3333333333vw
}

.ambassafor-awards p {
    flex: 1
}

.ambassador-video {
    position: relative;
    width: 100%;
    padding: 3.2vw;
    z-index: 1
}

.ambassador-video-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 5.3333333333vw;
    padding-bottom: 55.9%;
    background: #000;
    border: 1.3333333333vw solid #710562;
    overflow: hidden
}

.ambassador-video-inner iframe,.ambassador-video-inner object,.ambassador-video-inner embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.video-top,.video-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1
}

.video-top {
    top: 0;
    height: 100%
}

.video-bottom {
    bottom: 0;
    transform: scaleY(-1)
}

.ambassador-video-shadow {
    opacity: .2
}

.ambassador-video-shadow img {
    width: 100%
}

.quetta-gladiators {
    background: linear-gradient(#0e0419,#1e072e,#441d64);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%
}

.quetta-gladiators .ambassador-inner-title h2 {
    background: linear-gradient(to right,#efa8ea,#9063cc,#4122a3);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.quetta-gladiators .about-bj-01 {
    background: linear-gradient(to right,#3f20a180,#3f20a1)
}

.quetta-gladiators .about-bj-02 {
    background: linear-gradient(to right,#3f20a1,#e62ec380)
}

.quetta-gladiators .about-bj-03 {
    background: radial-gradient(circle at left bottom,#6f055b,#3f20a1)
}

.quetta-gladiators .ambassador-article h6 {
    margin-bottom: 5.3333333333vw;
    text-align: center;
    font-size: 5.3333333333vw;
    font-weight: 700;
    text-transform: uppercase
}

.bologna-fc {
    background: linear-gradient(#1c1c2e,#3e3c5e 70%,#1c1b2d)
}

.bologna-fc .ambassador-inner-title h2 {
    background-image: linear-gradient(to right,#d523a2,#bd0b61,#a50443);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.bologna-fc .ambassador-inner-title h3 {
    font-size: 3.4666666667vw;
    font-weight: 500
}

.bologna-fc .about-bj-contain {
    margin-top: -18.6666666667vw
}

.bologna-fc .why-bj-contain h3 {
    display: inline;
    border-bottom: .2666666667vw #fff solid
}

.photo-video-tab {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 8vw;
    padding-top: 2.6666666667vw;
    border-top: 1px solid rgba(255,255,255,.5)
}

.photo-video-tab li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 30%;
    padding: 0 1.3333333333vw;
    color: #ffffff80;
    line-height: 1.3;
    border-left: 1px solid rgba(255,255,255,.5);
    font-size: 3.7333333333vw;
    text-align: center;
    transition: .3s
}

.photo-video-tab li:first-child {
    border: 0
}

.photo-video-tab li[data-tab-current=current] {
    color: #fff
}

.photo-video-cont li {
    display: none
}

.photo-video-cont li[data-tab-current=current] {
    display: block
}

.footy-league .photo-list,.quetta-gladiators .photo-list {
    display: grid;
    grid-template-columns: repeat(3,1fr 10px) 1fr;
    grid-template-rows: repeat(5,1fr 10px)
}

.footy-league .photo-list div,.quetta-gladiators .photo-list div {
    background-size: cover
}

.footy-league .photo-list img,.footy-league .photo-list div,.quetta-gladiators .photo-list img,.quetta-gladiators .photo-list div {
    width: 100%;
    height: 100%
}

.footy-league .item-1,.quetta-gladiators .item-1 {
    grid-column: 1/2;
    grid-row: 1/2
}

.footy-league .item-1:after,.quetta-gladiators .item-1:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.footy-league .item-2,.quetta-gladiators .item-2 {
    grid-column: 3/4;
    grid-row: 1/2
}

.footy-league .item-3,.quetta-gladiators .item-3 {
    grid-column: 5/6;
    grid-row: 1/2
}

.footy-league .item-4,.quetta-gladiators .item-4 {
    grid-column: 7/8;
    grid-row: 1/2
}

.footy-league .item-5,.quetta-gladiators .item-5 {
    grid-column: 1/4;
    grid-row: 3/6
}

.footy-league .item-6,.quetta-gladiators .item-6 {
    grid-column: 5/6;
    grid-row: 3/4
}

.footy-league .item-7,.quetta-gladiators .item-7 {
    grid-column: 7/8;
    grid-row: 3/4
}

.footy-league .item-8,.quetta-gladiators .item-8 {
    grid-column: 1/2;
    grid-row: 7/8
}

.footy-league .item-9,.quetta-gladiators .item-9 {
    grid-column: 3/4;
    grid-row: 7/8
}

.footy-league .item-10,.quetta-gladiators .item-10 {
    grid-column: 5/8;
    grid-row: 5/8
}

.footy-league .item-11,.quetta-gladiators .item-11 {
    grid-column: 1/6;
    grid-row: 9/10
}

.footy-league .item-12,.quetta-gladiators .item-12 {
    grid-column: 7/8;
    grid-row: 9/10
}

.deccan .photo-list,.sunrisers .photo-list {
    display: grid;
    grid-template-columns: 1fr 10px 1.2fr 10px 1.2fr 10px 1fr;
    grid-template-rows: repeat(8,.5fr 10px);
    height: 100%;
    width: 100%;
    margin: 0 auto;
    height: 350px
}

.deccan .photo-list div,.sunrisers .photo-list div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.deccan .photo-list img,.sunrisers .photo-list img {
    width: 100%;
    height: 100%
}

.deccan .item-1,.sunrisers .item-1 {
    grid-column: 1/2;
    grid-row: 2/10
}

.deccan .item-2,.sunrisers .item-2 {
    grid-column: 3/4;
    grid-row: 1/16
}

.deccan .item-3,.sunrisers .item-3 {
    grid-column: 5/6;
    grid-row: 1/10
}

.deccan .item-4,.sunrisers .item-4 {
    grid-column: 7/8;
    grid-row: 2/8
}

.deccan .item-5,.sunrisers .item-5 {
    grid-column: 1/2;
    grid-row: 11/16
}

.deccan .item-6,.sunrisers .item-6 {
    grid-column: 5/6;
    grid-row: 11/16
}

.deccan .item-7,.sunrisers .item-7 {
    grid-column: 7/8;
    grid-row: 9/16
}

.album-list,.video-list {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start
}

.album-item {
    flex: 0 0 23.5%;
    margin: 0 2% 5.3333333333vw 0
}

.album-item:nth-child(4n) {
    margin-right: 0
}

.album-item p {
    text-align: left;
    color: #fff
}

.album {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 5.3333333333vw;
    border: 1px solid #ffffff
}

.album img {
    width: 100%;
    height: 100%
}

.album-inner {
    position: absolute;
    top: 1.3333333333vw;
    left: 1.3333333333vw;
    width: 100%;
    height: 100%;
    background-size: cover
}

.video-item {
    flex: 0 0 31%;
    margin: 0 2% 8vw 0;
    width: 100%;
    height: 56.25%
}

.video-item iframe,.video-item object,.video-item embed {
    width: 100%;
    height: 100%
}

.deccan {
    background: #242854cc
}

.deccan .ambassador-banner:after {
    background: #242854cc
}

.deccan .ambassador-inner-title h2 {
    background: linear-gradient(to bottom right,#fcd96a,#ed993b 60%,#db5247)
}

.deccan .ambassador-tips h6 strong,.deccan .ambassador-tips p {
    color: #f9c83a
}

.mia .about-bj-contain {
    background-position: 0 65%;
    background-size: contain
}

.mia .ambassador-inner-title h2,.mia .ambassador-inner-title h3,.mia .ambassador-inner-title h6 {
    background: linear-gradient(to right,#ff9702,#e05b00 80%,#9d4400);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.mia .about-bj-01 {
    background: linear-gradient(135deg,#ff8e00 0,#c66221,#d45e3e)
}

.mia .about-bj-02 {
    background: linear-gradient(135deg,#c46523 0,#d37a1a,#d78d32)
}

.mia .about-bj-03 {
    background: linear-gradient(200deg,#ed590a 0,#eb9334,#e9584e)
}

.mia .ambassafor-awards p {
    font-weight: 400
}

.mia .photo-list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 2.6666666667vw;
    width: 100%;
    height: 69.3333333333vw
}

.mia .photo-list div {
    background-size: cover
}

.sunrisers {
    background: #372406cc
}

.sunrisers .ambassador-banner:after {
    background: #372406cc
}

.sunrisers .ambassador-inner-title h2 {
    background: linear-gradient(to bottom right,#fca81c,#fca81c)
}

.sunrisers .ambassador-tips h6 strong,.sunrisers .ambassador-tips p {
    color: #fca81c
}

.deccan>*,.sunrisers>* {
    position: relative;
    z-index: 2
}

.deccan .bottom-bg,.sunrisers .bottom-bg {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
    opacity: .8;
    mix-blend-mode: screen;
    -webkit-mask: linear-gradient(to bottom,transparent 0%,#000 100%);
    mask: linear-gradient(to bottom,transparent 0%,#000 100%)
}

.deccan .ambassador-banner,.sunrisers .ambassador-banner {
    position: relative;
    font-size: 0;
    mask: linear-gradient(to bottom,#000 80%,transparent 100%);
    -webkit-mask: linear-gradient(to bottom,#000 80%,transparent 100%)
}

.deccan .ambassador-banner:after,.sunrisers .ambassador-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 30%,transparent 100%);
    z-index: 2
}

.deccan .ambassador-banner__logo,.sunrisers .ambassador-banner__logo {
    position: absolute;
    width: 70%;
    left: 0;
    right: 0;
    top: 10%;
    margin: 0 auto;
    z-index: 4
}

.deccan .ambassador-banner__bg,.sunrisers .ambassador-banner__bg {
    width: 100%;
    position: relative;
    z-index: 1;
    mask: linear-gradient(to bottom,#000 90%,transparent 100%);
    -webkit-mask: linear-gradient(to bottom,#000 90%,transparent 100%)
}

.deccan .ambassador-banner__bg-fx,.sunrisers .ambassador-banner__bg-fx {
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    top: -16%;
    margin: 0 auto;
    z-index: 3;
    mix-blend-mode: screen;
    mask: radial-gradient(closest-side ellipse,#000 45%,transparent 100%);
    -webkit-mask: radial-gradient(closest-side ellipse,#000 45%,transparent 100%);
    opacity: .5
}

.deccan .ambassador-inner-box,.sunrisers .ambassador-inner-box {
    margin-top: 0
}

.deccan .ambassador-inner-title h3,.sunrisers .ambassador-inner-title h3 {
    font-size: 3.2vw;
    font-weight: 700
}

.deccan .ambassador-inner-title h2,.sunrisers .ambassador-inner-title h2 {
    font-size: 5.3333333333vw;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.deccan .about-bj-contain,.sunrisers .about-bj-contain {
    margin-top: -20%;
    position: relative;
    z-index: 3
}

.deccan .about-bj-contain .ambassador-article p,.sunrisers .about-bj-contain .ambassador-article p {
    font-size: 3.2vw;
    letter-spacing: 0px
}

.deccan .ambassador-photo-video-group,.sunrisers .ambassador-photo-video-group {
    padding-top: 10%;
    border-top: 1px solid rgba(255,255,255,.4)
}

.footy-league {
    background: #1d314fe6
}

.footy-league>* {
    position: relative;
    z-index: 2
}

.footy-league .bottom-bg {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
    opacity: .8;
    mix-blend-mode: screen;
    mask: linear-gradient(to bottom,transparent 0%,#000 100%);
    -webkit-mask: linear-gradient(to bottom,transparent 0%,#000 100%)
}

.footy-league .ambassador-banner {
    position: relative;
    font-size: 0;
    mask: linear-gradient(to bottom,#000 80%,transparent 100%);
    -webkit-mask: linear-gradient(to bottom,#000 80%,transparent 100%)
}

.footy-league .ambassador-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #1d314fe6;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 30%,transparent 100%);
    z-index: 2
}

.footy-league .ambassador-banner__logo {
    position: absolute;
    width: 40%;
    left: 0;
    right: 0;
    top: 15%;
    margin: 0 auto;
    z-index: 4
}

.footy-league .ambassador-banner__bg {
    width: 100%;
    position: relative;
    z-index: 1;
    mask: linear-gradient(to bottom,#000 90%,transparent 100%);
    -webkit-mask: linear-gradient(to bottom,#000 90%,transparent 100%)
}

.footy-league .ambassador-banner__bg-fx {
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    top: -16%;
    margin: 0 auto;
    z-index: 3;
    mix-blend-mode: screen;
    mask: radial-gradient(closest-side ellipse,#000 45%,transparent 100%);
    -webkit-mask: radial-gradient(closest-side ellipse,#000 45%,transparent 100%);
    opacity: .5
}

.footy-league .ambassador-inner-box {
    margin-top: 0
}

.footy-league .ambassador-inner-title h3 {
    font-size: 3.2vw;
    font-weight: 700
}

.footy-league .ambassador-inner-title h2 {
    font-size: 5.3333333333vw;
    background: linear-gradient(to bottom right,#00a2c2,#005c9f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.footy-league .about-bj-contain {
    margin-top: -20%;
    position: relative;
    z-index: 3
}

.footy-league .about-bj-contain .ambassador-article p {
    font-size: 3.2vw;
    letter-spacing: 0px
}

.footy-league .ambassador-photo-video-group {
    padding-top: 10%;
    border-top: 1px solid rgba(255,255,255,.4)
}

html:lang(en) .ambassador-wrapper {
    font-family: Poppins,sans-serif;
    letter-spacing: 1px
}

html:lang(en) .ambassador-wrapper .star-list td {
    font-family: Bebas Neue,sans-serif
}

html:lang(en) .ambassador-article p {
    letter-spacing: 1px
}

html:lang(bn) .deccan .ambassador-inner-title h2 i,html:lang(bn) .sunrisers .ambassador-inner-title h2 i {
    font-size: 4.2666666667vw;
    font-weight: 400
}

html:lang(bn) .footy-league {
    font-family: Noto Sans Bengali,serif
}

html:lang(bn) .ambassador-inner-title h2 {
    font-family: Noto Sans Bengali,serif
}

html:lang(bn) .ambassador-inner-title h3 {
    font-size: 3.7333333333vw
}

html:lang(bn) .sunrisers .ambassador-tips p {
    color: #fff
}

html:lang(hi) .deccan .ambassador-inner-title h2 i,html:lang(hi) .sunrisers .ambassador-inner-title h2 i {
    font-size: 4.8vw;
    font-weight: 400
}

html:lang(hi) .sunrisers .why-bj-contain .ambassador-inner-title h2 {
    -webkit-text-fill-color: #fff
}

html:lang(ne) .ambassador-inner-title h2 {
    width: 100%
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0);
    background-color: var(--mat-ripple-color, rgba(0, 0, 0, .1))
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: #00052
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-app-background {
    background-color: var(--mat-app-background-color, transparent);
    color: var(--mat-app-text-color, inherit)
}

html {
    --mat-ripple-color: rgba(255, 255, 255, .1)
}

html {
    --mat-option-selected-state-label-text-color: #435f9b;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)
}

.mat-accent {
    --mat-option-selected-state-label-text-color: #a38d5b;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)
}

.mat-warn {
    --mat-option-selected-state-label-text-color: #f44336;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)
}

html {
    --mat-optgroup-label-text-color: white
}

.mat-primary {
    --mat-full-pseudo-checkbox-selected-icon-color: #435f9b;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #435f9b;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868
}

html,.mat-accent {
    --mat-full-pseudo-checkbox-selected-icon-color: #a38d5b;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #a38d5b;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868
}

.mat-warn {
    --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868
}

html {
    --mat-app-background-color: #303030;
    --mat-app-text-color: white
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00024,0 0 #0001f
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00024,0 1px 3px #0001f
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00024,0 1px 5px #0001f
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00024,0 1px 8px #0001f
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00024,0 1px 10px #0001f
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00024,0 1px 14px #0001f
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00024,0 1px 18px #0001f
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00024,0 2px 16px 1px #0001f
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00024,0 3px 14px 2px #0001f
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00024,0 3px 16px 2px #0001f
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00024,0 4px 18px 3px #0001f
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00024,0 4px 20px 3px #0001f
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00024,0 5px 22px 4px #0001f
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00024,0 5px 24px 4px #0001f
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00024,0 5px 26px 4px #0001f
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00024,0 6px 28px 5px #0001f
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00024,0 6px 30px 5px #0001f
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00024,0 6px 32px 5px #0001f
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00024,0 7px 34px 6px #0001f
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00024,0 7px 36px 6px #0001f
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00024,0 8px 38px 7px #0001f
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00024,0 8px 40px 7px #0001f
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00024,0 8px 42px 7px #0001f
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00024,0 9px 44px 8px #0001f
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00024,0 9px 46px 8px #0001f
}

.mat-theme-loaded-marker {
    display: none
}

html {
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #435f9b;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(67, 95, 155, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(67, 95, 155, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(67, 95, 155, .3);
    --mat-datepicker-toggle-active-state-icon-color: #435f9b;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(67, 95, 155, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
    --mat-datepicker-toggle-icon-color: white;
    --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);
    --mat-datepicker-calendar-period-button-text-color: white;
    --mat-datepicker-calendar-period-button-icon-color: white;
    --mat-datepicker-calendar-navigation-button-icon-color: white;
    --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .12);
    --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, .7);
    --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .5);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, .3);
    --mat-datepicker-calendar-date-text-color: white;
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, .5);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .24);
    --mat-datepicker-range-input-separator-color: white;
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, .5);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, .5);
    --mat-datepicker-calendar-container-background-color: #424242;
    --mat-datepicker-calendar-container-text-color: white
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #a38d5b;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(163, 141, 91, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(163, 141, 91, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(163, 141, 91, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(163, 141, 91, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #a38d5b
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls {
    --mat-icon-button-touch-target-display: none
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

* {
    touch-action: pan-x pan-y
}

@media (display-mode: standalone) {
    body {
        overscroll-behavior: none
    }

    *:not(input):not(textarea) {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none
    }
}

.loading-mask {
    position: fixed;
    display: flex;
    inset: 0;
    background: #111;
    justify-content: center;
    align-items: center
}

.loading-mask .movie-box video {
    display: block;
    margin: auto;
    width: 21.3333333333vw;
    height: 21.3333333333vw
}

header {
    transition: all 0s
}

.wrap {
    display: block;
    position: inherit;
    inset: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: cubic-bezier(.075,.82,.165,1)
}

.tab.search-tab {
    z-index: 2
}

.language-select-area .language-area {
    margin: 0 .8vw
}

.player-vip-detailed-box .section-wrap {
    display: block;
    height: 100%;
    transition: all .3s ease;
    width: 100%
}

.footer {
    transition: .3s all
}

.footer.hide {
    opacity: 0
}

.register-content .verification .refresh.active {
    animation: refresh1 .5s linear
}

@keyframes refresh1 {
    0% {
        transform: translateY(-50%) rotate(0)
    }

    to {
        transform: translateY(-50%) rotate(1turn)
    }
}

.register-content .verification-wrap .refresh.active {
    animation: refresh .5s linear
}

@keyframes refresh {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.player-vip-detailed-menu {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.player-vip-detailed-menu .btn-wrap {
    display: inline-flex
}

.player-vip-detailed-menu .btn-wrap .btn {
    min-width: 24vw
}

.pop-inner.content-style a:not(.button) {
    color: #308bea
}

.pop-inner.content-style .button a {
    text-decoration: none;
    color: #fff
}

.third-party-login.member-content.new-profile,.third-party-login.member-content.new-login,.third-party-login.verify-code {
    min-height: 100%!important
}

.btn-select.only:after {
    display: none
}

.popup-page-wrapper {
    display: block;
    position: relative;
    text-align: center;
    z-index: 7500
}

html.is-mobile .popup-page.show-toolbar,html.is-mobile .popup-page.show-toolbar .popup-page__backdrop {
    height: calc(100% - 13.0666666667vw)
}

.carousel-wrap {
    display: block;
    position: relative;
    width: auto;
    height: inherit;
    overflow: hidden;
    max-width: 100vw;
    margin: auto
}

.carousel-wrap.style-init .item-drag .item-left {
    width: inherit;
    transform: translate(-250%,-50%)
}

.carousel-wrap.style-init .item-drag .item-wrap {
    width: inherit
}

.carousel-wrap.style-init.siblings .item-drag .item-left {
    transform: translate(-175%,-50%)
}

.carousel-wrap.style-init.siblings .item-drag .item {
    width: 70%
}

.carousel-wrap .item-drag {
    display: block;
    margin: auto;
    padding-top: 35%;
    width: 100%;
    height: 100%
}

.carousel-wrap .item-drag .item-left {
    display: block;
    width: inherit;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%
}

.carousel-wrap .item-drag .item-left .item-wrap {
    display: block;
    position: relative;
    height: 100%;
    white-space: nowrap;
    line-height: 0
}

.carousel-wrap .item {
    display: inline-block;
    position: relative;
    padding: 2.6666666667vw 2.6666666667vw 9.3333333333vw;
    width: 100%;
    height: 100%;
    margin: auto;
    color: #221919;
    opacity: 1;
    overflow: hidden;
    border-radius: .8vw
}

.carousel-wrap .item .item-pic {
    display: block;
    position: relative;
    margin: auto;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transform-origin: center;
    transition: all .3s
}

.carousel-wrap.siblings .item {
    padding: 1.3333333333vw 1.3333333333vw 3.4666666667vw
}

.carousel-wrap.siblings .item .item-pic {
    border-radius: 1.3333333333vw
}

.carousel-wrap.siblings .item .item-pic.focus {
    box-shadow: 0 .5333333333vw 3.2vw #00059;
    transform: translateY(-2px)
}

.carousel-wrap.siblings .dot-group {
    bottom: 0
}

mcd-carousel-banner .banner:has(.carousel-wrap.siblings.mcd),mcd-carousel-banner .banner-v1:has(.carousel-wrap.siblings.mcd) {
    height: 40vw
}

.carousel-wrap.siblings.mcd {
    margin-top: 2.6666666667vw
}

.banner-v1 .carousel-wrap.siblings.mcd .item-left {
    transform: translate(-208%,-50%)
}

.carousel-wrap.siblings.mcd .item-drag {
    padding-top: 39%
}

.carousel-wrap.siblings.mcd .item-drag .item {
    width: 83%;
    padding: 0 1.3333333333vw 5.8666666667vw
}

.carousel-wrap.siblings.mcd .item-drag .item .item-pic {
    border-radius: 1.0666666667vw;
    background-repeat: no-repeat
}

.carousel-wrap.singlefull .item {
    padding: 0
}

.carousel-wrap.singlefull .item .item-pic {
    border-radius: 0
}

.carousel-wrap.singlefull .item .item-pic.focus {
    transform: scale(1.05)
}

.carousel-wrap.singlefull .dot-group {
    bottom: 0
}

.carousel-wrap.singlefull .dot-group.style-bar {
    padding: 1.8666666667vw 0 2.6666666667vw
}

mcd-carousel-banner .banner:has(.carousel-wrap.singlefull.mcd),mcd-carousel-banner .banner-v1:has(.carousel-wrap.singlefull.mcd) {
    height: 48.5333333333vw
}

.carousel-wrap.singlefull.mcd .item-drag .item {
    padding: 0 0 5.8666666667vw
}

.dot-group {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .5333333333vw;
    z-index: 1
}

.dot-group.style-dot li {
    display: block;
    margin-right: 1.3333333333vw;
    margin-left: 1.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    background: #ffffff80;
    border: .5333333333vw solid rgba(255,255,255,.5);
    border-radius: 50%;
    transition: .3s;
    cursor: pointer
}

.dot-group.style-dot li:hover {
    background: #ffffff80
}

.dot-group.style-dot li.active {
    background: #fff
}

.dot-group.style-bar {
    padding: 1.8666666667vw 0 .8vw
}

.dot-group.style-bar li {
    display: block;
    margin: 0 .8vw;
    width: 5.3333333333vw;
    height: .5333333333vw;
    background: #ffffff80;
    border-radius: 1.3333333333vw;
    overflow: hidden;
    position: relative
}

.dot-group.style-bar li:hover .dot-progress {
    background: transparent
}

.dot-group.style-bar li.active .dot-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    animation-name: dot-ani;
    background: #fff
}

.dot-group.style-bar li .dot-progress {
    display: block;
    width: 100%;
    height: 100%
}

.carousel-wrap.mcd .dot-group.style-bar {
    padding: 2.6666666667vw 0
}

.carousel-wrap.mcd .dot-group.style-bar li {
    border-radius: .8vw
}

.button-prev,.button-next {
    padding: 15px 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    z-index: 1
}

.button-prev {
    left: 0
}

.button-next {
    right: 0;
    transform: translateY(-50%) rotateY(180deg)
}

.button-prev:hover,.button-next:hover {
    opacity: .7
}

.button-prev img,.button-next img {
    display: block;
    max-width: 50px
}

@keyframes dot-ani {
    0% {
        left: -100%
    }

    to {
        left: 0
    }
}

.carousel-wrap.debug {
    border: 1px solid white;
    overflow: visible
}

.carousel-wrap.debug .item-drag {
    border: 1px solid red
}

.carousel-wrap.debug .item-drag .item-left {
    border: 1px solid yellow
}

.carousel-wrap.debug .item-drag .item-left .item-wrap {
    border: 1px solid blue
}

.carousel-wrap.debug .button-prev,.carousel-wrap.debug .button-next {
    background: #fff3
}

.carousel-wrap.debug .item {
    border: 1px solid olive
}

.carousel-wrap.debug .item .item-pic {
    border: 1px solid purple
}

.nav-wrap {
    overflow: hidden
}

.nav-wrap .nav-content-wrap {
    display: block;
    width: 100%;
    overflow: visible
}

.nav-wrap .nav-content-wrap .nav-content-inner {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    transition: all .3s ease-in-out
}

.nav-wrap .nav-content-wrap .content-box {
    display: block;
    position: relative;
    width: 100%;
    flex-shrink: 0;
    max-height: 10000px;
    transition: all .5s ease-in-out
}

.nav .btn.selected {
    background: #c8683b
}

.nav .btn.selected p {
    color: #fff
}

.nav .btn.selected:before {
    box-shadow: 0 .5333333333vw 1.3333333333vw #0004d
}

.nav .btn.selected:after {
    display: block
}

.nav.nav-auto {
    display: flex;
    overflow: auto
}

.nav.nav-auto .btn {
    width: auto;
    min-width: 18.1818181818%
}

.layout-brand {
    padding: 0 2.6666666667vw
}

.cdk-overlay-container {
    z-index: 9000
}

.dialog-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .4s;
    background: #111;
    -webkit-overflow-scrolling: touch;
    z-index: 7999
}

.dialog-wrap .close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border-radius: 0 0 0 100%
}

.dialog-wrap .close:before,.dialog-wrap .close:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: -.2666666667vw 0 0 -2.6666666667vw;
    border-radius: .5333333333vw;
    background: #fff
}

.dialog-wrap .close:before {
    transform: rotate(45deg)
}

.dialog-wrap .close:after {
    transform: rotate(-45deg)
}

.top-bar {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 13.3333333333vw;
    overflow: hidden;
    transition: all .3s;
    background: #14805e;
    z-index: 2
}

.top-bar .bar-title {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%);
    color: #fff;
    font-size: 4.2666666667vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dialog-overlay-desktop {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    max-height: 700px;
    overflow: hidden;
    transform: translate(-50%,-50%)
}

@supports (height: 100dvh) {
    .dialog-overlay-desktop {
        height:calc(100dvh - 16vw)
    }
}

@supports not (height: 100dvh) {
    .dialog-overlay-desktop {
        height:calc(100vh - 16vw)
    }
}

.dialog-overlay-desktop .popup {
    position: absolute;
    top: 50%;
    right: 50%;
    max-height: 100%;
    border-radius: 2.6666666667vw;
    transform: translate(50%,-50%);
    width: 100vw
}

@supports (height: 100dvh) {
    .dialog-overlay-desktop .popup {
        height:calc(100dvh - 16vw)
    }
}

@supports not (height: 100dvh) {
    .dialog-overlay-desktop .popup {
        height:calc(100vh - 16vw)
    }
}

.back-bar {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 13.3333333333vw;
    overflow: hidden;
    transition: all .3s;
    background: #111
}

.back-bar .bar-title {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%);
    color: #fff;
    font-size: 4.2666666667vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.back-bar__arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    z-index: 1
}

.back-bar__arrow .item-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 20%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 20%;
    z-index: 2
}

.searchpage {
    opacity: 0;
    right: -100%;
    transition: right .3s,opacity 0s .3s
}

.searchpage.active {
    right: 0;
    opacity: 1;
    transition: right .3s,opacity 0s 0s
}

.date-bar .date-input .mat-mdc-form-field {
    width: 100%
}

.date-bar .date-input .mat-mdc-text-field-wrapper {
    background: #292929
}

.date-bar .date-input .mat-mdc-form-field-flex,.date-bar .date-input .mat-mdc-form-field-infix {
    height: 8vw
}

.date-bar .date-input .mat-mdc-form-field-infix {
    min-height: unset
}

.date-bar .date-input .mat-mdc-form-field-infix input {
    font-size: 3.4666666667vw
}

.date-bar .date-input .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding: 0;
    display: inline-flex
}

.date-bar .date-input .mdc-line-ripple,.date-bar .date-input .mat-mdc-form-field-subscript-wrapper {
    display: none
}

.date-bar .date-input .mdc-text-field {
    border-radius: 1.3333333333vw
}

.date-bar .date-input .mdc-text-field__input {
    height: 100%
}

.date-bar .date-input .mdc-icon-button svg {
    fill: #fff
}

.date-bar .date-input .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 30px;
    --mdc-icon-button-icon-size: 20px;
    padding: 5px
}

.date-bar .date-input .mat-mdc-icon-button .mat-mdc-button-touch-target {
    padding: 1.3333333333vw;
    height: var(--mdc-icon-button-state-layer-size);
    width: var(--mdc-icon-button-state-layer-size)
}

.date-bar .date-input .mat-mdc-form-field-icon-suffix {
    width: 12vw
}

.date-bar .date-input .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    background: #292929;
    color: #14805e
}

.input-group .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    --mdc-icon-button-icon-size: 20px;
    padding: 10px
}

.input-group .mat-mdc-icon-button .mat-mdc-button-touch-target {
    padding: 1.3333333333vw;
    height: var(--mdc-icon-button-state-layer-size);
    width: var(--mdc-icon-button-state-layer-size)
}

.input-group .mdc-icon-button svg {
    fill: #14805e
}

.app-download-page header {
    display: flex;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 13.3333333333vw;
    overflow: hidden;
    transition: left .5s;
    background: #12553766!important
}

.app-download-page .header-left-btn-group {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start
}

.app-download-page .header-title {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 73.3333333333vw;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%);
    color: #fff;
    font-size: 4.2666666667vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-download-page .header-title p {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-download-page .back-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 40%
}

.app-download-page .back-btn a {
    display: block;
    width: 100%;
    height: 100%
}

.app-download-page {
    position: relative;
    min-height: 100vh;
    font-family: var(--custom-font)
}

.app-download-page article {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transition: all .5s ease
}

.app-download-page .close {
    left: 100vw
}

.app-download-page .title-block {
    width: 73.3333333333vw;
    height: 26.6666666667vw;
    margin: 2.6666666667vw 13.3333333333vw;
    font-family: var(--custom-font);
    font-weight: 700;
    text-align: center;
    filter: drop-shadow(0 .5333333333vw 2.1333333333vw rgba(0,0,0,.7))
}

.app-download-page .title-block h1 {
    display: block;
    width: 100%;
    background: linear-gradient(to top,#d5dae0,#fff,#d5dae0,#fff 75%);
    color: transparent;
    font-size: 8vw;
    line-height: 9.3333333333vw;
    -webkit-background-clip: text;
    background-clip: text
}

.app-download-page .title-block h2 {
    display: block;
    width: 100%;
    background: linear-gradient(to top,#d5dae0,#fff,#d5dae0,#fff 75%);
    color: transparent;
    font-size: 5.0666666667vw;
    line-height: 8vw;
    background-clip: text;
    -webkit-background-clip: text
}

.app-download-page .section {
    display: block;
    background: #000
}

.app-download-page .section>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh
}

.app-download-page .section .wrap {
    position: relative;
    width: 82.4vw;
    margin: 0 8.8vw
}

.app-download-page .section-inner {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain
}

.app-download-page .content {
    background: none
}

.app-download-page .content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 33.3333333333vw);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.app-download-page .txt-block {
    margin-top: 2.6666666667vw;
    font-family: Arial,Helvetica,sans-serif
}

.app-download-page .txt-block ul {
    font-size: 3.2vw;
    font-weight: 700;
    letter-spacing: .2666666667vw;
    line-height: 4.5333333333vw;
    text-transform: uppercase
}

.app-download-page .txt-block li {
    display: flex;
    align-items: center;
    height: 18.1333333333vw;
    margin-bottom: 2.6666666667vw;
    padding-left: 19.7333333333vw;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 16vw
}

.app-download-page .txt-block li p {
    display: -webkit-box;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #fff
}

.app-download-page .txt-block p {
    max-height: 28.5333333333vw;
    overflow: hidden;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 4.8vw
}

.app-download-page .txt-block strong {
    display: block;
    width: 100%;
    height: 7.4666666667vw;
    overflow: hidden;
    background-image: linear-gradient(to top,#ffdf1a 0% 50%);
    color: transparent;
    font-size: 5.8666666667vw;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-clip: text;
    -webkit-background-clip: text
}

.app-download-page .kv-block {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain
}

.app-download-page .sec1 {
    background-size: contain
}

.app-download-page .sec1 .title-block {
    z-index: 2
}

.app-download-page .sec1 .kv-block {
    height: 69.8666666667vw
}

.app-download-page .sec1 .txt-block {
    height: 37.3333333333vw
}

.app-download-page .sec1 .qrcode-box {
    display: none
}

.app-download-page .sec2 .section-inner {
    background-size: cover
}

.app-download-page .sec2 .kv-block {
    height: 68.5333333333vw;
    margin-top: 8.8vw
}

.app-download-page .sec2 .txt-block ul {
    margin-top: 4.8vw
}

.app-download-page .sec3 .section-inner {
    background-size: cover
}

.app-download-page .sec3 .kv-block {
    height: 82.4vw;
    margin-top: 2.9333333333vw
}

.btn-block {
    display: flex;
    position: fixed;
    z-index: 1;
    bottom: 4.8vw;
    left: 0;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 13.3333333333vw;
    margin: auto;
    padding: 0 4vw;
    overflow: hidden;
    transition: left .5s;
    flex-flow: row wrap
}

.btn-block.close {
    left: 100vw
}

.btn-block button {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 41.3333333333vw;
    height: 10.6666666667vw;
    margin: 0 1.3333333333vw;
    border: 0;
    border-radius: 1.3333333333vw;
    box-shadow: 0 .5333333333vw 2.6666666667vw #00080,0 0 1.0666666667vw #fff5b980 inset;
    color: #003049;
    font-size: 3.2vw;
    letter-spacing: .08vw;
    text-overflow: ellipsis
}

.btn-block button .item-icon {
    display: inline-block;
    position: relative;
    margin-right: 2.1333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.btn-block button.left,.btn-block button.right {
    flex: 1 1 auto;
    background: linear-gradient(to top,#ffdf1a,#ffe544 35%,#ffeb71 80%);
    background-repeat: no-repeat;
    background-size: contain
}

.btn-block button.left .item-icon {
    width: 6.4vw;
    height: 6.4vw
}

.btn-block button.right .item-icon {
    width: 5.8666666667vw;
    height: 5.8666666667vw
}

#fp-nav {
    position: absolute;
    z-index: 2!important;
    transition: right .5s ease
}

#fp-nav.fp-right {
    display: flex;
    top: 48%;
    right: 4.2666666667vw;
    align-items: center
}

#fp-nav.close.right {
    right: -100vw
}

#fp-nav li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin: 2.1333333333vw
}

#fp-nav a {
    display: flex
}

#fp-nav a span {
    display: block;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: 1.0666666667vw;
    background: #fff!important;
    border-radius: 50%
}

#fp-nav a.active span {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin: 0;
    border: 1.0666666667vw solid #ffffff;
    background: #0f1322!important
}

#side-page {
    position: absolute;
    z-index: 3;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    transition: left .5s ease
}

#side-page.open {
    left: 0
}

#side-page .open-side-btn {
    position: absolute;
    z-index: 5;
    top: 66.6666666667vw;
    right: 0;
    width: 6.6666666667vw;
    height: auto;
    padding-left: .2666666667vw;
    overflow: hidden;
    transform: translate(100%,-50%);
    border-radius: 0 2.6666666667vw 2.6666666667vw 0;
    background: linear-gradient(to top,#ffdf1a,#ffe544 35%,#ffeb71 80%);
    box-shadow: 0 .5333333333vw 1.0666666667vw #00080,0 0 1.0666666667vw #fff5b980 inset;
    color: #003049;
    font-size: 2.6666666667vw;
    letter-spacing: .2666666667vw;
    line-height: 5.3333333333vw;
    text-align: center;
    text-transform: uppercase;
    writing-mode: vertical-lr
}

#side-page .open-side-btn p {
    display: block;
    position: relative;
    padding: 2.6666666667vw 0
}

.close-side-btn {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 24vw;
    height: 24vw;
    transition: all .3s;
    background-position: center;
    background-repeat: no-repeat
}

.close-side-btn.current {
    height: 13.3333333333vw;
    transition: all .3s;
    background-position: center;
    background-size: 18%;
    background-repeat: no-repeat
}

.side-page-wrap {
    display: block;
    position: relative;
    z-index: 4;
    box-sizing: border-box;
    width: 100vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain
}

.side-page-wrap .tab-content {
    display: block;
    width: 100%;
    overflow: hidden
}

.side-page-wrap .inner-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    transition: all .3s
}

.side-page-wrap .inner-box {
    display: block;
    position: relative;
    flex-shrink: 0;
    width: 100%
}

.side-page-wrap .inner-box.active {
    height: 0;
    overflow: hidden;
    opacity: 0
}

.side-page-wrap .txt-block {
    position: relative;
    height: calc(100vh - 100px);
    padding-bottom: 13.3333333333vw;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s
}

.side-page-wrap .txt-block.current {
    height: calc(100vh - 13.3333333333vw)
}

.side-page-wrap .step {
    display: block;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    margin-top: 11.2vw;
    overflow: hidden
}

.side-page-wrap li {
    display: block;
    position: relative;
    width: 91.2vw;
    margin: 0 4.2666666667vw 13.3333333333vw;
    float: left
}

.side-page-wrap li span {
    display: block;
    position: absolute;
    width: 11.2vw;
    margin: 0 4.8vw 0 6.9333333333vw;
    float: left;
    color: #ffdf1a;
    font-family: galvji;
    font-size: 9.3333333333vw;
    font-weight: 700
}

.side-page-wrap li p {
    display: block;
    width: calc(100% - 29.8666666667vw);
    margin: 2.4vw 6.9333333333vw 0 22.9333333333vw;
    float: left;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 400;
    letter-spacing: .2666666667vw;
    line-height: 4.8vw;
    text-align: left
}

.side-page-wrap .img img {
    width: 91.2vw;
    margin-top: 9.3333333333vw
}

.side-page-content {
    display: inline-block;
    position: relative;
    flex: 1;
    width: 100vw;
    min-height: auto;
    padding: 0;
    overflow: auto;
    background: #14805e;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.side-page-title {
    position: relative;
    transition: all .3s;
    background: transparent;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 6.6666666667vw;
    font-weight: 700;
    line-height: 24vw;
    text-transform: uppercase
}

.side-page-title.current {
    font-size: 4.2666666667vw;
    line-height: 13.3333333333vw;
    text-align: center;
    text-overflow: ellipsis
}

.side-page-btn-block button {
    position: relative;
    width: 86.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 6.8vw 13.3333333333vw;
    overflow: hidden;
    border: 0;
    border-radius: 1.3333333333vw;
    background: linear-gradient(to top,#ffdf1a,#ffe544 35%,#ffeb71 80%);
    box-shadow: 0 .5333333333vw 2.6666666667vw #00080,0 0 1.3333333333vw #fff5b980 inset;
    color: #003049;
    font-size: 3.2vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-block {
    height: 7vh
}

.btn-block button {
    height: 6vh
}

.btn-block .btn-block-img {
    height: 13.3333333333vw;
    margin: 0 auto
}

.app-download-page article .section .content-inner {
    height: 90vh;
    overflow: unset;
    justify-content: flex-end
}

.app-download-page article .section .wrap {
    margin: 0%;
    width: 100%;
    justify-content: center
}

.app-download-page article .section .title-block {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0 10%
}

.app-download-page article .section .title-block h1 {
    color: #fce35a
}

.app-download-page article .section .title-block h2 {
    background: unset;
    color: #fff;
    font-size: 4.8vw;
    background-clip: unset;
    -webkit-background-clip: unset;
    justify-content: center
}

.app-download-page article .section .section-inner {
    width: 100%;
    background-size: cover
}

.app-download-page article .section .txt-block {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 1.3333333333vw 6% 2.6666666667vw
}

.app-download-page article .section .txt-block ul li {
    display: inline-flex;
    width: 32%
}

.app-download-page article .section .txt-block p {
    max-height: 37.3333333333vw;
    margin-bottom: 0;
    padding-bottom: 2.6666666667vw;
    font-size: 2.9333333333vw;
    text-align: center
}

.app-download-page article .sec1 .content-inner {
    height: 95vh;
    justify-content: flex-end
}

.app-download-page article .sec1 .title-block h1 {
    font-size: 6.9333333333vw;
    font-weight: 500;
    color: #fff
}

.app-download-page article .sec1 .title-block h1:lang(bn) {
    color: #fce35a
}

.app-download-page article .sec1 .title-block h2 {
    display: inline-flex;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    padding-top: 1.3333333333vw;
    font-weight: 300
}

.app-download-page article .sec1 .title-block h2:lang(bn) {
    display: block;
    font-size: 4.8vw;
    line-height: 5.3333333333vw
}

.app-download-page article .sec1 .title-block h2 p {
    width: auto;
    color: #fce35a
}

.app-download-page article .sec1 .title-block h2 span {
    width: auto;
    font-size: 3.7333333333vw;
    padding-left: 1.3333333333vw
}

.app-download-page article .sec1 .kv-block {
    position: absolute;
    top: 3%;
    width: 100%;
    height: 101.3333333333vw;
    margin: 0;
    background-size: contain
}

.app-download-page article .sec1 .txt-block {
    padding-bottom: 5vh
}

.app-download-page article .sec1 .txt-block p {
    line-height: 3.7333333333vw
}

.app-download-page article .sec1 .txt-block p:last-child {
    padding: 0
}

.app-download-page article .sec1 .txt-block .open-side-btn {
    margin: 5.3333333333vw 0
}

.app-download-page article .sec1 .txt-block .open-side-btn:lang(bn) p {
    color: #fce35a;
    text-decoration: underline
}

.app-download-page article .sec1 .btn-block {
    bottom: 0
}

.app-download-page article .sec2 .content-inner {
    justify-content: center
}

.app-download-page article .sec2 .title-block {
    margin-top: -3vh;
    justify-content: flex-start
}

.app-download-page article .sec2 .title-block:lang(bn) {
    top: 2.6666666667vw
}

.app-download-page article .sec2 .title-block h1 {
    font-size: 4.8vw;
    line-height: 6.4vw;
    text-transform: uppercase;
    font-weight: 400
}

.app-download-page article .sec2 .title-block h1:lang(bn) {
    line-height: 6.9333333333vw
}

.app-download-page article .sec2 .title-block h1 span {
    font-size: 6.4vw;
    line-height: 4.2666666667vw;
    font-weight: 500
}

.app-download-page article .sec2 .title-block h2 {
    margin: auto;
    padding-top: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 3.7333333333vw
}

.app-download-page article .sec2 .title-block h2:lang(bn) {
    margin-top: .8vw;
    padding-top: 0;
    font-size: 4.2666666667vw;
    line-height: 4.8vw
}

.app-download-page article .sec2 .kv-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    height: 67vh;
    margin: 0;
    padding-top: 4.5vh;
    justify-content: flex-start
}

.app-download-page article .sec2 ul>li {
    position: relative;
    width: 100%;
    height: 23vh;
    margin: -4.2666666667vw 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    align-items: flex-end;
    justify-content: flex-end
}

.app-download-page article .sec2 ul>li .title {
    position: relative;
    top: 12%;
    left: 20%
}

.app-download-page article .sec2 ul>li .title p {
    position: absolute;
    top: 4vw;
    left: .8vw;
    color: #fce35a;
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
    font-weight: 500;
    text-transform: uppercase
}

.app-download-page article .sec2 ul>li .title span {
    position: absolute;
    top: 12vw;
    left: .8vw;
    width: 29.3333333333vw;
    color: #fff;
    font-size: 2.6666666667vw;
    line-height: 4.2666666667vw
}

.app-download-page article .sec2 ul>li .title span:lang(bn) {
    width: 26.6666666667vw
}

.app-download-page article .sec3 .content-inner {
    position: relative;
    justify-content: center
}

.app-download-page article .sec3 .kv-block {
    height: 35vh;
    margin-top: -1vh
}

.app-download-page article .sec3 .kv-block:lang(bn) {
    top: 2vh
}

.app-download-page article .sec3 .title-block.wrap {
    height: 19.4666666667vw;
    margin-top: -5vh
}

.app-download-page article .sec3 .title-block.wrap:lang(bn) {
    top: 1.3333333333vw
}

.app-download-page article .sec3 .title-block.wrap h1 {
    margin-top: .8vw;
    padding: 0 8vw;
    font-size: 5.8666666667vw;
    line-height: 6.4vw;
    text-transform: uppercase
}

.app-download-page article .sec3 .title-block.wrap h1:lang(bn) {
    padding: 0 13.3333333333vw;
    font-size: 6.4vw;
    line-height: 6.9333333333vw
}

.app-download-page article .sec3 .title-block.wrap h2 {
    margin: auto;
    padding-top: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 3.7333333333vw
}

.app-download-page article .sec3 .title-block.wrap h2:lang(bn) {
    padding-top: 0;
    font-size: 4.2666666667vw;
    line-height: 4.8vw
}

.app-download-page article .sec3 .title-block.wrap h3 {
    margin: auto;
    padding-top: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 3.7333333333vw;
    font-weight: 300;
    letter-spacing: 8px
}

.app-download-page article .sec3 .txt-block.wrap {
    display: inline-block;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start
}

.app-download-page article .sec3 .txt-block.wrap:lang(bn) {
    margin: 0
}

.app-download-page article .sec3 .txt-block.wrap li {
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 29%;
    height: 34.6666666667vw;
    padding-left: 0;
    background: #129c6e;
    border-radius: 1.3333333333vw;
    border: #fff solid .2666666667vw;
    margin-right: 5.3333333333vw;
    margin-bottom: 6.6666666667vw
}

.app-download-page article .sec3 .txt-block.wrap li:nth-child(3n) {
    margin-right: 0
}

.app-download-page article .sec3 .txt-block.wrap li .txt-block-img {
    width: 50%;
    margin-bottom: 14.4vw
}

.app-download-page article .sec3 .txt-block.wrap li p {
    position: absolute;
    top: 18.1333333333vw;
    margin: 0;
    width: 90%;
    line-height: 3.4666666667vw
}

.app-download-page article .sec3 .txt-block.wrap li p:lang(bn) {
    position: absolute;
    bottom: 0;
    margin: 0;
    height: 9.6vw
}

.side-page-wrap {
    height: 100vh
}

.side-page-wrap .side-page-content {
    height: 100%;
    background: #000302;
    opacity: .95
}

.side-page-wrap .side-page-content .side-page-title {
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 4.8vw;
    text-transform: none;
    padding: 6.4vw 0;
    color: #fce35a
}

.side-page-wrap .side-page-content .side-page-title.current {
    font-size: 2.6666666667vw;
    line-height: 4.8vw
}

.side-page-wrap .side-page-content .side-page-title:lang(bn) {
    font-size: 3.2vw
}

.side-page-wrap .side-page-content .side-page-title:lang(bn).current {
    font-size: 3.2vw;
    line-height: 4.8vw
}

#side-page .close-side-btn {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    margin: 4.5333333333vw 0
}

.side-page-wrap .inner-wrap .inner-box .txt-block {
    height: 100%;
    padding-bottom: 0
}

.side-page-wrap .inner-wrap .inner-box .txt-block .step {
    margin-top: 0
}

.side-page-wrap .inner-wrap .inner-box .txt-block .step li .img img {
    width: 33.3333333333vw;
    margin-top: 0
}

.side-page-wrap .inner-wrap .inner-box .txt-block .step li span {
    position: relative;
    color: #48b77b;
    font-size: 3.7333333333vw;
    width: 100%;
    margin: auto auto 2.1333333333vw
}

.side-page-wrap .inner-wrap .inner-box .txt-block .step li p {
    font-size: 2.4vw;
    line-height: 3.7333333333vw;
    width: 80%;
    float: unset;
    margin: auto;
    text-align: center
}

.side-page-wrap .inner-wrap .inner-box .txt-block .step li:last-child {
    padding-bottom: 10.6666666667vw
}

.app-download-page:lang(ne) header {
    background: #0088da66!important
}

.app-download-page.currency__pkr .sec2 ul>li .title p {
    color: #fff
}

.app-download-page.currency__pkr .sec3 .txt-block.wrap li {
    background: #11501d
}

.app-download-page.currency__npr header {
    background: #0088da66!important
}

.app-download-page.currency__npr .section .title-block h1 {
    color: #fff
}

.app-download-page.currency__npr .sec2 ul>li .title p {
    color: #fff
}

.app-download-page.currency__npr .sec3 .txt-block.wrap li {
    background: #0c2353
}

.side-page-wrap.currency__npr .inner-wrap .inner-box .txt-block .step li span,.side-page-wrap.currency__inr .inner-wrap .inner-box .txt-block .step li span {
    color: #0088da
}

.side-page-wrap.currency__npr .side-page-content .side-page-title,.side-page-wrap.currency__inr .side-page-content .side-page-title {
    color: #fff
}

.app-download-page {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    width: 100%
}

.app-download-page .section-wrap {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease
}

.app-download-page article {
    transition: all .5s ease
}

#fp-nav {
    margin-top: -40px
}

#fp-nav ul li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#fp-nav ul li a {
    display: flex
}

#fp-nav ul li a.active span {
    border: 5px solid white;
    background: #0f1322
}

#fp-nav ul li a span {
    border-radius: 100%
}

.app-download-page .wrap {
    top: auto
}

.app-download-page .table {
    border: 0
}

.app-download-page .slot {
    background: transparent
}

.promotion-box .pic {
    width: 100%;
    height: auto;
    max-height: 207.8787878788%
}

/*new login*/



.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAADw5JREFUeAHlnHts1WcZx8/vd0rpHSjtBAcMGCABgY1xKXeqYpQwgzHjDxPnXAzRaTRZTPxjMbBETabxL40mBLPExGVhcXMxME1wEOQy7hBGgFG5jCKutKWlLb33+Pk+57w/f6ftgdNy2rWHN3n7vLff+z7P9/c8z3s5769eZBhDLBbzjxw5MtP3/RnEKQw9BTqpq6uryPO8AtL5PT09UcpbFaPR6D2e+YT0Dcqrqa9asmTJZdr2UDYswRvqUQ4fPlyKoCsQaiFjfZ5YhNAeZZ4oeQ/hfVFCRAABROQ+bVqoO0v7k+3t7fvXrl17m/SQhSEB6Pz587ktLS0VcL2OuIjoS3qEFzFgHEBkI93d3VFRgv4YWKkAUhsFUdooc4L0e7W1tfs2btzYTjqjIaMAXb16Ne/27dsb4PBZmB8PDYQJpyU8eT9BA1Akd1iD0KRwGwNFHfJcACJNnCbWU/UG8S+Y4T36z0jICEAwHD127NhXYG4zAhaHmKYo/rbhNkiHAaKtgRJvlqxB1A0EIAOQce4SX0eD36ysrOx6WJQeGqDjx49/Dia+AzDTnEb0B4oYpVxvXiHQArV1GqFyYlg77guQ2isk+gvSysPPFfD95dKlS0+TH3QYNEAIlcOM9E2Y2CDO8Cliwql7mJr/UR1Bwnfy7AXiFYS4OWbMmOqxY8fe4Y235uTkaPaKjBs3Lv/OnTsF5EuZ4aZRNJX2c6GL6COPdBjEYKxE/waY+iEo/SY8/gaz67SSAf4ZFECHDh16LDc39yWc60yYshkHYZKccII50w7aNJH/F22OAsrlwTJ74sSJMQg7r6OjoxL6ZYAqpW8DhLRHWaBxyouHRP0F0j9ZtmzZDeiAwoAB+uCDD+bBxw9hoICRgrcnDTJu4NfNSoBxCVD+tnjx4jPUdQ+Iswc03rdvX05xcXEFGvY8fT8tXuArAMvxlgBIpIX4Y17O0Qd0nVQ9IIBOnTq1pLOz83uAo2lZZhVzjFBmb49iOd2PAGYXzFxMGm2IMqdPn34KoL4PD0uJTnPMDB1/ogAo8/4pmvT3dFlJGyBmqbUM8C20I1jTAILA0MARGNQCr5GB34CBw+kykMl2+MSv8tJeBoRyeOljbgJPL5WwHR53pTN2WgAdPXp0CR1vpWMfQNSvPUeZ3pKCB0AfAtjv0ZqMrUHiXQ/s78GDB4tx/K+hyWvEl56G5/gMQqFwS/T4MjPce4l0SvJAgHCMcxngR/SgQdSeYcwxmq9RzwD1j927d+/avn37sO2RNG6qoBfJ8uNl6l9QG9g1gJSUBYjSpovZ80X84xG1SRXuC9CBAwfKma1eYYA8BwodmdYozyDdkD/xJg6lGuDTLEfzNzP+q2hNLryaCG4CoVz5Zuq+htZ/nIpPZyJ96jVL5OXlfZdO8qik/3hwDcmp81+NVHDE5/Lly/8KIC/A6x3ksOWIKAFi+RKs43faO6qwv5ASoIKCgq/zwOOAYMt1qNmu8nTeDv0tyP+7v05HUtnKlStPw+8PAAKsuvEG0Qi8WwQ4WcGCpqamV1Lx3C9A+J0n6WStHqIDwQ3BsG1iiMnn/Hk0gOOE1nYDGX4mYBBDwmhRq9lYTSDet/FZy1z7MO0D0K5du6I8vIVZSZ3FSAuQHoFDlBPe+yDHFh5gpKSZ1t9Gjj8KGHgykJw2iSLqL+RWevPbB6CZM2eu5YHPJACRZxNIFlHR88xW7/TuZLTkn3nmmdfg9QDRZmPkkjJEkSsHgOYWFRW92FuWJIAuX748lgc28EBgVoBFUY/yjWjV6yNlKu8tSDp5ZOgBCC1ZahNaQ1F8IldCdWfPni0M95UEUH19/SoqdS4cmJWeU574Dg7PdtvhDkZbuqKi4i4y/RwwTHZoHKH48qWUY9znwzIFAGmnTON1RJmVXL5AibH3irAWusSUqaPNrAg47XeR7ShapJW1RQQzs4O+hC/S0sZCABC5BTSWernZyvyPfBGd7Yk3z56/yPVr5LL9GjrhcBBI5fiiTU5SV6HN5hKBIZNSpIFF0lUgfsU9kC0UmY4hm44+nOaERdviMgYQzrmEjeYMzEoW1gNYMTlnZaD7XONso8j7B0R0u35N8dqzKa5ndT1J8hpADQ0NC2hoO11pkcAhaG3QXFVVdUkNszG0tra+j7x1aJJz1LaQRFaPI+BnJbMzsSeVARAtBM20SMsXndqyZUtGTwI1zkgJiV893paoCYykJJqchMs68emzrlHldKLAEUgCSOuebhqeUzqbAzLuFiiYm07SdN4lPATQGuX9zZs3TyYxlmiaQ4WSAqvz3r17N7IZHMnGjHUSedsACVzM1Jw2jWN/ttAHOTmjwKyEjgJtr2Xih7eRDvD8+fM7EPd4HBsZjrkjo/xZ4DNjlQkQVEu1gQ8CuOqRLlym+EN7ziC/mRh9SmlsjwYsc3xmrIkUSmNoYzOXrYMoH9JbE5kSLhP9AEQV0dZDoshu50X0PUdz/3gQNMccHoyGteF8NqdRDt05koj2x8kKLk/kYGI6rzWAwkDx62Wza5jtFI3RJS235HFrIdHxOSCXS3QABVjk5+dn/K5N0PkIS7AhbwYD550NIGWJxZr3TYPIxHBOUiYLHC49MgAx1evugPNBbpqXU9YWLEfXvuydYmIj7N0OKzvag1lweEB9mVgbKpPvKh09efLkWNKf6q+kjpehps3NzcXgEDho8HBDNudgVh3k+gDEIZl+K3okAAKbMch6wKHiKOWf5GBWrSSKXKGo1kOU6fCsIVyerWnkvQcOr/aWj7IWrYMaaFAerqQixvRfStnNcHm2pjmnlpPuo0GS18dJ1wmQcFQF6yAB9EgETjRsBkNYRwO5fU7x61kH6HBe07wO6y2yeHosaJXliW3btnkc1NteDAetE0alLY/i+DVOe/A7tg+D6pfUx9Uoy7GxReGOHTv89evXR/bv328zmaPIHotS2XLz5s3FgKJFIyS+qqbSr66uvr5z507dO87aILmnTZsWbWtri3BfyLt165bH73+SV2DZUaPOoG9Ii2hsB/Vojo4/uimzo9isRQfBNm3aFH3uuee8c+fORWtqanzFt956y0dxTFls6Qwe1wWKEAtFqd9corXJRpCQzWMy0n1vf/r06RH2n97s2bMjHNj7W7dutSNoE567QJcFTCi48+k87vxNz0ZwJBO+Jsp62Kurq/NmzZrlycT41sTAovr/AHHs2IxJXde+DLOyqy7ol67X9QDeU9kKEFuMXC5PyQd5aFFUaX7m8qdMmWKTleQOzAc/dCG8m6fOzA3gJqNFn802kJjWczCnKDdiPQFTXl6uOwjeokWLIkxOwU9dWklboFEV2365b335F2N9ZD8k6vICqreU8nfjLbPmbx4apIWy7UwnTJhgdN68eaIBQDbvO5FRM033K5QXSKJoUESmx9bjnyzJ5atGfdA9KJxzITOW+RlkiyGj7nrHcNZtaFZwFhaYmKRG3c4BUBtJ23qIChxpESZYsWfPHh2BjOqgH0pxxIVojydQFMvKykxRACeGs+4IC5gEEBczOwHpREJ7DCQA0xYkAkgFJSUlX9TUGO5gNKXFO+ueYnyNyS3Ki/f4jd7y+J4OyRuWqY+wdOKfOXPmGzxU6sxMWqSHtAyggw8BUtdGRl24ePFiMVM6y518LYQNCE1MEqS0tLQT7WnqDVCSBqkhDbRZPShQBJCCyqVFCtjpfD6Jmm2ZUfSHG3QFd+/eLcQK9LuXh6WY7EpLjMbGRp2LJWmPyvsApEI05BbkvMARUALHaRNUG7YV+qhObUdDkO9krzWeaNftkMGo450vCtrkXlw+TPsFSA2uXbumO3z246GOQhQBykxNqBO/wPdjSQdt4Y5HSlozFlebJ7KEkUM2eXEfpjUsbXTkHFu4cGHKo+WUAOleEOb0PrbaGTY3Z3YAlAtoG9CkEbuh5ZZYEVP5JNZ0vrSHXUGEb2ERwZdj9uSLuMHS2J9puRfcx0m7Cke1imah+CXAUsdmowka/I5G2wuskXTdv48Nu36Gk+IZPD4ALOXlFhNj+B1ITwxTijFTaeErYCIzZsyoC695+uPxgQDpIT55nM7Cap3SDG7eWv4JLbKZTYChTf9h8CNoXtI6Qs8MZ9CnFJiUPjrOF48ChiuGdqVZwMgaBBQA1adz7zstgCQg317NgVRoTOU1uNMkUa1CGVwzwRkc3sdqM9yB2bWEl1bGy/IBSCzGRLkgb1SHYiwKu8k3VFZWpnX3IG2AJCxO+QkGX8VbsecAJNCmxDLAQCNdA2PnAWpYbohoCoe9MsbVN/UxpnDtJbX5NMoL7BY40ia+yb8NXymdcu+XOiCA9DC2PYkB18CMbubbEkBMobbu2rDMrYc3KX9UC1NVTLM1mf7GgyE9tLpYGkNan0+Y+YgXpeHP+BHPOGe7dABINemYlZ5xYcAA6UHNDgy2ijhB5gUzcnyQbu3ZxKABJGZprnw7plddWFh4i91yA2kzU8dEulT7KI5HC3gB4/CJ4+PDxO9zkw4AUn+0CbQbntrR9k9SrXXuN/6gAFKHcoaTJ09+CmFnCRQJLaoAaMHbg/H4EhygBKbytK2HNmACLdAWhO0g3cWNEmvLvQAdXumsZgxvPw//lkeTAvovJK01mPXPs3anW2PKrKQ1ogpKq572jWvWrKllzEHNsIMGyKGO/ZfB8NPY/DjKkrRJgMCgbVlU54CTAEqrTMEksZTNjCY8GtnDTBMTVZUDpXdas5LKAFCr/W5RgcSzHcxm/506depDfaH00AAJKPjz8U2zYHYOgOgigHi24IBQO95ioPauXI36AwhAJHSglakAcuUChb2WAO1Ce2pXrFihD3kHpTXi1YXgRNEVDIbCiLThI2S9guOcAdOzYDLpS2IAERbmo5RQnmeUtPNfUcC1etF0AqDYgR7mqeZdmGMdZqp/tDQoH9ffmBnRoN4dyz9xED6Z8ikwO1HCq400JdG2j7mpjYLTCGhKDUJT4435izNuotv61atXa8vg+k8M8/BkSAAKs3WVf9vFSnYSQkzEZDTrmSd3QEhSmZuoNAdt0B7QNKk/EwME7XmaiHfps2EwM1OYvwelhxygMANg4O3du7eEXxC0TChA2AKEzAMU3QeMAoh+p8I6sU9mNbSjEyDaaNcKtX8bqJ03+Yf2LWG+7pf+H1cNxp97QPvbAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAADw5JREFUeAHlnHts1WcZx8/vd0rpHSjtBAcMGCABgY1xKXeqYpQwgzHjDxPnXAzRaTRZTPxjMbBETabxL40mBLPExGVhcXMxME1wEOQy7hBGgFG5jCKutKWlLb33+Pk+57w/f6ftgdNy2rWHN3n7vLff+z7P9/c8z3s5769eZBhDLBbzjxw5MtP3/RnEKQw9BTqpq6uryPO8AtL5PT09UcpbFaPR6D2e+YT0Dcqrqa9asmTJZdr2UDYswRvqUQ4fPlyKoCsQaiFjfZ5YhNAeZZ4oeQ/hfVFCRAABROQ+bVqoO0v7k+3t7fvXrl17m/SQhSEB6Pz587ktLS0VcL2OuIjoS3qEFzFgHEBkI93d3VFRgv4YWKkAUhsFUdooc4L0e7W1tfs2btzYTjqjIaMAXb16Ne/27dsb4PBZmB8PDYQJpyU8eT9BA1Akd1iD0KRwGwNFHfJcACJNnCbWU/UG8S+Y4T36z0jICEAwHD127NhXYG4zAhaHmKYo/rbhNkiHAaKtgRJvlqxB1A0EIAOQce4SX0eD36ysrOx6WJQeGqDjx49/Dia+AzDTnEb0B4oYpVxvXiHQArV1GqFyYlg77guQ2isk+gvSysPPFfD95dKlS0+TH3QYNEAIlcOM9E2Y2CDO8Cliwql7mJr/UR1Bwnfy7AXiFYS4OWbMmOqxY8fe4Y235uTkaPaKjBs3Lv/OnTsF5EuZ4aZRNJX2c6GL6COPdBjEYKxE/waY+iEo/SY8/gaz67SSAf4ZFECHDh16LDc39yWc60yYshkHYZKccII50w7aNJH/F22OAsrlwTJ74sSJMQg7r6OjoxL6ZYAqpW8DhLRHWaBxyouHRP0F0j9ZtmzZDeiAwoAB+uCDD+bBxw9hoICRgrcnDTJu4NfNSoBxCVD+tnjx4jPUdQ+Iswc03rdvX05xcXEFGvY8fT8tXuArAMvxlgBIpIX4Y17O0Qd0nVQ9IIBOnTq1pLOz83uAo2lZZhVzjFBmb49iOd2PAGYXzFxMGm2IMqdPn34KoL4PD0uJTnPMDB1/ogAo8/4pmvT3dFlJGyBmqbUM8C20I1jTAILA0MARGNQCr5GB34CBw+kykMl2+MSv8tJeBoRyeOljbgJPL5WwHR53pTN2WgAdPXp0CR1vpWMfQNSvPUeZ3pKCB0AfAtjv0ZqMrUHiXQ/s78GDB4tx/K+hyWvEl56G5/gMQqFwS/T4MjPce4l0SvJAgHCMcxngR/SgQdSeYcwxmq9RzwD1j927d+/avn37sO2RNG6qoBfJ8uNl6l9QG9g1gJSUBYjSpovZ80X84xG1SRXuC9CBAwfKma1eYYA8BwodmdYozyDdkD/xJg6lGuDTLEfzNzP+q2hNLryaCG4CoVz5Zuq+htZ/nIpPZyJ96jVL5OXlfZdO8qik/3hwDcmp81+NVHDE5/Lly/8KIC/A6x3ksOWIKAFi+RKs43faO6qwv5ASoIKCgq/zwOOAYMt1qNmu8nTeDv0tyP+7v05HUtnKlStPw+8PAAKsuvEG0Qi8WwQ4WcGCpqamV1Lx3C9A+J0n6WStHqIDwQ3BsG1iiMnn/Hk0gOOE1nYDGX4mYBBDwmhRq9lYTSDet/FZy1z7MO0D0K5du6I8vIVZSZ3FSAuQHoFDlBPe+yDHFh5gpKSZ1t9Gjj8KGHgykJw2iSLqL+RWevPbB6CZM2eu5YHPJACRZxNIFlHR88xW7/TuZLTkn3nmmdfg9QDRZmPkkjJEkSsHgOYWFRW92FuWJIAuX748lgc28EBgVoBFUY/yjWjV6yNlKu8tSDp5ZOgBCC1ZahNaQ1F8IldCdWfPni0M95UEUH19/SoqdS4cmJWeU574Dg7PdtvhDkZbuqKi4i4y/RwwTHZoHKH48qWUY9znwzIFAGmnTON1RJmVXL5AibH3irAWusSUqaPNrAg47XeR7ShapJW1RQQzs4O+hC/S0sZCABC5BTSWernZyvyPfBGd7Yk3z56/yPVr5LL9GjrhcBBI5fiiTU5SV6HN5hKBIZNSpIFF0lUgfsU9kC0UmY4hm44+nOaERdviMgYQzrmEjeYMzEoW1gNYMTlnZaD7XONso8j7B0R0u35N8dqzKa5ndT1J8hpADQ0NC2hoO11pkcAhaG3QXFVVdUkNszG0tra+j7x1aJJz1LaQRFaPI+BnJbMzsSeVARAtBM20SMsXndqyZUtGTwI1zkgJiV893paoCYykJJqchMs68emzrlHldKLAEUgCSOuebhqeUzqbAzLuFiiYm07SdN4lPATQGuX9zZs3TyYxlmiaQ4WSAqvz3r17N7IZHMnGjHUSedsACVzM1Jw2jWN/ttAHOTmjwKyEjgJtr2Xih7eRDvD8+fM7EPd4HBsZjrkjo/xZ4DNjlQkQVEu1gQ8CuOqRLlym+EN7ziC/mRh9SmlsjwYsc3xmrIkUSmNoYzOXrYMoH9JbE5kSLhP9AEQV0dZDoshu50X0PUdz/3gQNMccHoyGteF8NqdRDt05koj2x8kKLk/kYGI6rzWAwkDx62Wza5jtFI3RJS235HFrIdHxOSCXS3QABVjk5+dn/K5N0PkIS7AhbwYD550NIGWJxZr3TYPIxHBOUiYLHC49MgAx1evugPNBbpqXU9YWLEfXvuydYmIj7N0OKzvag1lweEB9mVgbKpPvKh09efLkWNKf6q+kjpehps3NzcXgEDho8HBDNudgVh3k+gDEIZl+K3okAAKbMch6wKHiKOWf5GBWrSSKXKGo1kOU6fCsIVyerWnkvQcOr/aWj7IWrYMaaFAerqQixvRfStnNcHm2pjmnlpPuo0GS18dJ1wmQcFQF6yAB9EgETjRsBkNYRwO5fU7x61kH6HBe07wO6y2yeHosaJXliW3btnkc1NteDAetE0alLY/i+DVOe/A7tg+D6pfUx9Uoy7GxReGOHTv89evXR/bv328zmaPIHotS2XLz5s3FgKJFIyS+qqbSr66uvr5z507dO87aILmnTZsWbWtri3BfyLt165bH73+SV2DZUaPOoG9Ii2hsB/Vojo4/uimzo9isRQfBNm3aFH3uuee8c+fORWtqanzFt956y0dxTFls6Qwe1wWKEAtFqd9corXJRpCQzWMy0n1vf/r06RH2n97s2bMjHNj7W7dutSNoE567QJcFTCi48+k87vxNz0ZwJBO+Jsp62Kurq/NmzZrlycT41sTAovr/AHHs2IxJXde+DLOyqy7ol67X9QDeU9kKEFuMXC5PyQd5aFFUaX7m8qdMmWKTleQOzAc/dCG8m6fOzA3gJqNFn802kJjWczCnKDdiPQFTXl6uOwjeokWLIkxOwU9dWklboFEV2365b335F2N9ZD8k6vICqreU8nfjLbPmbx4apIWy7UwnTJhgdN68eaIBQDbvO5FRM033K5QXSKJoUESmx9bjnyzJ5atGfdA9KJxzITOW+RlkiyGj7nrHcNZtaFZwFhaYmKRG3c4BUBtJ23qIChxpESZYsWfPHh2BjOqgH0pxxIVojydQFMvKykxRACeGs+4IC5gEEBczOwHpREJ7DCQA0xYkAkgFJSUlX9TUGO5gNKXFO+ueYnyNyS3Ki/f4jd7y+J4OyRuWqY+wdOKfOXPmGzxU6sxMWqSHtAyggw8BUtdGRl24ePFiMVM6y518LYQNCE1MEqS0tLQT7WnqDVCSBqkhDbRZPShQBJCCyqVFCtjpfD6Jmm2ZUfSHG3QFd+/eLcQK9LuXh6WY7EpLjMbGRp2LJWmPyvsApEI05BbkvMARUALHaRNUG7YV+qhObUdDkO9krzWeaNftkMGo450vCtrkXlw+TPsFSA2uXbumO3z246GOQhQBykxNqBO/wPdjSQdt4Y5HSlozFlebJ7KEkUM2eXEfpjUsbXTkHFu4cGHKo+WUAOleEOb0PrbaGTY3Z3YAlAtoG9CkEbuh5ZZYEVP5JNZ0vrSHXUGEb2ERwZdj9uSLuMHS2J9puRfcx0m7Cke1imah+CXAUsdmowka/I5G2wuskXTdv48Nu36Gk+IZPD4ALOXlFhNj+B1ITwxTijFTaeErYCIzZsyoC695+uPxgQDpIT55nM7Cap3SDG7eWv4JLbKZTYChTf9h8CNoXtI6Qs8MZ9CnFJiUPjrOF48ChiuGdqVZwMgaBBQA1adz7zstgCQg317NgVRoTOU1uNMkUa1CGVwzwRkc3sdqM9yB2bWEl1bGy/IBSCzGRLkgb1SHYiwKu8k3VFZWpnX3IG2AJCxO+QkGX8VbsecAJNCmxDLAQCNdA2PnAWpYbohoCoe9MsbVN/UxpnDtJbX5NMoL7BY40ia+yb8NXymdcu+XOiCA9DC2PYkB18CMbubbEkBMobbu2rDMrYc3KX9UC1NVTLM1mf7GgyE9tLpYGkNan0+Y+YgXpeHP+BHPOGe7dABINemYlZ5xYcAA6UHNDgy2ijhB5gUzcnyQbu3ZxKABJGZprnw7plddWFh4i91yA2kzU8dEulT7KI5HC3gB4/CJ4+PDxO9zkw4AUn+0CbQbntrR9k9SrXXuN/6gAFKHcoaTJ09+CmFnCRQJLaoAaMHbg/H4EhygBKbytK2HNmACLdAWhO0g3cWNEmvLvQAdXumsZgxvPw//lkeTAvovJK01mPXPs3anW2PKrKQ1ogpKq572jWvWrKllzEHNsIMGyKGO/ZfB8NPY/DjKkrRJgMCgbVlU54CTAEqrTMEksZTNjCY8GtnDTBMTVZUDpXdas5LKAFCr/W5RgcSzHcxm/506depDfaH00AAJKPjz8U2zYHYOgOgigHi24IBQO95ioPauXI36AwhAJHSglakAcuUChb2WAO1Ce2pXrFihD3kHpTXi1YXgRNEVDIbCiLThI2S9guOcAdOzYDLpS2IAERbmo5RQnmeUtPNfUcC1etF0AqDYgR7mqeZdmGMdZqp/tDQoH9ffmBnRoN4dyz9xED6Z8ikwO1HCq400JdG2j7mpjYLTCGhKDUJT4435izNuotv61atXa8vg+k8M8/BkSAAKs3WVf9vFSnYSQkzEZDTrmSd3QEhSmZuoNAdt0B7QNKk/EwME7XmaiHfps2EwM1OYvwelhxygMANg4O3du7eEXxC0TChA2AKEzAMU3QeMAoh+p8I6sU9mNbSjEyDaaNcKtX8bqJ03+Yf2LWG+7pf+H1cNxp97QPvbAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAADw5JREFUeAHlnHts1WcZx8/vd0rpHSjtBAcMGCABgY1xKXeqYpQwgzHjDxPnXAzRaTRZTPxjMbBETabxL40mBLPExGVhcXMxME1wEOQy7hBGgFG5jCKutKWlLb33+Pk+57w/f6ftgdNy2rWHN3n7vLff+z7P9/c8z3s5769eZBhDLBbzjxw5MtP3/RnEKQw9BTqpq6uryPO8AtL5PT09UcpbFaPR6D2e+YT0Dcqrqa9asmTJZdr2UDYswRvqUQ4fPlyKoCsQaiFjfZ5YhNAeZZ4oeQ/hfVFCRAABROQ+bVqoO0v7k+3t7fvXrl17m/SQhSEB6Pz587ktLS0VcL2OuIjoS3qEFzFgHEBkI93d3VFRgv4YWKkAUhsFUdooc4L0e7W1tfs2btzYTjqjIaMAXb16Ne/27dsb4PBZmB8PDYQJpyU8eT9BA1Akd1iD0KRwGwNFHfJcACJNnCbWU/UG8S+Y4T36z0jICEAwHD127NhXYG4zAhaHmKYo/rbhNkiHAaKtgRJvlqxB1A0EIAOQce4SX0eD36ysrOx6WJQeGqDjx49/Dia+AzDTnEb0B4oYpVxvXiHQArV1GqFyYlg77guQ2isk+gvSysPPFfD95dKlS0+TH3QYNEAIlcOM9E2Y2CDO8Cliwql7mJr/UR1Bwnfy7AXiFYS4OWbMmOqxY8fe4Y235uTkaPaKjBs3Lv/OnTsF5EuZ4aZRNJX2c6GL6COPdBjEYKxE/waY+iEo/SY8/gaz67SSAf4ZFECHDh16LDc39yWc60yYshkHYZKccII50w7aNJH/F22OAsrlwTJ74sSJMQg7r6OjoxL6ZYAqpW8DhLRHWaBxyouHRP0F0j9ZtmzZDeiAwoAB+uCDD+bBxw9hoICRgrcnDTJu4NfNSoBxCVD+tnjx4jPUdQ+Iswc03rdvX05xcXEFGvY8fT8tXuArAMvxlgBIpIX4Y17O0Qd0nVQ9IIBOnTq1pLOz83uAo2lZZhVzjFBmb49iOd2PAGYXzFxMGm2IMqdPn34KoL4PD0uJTnPMDB1/ogAo8/4pmvT3dFlJGyBmqbUM8C20I1jTAILA0MARGNQCr5GB34CBw+kykMl2+MSv8tJeBoRyeOljbgJPL5WwHR53pTN2WgAdPXp0CR1vpWMfQNSvPUeZ3pKCB0AfAtjv0ZqMrUHiXQ/s78GDB4tx/K+hyWvEl56G5/gMQqFwS/T4MjPce4l0SvJAgHCMcxngR/SgQdSeYcwxmq9RzwD1j927d+/avn37sO2RNG6qoBfJ8uNl6l9QG9g1gJSUBYjSpovZ80X84xG1SRXuC9CBAwfKma1eYYA8BwodmdYozyDdkD/xJg6lGuDTLEfzNzP+q2hNLryaCG4CoVz5Zuq+htZ/nIpPZyJ96jVL5OXlfZdO8qik/3hwDcmp81+NVHDE5/Lly/8KIC/A6x3ksOWIKAFi+RKs43faO6qwv5ASoIKCgq/zwOOAYMt1qNmu8nTeDv0tyP+7v05HUtnKlStPw+8PAAKsuvEG0Qi8WwQ4WcGCpqamV1Lx3C9A+J0n6WStHqIDwQ3BsG1iiMnn/Hk0gOOE1nYDGX4mYBBDwmhRq9lYTSDet/FZy1z7MO0D0K5du6I8vIVZSZ3FSAuQHoFDlBPe+yDHFh5gpKSZ1t9Gjj8KGHgykJw2iSLqL+RWevPbB6CZM2eu5YHPJACRZxNIFlHR88xW7/TuZLTkn3nmmdfg9QDRZmPkkjJEkSsHgOYWFRW92FuWJIAuX748lgc28EBgVoBFUY/yjWjV6yNlKu8tSDp5ZOgBCC1ZahNaQ1F8IldCdWfPni0M95UEUH19/SoqdS4cmJWeU574Dg7PdtvhDkZbuqKi4i4y/RwwTHZoHKH48qWUY9znwzIFAGmnTON1RJmVXL5AibH3irAWusSUqaPNrAg47XeR7ShapJW1RQQzs4O+hC/S0sZCABC5BTSWernZyvyPfBGd7Yk3z56/yPVr5LL9GjrhcBBI5fiiTU5SV6HN5hKBIZNSpIFF0lUgfsU9kC0UmY4hm44+nOaERdviMgYQzrmEjeYMzEoW1gNYMTlnZaD7XONso8j7B0R0u35N8dqzKa5ndT1J8hpADQ0NC2hoO11pkcAhaG3QXFVVdUkNszG0tra+j7x1aJJz1LaQRFaPI+BnJbMzsSeVARAtBM20SMsXndqyZUtGTwI1zkgJiV893paoCYykJJqchMs68emzrlHldKLAEUgCSOuebhqeUzqbAzLuFiiYm07SdN4lPATQGuX9zZs3TyYxlmiaQ4WSAqvz3r17N7IZHMnGjHUSedsACVzM1Jw2jWN/ttAHOTmjwKyEjgJtr2Xih7eRDvD8+fM7EPd4HBsZjrkjo/xZ4DNjlQkQVEu1gQ8CuOqRLlym+EN7ziC/mRh9SmlsjwYsc3xmrIkUSmNoYzOXrYMoH9JbE5kSLhP9AEQV0dZDoshu50X0PUdz/3gQNMccHoyGteF8NqdRDt05koj2x8kKLk/kYGI6rzWAwkDx62Wza5jtFI3RJS235HFrIdHxOSCXS3QABVjk5+dn/K5N0PkIS7AhbwYD550NIGWJxZr3TYPIxHBOUiYLHC49MgAx1evugPNBbpqXU9YWLEfXvuydYmIj7N0OKzvag1lweEB9mVgbKpPvKh09efLkWNKf6q+kjpehps3NzcXgEDho8HBDNudgVh3k+gDEIZl+K3okAAKbMch6wKHiKOWf5GBWrSSKXKGo1kOU6fCsIVyerWnkvQcOr/aWj7IWrYMaaFAerqQixvRfStnNcHm2pjmnlpPuo0GS18dJ1wmQcFQF6yAB9EgETjRsBkNYRwO5fU7x61kH6HBe07wO6y2yeHosaJXliW3btnkc1NteDAetE0alLY/i+DVOe/A7tg+D6pfUx9Uoy7GxReGOHTv89evXR/bv328zmaPIHotS2XLz5s3FgKJFIyS+qqbSr66uvr5z507dO87aILmnTZsWbWtri3BfyLt165bH73+SV2DZUaPOoG9Ii2hsB/Vojo4/uimzo9isRQfBNm3aFH3uuee8c+fORWtqanzFt956y0dxTFls6Qwe1wWKEAtFqd9corXJRpCQzWMy0n1vf/r06RH2n97s2bMjHNj7W7dutSNoE567QJcFTCi48+k87vxNz0ZwJBO+Jsp62Kurq/NmzZrlycT41sTAovr/AHHs2IxJXde+DLOyqy7ol67X9QDeU9kKEFuMXC5PyQd5aFFUaX7m8qdMmWKTleQOzAc/dCG8m6fOzA3gJqNFn802kJjWczCnKDdiPQFTXl6uOwjeokWLIkxOwU9dWklboFEV2365b335F2N9ZD8k6vICqreU8nfjLbPmbx4apIWy7UwnTJhgdN68eaIBQDbvO5FRM033K5QXSKJoUESmx9bjnyzJ5atGfdA9KJxzITOW+RlkiyGj7nrHcNZtaFZwFhaYmKRG3c4BUBtJ23qIChxpESZYsWfPHh2BjOqgH0pxxIVojydQFMvKykxRACeGs+4IC5gEEBczOwHpREJ7DCQA0xYkAkgFJSUlX9TUGO5gNKXFO+ueYnyNyS3Ki/f4jd7y+J4OyRuWqY+wdOKfOXPmGzxU6sxMWqSHtAyggw8BUtdGRl24ePFiMVM6y518LYQNCE1MEqS0tLQT7WnqDVCSBqkhDbRZPShQBJCCyqVFCtjpfD6Jmm2ZUfSHG3QFd+/eLcQK9LuXh6WY7EpLjMbGRp2LJWmPyvsApEI05BbkvMARUALHaRNUG7YV+qhObUdDkO9krzWeaNftkMGo450vCtrkXlw+TPsFSA2uXbumO3z246GOQhQBykxNqBO/wPdjSQdt4Y5HSlozFlebJ7KEkUM2eXEfpjUsbXTkHFu4cGHKo+WUAOleEOb0PrbaGTY3Z3YAlAtoG9CkEbuh5ZZYEVP5JNZ0vrSHXUGEb2ERwZdj9uSLuMHS2J9puRfcx0m7Cke1imah+CXAUsdmowka/I5G2wuskXTdv48Nu36Gk+IZPD4ALOXlFhNj+B1ITwxTijFTaeErYCIzZsyoC695+uPxgQDpIT55nM7Cap3SDG7eWv4JLbKZTYChTf9h8CNoXtI6Qs8MZ9CnFJiUPjrOF48ChiuGdqVZwMgaBBQA1adz7zstgCQg317NgVRoTOU1uNMkUa1CGVwzwRkc3sdqM9yB2bWEl1bGy/IBSCzGRLkgb1SHYiwKu8k3VFZWpnX3IG2AJCxO+QkGX8VbsecAJNCmxDLAQCNdA2PnAWpYbohoCoe9MsbVN/UxpnDtJbX5NMoL7BY40ia+yb8NXymdcu+XOiCA9DC2PYkB18CMbubbEkBMobbu2rDMrYc3KX9UC1NVTLM1mf7GgyE9tLpYGkNan0+Y+YgXpeHP+BHPOGe7dABINemYlZ5xYcAA6UHNDgy2ijhB5gUzcnyQbu3ZxKABJGZprnw7plddWFh4i91yA2kzU8dEulT7KI5HC3gB4/CJ4+PDxO9zkw4AUn+0CbQbntrR9k9SrXXuN/6gAFKHcoaTJ09+CmFnCRQJLaoAaMHbg/H4EhygBKbytK2HNmACLdAWhO0g3cWNEmvLvQAdXumsZgxvPw//lkeTAvovJK01mPXPs3anW2PKrKQ1ogpKq572jWvWrKllzEHNsIMGyKGO/ZfB8NPY/DjKkrRJgMCgbVlU54CTAEqrTMEksZTNjCY8GtnDTBMTVZUDpXdas5LKAFCr/W5RgcSzHcxm/506depDfaH00AAJKPjz8U2zYHYOgOgigHi24IBQO95ioPauXI36AwhAJHSglakAcuUChb2WAO1Ce2pXrFihD3kHpTXi1YXgRNEVDIbCiLThI2S9guOcAdOzYDLpS2IAERbmo5RQnmeUtPNfUcC1etF0AqDYgR7mqeZdmGMdZqp/tDQoH9ffmBnRoN4dyz9xED6Z8ikwO1HCq400JdG2j7mpjYLTCGhKDUJT4435izNuotv61atXa8vg+k8M8/BkSAAKs3WVf9vFSnYSQkzEZDTrmSd3QEhSmZuoNAdt0B7QNKk/EwME7XmaiHfps2EwM1OYvwelhxygMANg4O3du7eEXxC0TChA2AKEzAMU3QeMAoh+p8I6sU9mNbSjEyDaaNcKtX8bqJ03+Yf2LWG+7pf+H1cNxp97QPvbAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}
.van-toast[data-v-29e221c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-29e221c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-29e221c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-29e221c4] {
    height: 80%
}

.list[data-v-29e221c4] {
    padding: 0 .4rem
}

.list .item[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .26667rem .4rem;
    font-size: .4rem;
    margin: .53333rem 0
}

.list .item img[data-v-29e221c4] {
    width: .90667rem;
    padding-right: .18667rem
}

.list .item span[data-v-29e221c4] {
    font-size: .4rem;
    color: var(--text_color_L1)
}

.list .item-title[data-v-29e221c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list.info .item[data-v-29e221c4] {
    margin: .26667rem 0
}

.list .checked[data-v-29e221c4] {
    background: #2b3449;
    ;border-radius: .26667rem
}

.van-toast[data-v-8610bd15] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-8610bd15] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-8610bd15] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-8610bd15] {
    height: 80%
}

.right[data-v-8610bd15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--text_color_L4)
}

.right .img[data-v-8610bd15] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .13333rem;
    overflow: hidden;
    position: relative;
    display: block
}

.right .img img[data-v-8610bd15] {
    display: block;
    height: .6rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%)
}

.popup[data-v-8610bd15] {
    border-radius: .26667rem .26667rem 0 0
}

.van-toast[data-v-96e240c3] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-96e240c3] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-96e240c3] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-96e240c3] {
    height: 80%
}

[data-v-96e240c3] .popup {
    left: 0!important
}

.popup-content[data-v-96e240c3] {
    padding: 0 .26667rem .26667rem;
    min-height: 6.34667rem;
    position: relative;
    background: var(--bg_color_L3);
    border-radius: .26667rem
}

.popup-content .close[data-v-96e240c3] {
    position: absolute;
    bottom: -.98667rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    width: .8rem;
    height: .8rem
}

.popup-content .tit[data-v-96e240c3] {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 600;
    position: relative
}

.popup-content .tit[data-v-96e240c3]:after,.popup-content .tit[data-v-96e240c3]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1.46667rem;
    height: .02667rem
}

.popup-content .tit[data-v-96e240c3]:after {
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: scaleX(-1)
}

.popup-content .tit[data-v-96e240c3]:before {
    right: 0;
    background: -webkit-linear-gradient(left,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    background: linear-gradient(90deg,var(--main-color) -2.73%,rgba(255,255,255,0) 91.36%);
    border-radius: .26667rem
}

.popup-content .con[data-v-96e240c3] {
    background: var(--darkBg, #2b3449;
    );border-radius: .26667rem;
    padding: .4rem
}

.popup-content .info[data-v-96e240c3] {
    min-height: 2.4rem;
    padding: .26667rem;
    border-radius: .26667rem;
    margin-bottom: .26667rem;
    border: .01333rem solid var(--Dividing-line_color)
}

.popup-content .info .txt[data-v-96e240c3] {
    color: var(--norm_red-color);
    font-size: .32rem;
    line-height: .53333rem;
    white-space: normal
}

.popup-content .box .input[data-v-96e240c3] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    border-radius: .26667rem;
    border: none;
    width: 100%;
    padding: 0 .53333rem;
    background-color: var(--bg_color_L1);
    color: var(--text_color_L1)
}

.popup-content .box .lab[data-v-96e240c3] {
    margin-top: .26667rem;
    color: var(--norm_red-color);
    white-space: normal
}

.popup-content .box .lab .icon[data-v-96e240c3] {
    font-size: .4rem;
    margin-right: .13333rem
}

.popup-foot>div[data-v-96e240c3] {
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .93333rem;
    margin-top: .26667rem;
    text-align: center;
    font-size: .45333rem;
    font-weight: 700
}

.popup-foot>div[data-v-96e240c3]:first-child {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.popup-foot>div[data-v-96e240c3]:last-child {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.captcha[data-v-869b9ee0] {
    -webkit-user-select: none;
    user-select: none;
    margin-right: auto;
    margin-left: auto
}

.captcha__main[data-v-869b9ee0] {
    background: rgb(244,245,246)
}

.captcha_background[data-v-869b9ee0] {
    width: 100%
}

.captcha_slider[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #222222d9;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha_message__icon[data-v-869b9ee0] {
    width: .37333rem;
    height: .37333rem;
    margin: 0 auto
}

.captcha_message__icon--loadding[data-v-869b9ee0] {
    width: .32rem;
    height: .32rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%;
    -webkit-animation: 1s linear 0s infinite normal none running turn;
    animation: 1s linear 0s infinite normal none running turn
}

.captcha_message.loadding[data-v-869b9ee0] {
    background-color: #f4f5f6
}

.captcha_message__text[data-v-869b9ee0] {
    display: inline-block;
    max-width: 2.66667rem;
    padding: .13333rem;
    font-size: .18667rem;
    color: #fff;
    text-align: center
}

.captcha_message.loadding .captcha_message__text[data-v-869b9ee0] {
    color: #cacaca
}

.captcha__bar[data-v-869b9ee0] {
    position: relative;
    width: 100%;
    margin-top: .06667rem;
    overflow: hidden;
    text-align: center
}

.captcha_progress_bar[data-v-869b9ee0] {
    position: absolute;
    width: 0
}

.captcha_progress_bar__text[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .16rem;
    color: transparent;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));
    -webkit-background-clip: text;
    -webkit-animation: slidetounlock 3s infinite;
    animation: slidetounlock 3s infinite;
    -webkit-text-fill-color: transparent;
    -webkit-text-size-adjust: none
}

.captcha_handler[data-v-869b9ee0] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .01333rem;
    cursor: move;
    background: rgb(255,255,255);
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0;
    }
}

.captcha__actions[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: .26667rem;
    padding: .21333rem .26667rem .26667rem 0;
    line-height: .26667rem;
    color: #505050;
    -webkit-box-pack: justify;
    -webkit-box-align: center
}

.captcha__action__text[data-v-869b9ee0] {
    font-size: .18667rem!important;
    color: #505050
}

.captcha__action[data-v-869b9ee0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.goFirst[data-v-869b9ee0] {
    left: 0!important;
    -webkit-transition: left .5s;
    transition: left .5s;
    html: lang(ar) &[data-v-869b9ee0] {
        left: unset;
        right: 0 !important;
    }
}

.goKeep[data-v-869b9ee0] {
    -webkit-transition: left .2s;
    transition: left .2s
}

.goFirst2[data-v-869b9ee0] {
    width: 0!important;
    -webkit-transition: width .5s;
    transition: width .5s
}

@-webkit-keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@keyframes slidetounlock {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--width) 0
    }
}

@-webkit-keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@keyframes slidetounlock2 {
    0% {
        background-position: var(--pwidth) 0
    }

    to {
        background-position: var(--pwidth) 0
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.van-toast[data-v-c17848a2] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-c17848a2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-c17848a2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-c17848a2] {
    height: 80%
}

.verifyInput__container[data-v-c17848a2] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-c17848a2],.verifyInput__container-input[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-c17848a2] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label svg[data-v-c17848a2] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-c17848a2] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-c17848a2] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-c17848a2]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-c17848a2]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-c17848a2] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--main_gradient-color)
}

.verifyInput__container-input button.inActive[data-v-c17848a2] {
    text-shadow: none;
    color: var(--text_color_L3);
    background: var(--button_dis_color);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-c17848a2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-c17848a2] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-c17848a2] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-c17848a2]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-ea5b66c8] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ea5b66c8] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ea5b66c8] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ea5b66c8] {
    height: 80%
}

.passwordInput__container[data-v-ea5b66c8] {
    margin-bottom: .53333rem
}

.passwordInput__container-label[data-v-ea5b66c8],.passwordInput__container-input[data-v-ea5b66c8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.passwordInput__container-label[data-v-ea5b66c8] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.passwordInput__container-label__icon[data-v-ea5b66c8] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.passwordInput__container-input[data-v-ea5b66c8] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.passwordInput__container-input input[data-v-ea5b66c8] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
    color: #000;
}

.passwordInput__container-input input[data-v-ea5b66c8]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input input[data-v-ea5b66c8]::placeholder {
    color: var(--text_color_L3)
}

.passwordInput__container-input img[data-v-ea5b66c8] {
    position: absolute;
    top: 50%;
    right: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .53333rem;
    height: auto
}

.van-toast[data-v-ab583a3a] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-ab583a3a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ab583a3a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ab583a3a] {
    height: 80%
}

.RpwdPopup[data-v-ab583a3a] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: #2b3449;
}

.RpwdPopup-head[data-v-ab583a3a] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-ab583a3a] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-ab583a3a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-ab583a3a]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-ab583a3a] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-ab583a3a] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-ab583a3a] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-ab583a3a] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .37333rem auto .4rem;
    color: var(--main-color);
    border: .01333rem solid var(--main-color);
    border-radius: .53333rem
}

.RpwdPopup .gotuserver[data-v-ab583a3a]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-ab583a3a] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-ab583a3a] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-ab583a3a] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-50aa8bb0] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-50aa8bb0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-50aa8bb0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-50aa8bb0] {
    height: 80%
}

.phoneInput__container[data-v-50aa8bb0] {
    margin-bottom: .8rem
}

.phoneInput__container-label[data-v-50aa8bb0],.phoneInput__container-input[data-v-50aa8bb0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.phoneInput__container-label[data-v-50aa8bb0] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.phoneInput__container-label svg[data-v-50aa8bb0] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.phoneInput__container-input[data-v-50aa8bb0] {
    gap: .24rem
}

.phoneInput__container-input input[data-v-50aa8bb0] {
    width: 80%;
    height: 1.17333rem;
    margin-left: 2.66667rem;
    padding: .36rem .34667rem;
    color: #000;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #ffffff;
}

html:lang(ar) .phoneInput__container-input input[data-v-50aa8bb0] {
    left: unset;
    right: .4rem;
    margin: 0 2.66667rem 0 0
}

.phoneInput__container-tips[data-v-50aa8bb0] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.phoneInput__container-tips .tipbg[data-v-50aa8bb0] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-33f88764] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-33f88764] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-33f88764] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-33f88764] {
    height: 80%
}

.signIn__container-remember[data-v-33f88764] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-33f88764] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-33f88764] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-33f88764] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-33f88764] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-33f88764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-33f88764],.signIn__container .signIn_footer .customcon[data-v-33f88764] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-33f88764] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-33f88764] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.signIn__container .idlockTip[data-v-33f88764] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.signIn__container .dialogBtn[data-v-33f88764] {
    min-width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .dialogBtn>img[data-v-33f88764] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.signIn__container .dialogBtn[data-v-33f88764]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.signIn__container[data-v-33f88764] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-484b25b1] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-484b25b1] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-484b25b1] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-484b25b1] {
    height: 80%
}

.verifyInput__container[data-v-484b25b1] {
    margin-bottom: .8rem;
    padding: 0 .02667rem
}

.verifyInput__container-label[data-v-484b25b1],.verifyInput__container-input[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.verifyInput__container-label[data-v-484b25b1] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.verifyInput__container-label__icon[data-v-484b25b1] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    color: var(--main-color)
}

.verifyInput__container-input[data-v-484b25b1] {
    position: relative;
    gap: .24rem;
    border-radius: .26667rem
}

.verifyInput__container-input input[data-v-484b25b1] {
    width: 99%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background-color: #2b3449;
    ;color: var(--text_color_L1)
}

.verifyInput__container-input input[data-v-484b25b1]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input input[data-v-484b25b1]::placeholder {
    color: var(--text_color_L3)
}

.verifyInput__container-input button[data-v-484b25b1] {
    position: absolute;
    right: .26667rem;
    width: 2.53333rem;
    height: .93333rem;
    color: var(--text_color_L2);
    font-size: .34667rem;
    border: none;
    border-radius: 1.92rem;
    background: var(--button_dis_color)
}

.verifyInput__container-input button.inActive[data-v-484b25b1] {
    text-shadow: none;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    pointer-events: none;
    cursor: not-allowed
}

.verifyInput__container-tip[data-v-484b25b1] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .24rem;
    color: var(--norm_red-color)
}

.verifyInput__container-tip i[data-v-484b25b1] {
    font-size: .48rem;
    margin-inline:.09333rem}

.verifyInput__container-tip span[data-v-484b25b1] {
    font-size: .32rem
}

.verifyInput__container-tip span[data-v-484b25b1]:last-of-type {
    margin-left: .32rem;
    color: var(--main-color)
}

.van-toast[data-v-95ce4137] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-95ce4137] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-95ce4137] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-95ce4137] {
    height: 80%
}

.RpwdPopup[data-v-95ce4137] {
    width: 100%;
    height: 100%;
    padding: .45333rem .53333rem .58667rem;
    background-color: var(--bg_color_L1)
}

.RpwdPopup-head[data-v-95ce4137] {
    height: .53333rem;
    line-height: .53333rem;
    font-weight: 700;
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center
}

.RpwdPopup-topTip[data-v-95ce4137] {
    min-height: 1.86667rem;
    border: .01333rem solid var(--text_color_L3);
    border-radius: .16rem;
    line-height: .48rem;
    padding: .45333rem 0;
    text-align: center;
    margin-top: .16rem;
    margin-bottom: .4rem;
    word-break: break-all;
    white-space: normal;
    color: var(--norm_red-color)
}

.RpwdPopup-foot[data-v-95ce4137] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    gap: .32rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RpwdPopup-foot .dialogBtn>img[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.RpwdPopup-foot .dialogBtn[data-v-95ce4137]:first-of-type {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.RpwdPopup-errorTip[data-v-95ce4137] {
    height: .48rem;
    line-height: .48rem;
    color: var(--norm_red-color)
}

.RpwdPopup-tip[data-v-95ce4137] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.RpwdPopup-tip .tipbg[data-v-95ce4137] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.RpwdPopup .gotuserver[data-v-95ce4137] {
    width: 6.8rem;
    height: .90667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .01333rem solid var(--main-color);
    border-radius: .45333rem;
    margin: .37333rem auto .4rem;
    color: var(--main-color)
}

.RpwdPopup .gotuserver[data-v-95ce4137]:after {
    border: 0
}

.RpwdPopup .gotuserver svg[data-v-95ce4137] {
    width: .64rem;
    height: .64rem;
    margin-right: .05333rem
}

.RpwdPopup .errorTip[data-v-95ce4137] {
    text-align: center;
    line-height: .48rem;
    margin-bottom: .4rem;
    min-height: .48rem;
    width: 100%;
    color: var(--norm_red-color);
    word-break: break-all;
    white-space: normal
}

.RpwdPopup[data-v-95ce4137] input {
    background-color: var(--bg_color_L1)
}

.van-toast[data-v-4499df08] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-4499df08] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-4499df08] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-4499df08] {
    height: 80%
}

.emailinput__container[data-v-4499df08] {
    margin-bottom: .8rem
}

.emailinput__container-label[data-v-4499df08],.emailinput__container-input[data-v-4499df08] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .02667rem
}

.emailinput__container-label[data-v-4499df08] {
    margin-bottom: .32rem;
    color: var(--text_color_L1);
    font-size: .4rem
}

.emailinput__container-label svg[data-v-4499df08] {
    color: var(--main-color)
}

.emailinput__container-label__icon[data-v-4499df08] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem
}

.emailinput__container-input[data-v-4499df08] {
    gap: .24rem
}

.emailinput__container-input input[data-v-4499df08] {
    width: 100%;
    height: 1.17333rem;
    padding: .36rem .34667rem;
    color: var(--text_color_L1);
    font-size: .37333rem;
    border: none;
    border-radius: .26667rem;
    background: #2b3449;
}

.emailinput__container-input input[data-v-4499df08]::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-input input[data-v-4499df08]::placeholder {
    color: var(--text_color_L3)
}

.emailinput__container-tips[data-v-4499df08] {
    margin-top: .32rem;
    padding-left: .22667rem;
    color: var(--norm_red-color);
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.emailinput__container-tips .tipbg[data-v-4499df08] {
    width: .42667rem;
    height: .42667rem;
    background-image: url(/assets/png/hint-f8a7f7d4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-436a69c4] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-436a69c4] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-436a69c4] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-436a69c4] {
    height: 80%
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__icon {
    width: .56rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container-remember[data-v-436a69c4] .van-checkbox .van-checkbox__label {
    font-size: .32rem;
    line-height: .56rem
}

.signIn__container-button[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -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;
    width: 100%;
    margin-top: .76rem
}

.signIn__container-button button[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--text_color_L2);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    border-radius: 1.06667rem;
    border: none;
    background: var(--button_dis_color)
}

.signIn__container-button .active[data-v-436a69c4] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.signIn__container-button .register[data-v-436a69c4] {
    width: 7.73333rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .48rem;
    background: transparent;
    border-radius: 1.06667rem;
    border: .01333rem solid var(--main-color);
    box-shadow: none;
    text-shadow: none;
    margin-top: .53333rem
}

.signIn__container-button span[data-v-436a69c4] {
    margin-top: 1.86667rem;
    color: var(--main-color);
    font-size: .32rem
}

.signIn__container .signIn_footer[data-v-436a69c4] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .77333rem;
    color: var(--main-color);
    font-size: .32rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.signIn__container .signIn_footer .forgetcon[data-v-436a69c4],.signIn__container .signIn_footer .customcon[data-v-436a69c4] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.signIn__container .signIn_footer .forgetbg[data-v-436a69c4] {
    width: 1.06667rem;
    height: 1.06667rem
}

.signIn__container .signIn_footer .font24[data-v-436a69c4] {
    margin-top: .21333rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--text_color_L1);
    text-align: center
}

.idlockTip[data-v-436a69c4] {
    min-height: .93333rem;
    font-size: .32rem;
    line-height: .46667rem;
    text-align: center;
    color: var(--text_color_L2);
    margin-bottom: .8rem;
    word-wrap: break-word;
    white-space: normal
}

.dialogBtn[data-v-436a69c4] {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.dialogBtn>img[data-v-436a69c4] {
    width: .64rem;
    height: .64rem;
    margin-right: .13333rem
}

.dialogBtn[data-v-436a69c4]:last-of-type {
    width: -webkit-fit-content;
    width: fit-content;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

[data-v-436a69c4] .dialog__container-footer {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: -webkit-fit-content;
    height: fit-content
}

.van-toast[data-v-47f4cc84] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-47f4cc84] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-47f4cc84] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-47f4cc84] {
    height: 80%
}

.right[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .4rem;
    color: var(--textW)
}

.right img[data-v-47f4cc84] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: .13333rem
}

.login__container[data-v-47f4cc84] {
    height: 100%;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.login__container[data-v-47f4cc84]::-webkit-scrollbar {
    width: 0
}

.login__container .van-nav-bar[data-v-47f4cc84] {
    background-color: #f6f6f6
}

.login__container .van-nav-bar .leftArrow[data-v-47f4cc84] {
    width: .45333rem;
    height: auto
}

.login__container .login_container-tab[data-v-47f4cc84] {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    padding: 0 .53333rem
}

.login__container .login_container-tab .tab[data-v-47f4cc84] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .18667rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .02667rem solid var(--Dividing-line_color);
    color: var(--text_color_L2);
    gap: .26667rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem
}

.login__container .login_container-tab .tab svg[data-v-47f4cc84] {
    height: .64rem;
    width: .64rem
}

.login__container .login_container-tab .active[data-v-47f4cc84] {
    color: var(--main-color);
    border-bottom: .05333rem solid var(--main-color)
}

.login__container .login_container-tab .basicimg[data-v-47f4cc84] {
    width: .64rem;
    height: .64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login__container-heading[data-v-47f4cc84] {
    min-height: 2.66667rem;
    background: linear-gradient(to right, #611500, #ee0a24);
    padding: 0 .53333rem
}

.login__container-heading__title[data-v-47f4cc84] {
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    padding-top: .26667rem
}

.login__container-heading__subTitle[data-v-47f4cc84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .29333rem;
    margin-top: .29333rem;
    margin-bottom: .53333rem;
    color: #fff;
    white-space: normal
}

.login__container-form[data-v-47f4cc84] {
    position: relative;
    margin-top: .74667rem;
    overflow: hidden;
    padding-inline:.53333rem;margin-bottom: .74667rem
}

.login__container-form .tab-content[data-v-47f4cc84] {
    display: none
}

.login__container-form .activecontent[data-v-47f4cc84] {
    display: block
}

.login__container-form__wrapper[data-v-47f4cc84] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .66667rem;
    width: 100%;
    height: 100%;
    box-sizing: content-box
}

.login__container-form__wrapper>div[data-v-47f4cc84] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}