.popup-open {
    overflow: hidden;
}

.standard-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.standard-popup-overlay .standard-popup-modal-container {
    border-radius: .1rem;
    font-size: .16rem;
    overflow: auto;
    color: #000;
    background: #fff;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin: 1rem auto;
}

.standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    padding: .1rem .32rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
}

.standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
    font-size: .16rem;
    font-weight: 600;
    width: 90%;
    padding: .05rem 0;
    margin: auto;
}

.standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body {
    font-size: .18rem;
    background: #fff;
    padding: .25rem .35rem;
}

.m-standard-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(0,0,0,.7215686274509804); */
    z-index: 9999;
    overflow-y: auto;
    display: flex;
    align-items: center;
}

.m-standard-popup-overlay .standard-popup-modal-container {
    border-radius: .2rem;
    font-size: .4rem;
    overflow: auto;
    color: #000;
    background: #fff;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin: 1rem auto;
}

.m-standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    padding: .35rem 1.7rem .35rem .35rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
}

.m-standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
    font-size: .5rem;
    font-weight: 600;
    width: 90%;
    padding: .05rem 0;
    margin: auto;
}

.m-standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body {
    background: #fff;
    padding: .5rem .55rem;
}

.m-standard-2-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .75rem;
}

.m-standard-2-button-container .standard-button {
    width: 5.23rem;
    height: 1.27rem;
    border-radius: .13rem;
    font-size: .42rem;
    font-weight: 800;
}

.m-standard-2-button-container .standard-button,.standard-upload-button {
    cursor: pointer;
    background: #cdcdcd;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.standard-upload-button {
    padding: 0 .2rem;
    height: .4rem;
    width: 100%;
    border-radius: .05rem;
    font-size: .16rem;
    font-weight: 900;
    border: none;
    text-transform: uppercase;
}

@media(max-width: 768px) {
    .standard-upload-button {
        min-height:1rem;
        font-size: .42rem;
        border-radius: .13rem;
    }
}

#app .header-section #header .top-header .top-header-box .nav-list {
    padding-left: 1rem;
}

@media(max-width: 1400px) {
    #app .header-section #header .top-header .top-header-box .nav-list {
        padding-left: 0;
    }
}

@media(max-width: 1024px) {
    html {
        font-size:5vw;
    }

    html [data-screen=mobile],html [data-screen=web] {
        display: none;
    }

    html body #footer .top-footer:before {
        height: .02rem;
        top: 7.1rem;
    }

    html body #footer .top-footer-box {
        padding-top: .85rem;
        padding-left: .885rem;
        padding-right: .84rem;
    }

    html body #footer .top-footer-box .top .provider {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    html body #footer .top-footer-box .top .provider .mergeLayout {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider .mergeLayout.followUs,html body #footer .top-footer-box .top .provider .mergeLayout .security,html body #footer .top-footer-box .top .provider .paymentMethod {
        width: 100%
    }

    html body #footer .top-footer-box .top .provider li {
        line-height: .45rem;
        font-size: .21rem;
        margin: 0 0 .2rem
    }

    html body #footer .top-footer-box .top .provider li:last-child {
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-ftrmerge] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box i {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box {
        width: 1.08rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box svg {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].gamingLicense-box i {
        margin-bottom: .42rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box {
        width: 100%
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box i {
        margin-right: .34rem!important
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-bay,html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-kkr,html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-ktb,html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-scb {
        margin-right: .25rem!important
    }

    html body #footer .top-footer-box .top .provider li .title {
        height: .44rem;
        white-space: nowrap;
        font-family: nunitosans-regular;
        font-size: .28rem;
        color: #fff
    }

    html body #footer .top-footer-box .top .provider li i,html body #footer .top-footer-box .top .provider li svg {
        margin: 0 .34rem .34rem 0
    }

    html body #footer .top-footer-box .top .provider li:nth-child(6) .title {
        margin-bottom: .06rem
    }

    html body #footer .top-footer-box .top .provider .gamingLicense {
        width: 65%;
        margin-bottom: .6rem
    }

    html body #footer .top-footer-box .copy-right-box {
        padding: .4rem 0 0
    }

    html body #footer .top-footer-box .copy-right-box .copy-right {
        font-size: .18rem;
        white-space: nowrap;
        justify-content: unset
    }

    html body #footer .top-footer-box .bottom {
        height: 3.39rem
    }

    html body #footer .top-footer-separator {
        height: 0
    }

    html body #footer .middle-footer-container {
        padding-left: .71rem;
        padding-right: .69rem;
        margin-bottom: 0
    }

    html body #footer .middle-footer-container .mergeLayout li {
        width: 100%
    }

    html body #footer .middle-footer-container .mergeLayout .copy-right-ftrmerge div {
        font-size: .24rem
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i {
        margin-right: .24rem
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i:last-child {
        margin-right: 0
    }

    html body #footer .middle-footer-container .mergeLayout.power-by {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    html body #footer .middle-footer-container .mergeLayout.power-by .power-by-ftrmerge {
        width: 100%;
        display: flex;
        flex-direction: row;
        font-size: .24rem;
        color: #5b606a
    }

    html body #footer .middle-footer-container .mergeLayout.logo-footer {
        width: 30%;
        align-items: flex-end;
        flex-direction: column
    }

    html body #footer .middle-footer-container .mergeLayout.logo-footer .logo-footer-ftrmerge {
        display: flex;
        justify-content: flex-end
    }

    html body #footer-btm .container {
        width: 100%
    }

    html body #footer-btm .second-footer-box {
        padding-top: .27rem;
        height: 3.39rem;
        padding-left: .885rem;
        padding-right: .84rem
    }

    html body #footer-btm .second-footer-box p {
        font-size: .18rem;
        line-height: .21rem;
        width: 12.84rem
    }

    .icon-logo {
        width: 2.44rem;
        height: .62rem
    }

    .icon-arrow {
        width: .22rem;
        height: .1rem
    }

    .icon-refesh {
        width: .31rem;
        height: .31rem
    }

    .icon-pagcor {
        height: .42rem;
        width: 1.88rem
    }

    .icon-godaddy {
        height: .6rem!important;
        width: 3.1rem!important
    }

    .icon-iovation {
        width: 1.79rem;
        height: .36rem
    }

    .icon-global {
        width: .63rem;
        height: .63rem
    }

    .icon-itechlab {
        width: .63rem;
        height: .6rem
    }

    .icon-payouts {
        width: 1.25rem;
        height: .44rem
    }

    .icon-bmm {
        width: 1.34rem!important;
        height: .4rem!important
    }

    .icon-threat-metrix {
        width: 2.38rem!important;
        height: .6rem!important
    }

    .icon-bank-icon-ftr {
        width: .55rem;
        height: .5rem
    }

    .icon-ethereum {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-mobifone {
        width: 1.65rem;
        height: .37rem
    }

    .icon-momo {
        width: .48rem;
        height: .48rem
    }

    .icon-viettel {
        width: .82rem;
        height: .48rem
    }

    .icon-viettelpay {
        width: .6rem;
        height: .56rem
    }

    .icon-vinaphone {
        width: 1.92rem;
        height: .45rem
    }

    .icon-zalo {
        width: .5rem;
        height: .47rem
    }

    .icon-eeziepay,.icon-master-card,.icon-visa {
        width: 1.45rem;
        height: .6rem
    }

    .icon-duitnow {
        width: .76rem;
        height: .7rem
    }

    .icon-fpx {
        width: 1.44rem;
        height: .6rem
    }

    .icon-paytrust {
        width: 1.35rem;
        height: .29rem
    }

    .icon-help2pay {
        width: .71rem!important;
        height: .5rem!important
    }

    .content-text {
        color: #fffefe;
        font-size: .24rem!important;
        line-height: .3rem!important
    }

    .icon-curacao {
        width: 3rem;
        height: .97rem
    }

    .icon-18above {
        width: .48rem;
        height: .48rem
    }

    .icon-gamcare {
        width: 48%;
        height: 48%
    }

    .icon-bga {
        width: .76rem;
        height: .48rem
    }

    .icon-bitcoin {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-tng {
        width: .6rem;
        height: .6rem
    }

    .icon-usdt {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-acleda-bank,.icon-advanced-bank,.icon-bay,.icon-eth,.icon-kkr,.icon-ktb,.icon-maybank,.icon-scb,.icon-true,.icon-wing {
        width: .8rem;
        height: .8rem
    }

    .icon-android-footer,.icon-facebook,.icon-instagram,.icon-ios-footer,.icon-twitter {
        width: .44rem;
        height: .44rem
    }

    .icon-youtube {
        width: .45rem;
        height: .44rem
    }

    .icon-18 {
        width: .41rem;
        height: .38rem
    }

    .icon-logo-footer {
        width: 1.49rem;
        height: .38rem
    }

    .icon-CM {
        width: 2.49rem;
        height: .48rem
    }

    .icon-bti-sports {
        width: 2.5rem;
        height: 1rem
    }

    .icon-MB {
        width: 3.16rem;
        height: .76rem
    }

    .icon-betradar {
        width: 3.21rem;
        height: .44rem
    }

    .icon-love-off,.icon-love-on {
        width: .39rem;
        height: .34rem
    }

    .icon-close3 {
        width: .51rem;
        height: .51rem
    }

    .icon-logo2 {
        width: 2.76rem;
        height: .7rem
    }

    .icon-ae_sexy,.icon-wm {
        width: 4.1rem;
        height: 1.56rem
    }

    .icon-ag {
        width: 3.66rem;
        height: 1.22rem
    }

    .icon-allbet {
        width: 3.31rem;
        height: 2.12rem
    }

    .icon-dream_gaming {
        width: 2.94rem;
        height: 1.79rem
    }

    .icon-ebet {
        width: 3.31rem;
        height: 1.02rem
    }

    .icon-evolution {
        width: 3.56rem;
        height: 1.18rem
    }

    .icon-gameplay {
        width: 4.22rem;
        height: .82rem
    }

    .icon-gd {
        width: 3.37rem;
        height: 1.91rem
    }

    .icon-ppl {
        width: 4.23rem;
        height: 1.93rem
    }

    .icon-mg {
        width: 4.5rem;
        height: 1.15rem
    }

    .icon-playtech {
        width: 3.98rem;
        height: .81rem
    }

    .icon-sa_gaming {
        width: 3.88rem;
        height: 1.36rem
    }

    .icon-bti {
        width: 3.35rem;
        height: 1.5rem
    }

    .icon-ibc {
        width: 5rem;
        height: 1.17rem
    }

    .icon-br {
        width: 4.8rem;
        height: 1.12rem
    }

    .icon-CM {
        width: 4.5rem;
        height: 1.18rem
    }

    .icon-ime,.icon-tf {
        width: 5.2rem;
        height: 1.08rem
    }

    .icon-sgah,.icon-sgfw,.icon-sgzp {
        width: 4.3rem;
        height: 2.53rem
    }

    .icon-gg,.icon-sg {
        width: 5.2rem;
        height: 3.5rem
    }

    .icon-gpthai {
        width: 3.35rem;
        height: 2.43rem
    }

    .icon-gpsode {
        width: 3.92rem;
        height: 1.5rem
    }

    .icon-qqk {
        width: 4.15rem;
        height: .85rem
    }

    .icon-qqkthai {
        width: 3.4rem;
        height: .77rem
    }

    .icon-gpkeno {
        width: 2.95rem;
        height: .84rem
    }

    .icon-GP {
        width: 2rem;
        height: .53rem;
        margin-top: .2rem
    }

    .icon-QQK {
        width: 1.9rem;
        height: .44rem;
        margin-top: .35rem
    }

    .icon-poker2 {
        width: 4.5rem;
        height: .72rem
    }

    .icon-android {
        width: .23rem;
        height: .26rem
    }

    .icon-ios {
        width: .22rem;
        height: .26rem
    }

    .icon-search {
        width: .24rem;
        height: .26rem
    }

    .icon-level {
        width: .65rem;
        height: .4rem
    }

    .icon-reload {
        width: .26rem;
        height: .26rem
    }

    .icon-transfer {
        width: .87rem;
        height: .41rem
    }

    #app {
        padding-top: 0
    }

    #app .msg-enter,#app .msg-exit {
        -webkit-transform: translateX(100vw) translateZ(0);
        transform: translateX(100vw) translateZ(0)
    }

    #app .msg-enter-active,#app .msg-exit-active {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
        transition: -webkit-transform 20s linear;
        transition: transform 20s linear;
        transition: transform 20s linear,-webkit-transform 20s linear
    }

    #app .notice {
        height: .55rem;
        font-size: .28rem
    }

    #app .announcement-box .announcement-popup,#app .home-notice-box .notice-popup {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    #app .announcement-box .announcement-img-popup .icon-close2 {
        top: -.2rem;
        right: -.2rem
    }

    #app .announcement-box .announcement-img-popup img {
        max-width: 12rem;
        max-height: 12rem
    }

    #app .container {
        width: 100%
    }

    #app .login-page-box,#app .reset-page-box {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    #app .game-content li {
        width: 3.48rem;
        height: 2.83rem
    }

    #app .game-content li:not(:nth-child(5n)) {
        margin-right: .22rem
    }

    #app .game-content li .img-box {
        width: 3.48rem;
        height: 2.11rem
    }

    #app .game-content li .img-box .hover-box>span {
        width: 1.59rem;
        height: .49rem;
        font-size: .25rem;
        border-right: .05rem
    }

    #app .game-content li>p {
        height: .72rem;
        font-size: .25rem;
        padding-left: .32rem;
        padding-right: .2rem;
        padding-bottom: 0
    }

    #app .game-content li>p:before {
        height: .05rem
    }

    #app .game-content li>p:after {
        height: 0.08rem;
        bottom: 0;
        width: 0.8rem;
        left: 50%;
        transform: translateX(-50%);
    }

    #app .game-content li>p>span {
        width: 2.1rem
    }

    #app .header-section.info-page #header .top-header .top-header-box {
        padding-left: 0
    }

    #app .header-section.info-page #header .second-header span {
        font-size: .35rem
    }

    #app .header-section #header .top-header {
        height: 1.33rem;
    }

    #app .header-section #header .top-header .top-header-box {
        padding-left: .45rem;
        width: 18.75rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list {
        max-width: 16rem;
        overflow-x: scroll;
        margin-left: 1.4rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar {
        display: block
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .header-section #header .top-header .top-header-box .nav-list li {
        font-size: .28rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item {
        font-size: .28rem;
        padding-left: .14rem;
        padding-right: .14rem;
        padding-bottom: .37rem;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg {
        width: .43rem;
        height: auto;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.new-icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg.new-icon {
        height: .7rem
    }

    #app .header-section #header .game-dropdown-menu {
        top: 1.33rem;
        max-height: 10rem;
    }

    #app .header-section #header .second-header {
        height: .58rem
    }

    #app .header-section #header .second-header .second-header-box {
        padding-left: .84rem;
        padding-right: .86rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time {
        font-size: .2rem;
        padding-right: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time:before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box {
        font-size: .23rem;
        padding-left: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .icon-flag {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box {
        margin-left: .12rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box svg {
        width: .22rem;
        height: .1rem;
        margin-left: .23rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box {
        font-size: .27rem;
        padding: .12rem .2rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li {
        height: .7rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span {
        margin-left: .2rem
    }

    #app .header-section #header .second-header .second-header-box .right.logined .down-list {
        display: none
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li {
        font-size: .23rem;
        padding: 0 .27rem
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li:not(:last-child):before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box {
        margin-left: .28rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn {
        width: 1.7rem;
        height: .49rem;
        font-size: .26rem;
        border-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn:not(:last-child) {
        margin-right: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login {
        color: #e9e9e9
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login {
        padding-right: 0
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box {
        width: 5.61rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency {
        width: 2.83rem;
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency .reload-box {
        width: .31rem;
        height: .31rem;
        margin-left: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info {
        width: 2.78rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info:before {
        height: .42rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face {
        margin-left: .12rem;
        margin-right: .43rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face img {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face span {
        width: .24rem;
        height: .24rem;
        font-size: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
        width: 2.78rem;
        height: 2.93rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li {
        font-size: .27rem;
        height: .5rem
    }

    #app .dropping-hot {
        height: 9.74rem;
        padding: 0 .86rem
    }

    #app .dropping-hot .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .dropping-hot .group .slider-box {
        display: none
    }

    #app .dropping-hot .group .games-list {
        margin-left: 0;
        width: 18.28rem
    }

    #app .dropping-hot .group .games-list .nav-tabs {
        height: .76rem;
        border-bottom: 0;
        margin-top: 0;
        margin-bottom: .34rem
    }

    #app .dropping-hot .group .games-list .nav-tabs:before {
        content: "";
        width: 18.27rem;
        height: .02rem;
        position: absolute;
        bottom: 0;
        left: -.05rem;
        background: hsla(0,0%,100%,.25)
    }

    #app .dropping-hot .group .games-list .nav-tabs li {
        border-radius: .09rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0 .43rem;
        height: .72rem;
        font-size: .3rem;
        border: 1px solid hsla(0,0%,100%,.25);
        border-bottom-color: transparent;
        margin-right: .2rem
    }

    #app .dropping-hot .group .games-list .nav-tabs li.on,#app .dropping-hot .group .games-list .nav-tabs li:hover {
        border-width: 1px
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games {
        right: .06rem
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games>span:first-child,#app .dropping-hot .group .games-list .nav-tabs .more-games>span:nth-child(2) {
        font-size: .3rem
    }

    #app .dropping-hot .group .games-list .no-data {
        font-size: .35rem;
        line-height: 100%
    }

    #app .donot-miss {
        padding: 0 .86rem;
        height: 6.34rem
    }

    #app .donot-miss .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .donot-miss .more-games {
        display: block;
        position: absolute;
        right: .83rem;
        top: .94rem;
        font-size: .3rem;
        color: #787e8b;
        cursor: pointer
    }

    #app .donot-miss .more-games:hover>span:first-child {
        text-decoration: underline
    }

    #app .donot-miss .donot-miss-list {
        overflow-x: scroll
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar {
        display: none
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .donot-miss .donot-miss-list li {
        flex: 1 0 auto;
        width: 7.08rem;
        height: 3.5rem;
        margin-bottom: .1rem;
        padding-left: 3.3rem;
        align-items: flex-start;
        cursor: pointer
    }

    #app .donot-miss .donot-miss-list li .hover-box {
        display: none
    }

    #app .donot-miss .donot-miss-list li .title {
        font-size: .32rem
    }

    #app .donot-miss .donot-miss-list li .content {
        text-align: left;
        font-size: .28rem;
        line-height: .3rem;
        width: 3.5rem
    }

    #app .donot-miss .donot-miss-list li .content br {
        display: none
    }

    #app .donot-miss .donot-miss-list li:first-child {
        background-image: url(/images/homepage/donotmiss/pad/1_.png)
    }

    #app .donot-miss .donot-miss-list li:first-child .content {
        width: 3.35rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) {
        padding-left: 3.8rem;
        background-image: url(/images/homepage/donotmiss/pad/2_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) .content {
        width: 2.78rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(3) {
        background-image: url(/images/homepage/donotmiss/pad/3_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(4) {
        background-image: url(/images/homepage/donotmiss/pad/4_.png)
    }

    #app .donot-miss .donot-miss-list li:not(:last-child) {
        margin-right: .37rem
    }

    #app .donot-miss .donot-miss-list li .bottom {
        height: .53rem
    }

    #app .donot-miss .donot-miss-list li .bottom:before {
        height: .47rem
    }

    #app .donot-miss .donot-miss-list li .bottom:after {
        height: .08rem;
        bottom: .44rem
    }

    #app .donot-miss .donot-miss-list li:hover .hover-box {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    #app .donot-miss .donot-miss-list li:hover .bottom {
        -webkit-transform: translateY(.4rem);
        transform: translateY(.4rem)
    }

    #seo-footer-container #seo-footer {
        width: 100%;
        padding-left: 1.77rem;
        padding-right: 1.68rem
    }

    #seo-footer-container #seo-footer>div .content-text,#seo-footer-container #seo-footer>div .content-title {
        font-size: .21rem
    }
}

@media(hover: none) {
    html {
        font-size:5vw
    }

    html [data-screen=mobile],html [data-screen=web] {
        display: none
    }

    html body #footer .top-footer:before {
        height: .02rem;
        top: 7.1rem
    }

    html body #footer .top-footer-box {
        padding-top: .85rem;
        padding-left: .885rem;
        padding-right: .84rem
    }

    html body #footer .top-footer-box .top .provider {
        position: relative;
        display: flex;
        flex-direction: column
    }

    html body #footer .top-footer-box .top .provider .mergeLayout {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider .mergeLayout.followUs {
        width: 100%
    }

    html body #footer .top-footer-box .top .provider .paymentMethod {
        width: 100%!important
    }

    html body #footer .top-footer-box .top .provider li {
        line-height: .45rem;
        font-size: .21rem;
        margin: 0 0 .2rem
    }

    html body #footer .top-footer-box .top .provider li:last-child {
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-ftrmerge] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box i {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box {
        width: 1.08rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box svg {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li .title {
        height: .44rem;
        white-space: nowrap
    }

    html body #footer .top-footer-box .top .provider li i,html body #footer .top-footer-box .top .provider li svg {
        margin: 0 .34rem .34rem 0
    }

    html body #footer .top-footer-box .top .provider li:nth-child(6) .title {
        margin-bottom: .06rem
    }

    html body #footer .top-footer-box .copy-right-box {
        padding: .4rem 0 0
    }

    html body #footer .top-footer-box .copy-right-box .copy-right {
        font-size: .18rem;
        white-space: nowrap;
        justify-content: unset
    }

    html body #footer .top-footer-box .bottom {
        height: 3.39rem
    }

    html body #footer .top-footer-separator {
        height: 0
    }

    html body #footer .middle-footer-container {
        margin-bottom: 0
    }

    html body #footer .middle-footer-container .mergeLayout {
        width: 100%;
        display: flex;
        align-items: center
    }

    html body #footer .middle-footer-container .mergeLayout .copy-right-ftrmerge div {
        color: #5b616d;
        font-size: .24rem;
        font-family: nunitosans-regular
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge {
        display: flex;
        align-items: flex-end
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i {
        margin-right: .24rem
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i:last-child {
        margin-right: 0
    }

    html body #footer-btm .container {
        width: 100%
    }

    html body #footer-btm .second-footer-box {
        padding-top: .27rem;
        height: 3.39rem;
        padding-left: .885rem;
        padding-right: .84rem
    }

    html body #footer-btm .second-footer-box p {
        font-size: .18rem;
        line-height: .21rem;
        width: 12.84rem
    }

    .icon-logo {
        width: 2.44rem;
        height: .62rem
    }

    .icon-arrow {
        width: .22rem;
        height: .1rem
    }

    .icon-refesh {
        width: .31rem;
        height: .31rem
    }

    .icon-pagcor {
        height: .42rem;
        width: 1.88rem
    }

    .icon-godaddy {
        height: .6rem;
        width: 3.1rem
    }

    .icon-iovation {
        width: 2.5rem!important;
        height: .5rem!important
    }

    .icon-global {
        width: .63rem;
        height: .63rem
    }

    .icon-itechlab {
        width: .63rem;
        height: .6rem
    }

    .icon-payouts {
        width: 1.25rem;
        height: .44rem
    }

    .icon-bmm {
        width: .82rem;
        height: .25rem
    }

    .icon-threat-metrix {
        width: 2.38rem!important;
        height: .6rem!important
    }

    .icon-bank-icon-ftr {
        width: .55rem;
        height: .5rem
    }

    .icon-ethereum {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-mobifone {
        width: 1.65rem;
        height: .37rem
    }

    .icon-momo {
        width: .48rem;
        height: .48rem
    }

    .icon-viettel {
        width: .82rem;
        height: .48rem
    }

    .icon-viettelpay {
        width: .6rem;
        height: .56rem
    }

    .icon-vinaphone {
        width: 1.92rem;
        height: .45rem
    }

    .icon-zalo {
        width: .5rem;
        height: .47rem
    }

    .icon-eeziepay,.icon-master-card,.icon-visa {
        width: 1.45rem;
        height: .6rem
    }

    .icon-duitnow {
        width: .76rem;
        height: .7rem
    }

    .icon-fpx {
        width: 1.44rem;
        height: .6rem
    }

    .icon-paytrust {
        width: 1.35rem;
        height: .29rem
    }

    .icon-help2pay {
        width: .71rem!important;
        height: .5rem!important
    }

    .icon-curacao {
        width: 3rem;
        height: .97rem
    }

    .icon-18above,.icon-gamcare {
        width: .48rem;
        height: .48rem
    }

    .icon-bga {
        width: .76rem;
        height: .48rem
    }

    .icon-bitcoin {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-tng {
        width: .6rem;
        height: .6rem
    }

    .icon-usdt {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-acleda-bank,.icon-advanced-bank,.icon-eth,.icon-maybank,.icon-true,.icon-wing {
        width: .8rem;
        height: .8rem
    }

    .icon-android-footer,.icon-facebook,.icon-instagram,.icon-ios-footer,.icon-twitter {
        width: .44rem;
        height: .44rem
    }

    .icon-youtube {
        width: .45rem;
        height: .44rem
    }

    .icon-18 {
        width: .41rem;
        height: .38rem
    }

    .icon-logo-footer {
        width: 1.49rem;
        height: .38rem
    }

    .icon-CM-2 {
        width: 2.49rem;
        height: .48rem
    }

    .icon-SB-2 {
        width: 2.5rem;
        height: 1rem
    }

    .icon-MB-2 {
        width: 3.16rem;
        height: .76rem
    }

    .icon-betradar {
        width: 3.21rem;
        height: .44rem
    }

    .icon-love-off,.icon-love-on {
        width: .39rem;
        height: .34rem
    }

    .icon-close3 {
        width: .51rem;
        height: .51rem
    }

    .icon-logo2 {
        width: 2.76rem;
        height: .7rem
    }

    .icon-ae_sexy,.icon-wm {
        width: 4.1rem;
        height: 1.56rem
    }

    .icon-ag {
        width: 3.66rem;
        height: 1.22rem
    }

    .icon-allbet {
        width: 3.31rem;
        height: 2.12rem
    }

    .icon-dream_gaming {
        width: 2.94rem;
        height: 1.79rem
    }

    .icon-ebet {
        width: 3.31rem;
        height: 1.02rem
    }

    .icon-evolution {
        width: 3.56rem;
        height: 1.18rem
    }

    .icon-gameplay {
        width: 4.22rem;
        height: .82rem
    }

    .icon-gd {
        width: 3.37rem;
        height: 1.91rem
    }

    .icon-ppl {
        width: 4.23rem;
        height: 1.93rem
    }

    .icon-mg {
        width: 4.5rem;
        height: 1.15rem
    }

    .icon-playtech {
        width: 3.98rem;
        height: .81rem
    }

    .icon-sa_gaming {
        width: 3.88rem;
        height: 1.36rem
    }

    .icon-bti {
        width: 3.35rem;
        height: 1.5rem
    }

    .icon-ibc {
        width: 5rem;
        height: 1.17rem
    }

    .icon-br {
        width: 4.8rem;
        height: 1.12rem
    }

    .icon-CM {
        width: 4.5rem;
        height: 1.18rem
    }

    .icon-ime,.icon-tf {
        width: 5.2rem;
        height: 1.08rem
    }

    .icon-sgah,.icon-sgfw,.icon-sgzp {
        width: 4.3rem;
        height: 2.53rem
    }

    .icon-gg,.icon-sg {
        width: 5.2rem;
        height: 3.5rem
    }

    .icon-gpthai {
        width: 3.35rem;
        height: 2.43rem
    }

    .icon-gpsode {
        width: 3.92rem;
        height: 1.5rem
    }

    .icon-qqk {
        width: 4.15rem;
        height: .85rem
    }

    .icon-qqkthai {
        width: 3.4rem;
        height: .77rem
    }

    .icon-gpkeno {
        width: 2.95rem;
        height: .84rem
    }

    .icon-GP {
        width: 2rem;
        height: .53rem;
        margin-top: .2rem
    }

    .icon-QQK {
        width: 1.9rem;
        height: .44rem;
        margin-top: .35rem
    }

    .icon-poker2 {
        width: 4.5rem;
        height: .72rem
    }

    .icon-android {
        width: .23rem;
        height: .26rem
    }

    .icon-ios {
        width: .22rem;
        height: .26rem
    }

    .icon-search {
        width: .24rem;
        height: .26rem
    }

    .icon-level {
        width: .65rem;
        height: .4rem
    }

    .icon-reload {
        width: .26rem;
        height: .26rem
    }

    .icon-transfer {
        width: .87rem;
        height: .41rem
    }

    #app {
        padding-top: 0
    }

    #app .msg-enter,#app .msg-exit {
        -webkit-transform: translateX(100vw) translateZ(0);
        transform: translateX(100vw) translateZ(0)
    }

    #app .msg-enter-active,#app .msg-exit-active {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
        transition: -webkit-transform 20s linear;
        transition: transform 20s linear;
        transition: transform 20s linear,-webkit-transform 20s linear
    }

    #app .notice {
        height: .55rem;
        font-size: .28rem
    }

    #app .announcement-box .announcement-popup,#app .home-notice-box .notice-popup {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    #app .announcement-box .announcement-img-popup .icon-close2 {
        top: -.2rem;
        right: -.2rem
    }

    #app .announcement-box .announcement-img-popup img {
        max-width: 12rem;
        max-height: 12rem
    }

    #app .container {
        width: 100%
    }

    #app .login-page-box,#app .reset-page-box {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    #app .game-content li {
        width: 3.48rem;
        height: 2.83rem
    }

    #app .game-content li:not(:nth-child(5n)) {
        margin-right: .22rem
    }

    #app .game-content li .img-box {
        width: 3.48rem;
        height: 2.11rem
    }

    #app .game-content li .img-box .hover-box>span {
        width: 1.59rem;
        height: .49rem;
        font-size: .25rem;
        border-right: .05rem
    }

    #app .game-content li>p {
        height: .72rem;
        font-size: .25rem;
        padding-left: .32rem;
        padding-right: .2rem;
        padding-bottom: 0
    }

    #app .game-content li>p:before {
        height: .05rem
    }

    #app .game-content li>p:after {
        height: 0.08rem;
        bottom: 0;
        width: 0.8rem;
        left: 50%;
        transform: translateX(-50%);
    }

    #app .game-content li>p>span {
        width: 2.1rem
    }

    #app .header-section.info-page #header .top-header .top-header-box {
        padding-left: 0
    }

    #app .header-section.info-page #header .second-header span {
        font-size: .35rem
    }

    #app .header-section #header .top-header .top-header-box {
        padding-left: .45rem;
        width: 18.75rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list {
        max-width: 16rem;
        overflow-x: scroll;
        margin-left: 1.4rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar {
        display: block
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .header-section #header .top-header .top-header-box .nav-list li {
        font-size: .28rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item {
        font-size: .28rem;
        padding-left: .14rem;
        padding-right: .14rem;
        padding-bottom: .37rem;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg {
        width: .43rem;
        height: auto;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.new-icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg.new-icon {
        height: .7rem
    }

    #app .header-section #header .second-header {
        height: .58rem
    }

    #app .header-section #header .second-header .second-header-box {
        padding-left: .84rem;
        padding-right: .86rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time {
        font-size: .2rem;
        padding-right: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time:before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box {
        font-size: .23rem;
        padding-left: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .icon-flag {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box {
        margin-left: .12rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box svg {
        width: .22rem;
        height: .1rem;
        margin-left: .23rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box {
        font-size: .27rem;
        padding: .12rem .2rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li {
        height: .7rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span {
        margin-left: .2rem
    }

    #app .header-section #header .second-header .second-header-box .right.logined .down-list {
        display: none
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li {
        font-size: .23rem;
        padding: 0 .27rem
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li:not(:last-child):before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box {
        margin-left: .28rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn {
        width: 1.7rem;
        height: .49rem;
        font-size: .26rem;
        border-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn:not(:last-child) {
        margin-right: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login {
        color: #e9e9e9
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login {
        padding-right: 0
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box {
        width: 5.61rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency {
        width: 2.83rem;
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency .reload-box {
        width: .31rem;
        height: .31rem;
        margin-left: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info {
        width: 2.78rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info:before {
        height: .42rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face {
        margin-left: .12rem;
        margin-right: .43rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face img {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face span {
        width: .24rem;
        height: .24rem;
        font-size: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
        width: 2.78rem;
        height: 2.93rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li {
        font-size: .27rem;
        height: .5rem
    }

    #app .dropping-hot {
        height: 9.74rem;
        padding: 0 .86rem
    }

    #app .dropping-hot .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .dropping-hot .group .slider-box {
        display: none
    }

    #app .dropping-hot .group .games-list {
        margin-left: 0;
        width: 18.28rem
    }

    #app .dropping-hot .group .games-list .nav-tabs {
        height: .76rem;
        border-bottom: 0;
        margin-top: 0;
        margin-bottom: .34rem
    }

    #app .dropping-hot .group .games-list .nav-tabs:before {
        content: "";
        width: 18.27rem;
        height: .02rem;
        position: absolute;
        bottom: 0;
        left: -.05rem;
        background: hsla(0,0%,100%,.25)
    }

    #app .dropping-hot .group .games-list .nav-tabs li {
        border-radius: .09rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0 .43rem;
        height: .72rem;
        font-size: .3rem;
        border: 1px solid hsla(0,0%,100%,.25);
        border-bottom-color: transparent;
        margin-right: .2rem
    }

    #app .dropping-hot .group .games-list .nav-tabs li.on,#app .dropping-hot .group .games-list .nav-tabs li:hover {
        border-width: 1px
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games {
        right: .06rem
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games>span:first-child,#app .dropping-hot .group .games-list .nav-tabs .more-games>span:nth-child(2) {
        font-size: .3rem
    }

    #app .dropping-hot .group .games-list .no-data {
        font-size: .35rem;
        line-height: 100%
    }

    #app .donot-miss {
        padding: 0 .86rem;
        height: 6.34rem
    }

    #app .donot-miss .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .donot-miss .more-games {
        display: block;
        position: absolute;
        right: .83rem;
        top: .94rem;
        font-size: .3rem;
        color: #787e8b;
        cursor: pointer
    }

    #app .donot-miss .more-games:hover>span:first-child {
        text-decoration: underline
    }

    #app .donot-miss .donot-miss-list {
        overflow-x: scroll
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar {
        display: none
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .donot-miss .donot-miss-list li {
        flex: 1 0 auto;
        width: 7.08rem;
        height: 3.5rem;
        margin-bottom: .1rem;
        padding-left: 3.3rem;
        align-items: flex-start;
        cursor: pointer
    }

    #app .donot-miss .donot-miss-list li .hover-box {
        display: none
    }

    #app .donot-miss .donot-miss-list li .title {
        font-size: .32rem
    }

    #app .donot-miss .donot-miss-list li .content {
        text-align: left;
        font-size: .28rem;
        line-height: .3rem;
        width: 3.5rem
    }

    #app .donot-miss .donot-miss-list li .content br {
        display: none
    }

    #app .donot-miss .donot-miss-list li:first-child {
        background-image: url(/images/homepage/donotmiss/pad/1_.png)
    }

    #app .donot-miss .donot-miss-list li:first-child .content {
        width: 3.35rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) {
        padding-left: 3.8rem;
        background-image: url(/images/homepage/donotmiss/pad/2_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) .content {
        width: 2.78rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(3) {
        background-image: url(/images/homepage/donotmiss/pad/3_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(4) {
        background-image: url(/images/homepage/donotmiss/pad/4_.png)
    }

    #app .donot-miss .donot-miss-list li:not(:last-child) {
        margin-right: .37rem
    }

    #app .donot-miss .donot-miss-list li .bottom {
        height: .53rem
    }

    #app .donot-miss .donot-miss-list li .bottom:before {
        height: .47rem
    }

    #app .donot-miss .donot-miss-list li .bottom:after {
        height: .08rem;
        bottom: .44rem
    }

    #app .donot-miss .donot-miss-list li:hover .hover-box {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    #app .donot-miss .donot-miss-list li:hover .bottom {
        -webkit-transform: translateY(.4rem);
        transform: translateY(.4rem)
    }

    #seo-footer-container #seo-footer {
        width: 100%;
        padding-left: 1.77rem;
        padding-right: 1.68rem
    }

    #seo-footer-container #seo-footer>div .content-text,#seo-footer-container #seo-footer>div .content-title {
        font-size: .21rem
    }
}

#app div:not([data-page=launch-game]):not([data-page=launch-4d]) .bg-content-section {
    padding-top: 1.3rem;
    /* background-color: #191919; */
}

#app .bg-content-section .banner,#app .bg-content-section .banner .slider .slider-container>div {
    background: #020404
}

#app .bg-content-section .banner .slider .slider-container>div>div,#app .bg-content-section .banner .slider .slider-container>div>div>div {
    width: 100%;
    height: 100%
}

#app .bg-content-section .banner .slider .slider-container>div>div img {
    height: 100%;
    display: block;
    margin: 0 auto
}

#app .bg-content-section .banner .slider .slider-container>div>div img[data-screen=pad] {
    display: none
}

#app .bg-content-section .banner .slider .pagination {
    bottom: 0
}

#app .bg-content-section .banner .slider .pagination li {
    width: 1.37rem;
    height: auto;
    position: relative
}

#app .bg-content-section .banner .slider .pagination li:not(:last-child) {
    margin-right: .11rem
}

#app .bg-content-section .banner .slider .pagination li .loading-line {
    content: "";
    width: 0;
    height: .03rem;
    transition: background .5s;
    position: absolute;
    left: 0;
    bottom: 0
}

#app .bg-content-section .banner .slider .pagination li img {
    width: 100%;
    height: .37rem;
    display: block;
    margin: 0 0 .03rem
}

#app .bg-content-section .banner .slider .pagination li.on img:first-child,#app .bg-content-section .banner .slider .pagination li:hover img:first-child,#app .bg-content-section .banner .slider .pagination li img:nth-child(2) {
    display: none
}

#app .bg-content-section .banner .slider .pagination li.on img:nth-child(2),#app .bg-content-section .banner .slider .pagination li:hover img:nth-child(2) {
    display: block
}

#app .bg-content-section .banner .slider .pagination li.on .loading-line {
    width: 100%;
    -webkit-animation: slidein 10s;
    animation: slidein 10s
}

@-webkit-keyframes slidein {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes slidein {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

#app .bg-content-section .sports {
    height: 7.34rem;
    background: #0f181e url(/images/homepage/section/section.png) no-repeat bottom;
    border-bottom: .03rem solid #111;
    position: relative;
}

#app .bg-content-section .sports .fire {
    position: absolute;
    max-height: 2.4rem;
    margin-left: -1.5rem;
}

#app .bg-content-section .sports>.container {
    height: 6rem;
    position: relative
}

#app .bg-content-section .sports .step-box {
    height: 1.34rem;
    background: transparent url(/images/homepage/section/step.png) no-repeat 50%;
    background-size: 18.27rem 1.35rem
}

#app .bg-content-section .sports .partner-box {
    /* height: 1.34rem; */
    background: transparent url(/images/homepage/section/partner_bg.webp) no-repeat 50%;
    background-size: cover
}

#app .bg-content-section .sports.slots .step-box {
    height: 2rem;
    background: transparent url(/images/homepage/section/jackpot_frame.gif) no-repeat 50%;
    background-size: contain
}

#app .bg-content-section .sports.slots .step-box .container {
    padding-left: 0;
    display: flex;
    align-items: center;
}

#app .bg-content-section .sports.slots .step-box .container .jackpot-play {
    position: relative;
    margin: auto;
    text-align: center;
    width: 100%;
}

#app .bg-content-section .sports.slots .step-box .container .jackpot-play img {
    width: 100%;
}

#app .bg-content-section .sports.slots .step-box .container .jackpot-play>span {
    color: #f9d00c;
    font-size: .58rem;
    font-weight: 700;
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#app .bg-content-section .sports.slots .step-box .container .jackpot-play .jp-num {
    margin-top: -.1rem;
}

#app .bg-content-section .sports.slots .step-box .container .jackpot-play .odometer-inside .odometer-digit {
    font-family: nunito-extrabold;
}

#app .bg-content-section .sports .step-box .container {
    padding-left: 1.5rem
}

#app .bg-content-section .sports .step-box ul,#app .bg-content-section .sports .step-box ul li {
    display: flex
}

#app .bg-content-section .sports .step-box ul li>i {
    width: .7rem;
    height: .7rem;
    /* border-radius: 50%; */
    margin-top: .42rem;
    margin-right: .18rem
}

#app .bg-content-section .sports .step-box ul li>div {
    display: flex;
    flex-direction: column
}

#app .bg-content-section .sports .step-box ul li>div>span {
    text-transform: uppercase
}

#app .bg-content-section .sports .step-box ul li>div>span:first-child {
    font-family: nunito-black;
    font-size: .18rem;
    font-weight: 600;
    line-height: .5rem;
    -webkit-transform: translateY(.08rem);
    transform: translateY(.08rem);
    display: flex;
    align-items: center
}

#app .bg-content-section .sports .step-box ul li>div>span:first-child b {
    font-size: .22rem;
    -webkit-transform: translate(.04rem,-.01rem);
    transform: translate(.04rem,-.01rem);
    font-family: nunito-black
}

#app .bg-content-section .sports .step-box ul li>div>span:nth-child(2) {
    font-family: nunito-semibold;
    font-size: .24rem;
    color: #d4d4d4;
    font-weight: 600;
    line-height: .24rem;
    -webkit-transform: translateY(.03rem);
    transform: translateY(.03rem)
}

#app .bg-content-section .sports .step-box ul li:first-child {
    width: 4.54rem
}

#app .bg-content-section .sports .step-box ul li:nth-child(2) {
    width: 3.95rem
}

#app .bg-content-section .sports .step-box ul li:last-child>div>span:nth-child(2) {
    font-family: nunito-black
}

#app .bg-content-section .sports .partner-box .container {
    padding-left: .25rem;
}

#app .bg-content-section .sports .partner-box ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

#app .bg-content-section .sports .partner-box ul li {
    display: flex;
}

#app .bg-content-section .sports .partner-box ul li:first-child {
    width: 2rem;
}

#app .bg-content-section .sports .partner-box ul li span {
    color: #fff;
    font-weight: 700;
    margin-right: 0.05rem;
    text-transform: uppercase;
}

#app .bg-content-section .sports .partner-box ul li img {
    width: 1.62rem;
}

#app .bg-content-section .sports .contact-box {
    position: relative;
}

#app .bg-content-section .sports .contact-box {
    position: relative;
}

#app .bg-content-section .sports .contact-box {
    position: relative;
}

#app .bg-content-section .sports .contact-box img {
    width: 13.69rem;
    height: 1.2rem
}

#app .bg-content-section .sports .contact-box img.tree {
    position: absolute;
    right: 0;
    top: -.5rem;
    width: auto;
    height: 2.5rem;
}

#app .bg-content-section .sports .contact-box .contact-list {
    display: flex;
    max-width: 8rem;
    position: absolute;
    left: 2.4rem;
    bottom: .6rem;
    overflow: scroll;
}

#app .bg-content-section .sports .contact-box .contact-list li {
    display: flex;
    align-items: center;
    margin-right: .15rem;
    cursor: pointer;
    white-space: nowrap
}

#app .bg-content-section .sports .contact-box .contact-list li .contactSvg {
    width: .4rem;
    height: .4rem;
    margin-right: .1rem
}

#app .bg-content-section .sports .contact-box .contact-list li i {
    width: .34rem;
    height: .34rem;
    margin-right: .1rem;
    background-size: 100% 100%
}

#app .bg-content-section .sports .contact-box .contact-list li div {
    display: flex;
    flex-direction: column
}

#app .bg-content-section .sports .contact-box .contact-list li div>span {
    font-family: nunito-semibold;
    font-size: .14rem
}

#app .bg-content-section .sports .contact-box .contact-list li div>span:first-child {
    color: #a2aabd
}

#app .bg-content-section .sports .contact-box .contact-list li div>span:nth-child(2) {
    transition: color .3s;
    color: #fff
}

#app .bg-content-section .sports .item-title {
    font-size: .25rem;
    font-family: nunitosans-extrabold;
    font-weight: 900;
    line-height: 1.1rem;
    text-transform: capitalize;
}

#app .bg-content-section .sports .group {
    display: flex
}

#app .bg-content-section .sports .group>div {
    padding-top: .08rem
}

#app .bg-content-section .sports.slots .group .sports-games {
    background: none;
}

#app .bg-content-section .sports .group .sports-games {
    padding-left: .3rem;
    height: 4.5rem;
    background: url(/images/sports/home/blue.webp) no-repeat right .9rem;
    width: 8.9rem;
    background-size: 3.56rem 4.19rem;
    position: relative
}

#app .bg-content-section .sports .group .sports-games .item-title {
    text-transform: capitalize
}

#app .bg-content-section .sports .group .sports-games .content-item {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

#app .bg-content-section .sports .group .sports-games .content-item .item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 6.28rem;
    padding-top: 1.8rem
}

#app .bg-content-section .sports .group .sports-games .content-item .item-content>* {
    pointer-events: auto;
    display: none
}

/* #app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-CM {
    background: url(/images/sports/home/1.png) no-repeat .7rem bottom;
    background-size: 5.93rem 3.51rem
}

#app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-MB {
    background: url(/images/sports/home/2.png) no-repeat -.2rem .95rem;
    background-size: 7.25rem 7.88rem
}

#app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-SB {
    background: url(/images/sports/home/4.png) no-repeat .5rem .95rem;
    background-size: 7.25rem 7.88rem
}

#app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-BR {
    background: url(/images/sports/home/3.png) no-repeat 1.3rem .82rem;
    background-size: 6.65rem 7.12rem
}

#app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-M8 {
    background: url(/images/sports/home/5.png) no-repeat;
    background-size: 83%
}

#app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-SBO {
    background: url(/images/sports/home/6.png) no-repeat;
    background-size: 83%
} */

#app .bg-content-section .sports .group .sports-games .slider {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div {
    display: flex;
    justify-content: flex-start;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .sport-img {
    position: absolute;
    bottom: 0;
    left: 3.5rem;
    width: 11.4rem
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 6.28rem;
    padding-top: 1.8rem
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content>* {
    pointer-events: auto
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content .icon-box {
    height: .41rem;
    -webkit-transform: translateY(.08rem);
    transform: translateY(.08rem)
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content p {
    color: #fff;
    font-size: .16rem;
    line-height: .18rem;
    padding: .2rem 0 .2rem;
    width: 1.5rem;
    display: flex;
    flex-direction: column;
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content p span:nth-child(2) {
    color: #ffe603;
    font-size: .28rem;
    font-weight: 700;
    line-height: 0.34rem;
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content .btn {
    width: 1.5rem;
    height: .28rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: nunito-bold;
    cursor: pointer;
    font-size: .16rem;
    white-space: nowrap
}

#app .bg-content-section .sports .group .sports-games .slider .pagination {
    flex-direction: column;
    -webkit-transform: translate(0);
    transform: translate(0);
    left: .29rem;
    top: 1.23rem;
    z-index: 1;
    overflow-y: auto;
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li {
    width: 1.5rem;
    height: .4rem!important;
    background: #1e2022;
    border-radius: .05rem;
    position: relative
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div {
    width: 100%;
    height: 100%;
    padding-left: .19rem;
    padding-top: .1rem;
    position: relative;
    overflow: hidden;
    border-radius: .05rem
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div:after,#app .bg-content-section .sports .group .sports-games .slider .pagination li>div:before {
    transition: background .5s;
    content: "";
    position: absolute
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div:before {
    height: .02rem;
    left: 0;
    bottom: 0;
    width: 100%;
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div:after {
    width: .7rem;
    height: .04rem;
    left: .14rem;
    bottom: .01rem;
    -webkit-transform: perspective(.5em) rotateX(8deg);
    transform: perspective(.5em) rotateX(8deg)
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div.BTI {
    padding-top: .11rem
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div.PP {
    padding-top: .06rem
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div.PG {
    padding-top: .14rem
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div span {
    display: block;
    font-size: .14rem;
    font-family: nunito-bold;
    color: #6b707d;
    transition: color .5s;
    line-height: .13rem;
    width: .62rem
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div span.BTI {
    line-height: .14rem
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li>div span.provider-disable:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    z-index: 1
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li:before {
    content: "";
    position: absolute
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character {
    position: absolute;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease-in-out;
}

@media (max-width: 1024px) {
    #app div:not([data-page=launch-game]):not([data-page=launch-4d]) .bg-content-section {
        padding-top: 1.872rem;
    }
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character {
    right: 0;
    top: -.15rem;
    width: .45rem
}

#app .bg-content-section .sports.slots .group .sports-games .slider .pagination li .provider-character {
    right: 0;
    top: -0.15rem;
    width: 0.55rem;
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-M8 {
    top: -0.12rem;
}

/* #app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-M8,#app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-SBO {
    right: 0;
    top: -.18rem;
    width: .5rem
} */

#app .bg-content-section .sports .group .sports-games .slider .pagination li:first-child {
    margin-top: .15rem;
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li:not(:last-child) {
    margin-bottom: .31rem;
    margin-right: 0;
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li.on .provider-character,#app .bg-content-section .sports .group .sports-games .slider .pagination li:hover .provider-character {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#app .bg-content-section .dota2-box {
    min-height: 5.72rem;
    position: relative;
    padding-bottom: .13rem;
    background: #0a0a0a
}

#app .bg-content-section .dota2-box .dota-banner {
    display: block;
    width: 20rem;
    height: 5.86rem;
    position: absolute;
    bottom: .13rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

#app .bg-content-section .dota2-box.custom-style:before {
    height: 5.04rem;
    background-size: 100% 100%
}

#app .bg-content-section .dota2-box>.container {
    position: relative;
    z-index: 2
}

#app .bg-content-section .dota2-box>.container .item-title {
    font-size: .25rem;
    line-height: .25rem;
    font-family: nunito-extrabold;
    font-weight: 900;
    padding-left: .1rem;
    padding-top: .32rem;
    padding-bottom: .1rem
}

#app .bg-content-section .dota2-box>.container .mv-source .top-container {
    display: flex;
    align-items: center;
    margin: .38rem 0 0
}

#app .bg-content-section .dota2-box>.container .mv-source .top-container .iframe-container {
    margin: 0 .29rem 0 0;
    width: 8rem;
    height: 4.52rem
}

#app .bg-content-section .dota2-box>.container .mv-source .top-container .maintenance-container {
    display: flex;
    justify-content: center;
    align-items: center
}

#app .bg-content-section .dota2-box>.container .mv-source .top-container .maintenance-container .maintenance-span {
    color: #fff;
    font-size: .6rem
}

#app .bg-content-section .dota2-box>.container .mv-source .top-container .side-banner img {
    width: 5.41rem
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container {
    margin: .25rem 0 .16rem
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container::-webkit-scrollbar {
    width: .05rem;
    display: block
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container::-webkit-scrollbar-track {
    background: #343434
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container::-webkit-scrollbar-thumb {
    background: #4e4e4e;
    border-radius: 0;
    box-shadow: none
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container::-webkit-scrollbar-thumb:hover {
    background: #555
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content {
    padding: 0 .17rem 0 0;
    display: flex;
    width: 100%
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content.pointer {
    cursor: pointer
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content.disabled {
    cursor: not-allowed
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content:last-child {
    padding: 0
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#app .bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content img.active {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container {
    margin-left: .48rem;
    width: 6.66rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-top: .23rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content {
    width: 1.64rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content ul li {
    list-style: "-";
    padding-left: .03rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content.en .title {
    line-height: .16rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content.en ul {
    line-height: .12rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content.zh-cn .title {
    line-height: .2rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content.zh-cn ul {
    line-height: .15rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content.ms .title {
    line-height: .16rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .left-content.ms ul {
    line-height: .12rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content {
    width: 1.64rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content ul {
    width: 1.1rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content.en .title {
    line-height: .16rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content.en ul {
    line-height: .12rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content.zh-cn .title {
    line-height: .2rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content.zh-cn ul {
    line-height: .15rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content.ms .title {
    line-height: .16rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .right-content.ms ul {
    line-height: .12rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .name {
    font-family: nunito-black;
    font-weight: 900
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .name .en {
    font-size: .18rem;
    line-height: .18rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .name .cn {
    font-size: .19rem;
    line-height: .19rem;
    margin-left: .1rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .title {
    margin-top: .21rem;
    font-size: .16rem;
    opacity: .5
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container ul {
    margin-top: .24rem;
    font-size: .12rem;
    opacity: .5
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container ul li:not(:last-child) {
    margin-bottom: .1rem
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .social-container {
    margin-top: .27rem;
    display: flex
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .social-container i {
    cursor: pointer
}

#app .bg-content-section .dota2-box>.container .mv-source .content-container .social-container i:not(:last-child) {
    margin-right: .11rem
}

#app .bg-content-section .dropping-hot .game-content-container {
    position: relative;
    width: 100%
}

#app .bg-content-section .dropping-hot .game-content-container .game-content {
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 1440px) {
    #app .banner .slider .slider-container .home-banner-img-container {
        background-size:cover!important
    }
}

@media(max-width: 1024px) {
    #app .bg-content-section .dota2-box,#app .bg-content-section .side-popup {
        display:none
    }

    #app .bg-content-section .common-title,#app .bg-content-section .donot-miss .item-title,#app .bg-content-section .dropping-hot .item-title,#app .donot-miss .bg-content-section .item-title,#app .dropping-hot .bg-content-section .item-title{
        font-size: .35rem;
        line-height: 100%
    }

    #app .bg-content-section .banner .slider .slider-container>div>div div[data-screen=web] {
        display: none
    }

    #app .bg-content-section .banner .slider .slider-container>div>div img {
        height: 100%
    }

    #app .bg-content-section .banner .slider .slider-container>div>div img[data-screen=web] {
        display: none
    }

    #app .bg-content-section .banner .slider .slider-container>div>div img[data-screen=pad] {
        display: block
    }

    #app .bg-content-section .banner .slider .pagination li:not(:last-child) {
        margin-right: .12rem
    }

    #app .bg-content-section .sports {
        height: 17.14rem;
        width: 100%;
        background: #0f181e url(/images/homepage/section/pad/section.png) no-repeat center -2.45rem;
        background-size: 100% 12.32rem
    }

    #app .bg-content-section .sports .item-title {
        font-size: .35rem;
        line-height: 100%
    }

    #app .bg-content-section .sports .contact-box {
        display: none
    }

    #app .bg-content-section .sports .step-box {
        height: 2.03rem;
        width: 20.48rem;
        background: transparent url(/images/homepage/section/pad/step.png) no-repeat 50%;
        background-size: 20.48rem 2.03rem
    }

    #app .bg-content-section .sports .step-box .container {
        padding-left: 2.8rem
    }

    #app .bg-content-section .sports .step-box ul li:first-child {
        width: 6.82rem
    }

    #app .bg-content-section .sports .step-box ul li:nth-child(2) {
        width: 5.92rem
    }

    #app .bg-content-section .sports .step-box ul li>i {
        width: 1.05rem;
        height: 1.05rem;
        margin-top: .64rem;
        margin-right: .24rem
    }

    #app .bg-content-section .sports .step-box ul li>div>span:first-child {
        font-size: .27rem;
        line-height: .8rem
    }

    #app .bg-content-section .sports .step-box ul li>div>span:nth-child(2) {
        font-size: .36rem;
        line-height: .36rem
    }

    #app .bg-content-section .sports .partner-box {
        height: 1.5rem;
        background-size: cover
    }
    #app .bg-content-section .sports .partner-box .container {
        padding-left: 3.25rem;
    }

    #app .bg-content-section .sports .partner-box ul {
        /* display: flex;
        align-items: center; */
    }

    #app .bg-content-section .sports .partner-box ul li:first-child {
        line-height: .34rem;
        width: 2.5rem;
    }

    #app .bg-content-section .sports .partner-box ul li span {
        font-size: 0.24rem;
    }

    #app .bg-content-section .sports .partner-box ul li img {
        width: 2.25rem;
    }

    #app .bg-content-section .sports .group {
        flex-direction: column
    }

    #app .bg-content-section .sports .group .sports-games {
        height: 8.3rem;
        width: 100%;
        padding-left: .93rem;
        background-position: 12.52rem 1.3rem;
        background-size: 6.88rem 8.11rem
    }

    #app .bg-content-section .sports .group .sports-games .content-item .item-content {
        position: absolute;
        padding-left: 14.6rem;
        padding-top: 2.7rem
    }

    /* #app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-CM {
        background: url(/images/homepage/section/1.png) no-repeat 3.5rem bottom;
        background-size: 11.43rem 6.76rem
    }

    #app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-MB {
        background: url(/images/homepage/section/2.png) no-repeat 1.2rem 1rem;
        background-size: 13.97rem 15.19rem
    }

    #app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-SB {
        background: url(/images/homepage/section/4.png) no-repeat 4rem 1rem;
        background-size: 12.82rem 13.72rem
    }

    #app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-BR {
        background: url(/images/homepage/section/3.png) no-repeat 2.5rem 1rem;
        background-size: 13.97rem 15.19rem
    }

    #app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-M8 {
        background: url(/images/homepage/section/5.png) no-repeat;
        background-size: 83%
    }

    #app .bg-content-section .sports .group .sports-games .content-item .item-content.provider-SBO {
        background: url(/images/homepage/section/6.png) no-repeat;
        background-size: 83%
    } */

    #app .bg-content-section .sports .group .sports-games .item-title {
        margin-top: .8rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content {
        position: absolute;
        padding-left: 9.76rem;
        padding-top: .5rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content .icon-box {
        height: 1.2rem;
        display: flex;
        align-items: center
    }

    #app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content p {
        font-size: .28rem;
        line-height: .4rem;
        padding: .46rem 0;
        width: 3rem;
    }

    #app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content p span:nth-child(2) {
        line-height: .48rem;
    }

    #app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content .btn {
        width: 2.93rem;
        height: .54rem;
        font-size: .31rem;
        border-radius: .09rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination {
        left: .93rem;
        top: 2.08rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li {
        width: 3.42rem;
        height: .91rem!important;
        border-radius: .11rem;
        background: #1e2022;
        width: 3.12rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li:not(:last-child) {
        margin-bottom: .3rem;
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li>div {
        padding-left: .39rem;
        display: flex;
        align-items: flex-start;
        padding-top: .25rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li>div:before {
        height: .06rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li>div:after {
        height: .1rem;
        bottom: .04rem;
        width: 1.6rem;
        left: .32rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li>div.BTI {
        line-height: .35rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li>div span {
        font-size: .3rem;
        width: 1.4rem;
        line-height: .32rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li>div span.BTI {
        line-height: .35rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-CM {
        right: -.05rem;
        top: -.25rem;
        width: 1.15rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-MB {
        right: -.06rem;
        top: -.5rem;
        width: 1.25rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-SB {
        right: 0;
        top: -.15rem;
        width: 1rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-BR {
        right: -.94rem;
        top: -.55rem;
        width: 2.55rem
    }

    #app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-M8,#app .bg-content-section .sports .group .sports-games .slider .pagination li .provider-character.provider-SBO {
        right: 0;
        top: -.3rem
    }

    #app .bg-content-section .sports .group .up-events {
        margin-left: 0;
        padding-left: 0;
        height: 5.76rem;
        width: 100%;
        background: transparent;
        position: relative
    }

    #app .bg-content-section .sports .group .up-events:before {
        left: 0
    }

    #app .bg-content-section .sports .group .up-events:after,#app .bg-content-section .sports .group .up-events:before {
        pointer-events: none;
        content: "";
        width: 3.85rem;
        height: 100%;
        background: url(/images/mask.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        z-index: 1
    }

    #app .bg-content-section .sports .group .up-events:after {
        right: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #app .bg-content-section .sports .group .up-events .item-title {
        padding-top: .8rem;
        padding-bottom: .28rem;
        padding-left: .53rem
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad] {
        display: flex;
        margin-top: .3rem;
        height: 4.81rem
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider {
        position: relative;
        width: 100%;
        height: 100%
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider .slider-container {
        z-index: 0
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider .slider-container>div {
        position: absolute;
        transition: opacity .3s,-webkit-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        min-width: 0;
        width: 7.11rem;
        height: 4.81rem;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: .5
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider .slider-container>div[data-active=true] {
        opacity: 1
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider .slider-container>div[data-active=false] {
        cursor: pointer
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider .slider-container>div[data-active=false]>* {
        pointer-events: none
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider .slider-container>div .item-match {
        -webkit-transform: scale(1.78);
        transform: scale(1.78)
    }

    #app .bg-content-section .sports .group .up-events .slider-box[data-screen=pad]>.slider .pagination {
        display: none
    }

    #app .bg-content-section .dropping-hot .game-content-container .game-content {
        max-height: 7.5rem;
        overflow-y: hidden
    }
}

#app .casino-panel .slider .slider-container {
    height: auto;
}

#app .casino-panel .slider .slider-container>div,#app .casino-panel .slider .slider-container>div>div {
    position: relative;
    text-align: center;
}

#app .casino-panel .slider .slider-container>div>div img {
    width: 20rem;
    height: 6.16rem;
    margin-top: -1.05rem
}

#app .casino-panel .slider .slider-container>div>div img.JK {
    transform: translateX(-1.6rem);
}

#app .casino-panel .slider .slider-container>div>div .container {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    height: 5rem
}

#app .casino-panel .slider .slider-container>div>div .container .suspend {
    position: absolute;
    display: flex
}

#app .casino-panel .slider .slider-container>div>div .container .suspend img {
    margin: 0;
    display: block;
    width: 100%;
    height: 100%
}

#app .casino-panel .slider .slider-container>div>div .container .content {
    width: 4.48rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: 1.05rem;
    font-size: .23rem;
    word-break: break-word
}

#app .casino-panel .slider .slider-container>div>div .container .content .desc {
    text-align: center;
    line-height: 1.4em;
}

#app .casino-panel .slider .slider-container>div>div .container .content .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.3rem;
    height: 1.5rem;
    -webkit-transform: translateY(-.07rem);
    transform: translateY(-.07rem)
}

#app .casino-panel .slider .slider-container>div>div .container .content p {
    font-size: .24rem;
    text-align: center;
    color: #fff;
    line-height: .3rem;
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

#app .casino-panel .slider .slider-container>div>div .container .content .btn {
    -webkit-transform: translateY(-.03rem);
    transform: translateY(-.03rem);
    width: 2rem;
    height: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-family: nunito-black;
    font-size: .18rem;
    color: #1a1a1a;
    border-radius: .05rem;
    margin-top: .38rem;
    white-space: nowrap
}

#app .casino-panel .slider .slider-container>div .container {
    color: #fff
}

#app .casino-panel .slider img.provider-icon {
    max-width: 1.4rem;
    max-height: .65rem;
    filter: grayscale(1);
}

#app .casino-panel .slider li:hover img.provider-icon, #app .casino-panel .slider .swiper-slide-thumb-active img.provider-icon, #app .casino-panel .slider .swiper-slide-thumb-active img.provider-icon {
    filter: grayscale(0);
}

#app .casino-panel .slider .pagination {
    flex-wrap: wrap;
    width: 11.8rem;
    /* bottom: .11rem; */
    z-index: 1;
    position: relative;
    left: unset;
    -webkit-transform: unset;
    transform: unset;
    margin: auto
}

#app .casino-panel .slider .pagination li {
    width: 1.8rem!important;
    height: .8rem;
    background: #1e2022;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem;
    overflow: hidden;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    position: relative;
    opacity: 1;
}

#app .casino-panel .slider .pagination li:not(:last-child) {
    margin-right: .2rem
}

#app .casino-panel .slider .pagination li i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

#app .casino-panel .slider .pagination li i.on {
    display: none
}

#app .casino-panel .slider .pagination li:last-child,#app .casino-panel .slider .pagination li:nth-child(6n) {
    margin-right: 0
}

#app .casino-panel .slider .pagination li .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0,0,0,.4392156862745098);
    cursor: auto;
    position: absolute;
    background-size: 25%
}

#app .casino-panel .slider .pagination li.on,#app .casino-panel .slider .pagination li:hover {
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

#app .casino-panel .slider .pagination li.on:after,#app .casino-panel .slider .pagination li.on:before,#app .casino-panel .slider .pagination li:hover:after,#app .casino-panel .slider .pagination li:hover:before {
    background: #f3c301
}

#app .casino-panel .slider .pagination li.on i.on,#app .casino-panel .slider .pagination li:hover i.on {
    display: inline-block
}

#app .casino-panel .slider .pagination li:after,#app .casino-panel .slider .pagination li:before {
    transition: background .5s;
    content: "";
    position: absolute;
}

#app .casino-panel .slider .pagination li:before {
    height: .03rem;
    left: 0;
    bottom: 0;
    width: 100%
}

#app .casino-panel .slider .pagination li:after {
    width: .83rem;
    height: .04rem;
    left: .48rem;
    bottom: .02rem;
    -webkit-transform: perspective(.5em) rotateX(8deg);
    transform: perspective(.5em) rotateX(8deg)
}

@media(max-width: 1024px) {
    #app .casino-panel .slider .slider-container>div,#app .casino-panel .slider .slider-container>div>div {
        width: 100%
    }

    #app .casino-panel .slider .slider-container>div>div img {
        height: 8.5rem;
        width: auto;
        display: block;
        margin: -.8rem auto 0 -1.5rem
    }

    #app .casino-panel .slider .slider-container>div>div .container {
        height: 7rem
    }

    #app .casino-panel .slider .slider-container>div>div .container .content {
        width: 6rem;
        top: 1.6rem;
        font-size: .33rem
    }

    #app .casino-panel .slider .slider-container>div>div .container .content .icon-box {
        width: 4.23rem;
        height: 1.55rem
    }

    #app .casino-panel .slider .slider-container>div>div .container .content p {
        font-size: .35rem;
        line-height: .42rem
    }

    #app .casino-panel .slider .slider-container>div>div .container .content .btn {
        width: 2.27rem;
        height: .57rem;
        font-size: .28rem
    }

    #app .casino-panel .slider .pagination {
        width: 17.1rem;
        bottom: 0
    }

    #app .casino-panel .slider .pagination li {
        width: 2.6rem!important;
        height: 1.16rem;
        margin-bottom: .3rem;
        border-radius: .14rem
    }

    #app .casino-panel .slider .pagination li:not(:last-child) {
        margin-right: .3rem
    }

    #app .casino-panel .slider .pagination li:last-child,#app .casino-panel .slider .pagination li:nth-child(6n) {
        margin-right: 0
    }

    #app .casino-panel .slider .pagination li:before {
        height: .04rem
    }

    #app .casino-panel .slider .pagination li:after {
        height: .08rem;
        bottom: .02rem;
        left: .66rem;
        width: 1.22rem
    }

    #app .casino-panel .slider .pagination li>div>i {
        -webkit-transform: translate(-50%,-50%) scale(1.46);
        transform: translate(-50%,-50%) scale(1.46)
    }
}

#app .sports-panel {
    height: 6.65rem;
    background: linear-gradient(0deg,#111,#12191c)
}

#app .sports-panel .slider .slider-container>div>div {
    position: relative;
    text-align: center;
}

#app .sports-panel .slider .slider-container>div>div img {
    width: 20rem;
    height: 6.16rem
}

#app .sports-panel .slider .slider-container>div>div img.CY {
    transform: translateX(0);
}

#app .sports-panel .slider .slider-container>div>div .container {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    height: 5rem
}

#app .sports-panel .slider .slider-container>div>div .container .suspend {
    position: absolute;
    display: flex
}

#app .sports-panel .slider .slider-container>div>div .container .suspend img {
    margin: 0;
    display: block;
    width: 100%;
    height: 100%
}

#app .sports-panel .slider .slider-container>div>div .container .content {
    width: 4.48rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: 1.05rem;
    font-size: .23rem
}

#app .sports-panel .slider .slider-container>div>div .container .content .desc {
    text-align: center;
    line-height: 1.4em;
}

#app .sports-panel .slider .slider-container>div>div .container .content .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.3rem;
    height: 1.2rem;
    -webkit-transform: translateY(-.07rem);
    transform: translateY(-.07rem)
}

#app .sports-panel .slider .slider-container>div>div .container .content .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: unset;
    margin: unset
}

#app .sports-panel .slider .slider-container>div>div .container .content p {
    font-size: .24rem;
    text-align: center;
    color: #fff;
    line-height: .3rem;
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

#app .sports-panel .slider .slider-container>div>div .container .content .btn {
    -webkit-transform: translateY(-.03rem);
    transform: translateY(-.03rem);
    width: 2rem;
    height: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-family: nunito-black;
    font-size: .18rem;
    color: #1a1a1a;
    border-radius: .05rem;
    margin-top: .38rem;
    white-space: nowrap
}

#app .sports-panel .slider .slider-container>div .container {
    color: #fff;
    overflow: visible!important
}

#app .sports-panel .slider .pagination {
    justify-content: center;
    flex-wrap: wrap;
    width: 11.8rem;
    bottom: .45rem;
    z-index: 1
}

#app .sports-panel .slider .pagination li {
    width: 1.8rem!important;
    height: .8rem;
    background: #1e2022;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem;
    overflow: hidden;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    position: relative;
    opacity: 1;
}

#app .sports-panel .slider .pagination li .racing-thumbnail {
    width: 100%;
}

#app .sports-panel .slider .pagination li .racing-play {
    position: absolute;
    background: var(--primary-color);
    border: 0;
    color: #fff;
    font-size: .12rem;
    padding: 0.01rem 0.1rem;
    bottom: 0;
    right: 0;
    border-top-left-radius: 0.11rem;
    z-index: 1;
}

#app .sports-panel .slider .pagination li .racing-title {
    position: absolute;
    bottom: 0.38rem;
    right: 0.15rem;
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
}

#app .sports-panel .slider .pagination li .racing-desc {
    position: absolute;
    bottom: 0.24rem;
    right: 0.24rem;
    color: #fff;
    font-size: .12rem;
    font-weight: 500;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    #app .sports-panel .slider .pagination li .racing-title {
        bottom: 0.48rem;
        font-size: .24rem;
    }

    #app .sports-panel .slider .pagination li .racing-desc {
        font-size: .16rem;
    }

    #upload-identity-card-modal input {
        height: auto;
        background: transparent;
        font-size: 0.18rem;
    }
}

#app .sports-panel .slider .pagination li:not(:last-child) {
    margin-right: .2rem
}

#app .sports-panel .slider .pagination li i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

#app .sports-panel .slider .pagination li i.on {
    display: none
}

#app .sports-panel .slider .pagination li:last-child,#app .sports-panel .slider .pagination li:nth-child(6n) {
    margin-right: 0
}

#app .sports-panel .slider .pagination li .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0,0,0,.4392156862745098);
    cursor: auto;
    position: absolute;
    background-size: 30%
}

#app .sports-panel .slider .pagination li.on,#app .sports-panel .slider .pagination li:hover {
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

#app .sports-panel .slider .pagination li.on i.on,#app .sports-panel .slider .pagination li:hover i.on {
    display: inline-block
}

#app .sports-panel .slider .pagination li:after,#app .sports-panel .slider .pagination li:before {
    transition: background .5s;
    content: "";
    position: absolute;
}

#app .sports-panel .slider .pagination li:before {
    height: .03rem;
    left: 0;
    bottom: 0;
    width: 100%
}

#app .sports-panel .slider .pagination li:after {
    width: .83rem;
    height: .04rem;
    left: .48rem;
    bottom: .02rem;
    -webkit-transform: perspective(.5em) rotateX(8deg);
    transform: perspective(.5em) rotateX(8deg)
}

@media(max-width: 1024px) {
    #app .sports-panel {
        height:9.4rem
    }

    #app .sports-panel .slider .slider-container>div,#app .sports-panel .slider .slider-container>div>div {
        width: 100%
    }

    #app .sports-panel .slider .slider-container>div>div img {
        height: 8.8rem;
        width: auto;
        display: block;
        margin: 0 auto 0 -1rem
    }

    #app .sports-panel .slider .slider-container>div>div .container {
        height: 7rem
    }

    #app .sports-panel .slider .slider-container>div>div .container .content {
        width: 6.8rem;
        top: 1.6rem;
        font-size: .33rem
    }

    #app .sports-panel .slider .slider-container>div>div .container .content .icon-box {
        width: 5.5rem;
        height: 1.55rem
    }

    #app .sports-panel .slider .slider-container>div>div .container .content p {
        font-size: .35rem;
        line-height: .42rem
    }

    #app .sports-panel .slider .slider-container>div>div .container .content .btn {
        width: 2.27rem;
        height: .57rem;
        font-size: .28rem
    }

    #app .sports-panel .slider .pagination {
        width: 17.1rem;
        bottom: .84rem
    }

    #app .sports-panel .slider .pagination li {
        width: 2.6rem!important;
        height: 1.16rem;
        margin-bottom: .3rem;
        border-radius: .14rem
    }

    #app .sports-panel .slider .pagination li:not(:last-child) {
        margin-right: .3rem
    }

    #app .sports-panel .slider .pagination li:last-child,#app .sports-panel .slider .pagination li:nth-child(6n) {
        margin-right: 0
    }

    #app .sports-panel .slider .pagination li:before {
        height: .04rem
    }

    #app .sports-panel .slider .pagination li:after {
        height: .08rem;
        bottom: .02rem;
        left: .66rem;
        width: 1.22rem
    }

    #app .sports-panel .slider .pagination li>div>i {
        -webkit-transform: translate(-50%,-50%) scale(1.46);
        transform: translate(-50%,-50%) scale(1.46)
    }
}

#app .wap-page>div .sports-page .sports-box-container {
    position: relative;
    min-height: 13.1rem;
    overflow: auto
}

#app .wap-page>div .sports-page .sports-box-container .brand-page {
    display: flex;
    padding-left: .3rem;
    padding-top: .72rem;
    padding-bottom: .9rem
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box {
    margin-left: .51rem
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box .ani-ul .maintenance-cover {
    opacity: .5
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box .ani-ul .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: -3.3rem;
    background-size: 1.5rem;
    position: absolute
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box .item-title {
    font-size: .42rem;
    font-weight: 900;
    line-height: 100%;
    font-family: nunitosans-extrabold;
    display: block;
    margin-top: .1rem;
    text-transform: capitalize
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: .22rem;
    width: 9.13rem
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box ul li {
    width: 100%;
    height: 3.12rem;
    overflow: hidden;
    border-radius: .1rem;
    margin-bottom: .26rem;
    position: relative;
    cursor: pointer
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box ul li>p {
    position: absolute;
    left: 5.6rem;
    bottom: .6rem;
    width: 3rem;
    height: .9rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    line-height: .32rem
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box ul li img {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box ul li.provider-disable:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    z-index: 1
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .button-container {
    position: absolute;
    display: flex;
    left: 4.7rem;
    bottom: .5rem;
    width: 4rem;
    height: auto
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .button-container button {
    width: 1.94rem;
    height: .64rem;
    font-size: .3rem;
    margin-right: .13rem;
    border-radius: .1rem;
    font-weight: 600
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .button-container .dekstop-btn {
    color: #fff;
    border: .01rem solid #fff;
    background: #000
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .button-container .playnow-btn {
    color: #000;
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .button-container .playnow-btn-ms {
    font-size: .2rem!important
}

#app .esports-panel {
    height: 6.65rem
}

#app .esports-panel .slider .slider-container>div>div {
    position: relative;
    text-align: center;
}

#app .esports-panel .slider .slider-container>div>div img {
    width: 20rem;
    height: 6.16rem;
    margin-top: -1.1rem
}

#app .esports-panel .slider .slider-container>div>div .container {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    height: 5rem
}

#app .esports-panel .slider .slider-container>div>div .container .content {
    width: 4.48rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: 1.05rem;
    font-size: .23rem
}

#app .esports-panel .slider .slider-container>div>div .container .content .desc {
    text-align: center;
    line-height: 1.4em;
}

#app .esports-panel .slider .slider-container>div>div .container .content .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 1.2rem;
    -webkit-transform: translateY(-.07rem);
    transform: translateY(-.07rem)
}

#app .esports-panel .slider .slider-container>div>div .container .content .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: unset;
    margin: unset
}

#app .icon-racing-common {
    background: url(/images/FIFO88/racing/citibet_logo.webp) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 2.55rem;
    height: 0.82rem;
}

#app .icon-CY.icon-racing-common {
    background: url(/images/FIFO88/racing/rcb988_logo.webp) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 2.78rem;
    height: 0.82rem;
}

#app .esports-panel .slider .slider-container>div>div .container .content p {
    font-size: .24rem;
    text-align: center;
    color: #fff;
    line-height: .3rem;
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

#app .esports-panel .slider .slider-container>div>div .container .content .btn {
    -webkit-transform: translateY(-.03rem);
    transform: translateY(-.03rem);
    width: 2rem;
    height: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-family: nunito-black;
    font-size: .18rem;
    color: #1a1a1a;
    border-radius: .05rem;
    margin-top: .38rem;
    white-space: nowrap
}

#app .esports-panel .slider .slider-container>div .container {
    color: #fff
}

#app .esports-panel .slider .pagination {
    justify-content: center;
    flex-wrap: wrap;
    width: 11.8rem;
    bottom: .05rem;
    z-index: 1
}

#app .esports-panel .slider .pagination li {
    width: 1.8rem!important;
    height: .8rem;
    background: #1e2022;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem;
    overflow: hidden;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    position: relative;
    opacity: 1;
}

#app .esports-panel .slider .pagination li:not(:last-child) {
    margin-right: .2rem
}

#app .esports-panel .slider .pagination li i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

#app .esports-panel .slider .pagination li i.on {
    display: none
}

#app .esports-panel .slider .pagination li:last-child,#app .esports-panel .slider .pagination li:nth-child(6n) {
    margin-right: 0
}

#app .esports-panel .slider .pagination li .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0,0,0,.4392156862745098);
    cursor: auto;
    position: absolute;
    background-size: 30%
}

#app .esports-panel .slider .pagination li.on,#app .esports-panel .slider .pagination li:hover {
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

#app .esports-panel .slider .pagination li.on i.on,#app .esports-panel .slider .pagination li:hover i.on {
    display: inline-block
}

#app .esports-panel .slider .pagination li:after,#app .esports-panel .slider .pagination li:before {
    transition: background .5s;
    content: "";
    position: absolute;
}

#app .esports-panel .slider .pagination li:before {
    height: .03rem;
    left: 0;
    bottom: 0;
    width: 100%
}

#app .esports-panel .slider .pagination li:after {
    width: .83rem;
    height: .04rem;
    left: .48rem;
    bottom: .02rem;
    -webkit-transform: perspective(.5em) rotateX(8deg);
    transform: perspective(.5em) rotateX(8deg)
}

@media(max-width: 1024px) {
    #app .esports-panel {
        height:9.4rem
    }

    #app .esports-panel .slider .slider-container>div,#app .esports-panel .slider .slider-container>div>div {
        width: 100%
    }

    #app .esports-panel .slider .slider-container>div>div img {
        height: 8.8rem;
        width: auto;
        display: block;
        margin: -1.6rem auto 0 -2rem
    }

    #app .esports-panel .slider .slider-container>div>div .container {
        height: 7rem
    }

    #app .esports-panel .slider .slider-container>div>div .container .content {
        width: 6.8rem;
        top: 1.6rem;
        font-size: .33rem
    }

    #app .esports-panel .slider .slider-container>div>div .container .content .icon-box {
        width: 6.23rem;
        height: 1.55rem
    }

    #app .esports-panel .slider .slider-container>div>div .container .content p {
        font-size: .35rem;
        line-height: .42rem
    }

    #app .esports-panel .slider .slider-container>div>div .container .content .btn {
        width: 2.27rem;
        height: .57rem;
        font-size: .28rem
    }

    #app .esports-panel .slider .pagination {
        width: 17.1rem;
        bottom: .84rem
    }

    #app .esports-panel .slider .pagination li {
        width: 2.6rem!important;
        height: 1.16rem;
        margin-bottom: .3rem;
        border-radius: .14rem
    }

    #app .esports-panel .slider .pagination li:not(:last-child) {
        margin-right: .3rem
    }

    #app .esports-panel .slider .pagination li:last-child,#app .esports-panel .slider .pagination li:nth-child(6n) {
        margin-right: 0
    }

    #app .esports-panel .slider .pagination li:before {
        height: .04rem
    }

    #app .esports-panel .slider .pagination li:after {
        height: .08rem;
        bottom: .02rem;
        left: .66rem;
        width: 1.22rem
    }

    #app .esports-panel .slider .pagination li>div>i {
        -webkit-transform: translate(-50%,-50%) scale(1.46);
        transform: translate(-50%,-50%) scale(1.46)
    }
}

#app .wap-page>div .esports-page .esports-box-container {
    position: relative;
    min-height: 13.1rem;
    overflow: auto
}

#app .wap-page>div .esports-page .esports-box-container .brand-page {
    display: flex;
    padding-left: .3rem;
    padding-top: .72rem;
    padding-bottom: .9rem
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box {
    margin-left: .51rem;
    word-break: break-word
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box .ani-ul .maintenance-cover {
    opacity: .5
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box .ani-ul .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: -5rem;
    background-size: 1.5rem;
    position: absolute
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box .item-title {
    font-size: .42rem;
    font-weight: 900;
    line-height: 100%;
    font-family: nunitosans-extrabold;
    display: block;
    margin-top: .1rem;
    text-transform: capitalize
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: .22rem;
    width: 9.13rem
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box ul li {
    width: 100%;
    height: 4.8rem;
    overflow: hidden;
    border-radius: .1rem;
    margin-bottom: .26rem;
    position: relative;
    cursor: pointer
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box ul li>p {
    position: absolute;
    left: 5.6rem;
    bottom: 1.5rem;
    width: 3rem;
    height: .9rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    line-height: .32rem
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box ul li img {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

#app .wap-page>div .esports-page .esports-box-container .brand-page .esports-list-box ul li.provider-disable:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    z-index: 1
}

#app .wap-page>div .fishing-page .fishing-box-container {
    position: relative;
    min-height: 13.1rem;
    overflow: auto
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page {
    display: flex;
    padding-left: .3rem;
    padding-top: .72rem;
    padding-bottom: .9rem
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box {
    margin-left: .51rem
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box .ani-ul .maintenance-cover {
    opacity: .5
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box .ani-ul .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 0;
    background-size: 1.5rem
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box .item-title {
    font-size: .42rem;
    font-weight: 900;
    line-height: 100%;
    font-family: nunitosans-extrabold;
    display: block;
    margin-top: .1rem;
    text-transform: capitalize
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: .2rem;
    padding-top: .22rem;
    width: 9.13rem
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box ul li {
    width: 100%;
    height: 3.08rem;
    overflow: hidden;
    border-radius: .1rem;
    margin-bottom: .26rem;
    position: relative;
    cursor: pointer
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box ul li>p {
    position: absolute;
    left: 5.6rem;
    bottom: .7rem;
    width: 2.9rem;
    height: .89rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    line-height: .32rem
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box ul li img {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

#app .wap-page>div .fishing-page .fishing-box-container .brand-page .fishing-list-box ul li.provider-disable:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    z-index: 1
}

#app .wap-page>div .lottery-page .lottery-box-container {
    position: relative;
    min-height: 16.2rem;
    overflow: auto
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page {
    display: flex;
    padding-left: .3rem;
    padding-top: .72rem;
    padding-bottom: .9rem
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box {
    margin-left: .51rem;
    word-break: break-word
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box .ani-ul .maintenance-cover {
    opacity: .5
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box .ani-ul .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: -3.23rem;
    background-size: 1.5rem;
    position: absolute
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box .item-title {
    font-size: .42rem;
    font-weight: 900;
    line-height: 100%;
    font-family: nunitosans-extrabold;
    display: block;
    margin-top: .1rem;
    text-transform: capitalize
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: .22rem;
    width: 9.13rem
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box ul li {
    width: 100%;
    height: 3.12rem;
    overflow: hidden;
    border-radius: .1rem;
    margin-bottom: .26rem;
    position: relative;
    cursor: pointer
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box ul li>p {
    position: absolute;
    left: 5.53rem;
    bottom: .8rem;
    width: 3rem;
    height: .9rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    line-height: .32rem
}

#app .wap-page>div .lottery-page .lottery-box-container .brand-page .lottery-list-box ul li img {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

html {
    height: 100%;
    background: #191919;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility
}

html img {
    -webkit-user-drag: none
}

html * {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    box-sizing: border-box;
    font-family: nunito-regular
}

html .km * {
    font-family: kohsantepheap-regular,"sans-serif",宋体,sukhumvitset-text
}

html ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    display: none
}

html ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px transparent;
    border-radius: 10px;
    background-color: initial
}

html ::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

html body {
    overflow-x: hidden;
    font-size: 16px;
    letter-spacing: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

html body a,html body a:active,html body a:hover,html body a:link,html body a:visited {
    text-decoration: none
}

html body input {
    -webkit-appearance: none
}

/* Chrome, Safari, Edge, Opera */
html body input::-webkit-outer-spin-button,
html body input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
html body input[type=number] {
    -moz-appearance: textfield;
}

html body select::-ms-expand {
    background: 0 0;
    border: none
}

html body img {
    -webkit-user-select: none;
    user-select: none
}

html body #footer .top-footer {
    position: relative
}

html body #footer .top-footer .container {
    width: 13.75rem
}

html body #footer .top-footer-box {
    height: 100%;
    padding-top: .6rem
}

html body #footer .top-footer-box .top {
    display: flex;
    justify-content: space-between
}

html body #footer .top-footer-box .top .provider {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap
}

html body #footer .top-footer-box .top .provider .footer-top-column {
    width: 33%
}

html body #footer .top-footer-box .top .provider .footer-top-column span {
    color: #fff
}

html body #footer .top-footer-box .top .provider.followUs {
    width: 14%
}

html body #footer .top-footer-box .top .provider .mergeLayout {
    width: 35%;
    margin-right: .16rem
}

html body #footer .top-footer-box .top .provider .mergeLayout:last-child {
    width: 25%;
    margin-right: unset
}

html body #footer .top-footer-box .top .provider .mergeLayout:last-child li {
    margin-right: unset
}

html body #footer .top-footer-box .top .provider .mergeLayout .paymentMethod .paymentMethod-ftrmerge {
    width: 75%
}

html body #footer .top-footer-box .top .provider li {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-right: .65rem;
    color: rgba(162,170,189,.4);
    position: relative;
    font-size: .14rem;
    line-height: .3rem
}

html body #footer .top-footer-box .top .provider li:last-child {
    margin-right: 0
}

html body #footer .top-footer-box .top .provider li .title {
    color: #fff;
    min-width: .6rem;
    font-family: nunitosans-regular
}

html body #footer .top-footer-box .top .provider li div[class*=-ftrmerge] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: .065rem 0 .16rem;
    align-items: center
}

html body #footer .top-footer-box .top .provider li .gamingLicense-ftrmerge {
    margin: .065rem 0 0!important
}

html body #footer .top-footer-box .top .provider li .gamingLicense-ftrmerge i {
    opacity: 1;
    margin-bottom: .17rem
}

html body #footer .top-footer-box .top .provider li .copy-right-ftrmerge div {
    display: flex;
    align-items: center;
    font-size: .12rem;
    font-family: nunitosans-regular
}

html body #footer .top-footer-box .top .provider li .responsibleGaming-ftrmerge i {
    margin-right: .26rem
}

html body #footer .top-footer-box .top .provider li .content-text {
    font-size: .125rem;
    line-height: .2rem;
    font-family: nunitosans-extralight;
    margin-bottom: .33rem;
    color: #9da5b7;
    word-break: break-word;
}

html body #footer .top-footer-box .top .provider li div[class*=-box] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

html body #footer .top-footer-box .top .provider li div[class*=-box].gamingLicense-box {
    margin: .065rem 0 0
}

html body #footer .top-footer-box .top .provider li div[class*=-box].gamingLicense-box i {
    margin-bottom: .04rem
}

html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box {
    flex-direction: unset;
    margin: .15rem 0 0
}

html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box i {
    margin-right: .1rem
}

html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box i:last-child,html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box i:nth-child(2n) {
    margin-right: 0
}

html body #footer .top-footer-box .top .provider li div[class*=-box].download-box {
    flex-direction: unset;
    margin: .15rem 0 0;
    background: #2e3035
}

html body #footer .top-footer-box .top .provider li div[class*=-box].download-box svg {
    margin-right: .1rem
}

html body #footer .top-footer-box .top .provider li div[class*=-box].download-box svg:last-child,html body #footer .top-footer-box .top .provider li div[class*=-box].download-box svg:nth-child(2n) {
    margin-right: 0
}

html body #footer .top-footer-box .top .provider li div[class*=-box].download-box .top-container {
    display: flex;
    position: relative;
    align-items: center;
    padding: .22rem .18rem .26rem .22rem
}

html body #footer .top-footer-box .top .provider li div[class*=-box].download-box .top-container .title {
    font-size: .16rem;
    margin: 0 .21rem 0 0
}

html body #footer .top-footer-box .top .provider li div[class*=-box].download-box .top-container .app-img-container {
    position: absolute;
    left: -.1rem;
    bottom: -.13rem
}

html body #footer .top-footer-box .top .provider li div[class*=-box].download-box .top-container .app-icon-container {
    position: absolute;
    left: 1.65rem;
    bottom: .075rem
}

html body #footer .top-footer-box .top .provider li span {
    cursor: pointer;
    transition: color .3s;
    white-space: nowrap
}

html body #footer .top-footer-box .top .provider li span:hover {
    color: #fff;
    text-decoration: underline
}

html body #footer .top-footer-box .top .provider li i,html body #footer .top-footer-box .top .provider li svg {
    margin-bottom: .1335rem;
    margin-right: .2rem;
    opacity: .4
}

html body #footer .top-footer-box .top .provider li i:hover,html body #footer .top-footer-box .top .provider li svg:hover {
    opacity: 1
}

html body #footer .top-footer-box .top .provider li .icon-bay,html body #footer .top-footer-box .top .provider li .icon-kkr,html body #footer .top-footer-box .top .provider li .icon-ktb {
    margin-right: .15rem
}

html body #footer .top-footer-box .copy-right-box .copy-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .12rem;
    color: #5b616d
}

html body #footer .top-footer-box .copy-right-box .copy-right .icon-18 {
    margin-left: .12rem
}

html body #footer .top-footer-box .bottom {
    display: none
}

html body #footer .top-footer-separator {
    width: 100%;
    height: .95rem;
    border-bottom: .01rem solid #252526
}

html body #footer .middle-footer-container {
    display: flex;
    margin-top: .2rem;
    align-items: center;
    margin-bottom: .6rem
}

html body #footer .middle-footer-container .mergeLayout {
    width: 100%;
    display: flex;
    align-items: center
}

html body #footer .middle-footer-container .mergeLayout li {
    width: 30%
}

html body #footer .middle-footer-container .mergeLayout li:first-child {
    width: 70%
}

html body #footer .middle-footer-container .mergeLayout .copy-right-ftrmerge div {
    display: flex;
    white-space: nowrap
}

html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge {
    align-items: flex-end
}

html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i {
    margin-right: .1rem
}

html body #footer .middle-footer-container .mergeLayout .supportAndInfo-ftrmerge span {
    color: #5b606a;
    font-family: nunitosans-regular;
    font-size: .15rem;
    border-right: .01rem solid #5b606a;
    padding: 0 .15rem;
    cursor: pointer
}

html body #footer .middle-footer-container .mergeLayout .supportAndInfo-ftrmerge span:last-child {
    border-right: 0
}

html body #footer .middle-footer-container .mergeLayout .supportAndInfo-ftrmerge span:first-child {
    padding: 0 .15rem 0 0
}

html body #footer .followUsContainer,html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge {
    display: flex;
    justify-content: flex-end
}

html body #footer .followUsContainer {
    width: 30%;
    flex-direction: row
}

html body #footer .followUsContainer i {
    margin-right: .16rem
}

html body #footer .bottom-footer-separator {
    width: 100%;
    height: .19rem;
    border-bottom: .01rem solid #252526
}

html body #footer-btm .container {
    width: 13.68rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

html body #footer-btm .second-footer-box {
    height: 1.63rem;
    padding-top: .19rem;
    display: flex;
    justify-content: space-between
}

html body #footer-btm .second-footer-box div {
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

html body #footer-btm .second-footer-box span {
    font-family: nunitosans-regular;
    font-size: .14rem;
    color: #5b606a
}

html body #footer-btm .second-footer-box>p {
    width: 8.55rem
}

[class*=icon-] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

.icon-logo {
    display: inline-block;
    width: 1.6rem;
    height: .4rem;
    /* background-image: url(/images/logo.png); */
    background-size: contain;
    background-repeat: no-repeat
}

.icon-logo-footer {
    display: inline-block;
    width: 1rem;
    height: .26rem;
    background: url(/images/logo_footer.png) no-repeat;
    background-size: 100% 100%
}

.icon-refesh {
    display: inline-block;
    width: .19rem;
    height: .19rem;
    background: url(/images/refesh.png) no-repeat;
    background-size: 100% 100%
}

.icon-arrow {
    height: .06rem;
    background: url(/images/arrow.png) no-repeat;
    background-size: 100% 100%
}

.icon-arrow,.icon-arrow2 {
    display: inline-block;
    width: .13rem
}

.icon-arrow2 {
    height: .08rem;
    background: url(/images/transfer/arrow.png) no-repeat;
    background-size: 100% 100%;
    transition: transform 0.3s ease-in-out;
}

.icon-bmm {
    display: inline-block;
    width: .55rem;
    height: .17rem;
    background-image: url(/images/footer/bmm-gray.png);
    background-size: 100% 100%
}

.icon-bmm:hover {
    background-image: url(/images/footer/bmm.png)
}

.icon-bank-icon-ftr {
    display: inline-block;
    width: .3rem;
    height: .28rem;
    background-image: url(/images/footer/bank-icon-ftr-grey.svg);
    background-size: 100% 100%
}

.icon-bank-icon-ftr:hover {
    background-image: url(/images/footer/bank-icon-ftr.svg)
}

.icon-ethereum {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/footer/ethereum-grey.svg);
    background-size: 100% 100%
}

.icon-ethereum:hover {
    background-image: url(/images/footer/ethereum.svg)
}

.icon-mobifone {
    display: inline-block;
    width: .97rem;
    height: .22rem;
    background-image: url(/images/footer/mobifone-grey.svg);
    background-size: 100% 100%
}

.icon-mobifone:hover {
    background-image: url(/images/footer/mobifone.svg)
}

.icon-momo {
    display: inline-block;
    width: .26rem;
    height: .26rem;
    background-image: url(/images/footer/momo-grey.svg);
    background-size: 100% 100%
}

.icon-momo:hover {
    background-image: url(/images/footer/momo.svg)
}

.icon-viettel {
    display: inline-block;
    width: .45rem;
    height: .26rem;
    background-image: url(/images/footer/viettel-grey.svg);
    background-size: 100% 100%
}

.icon-viettel:hover {
    background-image: url(/images/footer/viettel.svg)
}

.icon-viettelpay {
    display: inline-block;
    width: .35rem;
    height: .32rem;
    background-image: url(/images/footer/viettelpay-grey.svg);
    background-size: 100% 100%
}

.icon-viettelpay:hover {
    background-image: url(/images/footer/viettelpay.svg)
}

.icon-vinaphone {
    display: inline-block;
    width: 1.2rem;
    height: .29rem;
    background-image: url(/images/footer/vinaphone-grey.svg);
    background-size: 100% 100%
}

svg .icon-vinaphone:hover {
    background-image: url(/images/footer/vinaphone.svg)
}

.icon-zalo {
    display: inline-block;
    width: .27rem;
    height: .25rem;
    background-image: url(/images/footer/zalo-grey.svg);
    background-size: 100% 100%
}

.icon-zalo:hover {
    background-image: url(/images/footer/zalo.svg)
}

.icon-eeziepay {
    display: inline-block;
    width: .77rem;
    height: .32rem;
    background-image: url(/images/footer/eeziepay-gray.png);
    background-size: 100% 100%
}

.icon-eeziepay:hover {
    background-image: url(/images/footer/eeziepay.png)
}

.icon-visa {
    display: inline-block;
    width: .58rem;
    height: .24rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-visa,.icon-visa:hover {
    background-image: url(/images/footer/visa.png)
}

.icon-master-card {
    display: inline-block;
    width: .4rem;
    height: .24rem;
    background-size: 100% 100%
}

.icon-master-card,.icon-master-card:hover {
    background-image: url(/images/footer/master-card.png)
}

.icon-duitnow {
    display: inline-block;
    width: .35rem;
    height: .32rem;
    background-size: 100% 100%
}

.icon-duitnow,.icon-duitnow:hover {
    background-image: url(/images/footer/duitnow.png)
}

.icon-fpx {
    display: inline-block;
    width: .77rem;
    height: .32rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-fpx,.icon-fpx:hover {
    background-image: url(/images/footer/fpx.png)
}

.icon-bay {
    display: inline-block;
    width: .34rem;
    height: .34rem;
    background-image: url(/images/footer/bay-gray.svg);
    background-size: 100% 100%
}

.icon-bay:hover {
    background-image: url(/images/footer/bay.svg)
}

.icon-kkr {
    display: inline-block;
    width: .34rem;
    height: .34rem;
    background-image: url(/images/footer/kkr-gray.svg);
    background-size: 100% 100%
}

.icon-kkr:hover {
    background-image: url(/images/footer/kkr.svg)
}

.icon-ktb {
    display: inline-block;
    width: .34rem;
    height: .34rem;
    background-image: url(/images/footer/ktb-gray.svg);
    background-size: 100% 100%
}

.icon-ktb:hover {
    background-image: url(/images/footer/ktb.svg)
}

.icon-scb {
    display: inline-block;
    width: .34rem;
    height: .34rem;
    background-image: url(/images/footer/scb-gray.svg);
    background-size: 100% 100%
}

.icon-scb:hover {
    background-image: url(/images/footer/scb.svg)
}

.icon-facebook {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-size: 100% 100%
}

.icon-facebook,.icon-facebook:hover {
    background-image: url(/images/footer/fb.png)
}

.icon-facebook:hover {
    cursor: pointer
}

.icon-instagram {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-size: 100% 100%
}

.icon-instagram,.icon-instagram:hover {
    background-image: url(/images/footer/instagram.svg)
}

.icon-instagram:hover {
    cursor: pointer
}

.icon-twitter {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-size: 100% 100%
}

.icon-twitter,.icon-twitter:hover {
    background-image: url(/images/footer/twitter.svg)
}

.icon-twitter:hover {
    cursor: pointer
}

.icon-android-footer {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    fill: #a2aabd
}

.icon-android-footer:hover {
    fill: #85c808;
    opacity: 1!important;
    cursor: pointer
}

.icon-ios-footer {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    fill: #a2aabd
}

.icon-ios-footer:hover {
    fill: #efefef;
    opacity: 1!important;
    cursor: pointer
}

.icon-global {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background-image: url(/images/footer/global-gray.png);
    background-size: 100% 100%
}

.icon-global:hover {
    background-image: url(/images/footer/global.png)
}

.icon-godaddy {
    display: inline-block;
    width: 1.05rem;
    height: .2rem;
    background-image: url(/images/footer/godaddy-gray.png);
    background-size: 100% 100%
}

.icon-godaddy:hover {
    background-image: url(/images/footer/godaddy.png)
}

.icon-help2pay {
    display: inline-block;
    width: .37rem;
    height: .26rem;
    background-image: url(/images/footer/help2pay-gray.png);
    background-size: 100% 100%
}

.icon-help2pay:hover {
    background-image: url(/images/footer/help2pay.png)
}

.icon-iovation {
    display: inline-block;
    width: 1.19rem;
    height: .24rem;
    background-image: url(/images/footer/iovation-gray.png);
    background-size: 100% 100%
}

.icon-iovation:hover {
    background-image: url(/images/footer/iovation.png)
}

.icon-threat-metrix {
    display: inline-block;
    width: 1.19rem;
    height: .3rem;
    background-size: 100% 100%
}

.icon-threat-metrix,.icon-threat-metrix:hover {
    background-image: url(/images/footer/threat-metrix.png)
}

.icon-18above {
    display: inline-block;
    width: .275rem;
    height: .275rem;
    background-size: 100% 100%
}

.icon-18above,.icon-18above:hover {
    background-image: url(/images/footer/18-above.png)
}

.icon-gamcare {
    display: inline-block;
    width: .275rem;
    height: .275rem;
    background-size: 100% 100%
}

.icon-gamcare,.icon-gamcare:hover {
    background-image: url(/images/footer/gamcare.png)
}

.icon-bga {
    display: inline-block;
    width: .44rem;
    height: .275rem;
    background-size: 100% 100%
}

.icon-bga,.icon-bga:hover {
    background-image: url(/images/footer/bga.png)
}

.icon-itechlab {
    display: inline-block;
    width: .32rem;
    height: .3rem;
    background-image: url(/images/footer/itechlab-gray.png);
    background-size: 100% 100%
}

.icon-itechlab:hover {
    background-image: url(/images/footer/itechlab.png)
}

.icon-pagcor {
    display: inline-block;
    width: 1.25rem;
    height: .28rem;
    background-image: url(/images/footer/pagcor-gray.png);
    background-size: 100% 100%
}


.icon-curacao {
    display: inline-block;
    width: 1.63rem;
    height: .54rem;
    background-size: 100% 100%;
    opacity: 1!important
}

.icon-curacao,.icon-curacao:hover {
    background-image: url(/images/footer/ftr_curacao.svg)
}

.icon-curacao:hover {
    cursor: pointer
}

.icon-bitcoin {
    display: inline-block;
    width: .275rem;
    height: .275rem;
    background-image: url(/images/footer/ftr_bitcoin_grey.svg);
    background-size: 100% 100%
}

.icon-bitcoin:hover {
    background-image: url(/images/footer/ftr_bitcoin.svg)
}

.icon-tng {
    display: inline-block;
    width: .275rem;
    height: .275rem;
    background-image: url(/images/footer/ftr_tng_grey.svg);
    background-size: 100% 100%
}

.icon-tng:hover {
    background-image: url(/images/footer/ftr_tng.png)
}

.icon-usdt {
    display: inline-block;
    width: .275rem;
    height: .275rem;
    background-image: url(/images/footer/ftr_usdt_grey.svg);
    background-size: 100% 100%
}

.icon-usdt:hover {
    background-image: url(/images/footer/ftr_usdt.svg)
}

.icon-payouts {
    display: inline-block;
    width: .63rem;
    height: .22rem;
    background-image: url(/images/footer/payouts-gray.png);
    background-size: 100% 100%
}

.icon-payouts:hover {
    background-image: url(/images/footer/payouts.png)
}

.icon-paytrust {
    display: inline-block;
    width: .9rem;
    height: .19rem;
    background-image: url(/images/footer/paytrust-gray.png);
    background-size: 100% 100%
}

.icon-paytrust:hover {
    background-image: url(/images/footer/paytrust.png)
}

.icon-advanced-bank {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background-image: url(/images/footer/ABA_grey.svg);
    background-size: 100% 100%
}

.icon-advanced-bank:hover {
    background-image: url(/images/footer/ABA.svg)
}

.icon-acleda-bank {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background-image: url(/images/footer/ACLB_grey.svg);
    background-size: 100% 100%
}

.icon-acleda-bank:hover {
    background-image: url(/images/footer/ACLB.svg)
}

.icon-maybank {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background-image: url(/images/footer/MBB_grey.svg);
    background-size: 100% 100%
}

.icon-maybank:hover {
    background-image: url(/images/footer/MBB.svg)
}

.icon-wing {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background-image: url(/images/footer/WM_grey.svg);
    background-size: 100% 100%
}

.icon-wing:hover {
    background-image: url(/images/footer/WM.svg)
}

.icon-true {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background-image: url(/images/footer/True-Money_grey.svg);
    background-size: 100% 100%
}

.icon-true:hover {
    background-image: url(/images/footer/True-Money.svg)
}

.icon-eth {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background-image: url(/images/footer/ETH_grey.svg);
    background-size: 100% 100%
}

.icon-eth:hover {
    background-image: url(/images/footer/ETH.svg)
}

.icon-youtube {
    display: inline-block;
    width: .3rem;
    height: .29rem;
    background-size: 100% 100%
}

.icon-youtube,.icon-youtube:hover {
    background-image: url(/images/footer/youtube.svg)
}

.icon-youtube:hover {
    cursor: pointer
}

.icon-18 {
    display: inline-block;
    width: .27rem;
    height: .25rem;
    background-image: url(/images/18over.png);
    background-size: 100% 100%
}

.icon-step-1 {
    background-image: url(/images/homepage/step1.webp)
}

.icon-step-1,.icon-step-2 {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    background-size: 100% 100%
}

.icon-step-2 {
    background-image: url(/images/homepage/step2.webp)
}

.icon-step-3 {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    background-image: url(/images/homepage/step3.webp);
    background-size: 100% 100%
}

.icon-CM-2 {
    height: .51rem;
    background-image: url(/images/homepage/section/logo1.png);
    display: inline-block;
    width: 1.5rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-TP-2 {
    width: 1.51rem;
    height: .34rem;
    background-image: url(/images/homepage/section/logo10.png);
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-IS-2 {
    width: 1.71rem;
    height: .51rem;
    background-image: url(/images/homepage/section/logo2.png);
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-SB-2 {
    display: inline-block;
    width: 1.65rem;
    height: .51rem;
    background-image: url(/images/homepage/section/logo4.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-M8-2 {
    display: inline-block;
    width: 1.65rem;
    height: .51rem;
    background-image: url(/images/homepage/section/logo6.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-WS-2 {
    display: inline-block;
    width: 1.65rem;
    height: .51rem;
    background-image: url(/images/homepage/section/logo7.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-DZ-SB-2 {
    display: inline-block;
    width: 1.65rem;
    height: .51rem;
    background-image: url(/images/homepage/section/logo8.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-UG-SB-2 {
    display: inline-block;
    width: 1.65rem;
    height: .75rem;
    background-image: url(/images/homepage/section/logo9.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-pgsoft {
    display: inline-block;
    width: 1.55rem;
    height: .5rem;
    background-image: url(/images/homepage/section/pgsoft.png);
    background-size: 100% 100%
}

.icon-pp{
    display: inline-block;
    width: 1.55rem;
    height: .67rem;
    background-image: url(/images/homepage/section/pragmatic.png);
    background-size: 100% 100%
}

.icon-fb {
    background-image: url(/images/homepage/fb-gray.png)
}

.icon-fb,.icon-ig {
    display: inline-block;
    width: .25rem;
    height: .25rem;
    background-size: 100% 100%
}

.icon-ig {
    background-image: url(/images/homepage/ig-gray.png)
}

.icon-yt {
    width: .25rem;
    height: .25rem;
    background-image: url(/images/homepage/yt-gray.png)
}

.icon-en_US,.icon-yt {
    display: inline-block;
    background-size: 100% 100%
}

.icon-en_US {
    width: .28rem;
    height: .28rem;
    background-image: url(/images/language/english.png)
}

.icon-en_US.icon-gray-small {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/language/small/english.png);
    background-size: 100% 100%
}

.icon-zh_CN {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/language/china.png);
    background-size: 100% 100%
}

.icon-zh_CN.icon-gray-small {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/language/small/china.png);
    background-size: 100% 100%
}

.icon-ms_MS {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/language/malaysia.png);
    background-size: 100% 100%
}

.icon-ms_MS.icon-gray-small {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/language/small/malaysia.png);
    background-size: 100% 100%
}

.icon-th_TH {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/language/thai.png);
    background-size: 100% 100%
}

.icon-th_TH.icon-gray-small {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/language/small/thai.png);
    background-size: 100% 100%
}

.icon-id_ID {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/language/indo.png);
    background-size: 100% 100%
}

.icon-id_ID.icon-gray-small {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/language/small/indo.png);
    background-size: 100% 100%
}

.icon-vi_VN {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/language/vietnam.png);
    background-size: 100% 100%
}

.icon-vi_VN.icon-gray-small {
    width: .2rem;
    height: .2rem;
    background-image: url(/images/language/small/vietnam.png);
    background-size: 100% 100%
}

.icon-epl {
    width: 3rem;
    height: .37rem;
    font-size: .23rem;
    color: #001b42;
    font-weight: 700;
    font-family: nunito-black;
    text-align: center
}

.icon-epl,.icon-team-bg {
    display: inline-block;
    background-size: 100% 100%
}

.icon-team-bg {
    width: 1.06rem;
    height: 1.06rem;
    background-image: url(/images/homepage/team-bg.png?v=1)
}

.icon-team-default {
    display: inline-block;
    width: .68rem;
    height: .68rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.icon-team-mu {
    width: .86rem;
    height: .87rem;
    background-image: url(/images/homepage/mu.png)
}

.icon-team-mc,.icon-team-mu {
    display: inline-block;
    background-size: 100% 100%
}

.icon-team-mc {
    width: .83rem;
    height: .83rem;
    background-image: url(/images/homepage/mc.png)
}

.icon-arrow-left {
    width: .4rem;
    height: .4rem;
    background-image: url(/images/homepage/arrow-left.png)
}

.icon-arrow-left,.icon-mega888 {
    display: inline-block;
    background-size: 100% 100%
}

.icon-mega888 {
    width: 2.61rem;
    height: .71rem;
    background-image: url(/images/homepage/top_game/mega888.png)
}

.icon-love-on {
    background-image: url(/images/homepage/top_game/love.png)
}

.icon-love-off,.icon-love-on {
    display: inline-block;
    width: .22rem;
    height: .19rem;
    background-size: 100% 100%
}

.icon-love-off {
    background-image: url(/images/homepage/top_game/love_off.png)
}

.icon-game-1,.icon-game-common {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-1 {
    background-image: url(/images/homepage/top_game/1.png)
}

.icon-game-2 {
    background-image: url(/images/homepage/top_game/2.png)
}

.icon-game-2,.icon-game-3 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-3 {
    background-image: url(/images/homepage/top_game/3.png)
}

.icon-game-4 {
    background-image: url(/images/homepage/top_game/4.png)
}

.icon-game-4,.icon-game-5 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-5 {
    background-image: url(/images/homepage/top_game/5.png)
}

.icon-game-6 {
    background-image: url(/images/homepage/top_game/6.png)
}

.icon-game-6,.icon-game-7 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-7 {
    background-image: url(/images/homepage/top_game/7.png)
}

.icon-game-8 {
    background-image: url(/images/homepage/top_game/8.png)
}

.icon-game-8,.icon-game-9 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-9 {
    background-image: url(/images/homepage/top_game/9.png)
}

.icon-game-10 {
    background-image: url(/images/homepage/top_game/10.png)
}

.icon-game-10,.icon-game-11 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-11 {
    background-image: url(/images/homepage/top_game/11.png)
}

.icon-game-12 {
    background-image: url(/images/homepage/top_game/12.png)
}

.icon-game-12,.icon-game-13 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-13 {
    background-image: url(/images/homepage/top_game/13.png)
}

.icon-game-14 {
    background-image: url(/images/homepage/top_game/14.png)
}

.icon-game-14,.icon-game-15 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-15 {
    background-image: url(/images/homepage/top_game/15.png)
}

.icon-game-16 {
    background-image: url(/images/homepage/top_game/16.png)
}

.icon-game-16,.icon-game-17 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-17 {
    background-image: url(/images/homepage/top_game/17.png)
}

.icon-game-18 {
    background-image: url(/images/homepage/top_game/18.png)
}

.icon-game-18,.icon-game-19 {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%
}

.icon-game-19 {
    background-image: url(/images/homepage/top_game/19.png)
}

.icon-game-20 {
    width: 1.81rem;
    height: 1.18rem;
    background-image: url(/images/homepage/top_game/20.png)
}

.icon-btn-chat,.icon-game-20 {
    display: inline-block;
    background-size: 100% 100%
}

.icon-btn-chat {
    width: .88rem;
    height: .89rem;
    background-image: url(/images/live_chat.png)
}

.icon-btn-other {
    display: inline-block;
    width: .34rem;
    height: .32rem;
    background-image: url(/images/other.png);
    background-size: 100% 100%
}

.icon-whatsapp {
    background-image: url(/images/whatsapp.png)
}

.icon-wechat,.icon-whatsapp {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-size: 100% 100%
}

.icon-wechat {
    background-image: url(/images/wechat.png)
}

.icon-skype {
    width: .29rem;
    height: .29rem;
    background-image: url(/images/skype.png)
}

.icon-download,.icon-skype {
    display: inline-block;
    background-size: 100% 100%
}

.icon-download {
    width: .24rem;
    height: .21rem;
    background-image: url(/images/download.png)
}

.icon-more {
    width: .22rem;
    height: .06rem;
    background-image: url(/images/more.png)
}

.icon-more,.icon-send {
    display: inline-block;
    background-size: 100% 100%
}

.icon-send {
    width: .21rem;
    height: .19rem;
    background-image: url(/images/send.png)
}

.icon-attach {
    width: .13rem;
    height: .22rem;
    background-image: url(/images/attach.png)
}

.icon-attach,.icon-to-min {
    display: inline-block;
    background-size: 100% 100%
}

.icon-to-min {
    width: .14rem;
    height: .02rem;
    background-image: url(/images/min.png)
}

.icon-close {
    width: .13rem;
    height: .13rem;
    background-image: url(/images/close.png)
}

.icon-close,.icon-close2 {
    display: inline-block;
    background-size: 100% 100%
}

.icon-close2 {
    width: .34rem;
    height: .34rem;
    background-image: url(/images/close2.png)
}

.icon-close3 {
    width: .41rem;
    height: .41rem;
    background-image: url(/images/close3.png);
    cursor: pointer;
}

.icon-close3,.icon-logo2 {
    display: inline-block;
    background-size: 100% 100%
}

.icon-logo2 {
    width: 1.85rem;
    height: .48rem;
    background-image: url(/images/logo2.png)
}

.icon-username {
    background-image: url(/images/username.png)
}

.icon-at-sign,.icon-username, .icon-telephone {
    display: inline-block;
    width: .34rem;
    height: .34rem;
    background-size: 100% 100%
}

.icon-at-sign, .icon-telephone {
    width: .38rem;
    height: .38rem;
}

.icon-at-sign {
    background-image: url(/images/at-sign.png)
}

.icon-telephone {
    background-image: url(/images/phone-call.png)
}

.icon-lock {
    width: .34rem;
    height: .34rem;
    background-image: url(/images/lock.png)
}

.icon-android,.icon-lock {
    display: inline-block;
    background-size: 100% 100%
}

.icon-android {
    width: .16rem;
    height: .19rem;
    background-image: url(/images/android.png)
}

.icon-android.on {
    background-image: url(/images/android_active.png)
}

.icon-ios {
    display: inline-block;
    width: .15rem;
    height: .19rem;
    background-image: url(/images/ios.png);
    background-size: 100% 100%
}

.icon-ios.on {
    background-image: url(/images/ios_active.png)
}

.icon-search {
    display: inline-block;
    width: .2rem;
    height: .21rem;
    background-image: url(/images/slots/icon/search.png);
    background-size: 100% 100%
}

.icon-search.on {
    background-image: url(/images/slots/icon/search_on.png)
}

.icon-level {
    display: inline-block;
    width: .57rem;
    height: .35rem;
    background-image: url(/images/transfer/level.png);
    background-size: 100% 100%
}

.icon-reload {
    width: .24rem;
    height: .24rem
}

.icon-reload,.icon-restore {
    display: inline-block;
}

.icon-restore {
    width: .33rem;
    height: .37rem
}

.icon-transfer {
    display: inline-block;
    width: .77rem;
    height: .36rem;
    background-image: url(/images/transfer/transfer.png);
    background-size: 100% 100%
}

.icon-transfer.on {
    background-image: url(/images/transfer/transfer_on.png)
}

.icon-deposit-bank {
    display: inline-block;
    width: .3rem;
    height: .24rem;
    background-image: url(/images/transfer/deposit/deposit/bank-gray.png);
    background-size: 100% 100%
}

.icon-deposit-bank.on {
    background-image: url(/images/transfer/deposit/deposit/bank.png)
}

.icon-express-bank {
    display: inline-block;
    width: .3rem;
    height: .24rem;
    background-image: url(/images/transfer/deposit/deposit/express-gray.png);
    background-size: 100% 100%
}

.icon-express-bank.on {
    background-image: url(/images/transfer/deposit/deposit/express.png)
}

.icon-deposit-crypto {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/transfer/deposit/deposit/crypto-gray.png);
    background-size: 100% 100%
}

.icon-deposit-crypto.on {
    background-image: url(/images/transfer/deposit/deposit/crypto.png)
}

.icon-deposit-qrpay {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(/images/transfer/deposit/deposit/qrpay-gray.png);
    background-size: 100% 100%
}

.icon-deposit-qrpay.on {
    background-image: url(/images/transfer/deposit/deposit/qrpay.png)
}

.icon-bank {
    display: inline-block;
    width: .45rem;
    height: .4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.icon-delete {
    background-image: url(/images/transfer/trash-can.png)
}

.icon-delete,.icon-star {
    display: inline-block;
    width: .23rem;
    height: .23rem;
    background-size: 100% 100%
}

.icon-star {
    background-image: url(/images/transfer/star-normal.png)
}

.icon-star.on {
    background-image: url(/images/transfer/star-select.png)
}

.icon-read,.icon-star.on {
    display: inline-block;
    width: .23rem;
    height: .23rem;
    background-size: 100% 100%
}

.icon-read {
    background-image: url(/images/transfer/mail-normal.png)
}

.icon-edit {
    background-image: url(/images/transfer/edit.png)
}

.icon-date,.icon-edit {
    display: inline-block;
    width: .19rem;
    height: .19rem;
    background-size: 100% 100%
}

.icon-date {
    background-image: url(/images/transfer/date.png)
}

.icon-transfer-btn {
    display: inline-block;
    width: .17rem;
    height: .18rem;
    background-image: url(/images/transfer.png);
    background-size: 100% 100%
}

.icon-bank-off {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.icon-bank-on {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.icon-hover-box img,.icon-hover-box svg {
    height: .4rem;
    width: auto;
    max-width: 0.4rem;
    object-fit: contain;
}

.icon-hover-box.off {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.icon-hover-box.on,.icon-hover-box:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.icon-hover-box.on .icon-deposit-bank,.icon-hover-box:hover .icon-deposit-bank {
    background-image: url(/images/transfer/deposit/deposit/bank.png)
}

.icon-hover-box.on .icon-express-bank,.icon-hover-box:hover .icon-express-bank {
    background-image: url(/images/transfer/deposit/deposit/express.png)
}

.icon-hover-box.on .icon-deposit-crypto,.icon-hover-box:hover .icon-deposit-crypto {
    background-image: url(/images/transfer/deposit/deposit/crypto.png)
}

.icon-hover-box.on .icon-deposit-qrpay,.icon-hover-box:hover .icon-deposit-qrpay {
    background-image: url(/images/transfer/deposit/deposit/qrpay.png)
}

.slider-fade-next-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
}

.slider-fade-next-enter-active,.slider-fade-next-exit {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.slider-fade-next-exit-active,.slider-fade-prev-enter {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
}

.slider-fade-prev-enter-active,.slider-fade-prev-exit {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.slider-fade-prev-exit-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
}

.slider-fade-next-enter-active,.slider-fade-next-exit-active,.slider-fade-prev-enter-active,.slider-fade-prev-exit-active {
    transition: all .5s
}

.fade-next-enter,.fade-prev-enter {
    opacity: 0
}

.fade-next-enter-active,.fade-next-exit,.fade-prev-enter-active,.fade-prev-exit {
    opacity: 1
}

.fade-next-exit-active,.fade-prev-exit-active {
    opacity: 0
}

.fade-next-enter-active,.fade-next-exit-active,.fade-prev-enter-active,.fade-prev-exit-active {
    transition: opacity .5s
}

.fade-next-250-enter,.fade-prev-250-enter {
    opacity: 0
}

.fade-next-250-enter-active,.fade-next-250-exit,.fade-prev-250-enter-active,.fade-prev-250-exit {
    opacity: 1
}

.fade-next-250-exit-active,.fade-prev-250-exit-active {
    opacity: 0
}

.fade-next-250-enter-active,.fade-next-250-exit-active,.fade-prev-250-enter-active,.fade-prev-250-exit-active {
    transition: opacity .25s
}

.slider-y-fade-next-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.slider-y-fade-next-enter-active,.slider-y-fade-next-exit {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.slider-y-fade-next-exit-active,.slider-y-fade-prev-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
}

.slider-y-fade-prev-enter-active,.slider-y-fade-prev-exit {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.slider-y-fade-prev-exit-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.slider-y-fade-next-enter-active,.slider-y-fade-next-exit-active,.slider-y-fade-prev-enter-active,.slider-y-fade-prev-exit-active {
    transition: all .5s
}

.slider-y-bottom-in-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slider-y-bottom-in-enter-active,.slider-y-bottom-in-exit {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slider-y-bottom-in-exit-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slider-y-bottom-in-enter-active,.slider-y-bottom-in-exit-active {
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.slider-x-right-in-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.slider-x-right-in-enter-active,.slider-x-right-in-exit {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slider-x-right-in-exit-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.slider-x-right-in-enter-active,.slider-x-right-in-exit-active {
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.rotate180-enter {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.rotate180-enter-active {
    transition: all .3s
}

.rotate180-enter-active,.rotate180-enter-done,.rotate180-exit {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate180-exit-active {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    transition: all .3s
}

.rotate360-enter {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.rotate360-enter-active,.rotate360-exit-active {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    transition: all 1s
}

.spread-bottom-enter {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateZ(0) scaleY(0);
    transform: translateZ(0) scaleY(0);
    opacity: 1;
    z-index: 1
}

.spread-bottom-enter-active {
    transition: all .5s
}

.spread-bottom-enter-active,.spread-bottom-exit {
    opacity: 1;
    -webkit-transform: translateZ(0) scaleY(1);
    transform: translateZ(0) scaleY(1)
}

.spread-bottom-exit {
    -webkit-transform-origin: top;
    transform-origin: top
}

.spread-bottom-exit-active {
    opacity: 0;
    -webkit-transform: translateZ(0) scaleY(0);
    transform: translateZ(0) scaleY(0);
    transition: all .5s
}

.msg-enter,.msg-exit {
    -webkit-transform: translateX(13.68rem) translateZ(0);
    transform: translateX(13.68rem) translateZ(0)
}

.msg-enter-active,.msg-exit-active {
    -webkit-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    transition: -webkit-transform 20s;
    transition: transform 20s;
    transition: transform 20s,-webkit-transform 20s;
    transition-timing-function: linear
}

.rotate-y-enter {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.rotate-y-enter-active,.rotate-y-exit {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.rotate-y-exit-active {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.rotate-y-enter-active {
    z-index: 1
}

.rotate-y-enter-active,.rotate-y-exit-active {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.alert-enter {
    opacity: 0
}

.alert-enter>div {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.alert-enter-active {
    opacity: 1;
    transition: opacity .3s
}

.alert-enter-active>div {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.alert-exit {
    opacity: 1
}

.alert-exit-active {
    opacity: 0;
    transition: opacity .3s
}

.alert-exit-active>div {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.side-menu-enter {
    opacity: 0
}

.side-menu-enter>div {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.side-menu-enter-active {
    opacity: 1;
    transition: opacity .3s
}

.side-menu-enter-active>div {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.side-menu-exit {
    opacity: 1
}

.side-menu-exit-active {
    opacity: 0;
    transition: opacity .3s
}

.side-menu-exit-active>div {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.page-enter {
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.page-enter-active {
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s
}

.page-enter-active,.page-exit {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.page-exit {
    position: absolute
}

.page-exit-active {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s
}

#app {
    padding-top: 0;
    background: #111
}

#app .container {
    width: 13.68rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

#app .notice {
    height: .31rem;
    background: #000;
    font-size: .14rem;
    color: #a2aabd;
    overflow: hidden
}

#app .notice .content {
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

#app .home-notice-box,#app .notice .content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

#app .home-notice-box {
    position: fixed;
    left: 0;
    top: 0;
    justify-content: center;
    z-index: 9999
}

#app .home-notice-box .notice-popup {
    width: 6.38rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 2.77rem;
    border-radius: .1rem;
    background: #e5e5e5;
    position: relative;
    text-align: center;
    padding: .31rem .5rem .28rem
}

#app .home-notice-box .notice-popup .notice-title {
    padding-bottom: .19rem;
    border-bottom: .01rem solid rgba(0,28,66,.2);
    font-size: .16rem;
    color: rgba(0,28,66,.5)
}

#app .home-notice-box .notice-popup .notice-content {
    margin-top: .22rem;
    padding-bottom: .21rem;
    border-bottom: .01rem solid rgba(0,28,66,.2);
    color: #001b42;
    font-size: .16rem;
    list-style: circle
}

#app .home-notice-box .notice-popup .notice-content li {
    margin-bottom: .1rem;
    margin-left: .3rem;
    list-style: unset
}

#app .home-notice-box .notice-popup .btn-item {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#app .home-notice-box .notice-popup .btn-item>span {
    font-size: .16rem;
    line-height: .18rem;
    cursor: pointer
}

#app .home-notice-box .notice-popup .btn-item>span.btn-close {
    font-family: nunito-bold;
    color: #fff;
    width: 1.1rem;
    height: .38rem;
    cursor: pointer;
    background-color: #001b42;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: .05rem;
    border-bottom-right-radius: .05rem
}

#app .announcement-box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

#app .announcement-box .announcement-popup {
    width: 6.38rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 2.77rem;
    border-radius: .1rem;
    background: #e5e5e5;
    position: relative;
    text-align: center;
    padding: .31rem .5rem .28rem
}

#app .announcement-box .announcement-popup .announcement-title {
    padding-bottom: .19rem;
    border-bottom: .01rem solid rgba(0,28,66,.2);
    font-size: .16rem;
    color: rgba(0,28,66,.5)
}

#app .announcement-box .announcement-popup .announcement-content {
    margin-top: .22rem;
    padding-bottom: .21rem;
    border-bottom: .01rem solid rgba(0,28,66,.2);
    color: #001b42;
    font-size: .16rem
}

#app .announcement-box .announcement-popup .announcement-content li {
    margin-bottom: .1rem
}

#app .announcement-box .announcement-popup .btn-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#app .announcement-box .announcement-popup .btn-item .dont-show-again {
    display: flex;
    align-items: center
}

#app .announcement-box .announcement-popup .btn-item .dont-show-again input {
    width: .18rem;
    height: .18rem;
    border: .01rem solid rgba(0,28,66,.2)
}

#app .announcement-box .announcement-popup .btn-item .dont-show-again input[type=checkbox]:after {
    content: "✓";
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .12rem;
    height: 100%
}

#app .announcement-box .announcement-popup .btn-item .dont-show-again input[type=checkbox]:checked:after {
    color: #001c42
}

#app .announcement-box .announcement-popup .btn-item .dont-show-again span {
    font-size: .16rem;
    margin-left: .11rem;
    color: rgba(0,28,66,.5)
}

#app .announcement-box .announcement-popup .btn-item>span {
    font-size: .16rem;
    line-height: .18rem;
    cursor: pointer
}

#app .announcement-box .announcement-popup .btn-item>span.btn-close {
    font-family: nunito-bold;
    color: #fff;
    width: 1.1rem;
    height: .38rem;
    cursor: pointer;
    background-color: #001b42;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: .05rem;
    border-bottom-right-radius: .05rem
}

#app .announcement-box .announcement-img-popup {
    position: relative;
    width: 6.5rem;
    height: 6.5rem;
}

#app .announcement-box .announcement-img-popup .icon-close2 {
    position: absolute;
    top: -.1rem;
    right: -.1rem;
    background-color: #e5e5e5;
    border-radius: 50%;
    box-shadow: -.01rem .02rem .1rem .02rem #000;
    cursor: pointer;
    z-index: 1
}

#app .announcement-box .announcement-img-popup img {
    width: 100%;
    height: 100%;
    max-width: 6.5rem;
    max-height: 6.5rem;
    object-fit: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

#app .slider {
    position: relative;
    height: 100%;
    overflow: hidden
}

#app .slider .slider-container {
    width: 100%;
    height: 100%;
    position: relative
}

#app .slider .slider-container>div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center
}

#app .slider .pagination {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: .34rem
}

#app .slider .pagination li {
    cursor: pointer
}

#app .slider .pagination li:not(:last-child) {
    margin-right: .09rem
}

#app .slider .pagination li.on {
    pointer-events: none
}

#app .slider .pagination li>div.provider-disable:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    z-index: 1
}

#app .slider .pagination.default li {
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    transition: background .5s;
    background: #787e8c
}

#app .slider .pagination.default li.on {
    background: #e71921
}

#app .slider .navigation {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none
}

#app .slider .navigation li {
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

#app .slider .navigation li:nth-child(2) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#app .up-events {
    margin-left: .15rem;
    padding-left: .06rem;
    position: relative;
    width: 4.66rem;
    height: 4.5rem
}

#app .up-events .item-title {
    padding-left: .4rem;
    text-transform: uppercase
}

#app .up-events .slider-box {
    width: 100%;
    height: 2.94rem
}

#app .up-events .slider-box[data-screen=web] {
    -webkit-transform: translateX(-.03rem);
    transform: translateX(-.03rem)
}

#app .up-events .slider-box[data-screen=web] .slider .navigation {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-.06rem);
    transform: translateX(-50%) translateY(-50%) translateY(-.06rem)
}

#app .up-events .slider-box .slider .slider-container>div {
    padding: 0 .33rem
}

#app .up-events .slider-box .slider .slider-container>div .item-match {
    width: 4rem;
    height: 2.7rem;
    background: url(/images/homepage/box.webp) 50% no-repeat;
    background-size: 100% 100%;
    padding: .18rem .33rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#app .up-events .slider-box .slider .slider-container>div .item-match>span {
    display: block;
    margin: 0 auto
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams {
    display: flex;
    justify-content: space-between;
    padding-top: .02rem;
    align-items: center
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.team:first-child {
    padding-right: .03rem
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.team:last-child {
    padding-left: .03rem
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.team .icon-team-bg {
    display: flex;
    justify-content: center;
    align-items: center
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.team>span {
    font-size: .14rem;
    font-family: nunito-bold;
    color: #fff;
    margin-top: .05rem;
    text-align: center;
    line-height: .16rem;
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.info>span {
    font-size: .18rem
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.info>span.time {
    font-family: nunito-extrabold;
    color: #fff;
    text-align: center;
    margin-top: .02rem;
    margin-bottom: .02rem;
    line-height: .18rem;
    -webkit-transform: translateY(.03rem);
    transform: translateY(.03rem)
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.info>span.vs {
    font-family: nunito-black;
    color: #001b42;
    margin-top: .08rem
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.info>span.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .14rem;
    font-family: nunito-bold;
    cursor: pointer;
    width: 1rem;
    height: .28rem;
    border-radius: .05rem;
    margin-top: .35rem;
    text-transform: capitalize
}

#app .up-events .slider-box .slider .slider-container>div .item-match .nums-list {
    width: 3.24rem;
    height: .46rem;
    background: url(/images/homepage/nums-list.png) 50% no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    display: flex
}

#app .up-events .slider-box .slider .slider-container>div .item-match .nums-list>li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: .14rem
}

#app .up-events .slider-box .slider .slider-container>div .item-match .nums-list>li>span {
    color: #001b42
}

#app .up-events .slider-box .slider .slider-container>div .item-match .nums-list>li>span:first-child {
    font-family: nunito-black;
    font-size: .18rem;
    -webkit-transform: translateY(.03rem);
    transform: translateY(.03rem)
}

#app .up-events .slider-box .slider .slider-container>div .item-match .nums-list>li>span:nth-child(2) {
    font-size: .14rem;
    -webkit-transform: translateY(.04rem);
    transform: translateY(.04rem);
    text-transform: lowercase
}

#app .up-events .slider-box .slider .slider-container>div .item-match .nums-list>li:nth-child(2)>span:nth-child(2) {
    text-transform: uppercase
}

#app .up-events .slider-box .slider .pagination {
    bottom: 0
}

@media (max-width: 1024px) {
    #app .up-events .slider-box .slider .slider-container>div .item-match {
        width: 5rem;
        height: 3.28rem;
    }

    #app .up-events .slider-box {
        width: 6rem;
        height: 3.68rem;
    }
}

#app .game-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

#app .game-content li {
    overflow: hidden;
    width: 1.81rem;
    height: 2rem;
    border-radius: .1rem;
    background: #131313;
    margin-bottom: .33rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

#app .game-content li.force-hover:hover {
    -webkit-transform: translateY(-.11rem);
    transform: translateY(-.11rem);
    box-shadow: 0 .1rem .04rem #121111
}

#app .game-content li.force-hover:hover .img-box .hover-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#app .game-content li.force-hover:hover>p {
    color: #fff
}

#app .game-content li:not(:nth-child(5n)) {
    margin-right: .13rem
}

#app .game-content li .img-box {
    width: 1.81rem;
    height: 1.18rem;
    position: relative;
    display: block!important;
    overflow: hidden
}

#app .game-content li .img-box .hover-box {
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(31,6,7,.79);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

#app .game-content li .img-box .hover-box>span {
    font-size: .14rem;
    width: 1.3rem;
    height: .27rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #929292;
    color: #414141;
    border-radius: .05rem;
    cursor: pointer;
    font-family: nunito-bold;
    margin: .05rem
}

#app .game-content li .img-box .hover-box>span:first-child {
    color: #fff;
    white-space: nowrap
}

#app .game-content li .img-box .hover-box .underMaintenance {
    width: 1.7rem
}

#app .game-content li>p {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-left: .19rem;
    padding-right: .12rem;
    font-size: .14rem;
    color: #a2aabd;
    height: .8rem;
    padding-bottom: .06rem;
    transition: color .3s;
    position: relative;
    text-transform: capitalize
}

#app .game-content li>p>span {
    width: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: .05rem;
}

#app .game-content li>p>i {
    cursor: pointer
}

#app .game-content li>p:after,#app .game-content li>p:before {
    transition: background .5s;
    content: "";
    position: absolute;
    background: #004069
}

#app .game-content li>p:before {
    height: .04rem;
    left: 0;
    bottom: 0;
    width: 100%
}

#app .game-content li>p:after {
    width: .92rem;
    height: .05rem;
    left: 50%;
    bottom: .02rem;
    -webkit-transform: perspective(.5em) rotateX(8deg);
    transform: translateX(-50%);
}

#app .bg-content-section .dropping-hot .game-content-container .game-content.game-content-id li {
    margin-right: 0.1rem;
}

#app .bg-content-section .dropping-hot .game-content-container .game-content.game-content li:not(:nth-child(5n)) {
    /* margin-right: auto */
}

#app .header-section {
    width: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50;
}

#app .header-section.info-page #header .top-header .top-header-box {
    justify-content: center
}

#app .header-section.info-page #header .top-header .top-header-box .nav-list {
    display: none
}

#app .header-section.info-page #header .second-header span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2aabd;
    font-size: .28rem
}

#app .header-section #header .top-header {
    height: .7778rem;
    background: #161616;
    background-image: url(/images/dt-top-bar_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#app .header-section #header .top-header .top-header-box {
    display: flex;
    height: 100%;
    width: 12.43rem;
    justify-content: space-between
}

#app .header-section #header .top-header .top-header-box .icon-logo {
    margin: auto 0;
    cursor: pointer
}

#app .header-section #header .top-header .top-header-box .nav-list {
    display: flex;
    align-items: center;
    max-width: 10.23rem;
    height: 100%;
}

#app .header-section #header .top-header .top-header-box .nav-list li {
    color: #a2aabd;
    height: 100%;
}

#app .header-section #header .top-header .top-header-box .nav-list li .menu-item {
    height: 100%;
    font-weight: 400;
    font-size: .18rem;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    transition: color .3s;
    position: relative;
    text-transform: capitalize;
    white-space: nowrap;
    padding-bottom: .22rem;
    padding-right: 0.13rem;
    padding-left: 0.13rem;
}

#app .header-section #header .top-header .top-header-box .nav-list li:first-child .menu-item {
    padding-left: 0;
}

#app .header-section #header .top-header .top-header-box .nav-list li:first-child .menu-item::before {
    left: 0;
}

#app .header-section #header .top-header .top-header-box .nav-list li:first-child .menu-item::before, #app .header-section #header .top-header .top-header-box .nav-list li:last-child .menu-item::before {
    width: calc(100% - .13rem);
}

#app .header-section #header .top-header .top-header-box .nav-list li:last-child .menu-item {
    padding-right: 0;
}

#app .header-section #header .top-header .top-header-box .nav-list li .menu-item:before {
    content: "";
    position: absolute;
    width: calc(100% - .26rem);
    bottom: 0;
    left: .13rem;
    height: .02rem;
    background: 0 0;
    transition: background .3s
}

#app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg.icon {
    position: absolute;
    top: .1rem;
    right: 0;
    width: .27rem;
    height: .27rem;
}

#app .header-section #header .top-header .top-header-box .nav-list li:not(:last-child) .menu-item img.icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg.icon {
    right: 0.14rem;
}

#app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.new-icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg.new-icon {
    height: .33rem
}

#app .header-section #header .top-header .game-dropdown-menu .container {
    margin-left: auto;
    width: 11.2rem;
    text-align: center;
}
#app .header-section #header .game-dropdown-menu {
    position: absolute;
    z-index: 99;
    background: rgba(22, 22, 22, 0.7);
    backdrop-filter: blur(8px);
    width: 100%;
    top: 0.7778rem;
    left: 0;
    max-height: 6rem;
    overflow: auto;
}
#app .header-section #header .game-dropdown-menu::-webkit-scrollbar {
    display: block;
    width: .05rem;
}
#app .header-section #header .game-dropdown-menu::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    box-shadow: none;
}
#app .header-section #header .game-dropdown-menu ul {
    display: inline-flex;
    margin: .2rem auto;
    flex-wrap: wrap;
}
#app .header-section #header .game-dropdown-menu ul li {
    color: #fff;
    padding: .1rem .18rem;
    cursor: pointer;
    width: 1.6rem;
    height: 100%;
    position: relative;
}
#app .header-section #header .game-dropdown-menu ul li img.game-pic {
    width: 100%;
}
#app .header-section #header .game-dropdown-menu ul li:hover img.game-pic:not(.maintenance-cover) {
    transition: all .3s ease-in-out;
    transform: scale(1.08);
}

#app .header-section #header .game-dropdown-menu ul li img.game-pic.maintenance-cover {
    opacity: .5;
    filter: grayscale(1);
}

#app .header-section #header .game-dropdown-menu ul.ani-ul li .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: .72rem;
    top: 0;
    left: 0;
    cursor: default;
}

#app .header-section #header .second-header {
    height: .52rem;
    background: #252525;
}

#app .header-section #header .second-header .second-header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

#app .header-section #header .second-header .second-header-box .left {
    display: flex;
    align-items: center;
    height: 100%
}

#app .header-section #header .second-header .second-header-box .left .date-time {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #a2aabd;
    font-size: .12rem;
    opacity: .5;
    padding-right: .15rem;
    position: relative
}

#app .header-section #header .second-header .second-header-box .left .date-time:before {
    content: "";
    width: .01rem;
    height: .32rem;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    background: #121212
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #a2aabd;
    font-size: .14rem;
    padding-left: .15rem
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .icon-flag {
    width: .23rem;
    height: .23rem
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .08rem;
    cursor: pointer
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box svg {
    fill: #a2aabd;
    width: .13rem;
    height: .06rem;
    margin-left: .12rem
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: .16rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #111;
    padding: .15rem .18rem;
    border-bottom-left-radius: .05rem;
    border-bottom-right-radius: .05rem
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: .45rem;
    z-index: 1;
    white-space: nowrap
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span {
    margin-left: .1rem;
    color: #a2aabd
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span:not(.divide):hover {
    text-decoration: underline;
    cursor: pointer
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span.on {
    color: #fff
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span.divide {
    color: red
}

#app .header-section #header .second-header .second-header-box .right {
    display: flex;
    align-items: center;
    height: 100%
}

#app .header-section #header .second-header .second-header-box .right .down-list {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative
}

#app .header-section #header .second-header .second-header-box .right .down-list li {
    cursor: pointer;
    color: #a2aabd;
    font-size: .14rem;
    padding: 0 .15rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize
}

#app .header-section #header .second-header .second-header-box .right .down-list li:not(:last-child) {
    position: relative
}

#app .header-section #header .second-header .second-header-box .right .down-list .dropdowndot-submenu:after {
    content: "\2807";
    font-size: .3rem;
    color: #a2aabd;
    padding: .1rem;
    cursor: pointer
}

#app .header-section #header .second-header .second-header-box .right .down-list .dropdowndot-submenu-container {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: .16rem;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    background: #111;
    border-radius: 0 0 .05rem .05rem
}

#app .header-section #header .second-header .second-header-box .right .down-list .dropdowndot-submenu-container li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: .35rem;
    z-index: 1;
    white-space: nowrap;
    padding: 0 .3rem
}

#app .header-section #header .second-header .second-header-box .right .down-list .dropdowndot-submenu-container li:hover {
    color: #fff;
    background: #282a2c
}

#app .header-section #header .second-header .second-header-box .right>div {
    height: 100%;
    display: flex
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box {
    display: flex;
    align-items: center
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn {
    min-width: .98rem;
    height: .4rem;
    font-size: .18rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .05rem;
    font-family: nunito-bold;
    transition: background-color .3s;
    padding: 0 .1rem;
    white-space: nowrap;
    cursor: pointer
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn:hover {
    background: #626262
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login {
    color: #fff;
    border: .01rem solid #fff;
    text-transform: uppercase
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login span {
    font-family: nunito-bold;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-deposit,#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-sign-up {
    text-transform: uppercase;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-logout {
    text-transform: uppercase;
    padding: 0 .1rem;
    color: #fff;
    border: .01rem solid #fff;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-logout span {
    font-family: nunito-bold;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn:not(:last-child) {
    margin-right: .09rem
}

#app .header-section #header .second-header .second-header-box .right>div.before-login {
    padding-right: .05rem;
    white-space: nowrap
}

#app .header-section #header .second-header .second-header-box .right>div.before-login .btn-box {
    margin-left: .14rem
}

#app .header-section #header .second-header .second-header-box .right>div.after-login {
    padding-right: .16rem
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box {
    display: flex;
    margin-left: .3rem;
    margin-right: .09rem
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency {
    font-size: .16rem;
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: .21rem;
    justify-content: flex-end
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency .reload-box {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-left: .11rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: .19rem;
    height: .19rem;
    border-radius: 50%;
    position: relative;
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info {
    width: 1.81rem;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: .21rem;
    cursor: pointer
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
    font-size: .16rem;
    font-family: nunito-bold;
    width: 55%;
    text-overflow: ellipsis;
    overflow: hidden
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face {
    margin-left: .08rem;
    margin-right: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face img {
    width: .23rem;
    height: .23rem;
    border-radius: 50%
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face span {
    position: absolute;
    width: .14rem;
    height: .14rem;
    background: red;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%,-.05rem);
    transform: translate(50%,-.05rem);
    color: #fff;
    font-size: .1rem
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    width: 1.81rem;
    height: 2.21rem;
    /* height: 1.5rem; */
    background: #111;
    border-bottom-left-radius: .05rem;
    border-bottom-right-radius: .05rem
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li {
    font-size: .16rem;
    display: flex;
    align-items: center;
    padding-left: .2rem;
    color: #a2aabd;
    cursor: pointer;
    height: .3rem;
    transition: background .3s,color .3s;
    margin: .05rem 0
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li>span:nth-child(2) {
    color: red;
    margin-left: .05rem
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li:hover {
    background: #252525;
    color: #fff
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info:before {
    content: "";
    width: .01rem;
    height: .32rem;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    background: #474747
}

#app .footer-section {
    background: #191919
}

#app .banner {
    height: 400px
}

#app .dropping-hot {
    background: #181717;
    height: 7.29rem
}

#app .dropping-hot .item-title {
    display: block;
    padding-top: .25rem;
    padding-left: .1rem;
    text-transform: capitalize!important
}

#app .dropping-hot .group {
    display: flex
}

#app .dropping-hot .group .slider-box {
    width: 3.27rem;
    height: 4.2rem
}

#app .dropping-hot .group .slider-box .lantern {
    max-width: 90%;
    padding-left: 0.4rem;
}

#app .dropping-hot .group .slider-box .slider .slider-container>div {
    width: 100%;
    height: 100%
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div {
    position: relative
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div img {
    width: 100%;
    height: 100%;
    border-radius: .1rem;
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div .content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div .content .jackpot {
    display: block;
    font-family: nunito-bold;
    font-size: .18rem;
    color: #a1aabc;
    text-align: center;
    padding-top: .38rem;
    margin-bottom: .09rem;
    text-transform: uppercase
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div .content .icon-box {
    height: .8rem
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div .content .icon-box>i {
    -webkit-transform: translateX(.02rem);
    transform: translateX(.02rem)
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div .content>span {
    display: block;
    font-family: nunito-bold;
    font-size: 1.25vw;
    color: #fff;
    text-align: center
}

#app .dropping-hot .group .slider-box .slider .slider-container>div>div .content>svg text {
    font-family: nunito-bold;
    color: #fff;
    text-align: center
}

#app .dropping-hot .group .slider-box .slider .pagination {
    bottom: .12rem
}

#app .dropping-hot .group .games-list {
    margin-left: .29rem;
    width: 9.58rem
}

#app .dropping-hot .group .games-list.full-w {
    width: 100%;
}

#app .dropping-hot .group .games-list .nav-tabs {
    margin-top: .08rem;
    margin-bottom: .23rem;
    width: 100%;
    display: flex;
    padding-left: .05rem;
    height: .41rem;
    border-bottom: .01rem solid hsla(0,0%,100%,.1);
    position: relative
}

#app .dropping-hot .group .games-list .nav-tabs .more-games {
    position: absolute;
    right: .27rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

#app .dropping-hot .group .games-list .nav-tabs .more-games:hover>span:first-child {
    text-decoration: underline
}

#app .dropping-hot .group .games-list .nav-tabs .more-games>span:first-child {
    font-size: .16rem;
    font-family: nunito-extrabold
}

#app .dropping-hot .group .games-list .nav-tabs .more-games>span:nth-child(2) {
    font-size: .16rem;
    color: #989898;
    font-family: nunito-extrabold
}

#app .dropping-hot .group .games-list .nav-tabs li {
    font-size: .16rem;
    color: hsla(0,0%,100%,.25);
    cursor: pointer;
    height: .39rem;
    padding: 0 .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .01rem solid hsla(0,0%,100%,.25);
    border-radius: .05rem;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: color .3s,background .3s,border .3s;
    margin-right: .1rem
}

#app .dropping-hot .group .games-list .nav-tabs li>span {
    font-family: nunito-semibold;
    text-transform: uppercase
}

#app .dropping-hot .group .games-list .nav-tabs li.on {
    pointer-events: none;
}

#app .dropping-hot .group .games-list .nav-tabs li.on,#app .dropping-hot .group .games-list .nav-tabs li:hover {
    color: #fff;
    border: .01rem solid;
}

#app .dropping-hot .group .games-list .nav-tabs li.on>span,#app .dropping-hot .group .games-list .nav-tabs li:hover>span {
    font-family: nunito-semibold
}

#app .dropping-hot .group .games-list .no-data {
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .25rem;
    font-family: nunito-black;
    font-weight: 900;
    color: #a2aabd
}

#app .dropping-hot .group .games-list .nav-contents {
    width: 100%;
    position: relative
}

#app .donot-miss {
    height: 5.57rem;
    position: relative
}

#app .donot-miss .more-games {
    display: none
}

#app .donot-miss .item-title {
    display: block;
    padding-top: .4rem;
    padding-left: .1rem;
    text-transform: capitalize!important
}

#app .donot-miss .donot-miss-list {
    display: flex;
    justify-content: center
}

#app .donot-miss .donot-miss-list li {
    width: 3.27rem;
    height: 2.8rem;
    border-radius: .1rem;
    padding: 0 .2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

#app .donot-miss .donot-miss-list li .hover-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    transition: height .3s,opacity .3s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    height: 0;
    opacity: 0;
    background-size: 100% auto
}

#app .donot-miss .donot-miss-list li:hover .bottom {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#app .donot-miss .donot-miss-list li:hover .hover-box {
    opacity: 1
}

#app .donot-miss .donot-miss-list li:hover:first-child .hover-box {
    height: 3.27rem
}

#app .donot-miss .donot-miss-list li:hover:nth-child(2) .hover-box {
    height: 3.6rem
}

#app .donot-miss .donot-miss-list li:hover:nth-child(3) .hover-box {
    height: 3.25rem
}

#app .donot-miss .donot-miss-list li:hover:nth-child(4) .hover-box {
    height: 3.21rem
}

#app .donot-miss .donot-miss-list li .bottom,#app .donot-miss .donot-miss-list li .bottom-box {
    width: 100%;
    height: .58rem;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem
}

#app .donot-miss .donot-miss-list li .bottom {
    cursor: pointer;
    -webkit-transform: translateY(.4rem);
    transform: translateY(.4rem);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    transition-delay: .3s
}

#app .donot-miss .donot-miss-list li .bottom>span {
    font-family: nunito-black;
    font-size: .25rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) translateY(.05rem);
    transform: translate(-50%,-50%) translateY(.05rem);
    white-space: nowrap
}

#app .donot-miss .donot-miss-list li .bottom:after,#app .donot-miss .donot-miss-list li .bottom:before {
    transition: background .5s;
    content: "";
    position: absolute
}

#app .donot-miss .donot-miss-list li .bottom:before {
    height: .45rem;
    left: 0;
    bottom: 0;
    width: 100%
}

#app .donot-miss .donot-miss-list li .bottom:after {
    width: 1.33rem;
    height: .08rem;
    left: .97rem;
    bottom: .43rem;
    -webkit-transform: perspective(.5em) rotateX(8deg);
    transform: perspective(.5em) rotateX(8deg)
}

#app .donot-miss .donot-miss-list li:not(:last-child) {
    margin-right: .2rem
}

#app .donot-miss .donot-miss-list li .title {
    font-family: nunito-black;
    font-size: .25rem;
    margin-top: .55rem;
    margin-bottom: .16rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: center
}

#app .donot-miss .donot-miss-list li .content {
    font-family: nunito-semibold;
    font-size: .16rem;
    line-height: .18rem;
    color: #fff;
    text-align: center
}

#app .donot-miss .donot-miss-list li .content div {
    display: flex;
    flex-direction: column;
    align-items: center
}

#app .donot-miss .donot-miss-list li .content div p {
    margin-bottom: .25rem
}

#app .donot-miss .donot-miss-list li .content div p:first-of-type {
    -webkit-transform: translateY(.04rem);
    transform: translateY(.04rem)
}

#app .donot-miss .donot-miss-list li:first-child {
    background-image: url(/images/homepage/donotmiss/1_.webp)
}

#app .donot-miss .donot-miss-list li:first-child .hover-box {
    background-image: url(/images/homepage/donotmiss/1.webp)
}

#app .donot-miss .donot-miss-list li:nth-child(2) {
    background-image: url(/images/homepage/donotmiss/2_.webp)
}

#app .donot-miss .donot-miss-list li:nth-child(2) .hover-box {
    background-image: url(/images/homepage/donotmiss/2.webp)
}

#app .donot-miss .donot-miss-list li:nth-child(3) {
    background-image: url(/images/homepage/donotmiss/3_.webp)
}

#app .donot-miss .donot-miss-list li:nth-child(3) .hover-box {
    background-image: url(/images/homepage/donotmiss/3.webp)
}

#app .login-page-box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 9999;
}

.nested-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 9999;
}

#app .login-page-box .login-popup {
    width: 7.28rem;
    height: 5.38rem;
    border-radius: .1rem;
    background: #e5e5e5;
    position: relative;
    text-align: center;
}

#app .login-page-box .login-popup.indo {
    margin-top: .6rem;
}

#app .login-page-box .login-popup .button {
    position: absolute;
    right: 0;
}

#app .login-page-box .login-popup .icon-close2 {
    cursor: pointer;
    position: absolute;
    right: .23rem;
    top: .21rem
}

#app .login-page-box .login-popup .filolo {
    position: absolute;
    width: 2.6rem;
    top: -1.42rem;
    left: 50%;
    transform: translateX(-50%);
}

#app .login-page-box .login-popup .icon-logo2 {
    margin: .57rem 0 .52rem
}

#app .login-page-box .login-popup .input-item {
    width: 100%;
    display: flex;
    padding-left: 1.86rem
}

#app .login-page-box .login-popup .input-item.number-input > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

#app .login-page-box .login-popup .input-item.number-input > div .input {
    width: 2.2rem;
}

#app .login-page-box .login-popup .input-item.number-input > div > button {
    background-color: unset;
    border: .01rem solid rgba(25, 25, 25, .2);
    padding: 5px 10px;
    border-radius: .14rem .14rem .14rem .14rem;
}

#app .login-page-box .login-popup .input-item.number-input > div > button > i {
    margin-left: 5px;
}

#app .login-page-box .login-popup .input-item.number-input > div .m-telcode-dropdown-container {
    position: absolute;
    background: #fff;
    z-index: 1;
    font-size: .3rem;
    border: .01rem solid rgba(25, 25, 25, .2);
    top: 100%;
}

#app .login-page-box .login-popup .input-item.number-input > div .telcode-dropdown  {
    width: 3.53rem;
    height: 2.45rem;
    line-height: .8rem;
    overflow: scroll;
}

#app .login-page-box .login-popup .input-item.number-input > div .icon-arrow  {
    height: 0.09rem;
    width: 0.15rem;
}

#app .login-page-box .login-popup .input-item.number-input > div .telcode-dropdown span {
    display: flex;
    padding: 0 .17rem 0 .34rem;
    cursor: pointer;
    font-size: .2rem;
    line-height: 0.5rem;
}

#app .login-page-box .login-popup .input-item.number-input > div .telcode-dropdown span:hover {
    background: #3297fd;
    color: #fff
}

#app .login-page-box .login-popup .input-item.number-input .country-code {
    display: flex;
    align-items: center;
    margin-right: 8px;
}

#app .login-page-box .login-popup .input-item.number-input .country-code img {
    margin-right: 8px;
    width: .34rem;
    height: .34rem;
}

#app .login-page-box .login-popup .input-item .input {
    height: .29rem;
    width: 2.75rem;
    border-bottom: .01rem solid rgba(0,28,66,.5);
    margin-left: .1rem;
    display: flex
}

#app .login-page-box .login-popup .input-item .input>input {
    height: 100%;
    width: 100%;
    font-size: .18rem;
    color: #001c42;
    border: none;
    background: 0 0
}

#app .login-page-box .login-popup .input-item .input>input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #001c42;
    font-size: .18rem
}

#app .login-page-box .login-popup .input-item .input>input:-moz-placeholder,#app .login-page-box .login-popup .input-item .input>input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #001c42;
    font-size: .18rem
}

#app .login-page-box .login-popup .input-item .input>input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #001c42;
    font-size: .18rem
}

#app .login-page-box .login-popup .input-item .input .resend-button {
    margin-top: -0.15rem;
    font-family: nunito-bold;
    color: #fff;
    width: 1.5rem;
    height: 0.38rem;
    cursor: pointer;
    background-color: #001b42;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.05rem;
    text-transform: uppercase;
    font-size: .16rem;
    padding: 5px;
    line-height: .18rem;
}

#app .login-page-box .login-popup .input-item .input .resend-button[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

#app .login-page-box .login-popup .input-item:first-child {
    margin-bottom: .18rem
}

#app .login-page-box .login-popup .btn-item {
    width: 2.75rem;
    margin-left: 2.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#app .login-page-box .login-popup .btn-item>span {
    font-size: .16rem;
    line-height: .18rem;
    cursor: pointer
}

#app .login-page-box .login-popup .btn-item>span.btn-login {
    margin-top: -.04rem;
    font-family: nunito-bold;
    color: #fff;
    width: 1.1rem;
    height: .38rem;
    cursor: pointer;
    background-color: #001b42;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: .05rem;
    border-bottom-right-radius: .05rem;
    text-transform: uppercase
}

#app .login-page-box .login-popup .msg-error {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .3rem auto;
    font-size: .14rem;
    color: #fe0000;
    height: .33rem;
    user-select: none;
    padding-left: 1.86rem;
}

#app .login-page-box .login-popup .msg-error .msg-error-div {
    display: flex;
    align-items: center;
    width: 100%
}

#app .login-page-box .login-popup .msg-error .msg-error-div .m-error-content {
    width: 2.75rem;
}

#app .login-page-box .login-popup .msg-error .notice-icon {
    width: .33rem;
    margin-right: .1rem
}

#app .login-page-box .login-popup .msg-box {
    margin-top: .54rem
}

#app .login-page-box .login-popup .msg-box .msg-tips {
    font-size: .15rem;
    color: #001b42;
    line-height: .18rem
}

#app .login-page-box .login-popup .msg-box .msg-tips>span {
    cursor: pointer
}

#app .login-page-box .login-popup .msg-box .line {
    width: 5.35rem;
    height: .01rem;
    background: rgba(0,28,66,.2);
    margin: .15rem auto
}

#app .login-page-box .login-popup .hover-note {
    position: relative;
    font-size: .15rem;
    line-height: 1.2em;
}

#app .login-page-box .login-popup .hover-note .hover-note-icon {
    width: .25rem;
    height: .25rem;
    color: #a9a9a9;
}

#app .login-page-box .login-popup .hover-note p {
    opacity: 0;
    position: absolute;
    z-index: -1;
    right: -0.1rem;
    top: .3rem;
    width: 2.8rem;
    text-align: center;
    background: #e2e2e2;
    border-radius: .05rem;
    padding: .05rem .1rem;
    transition: all .2s ease-in-out;
}

#app .login-page-box .login-popup .hover-note .hover-note-icon:hover + p {
    opacity: 1;
    z-index: 1;
}

#app .reset-page-box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#app .reset-page-box .reset-popup {
    width: 6.38rem;
    min-height: 4.15rem;
    border-radius: .1rem;
    background: #fff;
    position: relative;
    text-align: center;
    font-size: .18rem;
}

#app .reset-page-box .reset-popup .icon-close2 {
    cursor: pointer;
    position: absolute;
    right: .23rem;
    top: .21rem;
    filter: grayscale(1) brightness(0.5);
}

#app .reset-page-box .reset-popup .reset-title {
    font-weight: 700;
    font-size: .28rem;
    margin: .52rem 0 .1rem;
    text-transform: capitalize;
}

#app .reset-page-box .reset-popup .msg-tips {
    font-size: .16rem;
    color: #001b42;
    line-height: .18rem;
    margin-bottom: .41rem
}

#app .reset-page-box .reset-popup .msg-tips>p:first-child {
    margin-bottom: .14rem
}

#app .reset-page-box .reset-popup .msg-tips span {
    cursor: pointer
}

#app .reset-page-box .reset-popup .msg-tips span.liveChat {
    color: #000
}

#app .reset-page-box .reset-popup .msg-tips.bottom {
    width: 4.5rem;
    margin-left: auto;
    margin-right: auto;
}

#app .reset-page-box .reset-popup .tabs {
    width: 2.45rem;
    display: flex;
    margin: auto;
    justify-content: space-between;
    font-size: .15rem;
    margin-bottom: .35rem;
}

#app .reset-page-box .reset-popup .tabs .selection {
    min-width: 1.15rem;
    display: flex;
    border: 1px solid;
    border-radius: .08rem;
    border-color: #e1e1e1;
    color: #000;
    cursor: pointer;
    transition: .3s ease-in-out;
    align-items: center;
    padding: .04rem .12rem;
}

#app .reset-page-box .reset-popup .tabs .selection.on, #app .reset-popup .tabs .selection:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

#app .reset-page-box .reset-popup .tabs .selection i {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: .3rem;
    width: .3rem;
    transition: .3s ease-in-out;
    margin-right: 0.08rem;
}

#app .reset-page-box .reset-popup .tabs .selection i.icon-mail {
    background-image: url('/images/icons/svg/icon-mail.svg');
}

#app .reset-page-box .reset-popup .tabs .selection.on i.icon-mail, #app .reset-popup .tabs .selection:hover i.icon-mail {
    background-image: url('/images/icons/svg/icon-mail-white.svg');
}

#app .reset-page-box .reset-popup .tabs .selection i.icon-phone {
    background-image: url('/images/icons/svg/icon-phone.svg');
    height: .23rem;
}

#app .reset-page-box .reset-popup .tabs .selection.on i.icon-phone, #app .reset-popup .tabs .selection:hover i.icon-phone {
    background-image: url('/images/icons/svg/icon-phone-white.svg');
}

#app .reset-page-box .reset-popup .input-item {
    width: 100%;
    display: flex;
    align-items: center;
    width: max-content;
    margin-right: auto;
    margin-left: 1.23rem;
}

#app .reset-page-box .reset-popup .input-item .input {
    height: .38rem;
    width: 2.9rem;
    border-bottom: .01rem solid rgba(0,28,66,.5);
    margin-left: .12rem;
    display: flex
}

#app .reset-page-box .reset-popup .input-item .input>input {
    height: 100%;
    width: 100%;
    font-size: .18rem;
    color: #001c42;
    border: none;
    background: 0 0
}

#app .reset-page-box .reset-popup .input-item .input>input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #001c42;
    font-size: .18rem
}

#app .reset-page-box .reset-popup .input-item .input>input:-moz-placeholder,#app .reset-page-box .reset-popup .input-item .input>input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #001c42;
    font-size: .18rem
}

#app .reset-page-box .reset-popup .input-item .input>input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #001c42;
    font-size: .18rem
}

#app .reset-page-box .reset-popup .btn-item {
    width: 2.75rem;
    margin: auto;
    margin-bottom: 0.45rem;
    display: block;
    font-size: .16rem;
    line-height: .18rem;
    word-break: break-word
}

#app .reset-page-box .reset-popup .input-container .input-error {
    color: red;
    margin-top: 0.05rem;
    font-size: .15rem;
}

#app .reset-page-box .reset-popup .btn-item>.btn-reset {
    font-size: .16rem;
    line-height: .18rem;
    margin: .08rem auto 0;
    font-family: nunito-bold;
    color: #fff;
    min-width: 1.3rem;
    height: .4rem;
    cursor: pointer;
    background-color: #001b42;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: .05rem;
    text-transform: uppercase;
    padding: 0 .15rem;
}

#app .reset-page-box .reset-popup .btn-item>.btn-reset:disabled,#app .reset-page-box .reset-popup .btn-item>.btn-reset[disabled] {
    opacity: .3;
    cursor: not-allowed
}

#app .reset-page-box .reset-popup .success-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 .2rem
}

#app .reset-page-box .reset-popup .success-box .success-icon {
    width: 1.8rem;
    margin-bottom: .25rem;
    margin-top: .4rem;
}

#app .reset-page-box .reset-popup .success-box .inner {
    width: 4.35rem;
    margin-bottom: .35rem;
}

#app .reset-page-box .reset-popup .success-box .inner .title {
    font-size: .28rem;
    margin-bottom: .18rem;
}

#app .reset-page-box .reset-popup .success-box .inner .msg-tips {
    margin-bottom: .34rem;
}

#app .reset-page-box .reset-popup .success-box .inner .btn-back {
    width: 2rem;
    height: 0.38rem;
    font-size: .16rem;
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 0.08rem;
    cursor: pointer;
}

#app .reset-page-box .reset-popup .success-box .line {
    height: 0.01rem;
    background: #d9dde2;
    width: 5rem;
    margin-bottom: .2rem;
}

#seo-footer-container #seo-footer {
    display: grid;
    justify-content: center;
    flex-flow: wrap;
    grid-template-columns: repeat(3,1fr);
    grid-gap: .73rem .4rem;
    width: 13.68rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

#seo-footer-container #seo-footer>div .content-title {
    font-size: .14rem;
    color: #fff;
    display: flex
}

#seo-footer-container #seo-footer>di#app .floating-banner-container-leftv .content-text {
    font-size: .14rem;
    color: #5f6169;
    margin-top: .1rem
}

@media(min-width: 2000px) {
    .home-container .banner .slider .slider-container img {
        height:100%!important
    }
}

@media(min-width: 1439px) {
    html {
        font-size:90px
    }

    html [data-screen=mobile],html [data-screen=pad] {
        display: none
    }

    html .home-container .banner .slider .slider-container img {
        width: 100%!important
    }
}

@media(min-width: 1024px) and (max-width:1439px) {
    html {
        font-size:6.75676vw
    }

    html [data-screen=mobile],html [data-screen=pad] {
        display: none
    }

    html .bg-content-section .home-container .banner {
        height: 4rem!important
    }

    html .home-container .banner .slider .slider-container img {
        width: 100%!important
    }
}

@media(max-width: 1024px) {
    html {
        font-size:5vw
    }

    html [data-screen=mobile],html [data-screen=web] {
        display: none
    }

    html body #footer .top-footer:before {
        height: .02rem;
        top: 7.1rem
    }

    html body #footer .top-footer-box {
        padding-top: .85rem;
        padding-left: .885rem;
        padding-right: .84rem
    }

    html body #footer .top-footer-box .top .provider {
        position: relative;
        display: flex;
        flex-direction: column
    }

    html body #footer .top-footer-box .top .provider .mergeLayout {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider .mergeLayout.followUs,html body #footer .top-footer-box .top .provider .mergeLayout .security,html body #footer .top-footer-box .top .provider .paymentMethod {
        width: 100%
    }

    html body #footer .top-footer-box .top .provider li {
        line-height: .45rem;
        font-size: .21rem;
        margin: 0 0 .2rem
    }

    html body #footer .top-footer-box .top .provider li:last-child {
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-ftrmerge] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box i {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box {
        width: 1.08rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box svg {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].gamingLicense-box i {
        margin-bottom: .42rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box {
        width: 100%
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box i {
        margin-right: .34rem!important
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-bay,html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-kkr,html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-ktb,html body #footer .top-footer-box .top .provider li div[class*=-box].paymentMethod-box .icon-scb {
        margin-right: .25rem!important
    }

    html body #footer .top-footer-box .top .provider li .title {
        height: .44rem;
        white-space: nowrap;
        font-family: nunitosans-regular;
        font-size: .28rem;
        color: #fff
    }

    html body #footer .top-footer-box .top .provider li i,html body #footer .top-footer-box .top .provider li svg {
        margin: 0 .34rem .34rem 0
    }

    html body #footer .top-footer-box .top .provider li:nth-child(6) .title {
        margin-bottom: .06rem
    }

    html body #footer .top-footer-box .top .provider .gamingLicense {
        width: 65%;
        margin-bottom: .6rem
    }

    html body #footer .top-footer-box .copy-right-box {
        padding: .4rem 0 0
    }

    html body #footer .top-footer-box .copy-right-box .copy-right {
        font-size: .18rem;
        white-space: nowrap;
        justify-content: unset
    }

    html body #footer .top-footer-box .bottom {
        height: 3.39rem
    }

    html body #footer .top-footer-separator {
        height: 0
    }

    html body #footer .middle-footer-container {
        padding-left: .71rem;
        padding-right: .69rem;
        margin-bottom: 0
    }

    html body #footer .middle-footer-container .mergeLayout li {
        width: 100%
    }

    html body #footer .middle-footer-container .mergeLayout .copy-right-ftrmerge div {
        font-size: .24rem
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i {
        margin-right: .24rem
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i:last-child {
        margin-right: 0
    }

    html body #footer .middle-footer-container .mergeLayout.power-by {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    html body #footer .middle-footer-container .mergeLayout.power-by .power-by-ftrmerge {
        width: 100%;
        display: flex;
        flex-direction: row;
        font-size: .24rem;
        color: #5b606a
    }

    html body #footer .middle-footer-container .mergeLayout.logo-footer {
        width: 30%;
        align-items: flex-end;
        flex-direction: column
    }

    html body #footer .middle-footer-container .mergeLayout.logo-footer .logo-footer-ftrmerge {
        display: flex;
        justify-content: flex-end
    }

    html body #footer #dynamic-seo-footer {
        padding: 0 .8rem;
    }

    html body #footer-btm .container {
        width: 100%
    }

    html body #footer-btm .second-footer-box {
        padding-top: .27rem;
        height: 3.39rem;
        padding-left: .885rem;
        padding-right: .84rem
    }

    html body #footer-btm .second-footer-box p {
        font-size: .18rem;
        line-height: .21rem;
        width: 12.84rem
    }

    .icon-logo {
        width: 2.44rem;
        height: .62rem
    }

    .icon-arrow {
        width: .22rem;
        height: .1rem
    }

    .icon-refesh {
        width: .31rem;
        height: .31rem
    }

    .icon-pagcor {
        height: .42rem;
        width: 1.88rem
    }

    .icon-godaddy {
        height: .6rem!important;
        width: 3.1rem!important
    }

    .icon-iovation {
        width: 1.79rem;
        height: .36rem
    }

    .icon-global {
        width: .63rem;
        height: .63rem
    }

    .icon-itechlab {
        width: .63rem;
        height: .6rem
    }

    .icon-payouts {
        width: 1.25rem;
        height: .44rem
    }

    .icon-bmm {
        width: 1.34rem!important;
        height: .4rem!important
    }

    .icon-threat-metrix {
        width: 2.38rem!important;
        height: .6rem!important
    }

    .icon-bank-icon-ftr {
        width: .55rem;
        height: .5rem
    }

    .icon-ethereum {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-mobifone {
        width: 1.65rem;
        height: .37rem
    }

    .icon-momo {
        width: .48rem;
        height: .48rem
    }

    .icon-viettel {
        width: .82rem;
        height: .48rem
    }

    .icon-viettelpay {
        width: .6rem;
        height: .56rem
    }

    .icon-vinaphone {
        width: 1.92rem;
        height: .45rem
    }

    .icon-zalo {
        width: .5rem;
        height: .47rem
    }

    .icon-eeziepay,.icon-master-card,.icon-visa {
        width: 1.45rem;
        height: .6rem
    }

    .icon-duitnow {
        width: .76rem;
        height: .7rem
    }

    .icon-fpx {
        width: 1.44rem;
        height: .6rem
    }

    .icon-paytrust {
        width: 1.35rem;
        height: .29rem
    }

    .icon-help2pay {
        width: .71rem!important;
        height: .5rem!important
    }

    .content-text {
        color: #fffefe;
        font-size: .24rem!important;
        line-height: .3rem!important
    }

    .icon-curacao {
        width: 3rem;
        height: .97rem
    }

    .icon-18above {
        width: .48rem;
        height: .48rem
    }

    .icon-gamcare {
        width: 48%;
        height: 48%
    }

    .icon-bga {
        width: .76rem;
        height: .48rem
    }

    .icon-bitcoin {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-tng {
        width: .6rem;
        height: .6rem
    }

    .icon-usdt {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-acleda-bank,.icon-advanced-bank,.icon-bay,.icon-eth,.icon-kkr,.icon-ktb,.icon-maybank,.icon-scb,.icon-true,.icon-wing {
        width: .8rem;
        height: .8rem
    }

    .icon-android-footer,.icon-facebook,.icon-instagram,.icon-ios-footer,.icon-twitter {
        width: .44rem;
        height: .44rem
    }

    .icon-youtube {
        width: .45rem;
        height: .44rem
    }

    .icon-18 {
        width: .41rem;
        height: .38rem
    }

    .icon-logo-footer {
        width: 1.49rem;
        height: .38rem
    }

    .icon-CM-2 {
        width: 2.49rem;
        height: .48rem
    }

    .icon-SB-2 {
        width: 2.5rem;
        height: 1rem
    }

    .icon-MB-2 {
        width: 3.16rem;
        height: .76rem
    }

    .icon-betradar {
        width: 3.21rem;
        height: .44rem
    }

    .icon-love-off,.icon-love-on {
        width: .39rem;
        height: .34rem
    }

    .icon-close3 {
        width: .51rem;
        height: .51rem
    }

    .icon-logo2 {
        width: 2.76rem;
        height: .7rem
    }

    .icon-ae_sexy,.icon-wm {
        width: 4.1rem;
        height: 1.56rem
    }

    .icon-ag {
        width: 3.66rem;
        height: 1.22rem
    }

    .icon-allbet {
        width: 3.31rem;
        height: 2.12rem
    }

    .icon-dream_gaming {
        width: 2.94rem;
        height: 1.79rem
    }

    .icon-ebet {
        width: 3.31rem;
        height: 1.02rem
    }

    .icon-evolution {
        width: 3.56rem;
        height: 1.18rem
    }

    .icon-gameplay {
        width: 4.22rem;
        height: .82rem
    }

    .icon-gd {
        width: 3.37rem;
        height: 1.91rem
    }

    .icon-ppl {
        width: 4.23rem;
        height: 1.93rem
    }

    .icon-mg {
        width: 4.5rem;
        height: 1.15rem
    }

    .icon-playtech {
        width: 3.98rem;
        height: .81rem
    }

    .icon-sa_gaming {
        width: 3.88rem;
        height: 1.36rem
    }

    .icon-bti {
        width: 3.35rem;
        height: 1.5rem
    }

    .icon-ibc {
        width: 5rem;
        height: 1.17rem
    }

    .icon-br {
        width: 4.8rem;
        height: 1.12rem
    }

    .icon-CM {
        width: 4.5rem;
        height: 1.18rem
    }

    .icon-ime,.icon-tf {
        width: 5.2rem;
        height: 1.08rem
    }

    .icon-sgah,.icon-sgfw,.icon-sgzp {
        width: 4.3rem;
        height: 2.53rem
    }

    .icon-gg,.icon-sg {
        width: 5.2rem;
        height: 3.5rem
    }

    .icon-gpthai {
        width: 3.35rem;
        height: 2.43rem
    }

    .icon-gpsode {
        width: 3.92rem;
        height: 1.5rem
    }

    .icon-qqk {
        width: 4.15rem;
        height: .85rem
    }

    .icon-qqkthai {
        width: 3.4rem;
        height: .77rem
    }

    .icon-gpkeno {
        width: 2.95rem;
        height: .84rem
    }

    .icon-GP {
        width: 2rem;
        height: .53rem;
        margin-top: .2rem
    }

    .icon-QQK {
        width: 1.9rem;
        height: .44rem;
        margin-top: .35rem
    }

    .icon-poker2 {
        width: 4.5rem;
        height: .72rem
    }

    .icon-android {
        width: .23rem;
        height: .26rem
    }

    .icon-ios {
        width: .22rem;
        height: .26rem
    }

    .icon-search {
        width: .24rem;
        height: .26rem
    }

    .icon-level {
        width: .65rem;
        height: .4rem
    }

    .icon-reload {
        width: .26rem;
        height: .26rem
    }

    .icon-transfer {
        width: .87rem;
        height: .41rem
    }

    #app {
        padding-top: 0
    }

    #app .msg-enter,#app .msg-exit {
        -webkit-transform: translateX(100vw) translateZ(0);
        transform: translateX(100vw) translateZ(0)
    }

    #app .msg-enter-active,#app .msg-exit-active {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
        transition: -webkit-transform 20s linear;
        transition: transform 20s linear;
        transition: transform 20s linear,-webkit-transform 20s linear
    }

    #app .notice {
        height: .55rem;
        font-size: .28rem;
    }

    #app .announcement-box .announcement-popup,#app .home-notice-box .notice-popup {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    #app .announcement-box .announcement-img-popup .icon-close2 {
        top: -.2rem;
        right: -.2rem
    }

    #app .announcement-box .announcement-img-popup img {
        max-width: 12rem;
        max-height: 12rem
    }

    #app .container {
        width: 100%
    }

    #app .login-page-box,#app .reset-page-box {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    #app .game-content li {
        width: 3.48rem;
        height: 3.48rem
    }

    #app .game-content li:not(:nth-child(5n)) {
        margin-right: .22rem
    }

    #app .game-content li .img-box {
        width: 3.48rem;
        height: 2.11rem
    }

    #app .game-content li .img-box .hover-box>span {
        width: 1.59rem;
        height: .49rem;
        font-size: .25rem;
        border-right: .05rem
    }

    #app .game-content li>p {
        height: 1.32rem;
        font-size: .25rem;
        padding-left: .32rem;
        padding-right: .2rem;
        padding-bottom: 0
    }

    #app .game-content li>p:before {
        height: .05rem
    }

    #app .game-content li>p:after {
        height: 0.08rem;
        bottom: 0;
        width: 0.8rem;
        left: 50%;
        transform: translateX(-50%);
    }

    #app .game-content li>p>span {
        width: 2.1rem
    }

    #app .header-section.info-page #header .top-header .top-header-box {
        padding-left: 0
    }

    #app .header-section.info-page #header .second-header span {
        font-size: .35rem
    }

    #app .header-section #header .top-header {
        height: 1.33rem;
        background-position-x: -.25rem;
    }

    #app .header-section #header .top-header .top-header-box {
        padding-left: .45rem;
        width: 18.75rem
    }

    #app .header-section #header .top-header .top-header-box .icon-logo {
        width: 2.8rem;
        margin-top: 0.38rem;
    }

    #app .header-section #header .top-header .top-header-box .nav-list {
        max-width: 16rem;
        overflow-x: scroll;
        margin-left: 1.4rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar {
        display: block
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .header-section #header .top-header .top-header-box .nav-list li {
        font-size: .28rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item {
        font-size: .28rem;
        padding-left: .14rem;
        padding-right: .14rem;
        padding-bottom: .37rem;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg {
        width: .43rem;
        height: auto;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.new-icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg.new-icon {
        height: .7rem
    }

    #app .header-section #header .game-dropdown-menu {
        top: 1.33rem;
        max-height: 10rem;
    }

    #app .header-section #header .second-header {
        height: .58rem
    }

    #app .header-section #header .second-header .second-header-box {
        padding-left: .84rem;
        padding-right: .86rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time {
        font-size: .2rem;
        padding-right: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time:before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box {
        font-size: .23rem;
        padding-left: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .icon-flag {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box {
        margin-left: .12rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box svg {
        width: .22rem;
        height: .1rem;
        margin-left: .23rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box {
        font-size: .27rem;
        padding: .12rem .2rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li {
        height: .7rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span {
        margin-left: .2rem
    }

    #app .header-section #header .second-header .second-header-box .right.logined .down-list {
        display: none
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li {
        font-size: .23rem;
        padding: 0 .27rem
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li:not(:last-child):before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box {
        margin-left: .28rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn {
        width: 1.7rem;
        height: .49rem;
        font-size: .26rem;
        border-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn:not(:last-child) {
        margin-right: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login {
        color: #e9e9e9
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login {
        padding-right: 0
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box {
        width: 5.61rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency {
        width: 2.83rem;
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency .reload-box {
        width: .31rem;
        height: .31rem;
        margin-left: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info {
        width: 2.78rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info:before {
        height: .42rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face {
        margin-left: .12rem;
        margin-right: .43rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face img {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face span {
        width: .24rem;
        height: .24rem;
        font-size: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
        width: 2.78rem;
        height: 2.93rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li {
        font-size: .27rem;
        height: .5rem
    }

    #app .dropping-hot {
        height: 11.74rem;
        padding: 0 .86rem
    }

    #app .dropping-hot .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .dropping-hot .group .slider-box {
        display: none
    }

    #app .dropping-hot .group .games-list {
        margin-left: 0;
        width: 18.28rem
    }

    #app .dropping-hot .group .games-list .nav-tabs {
        height: .76rem;
        border-bottom: 0;
        margin-top: 0;
        margin-bottom: .34rem
    }

    #app .dropping-hot .group .games-list .nav-tabs:before {
        content: "";
        width: 18.27rem;
        height: .02rem;
        position: absolute;
        bottom: 0;
        left: -.05rem;
        background: hsla(0,0%,100%,.25)
    }

    #app .dropping-hot .group .games-list .nav-tabs li {
        border-radius: .09rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0 .43rem;
        height: .72rem;
        font-size: .3rem;
        border: 1px solid hsla(0,0%,100%,.25);
        border-bottom-color: transparent;
        margin-right: .2rem
    }

    #app .dropping-hot .group .games-list .nav-tabs li.on,#app .dropping-hot .group .games-list .nav-tabs li:hover {
        border-width: 1px
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games {
        right: .06rem
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games>span:first-child,#app .dropping-hot .group .games-list .nav-tabs .more-games>span:nth-child(2) {
        font-size: .3rem
    }

    #app .dropping-hot .group .games-list .no-data {
        font-size: .35rem;
        line-height: 100%
    }

    #app .donot-miss {
        padding: 0 .86rem;
        height: 6.34rem
    }

    #app .donot-miss .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .donot-miss .more-games {
        display: block;
        position: absolute;
        right: .83rem;
        top: .94rem;
        font-size: .3rem;
        color: #787e8b;
        cursor: pointer
    }

    #app .donot-miss .more-games:hover>span:first-child {
        text-decoration: underline
    }

    #app .donot-miss .donot-miss-list {
        overflow-x: scroll
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar {
        display: none
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .donot-miss .donot-miss-list li {
        flex: 1 0 auto;
        width: 7.08rem;
        height: 3.5rem;
        margin-bottom: .1rem;
        padding-left: 3.3rem;
        align-items: flex-start;
        cursor: pointer
    }

    #app .donot-miss .donot-miss-list li .hover-box {
        display: none
    }

    #app .donot-miss .donot-miss-list li .title {
        font-size: .32rem
    }

    #app .donot-miss .donot-miss-list li .content {
        text-align: left;
        font-size: .28rem;
        line-height: .3rem;
        width: 3.5rem
    }

    #app .donot-miss .donot-miss-list li .content br {
        display: none
    }

    #app .donot-miss .donot-miss-list li:first-child {
        background-image: url(/images/homepage/donotmiss/pad/1_.png)
    }

    #app .donot-miss .donot-miss-list li:first-child .content {
        width: 3.35rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) {
        padding-left: 3.8rem;
        background-image: url(/images/homepage/donotmiss/pad/2_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) .content {
        width: 2.78rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(3) {
        background-image: url(/images/homepage/donotmiss/pad/3_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(4) {
        background-image: url(/images/homepage/donotmiss/pad/4_.png)
    }

    #app .donot-miss .donot-miss-list li:not(:last-child) {
        margin-right: .37rem
    }

    #app .donot-miss .donot-miss-list li .bottom {
        height: .53rem
    }

    #app .donot-miss .donot-miss-list li .bottom:before {
        height: .47rem
    }

    #app .donot-miss .donot-miss-list li .bottom:after {
        height: .08rem;
        bottom: .44rem
    }

    #app .donot-miss .donot-miss-list li:hover .hover-box {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    #app .donot-miss .donot-miss-list li:hover .bottom {
        -webkit-transform: translateY(.4rem);
        transform: translateY(.4rem)
    }

    #seo-footer-container #seo-footer {
        width: 100%;
        padding-left: 1.77rem;
        padding-right: 1.68rem
    }

    #seo-footer-container #seo-footer>div .content-text,#seo-footer-container #seo-footer>div .content-title {
        font-size: .21rem
    }
}

@media(hover: none) {
    html {
        font-size:5vw
    }

    html [data-screen=mobile],html [data-screen=web] {
        display: none
    }

    html body #footer .top-footer:before {
        height: .02rem;
        top: 7.1rem
    }

    html body #footer .top-footer-box {
        padding-top: .85rem;
        padding-left: .885rem;
        padding-right: .84rem
    }

    html body #footer .top-footer-box .top .provider {
        position: relative;
        display: flex;
        flex-direction: column
    }

    html body #footer .top-footer-box .top .provider .mergeLayout {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider .mergeLayout.followUs {
        width: 100%
    }

    html body #footer .top-footer-box .top .provider .paymentMethod {
        width: 100%!important
    }

    html body #footer .top-footer-box .top .provider li {
        line-height: .45rem;
        font-size: .21rem;
        margin: 0 0 .2rem
    }

    html body #footer .top-footer-box .top .provider li:last-child {
        margin-right: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-ftrmerge] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].followUs-box i {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box {
        width: 1.08rem
    }

    html body #footer .top-footer-box .top .provider li div[class*=-box].download-box svg {
        margin-right: .2rem
    }

    html body #footer .top-footer-box .top .provider li .title {
        height: .44rem;
        white-space: nowrap
    }

    html body #footer .top-footer-box .top .provider li i,html body #footer .top-footer-box .top .provider li svg {
        margin: 0 .34rem .34rem 0
    }

    html body #footer .top-footer-box .top .provider li:nth-child(6) .title {
        margin-bottom: .06rem
    }

    html body #footer .top-footer-box .copy-right-box {
        padding: .4rem 0 0
    }

    html body #footer .top-footer-box .copy-right-box .copy-right {
        font-size: .18rem;
        white-space: nowrap;
        justify-content: unset
    }

    html body #footer .top-footer-box .bottom {
        height: 3.39rem
    }

    html body #footer .top-footer-separator {
        height: 0
    }

    html body #footer .middle-footer-container {
        margin-bottom: 0
    }

    html body #footer .middle-footer-container .mergeLayout {
        width: 100%;
        display: flex;
        align-items: center
    }

    html body #footer .middle-footer-container .mergeLayout .copy-right-ftrmerge div {
        color: #5b616d;
        font-size: .24rem;
        font-family: nunitosans-regular
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge {
        display: flex;
        align-items: flex-end
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i {
        margin-right: .24rem
    }

    html body #footer .middle-footer-container .mergeLayout .followUs-ftrmerge i:last-child {
        margin-right: 0
    }

    html body #footer-btm .container {
        width: 100%
    }

    html body #footer-btm .second-footer-box {
        padding-top: .27rem;
        height: 3.39rem;
        padding-left: .885rem;
        padding-right: .84rem
    }

    html body #footer-btm .second-footer-box p {
        font-size: .18rem;
        line-height: .21rem;
        width: 12.84rem
    }

    .icon-logo {
        width: 2.44rem;
        height: .62rem
    }

    .icon-arrow {
        width: .22rem;
        height: .1rem
    }

    .icon-refesh {
        width: .31rem;
        height: .31rem
    }

    .icon-pagcor {
        height: .42rem;
        width: 1.88rem
    }

    .icon-godaddy {
        height: .6rem;
        width: 3.1rem
    }

    .icon-iovation {
        width: 2.5rem!important;
        height: .5rem!important
    }

    .icon-global {
        width: .63rem;
        height: .63rem
    }

    .icon-itechlab {
        width: .63rem;
        height: .6rem
    }

    .icon-payouts {
        width: 1.25rem;
        height: .44rem
    }

    .icon-bmm {
        width: .82rem;
        height: .25rem
    }

    .icon-threat-metrix {
        width: 2.38rem!important;
        height: .6rem!important
    }

    .icon-bank-icon-ftr {
        width: .55rem;
        height: .5rem
    }

    .icon-ethereum {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-mobifone {
        width: 1.65rem;
        height: .37rem
    }

    .icon-momo {
        width: .48rem;
        height: .48rem
    }

    .icon-viettel {
        width: .82rem;
        height: .48rem
    }

    .icon-viettelpay {
        width: .6rem;
        height: .56rem
    }

    .icon-vinaphone {
        width: 1.92rem;
        height: .45rem
    }

    .icon-zalo {
        width: .5rem;
        height: .47rem
    }

    .icon-eeziepay,.icon-master-card,.icon-visa {
        width: 1.45rem;
        height: .6rem
    }

    .icon-duitnow {
        width: .76rem;
        height: .7rem
    }

    .icon-fpx {
        width: 1.44rem;
        height: .6rem
    }

    .icon-paytrust {
        width: 1.35rem;
        height: .29rem
    }

    .icon-help2pay {
        width: .71rem!important;
        height: .5rem!important
    }

    .icon-curacao {
        width: 3rem;
        height: .97rem
    }

    .icon-18above,.icon-gamcare {
        width: .48rem;
        height: .48rem
    }

    .icon-bga {
        width: .76rem;
        height: .48rem
    }

    .icon-bitcoin {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-tng {
        width: .6rem;
        height: .6rem
    }

    .icon-usdt {
        width: .6rem!important;
        height: .6rem!important
    }

    .icon-acleda-bank,.icon-advanced-bank,.icon-eth,.icon-maybank,.icon-true,.icon-wing {
        width: .8rem;
        height: .8rem
    }

    .icon-android-footer,.icon-facebook,.icon-instagram,.icon-ios-footer,.icon-twitter {
        width: .44rem;
        height: .44rem
    }

    .icon-youtube {
        width: .45rem;
        height: .44rem
    }

    .icon-18 {
        width: .41rem;
        height: .38rem
    }

    .icon-logo-footer {
        width: 1.49rem;
        height: .38rem
    }

    .icon-CM-2 {
        width: 2.49rem;
        height: .48rem
    }

    .icon-SB-2 {
        width: 2.5rem;
        height: 1rem
    }

    .icon-MB-2 {
        width: 3.16rem;
        height: .76rem
    }

    .icon-betradar {
        width: 3.21rem;
        height: .44rem
    }

    .icon-love-off,.icon-love-on {
        width: .39rem;
        height: .34rem
    }

    .icon-close3 {
        width: .51rem;
        height: .51rem
    }

    .icon-logo2 {
        width: 2.76rem;
        height: .7rem
    }

    .icon-ae_sexy,.icon-wm {
        width: 4.1rem;
        height: 1.56rem
    }

    .icon-ag {
        width: 3.66rem;
        height: 1.22rem
    }

    .icon-allbet {
        width: 3.31rem;
        height: 2.12rem
    }

    .icon-dream_gaming {
        width: 2.94rem;
        height: 1.79rem
    }

    .icon-ebet {
        width: 3.31rem;
        height: 1.02rem
    }

    .icon-evolution {
        width: 3.56rem;
        height: 1.18rem
    }

    .icon-gameplay {
        width: 4.22rem;
        height: .82rem
    }

    .icon-gd {
        width: 3.37rem;
        height: 1.91rem
    }

    .icon-ppl {
        width: 4.23rem;
        height: 1.93rem
    }

    .icon-mg {
        width: 4.5rem;
        height: 1.15rem
    }

    .icon-playtech {
        width: 3.98rem;
        height: .81rem
    }

    .icon-sa_gaming {
        width: 3.88rem;
        height: 1.36rem
    }

    .icon-bti {
        width: 3.35rem;
        height: 1.5rem
    }

    .icon-ibc {
        width: 5rem;
        height: 1.17rem
    }

    .icon-br {
        width: 4.8rem;
        height: 1.12rem
    }

    .icon-CM {
        width: 4.5rem;
        height: 1.18rem
    }

    .icon-ime,.icon-tf {
        width: 5.2rem;
        height: 1.08rem
    }

    .icon-sgah,.icon-sgfw,.icon-sgzp {
        width: 4.3rem;
        height: 2.53rem
    }

    .icon-gg,.icon-sg {
        width: 5.2rem;
        height: 3.5rem
    }

    .icon-gpthai {
        width: 3.35rem;
        height: 2.43rem
    }

    .icon-gpsode {
        width: 3.92rem;
        height: 1.5rem
    }

    .icon-qqk {
        width: 4.15rem;
        height: .85rem
    }

    .icon-qqkthai {
        width: 3.4rem;
        height: .77rem
    }

    .icon-gpkeno {
        width: 2.95rem;
        height: .84rem
    }

    .icon-GP {
        width: 2rem;
        height: .53rem;
        margin-top: .2rem
    }

    .icon-QQK {
        width: 1.9rem;
        height: .44rem;
        margin-top: .35rem
    }

    .icon-poker2 {
        width: 4.5rem;
        height: .72rem
    }

    .icon-android {
        width: .23rem;
        height: .26rem
    }

    .icon-ios {
        width: .22rem;
        height: .26rem
    }

    .icon-search {
        width: .24rem;
        height: .26rem
    }

    .icon-level {
        width: .65rem;
        height: .4rem
    }

    .icon-reload {
        width: .26rem;
        height: .26rem
    }

    .icon-transfer {
        width: .87rem;
        height: .41rem
    }

    #app {
        padding-top: 0
    }

    #app .msg-enter,#app .msg-exit {
        -webkit-transform: translateX(100vw) translateZ(0);
        transform: translateX(100vw) translateZ(0)
    }

    #app .msg-enter-active,#app .msg-exit-active {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
        transition: -webkit-transform 20s linear;
        transition: transform 20s linear;
        transition: transform 20s linear,-webkit-transform 20s linear
    }

    #app .notice {
        height: .55rem;
        font-size: .28rem
    }

    #app .announcement-box .announcement-popup,#app .home-notice-box .notice-popup {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    #app .announcement-box .announcement-img-popup .icon-close2 {
        top: -.2rem;
        right: -.2rem
    }

    #app .announcement-box .announcement-img-popup img {
        max-width: 12rem;
        max-height: 12rem
    }

    #app .container {
        width: 100%
    }

    #app .login-page-box,#app .reset-page-box {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    #app .game-content li {
        width: 3.48rem;
        height: 3.48rem
    }

    #app .game-content li:not(:nth-child(5n)) {
        margin-right: .22rem
    }

    #app .game-content li .img-box {
        width: 3.48rem;
        height: 2.11rem
    }

    #app .game-content li .img-box .hover-box>span {
        width: 1.59rem;
        height: .49rem;
        font-size: .25rem;
        border-right: .05rem
    }

    #app .game-content li>p {
        height: 1.32rem;
        font-size: .25rem;
        padding-left: .32rem;
        padding-right: .2rem;
        padding-bottom: 0
    }

    #app .game-content li>p:before {
        height: .05rem
    }

    #app .game-content li>p:after {
        height: 0.08rem;
        bottom: 0;
        width: 0.8rem;
        left: 50%;
        transform: translateX(-50%);
    }

    #app .game-content li>p>span {
        width: 2.1rem
    }

    #app .header-section.info-page #header .top-header .top-header-box {
        padding-left: 0
    }

    #app .header-section.info-page #header .second-header span {
        font-size: .35rem
    }

    #app .header-section #header .top-header {
        height: 1.33rem;
    }

    #app .header-section #header .top-header .top-header-box {
        padding-left: .45rem;
        width: 18.75rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list {
        max-width: 16rem;
        overflow-x: scroll;
        margin-left: 1.4rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar {
        display: block
    }

    #app .header-section #header .top-header .top-header-box .nav-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .header-section #header .top-header .top-header-box .nav-list li {
        font-size: .28rem
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item {
        font-size: .28rem;
        padding-left: .14rem;
        padding-right: .14rem;
        padding-bottom: .37rem;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg {
        width: .43rem;
        height: auto;
    }

    #app .header-section #header .top-header .top-header-box .nav-list li .menu-item img.new-icon,#app .header-section #header .top-header .top-header-box .nav-list li .menu-item svg.new-icon {
        height: .7rem
    }

    #app .header-section #header .game-dropdown-menu {
        top: 1.33rem;
        max-height: 10rem;
    }

    #app .header-section #header .second-header {
        height: .58rem
    }

    #app .header-section #header .second-header .second-header-box {
        padding-left: .84rem;
        padding-right: .86rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time {
        font-size: .2rem;
        padding-right: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .date-time:before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box {
        font-size: .23rem;
        padding-left: .27rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .icon-flag {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box {
        margin-left: .12rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box svg {
        width: .22rem;
        height: .1rem;
        margin-left: .23rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box {
        font-size: .27rem;
        padding: .12rem .2rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li {
        height: .7rem
    }

    #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span {
        margin-left: .2rem
    }

    #app .header-section #header .second-header .second-header-box .right.logined .down-list {
        display: none
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li {
        font-size: .23rem;
        padding: 0 .27rem
    }

    #app .header-section #header .second-header .second-header-box .right .down-list li:not(:last-child):before {
        height: .47rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box {
        margin-left: .28rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn {
        width: 1.7rem;
        height: .49rem;
        font-size: .26rem;
        border-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn:not(:last-child) {
        margin-right: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login {
        color: #e9e9e9
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login {
        padding-right: 0
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box {
        width: 5.61rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency {
        width: 2.83rem;
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency .reload-box {
        width: .31rem;
        height: .31rem;
        margin-left: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info {
        width: 2.78rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info:before {
        height: .42rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
        font-size: .24rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face {
        margin-left: .12rem;
        margin-right: .43rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face img {
        width: .39rem;
        height: .39rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face span {
        width: .24rem;
        height: .24rem;
        font-size: .17rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
        width: 2.78rem;
        height: 2.93rem;
        border-bottom-left-radius: .09rem;
        border-bottom-right-radius: .09rem
    }

    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li {
        font-size: .27rem;
        height: .5rem
    }

    #app .dropping-hot {
        height: 11.74rem;
        padding: 0 .86rem
    }

    #app .dropping-hot .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .dropping-hot .group .slider-box {
        display: none
    }

    #app .dropping-hot .group .games-list {
        margin-left: 0;
        width: 18.28rem
    }

    #app .dropping-hot .group .games-list .nav-tabs {
        height: .76rem;
        border-bottom: 0;
        margin-top: 0;
        margin-bottom: .34rem
    }

    #app .dropping-hot .group .games-list .nav-tabs:before {
        content: "";
        width: 18.27rem;
        height: .02rem;
        position: absolute;
        bottom: 0;
        left: -.05rem;
        background: hsla(0,0%,100%,.25)
    }

    #app .dropping-hot .group .games-list .nav-tabs li {
        border-radius: .09rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0 .43rem;
        height: .72rem;
        font-size: .3rem;
        border: 1px solid hsla(0,0%,100%,.25);
        border-bottom-color: transparent;
        margin-right: .2rem
    }

    #app .dropping-hot .group .games-list .nav-tabs li.on,#app .dropping-hot .group .games-list .nav-tabs li:hover {
        border-width: 1px
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games {
        right: .06rem
    }

    #app .dropping-hot .group .games-list .nav-tabs .more-games>span:first-child,#app .dropping-hot .group .games-list .nav-tabs .more-games>span:nth-child(2) {
        font-size: .3rem
    }

    #app .dropping-hot .group .games-list .no-data {
        font-size: .35rem;
        line-height: 100%
    }

    #app .donot-miss {
        padding: 0 .86rem;
        height: 6.34rem
    }

    #app .donot-miss .item-title {
        padding-top: 1.04rem;
        padding-bottom: .55rem;
        line-height: 100%;
        padding-left: 0;
        font-size: .35rem
    }

    #app .donot-miss .more-games {
        display: block;
        position: absolute;
        right: .83rem;
        top: .94rem;
        font-size: .3rem;
        color: #787e8b;
        cursor: pointer
    }

    #app .donot-miss .more-games:hover>span:first-child {
        text-decoration: underline
    }

    #app .donot-miss .donot-miss-list {
        overflow-x: scroll
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar {
        display: none
    }

    #app .donot-miss .donot-miss-list::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 .06rem #787e8b;
        background: #787e8b
    }

    #app .donot-miss .donot-miss-list li {
        flex: 1 0 auto;
        width: 7.08rem;
        height: 3.5rem;
        margin-bottom: .1rem;
        padding-left: 3.3rem;
        align-items: flex-start;
        cursor: pointer
    }

    #app .donot-miss .donot-miss-list li .hover-box {
        display: none
    }

    #app .donot-miss .donot-miss-list li .title {
        font-size: .32rem
    }

    #app .donot-miss .donot-miss-list li .content {
        text-align: left;
        font-size: .28rem;
        line-height: .3rem;
        width: 3.5rem
    }

    #app .donot-miss .donot-miss-list li .content br {
        display: none
    }

    #app .donot-miss .donot-miss-list li:first-child {
        background-image: url(/images/homepage/donotmiss/pad/1_.png)
    }

    #app .donot-miss .donot-miss-list li:first-child .content {
        width: 3.35rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) {
        padding-left: 3.8rem;
        background-image: url(/images/homepage/donotmiss/pad/2_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(2) .content {
        width: 2.78rem
    }

    #app .donot-miss .donot-miss-list li:nth-child(3) {
        background-image: url(/images/homepage/donotmiss/pad/3_.png)
    }

    #app .donot-miss .donot-miss-list li:nth-child(4) {
        background-image: url(/images/homepage/donotmiss/pad/4_.png)
    }

    #app .donot-miss .donot-miss-list li:not(:last-child) {
        margin-right: .37rem
    }

    #app .donot-miss .donot-miss-list li .bottom {
        height: .53rem
    }

    #app .donot-miss .donot-miss-list li .bottom:before {
        height: .47rem
    }

    #app .donot-miss .donot-miss-list li .bottom:after {
        height: .08rem;
        bottom: .44rem
    }

    #app .donot-miss .donot-miss-list li:hover .hover-box {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    #app .donot-miss .donot-miss-list li:hover .bottom {
        -webkit-transform: translateY(.4rem);
        transform: translateY(.4rem)
    }

    #seo-footer-container #seo-footer {
        width: 100%;
        padding-left: 1.77rem;
        padding-right: 1.68rem
    }

    #seo-footer-container #seo-footer>div .content-text,#seo-footer-container #seo-footer>div .content-title {
        font-size: .21rem
    }
}

.datetime-picker .calendar table thead th {
    color: #4a3917
}

.datetime-picker .calendar table tbody tr td {
    border-radius: 0
}

.datetime-picker .calendar table tbody tr td.now {
    color: #981519
}

.datetime-picker .calendar table tbody tr td.selected {
    background-color: #981519;
    color: #fff
}

.addAddress-box,.addBank-box,.memberVerify-box,.qrbanklist-box,.shareInfo-box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: auto
}

.addAddress-box .addAddress-popup,.addAddress-box .addBank-popup,.addAddress-box .memberVerify-popup,.addAddress-box .qrbanklist-popup,.addAddress-box .shareInfo-popup,.addBank-box .addAddress-popup,.addBank-box .addBank-popup,.addBank-box .memberVerify-popup,.addBank-box .qrbanklist-popup,.addBank-box .shareInfo-popup,.memberVerify-box .addAddress-popup,.memberVerify-box .addBank-popup,.memberVerify-box .memberVerify-popup,.memberVerify-box .qrbanklist-popup,.memberVerify-box .shareInfo-popup,.qrbanklist-box .addAddress-popup,.qrbanklist-box .addBank-popup,.qrbanklist-box .memberVerify-popup,.qrbanklist-box .qrbanklist-popup,.qrbanklist-box .shareInfo-popup,.shareInfo-box .addAddress-popup,.shareInfo-box .addBank-popup,.shareInfo-box .memberVerify-popup,.shareInfo-box .qrbanklist-popup,.shareInfo-box .shareInfo-popup {
    width: 6.38rem;
    border-radius: .1rem;
    background: #e5e5e5;
    position: relative;
    text-align: center;
    border-radius: .15rem;
    overflow: hidden;
    margin: 1rem auto
}

@media(max-width: 768px) {
    .addAddress-box .addAddress-popup,.addAddress-box .addBank-popup,.addAddress-box .memberVerify-popup,.addAddress-box .qrbanklist-popup,.addAddress-box .shareInfo-popup,.addBank-box .addAddress-popup,.addBank-box .addBank-popup,.addBank-box .memberVerify-popup,.addBank-box .qrbanklist-popup,.addBank-box .shareInfo-popup,.memberVerify-box .addAddress-popup,.memberVerify-box .addBank-popup,.memberVerify-box .memberVerify-popup,.memberVerify-box .qrbanklist-popup,.memberVerify-box .shareInfo-popup,.qrbanklist-box .addAddress-popup,.qrbanklist-box .addBank-popup,.qrbanklist-box .memberVerify-popup,.qrbanklist-box .qrbanklist-popup,.qrbanklist-box .shareInfo-popup,.shareInfo-box .addAddress-popup,.shareInfo-box .addBank-popup,.shareInfo-box .memberVerify-popup,.shareInfo-box .qrbanklist-popup,.shareInfo-box .shareInfo-popup {
        margin:2.5rem auto
    }
}

.addAddress-box .addAddress-popup .title,.addAddress-box .addBank-popup .title,.addAddress-box .memberVerify-popup .title,.addAddress-box .qrbanklist-popup .title,.addAddress-box .shareInfo-popup .title,.addBank-box .addAddress-popup .title,.addBank-box .addBank-popup .title,.addBank-box .memberVerify-popup .title,.addBank-box .qrbanklist-popup .title,.addBank-box .shareInfo-popup .title,.memberVerify-box .addAddress-popup .title,.memberVerify-box .addBank-popup .title,.memberVerify-box .memberVerify-popup .title,.memberVerify-box .qrbanklist-popup .title,.memberVerify-box .shareInfo-popup .title,.qrbanklist-box .addAddress-popup .title,.qrbanklist-box .addBank-popup .title,.qrbanklist-box .memberVerify-popup .title,.qrbanklist-box .qrbanklist-popup .title,.qrbanklist-box .shareInfo-popup .title,.shareInfo-box .addAddress-popup .title,.shareInfo-box .addBank-popup .title,.shareInfo-box .memberVerify-popup .title,.shareInfo-box .qrbanklist-popup .title,.shareInfo-box .shareInfo-popup .title {
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .2rem;
    font-weight: 800;
    background: var(--primary-color);
    color: #fff;
    line-height: .18rem;
    position: relative
}

.addAddress-box .addAddress-popup .title>i,.addAddress-box .addBank-popup .title>i,.addAddress-box .memberVerify-popup .title>i,.addAddress-box .qrbanklist-popup .title>i,.addAddress-box .shareInfo-popup .title>i,.addBank-box .addAddress-popup .title>i,.addBank-box .addBank-popup .title>i,.addBank-box .memberVerify-popup .title>i,.addBank-box .qrbanklist-popup .title>i,.addBank-box .shareInfo-popup .title>i,.memberVerify-box .addAddress-popup .title>i,.memberVerify-box .addBank-popup .title>i,.memberVerify-box .memberVerify-popup .title>i,.memberVerify-box .qrbanklist-popup .title>i,.memberVerify-box .shareInfo-popup .title>i,.qrbanklist-box .addAddress-popup .title>i,.qrbanklist-box .addBank-popup .title>i,.qrbanklist-box .memberVerify-popup .title>i,.qrbanklist-box .qrbanklist-popup .title>i,.qrbanklist-box .shareInfo-popup .title>i,.shareInfo-box .addAddress-popup .title>i,.shareInfo-box .addBank-popup .title>i,.shareInfo-box .memberVerify-popup .title>i,.shareInfo-box .qrbanklist-popup .title>i,.shareInfo-box .shareInfo-popup .title>i {
    position: absolute;
    right: .15rem;
    top: .13rem;
    cursor: pointer;
    width: .34rem;
    height: .34rem
}

.addAddress-box .addAddress-popup .content,.addAddress-box .addBank-popup .content,.addAddress-box .memberVerify-popup .content,.addAddress-box .qrbanklist-popup .content,.addAddress-box .shareInfo-popup .content,.addBank-box .addAddress-popup .content,.addBank-box .addBank-popup .content,.addBank-box .memberVerify-popup .content,.addBank-box .qrbanklist-popup .content,.addBank-box .shareInfo-popup .content,.memberVerify-box .addAddress-popup .content,.memberVerify-box .addBank-popup .content,.memberVerify-box .memberVerify-popup .content,.memberVerify-box .qrbanklist-popup .content,.memberVerify-box .shareInfo-popup .content,.qrbanklist-box .addAddress-popup .content,.qrbanklist-box .addBank-popup .content,.qrbanklist-box .memberVerify-popup .content,.qrbanklist-box .qrbanklist-popup .content,.qrbanklist-box .shareInfo-popup .content,.shareInfo-box .addAddress-popup .content,.shareInfo-box .addBank-popup .content,.shareInfo-box .memberVerify-popup .content,.shareInfo-box .qrbanklist-popup .content,.shareInfo-box .shareInfo-popup .content {
    padding: .36rem 0;
    height: 100%;
    overflow-y: scroll;
    color: #4d4d4d;
}

.addAddress-box .addAddress-popup .content .input,.addAddress-box .addBank-popup .content .input,.addAddress-box .memberVerify-popup .content .input,.addAddress-box .qrbanklist-popup .content .input,.addAddress-box .shareInfo-popup .content .input,.addBank-box .addAddress-popup .content .input,.addBank-box .addBank-popup .content .input,.addBank-box .memberVerify-popup .content .input,.addBank-box .qrbanklist-popup .content .input,.addBank-box .shareInfo-popup .content .input,.memberVerify-box .addAddress-popup .content .input,.memberVerify-box .addBank-popup .content .input,.memberVerify-box .memberVerify-popup .content .input,.memberVerify-box .qrbanklist-popup .content .input,.memberVerify-box .shareInfo-popup .content .input,.qrbanklist-box .addAddress-popup .content .input,.qrbanklist-box .addBank-popup .content .input,.qrbanklist-box .memberVerify-popup .content .input,.qrbanklist-box .qrbanklist-popup .content .input,.qrbanklist-box .shareInfo-popup .content .input,.shareInfo-box .addAddress-popup .content .input,.shareInfo-box .addBank-popup .content .input,.shareInfo-box .memberVerify-popup .content .input,.shareInfo-box .qrbanklist-popup .content .input,.shareInfo-box .shareInfo-popup .content .input {
    position: relative;
    width: 3.7rem;
    min-height: .5rem;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: .09rem;
    margin: auto
}

.addAddress-box .addAddress-popup .content .input:not(:last-child),.addAddress-box .addBank-popup .content .input:not(:last-child),.addAddress-box .memberVerify-popup .content .input:not(:last-child),.addAddress-box .qrbanklist-popup .content .input:not(:last-child),.addAddress-box .shareInfo-popup .content .input:not(:last-child),.addBank-box .addAddress-popup .content .input:not(:last-child),.addBank-box .addBank-popup .content .input:not(:last-child),.addBank-box .memberVerify-popup .content .input:not(:last-child),.addBank-box .qrbanklist-popup .content .input:not(:last-child),.addBank-box .shareInfo-popup .content .input:not(:last-child),.memberVerify-box .addAddress-popup .content .input:not(:last-child),.memberVerify-box .addBank-popup .content .input:not(:last-child),.memberVerify-box .memberVerify-popup .content .input:not(:last-child),.memberVerify-box .qrbanklist-popup .content .input:not(:last-child),.memberVerify-box .shareInfo-popup .content .input:not(:last-child),.qrbanklist-box .addAddress-popup .content .input:not(:last-child),.qrbanklist-box .addBank-popup .content .input:not(:last-child),.qrbanklist-box .memberVerify-popup .content .input:not(:last-child),.qrbanklist-box .qrbanklist-popup .content .input:not(:last-child),.qrbanklist-box .shareInfo-popup .content .input:not(:last-child),.shareInfo-box .addAddress-popup .content .input:not(:last-child),.shareInfo-box .addBank-popup .content .input:not(:last-child),.shareInfo-box .memberVerify-popup .content .input:not(:last-child),.shareInfo-box .qrbanklist-popup .content .input:not(:last-child),.shareInfo-box .shareInfo-popup .content .input:not(:last-child) {
    margin-bottom: .16rem
}

.addAddress-box .addAddress-popup .content .input:last-child,.addAddress-box .addBank-popup .content .input:last-child,.addAddress-box .memberVerify-popup .content .input:last-child,.addAddress-box .qrbanklist-popup .content .input:last-child,.addAddress-box .shareInfo-popup .content .input:last-child,.addBank-box .addAddress-popup .content .input:last-child,.addBank-box .addBank-popup .content .input:last-child,.addBank-box .memberVerify-popup .content .input:last-child,.addBank-box .qrbanklist-popup .content .input:last-child,.addBank-box .shareInfo-popup .content .input:last-child,.memberVerify-box .addAddress-popup .content .input:last-child,.memberVerify-box .addBank-popup .content .input:last-child,.memberVerify-box .memberVerify-popup .content .input:last-child,.memberVerify-box .qrbanklist-popup .content .input:last-child,.memberVerify-box .shareInfo-popup .content .input:last-child,.qrbanklist-box .addAddress-popup .content .input:last-child,.qrbanklist-box .addBank-popup .content .input:last-child,.qrbanklist-box .memberVerify-popup .content .input:last-child,.qrbanklist-box .qrbanklist-popup .content .input:last-child,.qrbanklist-box .shareInfo-popup .content .input:last-child,.shareInfo-box .addAddress-popup .content .input:last-child,.shareInfo-box .addBank-popup .content .input:last-child,.shareInfo-box .memberVerify-popup .content .input:last-child,.shareInfo-box .qrbanklist-popup .content .input:last-child,.shareInfo-box .shareInfo-popup .content .input:last-child {
    margin-bottom: 1rem
}

.addAddress-box .addAddress-popup .content .input>select,.addAddress-box .addBank-popup .content .input>select,.addAddress-box .memberVerify-popup .content .input>select,.addAddress-box .qrbanklist-popup .content .input>select,.addAddress-box .shareInfo-popup .content .input>select,.addBank-box .addAddress-popup .content .input>select,.addBank-box .addBank-popup .content .input>select,.addBank-box .memberVerify-popup .content .input>select,.addBank-box .qrbanklist-popup .content .input>select,.addBank-box .shareInfo-popup .content .input>select,.memberVerify-box .addAddress-popup .content .input>select,.memberVerify-box .addBank-popup .content .input>select,.memberVerify-box .memberVerify-popup .content .input>select,.memberVerify-box .qrbanklist-popup .content .input>select,.memberVerify-box .shareInfo-popup .content .input>select,.qrbanklist-box .addAddress-popup .content .input>select,.qrbanklist-box .addBank-popup .content .input>select,.qrbanklist-box .memberVerify-popup .content .input>select,.qrbanklist-box .qrbanklist-popup .content .input>select,.qrbanklist-box .shareInfo-popup .content .input>select,.shareInfo-box .addAddress-popup .content .input>select,.shareInfo-box .addBank-popup .content .input>select,.shareInfo-box .memberVerify-popup .content .input>select,.shareInfo-box .qrbanklist-popup .content .input>select,.shareInfo-box .shareInfo-popup .content .input>select {
    min-height: .5rem;
    border-radius: .09rem;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: none;
    border: .01rem solid rgba(25,25,25,.2);
    transition: border .3s,background .3s;
    font-size: .2rem;
    color: rgba(1,27,67,.6);
    padding: 0 .22rem
}

.addAddress-box .addAddress-popup .content .input>select::-webkit-input-placeholder,.addAddress-box .addBank-popup .content .input>select::-webkit-input-placeholder,.addAddress-box .memberVerify-popup .content .input>select::-webkit-input-placeholder,.addAddress-box .qrbanklist-popup .content .input>select::-webkit-input-placeholder,.addAddress-box .shareInfo-popup .content .input>select::-webkit-input-placeholder,.addBank-box .addAddress-popup .content .input>select::-webkit-input-placeholder,.addBank-box .addBank-popup .content .input>select::-webkit-input-placeholder,.addBank-box .memberVerify-popup .content .input>select::-webkit-input-placeholder,.addBank-box .qrbanklist-popup .content .input>select::-webkit-input-placeholder,.addBank-box .shareInfo-popup .content .input>select::-webkit-input-placeholder,.memberVerify-box .addAddress-popup .content .input>select::-webkit-input-placeholder,.memberVerify-box .addBank-popup .content .input>select::-webkit-input-placeholder,.memberVerify-box .memberVerify-popup .content .input>select::-webkit-input-placeholder,.memberVerify-box .qrbanklist-popup .content .input>select::-webkit-input-placeholder,.memberVerify-box .shareInfo-popup .content .input>select::-webkit-input-placeholder,.qrbanklist-box .addAddress-popup .content .input>select::-webkit-input-placeholder,.qrbanklist-box .addBank-popup .content .input>select::-webkit-input-placeholder,.qrbanklist-box .memberVerify-popup .content .input>select::-webkit-input-placeholder,.qrbanklist-box .qrbanklist-popup .content .input>select::-webkit-input-placeholder,.qrbanklist-box .shareInfo-popup .content .input>select::-webkit-input-placeholder,.shareInfo-box .addAddress-popup .content .input>select::-webkit-input-placeholder,.shareInfo-box .addBank-popup .content .input>select::-webkit-input-placeholder,.shareInfo-box .memberVerify-popup .content .input>select::-webkit-input-placeholder,.shareInfo-box .qrbanklist-popup .content .input>select::-webkit-input-placeholder,.shareInfo-box .shareInfo-popup .content .input>select::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: rgba(1,27,67,.6);
    font-size: .2rem
}

.addAddress-box .addAddress-popup .content .input>input,.addAddress-box .addBank-popup .content .input>input,.addAddress-box .memberVerify-popup .content .input>input,.addAddress-box .qrbanklist-popup .content .input>input,.addAddress-box .shareInfo-popup .content .input>input,.addBank-box .addAddress-popup .content .input>input,.addBank-box .addBank-popup .content .input>input,.addBank-box .memberVerify-popup .content .input>input,.addBank-box .qrbanklist-popup .content .input>input,.addBank-box .shareInfo-popup .content .input>input,.memberVerify-box .addAddress-popup .content .input>input,.memberVerify-box .addBank-popup .content .input>input,.memberVerify-box .memberVerify-popup .content .input>input,.memberVerify-box .qrbanklist-popup .content .input>input,.memberVerify-box .shareInfo-popup .content .input>input,.qrbanklist-box .addAddress-popup .content .input>input,.qrbanklist-box .addBank-popup .content .input>input,.qrbanklist-box .memberVerify-popup .content .input>input,.qrbanklist-box .qrbanklist-popup .content .input>input,.qrbanklist-box .shareInfo-popup .content .input>input,.shareInfo-box .addAddress-popup .content .input>input,.shareInfo-box .addBank-popup .content .input>input,.shareInfo-box .memberVerify-popup .content .input>input,.shareInfo-box .qrbanklist-popup .content .input>input,.shareInfo-box .shareInfo-popup .content .input>input {
    min-height: .5rem;
    border-radius: .09rem;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: none;
    border: .01rem solid rgba(25,25,25,.2);
    transition: border .3s,background .3s;
    font-size: .2rem;
    color: rgba(1,27,67,.6);
    padding: 0 .22rem
}

.addAddress-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.addAddress-box .addBank-popup .content .input>input::-webkit-input-placeholder,.addAddress-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.addAddress-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.addAddress-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.addBank-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.addBank-box .addBank-popup .content .input>input::-webkit-input-placeholder,.addBank-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.addBank-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.addBank-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box .addBank-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box .addBank-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box .addBank-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box .shareInfo-popup .content .input>input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: var(--placeholder-color);
    font-size: .2rem
}

.addAddress-box .addAddress-popup .content .input>input:disabled,.addAddress-box .addBank-popup .content .input>input:disabled,.addAddress-box .memberVerify-popup .content .input>input:disabled,.addAddress-box .qrbanklist-popup .content .input>input:disabled,.addAddress-box .shareInfo-popup .content .input>input:disabled,.addBank-box .addAddress-popup .content .input>input:disabled,.addBank-box .addBank-popup .content .input>input:disabled,.addBank-box .memberVerify-popup .content .input>input:disabled,.addBank-box .qrbanklist-popup .content .input>input:disabled,.addBank-box .shareInfo-popup .content .input>input:disabled,.memberVerify-box .addAddress-popup .content .input>input:disabled,.memberVerify-box .addBank-popup .content .input>input:disabled,.memberVerify-box .memberVerify-popup .content .input>input:disabled,.memberVerify-box .qrbanklist-popup .content .input>input:disabled,.memberVerify-box .shareInfo-popup .content .input>input:disabled,.qrbanklist-box .addAddress-popup .content .input>input:disabled,.qrbanklist-box .addBank-popup .content .input>input:disabled,.qrbanklist-box .memberVerify-popup .content .input>input:disabled,.qrbanklist-box .qrbanklist-popup .content .input>input:disabled,.qrbanklist-box .shareInfo-popup .content .input>input:disabled,.shareInfo-box .addAddress-popup .content .input>input:disabled,.shareInfo-box .addBank-popup .content .input>input:disabled,.shareInfo-box .memberVerify-popup .content .input>input:disabled,.shareInfo-box .qrbanklist-popup .content .input>input:disabled,.shareInfo-box .shareInfo-popup .content .input>input:disabled {
    background: rgba(0,0,0,.16862745098039217);
}

.addAddress-box .addAddress-popup .content .input>input:disabled::-webkit-input-placeholder,.addAddress-box .addBank-popup .content .input>input:disabled::-webkit-input-placeholder,.addAddress-box .memberVerify-popup .content .input>input:disabled::-webkit-input-placeholder,.addAddress-box .qrbanklist-popup .content .input>input:disabled::-webkit-input-placeholder,.addAddress-box .shareInfo-popup .content .input>input:disabled::-webkit-input-placeholder,.addBank-box .addAddress-popup .content .input>input:disabled::-webkit-input-placeholder,.addBank-box .addBank-popup .content .input>input:disabled::-webkit-input-placeholder,.addBank-box .memberVerify-popup .content .input>input:disabled::-webkit-input-placeholder,.addBank-box .qrbanklist-popup .content .input>input:disabled::-webkit-input-placeholder,.addBank-box .shareInfo-popup .content .input>input:disabled::-webkit-input-placeholder,.memberVerify-box .addAddress-popup .content .input>input:disabled::-webkit-input-placeholder,.memberVerify-box .addBank-popup .content .input>input:disabled::-webkit-input-placeholder,.memberVerify-box .memberVerify-popup .content .input>input:disabled::-webkit-input-placeholder,.memberVerify-box .qrbanklist-popup .content .input>input:disabled::-webkit-input-placeholder,.memberVerify-box .shareInfo-popup .content .input>input:disabled::-webkit-input-placeholder,.qrbanklist-box .addAddress-popup .content .input>input:disabled::-webkit-input-placeholder,.qrbanklist-box .addBank-popup .content .input>input:disabled::-webkit-input-placeholder,.qrbanklist-box .memberVerify-popup .content .input>input:disabled::-webkit-input-placeholder,.qrbanklist-box .qrbanklist-popup .content .input>input:disabled::-webkit-input-placeholder,.qrbanklist-box .shareInfo-popup .content .input>input:disabled::-webkit-input-placeholder,.shareInfo-box .addAddress-popup .content .input>input:disabled::-webkit-input-placeholder,.shareInfo-box .addBank-popup .content .input>input:disabled::-webkit-input-placeholder,.shareInfo-box .memberVerify-popup .content .input>input:disabled::-webkit-input-placeholder,.shareInfo-box .qrbanklist-popup .content .input>input:disabled::-webkit-input-placeholder,.shareInfo-box .shareInfo-popup .content .input>input:disabled::-webkit-input-placeholder {
    color: #556279;
}

.addBank-box .addBank-popup .content .input>input:read-only {
    background: rgba(0,0,0,.16862745098039217);
}

.addAddress-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box {
    margin-top: .1rem;
    font-size: .14rem;
    justify-content: unset
}

@media(max-width: 768px) {
    .addAddress-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.addAddress-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.addBank-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.memberVerify-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.qrbanklist-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .addBank-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box,.shareInfo-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box {
        font-size:.3rem
    }
}

.addAddress-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box img,.addAddress-box .addBank-popup .content .input.bank-statement-input .receipt-image-box img,.addAddress-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box img,.addAddress-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box img,.addAddress-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box img,.addBank-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box img,.addBank-box .addBank-popup .content .input.bank-statement-input .receipt-image-box img,.addBank-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box img,.addBank-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box img,.addBank-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box img,.memberVerify-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box img,.memberVerify-box .addBank-popup .content .input.bank-statement-input .receipt-image-box img,.memberVerify-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box img,.memberVerify-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box img,.memberVerify-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box img,.qrbanklist-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box img,.qrbanklist-box .addBank-popup .content .input.bank-statement-input .receipt-image-box img,.qrbanklist-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box img,.qrbanklist-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box img,.qrbanklist-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box img,.shareInfo-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box img,.shareInfo-box .addBank-popup .content .input.bank-statement-input .receipt-image-box img,.shareInfo-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box img,.shareInfo-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box img,.shareInfo-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box img {
    width: 100%;
    height: 100%
}

.addAddress-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear {
    margin-left: .1rem;
    width: .12rem
}

@media(max-width: 768px) {
    .addAddress-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addAddress-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.addBank-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.memberVerify-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.qrbanklist-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear,.shareInfo-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-clear {
        margin-left:.2rem;
        width: .3rem
    }
}

.addAddress-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addAddress-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addAddress-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addAddress-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addAddress-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addBank-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addBank-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addBank-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addBank-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.addBank-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.memberVerify-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.memberVerify-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.memberVerify-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.memberVerify-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.memberVerify-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.qrbanklist-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.qrbanklist-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.qrbanklist-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.qrbanklist-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.qrbanklist-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.shareInfo-box .addAddress-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.shareInfo-box .addBank-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.shareInfo-box .memberVerify-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.shareInfo-box .qrbanklist-popup .content .input.bank-statement-input .receipt-image-box .pdf-label,.shareInfo-box .shareInfo-popup .content .input.bank-statement-input .receipt-image-box .pdf-label {
    color: #0524dd
}

.addAddress-box .addAddress-popup .content .input>div,.addAddress-box .addBank-popup .content .input>div,.addAddress-box .memberVerify-popup .content .input>div,.addAddress-box .qrbanklist-popup .content .input>div,.addAddress-box .shareInfo-popup .content .input>div,.addBank-box .addAddress-popup .content .input>div,.addBank-box .addBank-popup .content .input>div,.addBank-box .memberVerify-popup .content .input>div,.addBank-box .qrbanklist-popup .content .input>div,.addBank-box .shareInfo-popup .content .input>div,.memberVerify-box .addAddress-popup .content .input>div,.memberVerify-box .addBank-popup .content .input>div,.memberVerify-box .memberVerify-popup .content .input>div,.memberVerify-box .qrbanklist-popup .content .input>div,.memberVerify-box .shareInfo-popup .content .input>div,.qrbanklist-box .addAddress-popup .content .input>div,.qrbanklist-box .addBank-popup .content .input>div,.qrbanklist-box .memberVerify-popup .content .input>div,.qrbanklist-box .qrbanklist-popup .content .input>div,.qrbanklist-box .shareInfo-popup .content .input>div,.shareInfo-box .addAddress-popup .content .input>div,.shareInfo-box .addBank-popup .content .input>div,.shareInfo-box .memberVerify-popup .content .input>div,.shareInfo-box .qrbanklist-popup .content .input>div,.shareInfo-box .shareInfo-popup .content .input>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.addAddress-box .addAddress-popup .content .input>div>select,.addAddress-box .addAddress-popup .content .input>div input,.addAddress-box .addBank-popup .content .input>div>select,.addAddress-box .addBank-popup .content .input>div input,.addAddress-box .memberVerify-popup .content .input>div>select,.addAddress-box .memberVerify-popup .content .input>div input,.addAddress-box .qrbanklist-popup .content .input>div>select,.addAddress-box .qrbanklist-popup .content .input>div input,.addAddress-box .shareInfo-popup .content .input>div>select,.addAddress-box .shareInfo-popup .content .input>div input,.addBank-box .addAddress-popup .content .input>div>select,.addBank-box .addAddress-popup .content .input>div input,.addBank-box .addBank-popup .content .input>div>select,.addBank-box .addBank-popup .content .input>div input,.addBank-box .memberVerify-popup .content .input>div>select,.addBank-box .memberVerify-popup .content .input>div input,.addBank-box .qrbanklist-popup .content .input>div>select,.addBank-box .qrbanklist-popup .content .input>div input,.addBank-box .shareInfo-popup .content .input>div>select,.addBank-box .shareInfo-popup .content .input>div input,.memberVerify-box .addAddress-popup .content .input>div>select,.memberVerify-box .addAddress-popup .content .input>div input,.memberVerify-box .addBank-popup .content .input>div>select,.memberVerify-box .addBank-popup .content .input>div input,.memberVerify-box .memberVerify-popup .content .input>div>select,.memberVerify-box .memberVerify-popup .content .input>div input,.memberVerify-box .qrbanklist-popup .content .input>div>select,.memberVerify-box .qrbanklist-popup .content .input>div input,.memberVerify-box .shareInfo-popup .content .input>div>select,.memberVerify-box .shareInfo-popup .content .input>div input,.qrbanklist-box .addAddress-popup .content .input>div>select,.qrbanklist-box .addAddress-popup .content .input>div input,.qrbanklist-box .addBank-popup .content .input>div>select,.qrbanklist-box .addBank-popup .content .input>div input,.qrbanklist-box .memberVerify-popup .content .input>div>select,.qrbanklist-box .memberVerify-popup .content .input>div input,.qrbanklist-box .qrbanklist-popup .content .input>div>select,.qrbanklist-box .qrbanklist-popup .content .input>div input,.qrbanklist-box .shareInfo-popup .content .input>div>select,.qrbanklist-box .shareInfo-popup .content .input>div input,.shareInfo-box .addAddress-popup .content .input>div>select,.shareInfo-box .addAddress-popup .content .input>div input,.shareInfo-box .addBank-popup .content .input>div>select,.shareInfo-box .addBank-popup .content .input>div input,.shareInfo-box .memberVerify-popup .content .input>div>select,.shareInfo-box .memberVerify-popup .content .input>div input,.shareInfo-box .qrbanklist-popup .content .input>div>select,.shareInfo-box .qrbanklist-popup .content .input>div input,.shareInfo-box .shareInfo-popup .content .input>div>select,.shareInfo-box .shareInfo-popup .content .input>div input {
    min-height: .5rem;
    -webkit-appearance: none;
    appearance: none;
    height: .5rem;
    border-radius: .09rem;
    background: 0 0;
    border: .01rem solid rgba(25,25,25,.2);
    color: #000;
    font-size: .16rem;
    padding: 0 .22rem
}

.addAddress-box .addAddress-popup .content .input>div>select.phone,.addAddress-box .addAddress-popup .content .input>div input.phone,.addAddress-box .addBank-popup .content .input>div>select.phone,.addAddress-box .addBank-popup .content .input>div input.phone,.addAddress-box .memberVerify-popup .content .input>div>select.phone,.addAddress-box .memberVerify-popup .content .input>div input.phone,.addAddress-box .qrbanklist-popup .content .input>div>select.phone,.addAddress-box .qrbanklist-popup .content .input>div input.phone,.addAddress-box .shareInfo-popup .content .input>div>select.phone,.addAddress-box .shareInfo-popup .content .input>div input.phone,.addBank-box .addAddress-popup .content .input>div>select.phone,.addBank-box .addAddress-popup .content .input>div input.phone,.addBank-box .addBank-popup .content .input>div>select.phone,.addBank-box .addBank-popup .content .input>div input.phone,.addBank-box .memberVerify-popup .content .input>div>select.phone,.addBank-box .memberVerify-popup .content .input>div input.phone,.addBank-box .qrbanklist-popup .content .input>div>select.phone,.addBank-box .qrbanklist-popup .content .input>div input.phone,.addBank-box .shareInfo-popup .content .input>div>select.phone,.addBank-box .shareInfo-popup .content .input>div input.phone,.memberVerify-box .addAddress-popup .content .input>div>select.phone,.memberVerify-box .addAddress-popup .content .input>div input.phone,.memberVerify-box .addBank-popup .content .input>div>select.phone,.memberVerify-box .addBank-popup .content .input>div input.phone,.memberVerify-box .memberVerify-popup .content .input>div>select.phone,.memberVerify-box .memberVerify-popup .content .input>div input.phone,.memberVerify-box .qrbanklist-popup .content .input>div>select.phone,.memberVerify-box .qrbanklist-popup .content .input>div input.phone,.memberVerify-box .shareInfo-popup .content .input>div>select.phone,.memberVerify-box .shareInfo-popup .content .input>div input.phone,.qrbanklist-box .addAddress-popup .content .input>div>select.phone,.qrbanklist-box .addAddress-popup .content .input>div input.phone,.qrbanklist-box .addBank-popup .content .input>div>select.phone,.qrbanklist-box .addBank-popup .content .input>div input.phone,.qrbanklist-box .memberVerify-popup .content .input>div>select.phone,.qrbanklist-box .memberVerify-popup .content .input>div input.phone,.qrbanklist-box .qrbanklist-popup .content .input>div>select.phone,.qrbanklist-box .qrbanklist-popup .content .input>div input.phone,.qrbanklist-box .shareInfo-popup .content .input>div>select.phone,.qrbanklist-box .shareInfo-popup .content .input>div input.phone,.shareInfo-box .addAddress-popup .content .input>div>select.phone,.shareInfo-box .addAddress-popup .content .input>div input.phone,.shareInfo-box .addBank-popup .content .input>div>select.phone,.shareInfo-box .addBank-popup .content .input>div input.phone,.shareInfo-box .memberVerify-popup .content .input>div>select.phone,.shareInfo-box .memberVerify-popup .content .input>div input.phone,.shareInfo-box .qrbanklist-popup .content .input>div>select.phone,.shareInfo-box .qrbanklist-popup .content .input>div input.phone,.shareInfo-box .shareInfo-popup .content .input>div>select.phone,.shareInfo-box .shareInfo-popup .content .input>div input.phone {
    width: 1.08rem;
    padding-left: .17rem
}

.addAddress-box .addAddress-popup .content .input>div>select.short,.addAddress-box .addAddress-popup .content .input>div input.short,.addAddress-box .addBank-popup .content .input>div>select.short,.addAddress-box .addBank-popup .content .input>div input.short,.addAddress-box .memberVerify-popup .content .input>div>select.short,.addAddress-box .memberVerify-popup .content .input>div input.short,.addAddress-box .qrbanklist-popup .content .input>div>select.short,.addAddress-box .qrbanklist-popup .content .input>div input.short,.addAddress-box .shareInfo-popup .content .input>div>select.short,.addAddress-box .shareInfo-popup .content .input>div input.short,.addBank-box .addAddress-popup .content .input>div>select.short,.addBank-box .addAddress-popup .content .input>div input.short,.addBank-box .addBank-popup .content .input>div>select.short,.addBank-box .addBank-popup .content .input>div input.short,.addBank-box .memberVerify-popup .content .input>div>select.short,.addBank-box .memberVerify-popup .content .input>div input.short,.addBank-box .qrbanklist-popup .content .input>div>select.short,.addBank-box .qrbanklist-popup .content .input>div input.short,.addBank-box .shareInfo-popup .content .input>div>select.short,.addBank-box .shareInfo-popup .content .input>div input.short,.memberVerify-box .addAddress-popup .content .input>div>select.short,.memberVerify-box .addAddress-popup .content .input>div input.short,.memberVerify-box .addBank-popup .content .input>div>select.short,.memberVerify-box .addBank-popup .content .input>div input.short,.memberVerify-box .memberVerify-popup .content .input>div>select.short,.memberVerify-box .memberVerify-popup .content .input>div input.short,.memberVerify-box .qrbanklist-popup .content .input>div>select.short,.memberVerify-box .qrbanklist-popup .content .input>div input.short,.memberVerify-box .shareInfo-popup .content .input>div>select.short,.memberVerify-box .shareInfo-popup .content .input>div input.short,.qrbanklist-box .addAddress-popup .content .input>div>select.short,.qrbanklist-box .addAddress-popup .content .input>div input.short,.qrbanklist-box .addBank-popup .content .input>div>select.short,.qrbanklist-box .addBank-popup .content .input>div input.short,.qrbanklist-box .memberVerify-popup .content .input>div>select.short,.qrbanklist-box .memberVerify-popup .content .input>div input.short,.qrbanklist-box .qrbanklist-popup .content .input>div>select.short,.qrbanklist-box .qrbanklist-popup .content .input>div input.short,.qrbanklist-box .shareInfo-popup .content .input>div>select.short,.qrbanklist-box .shareInfo-popup .content .input>div input.short,.shareInfo-box .addAddress-popup .content .input>div>select.short,.shareInfo-box .addAddress-popup .content .input>div input.short,.shareInfo-box .addBank-popup .content .input>div>select.short,.shareInfo-box .addBank-popup .content .input>div input.short,.shareInfo-box .memberVerify-popup .content .input>div>select.short,.shareInfo-box .memberVerify-popup .content .input>div input.short,.shareInfo-box .qrbanklist-popup .content .input>div>select.short,.shareInfo-box .qrbanklist-popup .content .input>div input.short,.shareInfo-box .shareInfo-popup .content .input>div>select.short,.shareInfo-box .shareInfo-popup .content .input>div input.short {
    width: 2.5rem
}

.addAddress-box .addAddress-popup .content .input>div>select::-webkit-inner-spin-button,.addAddress-box .addAddress-popup .content .input>div>select::-webkit-outer-spin-button,.addAddress-box .addAddress-popup .content .input>div input::-webkit-inner-spin-button,.addAddress-box .addAddress-popup .content .input>div input::-webkit-outer-spin-button,.addAddress-box .addBank-popup .content .input>div>select::-webkit-inner-spin-button,.addAddress-box .addBank-popup .content .input>div>select::-webkit-outer-spin-button,.addAddress-box .addBank-popup .content .input>div input::-webkit-inner-spin-button,.addAddress-box .addBank-popup .content .input>div input::-webkit-outer-spin-button,.addAddress-box .memberVerify-popup .content .input>div>select::-webkit-inner-spin-button,.addAddress-box .memberVerify-popup .content .input>div>select::-webkit-outer-spin-button,.addAddress-box .memberVerify-popup .content .input>div input::-webkit-inner-spin-button,.addAddress-box .memberVerify-popup .content .input>div input::-webkit-outer-spin-button,.addAddress-box .qrbanklist-popup .content .input>div>select::-webkit-inner-spin-button,.addAddress-box .qrbanklist-popup .content .input>div>select::-webkit-outer-spin-button,.addAddress-box .qrbanklist-popup .content .input>div input::-webkit-inner-spin-button,.addAddress-box .qrbanklist-popup .content .input>div input::-webkit-outer-spin-button,.addAddress-box .shareInfo-popup .content .input>div>select::-webkit-inner-spin-button,.addAddress-box .shareInfo-popup .content .input>div>select::-webkit-outer-spin-button,.addAddress-box .shareInfo-popup .content .input>div input::-webkit-inner-spin-button,.addAddress-box .shareInfo-popup .content .input>div input::-webkit-outer-spin-button,.addBank-box .addAddress-popup .content .input>div>select::-webkit-inner-spin-button,.addBank-box .addAddress-popup .content .input>div>select::-webkit-outer-spin-button,.addBank-box .addAddress-popup .content .input>div input::-webkit-inner-spin-button,.addBank-box .addAddress-popup .content .input>div input::-webkit-outer-spin-button,.addBank-box .addBank-popup .content .input>div>select::-webkit-inner-spin-button,.addBank-box .addBank-popup .content .input>div>select::-webkit-outer-spin-button,.addBank-box .addBank-popup .content .input>div input::-webkit-inner-spin-button,.addBank-box .addBank-popup .content .input>div input::-webkit-outer-spin-button,.addBank-box .memberVerify-popup .content .input>div>select::-webkit-inner-spin-button,.addBank-box .memberVerify-popup .content .input>div>select::-webkit-outer-spin-button,.addBank-box .memberVerify-popup .content .input>div input::-webkit-inner-spin-button,.addBank-box .memberVerify-popup .content .input>div input::-webkit-outer-spin-button,.addBank-box .qrbanklist-popup .content .input>div>select::-webkit-inner-spin-button,.addBank-box .qrbanklist-popup .content .input>div>select::-webkit-outer-spin-button,.addBank-box .qrbanklist-popup .content .input>div input::-webkit-inner-spin-button,.addBank-box .qrbanklist-popup .content .input>div input::-webkit-outer-spin-button,.addBank-box .shareInfo-popup .content .input>div>select::-webkit-inner-spin-button,.addBank-box .shareInfo-popup .content .input>div>select::-webkit-outer-spin-button,.addBank-box .shareInfo-popup .content .input>div input::-webkit-inner-spin-button,.addBank-box .shareInfo-popup .content .input>div input::-webkit-outer-spin-button,.memberVerify-box .addAddress-popup .content .input>div>select::-webkit-inner-spin-button,.memberVerify-box .addAddress-popup .content .input>div>select::-webkit-outer-spin-button,.memberVerify-box .addAddress-popup .content .input>div input::-webkit-inner-spin-button,.memberVerify-box .addAddress-popup .content .input>div input::-webkit-outer-spin-button,.memberVerify-box .addBank-popup .content .input>div>select::-webkit-inner-spin-button,.memberVerify-box .addBank-popup .content .input>div>select::-webkit-outer-spin-button,.memberVerify-box .addBank-popup .content .input>div input::-webkit-inner-spin-button,.memberVerify-box .addBank-popup .content .input>div input::-webkit-outer-spin-button,.memberVerify-box .memberVerify-popup .content .input>div>select::-webkit-inner-spin-button,.memberVerify-box .memberVerify-popup .content .input>div>select::-webkit-outer-spin-button,.memberVerify-box .memberVerify-popup .content .input>div input::-webkit-inner-spin-button,.memberVerify-box .memberVerify-popup .content .input>div input::-webkit-outer-spin-button,.memberVerify-box .qrbanklist-popup .content .input>div>select::-webkit-inner-spin-button,.memberVerify-box .qrbanklist-popup .content .input>div>select::-webkit-outer-spin-button,.memberVerify-box .qrbanklist-popup .content .input>div input::-webkit-inner-spin-button,.memberVerify-box .qrbanklist-popup .content .input>div input::-webkit-outer-spin-button,.memberVerify-box .shareInfo-popup .content .input>div>select::-webkit-inner-spin-button,.memberVerify-box .shareInfo-popup .content .input>div>select::-webkit-outer-spin-button,.memberVerify-box .shareInfo-popup .content .input>div input::-webkit-inner-spin-button,.memberVerify-box .shareInfo-popup .content .input>div input::-webkit-outer-spin-button,.qrbanklist-box .addAddress-popup .content .input>div>select::-webkit-inner-spin-button,.qrbanklist-box .addAddress-popup .content .input>div>select::-webkit-outer-spin-button,.qrbanklist-box .addAddress-popup .content .input>div input::-webkit-inner-spin-button,.qrbanklist-box .addAddress-popup .content .input>div input::-webkit-outer-spin-button,.qrbanklist-box .addBank-popup .content .input>div>select::-webkit-inner-spin-button,.qrbanklist-box .addBank-popup .content .input>div>select::-webkit-outer-spin-button,.qrbanklist-box .addBank-popup .content .input>div input::-webkit-inner-spin-button,.qrbanklist-box .addBank-popup .content .input>div input::-webkit-outer-spin-button,.qrbanklist-box .memberVerify-popup .content .input>div>select::-webkit-inner-spin-button,.qrbanklist-box .memberVerify-popup .content .input>div>select::-webkit-outer-spin-button,.qrbanklist-box .memberVerify-popup .content .input>div input::-webkit-inner-spin-button,.qrbanklist-box .memberVerify-popup .content .input>div input::-webkit-outer-spin-button,.qrbanklist-box .qrbanklist-popup .content .input>div>select::-webkit-inner-spin-button,.qrbanklist-box .qrbanklist-popup .content .input>div>select::-webkit-outer-spin-button,.qrbanklist-box .qrbanklist-popup .content .input>div input::-webkit-inner-spin-button,.qrbanklist-box .qrbanklist-popup .content .input>div input::-webkit-outer-spin-button,.qrbanklist-box .shareInfo-popup .content .input>div>select::-webkit-inner-spin-button,.qrbanklist-box .shareInfo-popup .content .input>div>select::-webkit-outer-spin-button,.qrbanklist-box .shareInfo-popup .content .input>div input::-webkit-inner-spin-button,.qrbanklist-box .shareInfo-popup .content .input>div input::-webkit-outer-spin-button,.shareInfo-box .addAddress-popup .content .input>div>select::-webkit-inner-spin-button,.shareInfo-box .addAddress-popup .content .input>div>select::-webkit-outer-spin-button,.shareInfo-box .addAddress-popup .content .input>div input::-webkit-inner-spin-button,.shareInfo-box .addAddress-popup .content .input>div input::-webkit-outer-spin-button,.shareInfo-box .addBank-popup .content .input>div>select::-webkit-inner-spin-button,.shareInfo-box .addBank-popup .content .input>div>select::-webkit-outer-spin-button,.shareInfo-box .addBank-popup .content .input>div input::-webkit-inner-spin-button,.shareInfo-box .addBank-popup .content .input>div input::-webkit-outer-spin-button,.shareInfo-box .memberVerify-popup .content .input>div>select::-webkit-inner-spin-button,.shareInfo-box .memberVerify-popup .content .input>div>select::-webkit-outer-spin-button,.shareInfo-box .memberVerify-popup .content .input>div input::-webkit-inner-spin-button,.shareInfo-box .memberVerify-popup .content .input>div input::-webkit-outer-spin-button,.shareInfo-box .qrbanklist-popup .content .input>div>select::-webkit-inner-spin-button,.shareInfo-box .qrbanklist-popup .content .input>div>select::-webkit-outer-spin-button,.shareInfo-box .qrbanklist-popup .content .input>div input::-webkit-inner-spin-button,.shareInfo-box .qrbanklist-popup .content .input>div input::-webkit-outer-spin-button,.shareInfo-box .shareInfo-popup .content .input>div>select::-webkit-inner-spin-button,.shareInfo-box .shareInfo-popup .content .input>div>select::-webkit-outer-spin-button,.shareInfo-box .shareInfo-popup .content .input>div input::-webkit-inner-spin-button,.shareInfo-box .shareInfo-popup .content .input>div input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.addAddress-box .addAddress-popup .content .input>div>select[type=number],.addAddress-box .addAddress-popup .content .input>div input[type=number],.addAddress-box .addBank-popup .content .input>div>select[type=number],.addAddress-box .addBank-popup .content .input>div input[type=number],.addAddress-box .memberVerify-popup .content .input>div>select[type=number],.addAddress-box .memberVerify-popup .content .input>div input[type=number],.addAddress-box .qrbanklist-popup .content .input>div>select[type=number],.addAddress-box .qrbanklist-popup .content .input>div input[type=number],.addAddress-box .shareInfo-popup .content .input>div>select[type=number],.addAddress-box .shareInfo-popup .content .input>div input[type=number],.addBank-box .addAddress-popup .content .input>div>select[type=number],.addBank-box .addAddress-popup .content .input>div input[type=number],.addBank-box .addBank-popup .content .input>div>select[type=number],.addBank-box .addBank-popup .content .input>div input[type=number],.addBank-box .memberVerify-popup .content .input>div>select[type=number],.addBank-box .memberVerify-popup .content .input>div input[type=number],.addBank-box .qrbanklist-popup .content .input>div>select[type=number],.addBank-box .qrbanklist-popup .content .input>div input[type=number],.addBank-box .shareInfo-popup .content .input>div>select[type=number],.addBank-box .shareInfo-popup .content .input>div input[type=number],.memberVerify-box .addAddress-popup .content .input>div>select[type=number],.memberVerify-box .addAddress-popup .content .input>div input[type=number],.memberVerify-box .addBank-popup .content .input>div>select[type=number],.memberVerify-box .addBank-popup .content .input>div input[type=number],.memberVerify-box .memberVerify-popup .content .input>div>select[type=number],.memberVerify-box .memberVerify-popup .content .input>div input[type=number],.memberVerify-box .qrbanklist-popup .content .input>div>select[type=number],.memberVerify-box .qrbanklist-popup .content .input>div input[type=number],.memberVerify-box .shareInfo-popup .content .input>div>select[type=number],.memberVerify-box .shareInfo-popup .content .input>div input[type=number],.qrbanklist-box .addAddress-popup .content .input>div>select[type=number],.qrbanklist-box .addAddress-popup .content .input>div input[type=number],.qrbanklist-box .addBank-popup .content .input>div>select[type=number],.qrbanklist-box .addBank-popup .content .input>div input[type=number],.qrbanklist-box .memberVerify-popup .content .input>div>select[type=number],.qrbanklist-box .memberVerify-popup .content .input>div input[type=number],.qrbanklist-box .qrbanklist-popup .content .input>div>select[type=number],.qrbanklist-box .qrbanklist-popup .content .input>div input[type=number],.qrbanklist-box .shareInfo-popup .content .input>div>select[type=number],.qrbanklist-box .shareInfo-popup .content .input>div input[type=number],.shareInfo-box .addAddress-popup .content .input>div>select[type=number],.shareInfo-box .addAddress-popup .content .input>div input[type=number],.shareInfo-box .addBank-popup .content .input>div>select[type=number],.shareInfo-box .addBank-popup .content .input>div input[type=number],.shareInfo-box .memberVerify-popup .content .input>div>select[type=number],.shareInfo-box .memberVerify-popup .content .input>div input[type=number],.shareInfo-box .qrbanklist-popup .content .input>div>select[type=number],.shareInfo-box .qrbanklist-popup .content .input>div input[type=number],.shareInfo-box .shareInfo-popup .content .input>div>select[type=number],.shareInfo-box .shareInfo-popup .content .input>div input[type=number] {
    -moz-appearance: textfield
}

.addAddress-box .addAddress-popup .content .input>div .item-title,.addAddress-box .addBank-popup .content .input>div .item-title,.addAddress-box .memberVerify-popup .content .input>div .item-title,.addAddress-box .qrbanklist-popup .content .input>div .item-title,.addAddress-box .shareInfo-popup .content .input>div .item-title,.addBank-box .addAddress-popup .content .input>div .item-title,.addBank-box .addBank-popup .content .input>div .item-title,.addBank-box .memberVerify-popup .content .input>div .item-title,.addBank-box .qrbanklist-popup .content .input>div .item-title,.addBank-box .shareInfo-popup .content .input>div .item-title,.memberVerify-box .addAddress-popup .content .input>div .item-title,.memberVerify-box .addBank-popup .content .input>div .item-title,.memberVerify-box .memberVerify-popup .content .input>div .item-title,.memberVerify-box .qrbanklist-popup .content .input>div .item-title,.memberVerify-box .shareInfo-popup .content .input>div .item-title,.qrbanklist-box .addAddress-popup .content .input>div .item-title,.qrbanklist-box .addBank-popup .content .input>div .item-title,.qrbanklist-box .memberVerify-popup .content .input>div .item-title,.qrbanklist-box .qrbanklist-popup .content .input>div .item-title,.qrbanklist-box .shareInfo-popup .content .input>div .item-title,.shareInfo-box .addAddress-popup .content .input>div .item-title,.shareInfo-box .addBank-popup .content .input>div .item-title,.shareInfo-box .memberVerify-popup .content .input>div .item-title,.shareInfo-box .qrbanklist-popup .content .input>div .item-title,.shareInfo-box .shareInfo-popup .content .input>div .item-title {
    height: 100%;
    border-radius: .09rem;
    font-size: .16rem;
    color: rgba(1,27,67,.6);
    white-space: nowrap;
    display: flex;
    align-items: center
}

.addAddress-box .addAddress-popup .content .input>div .item-title .required,.addAddress-box .addBank-popup .content .input>div .item-title .required,.addAddress-box .memberVerify-popup .content .input>div .item-title .required,.addAddress-box .qrbanklist-popup .content .input>div .item-title .required,.addAddress-box .shareInfo-popup .content .input>div .item-title .required,.addBank-box .addAddress-popup .content .input>div .item-title .required,.addBank-box .addBank-popup .content .input>div .item-title .required,.addBank-box .memberVerify-popup .content .input>div .item-title .required,.addBank-box .qrbanklist-popup .content .input>div .item-title .required,.addBank-box .shareInfo-popup .content .input>div .item-title .required,.memberVerify-box .addAddress-popup .content .input>div .item-title .required,.memberVerify-box .addBank-popup .content .input>div .item-title .required,.memberVerify-box .memberVerify-popup .content .input>div .item-title .required,.memberVerify-box .qrbanklist-popup .content .input>div .item-title .required,.memberVerify-box .shareInfo-popup .content .input>div .item-title .required,.qrbanklist-box .addAddress-popup .content .input>div .item-title .required,.qrbanklist-box .addBank-popup .content .input>div .item-title .required,.qrbanklist-box .memberVerify-popup .content .input>div .item-title .required,.qrbanklist-box .qrbanklist-popup .content .input>div .item-title .required,.qrbanklist-box .shareInfo-popup .content .input>div .item-title .required,.shareInfo-box .addAddress-popup .content .input>div .item-title .required,.shareInfo-box .addBank-popup .content .input>div .item-title .required,.shareInfo-box .memberVerify-popup .content .input>div .item-title .required,.shareInfo-box .qrbanklist-popup .content .input>div .item-title .required,.shareInfo-box .shareInfo-popup .content .input>div .item-title .required {
    color: red;
    margin-left: .05rem
}


.addAddress-box .addAddress-popup .content .input-error,.addAddress-box .addBank-popup .content .input-error,.addAddress-box .memberVerify-popup .content .input-error,.addAddress-box .qrbanklist-popup .content .input-error,.addAddress-box .shareInfo-popup .content .input-error,.addBank-box .addAddress-popup .content .input-error,.addBank-box .addBank-popup .content .input-error,.addBank-box .memberVerify-popup .content .input-error,.addBank-box .qrbanklist-popup .content .input-error,.addBank-box .shareInfo-popup .content .input-error,.memberVerify-box .addAddress-popup .content .input-error,.memberVerify-box .addBank-popup .content .input-error,.memberVerify-box .memberVerify-popup .content .input-error,.memberVerify-box .qrbanklist-popup .content .input-error,.memberVerify-box .shareInfo-popup .content .input-error,.qrbanklist-box .addAddress-popup .content .input-error,.qrbanklist-box .addBank-popup .content .input-error,.qrbanklist-box .memberVerify-popup .content .input-error,.qrbanklist-box .qrbanklist-popup .content .input-error,.qrbanklist-box .shareInfo-popup .content .input-error,.shareInfo-box .addAddress-popup .content .input-error,.shareInfo-box .addBank-popup .content .input-error,.shareInfo-box .memberVerify-popup .content .input-error,.shareInfo-box .qrbanklist-popup .content .input-error,.shareInfo-box .shareInfo-popup .content .input-error {
    color: red;
    font-family: nunito-black;
    font-size: .14rem;
    font-weight: 900
}

@media(max-width: 768px) {
    .addAddress-box .addAddress-popup .content .input-error,.addAddress-box .addBank-popup .content .input-error,.addAddress-box .memberVerify-popup .content .input-error,.addAddress-box .qrbanklist-popup .content .input-error,.addAddress-box .shareInfo-popup .content .input-error,.addBank-box .addAddress-popup .content .input-error,.addBank-box .addBank-popup .content .input-error,.addBank-box .memberVerify-popup .content .input-error,.addBank-box .qrbanklist-popup .content .input-error,.addBank-box .shareInfo-popup .content .input-error,.memberVerify-box .addAddress-popup .content .input-error,.memberVerify-box .addBank-popup .content .input-error,.memberVerify-box .memberVerify-popup .content .input-error,.memberVerify-box .qrbanklist-popup .content .input-error,.memberVerify-box .shareInfo-popup .content .input-error,.qrbanklist-box .addAddress-popup .content .input-error,.qrbanklist-box .addBank-popup .content .input-error,.qrbanklist-box .memberVerify-popup .content .input-error,.qrbanklist-box .qrbanklist-popup .content .input-error,.qrbanklist-box .shareInfo-popup .content .input-error,.shareInfo-box .addAddress-popup .content .input-error,.shareInfo-box .addBank-popup .content .input-error,.shareInfo-box .memberVerify-popup .content .input-error,.shareInfo-box .qrbanklist-popup .content .input-error,.shareInfo-box .shareInfo-popup .content .input-error {
        font-size:.3rem
    }
}

.addAddress-box .addAddress-popup .content .btn-submit,.addAddress-box .addBank-popup .content .btn-submit,.addAddress-box .memberVerify-popup .content .btn-submit,.addAddress-box .qrbanklist-popup .content .btn-submit,.addAddress-box .shareInfo-popup .content .btn-submit,.addBank-box .addAddress-popup .content .btn-submit,.addBank-box .addBank-popup .content .btn-submit,.addBank-box .memberVerify-popup .content .btn-submit,.addBank-box .qrbanklist-popup .content .btn-submit,.addBank-box .shareInfo-popup .content .btn-submit,.memberVerify-box .addAddress-popup .content .btn-submit,.memberVerify-box .addBank-popup .content .btn-submit,.memberVerify-box .memberVerify-popup .content .btn-submit,.memberVerify-box .qrbanklist-popup .content .btn-submit,.memberVerify-box .shareInfo-popup .content .btn-submit,.qrbanklist-box .addAddress-popup .content .btn-submit,.qrbanklist-box .addBank-popup .content .btn-submit,.qrbanklist-box .memberVerify-popup .content .btn-submit,.qrbanklist-box .qrbanklist-popup .content .btn-submit,.qrbanklist-box .shareInfo-popup .content .btn-submit,.shareInfo-box .addAddress-popup .content .btn-submit,.shareInfo-box .addBank-popup .content .btn-submit,.shareInfo-box .memberVerify-popup .content .btn-submit,.shareInfo-box .qrbanklist-popup .content .btn-submit,.shareInfo-box .shareInfo-popup .content .btn-submit {
    justify-content: center;
    cursor: pointer;
    font-family: nunito-black;
    font-size: .2rem;
    font-weight: 900;
    margin: .7rem auto auto;
    color: #000;
    position: relative;
    width: 3.7rem;
    min-height: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .09rem
}

.addAddress-box .addAddress-popup .content.shareInfo-content,.addAddress-box .addBank-popup .content.shareInfo-content,.addAddress-box .memberVerify-popup .content.shareInfo-content,.addAddress-box .qrbanklist-popup .content.shareInfo-content,.addAddress-box .shareInfo-popup .content.shareInfo-content,.addBank-box .addAddress-popup .content.shareInfo-content,.addBank-box .addBank-popup .content.shareInfo-content,.addBank-box .memberVerify-popup .content.shareInfo-content,.addBank-box .qrbanklist-popup .content.shareInfo-content,.addBank-box .shareInfo-popup .content.shareInfo-content,.memberVerify-box .addAddress-popup .content.shareInfo-content,.memberVerify-box .addBank-popup .content.shareInfo-content,.memberVerify-box .memberVerify-popup .content.shareInfo-content,.memberVerify-box .qrbanklist-popup .content.shareInfo-content,.memberVerify-box .shareInfo-popup .content.shareInfo-content,.qrbanklist-box .addAddress-popup .content.shareInfo-content,.qrbanklist-box .addBank-popup .content.shareInfo-content,.qrbanklist-box .memberVerify-popup .content.shareInfo-content,.qrbanklist-box .qrbanklist-popup .content.shareInfo-content,.qrbanklist-box .shareInfo-popup .content.shareInfo-content,.shareInfo-box .addAddress-popup .content.shareInfo-content,.shareInfo-box .addBank-popup .content.shareInfo-content,.shareInfo-box .memberVerify-popup .content.shareInfo-content,.shareInfo-box .qrbanklist-popup .content.shareInfo-content,.shareInfo-box .shareInfo-popup .content.shareInfo-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.addAddress-box .addAddress-popup .content.shareInfo-content>button,.addAddress-box .addBank-popup .content.shareInfo-content>button,.addAddress-box .memberVerify-popup .content.shareInfo-content>button,.addAddress-box .qrbanklist-popup .content.shareInfo-content>button,.addAddress-box .shareInfo-popup .content.shareInfo-content>button,.addBank-box .addAddress-popup .content.shareInfo-content>button,.addBank-box .addBank-popup .content.shareInfo-content>button,.addBank-box .memberVerify-popup .content.shareInfo-content>button,.addBank-box .qrbanklist-popup .content.shareInfo-content>button,.addBank-box .shareInfo-popup .content.shareInfo-content>button,.memberVerify-box .addAddress-popup .content.shareInfo-content>button,.memberVerify-box .addBank-popup .content.shareInfo-content>button,.memberVerify-box .memberVerify-popup .content.shareInfo-content>button,.memberVerify-box .qrbanklist-popup .content.shareInfo-content>button,.memberVerify-box .shareInfo-popup .content.shareInfo-content>button,.qrbanklist-box .addAddress-popup .content.shareInfo-content>button,.qrbanklist-box .addBank-popup .content.shareInfo-content>button,.qrbanklist-box .memberVerify-popup .content.shareInfo-content>button,.qrbanklist-box .qrbanklist-popup .content.shareInfo-content>button,.qrbanklist-box .shareInfo-popup .content.shareInfo-content>button,.shareInfo-box .addAddress-popup .content.shareInfo-content>button,.shareInfo-box .addBank-popup .content.shareInfo-content>button,.shareInfo-box .memberVerify-popup .content.shareInfo-content>button,.shareInfo-box .qrbanklist-popup .content.shareInfo-content>button,.shareInfo-box .shareInfo-popup .content.shareInfo-content>button {
    background-color: initial;
    border: none;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center
}

.addAddress-box .addAddress-popup .content.shareInfo-content>button.shareInfo-copy svg,.addAddress-box .addBank-popup .content.shareInfo-content>button.shareInfo-copy svg,.addAddress-box .memberVerify-popup .content.shareInfo-content>button.shareInfo-copy svg,.addAddress-box .qrbanklist-popup .content.shareInfo-content>button.shareInfo-copy svg,.addAddress-box .shareInfo-popup .content.shareInfo-content>button.shareInfo-copy svg,.addBank-box .addAddress-popup .content.shareInfo-content>button.shareInfo-copy svg,.addBank-box .addBank-popup .content.shareInfo-content>button.shareInfo-copy svg,.addBank-box .memberVerify-popup .content.shareInfo-content>button.shareInfo-copy svg,.addBank-box .qrbanklist-popup .content.shareInfo-content>button.shareInfo-copy svg,.addBank-box .shareInfo-popup .content.shareInfo-content>button.shareInfo-copy svg,.memberVerify-box .addAddress-popup .content.shareInfo-content>button.shareInfo-copy svg,.memberVerify-box .addBank-popup .content.shareInfo-content>button.shareInfo-copy svg,.memberVerify-box .memberVerify-popup .content.shareInfo-content>button.shareInfo-copy svg,.memberVerify-box .qrbanklist-popup .content.shareInfo-content>button.shareInfo-copy svg,.memberVerify-box .shareInfo-popup .content.shareInfo-content>button.shareInfo-copy svg,.qrbanklist-box .addAddress-popup .content.shareInfo-content>button.shareInfo-copy svg,.qrbanklist-box .addBank-popup .content.shareInfo-content>button.shareInfo-copy svg,.qrbanklist-box .memberVerify-popup .content.shareInfo-content>button.shareInfo-copy svg,.qrbanklist-box .qrbanklist-popup .content.shareInfo-content>button.shareInfo-copy svg,.qrbanklist-box .shareInfo-popup .content.shareInfo-content>button.shareInfo-copy svg,.shareInfo-box .addAddress-popup .content.shareInfo-content>button.shareInfo-copy svg,.shareInfo-box .addBank-popup .content.shareInfo-content>button.shareInfo-copy svg,.shareInfo-box .memberVerify-popup .content.shareInfo-content>button.shareInfo-copy svg,.shareInfo-box .qrbanklist-popup .content.shareInfo-content>button.shareInfo-copy svg,.shareInfo-box .shareInfo-popup .content.shareInfo-content>button.shareInfo-copy svg {
    width: .4rem
}

.addAddress-box .addAddress-popup .content.shareInfo-content>button svg,.addAddress-box .addBank-popup .content.shareInfo-content>button svg,.addAddress-box .memberVerify-popup .content.shareInfo-content>button svg,.addAddress-box .qrbanklist-popup .content.shareInfo-content>button svg,.addAddress-box .shareInfo-popup .content.shareInfo-content>button svg,.addBank-box .addAddress-popup .content.shareInfo-content>button svg,.addBank-box .addBank-popup .content.shareInfo-content>button svg,.addBank-box .memberVerify-popup .content.shareInfo-content>button svg,.addBank-box .qrbanklist-popup .content.shareInfo-content>button svg,.addBank-box .shareInfo-popup .content.shareInfo-content>button svg,.memberVerify-box .addAddress-popup .content.shareInfo-content>button svg,.memberVerify-box .addBank-popup .content.shareInfo-content>button svg,.memberVerify-box .memberVerify-popup .content.shareInfo-content>button svg,.memberVerify-box .qrbanklist-popup .content.shareInfo-content>button svg,.memberVerify-box .shareInfo-popup .content.shareInfo-content>button svg,.qrbanklist-box .addAddress-popup .content.shareInfo-content>button svg,.qrbanklist-box .addBank-popup .content.shareInfo-content>button svg,.qrbanklist-box .memberVerify-popup .content.shareInfo-content>button svg,.qrbanklist-box .qrbanklist-popup .content.shareInfo-content>button svg,.qrbanklist-box .shareInfo-popup .content.shareInfo-content>button svg,.shareInfo-box .addAddress-popup .content.shareInfo-content>button svg,.shareInfo-box .addBank-popup .content.shareInfo-content>button svg,.shareInfo-box .memberVerify-popup .content.shareInfo-content>button svg,.shareInfo-box .qrbanklist-popup .content.shareInfo-content>button svg,.shareInfo-box .shareInfo-popup .content.shareInfo-content>button svg {
    margin-bottom: .1rem;
    width: .5rem;
    height: .5rem
}

.addAddress-box .addAddress-popup .content.shareInfo-content>button span,.addAddress-box .addBank-popup .content.shareInfo-content>button span,.addAddress-box .memberVerify-popup .content.shareInfo-content>button span,.addAddress-box .qrbanklist-popup .content.shareInfo-content>button span,.addAddress-box .shareInfo-popup .content.shareInfo-content>button span,.addBank-box .addAddress-popup .content.shareInfo-content>button span,.addBank-box .addBank-popup .content.shareInfo-content>button span,.addBank-box .memberVerify-popup .content.shareInfo-content>button span,.addBank-box .qrbanklist-popup .content.shareInfo-content>button span,.addBank-box .shareInfo-popup .content.shareInfo-content>button span,.memberVerify-box .addAddress-popup .content.shareInfo-content>button span,.memberVerify-box .addBank-popup .content.shareInfo-content>button span,.memberVerify-box .memberVerify-popup .content.shareInfo-content>button span,.memberVerify-box .qrbanklist-popup .content.shareInfo-content>button span,.memberVerify-box .shareInfo-popup .content.shareInfo-content>button span,.qrbanklist-box .addAddress-popup .content.shareInfo-content>button span,.qrbanklist-box .addBank-popup .content.shareInfo-content>button span,.qrbanklist-box .memberVerify-popup .content.shareInfo-content>button span,.qrbanklist-box .qrbanklist-popup .content.shareInfo-content>button span,.qrbanklist-box .shareInfo-popup .content.shareInfo-content>button span,.shareInfo-box .addAddress-popup .content.shareInfo-content>button span,.shareInfo-box .addBank-popup .content.shareInfo-content>button span,.shareInfo-box .memberVerify-popup .content.shareInfo-content>button span,.shareInfo-box .qrbanklist-popup .content.shareInfo-content>button span,.shareInfo-box .shareInfo-popup .content.shareInfo-content>button span {
    font-size: .12rem;
    color: #636870
}

.addAddress-box .addAddress-popup .content.addAddress-content,.addAddress-box .addBank-popup .content.addAddress-content,.addAddress-box .memberVerify-popup .content.addAddress-content,.addAddress-box .qrbanklist-popup .content.addAddress-content,.addAddress-box .shareInfo-popup .content.addAddress-content,.addBank-box .addAddress-popup .content.addAddress-content,.addBank-box .addBank-popup .content.addAddress-content,.addBank-box .memberVerify-popup .content.addAddress-content,.addBank-box .qrbanklist-popup .content.addAddress-content,.addBank-box .shareInfo-popup .content.addAddress-content,.memberVerify-box .addAddress-popup .content.addAddress-content,.memberVerify-box .addBank-popup .content.addAddress-content,.memberVerify-box .memberVerify-popup .content.addAddress-content,.memberVerify-box .qrbanklist-popup .content.addAddress-content,.memberVerify-box .shareInfo-popup .content.addAddress-content,.qrbanklist-box .addAddress-popup .content.addAddress-content,.qrbanklist-box .addBank-popup .content.addAddress-content,.qrbanklist-box .memberVerify-popup .content.addAddress-content,.qrbanklist-box .qrbanklist-popup .content.addAddress-content,.qrbanklist-box .shareInfo-popup .content.addAddress-content,.shareInfo-box .addAddress-popup .content.addAddress-content,.shareInfo-box .addBank-popup .content.addAddress-content,.shareInfo-box .memberVerify-popup .content.addAddress-content,.shareInfo-box .qrbanklist-popup .content.addAddress-content,.shareInfo-box .shareInfo-popup .content.addAddress-content {
    padding: .36rem .7rem
}

.addAddress-box .addAddress-popup .content.addAddress-content .input,.addAddress-box .addBank-popup .content.addAddress-content .input,.addAddress-box .memberVerify-popup .content.addAddress-content .input,.addAddress-box .qrbanklist-popup .content.addAddress-content .input,.addAddress-box .shareInfo-popup .content.addAddress-content .input,.addBank-box .addAddress-popup .content.addAddress-content .input,.addBank-box .addBank-popup .content.addAddress-content .input,.addBank-box .memberVerify-popup .content.addAddress-content .input,.addBank-box .qrbanklist-popup .content.addAddress-content .input,.addBank-box .shareInfo-popup .content.addAddress-content .input,.memberVerify-box .addAddress-popup .content.addAddress-content .input,.memberVerify-box .addBank-popup .content.addAddress-content .input,.memberVerify-box .memberVerify-popup .content.addAddress-content .input,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input,.memberVerify-box .shareInfo-popup .content.addAddress-content .input,.qrbanklist-box .addAddress-popup .content.addAddress-content .input,.qrbanklist-box .addBank-popup .content.addAddress-content .input,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input,.shareInfo-box .addAddress-popup .content.addAddress-content .input,.shareInfo-box .addBank-popup .content.addAddress-content .input,.shareInfo-box .memberVerify-popup .content.addAddress-content .input,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input,.shareInfo-box .shareInfo-popup .content.addAddress-content .input {
    width: 5rem
}

.addAddress-box .addAddress-popup .content.addAddress-content .input>div>select,.addAddress-box .addBank-popup .content.addAddress-content .input>div>select,.addAddress-box .memberVerify-popup .content.addAddress-content .input>div>select,.addAddress-box .qrbanklist-popup .content.addAddress-content .input>div>select,.addAddress-box .shareInfo-popup .content.addAddress-content .input>div>select,.addBank-box .addAddress-popup .content.addAddress-content .input>div>select,.addBank-box .addBank-popup .content.addAddress-content .input>div>select,.addBank-box .memberVerify-popup .content.addAddress-content .input>div>select,.addBank-box .qrbanklist-popup .content.addAddress-content .input>div>select,.addBank-box .shareInfo-popup .content.addAddress-content .input>div>select,.memberVerify-box .addAddress-popup .content.addAddress-content .input>div>select,.memberVerify-box .addBank-popup .content.addAddress-content .input>div>select,.memberVerify-box .memberVerify-popup .content.addAddress-content .input>div>select,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input>div>select,.memberVerify-box .shareInfo-popup .content.addAddress-content .input>div>select,.qrbanklist-box .addAddress-popup .content.addAddress-content .input>div>select,.qrbanklist-box .addBank-popup .content.addAddress-content .input>div>select,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input>div>select,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input>div>select,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input>div>select,.shareInfo-box .addAddress-popup .content.addAddress-content .input>div>select,.shareInfo-box .addBank-popup .content.addAddress-content .input>div>select,.shareInfo-box .memberVerify-popup .content.addAddress-content .input>div>select,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input>div>select,.shareInfo-box .shareInfo-popup .content.addAddress-content .input>div>select {
    width: 3.7rem;
    -webkit-appearance: auto!important;
    appearance: auto!important
}

.addAddress-box .addAddress-popup .content.addAddress-content .input>div>.text-area,.addAddress-box .addBank-popup .content.addAddress-content .input>div>.text-area,.addAddress-box .memberVerify-popup .content.addAddress-content .input>div>.text-area,.addAddress-box .qrbanklist-popup .content.addAddress-content .input>div>.text-area,.addAddress-box .shareInfo-popup .content.addAddress-content .input>div>.text-area,.addBank-box .addAddress-popup .content.addAddress-content .input>div>.text-area,.addBank-box .addBank-popup .content.addAddress-content .input>div>.text-area,.addBank-box .memberVerify-popup .content.addAddress-content .input>div>.text-area,.addBank-box .qrbanklist-popup .content.addAddress-content .input>div>.text-area,.addBank-box .shareInfo-popup .content.addAddress-content .input>div>.text-area,.memberVerify-box .addAddress-popup .content.addAddress-content .input>div>.text-area,.memberVerify-box .addBank-popup .content.addAddress-content .input>div>.text-area,.memberVerify-box .memberVerify-popup .content.addAddress-content .input>div>.text-area,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input>div>.text-area,.memberVerify-box .shareInfo-popup .content.addAddress-content .input>div>.text-area,.qrbanklist-box .addAddress-popup .content.addAddress-content .input>div>.text-area,.qrbanklist-box .addBank-popup .content.addAddress-content .input>div>.text-area,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input>div>.text-area,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input>div>.text-area,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input>div>.text-area,.shareInfo-box .addAddress-popup .content.addAddress-content .input>div>.text-area,.shareInfo-box .addBank-popup .content.addAddress-content .input>div>.text-area,.shareInfo-box .memberVerify-popup .content.addAddress-content .input>div>.text-area,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input>div>.text-area,.shareInfo-box .shareInfo-popup .content.addAddress-content .input>div>.text-area {
    width: 3.7rem;
    -webkit-appearance: none;
    appearance: none;
    height: 100%;
    border-radius: .09rem;
    background: 0 0;
    border: .01rem solid rgba(25,25,25,.2);
    color: #000;
    font-size: .16rem;
    padding: .11rem .22rem
}

.addAddress-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error {
    width: 2.5rem;
    margin-left: 1.2rem;
    margin-top: .1rem
}

.addAddress-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div {
    width: 3.7rem;
    display: flex;
    justify-content: space-between
}

.addAddress-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button {
    width: 1.25rem;
    cursor: pointer;
    font-family: nunito-black;
    font-size: .2rem;
    font-weight: 900;
    color: #fff;
    border-radius: .09rem;
    border-style: unset
}

.addAddress-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addAddress-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addAddress-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addAddress-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addAddress-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addAddress-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addAddress-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addAddress-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addAddress-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addAddress-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addBank-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addBank-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addBank-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addBank-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addBank-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addBank-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addBank-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addBank-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.addBank-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.addBank-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.memberVerify-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.memberVerify-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.memberVerify-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.memberVerify-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.memberVerify-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.memberVerify-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.memberVerify-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.memberVerify-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.memberVerify-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.qrbanklist-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.qrbanklist-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.qrbanklist-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.qrbanklist-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.qrbanklist-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.qrbanklist-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.shareInfo-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.shareInfo-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.shareInfo-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.shareInfo-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.shareInfo-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.shareInfo-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.shareInfo-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button[disabled],.shareInfo-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button:disabled,.shareInfo-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button[disabled] {
    opacity: .3;
    cursor: not-allowed
}

.addAddress-box .addAddress-popup .content.addAddress-content .btn-submit,.addAddress-box .addBank-popup .content.addAddress-content .btn-submit,.addAddress-box .memberVerify-popup .content.addAddress-content .btn-submit,.addAddress-box .qrbanklist-popup .content.addAddress-content .btn-submit,.addAddress-box .shareInfo-popup .content.addAddress-content .btn-submit,.addBank-box .addAddress-popup .content.addAddress-content .btn-submit,.addBank-box .addBank-popup .content.addAddress-content .btn-submit,.addBank-box .memberVerify-popup .content.addAddress-content .btn-submit,.addBank-box .qrbanklist-popup .content.addAddress-content .btn-submit,.addBank-box .shareInfo-popup .content.addAddress-content .btn-submit,.memberVerify-box .addAddress-popup .content.addAddress-content .btn-submit,.memberVerify-box .addBank-popup .content.addAddress-content .btn-submit,.memberVerify-box .memberVerify-popup .content.addAddress-content .btn-submit,.memberVerify-box .qrbanklist-popup .content.addAddress-content .btn-submit,.memberVerify-box .shareInfo-popup .content.addAddress-content .btn-submit,.qrbanklist-box .addAddress-popup .content.addAddress-content .btn-submit,.qrbanklist-box .addBank-popup .content.addAddress-content .btn-submit,.qrbanklist-box .memberVerify-popup .content.addAddress-content .btn-submit,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .btn-submit,.qrbanklist-box .shareInfo-popup .content.addAddress-content .btn-submit,.shareInfo-box .addAddress-popup .content.addAddress-content .btn-submit,.shareInfo-box .addBank-popup .content.addAddress-content .btn-submit,.shareInfo-box .memberVerify-popup .content.addAddress-content .btn-submit,.shareInfo-box .qrbanklist-popup .content.addAddress-content .btn-submit,.shareInfo-box .shareInfo-popup .content.addAddress-content .btn-submit {
    margin-right: 0!important
}

.addAddress-box .addAddress-popup .content.qrbanklist-content,.addAddress-box .addBank-popup .content.qrbanklist-content,.addAddress-box .memberVerify-popup .content.qrbanklist-content,.addAddress-box .qrbanklist-popup .content.qrbanklist-content,.addAddress-box .shareInfo-popup .content.qrbanklist-content,.addBank-box .addAddress-popup .content.qrbanklist-content,.addBank-box .addBank-popup .content.qrbanklist-content,.addBank-box .memberVerify-popup .content.qrbanklist-content,.addBank-box .qrbanklist-popup .content.qrbanklist-content,.addBank-box .shareInfo-popup .content.qrbanklist-content,.memberVerify-box .addAddress-popup .content.qrbanklist-content,.memberVerify-box .addBank-popup .content.qrbanklist-content,.memberVerify-box .memberVerify-popup .content.qrbanklist-content,.memberVerify-box .qrbanklist-popup .content.qrbanklist-content,.memberVerify-box .shareInfo-popup .content.qrbanklist-content,.qrbanklist-box .addAddress-popup .content.qrbanklist-content,.qrbanklist-box .addBank-popup .content.qrbanklist-content,.qrbanklist-box .memberVerify-popup .content.qrbanklist-content,.qrbanklist-box .qrbanklist-popup .content.qrbanklist-content,.qrbanklist-box .shareInfo-popup .content.qrbanklist-content,.shareInfo-box .addAddress-popup .content.qrbanklist-content,.shareInfo-box .addBank-popup .content.qrbanklist-content,.shareInfo-box .memberVerify-popup .content.qrbanklist-content,.shareInfo-box .qrbanklist-popup .content.qrbanklist-content,.shareInfo-box .shareInfo-popup .content.qrbanklist-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.addAddress-box .addAddress-popup .content.qrbanklist-content .bank-container,.addAddress-box .addBank-popup .content.qrbanklist-content .bank-container,.addAddress-box .memberVerify-popup .content.qrbanklist-content .bank-container,.addAddress-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.addAddress-box .shareInfo-popup .content.qrbanklist-content .bank-container,.addBank-box .addAddress-popup .content.qrbanklist-content .bank-container,.addBank-box .addBank-popup .content.qrbanklist-content .bank-container,.addBank-box .memberVerify-popup .content.qrbanklist-content .bank-container,.addBank-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.addBank-box .shareInfo-popup .content.qrbanklist-content .bank-container,.memberVerify-box .addAddress-popup .content.qrbanklist-content .bank-container,.memberVerify-box .addBank-popup .content.qrbanklist-content .bank-container,.memberVerify-box .memberVerify-popup .content.qrbanklist-content .bank-container,.memberVerify-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.memberVerify-box .shareInfo-popup .content.qrbanklist-content .bank-container,.qrbanklist-box .addAddress-popup .content.qrbanklist-content .bank-container,.qrbanklist-box .addBank-popup .content.qrbanklist-content .bank-container,.qrbanklist-box .memberVerify-popup .content.qrbanklist-content .bank-container,.qrbanklist-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.qrbanklist-box .shareInfo-popup .content.qrbanklist-content .bank-container,.shareInfo-box .addAddress-popup .content.qrbanklist-content .bank-container,.shareInfo-box .addBank-popup .content.qrbanklist-content .bank-container,.shareInfo-box .memberVerify-popup .content.qrbanklist-content .bank-container,.shareInfo-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.shareInfo-box .shareInfo-popup .content.qrbanklist-content .bank-container {
    width: 30%;
    display: flex;
    justify-content: space-between;
    margin-bottom: .15rem
}

.addAddress-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container {
    width: 20%
}

.addAddress-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container {
    width: 70%;
    font-size: .14rem;
    text-align: left
}

.addAddress-box.mobile-box .addAddress-popup,.addAddress-box.mobile-box .addBank-popup,.addAddress-box.mobile-box .memberVerify-popup,.addAddress-box.mobile-box .qrbanklist-popup,.addAddress-box.mobile-box .shareInfo-popup,.addBank-box.mobile-box .addAddress-popup,.addBank-box.mobile-box .addBank-popup,.addBank-box.mobile-box .memberVerify-popup,.addBank-box.mobile-box .qrbanklist-popup,.addBank-box.mobile-box .shareInfo-popup,.memberVerify-box.mobile-box .addAddress-popup,.memberVerify-box.mobile-box .addBank-popup,.memberVerify-box.mobile-box .memberVerify-popup,.memberVerify-box.mobile-box .qrbanklist-popup,.memberVerify-box.mobile-box .shareInfo-popup,.qrbanklist-box.mobile-box .addAddress-popup,.qrbanklist-box.mobile-box .addBank-popup,.qrbanklist-box.mobile-box .memberVerify-popup,.qrbanklist-box.mobile-box .qrbanklist-popup,.qrbanklist-box.mobile-box .shareInfo-popup,.shareInfo-box.mobile-box .addAddress-popup,.shareInfo-box.mobile-box .addBank-popup,.shareInfo-box.mobile-box .memberVerify-popup,.shareInfo-box.mobile-box .qrbanklist-popup,.shareInfo-box.mobile-box .shareInfo-popup {
    width: 10.5rem;
    border-radius: .29rem
}

.addAddress-box.mobile-box .addAddress-popup .title,.addAddress-box.mobile-box .addBank-popup .title,.addAddress-box.mobile-box .memberVerify-popup .title,.addAddress-box.mobile-box .qrbanklist-popup .title,.addAddress-box.mobile-box .shareInfo-popup .title,.addBank-box.mobile-box .addAddress-popup .title,.addBank-box.mobile-box .addBank-popup .title,.addBank-box.mobile-box .memberVerify-popup .title,.addBank-box.mobile-box .qrbanklist-popup .title,.addBank-box.mobile-box .shareInfo-popup .title,.memberVerify-box.mobile-box .addAddress-popup .title,.memberVerify-box.mobile-box .addBank-popup .title,.memberVerify-box.mobile-box .memberVerify-popup .title,.memberVerify-box.mobile-box .qrbanklist-popup .title,.memberVerify-box.mobile-box .shareInfo-popup .title,.qrbanklist-box.mobile-box .addAddress-popup .title,.qrbanklist-box.mobile-box .addBank-popup .title,.qrbanklist-box.mobile-box .memberVerify-popup .title,.qrbanklist-box.mobile-box .qrbanklist-popup .title,.qrbanklist-box.mobile-box .shareInfo-popup .title,.shareInfo-box.mobile-box .addAddress-popup .title,.shareInfo-box.mobile-box .addBank-popup .title,.shareInfo-box.mobile-box .memberVerify-popup .title,.shareInfo-box.mobile-box .qrbanklist-popup .title,.shareInfo-box.mobile-box .shareInfo-popup .title {
    height: 1.57rem;
    font-size: .5rem;
    line-height: .4rem
}

.addAddress-box.mobile-box .addAddress-popup .title>span,.addAddress-box.mobile-box .addBank-popup .title>span,.addAddress-box.mobile-box .memberVerify-popup .title>span,.addAddress-box.mobile-box .qrbanklist-popup .title>span,.addAddress-box.mobile-box .shareInfo-popup .title>span,.addBank-box.mobile-box .addAddress-popup .title>span,.addBank-box.mobile-box .addBank-popup .title>span,.addBank-box.mobile-box .memberVerify-popup .title>span,.addBank-box.mobile-box .qrbanklist-popup .title>span,.addBank-box.mobile-box .shareInfo-popup .title>span,.memberVerify-box.mobile-box .addAddress-popup .title>span,.memberVerify-box.mobile-box .addBank-popup .title>span,.memberVerify-box.mobile-box .memberVerify-popup .title>span,.memberVerify-box.mobile-box .qrbanklist-popup .title>span,.memberVerify-box.mobile-box .shareInfo-popup .title>span,.qrbanklist-box.mobile-box .addAddress-popup .title>span,.qrbanklist-box.mobile-box .addBank-popup .title>span,.qrbanklist-box.mobile-box .memberVerify-popup .title>span,.qrbanklist-box.mobile-box .qrbanklist-popup .title>span,.qrbanklist-box.mobile-box .shareInfo-popup .title>span,.shareInfo-box.mobile-box .addAddress-popup .title>span,.shareInfo-box.mobile-box .addBank-popup .title>span,.shareInfo-box.mobile-box .memberVerify-popup .title>span,.shareInfo-box.mobile-box .qrbanklist-popup .title>span,.shareInfo-box.mobile-box .shareInfo-popup .title>span {
    white-space: nowrap;
    width: 8rem;
    text-overflow: ellipsis
}

.addAddress-box.mobile-box .addAddress-popup .title>i,.addAddress-box.mobile-box .addBank-popup .title>i,.addAddress-box.mobile-box .memberVerify-popup .title>i,.addAddress-box.mobile-box .qrbanklist-popup .title>i,.addAddress-box.mobile-box .shareInfo-popup .title>i,.addBank-box.mobile-box .addAddress-popup .title>i,.addBank-box.mobile-box .addBank-popup .title>i,.addBank-box.mobile-box .memberVerify-popup .title>i,.addBank-box.mobile-box .qrbanklist-popup .title>i,.addBank-box.mobile-box .shareInfo-popup .title>i,.memberVerify-box.mobile-box .addAddress-popup .title>i,.memberVerify-box.mobile-box .addBank-popup .title>i,.memberVerify-box.mobile-box .memberVerify-popup .title>i,.memberVerify-box.mobile-box .qrbanklist-popup .title>i,.memberVerify-box.mobile-box .shareInfo-popup .title>i,.qrbanklist-box.mobile-box .addAddress-popup .title>i,.qrbanklist-box.mobile-box .addBank-popup .title>i,.qrbanklist-box.mobile-box .memberVerify-popup .title>i,.qrbanklist-box.mobile-box .qrbanklist-popup .title>i,.qrbanklist-box.mobile-box .shareInfo-popup .title>i,.shareInfo-box.mobile-box .addAddress-popup .title>i,.shareInfo-box.mobile-box .addBank-popup .title>i,.shareInfo-box.mobile-box .memberVerify-popup .title>i,.shareInfo-box.mobile-box .qrbanklist-popup .title>i,.shareInfo-box.mobile-box .shareInfo-popup .title>i {
    right: .51rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .6rem;
    height: .6rem
}

.addAddress-box.mobile-box .addAddress-popup .content,.addAddress-box.mobile-box .addBank-popup .content,.addAddress-box.mobile-box .memberVerify-popup .content,.addAddress-box.mobile-box .qrbanklist-popup .content,.addAddress-box.mobile-box .shareInfo-popup .content,.addBank-box.mobile-box .addAddress-popup .content,.addBank-box.mobile-box .addBank-popup .content,.addBank-box.mobile-box .memberVerify-popup .content,.addBank-box.mobile-box .qrbanklist-popup .content,.addBank-box.mobile-box .shareInfo-popup .content,.memberVerify-box.mobile-box .addAddress-popup .content,.memberVerify-box.mobile-box .addBank-popup .content,.memberVerify-box.mobile-box .memberVerify-popup .content,.memberVerify-box.mobile-box .qrbanklist-popup .content,.memberVerify-box.mobile-box .shareInfo-popup .content,.qrbanklist-box.mobile-box .addAddress-popup .content,.qrbanklist-box.mobile-box .addBank-popup .content,.qrbanklist-box.mobile-box .memberVerify-popup .content,.qrbanklist-box.mobile-box .qrbanklist-popup .content,.qrbanklist-box.mobile-box .shareInfo-popup .content,.shareInfo-box.mobile-box .addAddress-popup .content,.shareInfo-box.mobile-box .addBank-popup .content,.shareInfo-box.mobile-box .memberVerify-popup .content,.shareInfo-box.mobile-box .qrbanklist-popup .content,.shareInfo-box.mobile-box .shareInfo-popup .content {
    padding: .5rem 0
}

.addAddress-box.mobile-box .addAddress-popup .content .input,.addAddress-box.mobile-box .addBank-popup .content .input,.addAddress-box.mobile-box .memberVerify-popup .content .input,.addAddress-box.mobile-box .qrbanklist-popup .content .input,.addAddress-box.mobile-box .shareInfo-popup .content .input,.addBank-box.mobile-box .addAddress-popup .content .input,.addBank-box.mobile-box .addBank-popup .content .input,.addBank-box.mobile-box .memberVerify-popup .content .input,.addBank-box.mobile-box .qrbanklist-popup .content .input,.addBank-box.mobile-box .shareInfo-popup .content .input,.memberVerify-box.mobile-box .addAddress-popup .content .input,.memberVerify-box.mobile-box .addBank-popup .content .input,.memberVerify-box.mobile-box .memberVerify-popup .content .input,.memberVerify-box.mobile-box .qrbanklist-popup .content .input,.memberVerify-box.mobile-box .shareInfo-popup .content .input,.qrbanklist-box.mobile-box .addAddress-popup .content .input,.qrbanklist-box.mobile-box .addBank-popup .content .input,.qrbanklist-box.mobile-box .memberVerify-popup .content .input,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input,.qrbanklist-box.mobile-box .shareInfo-popup .content .input,.shareInfo-box.mobile-box .addAddress-popup .content .input,.shareInfo-box.mobile-box .addBank-popup .content .input,.shareInfo-box.mobile-box .memberVerify-popup .content .input,.shareInfo-box.mobile-box .qrbanklist-popup .content .input,.shareInfo-box.mobile-box .shareInfo-popup .content .input {
    width: 8.8rem;
    min-height: 1.45rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input:not(:last-child),.addAddress-box.mobile-box .addBank-popup .content .input:not(:last-child),.addAddress-box.mobile-box .memberVerify-popup .content .input:not(:last-child),.addAddress-box.mobile-box .qrbanklist-popup .content .input:not(:last-child),.addAddress-box.mobile-box .shareInfo-popup .content .input:not(:last-child),.addBank-box.mobile-box .addAddress-popup .content .input:not(:last-child),.addBank-box.mobile-box .addBank-popup .content .input:not(:last-child),.addBank-box.mobile-box .memberVerify-popup .content .input:not(:last-child),.addBank-box.mobile-box .qrbanklist-popup .content .input:not(:last-child),.addBank-box.mobile-box .shareInfo-popup .content .input:not(:last-child),.memberVerify-box.mobile-box .addAddress-popup .content .input:not(:last-child),.memberVerify-box.mobile-box .addBank-popup .content .input:not(:last-child),.memberVerify-box.mobile-box .memberVerify-popup .content .input:not(:last-child),.memberVerify-box.mobile-box .qrbanklist-popup .content .input:not(:last-child),.memberVerify-box.mobile-box .shareInfo-popup .content .input:not(:last-child),.qrbanklist-box.mobile-box .addAddress-popup .content .input:not(:last-child),.qrbanklist-box.mobile-box .addBank-popup .content .input:not(:last-child),.qrbanklist-box.mobile-box .memberVerify-popup .content .input:not(:last-child),.qrbanklist-box.mobile-box .qrbanklist-popup .content .input:not(:last-child),.qrbanklist-box.mobile-box .shareInfo-popup .content .input:not(:last-child),.shareInfo-box.mobile-box .addAddress-popup .content .input:not(:last-child),.shareInfo-box.mobile-box .addBank-popup .content .input:not(:last-child),.shareInfo-box.mobile-box .memberVerify-popup .content .input:not(:last-child),.shareInfo-box.mobile-box .qrbanklist-popup .content .input:not(:last-child),.shareInfo-box.mobile-box .shareInfo-popup .content .input:not(:last-child) {
    margin-bottom: .82rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>input,.addAddress-box.mobile-box .addBank-popup .content .input>input,.addAddress-box.mobile-box .memberVerify-popup .content .input>input,.addAddress-box.mobile-box .qrbanklist-popup .content .input>input,.addAddress-box.mobile-box .shareInfo-popup .content .input>input,.addBank-box.mobile-box .addAddress-popup .content .input>input,.addBank-box.mobile-box .addBank-popup .content .input>input,.addBank-box.mobile-box .memberVerify-popup .content .input>input,.addBank-box.mobile-box .qrbanklist-popup .content .input>input,.addBank-box.mobile-box .shareInfo-popup .content .input>input,.memberVerify-box.mobile-box .addAddress-popup .content .input>input,.memberVerify-box.mobile-box .addBank-popup .content .input>input,.memberVerify-box.mobile-box .memberVerify-popup .content .input>input,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>input,.memberVerify-box.mobile-box .shareInfo-popup .content .input>input,.qrbanklist-box.mobile-box .addAddress-popup .content .input>input,.qrbanklist-box.mobile-box .addBank-popup .content .input>input,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>input,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>input,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>input,.shareInfo-box.mobile-box .addAddress-popup .content .input>input,.shareInfo-box.mobile-box .addBank-popup .content .input>input,.shareInfo-box.mobile-box .memberVerify-popup .content .input>input,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>input,.shareInfo-box.mobile-box .shareInfo-popup .content .input>input {
    border-radius: .29rem;
    min-height: 1.45rem;
    font-size: .45rem;
    padding: 0 .35rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.addAddress-box.mobile-box .addBank-popup .content .input>input::-webkit-input-placeholder,.addAddress-box.mobile-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.addAddress-box.mobile-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.addAddress-box.mobile-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.addBank-box.mobile-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.addBank-box.mobile-box .addBank-popup .content .input>input::-webkit-input-placeholder,.addBank-box.mobile-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.addBank-box.mobile-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.addBank-box.mobile-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box.mobile-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box.mobile-box .addBank-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box.mobile-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.memberVerify-box.mobile-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box.mobile-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box.mobile-box .addBank-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box.mobile-box .addAddress-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box.mobile-box .addBank-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box.mobile-box .memberVerify-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>input::-webkit-input-placeholder,.shareInfo-box.mobile-box .shareInfo-popup .content .input>input::-webkit-input-placeholder {
    font-size: .45rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>div .item-title,.addAddress-box.mobile-box .addBank-popup .content .input>div .item-title,.addAddress-box.mobile-box .memberVerify-popup .content .input>div .item-title,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div .item-title,.addAddress-box.mobile-box .shareInfo-popup .content .input>div .item-title,.addBank-box.mobile-box .addAddress-popup .content .input>div .item-title,.addBank-box.mobile-box .addBank-popup .content .input>div .item-title,.addBank-box.mobile-box .memberVerify-popup .content .input>div .item-title,.addBank-box.mobile-box .qrbanklist-popup .content .input>div .item-title,.addBank-box.mobile-box .shareInfo-popup .content .input>div .item-title,.memberVerify-box.mobile-box .addAddress-popup .content .input>div .item-title,.memberVerify-box.mobile-box .addBank-popup .content .input>div .item-title,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div .item-title,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div .item-title,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div .item-title,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div .item-title,.qrbanklist-box.mobile-box .addBank-popup .content .input>div .item-title,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div .item-title,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div .item-title,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div .item-title,.shareInfo-box.mobile-box .addAddress-popup .content .input>div .item-title,.shareInfo-box.mobile-box .addBank-popup .content .input>div .item-title,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div .item-title,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div .item-title,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div .item-title {
    font-size: .45rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>div>select,.addAddress-box.mobile-box .addBank-popup .content .input>div>select,.addAddress-box.mobile-box .memberVerify-popup .content .input>div>select,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div>select,.addAddress-box.mobile-box .shareInfo-popup .content .input>div>select,.addBank-box.mobile-box .addAddress-popup .content .input>div>select,.addBank-box.mobile-box .addBank-popup .content .input>div>select,.addBank-box.mobile-box .memberVerify-popup .content .input>div>select,.addBank-box.mobile-box .qrbanklist-popup .content .input>div>select,.addBank-box.mobile-box .shareInfo-popup .content .input>div>select,.memberVerify-box.mobile-box .addAddress-popup .content .input>div>select,.memberVerify-box.mobile-box .addBank-popup .content .input>div>select,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div>select,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div>select,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div>select,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div>select,.qrbanklist-box.mobile-box .addBank-popup .content .input>div>select,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div>select,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div>select,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div>select,.shareInfo-box.mobile-box .addAddress-popup .content .input>div>select,.shareInfo-box.mobile-box .addBank-popup .content .input>div>select,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div>select,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div>select,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div>select {
    min-height: 1.45rem;
    border-radius: .29rem;
    font-size: .45rem;
    height: 1.45rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>div>select.phone,.addAddress-box.mobile-box .addBank-popup .content .input>div>select.phone,.addAddress-box.mobile-box .memberVerify-popup .content .input>div>select.phone,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div>select.phone,.addAddress-box.mobile-box .shareInfo-popup .content .input>div>select.phone,.addBank-box.mobile-box .addAddress-popup .content .input>div>select.phone,.addBank-box.mobile-box .addBank-popup .content .input>div>select.phone,.addBank-box.mobile-box .memberVerify-popup .content .input>div>select.phone,.addBank-box.mobile-box .qrbanklist-popup .content .input>div>select.phone,.addBank-box.mobile-box .shareInfo-popup .content .input>div>select.phone,.memberVerify-box.mobile-box .addAddress-popup .content .input>div>select.phone,.memberVerify-box.mobile-box .addBank-popup .content .input>div>select.phone,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div>select.phone,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div>select.phone,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div>select.phone,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div>select.phone,.qrbanklist-box.mobile-box .addBank-popup .content .input>div>select.phone,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div>select.phone,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div>select.phone,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div>select.phone,.shareInfo-box.mobile-box .addAddress-popup .content .input>div>select.phone,.shareInfo-box.mobile-box .addBank-popup .content .input>div>select.phone,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div>select.phone,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div>select.phone,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div>select.phone {
    width: 2.35rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>div>select.coin,.addAddress-box.mobile-box .addAddress-popup .content .input>div>select.network,.addAddress-box.mobile-box .addBank-popup .content .input>div>select.coin,.addAddress-box.mobile-box .addBank-popup .content .input>div>select.network,.addAddress-box.mobile-box .memberVerify-popup .content .input>div>select.coin,.addAddress-box.mobile-box .memberVerify-popup .content .input>div>select.network,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div>select.coin,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div>select.network,.addAddress-box.mobile-box .shareInfo-popup .content .input>div>select.coin,.addAddress-box.mobile-box .shareInfo-popup .content .input>div>select.network,.addBank-box.mobile-box .addAddress-popup .content .input>div>select.coin,.addBank-box.mobile-box .addAddress-popup .content .input>div>select.network,.addBank-box.mobile-box .addBank-popup .content .input>div>select.coin,.addBank-box.mobile-box .addBank-popup .content .input>div>select.network,.addBank-box.mobile-box .memberVerify-popup .content .input>div>select.coin,.addBank-box.mobile-box .memberVerify-popup .content .input>div>select.network,.addBank-box.mobile-box .qrbanklist-popup .content .input>div>select.coin,.addBank-box.mobile-box .qrbanklist-popup .content .input>div>select.network,.addBank-box.mobile-box .shareInfo-popup .content .input>div>select.coin,.addBank-box.mobile-box .shareInfo-popup .content .input>div>select.network,.memberVerify-box.mobile-box .addAddress-popup .content .input>div>select.coin,.memberVerify-box.mobile-box .addAddress-popup .content .input>div>select.network,.memberVerify-box.mobile-box .addBank-popup .content .input>div>select.coin,.memberVerify-box.mobile-box .addBank-popup .content .input>div>select.network,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div>select.coin,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div>select.network,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div>select.coin,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div>select.network,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div>select.coin,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div>select.network,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div>select.coin,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div>select.network,.qrbanklist-box.mobile-box .addBank-popup .content .input>div>select.coin,.qrbanklist-box.mobile-box .addBank-popup .content .input>div>select.network,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div>select.coin,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div>select.network,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div>select.coin,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div>select.network,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div>select.coin,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div>select.network,.shareInfo-box.mobile-box .addAddress-popup .content .input>div>select.coin,.shareInfo-box.mobile-box .addAddress-popup .content .input>div>select.network,.shareInfo-box.mobile-box .addBank-popup .content .input>div>select.coin,.shareInfo-box.mobile-box .addBank-popup .content .input>div>select.network,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div>select.coin,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div>select.network,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div>select.coin,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div>select.network,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div>select.coin,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div>select.network {
    width: 6rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>div>.text-area,.addAddress-box.mobile-box .addBank-popup .content .input>div>.text-area,.addAddress-box.mobile-box .memberVerify-popup .content .input>div>.text-area,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div>.text-area,.addAddress-box.mobile-box .shareInfo-popup .content .input>div>.text-area,.addBank-box.mobile-box .addAddress-popup .content .input>div>.text-area,.addBank-box.mobile-box .addBank-popup .content .input>div>.text-area,.addBank-box.mobile-box .memberVerify-popup .content .input>div>.text-area,.addBank-box.mobile-box .qrbanklist-popup .content .input>div>.text-area,.addBank-box.mobile-box .shareInfo-popup .content .input>div>.text-area,.memberVerify-box.mobile-box .addAddress-popup .content .input>div>.text-area,.memberVerify-box.mobile-box .addBank-popup .content .input>div>.text-area,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div>.text-area,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div>.text-area,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div>.text-area,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div>.text-area,.qrbanklist-box.mobile-box .addBank-popup .content .input>div>.text-area,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div>.text-area,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div>.text-area,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div>.text-area,.shareInfo-box.mobile-box .addAddress-popup .content .input>div>.text-area,.shareInfo-box.mobile-box .addBank-popup .content .input>div>.text-area,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div>.text-area,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div>.text-area,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div>.text-area {
    width: 6rem;
    font-size: .45rem;
    border-radius: .29rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>div input,.addAddress-box.mobile-box .addBank-popup .content .input>div input,.addAddress-box.mobile-box .memberVerify-popup .content .input>div input,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div input,.addAddress-box.mobile-box .shareInfo-popup .content .input>div input,.addBank-box.mobile-box .addAddress-popup .content .input>div input,.addBank-box.mobile-box .addBank-popup .content .input>div input,.addBank-box.mobile-box .memberVerify-popup .content .input>div input,.addBank-box.mobile-box .qrbanklist-popup .content .input>div input,.addBank-box.mobile-box .shareInfo-popup .content .input>div input,.memberVerify-box.mobile-box .addAddress-popup .content .input>div input,.memberVerify-box.mobile-box .addBank-popup .content .input>div input,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div input,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div input,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div input,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div input,.qrbanklist-box.mobile-box .addBank-popup .content .input>div input,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div input,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div input,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div input,.shareInfo-box.mobile-box .addAddress-popup .content .input>div input,.shareInfo-box.mobile-box .addBank-popup .content .input>div input,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div input,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div input,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div input {
    min-height: 1.45rem;
    border-radius: .29rem;
    font-size: .45rem;
    padding: 0 .34rem
}

.addAddress-box.mobile-box .addAddress-popup .content .input>div input.short.short,.addAddress-box.mobile-box .addBank-popup .content .input>div input.short.short,.addAddress-box.mobile-box .memberVerify-popup .content .input>div input.short.short,.addAddress-box.mobile-box .qrbanklist-popup .content .input>div input.short.short,.addAddress-box.mobile-box .shareInfo-popup .content .input>div input.short.short,.addBank-box.mobile-box .addAddress-popup .content .input>div input.short.short,.addBank-box.mobile-box .addBank-popup .content .input>div input.short.short,.addBank-box.mobile-box .memberVerify-popup .content .input>div input.short.short,.addBank-box.mobile-box .qrbanklist-popup .content .input>div input.short.short,.addBank-box.mobile-box .shareInfo-popup .content .input>div input.short.short,.memberVerify-box.mobile-box .addAddress-popup .content .input>div input.short.short,.memberVerify-box.mobile-box .addBank-popup .content .input>div input.short.short,.memberVerify-box.mobile-box .memberVerify-popup .content .input>div input.short.short,.memberVerify-box.mobile-box .qrbanklist-popup .content .input>div input.short.short,.memberVerify-box.mobile-box .shareInfo-popup .content .input>div input.short.short,.qrbanklist-box.mobile-box .addAddress-popup .content .input>div input.short.short,.qrbanklist-box.mobile-box .addBank-popup .content .input>div input.short.short,.qrbanklist-box.mobile-box .memberVerify-popup .content .input>div input.short.short,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input>div input.short.short,.qrbanklist-box.mobile-box .shareInfo-popup .content .input>div input.short.short,.shareInfo-box.mobile-box .addAddress-popup .content .input>div input.short.short,.shareInfo-box.mobile-box .addBank-popup .content .input>div input.short.short,.shareInfo-box.mobile-box .memberVerify-popup .content .input>div input.short.short,.shareInfo-box.mobile-box .qrbanklist-popup .content .input>div input.short.short,.shareInfo-box.mobile-box .shareInfo-popup .content .input>div input.short.short {
    width: 5.9rem
}

.addAddress-box.mobile-box .addAddress-popup .content.shareInfo-content>button svg,.addAddress-box.mobile-box .addBank-popup .content.shareInfo-content>button svg,.addAddress-box.mobile-box .memberVerify-popup .content.shareInfo-content>button svg,.addAddress-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button svg,.addAddress-box.mobile-box .shareInfo-popup .content.shareInfo-content>button svg,.addBank-box.mobile-box .addAddress-popup .content.shareInfo-content>button svg,.addBank-box.mobile-box .addBank-popup .content.shareInfo-content>button svg,.addBank-box.mobile-box .memberVerify-popup .content.shareInfo-content>button svg,.addBank-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button svg,.addBank-box.mobile-box .shareInfo-popup .content.shareInfo-content>button svg,.memberVerify-box.mobile-box .addAddress-popup .content.shareInfo-content>button svg,.memberVerify-box.mobile-box .addBank-popup .content.shareInfo-content>button svg,.memberVerify-box.mobile-box .memberVerify-popup .content.shareInfo-content>button svg,.memberVerify-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button svg,.memberVerify-box.mobile-box .shareInfo-popup .content.shareInfo-content>button svg,.qrbanklist-box.mobile-box .addAddress-popup .content.shareInfo-content>button svg,.qrbanklist-box.mobile-box .addBank-popup .content.shareInfo-content>button svg,.qrbanklist-box.mobile-box .memberVerify-popup .content.shareInfo-content>button svg,.qrbanklist-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button svg,.qrbanklist-box.mobile-box .shareInfo-popup .content.shareInfo-content>button svg,.shareInfo-box.mobile-box .addAddress-popup .content.shareInfo-content>button svg,.shareInfo-box.mobile-box .addBank-popup .content.shareInfo-content>button svg,.shareInfo-box.mobile-box .memberVerify-popup .content.shareInfo-content>button svg,.shareInfo-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button svg,.shareInfo-box.mobile-box .shareInfo-popup .content.shareInfo-content>button svg {
    width: 1.2rem;
    height: 1.2rem
}

.addAddress-box.mobile-box .addAddress-popup .content.shareInfo-content>button span,.addAddress-box.mobile-box .addBank-popup .content.shareInfo-content>button span,.addAddress-box.mobile-box .memberVerify-popup .content.shareInfo-content>button span,.addAddress-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button span,.addAddress-box.mobile-box .shareInfo-popup .content.shareInfo-content>button span,.addBank-box.mobile-box .addAddress-popup .content.shareInfo-content>button span,.addBank-box.mobile-box .addBank-popup .content.shareInfo-content>button span,.addBank-box.mobile-box .memberVerify-popup .content.shareInfo-content>button span,.addBank-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button span,.addBank-box.mobile-box .shareInfo-popup .content.shareInfo-content>button span,.memberVerify-box.mobile-box .addAddress-popup .content.shareInfo-content>button span,.memberVerify-box.mobile-box .addBank-popup .content.shareInfo-content>button span,.memberVerify-box.mobile-box .memberVerify-popup .content.shareInfo-content>button span,.memberVerify-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button span,.memberVerify-box.mobile-box .shareInfo-popup .content.shareInfo-content>button span,.qrbanklist-box.mobile-box .addAddress-popup .content.shareInfo-content>button span,.qrbanklist-box.mobile-box .addBank-popup .content.shareInfo-content>button span,.qrbanklist-box.mobile-box .memberVerify-popup .content.shareInfo-content>button span,.qrbanklist-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button span,.qrbanklist-box.mobile-box .shareInfo-popup .content.shareInfo-content>button span,.shareInfo-box.mobile-box .addAddress-popup .content.shareInfo-content>button span,.shareInfo-box.mobile-box .addBank-popup .content.shareInfo-content>button span,.shareInfo-box.mobile-box .memberVerify-popup .content.shareInfo-content>button span,.shareInfo-box.mobile-box .qrbanklist-popup .content.shareInfo-content>button span,.shareInfo-box.mobile-box .shareInfo-popup .content.shareInfo-content>button span {
    font-size: .35rem
}

.addAddress-box.mobile-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box.mobile-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box.mobile-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box.mobile-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.addAddress-box.mobile-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box.mobile-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box.mobile-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box.mobile-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box.mobile-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.addBank-box.mobile-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box.mobile-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box.mobile-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box.mobile-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box.mobile-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.memberVerify-box.mobile-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box.mobile-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box.mobile-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box.mobile-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box.mobile-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.qrbanklist-box.mobile-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box.mobile-box .addAddress-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box.mobile-box .addBank-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box.mobile-box .memberVerify-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box.mobile-box .qrbanklist-popup .content.addAddress-content .input:nth-child(3) .input-error,.shareInfo-box.mobile-box .shareInfo-popup .content.addAddress-content .input:nth-child(3) .input-error {
    width: 6rem;
    margin-left: 2.8rem;
    margin-top: .15rem
}

.addAddress-box.mobile-box .addAddress-popup .content.addAddress-content .btn-submit,.addAddress-box.mobile-box .addBank-popup .content.addAddress-content .btn-submit,.addAddress-box.mobile-box .memberVerify-popup .content.addAddress-content .btn-submit,.addAddress-box.mobile-box .qrbanklist-popup .content.addAddress-content .btn-submit,.addAddress-box.mobile-box .shareInfo-popup .content.addAddress-content .btn-submit,.addBank-box.mobile-box .addAddress-popup .content.addAddress-content .btn-submit,.addBank-box.mobile-box .addBank-popup .content.addAddress-content .btn-submit,.addBank-box.mobile-box .memberVerify-popup .content.addAddress-content .btn-submit,.addBank-box.mobile-box .qrbanklist-popup .content.addAddress-content .btn-submit,.addBank-box.mobile-box .shareInfo-popup .content.addAddress-content .btn-submit,.memberVerify-box.mobile-box .addAddress-popup .content.addAddress-content .btn-submit,.memberVerify-box.mobile-box .addBank-popup .content.addAddress-content .btn-submit,.memberVerify-box.mobile-box .memberVerify-popup .content.addAddress-content .btn-submit,.memberVerify-box.mobile-box .qrbanklist-popup .content.addAddress-content .btn-submit,.memberVerify-box.mobile-box .shareInfo-popup .content.addAddress-content .btn-submit,.qrbanklist-box.mobile-box .addAddress-popup .content.addAddress-content .btn-submit,.qrbanklist-box.mobile-box .addBank-popup .content.addAddress-content .btn-submit,.qrbanklist-box.mobile-box .memberVerify-popup .content.addAddress-content .btn-submit,.qrbanklist-box.mobile-box .qrbanklist-popup .content.addAddress-content .btn-submit,.qrbanklist-box.mobile-box .shareInfo-popup .content.addAddress-content .btn-submit,.shareInfo-box.mobile-box .addAddress-popup .content.addAddress-content .btn-submit,.shareInfo-box.mobile-box .addBank-popup .content.addAddress-content .btn-submit,.shareInfo-box.mobile-box .memberVerify-popup .content.addAddress-content .btn-submit,.shareInfo-box.mobile-box .qrbanklist-popup .content.addAddress-content .btn-submit,.shareInfo-box.mobile-box .shareInfo-popup .content.addAddress-content .btn-submit {
    margin-right: auto!important
}

.addAddress-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div,.addAddress-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div,.addAddress-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div,.addAddress-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div,.addAddress-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div,.addBank-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div,.addBank-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div,.addBank-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div,.addBank-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div,.addBank-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div,.memberVerify-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div,.memberVerify-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div,.memberVerify-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div,.memberVerify-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div,.memberVerify-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div,.qrbanklist-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div,.qrbanklist-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div,.qrbanklist-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div,.qrbanklist-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div,.qrbanklist-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div,.shareInfo-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div,.shareInfo-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div,.shareInfo-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div,.shareInfo-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div,.shareInfo-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div {
    align-items: flex-start
}

.addAddress-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.addAddress-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.addBank-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.memberVerify-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.qrbanklist-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div,.shareInfo-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div {
    width: 6rem;
    flex-direction: column
}

.addAddress-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box.mobile-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box.mobile-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box.mobile-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box.mobile-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box.mobile-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button {
    width: 6rem;
    min-height: 1.45rem;
    border-radius: .29rem;
    font-size: .45rem;
    padding: 0 .34rem;
    margin-top: .3rem
}

.addAddress-box.mobile-box .addAddress-popup .content.qrbanklist-content,.addAddress-box.mobile-box .addBank-popup .content.qrbanklist-content,.addAddress-box.mobile-box .memberVerify-popup .content.qrbanklist-content,.addAddress-box.mobile-box .qrbanklist-popup .content.qrbanklist-content,.addAddress-box.mobile-box .shareInfo-popup .content.qrbanklist-content,.addBank-box.mobile-box .addAddress-popup .content.qrbanklist-content,.addBank-box.mobile-box .addBank-popup .content.qrbanklist-content,.addBank-box.mobile-box .memberVerify-popup .content.qrbanklist-content,.addBank-box.mobile-box .qrbanklist-popup .content.qrbanklist-content,.addBank-box.mobile-box .shareInfo-popup .content.qrbanklist-content,.memberVerify-box.mobile-box .addAddress-popup .content.qrbanklist-content,.memberVerify-box.mobile-box .addBank-popup .content.qrbanklist-content,.memberVerify-box.mobile-box .memberVerify-popup .content.qrbanklist-content,.memberVerify-box.mobile-box .qrbanklist-popup .content.qrbanklist-content,.memberVerify-box.mobile-box .shareInfo-popup .content.qrbanklist-content,.qrbanklist-box.mobile-box .addAddress-popup .content.qrbanklist-content,.qrbanklist-box.mobile-box .addBank-popup .content.qrbanklist-content,.qrbanklist-box.mobile-box .memberVerify-popup .content.qrbanklist-content,.qrbanklist-box.mobile-box .qrbanklist-popup .content.qrbanklist-content,.qrbanklist-box.mobile-box .shareInfo-popup .content.qrbanklist-content,.shareInfo-box.mobile-box .addAddress-popup .content.qrbanklist-content,.shareInfo-box.mobile-box .addBank-popup .content.qrbanklist-content,.shareInfo-box.mobile-box .memberVerify-popup .content.qrbanklist-content,.shareInfo-box.mobile-box .qrbanklist-popup .content.qrbanklist-content,.shareInfo-box.mobile-box .shareInfo-popup .content.qrbanklist-content {
    font-size: .35rem
}

.addAddress-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container,.addAddress-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container,.addAddress-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container,.addAddress-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.addAddress-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container,.addBank-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container,.addBank-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container,.addBank-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container,.addBank-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.addBank-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container,.memberVerify-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container,.memberVerify-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container,.memberVerify-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container,.memberVerify-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.memberVerify-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container,.qrbanklist-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container,.qrbanklist-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container,.qrbanklist-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container,.qrbanklist-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.qrbanklist-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container,.shareInfo-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container,.shareInfo-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container,.shareInfo-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container,.shareInfo-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container,.shareInfo-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container {
    width: 48%
}

.addAddress-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.addAddress-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.addBank-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.memberVerify-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.qrbanklist-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container,.shareInfo-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center
}

.addAddress-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addAddress-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addAddress-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addAddress-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addAddress-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addBank-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addBank-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addBank-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addBank-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.addBank-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.memberVerify-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.memberVerify-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.memberVerify-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.memberVerify-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.memberVerify-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.qrbanklist-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.qrbanklist-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.qrbanklist-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.qrbanklist-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.qrbanklist-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.shareInfo-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.shareInfo-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.shareInfo-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.shareInfo-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank,.shareInfo-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .icon-container .icon-bank {
    width: .8rem;
    height: .8rem
}

.addAddress-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.addAddress-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.addBank-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.memberVerify-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.qrbanklist-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box.mobile-box .addAddress-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box.mobile-box .addBank-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box.mobile-box .memberVerify-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box.mobile-box .qrbanklist-popup .content.qrbanklist-content .bank-container .bankname-container,.shareInfo-box.mobile-box .shareInfo-popup .content.qrbanklist-content .bank-container .bankname-container {
    width: 65%;
    font-size: .35rem;
    display: flex;
    align-items: center
}

.addAddress-box.mobile-box .addAddress-popup .content .input-error,.addAddress-box.mobile-box .addBank-popup .content .input-error,.addAddress-box.mobile-box .memberVerify-popup .content .input-error,.addAddress-box.mobile-box .qrbanklist-popup .content .input-error,.addAddress-box.mobile-box .shareInfo-popup .content .input-error,.addBank-box.mobile-box .addAddress-popup .content .input-error,.addBank-box.mobile-box .addBank-popup .content .input-error,.addBank-box.mobile-box .memberVerify-popup .content .input-error,.addBank-box.mobile-box .qrbanklist-popup .content .input-error,.addBank-box.mobile-box .shareInfo-popup .content .input-error,.memberVerify-box.mobile-box .addAddress-popup .content .input-error,.memberVerify-box.mobile-box .addBank-popup .content .input-error,.memberVerify-box.mobile-box .memberVerify-popup .content .input-error,.memberVerify-box.mobile-box .qrbanklist-popup .content .input-error,.memberVerify-box.mobile-box .shareInfo-popup .content .input-error,.qrbanklist-box.mobile-box .addAddress-popup .content .input-error,.qrbanklist-box.mobile-box .addBank-popup .content .input-error,.qrbanklist-box.mobile-box .memberVerify-popup .content .input-error,.qrbanklist-box.mobile-box .qrbanklist-popup .content .input-error,.qrbanklist-box.mobile-box .shareInfo-popup .content .input-error,.shareInfo-box.mobile-box .addAddress-popup .content .input-error,.shareInfo-box.mobile-box .addBank-popup .content .input-error,.shareInfo-box.mobile-box .memberVerify-popup .content .input-error,.shareInfo-box.mobile-box .qrbanklist-popup .content .input-error,.shareInfo-box.mobile-box .shareInfo-popup .content .input-error {
    font-size: .35rem
}

.addAddress-box.mobile-box .addAddress-popup .content .btn-submit,.addAddress-box.mobile-box .addBank-popup .content .btn-submit,.addAddress-box.mobile-box .memberVerify-popup .content .btn-submit,.addAddress-box.mobile-box .qrbanklist-popup .content .btn-submit,.addAddress-box.mobile-box .shareInfo-popup .content .btn-submit,.addBank-box.mobile-box .addAddress-popup .content .btn-submit,.addBank-box.mobile-box .addBank-popup .content .btn-submit,.addBank-box.mobile-box .memberVerify-popup .content .btn-submit,.addBank-box.mobile-box .qrbanklist-popup .content .btn-submit,.addBank-box.mobile-box .shareInfo-popup .content .btn-submit,.memberVerify-box.mobile-box .addAddress-popup .content .btn-submit,.memberVerify-box.mobile-box .addBank-popup .content .btn-submit,.memberVerify-box.mobile-box .memberVerify-popup .content .btn-submit,.memberVerify-box.mobile-box .qrbanklist-popup .content .btn-submit,.memberVerify-box.mobile-box .shareInfo-popup .content .btn-submit,.qrbanklist-box.mobile-box .addAddress-popup .content .btn-submit,.qrbanklist-box.mobile-box .addBank-popup .content .btn-submit,.qrbanklist-box.mobile-box .memberVerify-popup .content .btn-submit,.qrbanklist-box.mobile-box .qrbanklist-popup .content .btn-submit,.qrbanklist-box.mobile-box .shareInfo-popup .content .btn-submit,.shareInfo-box.mobile-box .addAddress-popup .content .btn-submit,.shareInfo-box.mobile-box .addBank-popup .content .btn-submit,.shareInfo-box.mobile-box .memberVerify-popup .content .btn-submit,.shareInfo-box.mobile-box .qrbanklist-popup .content .btn-submit,.shareInfo-box.mobile-box .shareInfo-popup .content .btn-submit {
    width: 8.8rem;
    margin-top: 1.32rem
}

.odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom:1;
    display: inline;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom:1;
    display: inline;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s,-webkit-transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s,-webkit-transform 2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family: helvetica neue,sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.home-jackpot-carousel {
    font-family: nunito-bold;
    font-size: 1.25vw;
    color: #fff;
    text-align: center
}

.slot-jackpot-carousel {
    font-size: .36rem;
    font-weight: 600;
    color: #fdd55d;
    margin-bottom: .1rem
}

@media(max-width: 1024px) {
    html body #footer .top-footer .container {
        width: 100%
    }

    .deposit-page .addBank-box .addBank-popup {
        width: 10rem;
        border-radius: .1rem;
        background: #e5e5e5;
        position: relative;
        text-align: center;
        border-radius: .15rem;
        overflow: hidden
    }

    .deposit-page .addBank-box .addBank-popup .title {
        height: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .42rem;
        font-weight: 800;
        color: #fff;
        line-height: .18rem;
        position: relative
    }

    .deposit-page .addBank-box .addBank-popup .title .icon-close3 {
        width: .54rem;
        height: .54rem
    }

    .deposit-page .addBank-box .addBank-popup .content .input {
        position: relative;
        width: 7.7rem;
        background: transparent;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-radius: .09rem;
        margin: .4rem auto auto
    }

    .deposit-page .addBank-box .addBank-popup .content .input>input {
        min-height: 1rem;
        font-size: .4rem
    }

    .deposit-page .addBank-box .addBank-popup .content .input>select {
        min-height: 1rem;
        font-size: .32rem
    }

    .deposit-page .addBank-box .addBank-popup .content .input>select :optional {
        width: .2rem
    }

    .deposit-page .addBank-box .addBank-popup .content .input ::-webkit-input-placeholder {
        font-size: .4rem
    }

    .deposit-page .addBank-box .addBank-popup .content .input ::placeholder {
        font-size: .4rem
    }

    .deposit-page .addBank-box .addBank-popup button.btn-submit {
        margin-bottom: 0!important
    }
}

#app .btn-submit[disabled] {
    opacity: .5
}

#app .member-panel {
    min-height: 14rem;
    /* background: #1d1d1d url(/images/bg_texture.webp) no-repeat bottom; */
    background-size: 100% 100%;
    background-color: #1d1d1d;
}

#app .member-panel .member-com-page {
    display: flex;
    padding-left: .84rem;
    margin-top: .24rem;
}

#app .member-panel .member-com-page .member-nav {
    min-height: 13.1rem;
    width: 2.25rem;
    background: #f2f1f1;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    padding-top: .26rem;
    padding-bottom: .26rem
}

#app .member-panel .member-com-page .member-nav .member-info {
    position: relative;
    padding-left: .25rem;
    padding-right: .23rem;
    padding-bottom: .32rem
}

#app .member-panel .member-com-page .member-nav .member-info .img-face {
    width: .8rem;
    height: .8rem
}

#app .member-panel .member-com-page .member-nav .member-info .img-face img {
    width: 100%;
    height: 100%
}

#app .member-panel .member-com-page .member-nav .member-info .username {
    display: inline-block;
    font-size: .16rem;
    font-weight: 800;
    margin-top: .29rem;
    margin-bottom: .11rem;
    font-family: nunito-black;
    -webkit-transform: translateX(.1rem);
    transform: translateX(.1rem)
}

#app .member-panel .member-com-page .member-nav .member-info .level-box {
    display: flex;
    align-items: flex-end;
    -webkit-transform: translate(.07rem,-.03rem);
    transform: translate(.07rem,-.03rem)
}

#app .member-panel .member-com-page .member-nav .member-info .level-box>div {
    font-size: .16rem;
    display: flex;
    flex-direction: column;
    line-height: 100%
}

#app .member-panel .member-com-page .member-nav .member-info .level-box>div>span:first-child {
    color: #000
}

#app .member-panel .member-com-page .member-nav .member-info .level-box>div>span:nth-child(2) {
    font-family: nunito-bold;
    color: #878787;
}

#app .member-panel .member-com-page .member-nav .member-info .level-box .leaderboard-rank {
    display: flex;
    align-items: center;
    color: #636870;
    font-size: .14rem
}

#app .member-panel .member-com-page .member-nav .member-info .level-box .leaderboard-rank .leaderboard {
    width: .4rem;
    padding: .05rem
}

#app .member-panel .member-com-page .member-nav .member-info:before {
    content: "";
    width: 1.77rem;
    height: 1px;
    background: hsla(0,0%,54.9%,.3);
    position: absolute;
    left: .25rem;
    bottom: 0
}

#app .member-panel .member-com-page .member-nav .nav-item {
    padding-bottom: .38rem;
    position: relative
}

#app .member-panel .member-com-page .member-nav .nav-item:not(:last-child):after {
    content: "";
    width: 1.77rem;
    height: 1px;
    position: absolute;
    left: .25rem;
    bottom: 0;
    background: hsla(0,0%,54.9%,.3)
}

#app .member-panel .member-com-page .member-nav .nav-item>span {
    font-size: .18rem;
    font-weight: 800;
    color: #2f2f2f;
    line-height: 100%;
    display: block;
    margin-top: .42rem;
    margin-bottom: .22rem;
    padding-left: .25rem;
    font-family: nunito-black;
    word-break: break-word
}

#app .member-panel .member-com-page .member-nav .nav-item li {
    height: .4rem;
    display: flex;
    align-items: center;
    font-size: .16rem;
    position: relative;
    cursor: pointer
}

#app .member-panel .member-com-page .member-nav .nav-item li:before {
    content: "";
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    transition: opacity .3s
}

#app .member-panel .member-com-page .member-nav .nav-item li:after {
    position: absolute;
    content: "";
    width: 0;
    height: .3rem;
    border-left: .04rem solid;
    border-top: .02rem solid transparent;
    border-bottom: .02rem solid transparent;
    opacity: 0;
    transition: opacity .3s;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#app .member-panel .member-com-page .member-nav .nav-item li a {
    color: #1d1d1d;
    transition: color .3s;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: .25rem;
    display: flex;
    align-items: center
}

#app .member-panel .member-com-page .member-nav .nav-item li a i {
    width: .18rem;
    height: .18rem;
    margin-right: .1rem;
    background-repeat: no-repeat;
    background-size: contain!important;
    filter: saturate(100%) contrast(10%) hue-rotate(20deg) brightness(130%);
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_deposit {
    background: url('/images/FIFO88/icons/svg/fund/deposit_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_withdraw {
    background: url('/images/FIFO88/icons/svg/fund/withdrawal_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_history {
    background: url('/images/FIFO88/icons/svg/fund/history_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_voucher {
    background: url('/images/FIFO88/icons/svg/fund/voucher_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_pending {
    background: url('/images/FIFO88/icons/svg/pending-transaction-icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_profile {
    background: url('/images/FIFO88/icons/svg/fund/profile_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_password {
    background: url('/images/FIFO88/icons/svg/fund/password_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_messaging {
    background: url('/images/FIFO88/icons/svg/fund/messaging_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_banking {
    background: url('/images/FIFO88/icons/svg/fund/banking_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_referral {
    background: url('/images/FIFO88/icons/svg/fund/referral_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a i.icon_Promo {
    background: url('/images/FIFO88/icons/svg/fund/bonus_icon.svg');
}

#app .member-panel .member-com-page .member-nav .nav-item li a span {
    font-family: nunito-regular
}

#app .member-panel .member-com-page .member-nav .nav-item li.on {
    pointer-events: none
}

#app .member-panel .member-com-page .member-nav .nav-item li.on a span,#app .member-panel .member-com-page .member-nav .nav-item li:hover a span {
    font-family: nunito-extrabold
}

#app .member-panel .member-com-page .member-nav .nav-item li.on:after,#app .member-panel .member-com-page .member-nav .nav-item li.on:before,#app .member-panel .member-com-page .member-nav .nav-item li:hover:after,#app .member-panel .member-com-page .member-nav .nav-item li:hover:before {
    opacity: 1
}

#app .member-panel .member-com-page .member-nav .nav-item li.on a i,#app .member-panel .member-com-page .member-nav .nav-item li:hover a i {
    filter: none;
}

#app .member-panel .member-com-page .member-main {
    min-height: 13.1rem;
    margin-left: .14rem;
    width: 9.6rem;
    background: #fff;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    padding-bottom: .5rem
}

#app .member-panel .member-com-page .member-main .member-wallet {
    height: 1.26rem;
    background: #515151;
    padding-left: .42rem;
    padding-right: .26rem;
    padding-top: .27rem;
    display: flex;
    justify-content: space-between
}

#app .member-panel .member-com-page .member-main .member-wallet .title {
    font-size: .16rem;
    font-weight: 400;
    color: #b5b5b5;
    line-height: 100%
}

#app .member-panel .member-com-page .member-main .member-wallet .reload {
    display: flex;
    align-items: center
}

#app .member-panel .member-com-page .member-main .member-wallet .reload>span:first-child {
    font-size: .16rem;
    font-weight: 600;
    margin-right: .16rem;
    -webkit-transform: translateY(-.04rem);
    transform: translateY(-.04rem)
}

#app .member-panel .member-com-page .member-main .member-wallet .reload>span:nth-child(2) {
    font-size: .3rem;
    font-family: nunito-bold;
    color: #fff;
    margin-right: .2rem
}

#app .member-panel .member-com-page .member-main .member-wallet .reload .icon-reload {
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-wallet .reload .restore-box {
    padding: 0 .15rem;
    height: .48rem;
    background: #fff;
    border-radius: .48rem;
    display: flex;
    align-items: center;
    font-size: .16rem;
    font-family: nunito-bold;
    font-weight: 700;
    cursor: pointer;
    margin-left: .27rem;
    justify-content: center
}

#app .member-panel .member-com-page .member-main .member-wallet .reload .restore-box>i {
    margin-right: .1rem;
    -webkit-transform: translateY(-.03rem);
    transform: translateY(-.03rem)
}

#app .member-panel .member-com-page .member-main .member-wallet .reload .restore-box .restore-wallet {
    margin-left: .1rem;
    white-space: nowrap
}

#app .member-panel .member-com-page .member-main .member-wallet .transfer-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

#app .member-panel .member-com-page .member-main .member-wallet .transfer-group>i {
    margin-top: .09rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .icon-level {
    margin-right: .1rem
}

#app .member-panel .member-com-page .member-main .member-info {
    background: #515151;
    padding-left: .42rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem
}

#app .member-panel .member-com-page .member-main .member-info.th ul li:not(:last-child),#app .member-panel .member-com-page .member-main .member-info.zh-CN ul li:not(:last-child) {
    padding-right: .5rem;
    min-width: unset
}

#app .member-panel .member-com-page .member-main .member-info.th ul li:not(:first-child),#app .member-panel .member-com-page .member-main .member-info.zh-CN ul li:not(:first-child) {
    padding-left: .5rem
}

#app .member-panel .member-com-page .member-main .member-info.en ul li:not(:last-child),#app .member-panel .member-com-page .member-main .member-info.ms ul li:not(:last-child) {
    padding-right: .3rem;
    min-width: unset
}

#app .member-panel .member-com-page .member-main .member-info.en ul li:not(:first-child),#app .member-panel .member-com-page .member-main .member-info.ms ul li:not(:first-child) {
    padding-left: .3rem
}

#app .member-panel .member-com-page .member-main .member-info ul {
    display: flex;
    align-items: center;
    height: 100%;
    border-bottom: .01rem solid #5d5d5d;
    flex-wrap: wrap
}

#app .member-panel .member-com-page .member-main .member-info ul li {
    display: flex;
    padding: .25rem .2rem;
    align-items: center;
    font-size: .12rem;
    color: #636870;
    transition: color .3s;
    position: relative;
    min-width: 1.94rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-info ul li:first-child {
    padding-left: 0
}

#app .member-panel .member-com-page .member-main .member-info ul li .title {
    font-size: .16rem;
    font-weight: 400;
    color: #b5b5b5;
    line-height: 100%
}

#app .member-panel .member-com-page .member-main .member-info ul li .desc {
    font-weight: 700;
    font-size: .16rem;
    color: #878787;
}

#app .member-panel .member-com-page .member-main .member-info ul li.on {
    pointer-events: none
}

#app .member-panel .member-com-page .member-main .member-info ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: .4rem;
    background: #5d5d5d;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#app .member-panel .member-com-page .member-main .member-info ul li:nth-child(4n):before {
    display: none
}

#app .member-panel .member-com-page .member-main .member-info ul li .icon-box {
    width: .35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .07rem
}

#app .member-panel .member-com-page .member-main .member-page .group-item {
    display: flex
}

#app .member-panel .member-com-page .member-main .member-page .group-item.input-item .title {
    display: flex;
    /* justify-content: space-between; */
    -webkit-transform: translateY(.02rem);
    transform: translateY(.02rem)
}

#app .member-panel .member-com-page .member-main .member-page .group-item.input-item .title .required.non-required {
    color: #9e9e9e
}

#app .member-panel .member-com-page .member-main .member-page .group-item.crypto-item .title {
    justify-content: unset
}

#app .member-panel .member-com-page .member-main .member-page .group-item.deposit .title {
    display: block;
}

#app .member-panel .member-com-page .member-main .member-page .group-item.deposit .required {
    color: red;
}

#app .member-panel .member-com-page .member-main .member-page .group-item.deposit .title>div:first-child>span {
    margin-right: 0.05rem;
}

#app .member-panel .member-com-page .member-main .member-page .group-item.deposit .label {
    width: max-content;
    color: #a9a9a9;
    font-size: .14rem;
}

#app .member-panel .member-com-page .member-main .member-page .group-item.deposit .special-label {
    background: #f1f0f0;
    color: #000;
    font-size: .12rem;
    border-radius: .05rem;
    padding: .02rem .05rem;
    width: fit-content;
}

#app .member-panel .member-com-page .member-main .member-page .group-item .title {
    padding-right: .09rem;
    width: 1.6rem;
    font-size: .16rem;
    color: #4d4d4d;
    font-weight: 400;
    word-break: break-word
}

#app .member-panel .member-com-page .member-main .member-page .group-item .title>span:first-child {
    margin-right: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .group-item .title>span:nth-child(2) {
    color: red
}

#app .member-panel .member-com-page .member-main .member-page .notice-box {
    margin-top: .41rem;
    margin-left: 1.6rem;
    width: 4.62rem;
    background: #f2f1f1;
    border-radius: .05rem;
    padding: .22rem .34rem;
    word-break: break-word
}

#app .member-panel .member-com-page .member-main .member-page .notice-box .item-title {
    font-family: nunito-bold;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .notice-box .display-info {
    font-size: .14rem;
    color: #4d4d4d
}

#app .member-panel .member-com-page .member-main .member-page .notice-box .display-info p {
    margin-top: .08rem;
    margin-bottom: .08rem
}

#app .member-panel .member-com-page .member-main .member-page .notice-box ul {
    padding-left: .12rem;
    padding-top: 0;
    margin-top: 0.18rem;
}

#app .member-panel .member-com-page .member-main .member-page .notice-box ul.crypto-remark {
    margin-top: .18rem
}

#app .member-panel .member-com-page .member-main .member-page .notice-box ul li {
    width: 3.9rem;
    font-size: .14rem;
    color: #4d4d4d;
    line-height: .16rem;
    list-style-type: decimal;
    margin-bottom: .08rem
}

#app .member-panel .member-com-page .member-main .member-page .notice-box ul li:nth-child(4) {
    width: 4.2rem
}

#app .member-panel .member-com-page .member-main .member-page .notice-box ul li:nth-child(7) {
    width: 3.7rem
}

#app .member-panel .member-com-page .member-main .member-page .notice-box.special-notice-box {
    margin-bottom: .41rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page {
    padding-top: .45rem;
    padding-left: .47rem;
    padding-right: .59rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add {
    margin-top: .45rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .add-title {
    font-size: .18rem;
    font-weight: 800;
    color: #2f2f2f;
    line-height: .35rem;
    margin-bottom: .33rem;
    height: .35rem;
    position: relative;
    text-transform: uppercase
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .add-title:after {
    content: "";
    width: 8.8rem;
    height: 1px;
    background: #a2aabd;
    position: absolute;
    bottom: 0;
    left: -.1rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .btn-submit {
    width: .92rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 900;
    cursor: pointer;
    margin-left: 1.6rem;
    margin-top: .35rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item {
    margin-bottom: .24rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box {
    width: 2.58rem;
    height: .3rem;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select {
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    -webkit-appearance: none;
    appearance: none;
    color: #2f2f2f;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input::-ms-expand,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select::-ms-expand {
    display: none
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input::-webkit-input-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input::-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input:-ms-input-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input:focus,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input::-webkit-inner-spin-button,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input::-webkit-outer-spin-button,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select::-webkit-inner-spin-button,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input[type=number],#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select[type=number] {
    -moz-appearance: textfield
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select {
    -webkit-appearance: auto;
    appearance: auto;
    padding-left: .08rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .check-box {
    display: flex;
    align-items: center;
    margin-top: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .check-box .checkbox {
    width: .16rem;
    height: .16rem;
    border: 1px solid #bcbcbc;
    margin-right: .08rem;
    cursor: pointer;
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .check-box .checkbox:before {
    content: "";
    width: .08rem;
    height: .08rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .3s
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .check-box .checkbox.on:before {
    opacity: 1
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .check-box span {
    font-size: .14rem;
    font-weight: 400;
    color: #2f2f2f;
    cursor: pointer;
    -webkit-transform: translateY(1PX);
    transform: translateY(1PX)
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item:nth-last-child(-n+3) {
    margin-bottom: .24rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item.error-item {
    margin-bottom: 0
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item {
    margin-bottom: .24rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item.crypto-item {
    margin-top: .5rem;
    margin-bottom: .34rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item.crypto-options .bank-list {
    background: 0 0
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item.crypto-shareBox {
    margin-top: .38rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item.crypto-shareBox span {
    font-size: .12rem;
    color: #6f6f70;
    padding-left: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list {
    width: 6.94rem;
    height: .6rem;
    background: #f2f1f1;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul {
    display: flex;
    align-items: center;
    height: 100%;
    overflow-x: scroll;
    scrollbar-width: none
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 .2rem;
    font-size: .12rem;
    color: #636870;
    transition: color .3s;
    position: relative;
    text-align: center;
    white-space: nowrap;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li.on {
    pointer-events: none
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: .31rem;
    background: silver;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li .icon-box {
    height: .32rem;
    display: flex;
    justify-content: center;
    align-items: center
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list {
    width: 6.94rem;
    background: #f2f1f1;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list.express-deposit-bank-box {
    font-size: .14rem;
    color: #636870
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list.express-deposit-msg-box {
    padding: .2rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list.express-deposit-bank-column {
    width: 4rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list .express-deposit-bank-list {
    font-size: .14rem;
    color: #636870;
    display: grid;
    margin-left: .3rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list .express-deposit-bank-list .request-text {
    padding: .2rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul.crypto-qr {
    padding-bottom: .34rem;
    border-bottom: .01rem solid #c2c2c2
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li {
    display: flex;
    align-items: center;
    font-size: .12rem;
    color: #636870;
    position: relative;
    width: 2.2rem;
    padding: .15rem .15rem .15rem .29rem;
    cursor: pointer;
    line-height: 1.25em;
}

@media (max-width: 1024px) {
    /* #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list {
        width: 5.78rem;
    } */

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li {
        font-size: .16rem;
        padding: .12rem .15rem .12rem .29rem;
    }
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.on {
    pointer-events: none
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li:before,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: .31rem;
    background: silver;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li:nth-child(3n):before {
    display: none
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .07rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li .icon-box .icon-CNPQR svg,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li .icon-box .icon-CNPTQR2 svg {
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li .icon-box .icon-EEZIEPAY svg,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li .icon-box .icon-EZP svg,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li .icon-box .icon-YES svg {
    height: .25rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.qr-box {
    flex-direction: column;
    cursor: unset;
    color: #6f6f70;
    width: 1.35rem;
    padding: 0
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info:before,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.qr-box:before {
    content: none
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info:hover,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.qr-box:hover {
    color: initial
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul.crypto-qr li.box-info:hover {
    color: #6f6f70;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.qr-box {
    margin-right: .25rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.qr-box canvas {
    max-width: 1.3rem;
    max-height: 1.3rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info {
    align-items: flex-start;
    width: 5rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .amount-content.crypto {
    display: flex;
    align-items: center;
    position: relative;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .amount-content .converted {
    font-size: .15rem;
    line-height: 1.3em;
    font-weight: 700;
    color: #313131;
    background: #fcf9e5;
    width: fit-content;
    padding: .05rem .15rem;
    border-radius: .05rem;
    margin-top: .05rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .note {
    font-size: 0.125rem;
    width: 3rem;
    padding: 0.05rem 0.2rem;
    background: aliceblue;
    margin-top: 0.08rem;
    color: #636363;
    border-radius: 0.08rem;
    margin-bottom: 0.08rem;
    display: flex;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .note .info-rate {
    margin-left: 0.15rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .notice-icon {
    width: 0.26rem;
    height: 0.26rem;
    margin-left: 0.1rem;
    cursor: pointer;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .hover-info-box {
    position: absolute;
    font-size: 0.135rem;
    width: 4.8rem;
    background: #e2e2e2;
    color: #636363;
    border-radius: 0.05rem;
    padding: 0.08rem 0.15rem;
    right: -1.2rem;
    top: 0.29rem;
    z-index: 1;
    font-weight: 400;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .hover-info-box span {
    display: block;
    margin-top: 0.03rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .hover-info-box .info-depositFee {
    margin-bottom: 0.06rem;
    font-weight: 700;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .info-depositFee.alert-outside {
    color: #333;
    font-size: 0.13rem;
    background: #ffe9e9;
    padding: 0.05rem 0.2rem;
    border-radius: 0.05rem;
    margin-top: 0.05rem;
    margin-bottom: 0.2rem;
    width: fit-content;
    max-width: 6rem;
    display: flex;
    align-items: center;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .info-depositFee.alert-outside svg {
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.08rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .info-minDeposit {
    font-family: nunito-bold;
    font-size: .14rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .info-minDeposit b {
    font-family: nunito-bold;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info .info-rate {
    margin-bottom: .14rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info .info-scanQr {
    margin-bottom: .11rem;
    color: #fb282c
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info .info-note {
    color: #4d4d4d
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info .info-note-spacing {
    margin-bottom: .14rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info span {
    width: 1.44rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .05rem;
    font-family: nunito-bold;
    transition: background-color .3s;
    padding: 0 .1rem;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.share-box {
    width: 100%;
    align-items: center;
    cursor: unset;
    color: #6f6f70;
    margin-top: .1rem;
    padding: 0
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.share-box .box-code {
    padding: .09rem .12rem;
    border-radius: .05rem;
    border: .01rem solid #d1d1d1;
    margin-right: .12rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.share-box .btn-share {
    width: .79rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    color: #fff;
    font-size: .16rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul .checkStatus {
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    color: #fff;
    font-size: .16rem;
    margin-top: .2rem;
    border: none;
    padding: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul .qrbank-item {
    width: 2.1rem!important
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul .qrbank-item .qrbank-icon-box {
    width: .6rem!important
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul .qrbank-item .qrbank-icon-box .qrbank-icon-bank {
    width: .6rem!important;
    height: .5rem!important
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .btn-remove {
    width: 1.18rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 900;
    cursor: pointer;
    color: #fff;
    margin-left: .1rem;
    margin-top: .35rem;
    border-style: unset
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container {
    display: flex;
    flex-direction: column
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box {
    width: 4.64rem;
    border-radius: .05rem;
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box input {
    width: 100%;
    height: .32rem;
    background: #f2f1f1;
    padding-left: .14rem;
    border-radius: .05rem;
    border: 1px solid #d1d1d1;
    color: #000;
    font-size: .16rem;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box input:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box svg {
    position: absolute;
    right: .1rem;
    top: .08rem;
    cursor: pointer;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box {
    width: 4.64rem;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box.crypto-box {
    width: 2.4rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input {
    width: 100%;
    height: .32rem;
    background: 0 0;
    padding-left: .14rem;
    border-radius: .05rem;
    border: 1px solid #d1d1d1;
    color: #000;
    font-size: .16rem;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input:read-only {
    background: #f2f1f1;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box select {
    width: 100%;
    height: .32rem;
    background: 0 0;
    padding-left: .14rem;
    border-radius: .05rem;
    border: 1px solid #d1d1d1;
    color: #000;
    font-size: .16rem;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box select::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box select:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box select::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box select:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box select:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box .claimed-promo {
    font-size: .16rem;
    color: #4d4d4d;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-with-prefix {
    position: relative;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-with-prefix .prefix {
    position: absolute;
    left: .12rem;
    top: .09rem;
    font-size: .16rem;
    line-height: 1em;
    color: #8f8f8f;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-with-prefix input {
    padding-left: .52rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul {
    display: flex;
    justify-content: space-between;
    margin-top: .12rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li {
    width: .84rem;
    height: .3rem;
    border-radius: .05rem;
    border: 1px solid #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 400;
    color: #4d4d4d;
    transition: border .3s,color .3s;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li.on {
    pointer-events: none
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li.on,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li:hover {
    border: 1px solid;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .receipt-image-box img {
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .addBankButton, #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .addBankButton {
    margin-left: .1rem;
    border-radius: .05rem;
    height: .3rem;
    color: #fff;
    border: none;
    font-weight: 700;
    padding: 0 .15rem;
    cursor: pointer
}

@media (max-width: 1024px) {
    #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .addBankButton, #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .addBankButton {
        margin-left: .6rem;
        font-size: .18rem;
    }
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .reminder-message {
    margin: 0 0 0 1.6rem;
    font-size: .13rem;
    color: red
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .reminder-message .bank-name {
    color: red
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .reminder-message .bank-name:after {
    content: ", "
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .reminder-message .bank-name:last-child:after {
    content: ""
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .flexbox {
    display: flex
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .tutorial-button {
    padding-left: 1.62rem;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: .22rem;
    margin-top: -.13rem;
    cursor: pointer;
    color: var(--primary-color);
    font-size: .15rem;
    font-family: nunito-semibold;
    text-decoration: underline;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .tutorial-button .ytb-icon {
    width: .22rem;
    height: .22rem;
    margin-right: .1rem;
    fill: var(--primary-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page.group-btn {
    padding-left: 1.47rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .btn {
    min-width: 1.18rem;
    padding: 0 .2rem;
    height: .3rem;
    border-radius: .05rem;
    font-size: .16rem;
    font-weight: 900;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .btn.btn-reset {
    background: #716e6e;
    margin-left: .15rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .alert-reminder {
    background: #f30000;
    color: #fff;
    padding: 0.05rem 0.2rem;
    font-size: .145rem;
    border-radius: .05rem;
    margin-bottom: .25rem;
    margin-top: -.15rem;
    margin-left: 1.58rem;
    width: 6rem;
}

#app .member-panel .member-com-page .member-main .member-page .promotion-details {
    margin-top: 0.2rem;
    margin-bottom: 0.08rem;
    margin-left: 1.6rem;
    width: 4.62rem;
    background: #f2f1f1;
    border-radius: 0.05rem;
    padding: 0.22rem 0.34rem;
    word-break: break-word;
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page {
    padding: .15rem .45rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .btn-submit {
    width: 1.18rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 900;
    cursor: pointer;
    color: #fff;
    margin-left: 1.6rem;
    margin-top: .35rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .notice-box {
    margin-top: .47rem;
    width: 4.81rem;
    min-height: 1.42rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    padding-right: .34rem;
    word-break: break-word
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .notice-box ul {
    padding-top: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .notice-box ul li {
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .text-feedback {
    font-size: .13rem;
    margin-top: .1rem;
    margin-left: 1.6rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .text-feedback .text-success {
    color: green
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .text-feedback .text-error {
    color: red
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item {
    margin-bottom: .23rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.withdraw-option {
    padding-bottom: .01rem;
    border-bottom: .01rem solid #e9e9e9
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.withdraw-option span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.9rem;
    min-height: .27rem;
    font-size: .16rem;
    font-weight: 800;
    color: #fff;
    background: #cdcdcd;
    border-top-left-radius: .05rem;
    border-top-right-radius: .05rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.withdraw-option span:not(:last-child) {
    margin-right: .09rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list {
    width: 7.08rem;
    background: #f3f2f2;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li {
    display: flex;
    align-items: center;
    font-size: .12rem;
    color: #636870;
    transition: color .3s;
    position: relative;
    width: 2.2rem;
    padding: .15rem .15rem .15rem .29rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li[data-column="0"].THB {
    width: 2.25rem;
    padding-left: .29rem;
    padding-right: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li[data-column="1"].THB {
    width: 2.25rem;
    padding-left: .17rem;
    padding-right: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li[data-column="2"].THB {
    width: 2.25rem;
    padding-left: .1rem;
    padding-right: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li[data-column="3"].THB {
    width: 2.25rem;
    padding-left: .12rem;
    padding-right: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li[data-column="4"].THB {
    width: 1.35rem;
    padding-left: .17rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li.on {
    pointer-events: none
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:before,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: .31rem;
    background: silver;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li.other-banks:before,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:nth-child(3n).MYR:before,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:nth-child(3n).SGD:before,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:nth-child(3n).THB:before,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:nth-child(3n):before {
    display: none
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li.other-banks {
    padding-left: .15rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li.on,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li .icon-box {
    width: .4rem;
    min-width: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .07rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li .icon-box .bank-icon {
    height: .3rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box {
    width: 2.66rem;
    height: .3rem;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.crypto-box {
    width: 2.4rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.crypto-box select {
    width: 4.48rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-info {
    width: 100%;
    display: flex;
    font-size: .12rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-info .info-currentRate {
    min-width: .6rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-info .box-chainRate {
    margin-left: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-info .box-chainRate .info-rate {
    color: #fb282c
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-guaranteed {
    display: flex;
    align-items: center;
    font-size: .12rem;
    margin-top: .19rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-guaranteed .info-chain {
    min-width: 1.2rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-guaranteed .info-time {
    margin-right: .08rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-guaranteed .reload-box {
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: .2rem;
    height: .2rem;
    background: #6a696f;
    border-radius: 50%;
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-guaranteed .reload-box .icon-reload {
    width: .12rem;
    height: .12rem;
    fill: #fff
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.address-box {
    display: flex;
    align-items: center;
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.address-box select {
    width: 4.48rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.address-box .btn-addnewbank {
    margin-left: .1rem;
    min-width: .67rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .05rem;
    font-family: nunito-bold;
    transition: background-color .3s;
    padding: 0 .1rem;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.amount-box input {
    width: 4.48rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box select {
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input::-webkit-input-placeholder,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box select::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input::-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box select:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box select::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:-ms-input-placeholder,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box select:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:focus,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box select:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box .btn {
    min-width: 1.18rem;
    padding: 0 .2rem;
    height: .3rem;
    border-radius: .05rem;
    font-size: .16rem;
    font-weight: 900;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box .btn.btn-reset {
    background: #cdcdcd;
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .refill-text,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .remind-text {
    margin-top: .1rem;
    font-size: .13rem;
    max-width: 6rem;
    color: red
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.crypto-bank-option {
    margin-bottom: .21rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.item-rate {
    margin-bottom: .53rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .receipt-image-box {
    width: 2.66rem;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .receipt-image-box img {
    width: 100%;
    height: 100%
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .receipt-image-box .pdf-clear {
    margin-left: .1rem;
    width: .12rem
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .receipt-image-box .pdf-label {
    color: #0524dd
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .addAddress-box .addAddress-popup .content .btn-submit {
    justify-content: center;
    cursor: pointer;
    font-family: nunito-black;
    font-size: .2rem;
    font-weight: 900;
    color: #fff;
    position: relative;
    width: 3.7rem;
    min-height: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .09rem;
    margin: .16rem auto auto
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page {
    padding-top: .45rem;
    padding-left: .47rem;
    padding-right: .45rem
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .copy {
    width: 10%;
    height: .3rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page input:read-only {
    background: hsla(0,0%,57.3%,.2)
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .btn-submit {
    width: 1.18rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 900;
    cursor: pointer;
    margin-left: 1.6rem;
    margin-top: .35rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item {
    margin-bottom: .24rem
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item .input-box {
    width: 2.58rem;
    height: .3rem;
    position: relative;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item .input-box input {
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    color: #2f2f2f;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item .input-box input:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item .playerId-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .06rem .11rem .07rem .22rem;
    font-family: nunito-bold;
    font-size: .2rem;
    color: #565a60;
    border: .02rem solid #565a60;
    border-radius: .05rem;
    width: 2.58rem;
    height: .3rem;
    background: hsla(0,0%,57.3%,.2);
    border: .01rem solid rgba(25,25,25,.2)
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item img {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    max-width: .1rem;
    object-fit: contain;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select {
    -webkit-appearance: auto;
    appearance: auto;
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    color: #8f8f8f;
    transition: border .3s,background .3s;
    background: #fff
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select::-ms-expand {
    display: none
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .changepwd-page select::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select:disabled {
    background: #e4e4e4;
    border-color: transparent;
    color: #2f2f2f
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select:focus {
    border: 1px solid;
}

#app .member-panel .member-com-page .member-main .member-page .bank-page {
    padding: .15rem .45rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-option {
    padding-bottom: .01rem;
    border-bottom: .01rem solid #e9e9e9
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-option span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.9rem;
    height: .27rem;
    font-size: .16rem;
    font-weight: 800;
    color: #fff;
    background: #cdcdcd;
    border-top-left-radius: .05rem;
    border-top-right-radius: .05rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-option span:not(:last-child) {
    margin-right: .09rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-name {
    min-width: .35rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list ul {
    display: flex;
    width: 100%;
    min-height: .57rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list ul li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    font-weight: 400;
    color: #1d1d1d
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list ul li:first-child {
    width: 26%;
    padding-left: .4rem;
    justify-content: flex-start;
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list ul li:nth-child(5) {
    width: 5%
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-header ul {
    background: #2f2f2f;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-header ul li {
    height: .5rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-list ul {
    position: relative;
    border-bottom: .01rem solid #a2aabd
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-list ul li.bank-name {
    justify-content: flex-start;
    padding-left: .4rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-list ul li:first-child .icon-box {
    margin-right: .1rem;
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
    width: .36rem;
    display: flex;
    justify-content: center
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-list ul li:first-child .icon-box .bank-icon {
    height: .3rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-list ul li:nth-child(5) {
    justify-content: flex-end;
    padding-right: .2rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-list ul li:nth-child(5) i {
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list .table-list ul li:nth-child(5) .icon-edit {
    margin-left: .19rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add {
    padding-left: .1rem;
    margin-top: .45rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .add-title {
    font-size: .18rem;
    font-weight: 800;
    color: #2f2f2f;
    line-height: .35rem;
    margin-bottom: .33rem;
    height: .35rem;
    position: relative;
    text-transform: uppercase
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .add-title:after {
    content: "";
    width: 8.8rem;
    height: 1px;
    background: #a2aabd;
    position: absolute;
    bottom: 0;
    left: -.1rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .btn-submit {
    min-width: .92rem;
    padding: 0 0.1rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 900;
    cursor: pointer;
    margin-left: 1.6rem;
    margin-top: .35rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item {
    margin-bottom: .24rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box {
    width: 2.58rem;
    height: .3rem;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select {
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    -webkit-appearance: none;
    appearance: none;
    color: #2f2f2f;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input::-ms-expand,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select::-ms-expand {
    display: none
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input::-webkit-input-placeholder,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input::-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input:-ms-input-placeholder,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input:focus,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input::-webkit-inner-spin-button,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input::-webkit-outer-spin-button,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select::-webkit-inner-spin-button,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input[type=number],#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select[type=number] {
    -moz-appearance: textfield
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select {
    -webkit-appearance: auto;
    appearance: auto;
    padding-left: .08rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box .btn {
    min-width: 1.18rem;
    padding: 0 .2rem;
    height: .3rem;
    border-radius: .05rem;
    font-size: .16rem;
    font-weight: 900;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box .btn.btn-reset {
    background: #cdcdcd;
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .receipt-image-box {
    width: 2.66rem;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .receipt-image-box img {
    width: 100%;
    height: 100%
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .receipt-image-box .pdf-clear {
    margin-left: .1rem;
    width: .12rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .receipt-image-box .pdf-label {
    color: #0524dd
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .check-box {
    display: flex;
    align-items: center;
    margin-top: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .check-box .checkbox {
    width: .16rem;
    height: .16rem;
    border: 1px solid #bcbcbc;
    margin-right: .08rem;
    cursor: pointer;
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .check-box .checkbox:before {
    content: "";
    width: .08rem;
    height: .08rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .3s
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .check-box .checkbox.on:before {
    opacity: 1
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .check-box span {
    font-size: .14rem;
    font-weight: 400;
    color: #2f2f2f;
    cursor: pointer;
    -webkit-transform: translateY(1PX);
    transform: translateY(1PX)
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item.error-item {
    margin-bottom: 0
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-password-container {
    padding: .15rem .45rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-password-container .changepwd-page {
    padding: .3rem 0 0
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-password-container .tab-list {
    display: flex;
    padding-bottom: .01rem;
    font-size: .16rem;
    border-bottom: .01rem solid #e9e9e9
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-password-container .tab-list .tab-header {
    cursor: pointer;
    background: #d8d8d8;
    color: #fff;
    min-width: 1.43rem;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    margin-right: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .28rem;
    padding-top: .01rem;
    padding-left: .1rem;
    padding-right: .1rem;
    font-weight: 600
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container {
    padding: .15rem .45rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myreferral-container,#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container button {
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myreferral-container .info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.2rem;
    color: var(--primary-color);
    position: relative;
    width: 50%;
    margin-left: auto;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myreferral-container .info span {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myreferral-container .info .tnc-box {
    background: rgba(0, 0, 0, .8117647059);
    padding: 0.2rem;
    border-radius: 0.05rem;
    font-size: 0.14rem;
    line-height: 0.22rem;
    position: absolute;
    top: .3rem;
    z-index: 999;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container button.btn-submit {
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
    border: none;
    padding-left: .1rem;
    padding-right: .1rem;
    min-width: 1.18rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-code-link-container {
    /* background: #f3f2f2;
    margin-top: .01rem;
    border: .01rem solid #e9e9e9;
    padding: .25rem;
    color: #7b7b7b */
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-code-link-container .referral-code {
    margin-bottom: .15rem;
    display: flex;
    flex-direction: column;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-code-link-container .referral-code .referral-title {
    margin: 0 .08rem .06rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-code-link-container .referral-copy {
    position: relative;
    top: .02rem;
    width: .18rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-code-link-container .highlighted-text {
    font-weight: 700;
    /* color: #707070; */
    background: #ededed;
    padding: .09rem .12rem;
    display: flex;
    justify-content: space-between;
    border: .01rem solid #dcdcdc;
    border-radius: 0.05rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-code-link-container .highlighted-text>span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: scroll;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container {
    display: flex;
    /* margin-top: .46rem; */
    /* padding-bottom: .3rem; */
    /* border-bottom: .01rem solid #e9e9e9; */
    gap: .5rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container>div {
    width: 100%;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container .row-share-container {
    display: flex;
    gap: .25rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container .referral-qr-code-container {
    display: flex;
    flex-direction: column;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container .referral-qr-code-container .title {
    margin: 0 .08rem .06rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container .referral-qr-code-container .qr-share-social {
    display: flex;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container .share-container-wrapper .title {
    margin: 0 .08rem .06rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container .share-container-wrapper .share-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .1rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .ticket-container .share-container-wrapper .share-container .referral-share-link {
    display: flex;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .package-option {
    margin-top: .15rem;
    width: 3.2rem;
    margin-bottom: .2rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .package-option .choose-package {
    color: #585858
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .package-option .ticket-content {
    font-weight: 700
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .package-container {
    flex-basis: 55%
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .package-container .choose-package {
    margin-bottom: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container {
    flex-basis: 40%;
    background: #f3f2f2;
    padding: .15rem .3rem;
    font-size: .13rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container .title {
    font-weight: 700;
    margin-bottom: .05rem;
    font-size: .16rem;
    text-transform: uppercase;
    border-radius: .08rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container .desc {
    margin-left: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container li,#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container ul {
    list-style: decimal
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container li {
    margin-bottom: .06rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container table,
#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container table th,
#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container table td {
    border: 1px solid #808080;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container table th {
    font-family: nunito-bold;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container table td {
    text-align: center;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container {
    /* width: 3.2rem;
    margin-top: .3rem */
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container .details-desc {
    border: .01rem #dcdcdc;
    border-style: solid solid solid solid;
    border-radius: .05rem;
    background: #f6f6f6;
    padding: .01rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container .title {
   margin: 0 .08rem .06rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container .detailsData {
    font-weight: 700
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container .details-desc div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .01rem solid #dcdcdc;
    padding: .1rem .2rem;
    color: #000;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container .details-desc div:last-child {
    border-bottom: 0;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .tab-btn-container-full-width {
    width: 9rem;
    display: flex;
    margin-top: .15rem;
    justify-content: flex-end
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-info-container {
    width: 9rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container {
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .filter-container {
    display: flex;
    margin-top: .3rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .filter-container .form-field {
    display: flex;
    margin-right: .16rem;
    align-items: center;
    width: 2.6rem;
    justify-content: space-between
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .btn-submit {
    margin-right: .16rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-header {
    margin-top: .3rem;
    position: relative;
    left: -.2rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-header ul {
    background: #2f2f2f;
    border-radius: .05rem;
    display: flex;
    justify-content: space-around
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-header ul li {
    height: .5rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    font-weight: 400;
    overflow-wrap: anywhere;
    width: 2rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list {
    position: relative;
    left: -.2rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list>span {
    font-size: .25rem;
    color: #424448;
    line-height: .3rem;
    text-align: center;
    display: block;
    margin: .34rem 0
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list ul {
    position: relative;
    display: flex;
    justify-content: space-around
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list ul:after {
    content: "";
    width: 8.8rem;
    height: 1px;
    background: #a2aabd;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list ul li {
    height: .57rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    font-weight: 400;
    color: #1d1d1d;
    overflow-wrap: anywhere;
    width: 2rem;
    text-align: center;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list ul li:first-child,#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list ul li:nth-child(2),#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .table-list ul li:nth-child(3) {
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .mandatory {
    width: 1rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .input-box {
    /* width: 1.51rem;
    height: .3rem; */
    border-radius: .05rem;
    position: relative;
    display: flex;
    align-items: center
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .input-box input {
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: .01rem solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .input-box .icon-date {
    position: absolute;
    right: .13rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .myBonus-container .input-box select {
    border-radius: .05rem;
    border: .01rem solid rgba(25,25,25,.2);
    font-size: .16rem;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option input {
    -webkit-appearance: radio;
    appearance: radio;
    display: block;
    opacity: 0;
    height: 0;
    width: 0
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option input:checked~.checkmark {
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option input:checked~.checkmark:before {
    content: "";
    border: .08rem solid #fff;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option input:checked~.checkmark:after {
    content: "";
    border: .04rem solid;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option .checkmark {
    height: .3rem;
    width: .3rem;
    background-color: #eee;
    border-radius: 50%;
    margin-right: .2rem;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-btn {
    min-width: 1.6rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
    color: #fff;
    border: none;
    padding-left: .1rem;
    padding-right: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-btn:hover+.referral-dropdown {
    display: block!important
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    width: 3rem;
    border: .02rem solid;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-dropdown:hover {
    display: block!important
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-dropdown .referral-copy {
    cursor: pointer;
    padding: .1rem .05rem!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: .01rem solid #f5f5f5
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-dropdown .referral-share-link {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: .05rem .1rem;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-dropdown .referral-share-link:hover span {
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-dropdown svg {
    width: .3rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .tab-list {
    display: flex;
    padding-bottom: .01rem;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .tab-list .tab-header {
    cursor: pointer;
    background: #d8d8d8;
    color: #fff;
    min-width: 1.43rem;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    margin-right: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .28rem;
    padding-top: .01rem;
    padding-left: .1rem;
    padding-right: .1rem;
    font-weight: 600
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page {
    padding-top: .45rem;
    padding-left: .26rem
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .newMessage li span {
    font-weight: 700
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page li.icon-list i:not(:last-child) {
    margin-right: .08rem
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .check-box {
    display: flex;
    align-items: center
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .check-box .checkbox {
    width: .18rem;
    height: .18rem;
    border: 1px solid #bcbcbc;
    margin-right: .08rem;
    cursor: pointer;
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .check-box .checkbox:before {
    content: "";
    width: .15rem;
    height: .15rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .3s
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .check-box .checkbox.on:before {
    opacity: 1
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .check-box span {
    font-size: .14rem;
    font-weight: 400;
    color: #2f2f2f;
    cursor: pointer;
    -webkit-transform: translateY(1PX);
    transform: translateY(1PX)
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-tab-container {
    display: flex;
    border-bottom: .01rem solid #e9e9e9;
    padding-bottom: .01rem
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-tab-container .inbox-tab {
    cursor: pointer;
    background: #d8d8d8;
    color: #fff;
    min-width: 1.3rem;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    margin-right: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    height: .34rem;
    padding-top: .01rem;
    padding-left: .1rem;
    padding-right: .1rem;
    font-weight: 600
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list {
    width: 9rem
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list ul {
    display: flex;
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list ul li {
    width: 60%;
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #1d1d1d;
    font-weight: 400;
    padding: .17rem 0
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list ul li:first-child {
    width: 4%;
    padding-left: .25rem
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list ul li:nth-child(2) {
    width: 25%;
    padding-left: .25rem
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list ul li:nth-child(4) {
    padding-right: .17rem;
    width: 15%;
    justify-content: flex-end
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list ul li:nth-child(4) i {
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-header ul {
    background: #2f2f2f;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-header ul li {
    height: .5rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-list ul {
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-list ul:after {
    content: "";
    width: 8.8rem;
    height: 1px;
    background: #a2aabd;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-list ul li:first-child,#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-list ul li:nth-child(2),#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-list ul li:nth-child(3) {
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list .table-list ul li:nth-child(3) span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word
}

#app .member-panel .member-com-page .member-main .member-page .history-page {
    padding-top: .47rem;
    padding-left: .26rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools {
    padding-left: .2rem;
    margin-bottom: .68rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item {
    margin-bottom: .34rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .title {
    display: flex;
    align-items: center
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul {
    display: flex;
    width: 6.94rem;
    min-height: .32rem;
    border-radius: .05rem;
    background: #f2f1f1;
    flex-wrap: wrap
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 400;
    color: #929292;
    line-height: .3rem;
    padding: 0 .17rem;
    transition: color .3s;
    position: relative;
    height: 100%;
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: .19rem;
    background: silver;
    right: 0;
    top: 56%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li:nth-child(4n).ms:before {
    display: none
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li.on {
    pointer-events: none
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li.on,#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li:hover {
    font-weight: 700
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.transaction-date {
    margin-bottom: .42rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.transaction-date .group ul li span {
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group {
    display: flex;
    align-items: center
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group>span {
    margin: 0 .15rem;
    color: #4d4d4d;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box {
    width: 1.51rem;
    height: .3rem;
    border-radius: .05rem;
    position: relative;
    display: flex;
    align-items: center
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box .icon-date {
    position: absolute;
    right: .13rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input {
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    transition: border .3s,background .3s
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:focus {
    border: 1px solid;
    background: #f3f2f2
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:focus::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #2f2f2f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:focus:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:focus::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #2f2f2f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:focus:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #2f2f2f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box-select {
    margin: 0 .15rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .btn-submit {
    width: 1.18rem;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
    margin-left: .22rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select {
    -webkit-appearance: auto;
    appearance: auto;
    width: 100%;
    height: 100%;
    border-radius: .05rem;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: .13rem;
    font-size: .16rem;
    color: #8f8f8f;
    transition: border .3s,background .3s;
    background: #fff
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select::-ms-expand {
    display: none
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select:disabled {
    background: #e4e4e4;
    border-color: transparent;
    color: #2f2f2f
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select:focus {
    border: 1px solid;
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .align-right {
    justify-content: flex-end;
    width: 100%;
    margin-right: .6rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list {
    width: 9rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list ul {
    display: flex;
    justify-content: space-around
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list ul li {
    height: .57rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    font-weight: 400;
    color: #1d1d1d;
    overflow-wrap: anywhere;
    line-height: .18rem;
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-header {
    position: relative;
    left: -.2rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-header ul {
    background: #2f2f2f;
    border-radius: .05rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-header ul li {
    min-height: .5rem;
    color: #fff
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-header-6 ul li,#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list-6 ul li {
    width: 15%;
    text-align: center
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-header-6 ul li:nth-child(2),#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list-6 ul li:nth-child(2) {
    width: 15%
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-header-5 ul li,#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list-5 ul li {
    width: 20%
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list {
    position: relative;
    left: -.2rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list ul {
    position: relative
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list ul:after {
    content: "";
    width: 8.8rem;
    height: 1px;
    background: #a2aabd;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list ul li {
    flex-grow: 1
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list ul li:first-child .icon-box {
    margin-right: .1rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list ul li:nth-child(5) i {
    cursor: pointer
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list ul li:nth-child(5) .icon-edit {
    margin-left: .19rem
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-list .table-list>span {
    font-size: .25rem;
    color: #424448;
    line-height: .3rem;
    text-align: center;
    display: block;
    margin: .34rem 0
}

#app .member-panel .member-com-page .member-main .member-page .profile-page {
    padding-left: .25rem;
    padding-right: .25rem
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box {
    border-bottom: 1px solid #ccc
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container {
    display: flex
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: .18rem;
    padding-top: .45rem;
    padding-bottom: .66rem;
    height: -webkit-max-content;
    height: max-content
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li {
    display: flex;
    flex-direction: column;
    line-height: 100%;
    margin-bottom: .24rem;
    width: 2.75rem
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .key,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .key,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .key,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .key {
    font-size: .16rem;
    display: flex;
    align-items: end;
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .value,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .value,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .value,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .value {
    font-size: .16rem;
    color: #2f2f2f;
    display: flex;
    flex-direction: column
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .value .bank-list-container,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .value .bank-list-container,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .value .bank-list-container,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .value .bank-list-container {
    display: flex;
    flex-direction: row;
    margin-bottom: .15rem;
    word-break: break-word
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .value .bank-list-container .bank-icon,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .value .bank-list-container .bank-icon,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .value .bank-list-container .bank-icon,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .value .bank-list-container .bank-icon {
    width: 15%
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .value .bank-list-container .bank-icon img,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .value .bank-list-container .bank-icon img,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .value .bank-list-container .bank-icon img,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .value .bank-list-container .bank-icon img {
    width: 100%
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .value .bank-list-container .bank-icon>i,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .value .bank-list-container .bank-icon>i,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .value .bank-list-container .bank-icon>i,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .value .bank-list-container .bank-icon>i {
    margin-right: .06rem
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .value .bank-list-container .bank-value,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .value .bank-list-container .bank-value,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .value .bank-list-container .bank-value,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .value .bank-list-container .bank-value {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 100%;
    margin-left: .1rem;
    width: 80%
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div {
    height: -webkit-max-content;
    height: max-content
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .bank-ul {
    padding-right: .67rem;
    -webkit-padding-start: 0;
    padding-inline-start:0
}

#app .member-panel .member-com-page .member-main .member-page .special-group input {
    background: #f6f6f6;
    border-color: rgb(3 169 244 / 47%)!important;
    color: #000
}

#app .member-panel .member-com-page .member-main .member-page .special-group input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .special-group input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .special-group input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .special-group input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #8f8f8f;
    font-size: .16rem
}

#app .member-panel .member-com-page .member-main .member-page .special-group .group {
    padding-top: .3rem
}

#app .member-panel .member-com-page .member-main .member-page .special-group .title {
    position: relative;
    padding-bottom: .3rem
}

#app .member-panel .member-com-page .member-main .member-page .special-group .title:after {
    content: "";
    width: 100vw;
    height: 1px;
    background: #e2e2e2;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page {
    padding-top: .45rem;
    padding-left: .47rem;
    padding-right: .59rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page .content {
    display: flex;
    flex-direction: column;
    margin-bottom: .2rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page .content .title {
    font-family: 'nunito-bold';
    font-size: .21rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page .content .title-sm {
    font-family: 'nunito-regular';
    font-size: .16rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li {
    background: #fff;
    border-radius: .1rem;
    display: flex;
    flex-direction: column;
    font-size: .16rem;
    border: 1px solid #e2e2e2;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .heading {
    font-size: .17rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f6f6f6;
    padding: .2rem;
    padding: .1rem .2rem;
    border-radius: .1rem;
    cursor: pointer;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .heading span:first-child {
    font-family: 'nunito-bold';
    text-transform: capitalize !important;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .heading .right {
    display: flex;
    align-items: center;
    gap: .1rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .heading .right span {
    font-family: nunito-regular;
    font-size: .16rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .heading span.countdown {
    font-size: .14rem;
    font-family: nunito-semibold;
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
    color: #fff;
    border-radius: .07rem;
    padding: 0.03rem 0.1rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li button {
    background: var(--primary-color);
    color: #fff;
    width: fit-content;
    height: .4rem;
    padding: 0 .4rem;
    font-size: .18rem;
    border: 0;
    border-radius: .05rem;
    font-family: nunito-bold;
    margin-left: auto;
    cursor: pointer;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req {
    display: flex;
    flex-direction: column;
    padding: .2rem .4rem;
    border-radius: .1rem;
    gap: .15rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req span.title {
    font-family: nunito-bold;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: .16rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req div:last-child {
    margin-top: 0.05rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .inner-content {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .inner-content .label {
    font-family: nunito-bold;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .heading .arrow-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid var(--primary-color);
    transition: transform 0.3s ease;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .heading .arrow-icon.open {
    transform: rotate(90deg);
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.05rem;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req table thead {
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
    color: #fff;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req table thead tr td:first-child {
    width: 25%;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req table tbody tr td:first-child {
    background: #f5f5f5;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req table,
#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req th,
#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req td {
    border: 1px solid #ededed;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req th,
#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req td {
    padding: 0.1rem 0.2rem;
    text-align: left;
}

#app .member-panel .member-com-page .member-main .member-page .bonus-page ul li .req tr:nth-child(even) {
    background-color: #fff;
}

#app .member-panel .error-validation {
    margin-top: .1rem;
    font-size: .13rem;
    max-width: 6rem;
    color: red
}

#app .member-panel .error-validation.grey {
    color: grey
}

#app .member-panel button.btn-submit {
    border-style: unset;
    color: #fff;
    user-select: none;
}

#app .pagination-btn {
    height: 100%;
    padding: .5rem .75rem!important;
    border: none!important
}

#app .pagination-number {
    padding: .05rem .15rem;
    color: #a9a9a9
}

#app .pagination-content,#app .pagination-number {
    display: flex;
    justify-content: center;
    align-items: center
}

#app .pagination-content {
    padding: .2rem
}

#app .pagination-content .pagination {
    display: flex
}

#app .pagination-content .pagination .page-item {
    margin: 0 .05rem;
    cursor: pointer;
    background-color: initial;
    display: flex;
    align-items: center;
    font-weight: 700;
    padding: .1rem .15rem
}

#app .pagination-content .pagination .page-item svg {
    width: .2rem
}

#app .pagination-content .pagination .inactive {
    color: #e9e9e9
}

#app .pagination-content-2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .2rem
}

#app .pagination-content-2 .pagination {
    display: flex
}

#app .pagination-content-2 .pagination span {
    color: #9d9d9d;
    font-size: .2rem
}

#app .pagination-content-2 .pagination .page-item {
    color: #9d9d9d;
    cursor: pointer;
    background-color: initial;
    display: flex;
    align-items: center;
    font-weight: 700;
    margin: 0 .05rem
}

#app .pagination-content-2 .pagination .page-item svg {
    fill: #9d9d9d;
    width: .22rem
}

#app .pagination-content-2 .pagination button {
    border: none;
    margin: 0;
    padding: 0
}

#app .pagination-content-2 .pagination .inactive {
    color: #e9e9e9
}

@media(min-width: 923px) and (max-width:1400px) {
    #app .member-panel .member-com-page .member-main .member-page .changepwd-page svg {
        left:2.3rem;
        bottom: .28rem
    }
}

@media(max-width: 1024px) {
    #app .changepwd-page svg,#app .inbox-page,#app .inbox-page .inbox-tab span,#app .myaccount-referral-container,#app button {
        font-size:.16rem
    }

    #app .changepwd-page svg {
        left: -.2rem!important;
        bottom: -.074rem!important
    }

    #app .member-panel {
        min-height: 15.53rem;
        background-position: -1.2rem -.15rem;
        background-size: 23.43rem 9.28rem
    }

    #app .member-panel .member-com-page {
        padding-left: 3.51rem;
        padding-top: .5rem;
    }

    #app .member-panel .member-com-page .member-nav {
        min-height: 14.85rem;
        width: 2.58rem;
        border-top-left-radius: .11rem;
        border-top-right-radius: .11rem;
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    #app .member-panel .member-com-page .member-nav .member-info {
        padding-left: .28rem;
        padding-right: .26rem;
        padding-bottom: .37rem
    }

    #app .member-panel .member-com-page .member-nav .member-info .img-face {
        width: .92rem;
        height: .92rem
    }

    #app .member-panel .member-com-page .member-nav .member-info .username {
        font-size: .18rem;
        margin-top: .34rem;
        margin-bottom: .13rem
    }

    #app .member-panel .member-com-page .member-nav .member-info .level-box>div {
        font-size: .18rem;
        white-space: nowrap
    }

    #app .member-panel .member-com-page .member-nav .member-info .level-box>div>span:first-child {
        margin-bottom: .05rem
    }

    #app .member-panel .member-com-page .member-nav .member-info:before {
        content: "";
        width: 2.03rem;
        height: 1px;
        background: hsla(0,0%,54.9%,.3);
        left: .28rem
    }

    #app .member-panel .member-com-page .member-nav .nav-item>span {
        font-size: .2rem;
        margin-top: .49rem
    }

    #app .member-panel .member-com-page .member-nav .nav-item li {
        height: .46rem;
        font-size: .18rem
    }

    #app .member-panel .member-com-page .member-nav .nav-item:not(:last-child):after {
        content: "";
        width: 2.03rem;
        height: 1px;
        background: hsla(0,0%,54.9%,.3);
        left: .28rem
    }

    #app .member-panel .member-com-page .member-main {
        width: 10.98rem;
        min-height: 14.85rem;
        margin-left: .16rem;
        border-top-left-radius: .11rem;
        border-top-right-radius: .11rem;
        padding-bottom: .3rem
    }

    #app .member-panel .member-com-page .member-main .member-wallet {
        padding-left: .49rem;
        padding-right: .29rem;
        padding-top: .31rem
    }

    #app .member-panel .member-com-page .member-main .member-wallet .transfer-group>i {
        margin-top: .13rem
    }

    #app .member-panel .member-com-page .member-main .member-wallet .group {
        display: flex;
        flex-direction: column
    }

    #app .member-panel .member-com-page .member-main .member-wallet .title {
        font-size: .18rem
    }

    #app .member-panel .member-com-page .member-main .member-wallet .reload .restore-box {
        margin-left: .32rem;
        padding: 0 .2rem;
        height: .55rem;
        font-size: .18rem
    }

    #app .member-panel .member-com-page .member-main .member-wallet .reload .restore-box .icon-restore {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    #app .member-panel .member-com-page .member-main .member-wallet .reload>span:first-child {
        font-size: .18rem
    }

    #app .member-panel .member-com-page .member-main .member-wallet .reload>span:nth-child(2) {
        font-size: .35rem
    }

    #app .member-panel .member-com-page .member-main .member-page .group-item {
        display: flex
    }

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .tutorial-button {
        padding-left: 1.69rem;
    }

    #app .member-panel .member-com-page .member-main .member-page .group-item.input-item .title {
        display: flex;
        -webkit-transform: translateY(.02rem);
        transform: translateY(.02rem)
    }

    #app .member-panel .member-com-page .member-main .member-page .group-item .title {
        width: 1.69rem;
        font-size: .18rem
    }

    #app .member-panel .member-com-page .member-main .member-page .notice-box {
        margin-left: 1.69rem;
        padding-top: 0;
        word-break: break-word
    }

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list,#app .member-panel .member-com-page .member-main .member-page .notice-box {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        /* -webkit-transform: scale(1.2); */
        /* transform: scale(1.2) */
    }

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box {
        display: flex;
        align-items: center
    }

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item.crypto-shareBox {
        margin-top: .68rem
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .btn-submit {
        margin-left: 1.69rem;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item {
        margin-bottom: .23rem
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        margin-bottom: .4rem
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box {
        width: 2.66rem;
        height: .3rem;
        display: flex;
        align-items: center;
        border-radius: .05rem;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input {
        width: 100%;
        height: 100%;
        border-radius: .05rem;
        border: 1px solid rgba(25,25,25,.2);
        padding-left: .13rem;
        font-size: .16rem;
        transition: border .3s,background .3s
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input::-webkit-input-placeholder {
        -webkit-transition: color .3s;
        transition: color .3s;
        color: #8f8f8f;
        font-size: .16rem
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:-moz-placeholder,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input::-moz-placeholder {
        -moz-transition: color .3s;
        transition: color .3s;
        color: #8f8f8f;
        font-size: .16rem
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:-ms-input-placeholder {
        -ms-transition: color .3s;
        transition: color .3s;
        color: #8f8f8f;
        font-size: .16rem
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:focus {
        border: 1px solid;
        background: #f3f2f2
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.amount-box,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.crypto-box {
        width: unset
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.box-info {
        align-items: unset
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item:nth-child(2) {
        margin-bottom: .39rem
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.crypto-bank-option .bank-list {
        margin-bottom: unset
    }

    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .notice-box {
        display: flex;
        flex-direction: column;
        word-break: break-word
    }

    #app .member-panel .member-com-page .member-main .member-page .changepwd-page .btn-submit {
        margin-left: 1.69rem;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    #app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item {
        margin-bottom: .24rem
    }

    #app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item .input-box,#app .member-panel .member-com-page .member-main .member-page .changepwd-page .group-item .playerId-box {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        display: flex;
        align-items: center
    }

    #app .member-panel .member-com-page .member-main .member-page .bank-page .bank-account-list {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.125);
        transform: scale(1.125);
        padding-bottom: .6rem;
        width: 8.75rem
    }

    #app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.125);
        transform: scale(1.125);
        width: 8.65rem
    }

    #app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .btn-submit {
        margin-left: 1.69rem
    }

    #app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box {
        display: flex;
        align-items: center
    }

    #app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .group>span {
        height: .3rem;
        display: flex;
        align-items: center;
        font-size: .18rem
    }

    #app .member-panel .member-com-page .member-main .member-page .history-page .history-tools,#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }

    #app .member-panel .member-com-page .member-main .member-page .history-page .history-list {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    #app .member-panel .member-com-page .member-main .member-page .profile-page .info-box {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
}

#app .promos-panel {
    min-height: 10rem;
    /* background: #1d1d1d url(/images/bg_texture.webp) no-repeat bottom; */
    background-size: 100% 100%;
    padding-top: 1.08rem;
    background-color: #1d1d1d;
}

#app .promos-panel .claim {
    padding: .1rem .2rem;
    width: 12rem;
    margin: 0 .84rem;
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
    color: #fff;
    display: flex;
    border-radius: .1rem;
    margin-bottom: .15rem;
    gap: .05rem;
    font-family: 'nunito-bold';
    align-items: center;
}

#app .promos-panel .claim .animate-alert {
    width: .32rem;
    height: .32rem;
}

#app .promos-panel .claim .number {
    font-family: 'nunito-bold';
    color: #62f1db;
}

#app .promos-panel .claim .now {
    margin-left: auto;
    text-decoration: underline;
    font-family: 'nunito-bold';
    cursor: pointer;
}

#app .promos-panel .promos-box {
    width: 12rem;
    margin-left: .84rem
}

#app .promos-panel .promos-box .promos-nav {
    display: flex;
    margin-left: -.25rem;
    margin-bottom: .51rem
}

#app .promos-panel .promos-box .promos-nav li {
    height: .32rem;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 .25rem
}

#app .promos-panel .promos-box .promos-nav li:not(:last-child) {
    border-right: .01rem solid rgba(162,170,189,.3)
}

#app .promos-panel .promos-box .promos-nav li.on {
    pointer-events: none
}

#app .promos-panel .promos-box .promos-nav li.on .group .name,#app .promos-panel .promos-box .promos-nav li:hover .group .name {
    color: #fff
}

#app .promos-panel .promos-box .promos-nav li .group {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

#app .promos-panel .promos-box .promos-nav li .group .name {
    font-size: .18rem;
    color: hsla(0,0%,100%,.4);
    position: relative;
    transition: color .3s
}

#app .promos-panel .promos-box .promos-nav li .group .name .new {
    position: absolute;
    font-size: .12rem;
    color: red;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    line-height: 100%;
    opacity: 1
}

#app .promos-panel .promos-box .promos-nav li .group .count {
    font-size: .14rem;
    -webkit-transform: translate(.05rem,-.02rem);
    transform: translate(.05rem,-.02rem);
    transition: color .3s
}

#app .promos-panel .promos-box .promos-list {
    display: flex;
    flex-wrap: wrap
}

#app .promos-panel .promos-box .promos-list li {
    height: 4rem;
    width: 3.8rem;
    border-radius: .1rem;
    background: #141414;
    margin-bottom: .27rem;
    overflow: hidden
}

#app .promos-panel .promos-box .promos-list li:not(:nth-child(3n)) {
    margin-right: .27rem
}

#app .promos-panel .promos-box .promos-list li .img {
    width: 100%;
    height: 1.7rem;
    vertical-align: top
}

#app .promos-panel .promos-box .promos-list li .img img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: cover
}

#app .promos-panel .promos-box .promos-list li .bottom-box {
    padding: 0 .28rem;
    position: relative
}

#app .promos-panel .promos-box .promos-list li .bottom-box .line-box .line1 {
    width: 3.8rem;
    height: .03rem;
    position: absolute;
    left: 0;
    top: 0
}

#app .promos-panel .promos-box .promos-list li .bottom-box .line-box .line2 {
    width: 1.2rem;
    height: .04rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) perspective(.5em) rotateX(-8deg) translateZ(-.01rem);
    transform: translateX(-50%) perspective(.5em) rotateX(-8deg) translateZ(-.01rem);
    top: .02rem
}

#app .promos-panel .promos-box .promos-list li .bottom-box .text-box {
    padding-top: .2rem;
    height: 1.5rem;
    display: flex;
    flex-direction: column
}

#app .promos-panel .promos-box .promos-list li .bottom-box .text-box .title {
    font-size: .24rem;
    font-family: nunito-bold;
    color: #fff;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#app .promos-panel .promos-box .promos-list li .bottom-box .text-box .content {
    padding-top: .04rem;
    padding-bottom: .04rem;
    font-size: .14rem;
    color: #a2aabd;
    line-height: .2rem;
    height: .6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

#app .promos-panel .promos-box .promos-list li .bottom-box .tools {
    display: flex
}

#app .promos-panel .promos-box .promos-list li .bottom-box .tools>span {
    min-width: 1rem;
    height: .28rem;
    background: #3b3b3b;
    border-radius: .05rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-family: nunito-bold;
    color: #fff;
    margin-right: .12rem;
    white-space: nowrap;
    padding: 0 0.1rem;
}

#app .promos-panel .promos-box .promos-list li .bottom-box .tools>span.btn-apply {
    width: auto;
}

#app .promos-panel .promos-box .promos-list li .bottom-box .time-box {
    font-size: .14rem;
    opacity: .7;
    padding-top: .1rem;
    display: flex;
    align-items: center
}

#app .promos-panel .promos-box .promos-list li .bottom-box .time-box>span {
    color: #a2aabd
}

#app .promos-panel .promos-box .promos-list li .bottom-box .time-box>span.time {
    color: #f26464;
}

#app .promos-panel .promos-box .promos-list li .bottom-box .time-box>span:first-child {
    margin-right: .03rem
}

#app .promos-panel .promos-box .promos-list li .bottom-box .time-box .unlimited {
    line-height: 0;
    font-size: .3rem
}

@media(max-width: 1024px) {
    #app .promos-panel {
        min-height:20.23rem
    }

    #app .promos-panel .container {
        padding-left: 2.81rem
    }

    #app .promos-panel .promos-box {
        width: 15rem;
        margin-left: 0
    }

    #app .promos-panel .promos-box .promos-nav {
        margin-bottom: .7rem
    }

    #app .promos-panel .promos-box .promos-nav li {
        height: .45rem;
        flex: 0 0 auto;
        padding: 0 .35rem
    }

    #app .promos-panel .promos-box .promos-nav li .group .name {
        font-size: .25rem
    }

    #app .promos-panel .promos-box .promos-nav li .group .name .new {
        font-size: .17rem
    }

    #app .promos-panel .promos-box .promos-nav li .group .count {
        font-size: .2rem
    }

    #app .promos-panel .promos-box .promos-list li {
        width: 4.68rem;
        height: 5.28rem;
        border-radius: .14rem;
        margin-bottom: .38rem
    }

    #app .promos-panel .promos-box .promos-list li:not(:nth-child(3n)) {
        margin-right: .37rem
    }

    #app .promos-panel .promos-box .promos-list li .img {
        width: 100%;
        height: 2.12rem
    }

    #app .promos-panel .promos-box .promos-list li .img img {
        height: 100%
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box {
        height: 3.16rem;
        padding: 0 .38rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .line-box {
        width: 100%
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .line-box .line1 {
        width: 100%;
        height: .04rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .line-box .line2 {
        height: .06rem;
        width: 2.06rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .text-box {
        height: 2.13rem;
        padding-top: .3rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .text-box .title {
        font-size: .35rem;
        line-height: .4rem;
        height: .8rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .text-box .content {
        font-size: .2rem;
        line-height: .3rem;
        height: .9rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .tools>span {
        width: 1.41rem;
        height: .39rem;
        border-radius: .07rem .07rem .07rem .07rem;
        font-size: .23rem;
        margin-right: .17rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .tools>span.btn-apply {
        width: 1.54rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .time-box {
        padding-top: .2rem;
        font-size: .2rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .time-box>span:first-child {
        margin-right: .05rem
    }

    #app .promos-panel .promos-box .promos-list li .bottom-box .time-box .unlimited {
        font-size: .5rem
    }
}

#app .promosDetail-popup {
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
}

@-webkit-keyframes modalPopUp {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#app .promosDetail-popup .popup-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
    overflow: hidden
}

#app .promosDetail-popup .popup {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    padding: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 9rem;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: .15rem;
    overflow: hidden
}

#app .promosDetail-popup .popup .popup-header {
    padding: .13rem .15rem;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background: var(--primary-color);
}

#app .promosDetail-popup .popup .popup-header .popup-header-left {
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto
}

#app .promosDetail-popup .popup .popup-header .popup-header-right {
    display: flex;
    justify-content: flex-end;
    color: #fff;
    position: absolute;
    top: .13rem;
    right: .15rem
}

#app .promosDetail-popup .popup .popup-header .popup-header-right svg {
    width: .3rem;
    height: .3rem;
    background: #fff;
    border-radius: 50%;
    padding: .03rem;
    cursor: pointer
}

#app .promosDetail-popup .popup .popup-header .popup-request {
    white-space: nowrap;
    font-size: .18rem
}

#app .promosDetail-popup .popup .popup-header .popup-title {
    white-space: nowrap;
    font-size: .2rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis
}

#app .promosDetail-popup .popup .popup-body {
    padding: .4rem .7rem;
    overflow-y: scroll;
    min-height: .75rem;
    background-color: #1f1f1f;
    width: 100%;
    font-size: .16rem;
    line-height: .3rem;
    color: #bdbdbd
}

#app .promosDetail-popup .popup .popup-body strong {
    color: #fff
}

#app .promosDetail-popup .popup .popup-body li,#app .promosDetail-popup .popup .popup-body ol {
    list-style: decimal
}

#app .promosDetail-popup .popup .popup-body .box-top {
    display: flex;
    padding-bottom: .25rem;
    margin-bottom: .3rem;
    border-bottom: .01rem solid #404040
}

#app .promosDetail-popup .popup .popup-body .box-top .promoImg {
    width: 3.8rem;
    height: 1.7rem;
    margin-right: .33rem
}

#app .promosDetail-popup .popup .popup-body .box-top .box-content {
    display: flex;
    flex-direction: column
}

#app .promosDetail-popup .popup .popup-body .box-top .box-content .content-title {
    margin-bottom: .13rem;
    font-size: .2rem;
    font-weight: 700;
    line-height: .2rem;
    color: #fff
}

#app .promosDetail-popup .popup .popup-body .box-top .box-content .content-desc {
    width: 3.19rem;
    height: .68rem;
    margin-bottom: .17rem;
    line-height: .22rem
}

#app .promosDetail-popup .popup .popup-body .box-top .box-content .time-box {
    line-height: .16rem
}

#app .promosDetail-popup .popup .popup-body .box-top .box-content .time-box .time {
    color: #e30000
}

#app .promosDetail-popup .popup .popup-body .btn-box {
    display: flex;
    align-items: center;
    margin-bottom: .09rem;
    margin-top: .13rem
}

#app .promosDetail-popup .popup .popup-body .btn-box span {
    width: 1.38rem;
    height: .33rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-family: nunito-bold;
    color: #fff;
    border-radius: .05rem
}

#app .promosDetail-popup .popup .popup-body .btn-box span.btn-register {
    margin-right: .12rem;
    background: 0 0!important;
    border: .01rem solid #fff
}

#app .promosDetail-popup .popup .popup-body p {
    margin-bottom: .2rem
}

#app .promosDetail-popup .popup .popup-body p strong.content-title {
    color: #3b3b3b;
    font-size: .24rem
}

#app .promosDetail-popup .popup .popup-body table {
    width: 100%!important;
    margin-bottom: .3rem
}

#app .promosDetail-popup .popup .popup-body table p {
    margin-bottom: 0
}

#app .promosDetail-popup .popup .popup-body table p strong {
    font-size: .18rem
}

#app .promosDetail-popup .popup .popup-body ol {
    list-style: decimal;
    margin-left: .2rem;
    margin-bottom: .3rem
}

#app .promosDetail-popup .popup .popup-body ol li {
    list-style: unset
}

#app .promosDetail-popup .popup .popup-footer {
    background-color: #1f1f1f;
    padding: .15rem .6rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#app .promosDetail-popup .popup .popup-footer .popup-btn {
    width: 1.7rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .09rem;
    cursor: pointer;
    font-family: nunito-bold;
    font-size: .2rem;
    font-weight: 900;
    border: none;
    color: #fff
}

#app .promosDetail-popup .popup .popup-footer .popup-btn:disabled,#app .promosDetail-popup .popup .popup-footer .popup-btn[disabled] {
    opacity: .338;
    cursor: not-allowed
}

@media(max-width: 1024px) {
    #app .promosDetail-popup .popup {
        max-width:15rem
    }

    #app .promosDetail-popup .popup .popup-header {
        padding: .16rem .2rem
    }

    #app .promosDetail-popup .popup .popup-header .popup-header-right {
        top: .16rem;
        right: .2rem
    }

    #app .promosDetail-popup .popup .popup-header .popup-header-right svg {
        width: .45rem;
        height: .45rem
    }

    #app .promosDetail-popup .popup .popup-header .popup-request {
        font-size: .28rem
    }

    #app .promosDetail-popup .popup .popup-header .popup-title {
        font-size: .3rem
    }

    #app .promosDetail-popup .popup .popup-body {
        font-size: .26rem;
        line-height: .52rem
    }

    #app .promosDetail-popup .popup .popup-body .box-top {
        padding-bottom: .35rem;
        margin-bottom: .4rem;
        border-bottom: .02rem solid #404040
    }

    #app .promosDetail-popup .popup .popup-body .box-top .promoImg {
        width: 6.81rem;
        height: 3.09rem;
        margin-right: .43rem
    }

    #app .promosDetail-popup .popup .popup-body .box-top .box-content .content-title {
        margin-bottom: .23rem;
        font-size: .3rem;
        line-height: .3rem
    }

    #app .promosDetail-popup .popup .popup-body .box-top .box-content .content-desc {
        width: 5.2rem;
        height: 1.5rem;
        margin-bottom: .27rem;
        line-height: .32rem
    }

    #app .promosDetail-popup .popup .popup-body .box-top .box-content .time-box {
        line-height: .26rem
    }

    #app .promosDetail-popup .popup .popup-body .btn-box {
        padding-bottom: .08rem
    }

    #app .promosDetail-popup .popup .popup-body .btn-box span {
        width: 1.54rem;
        height: .39rem;
        font-size: .23rem;
        border-radius: .1rem
    }

    #app .promosDetail-popup .popup .popup-body p strong.content-title {
        font-size: .34rem
    }

    #app .promosDetail-popup .popup .popup-body table {
        margin-bottom: .4rem
    }

    #app .promosDetail-popup .popup .popup-body table p strong {
        font-size: .28rem
    }

    #app .promosDetail-popup .popup .popup-footer {
        padding: .3rem 1rem
    }

    #app .promosDetail-popup .popup .popup-footer .popup-footer-right .popup-btn {
        width: 2.7rem;
        height: .74rem;
        border-radius: .14rem;
        font-size: .3rem
    }
}

#app .m-promosDetail-popup .popup {
    max-width: 85%
}

#app .m-promosDetail-popup .popup .popup-header {
    padding: .3rem .5rem
}

#app .m-promosDetail-popup .popup .popup-header .popup-header-left {
    width: 85%
}

#app .m-promosDetail-popup .popup .popup-header .popup-header-right svg {
    width: .8rem;
    height: .8rem
}

#app .m-promosDetail-popup .popup .popup-header .popup-request {
    font-size: .48rem
}

#app .m-promosDetail-popup .popup .popup-header .popup-title {
    font-size: .5rem
}

#app .m-promosDetail-popup .popup .popup-body {
    font-size: .45rem;
    line-height: .74rem;
    padding: .4rem .7rem 1.5rem
}

#app .m-promosDetail-popup .popup .popup-body .promoImg {
    width: 100%;
    height: 3.41rem;
    margin-bottom: .77rem;
    object-fit: cover
}

#app .m-promosDetail-popup .popup .popup-body .box-content {
    display: flex;
    flex-direction: column
}

#app .m-promosDetail-popup .popup .popup-body .box-content .content-title {
    font-size: .55rem;
    font-weight: 700;
    line-height: .55rem;
    color: #fff;
    margin-bottom: .14rem
}

#app .m-promosDetail-popup .popup .popup-body .box-content .content-desc {
    min-height: 1.22rem;
    margin-bottom: .3rem
}

#app .m-promosDetail-popup .popup .popup-body .btn-box {
    margin-bottom: .29rem
}

#app .m-promosDetail-popup .popup .popup-body .btn-box span {
    width: 3rem;
    height: .78rem;
    font-size: .4rem;
    border-radius: .15rem
}

#app .m-promosDetail-popup .popup .popup-body .btn-box span.btn-register {
    margin-right: .3rem
}

#app .m-promosDetail-popup .popup .popup-body .time-box {
    line-height: .45rem
}

#app .m-promosDetail-popup .popup .popup-body .time-box .time {
    color: #e30000
}

#app .m-promosDetail-popup .popup .popup-body .promo-content {
    padding-top: .63rem;
    margin-top: .91rem;
    border-top: .01rem solid #404040
}

#app .m-promosDetail-popup .popup .popup-footer {
    padding: .5rem 1rem
}

#app .m-promosDetail-popup .popup .popup-footer .popup-footer-right .popup-btn {
    width: 3.7rem;
    height: 1.45rem;
    border-radius: .29rem;
    font-size: .45rem
}

#app .promosApply-popup .popup {
    max-width: 6.8rem
}

#app .promosApply-popup .popup .popup-body {
    padding: .3rem;
    background: #1f1f1f
}

#app .promosApply-popup .body-field {
    margin-bottom: .16rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#app .promosApply-popup .body-field .field-title {
    width: 33%;
    height: 100%;
    border-radius: .09rem;
    font-size: .2rem;
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center
}

#app .promosApply-popup .body-field .field-input,#app .promosApply-popup .body-field .field-select {
    width: 3.8rem;
    height: .5rem;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .09rem;
    border: .01rem solid #fff;
    transition: border .3s,background .3s;
    font-size: .2rem;
    color: #fff;
    padding: 0 .22rem
}

#app .promosApply-popup .body-field .field-input:focus,#app .promosApply-popup .body-field .field-select:focus {
    background: #37393d;
    border: .01rem solid #fff
}

#app .promosApply-popup .body-field .field-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 3.8rem
}

#app .promosApply-popup .body-field .field-option .option-select {
    -webkit-appearance: none;
    appearance: none;
    width: 1.08rem;
    height: .5rem;
    border-radius: .09rem;
    background: 0 0;
    border: .01rem solid #fff;
    color: #fff;
    font-size: .2rem;
    padding: 0 .17rem 0 .22rem
}

#app .promosApply-popup .body-field .field-option .option-select option {
    background: #37393d
}

#app .promosApply-popup .body-field .field-option .option-input {
    width: 2.5rem
}

#app .promosApply-popup .phone-field .option-input::-webkit-inner-spin-button,#app .promosApply-popup .phone-field .option-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#app .promosApply-popup .phone-field .option-input[type=number] {
    -moz-appearance: textfield
}

#app .promosApply-popup .address-field,#app .promosApply-popup .remark-field {
    align-items: flex-start
}

#app .promosApply-popup .address-field .field-text,#app .promosApply-popup .remark-field .field-text {
    height: 1.5rem;
    padding: .22rem
}

@media(max-width: 1024px) {
    #app .promosApply-popup .popup {
        max-width:10.5rem
    }

    #app .promosApply-popup .popup .popup-body {
        padding: .5rem 1rem
    }

    #app .promosApply-popup .body-field .field-title {
        font-size: .3rem
    }

    #app .promosApply-popup .body-field .field-input,#app .promosApply-popup .body-field .field-select {
        width: 5.53rem;
        height: .74rem;
        font-size: .3rem
    }

    #app .promosApply-popup .body-field .field-option {
        width: 5.53rem
    }

    #app .promosApply-popup .body-field .field-option .option-select {
        width: 1.62rem;
        height: .74rem;
        font-size: .3rem
    }

    #app .promosApply-popup .body-field .field-option .option-input {
        width: 3.74rem
    }

    #app .promosApply-popup .address-field .field-text,#app .promosApply-popup .remark-field .field-text {
        height: 3rem;
        padding: .34rem
    }
}

#app .m-promosApply-popup .popup {
    max-width: 85%
}

#app .m-promosApply-popup .popup .popup-body {
    padding: .5rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

#app .m-promosApply-popup .body-field {
    flex-direction: column;
    align-items: flex-start
}

#app .m-promosApply-popup .body-field .field-title {
    font-size: .45rem;
    width: unset
}

#app .m-promosApply-popup .body-field .field-input,#app .m-promosApply-popup .body-field .field-select {
    width: 8.55rem;
    height: 1.45rem;
    font-size: .45rem;
    border-radius: .29rem
}

#app .m-promosApply-popup .body-field .field-input option,#app .m-promosApply-popup .body-field .field-select option {
    display: flex;
    justify-content: space-between
}

#app .m-promosApply-popup .body-field .field-option {
    width: 8.55rem
}

#app .m-promosApply-popup .body-field .field-option .option-select {
    width: 2.3rem;
    height: 1.45rem;
    font-size: .45rem;
    border-radius: .29rem
}

#app .m-promosApply-popup .body-field .field-option .option-input {
    width: 6rem
}

#app .m-promosApply-popup .address-field .field-text,#app .m-promosApply-popup .remark-field .field-text {
    height: 3.5rem;
    padding: .22rem
}

.register-panel {
    height: 10rem;
    /* background: url(/images/bg_texture.webp) no-repeat bottom; */
    background-size: 100% 100%;
    padding-top: 0.98rem;
    background-color: #111111;
}

.register-panel .register-box {
    width: 11.3rem;
    background: #252525;
    box-shadow: .01rem .05rem .1rem 0 rgba(0,1,1,.75);
    border-radius: .15rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* background-image: url(/images/register/reg-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: exclusion; */
}

.register-panel .register-box .title {
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .2rem;
    font-weight: 800;
    color: #fff;
    line-height: .18rem;
    position: relative;
    border-top-left-radius: .15rem;
    border-top-right-radius: .15rem
}

.register-panel .register-box .title>i {
    position: absolute;
    right: .15rem;
    top: .13rem;
    cursor: pointer
}

.register-panel .register-box .content {
    display: grid;
    grid-template-columns: 45% 55%
}

.register-panel .register-box .content .steps {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0 0 .5rem;
    padding: 0 .05rem
}

.register-panel .register-box .content .steps ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.register-panel .register-box .content .steps ul li {
    position: relative;
    line-height: .2rem;
    background: #fff;
    color: #a2aabd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    width: .28rem;
    height: .28rem
}

.register-panel .register-box .content .steps ul li.on {
    color: #fff
}

.register-panel .register-box .content .steps ul li:not(:last-child):after {
    content: "";
    width: 1.2rem;
    height: .02rem;
    background: rgba(162,170,189,.2);
    position: absolute;
    left: .4rem
}

.register-panel .register-box .content .steps .step-bg {
    margin-top: .05rem;
    width: 7.62rem;
    height: .45rem;
    background-size: 100% 100%;
    background-image: url(/images/step1.png)
}

.register-panel .register-box .content .steps .step-bg[data-index="1"] {
    background-size: 100% 100%;
    background-image: url(/images/step2.png)
}

.register-panel .register-box .content .steps .step-bg[data-index="2"] {
    background-size: 100% 100%;
    background-image: url(/images/step3.png)
}

.register-panel .register-box .content .step-content {
    position: relative;
    /* padding: .62rem .59rem .43rem .62rem; */
    padding: .62rem 0 .43rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.register-panel .register-box .content .step-content .separator {
    margin: .53rem 0 .5rem;
    border-bottom: 2px solid rgba(162,170,189,.2)
}

.register-panel .register-box .content .step-content .input-dropdown-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #a2aabd;
    font-size: .2rem;
    cursor: pointer;
    margin-bottom: .1rem
}

.register-panel .register-box .content .step-content .input-dropdown-desc svg {
    width: .18rem;
    height: .09rem;
    margin-left: .12rem;
}

.register-panel .register-box .content .step-content .phone-wrapper {
    gap: .11rem;
}

.register-panel .register-box .content .step-content .phone-wrapper .country-code {
    display: flex;
    align-items: center;
    min-height: .5rem;
    border-radius: .09rem;
    flex: 0 0 1rem;
    height: 100%;
    background: #343334;
    border: .01rem solid rgba(25, 25, 25, .2);
    transition: all .3s;
    font-size: .2rem;
    color: #a2aabd;
    padding: 0 .22rem;
}

.register-panel .register-box .content .step-content button.btn-next {
    border: none
}

.register-panel .register-box .content .step-content .btn-next, .register-panel .register-box .content .step-content .input {
    position: relative;
    width: 100%;
    min-height: .5rem;
    background: transparent;
    margin-bottom: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: .09rem .09rem .09rem .09rem
}

.register-panel .register-box .content .step-content .btn-next.btn-next, .register-panel .register-box .content .step-content .input.btn-next {
    justify-content: center;
    cursor: pointer;
    font-family: nunito-black;
    font-size: .2rem;
    font-weight: 900;
    margin-top: .45rem;
    margin-bottom: .2rem;
    color: #fff;
    border: none;
}

.register-panel .register-box .content .step-content .btn-next>div, .register-panel .register-box .content .step-content .input>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.register-panel .register-box .content .step-content .input>div>input, .register-panel .register-box .content .step-content .input>input {
    min-height: .5rem;
    border-radius: .09rem .09rem .09rem .09rem;
    width: 100%;
    height: 100%;
    background: #343334;
    border: none;
    border: .01rem solid rgba(25,25,25,.2);
    transition: all .3s;
    font-size: .2rem;
    color: #a2aabd;
    padding: 0 .22rem;
    flex: auto;
}

.register-panel .register-box .content .step-content .input>div>input:read-only, .register-panel .register-box .content .step-content .input>input:read-only {
    color: #989898;
    background: #484848;
    cursor: default;
}

.register-panel .register-box .content .step-content .input>div>input:read-only:focus, .register-panel .register-box .content .step-content .input>input:read-only:focus {
    color: #989898;
    background: #484848;
}


.register-panel .register-box .content .step-content .btn-next>div>input::-webkit-input-placeholder, .register-panel .register-box .content .step-content .btn-next>input::-webkit-input-placeholder, .register-panel .register-box .content .step-content .input>div>input::-webkit-input-placeholder, .register-panel .register-box .content .step-content .input>input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #a2aabd;
    font-size: .2rem
}

.register-panel .register-box .content .step-content .btn-next>div>input:-moz-placeholder,.register-panel .register-box .content .step-content .btn-next>div>input::-moz-placeholder,.register-panel .register-box .content .step-content .btn-next>input:-moz-placeholder,.register-panel .register-box .content .step-content .btn-next>input::-moz-placeholder,.register-panel .register-box .content .step-content .input>div>input:-moz-placeholder,.register-panel .register-box .content .step-content .input>div>input::-moz-placeholder,.register-panel .register-box .content .step-content .input>input:-moz-placeholder,.register-panel .register-box .content .step-content .input>input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: #a2aabd;
    font-size: .2rem
}

.register-panel .register-box .content .step-content .btn-next>div>input:-ms-input-placeholder,.register-panel .register-box .content .step-content .btn-next>input:-ms-input-placeholder,.register-panel .register-box .content .step-content .input>div>input:-ms-input-placeholder,.register-panel .register-box .content .step-content .input>input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: #a2aabd;
    font-size: .2rem
}

.register-panel .register-box .content .step-content .btn-next>div>input.short,.register-panel .register-box .content .step-content .btn-next>div>input .short,.register-panel .register-box .content .step-content .btn-next>input.short,.register-panel .register-box .content .step-content .btn-next>input .short,.register-panel .register-box .content .step-content .input>div>input.short,.register-panel .register-box .content .step-content .input>div>input .short,.register-panel .register-box .content .step-content .input>input.short,.register-panel .register-box .content .step-content .input>input .short {
    width: 100%;
}

.register-panel .register-box .content .step-content .btn-next>div>input:focus,.register-panel .register-box .content .step-content .btn-next>input:focus,.register-panel .register-box .content .step-content .input>div>input:focus,.register-panel .register-box .content .step-content .input>input:focus {
    background: #f1f1f1;
    border: .01rem solid;
}

.register-panel .register-box .content .step-content .btn-next>div>input:-webkit-autofill,.register-panel .register-box .content .step-content .btn-next>div>input:autofill,.register-panel .register-box .content .step-content .btn-next>input:-webkit-autofill,.register-panel .register-box .content .step-content .btn-next>input:autofill,.register-panel .register-box .content .step-content .input>div>input:-webkit-autofill,.register-panel .register-box .content .step-content .input>div>input:autofill,.register-panel .register-box .content .step-content .input>input:-webkit-autofill,.register-panel .register-box .content .step-content .input>input:autofill {
    -webkit-animation-name: onAutoFillStart;
    animation-name: onAutoFillStart
}

.register-panel .register-box .content .step-content .btn-next>div>input:not(:-webkit-autofill),.register-panel .register-box .content .step-content .btn-next>div>input:not(:autofill),.register-panel .register-box .content .step-content .btn-next>input:not(:-webkit-autofill),.register-panel .register-box .content .step-content .btn-next>input:not(:autofill),.register-panel .register-box .content .step-content .input>div>input:not(:-webkit-autofill),.register-panel .register-box .content .step-content .input>div>input:not(:autofill),.register-panel .register-box .content .step-content .input>input:not(:-webkit-autofill),.register-panel .register-box .content .step-content .input>input:not(:autofill) {
    -webkit-animation-name: onAutoFillCancel;
    animation-name: onAutoFillCancel
}

.register-panel .register-box .content .step-content .btn-next>div select,.register-panel .register-box .content .step-content .btn-next>select,.register-panel .register-box .content .step-content .input>div select,.register-panel .register-box .content .step-content .input>select {
    -webkit-appearance: none;
    appearance: none;
    height: 100%;
    border-radius: .09rem .09rem .09rem .09rem;
    background: 0 0;
    border: none;
    border: .01rem solid rgba(25,25,25,.2);
    color: #000;
    font-size: .2rem;
    padding: .1rem .22rem
}

.register-panel .register-box .content .step-content .btn-next>div select::-ms-expand,.register-panel .register-box .content .step-content .btn-next>select::-ms-expand,.register-panel .register-box .content .step-content .input>div select::-ms-expand,.register-panel .register-box .content .step-content .input>select::-ms-expand {
    display: none
}

.register-panel .register-box .content .step-content .btn-next>div select.phone,.register-panel .register-box .content .step-content .btn-next>select.phone,.register-panel .register-box .content .step-content .input>div select.phone,.register-panel .register-box .content .step-content .input>select.phone {
    width: 1.08rem;
    padding-left: .17rem;
    min-height: .5rem
}

.register-panel .register-box .content .step-content .btn-next>.item-title,.register-panel .register-box .content .step-content .btn-next>div>.item-title,.register-panel .register-box .content .step-content .input>.item-title,.register-panel .register-box .content .step-content .input>div>.item-title {
    width: 1.08rem;
    height: 100%;
    border-radius: .09rem .09rem .09rem .09rem;
    font-size: .2rem;
    color: rgba(1,27,67,.6);
    white-space: nowrap;
    display: flex;
    align-items: center
}

.register-panel .register-box .content .step-content .btn-next .fullname-remark,.register-panel .register-box .content .step-content .input .fullname-remark {
    position: absolute;
    top: -.2rem;
    right: -3.93rem;
    width: 3.86rem;
    height: .86rem;
    background: #c1c1c1;
    border-radius: .09rem;
    font-size: .14rem;
    color: #000;
    padding: .2rem .25rem;
    z-index: 2
}

.register-panel .register-box .content .step-content .btn-next .fullname-remark:before,.register-panel .register-box .content .step-content .input .fullname-remark:before {
    content: "";
    left: 0;
    width: 0;
    height: 0;
    border-right: .2rem solid #c1c1c1;
    border-top: .1rem solid transparent;
    border-bottom: .1rem solid transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-100%) translateY(-50%) translateZ(0);
    transform: translateX(-100%) translateY(-50%) translateZ(0)
}

.register-panel .register-box .content .step-content .btn-next .telcode-display,.register-panel .register-box .content .step-content .input .telcode-display {
    display: flex;
    align-items: center;
    width: 1.25rem;
    height: 100%;
    min-height: .5rem;
    background: #343334;
    border: .01rem solid rgba(25,25,25,.2);
    border-radius: .09rem .09rem .09rem .09rem;
    color: #a2aabd;
    font-size: .2rem;
    padding: 0 .15rem 0 .22rem;
    appearance: none;
    -webkit-appearance: none;
    justify-content: space-between;
    cursor: pointer;
    margin: 0 .11rem 0 0
}

.register-panel .register-box .content .step-content .btn-next .telcode-display svg,.register-panel .register-box .content .step-content .input .telcode-display svg {
    width: .18rem;
    height: .09rem;
    fill: #a2aabd
}

.register-panel .register-box .content .step-content .btn-next .currency-display,.register-panel .register-box .content .step-content .btn-next .date-display,.register-panel .register-box .content .step-content .btn-next .month-display,.register-panel .register-box .content .step-content .input .currency-display,.register-panel .register-box .content .step-content .input .date-display,.register-panel .register-box .content .step-content .input .month-display {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: .5rem;
    background: #343334;
    border-radius: .09rem .09rem .09rem .09rem;
    cursor: pointer
}

.register-panel .register-box .content .step-content .btn-next .currency-display select,.register-panel .register-box .content .step-content .btn-next .date-display select,.register-panel .register-box .content .step-content .btn-next .month-display select,.register-panel .register-box .content .step-content .input .currency-display select,.register-panel .register-box .content .step-content .input .date-display select,.register-panel .register-box .content .step-content .input .month-display select {
    color: #a2aabd;
    font-size: .2rem;
    border: none;
    width: 100%;
    min-height: .5rem;
    cursor: pointer
}

.register-panel .register-box .content .step-content .btn-next .currency-display select::-ms-expand,.register-panel .register-box .content .step-content .btn-next .date-display select::-ms-expand,.register-panel .register-box .content .step-content .btn-next .month-display select::-ms-expand,.register-panel .register-box .content .step-content .input .currency-display select::-ms-expand,.register-panel .register-box .content .step-content .input .date-display select::-ms-expand,.register-panel .register-box .content .step-content .input .month-display select::-ms-expand {
    display: none
}

.register-panel .register-box .content .step-content .btn-next .currency-display svg,.register-panel .register-box .content .step-content .btn-next .date-display svg,.register-panel .register-box .content .step-content .btn-next .month-display svg,.register-panel .register-box .content .step-content .input .currency-display svg,.register-panel .register-box .content .step-content .input .date-display svg,.register-panel .register-box .content .step-content .input .month-display svg {
    width: .18rem;
    height: .09rem;
    fill: #a2aabd;
    margin: 0 .22rem 0 0
}

.register-panel .register-box .content .step-content .btn-next .date-container,.register-panel .register-box .content .step-content .input .date-container {
    grid-template-columns: repeat(3,1fr);
    grid-gap: .22rem
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container,.register-panel .register-box .content .step-content .input .telcode-dropdown-container {
    position: absolute;
    background: #fff;
    z-index: 1;
    border: .01rem solid rgba(25,25,25,.2);
    top: 100%
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-search,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-search {
    background: #fff;
    border: 0;
    border-bottom: .01rem solid rgba(25,25,25,.2);
    width: 3.7rem;
    padding: 0 .22rem;
    line-height: .4rem;
    overflow: scroll
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown {
    width: 3.7rem;
    height: 1.6rem;
    line-height: .4rem;
    overflow: scroll
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span {
    display: flex;
    color: #000;
    padding: 0 .22rem;
    cursor: pointer
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span:hover,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span:hover {
    background: #3297fd;
    color: #fff
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span.regioned,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span.regioned {
    color: #7e8c8d;
    font-weight: 700
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span.regioned:hover,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span.regioned:hover {
    color: #fff
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown::-webkit-scrollbar,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown::-webkit-scrollbar {
    display: block!important;
    width: .05rem!important
}

.register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown::-webkit-scrollbar-thumb,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #7e7e7e!important;
    background: #7e7e7e!important
}

.register-panel .register-box .content .step-content .btn-next .label-placeholder,.register-panel .register-box .content .step-content .input .label-placeholder {
    position: absolute;
    top: .12rem;
    color: #a2aabd;
    font-size: .2rem;
    left: .22rem;
    pointer-events: none
}

.register-panel .register-box .content .step-content .btn-next .label-placeholder span,.register-panel .register-box .content .step-content .input .label-placeholder span {
    color: red
}

.register-panel .register-box .content .step-content .btn-next {
    margin-bottom: .03rem
}

.register-panel .register-box .content .step-content .text-separator {
    color: #999999;
    font-size: .16rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .15rem;
    margin-top: .5rem;
}

.register-panel .register-box .content .step-content .text-separator::before, .register-panel .register-box .content .step-content .text-separator::after {
    content: "";
    height: 1px;
    background: #6b6b6b;
    flex: auto;
}

.register-panel .register-box .content .step-content .button-group {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .15rem;
    margin-top: .35rem;
}

.register-panel .register-box .content .step-content .button-group input {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: .5rem;
    font-family: nunito-extrabold;
    font-size: .2rem;
    font-weight: 700;
    color: #fff;
    border: none;
    border-radius: .09rem;
    cursor: pointer;
}

.register-panel .register-box .content .step-content .button-group .btn-whatsapp {
    background: #008100;
}

.register-panel .register-box .content .step-content .button-group .btn-sms {
    background: var(--primary-color);
}

.register-panel .register-box .content .step-content .button-group input:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.register-panel .register-box .content .step-content .input-error {
    width: 3.7rem;
    color: red;
    font-family: nunito-black;
    font-size: .14rem;
    font-weight: 900;
    word-break: break-word
}

.register-panel .register-box .content .step-content .text-p {
    font-size: .14rem;
    line-height: .18rem;
    margin: .3rem 0 0;
    color: #a2aabd;
    width: 100%
}

.register-panel .register-box .content .step-content .text-p>span {
    cursor: pointer;
}

.register-panel .register-box .content .step-content .text-p>span.login-btn {
    text-transform: uppercase
}

.register-panel .register-box .content .step-content>div {
    display: flex;
    width: 100%;
    left: 0;
    top: .5rem;
    padding: 0 .5rem;
}

.register-panel .register-box .content .step-content>div.step3-box {
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: .15rem .15rem 0;
}

.register-panel .register-box .content .step-content>div.step3-box .btn-next {
    margin-top: 0
}

.register-panel .register-box .content .step-content>div.step3-box>div {
    margin-top: .24rem;
    margin-bottom: .99rem
}

.register-panel .register-box .content .step-content>div.step3-box>div>p {
    line-height: .2rem
}

.register-panel .register-box .content .step-content>div.step3-box>div>p:first-child {
    font-size: .24rem;
}

.register-panel .register-box .content .step-content>div.step3-box>div>p:nth-child(2) {
    font-size: .14rem;
    margin: .12rem 0 0;
    color: #a2aabd
}

.register-panel .register-box .content .step-content>div.step3-box .text-p {
    margin-top: .27rem;
    text-align: left
}

.register-panel .register-box .content .step-content>div form {
    margin: auto;
    width: 100%
}

.register-panel .register-box .content img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    /* object-position: top; */
    /* padding: .62rem .35rem 0 .53rem; */
    /* background: #1f1e1e */
}

.register-panel .register-box .content .step-content>div.step3-box .left-content img {
    width: 100%;
    height: auto;
}

.register-panel .register-box .content .step-content>div.step3-box .left-content .action {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    bottom: 0.68rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3.75rem;
    cursor: pointer;
    justify-content: space-between;
}

.register-panel .register-box .content .step-content>div.step3-box .left-content .action a {
    width: 1.63rem;
}

.register-panel .register-box .content .step-content>div.step3-box .left-content .action a:first-child {
    -webkit-animation: grow 0.75s infinite;
}

@keyframes grow {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

.register-panel .register-box .content .step-content>div.step3-box .left-content .home {
    position: absolute;
    bottom: -.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.25rem;
    cursor: pointer;
    color: #afafaf;
    font-size: 0.13rem;
    font-weight: 400;
    text-decoration: underline;
}

.register-panel .register-box .content .step-content>div.step3-box .left-content {
    position: relative;
    margin: 0;
}

.register-panel .register-box .icon-close3 {
    position: absolute;
    top: .2rem;
    right: .2rem;
    image-rendering: auto
}

.register-panel .register-box .content .step-content .register-success {
    flex-direction: column;
    align-items: center;
    color: #bcbfc6;
    font-size: .19rem;
    line-height: 1.3em;
}

.register-panel .register-box .content .step-content .register-success .icon-logo {
    background-position: center;
    height: .55rem;
    margin: .6rem 0 .7rem !important;
}

.register-panel .register-box .content .step-content .register-success h3 {
    color: #fff;
    font-size: .24rem;
    margin-bottom: .15rem;
}

.register-panel .register-box .content .step-content .register-success .text {
    text-align: center;
}

.register-panel .register-box .content .step-content .register-success .btn-next {
    margin-top: .8rem;
}

@media(max-width: 1024px) {
    .register-panel {
        height:13rem;
        padding-top: 1.58rem;
    }

    .register-panel .register-box {
        width: 13.47rem;
        border-radius: .22rem
    }

    .register-panel .register-box .title {
        height: .9rem;
        font-size: .3rem;
        line-height: .26rem
    }

    .register-panel .register-box .title .icon-close3 {
        top: .19rem;
        right: .22rem
    }

    .register-panel .register-box .content .steps ul li {
        font-size: .26rem;
        line-height: .26rem;
        width: .35rem;
        height: .35rem
    }

    .register-panel .register-box .content .steps ul li:not(:last-child):after {
        width: 1.55rem;
        height: .03rem;
        left: .5rem
    }

    .register-panel .register-box .content .steps .step-bg {
        width: 11.4rem;
        height: .67rem
    }

    .register-panel .register-box .content .step-content .separator {
        margin: .53rem 0 .5rem;
        border-bottom: 2px solid rgba(162,170,189,.2)
    }

    .register-panel .register-box .content .step-content .input-dropdown-desc {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #a2aabd;
        font-size: .3rem;
        cursor: pointer;
        margin-bottom: .1rem
    }

    .register-panel .register-box .content .step-content .input-dropdown-desc svg {
        width: .22rem;
        height: .1rem;
        margin-left: .23rem
    }

    .register-panel .register-box .content .step-content .btn-next, .register-panel .register-box .content .step-content .input {
        border-radius: .14rem .14rem .14rem .14rem;
        margin-bottom: .24rem;
        min-height: .74rem
    }

    .register-panel .register-box .content .step-content .btn-next.btn-next, .register-panel .register-box .content .step-content .input.btn-next {
        font-size: .3rem!important
    }

    .register-panel .register-box .content .step-content .btn-next>div>input, .register-panel .register-box .content .step-content .btn-next>input, .register-panel .register-box .content .step-content .input>div>input, .register-panel .register-box .content .step-content .input>input {
        border-radius: .14rem .14rem .14rem .14rem;
        border: 1px solid rgba(25,25,25,.2);
        font-size: .3rem;
        padding: 0 .34rem;
        min-height: .74rem;
        width: 100%
    }

    .register-panel .register-box .content .step-content .btn-next>div>input::-webkit-input-placeholder,.register-panel .register-box .content .step-content .btn-next>input::-webkit-input-placeholder,.register-panel .register-box .content .step-content .input>div>input::-webkit-input-placeholder,.register-panel .register-box .content .step-content .input>input::-webkit-input-placeholder {
        -webkit-transition: color .3s;
        transition: color .3s;
        color: #a2aabd;
        font-size: .3rem
    }

    .register-panel .register-box .content .step-content .btn-next>div>input:-moz-placeholder,.register-panel .register-box .content .step-content .btn-next>div>input::-moz-placeholder,.register-panel .register-box .content .step-content .btn-next>input:-moz-placeholder,.register-panel .register-box .content .step-content .btn-next>input::-moz-placeholder,.register-panel .register-box .content .step-content .input>div>input:-moz-placeholder,.register-panel .register-box .content .step-content .input>div>input::-moz-placeholder,.register-panel .register-box .content .step-content .input>input:-moz-placeholder,.register-panel .register-box .content .step-content .input>input::-moz-placeholder {
        -moz-transition: color .3s;
        transition: color .3s;
        color: #a2aabd;
        font-size: .3rem
    }

    .register-panel .register-box .content .step-content .btn-next>div>input:-ms-input-placeholder,.register-panel .register-box .content .step-content .btn-next>input:-ms-input-placeholder,.register-panel .register-box .content .step-content .input>div>input:-ms-input-placeholder,.register-panel .register-box .content .step-content .input>input:-ms-input-placeholder {
        -ms-transition: color .3s;
        transition: color .3s;
        color: #a2aabd;
        font-size: .3rem
    }

    .register-panel .register-box .content .step-content .btn-next>div>input.short,.register-panel .register-box .content .step-content .btn-next>input.short,.register-panel .register-box .content .step-content .input>div>input.short,.register-panel .register-box .content .step-content .input>input.short {
        width: 100%
    }

    .register-panel .register-box .content .step-content .btn-next>div>input:focus,.register-panel .register-box .content .step-content .btn-next>input:focus,.register-panel .register-box .content .step-content .input>div>input:focus,.register-panel .register-box .content .step-content .input>input:focus {
        border: 1px solid;
    }

    .register-panel .register-box .content .step-content .btn-next>div select,.register-panel .register-box .content .step-content .btn-next>select,.register-panel .register-box .content .step-content .input>div select,.register-panel .register-box .content .step-content .input>select {
        border-radius: .14rem .14rem .14rem .14rem;
        border: 1px solid rgba(25,25,25,.2);
        font-size: .3rem;
        padding: .16rem .34rem;
        height: 100%
    }

    .register-panel .register-box .content .step-content .btn-next>div select.phone,.register-panel .register-box .content .step-content .btn-next>select.phone,.register-panel .register-box .content .step-content .input>div select.phone,.register-panel .register-box .content .step-content .input>select.phone {
        width: 1.62rem;
        min-height: .74rem
    }

    .register-panel .register-box .content .step-content .btn-next>div select.currency,.register-panel .register-box .content .step-content .btn-next>div select.date,.register-panel .register-box .content .step-content .btn-next>div select.month,.register-panel .register-box .content .step-content .btn-next>select.currency,.register-panel .register-box .content .step-content .btn-next>select.date,.register-panel .register-box .content .step-content .btn-next>select.month,.register-panel .register-box .content .step-content .input>div select.currency,.register-panel .register-box .content .step-content .input>div select.date,.register-panel .register-box .content .step-content .input>div select.month,.register-panel .register-box .content .step-content .input>select.currency,.register-panel .register-box .content .step-content .input>select.date,.register-panel .register-box .content .step-content .input>select.month {
        width: 100%;
        min-height: .74rem
    }

    .register-panel .register-box .content .step-content .btn-next>.item-title,.register-panel .register-box .content .step-content .btn-next>div>.item-title,.register-panel .register-box .content .step-content .input>.item-title,.register-panel .register-box .content .step-content .input>div>.item-title {
        width: 1.62rem;
        font-size: .3rem
    }

    .register-panel .register-box .content .step-content .btn-next .fullname-remark,.register-panel .register-box .content .step-content .input .fullname-remark {
        top: -.65rem;
        right: -5.15rem;
        width: 5rem;
        height: 2rem;
        border-radius: .14rem;
        font-size: .26rem;
        padding: .3rem .35rem
    }

    .register-panel .register-box .content .step-content .btn-next .fullname-remark:before,.register-panel .register-box .content .step-content .input .fullname-remark:before {
        content: "";
        border-right: .4rem solid #c1c1c1;
        border-top: .2rem solid transparent;
        border-bottom: .2rem solid transparent
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-display,.register-panel .register-box .content .step-content .input .telcode-display {
        display: flex;
        align-items: center;
        width: 2rem;
        height: 100%;
        min-height: .74rem;
        background: #343334;
        border: .01rem solid rgba(25,25,25,.2);
        border-radius: .14rem .14rem .14rem .14rem;
        color: #a2aabd;
        font-size: .3rem;
        padding: 0 .17rem 0 .34rem;
        appearance: none;
        -webkit-appearance: none
    }

    .register-panel .register-box .content .step-content .btn-next .currency-display,.register-panel .register-box .content .step-content .btn-next .date-display,.register-panel .register-box .content .step-content .btn-next .month-display,.register-panel .register-box .content .step-content .input .currency-display,.register-panel .register-box .content .step-content .input .date-display,.register-panel .register-box .content .step-content .input .month-display {
        border-radius: .14rem .14rem .14rem .14rem
    }

    .register-panel .register-box .content .step-content .btn-next .currency-display select,.register-panel .register-box .content .step-content .btn-next .date-display select,.register-panel .register-box .content .step-content .btn-next .month-display select,.register-panel .register-box .content .step-content .input .currency-display select,.register-panel .register-box .content .step-content .input .date-display select,.register-panel .register-box .content .step-content .input .month-display select {
        font-size: .3rem
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container,.register-panel .register-box .content .step-content .input .telcode-dropdown-container {
        position: absolute;
        background: #fff;
        z-index: 1;
        font-size: .3rem;
        border: .01rem solid rgba(25,25,25,.2);
        top: 100%
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-search,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-search {
        background: #fff;
        border: 0;
        border-bottom: .01rem solid rgba(25,25,25,.2);
        width: 5.53rem;
        padding: 0 .17rem 0 .34rem;
        line-height: .8rem;
        overflow: scroll;
        font-size: .3rem
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown {
        width: 5.53rem;
        height: 2.45rem;
        line-height: .8rem;
        overflow: scroll
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span {
        display: flex;
        color: #000;
        padding: 0 .17rem 0 .34rem;
        cursor: pointer
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span:hover,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span:hover {
        background: #3297fd;
        color: #fff
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span.regioned,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span.regioned {
        color: #7e8c8d;
        font-weight: 700
    }

    .register-panel .register-box .content .step-content .btn-next .telcode-dropdown-container .telcode-dropdown span.regioned:hover,.register-panel .register-box .content .step-content .input .telcode-dropdown-container .telcode-dropdown span.regioned:hover {
        color: #fff
    }

    .register-panel .register-box .content .step-content .btn-next .label-placeholder,.register-panel .register-box .content .step-content .input .label-placeholder {
        position: absolute;
        top: .17rem;
        color: #a2aabd;
        font-size: .3rem;
        left: .34rem;
        pointer-events: none
    }

    .register-panel .register-box .content .step-content .btn-next .label-placeholder span,.register-panel .register-box .content .step-content .input .label-placeholder span {
        color: red
    }

    .register-panel .register-box .content .step-content .btn-next {
        margin-bottom: .03rem
    }

    .register-panel .register-box .content .step-content .input-error {
        width: 5.53rem;
        color: red;
        font-family: nunito-black;
        font-size: .26rem;
        font-weight: 900
    }

    .register-panel .register-box .content .step-content .text-p {
        font-size: .2rem;
        line-height: .26rem
    }

    .register-panel .register-box .content .step-content .text-p br {
        display: none
    }

    .register-panel .register-box .content .step-content>div {
        top: .75rem
    }

    .register-panel .register-box .content .step-content>div.step3-box>div {
        margin-top: .48rem;
        margin-bottom: .69rem
    }

    .register-panel .register-box .content .step-content>div.step3-box>div>p:first-child {
        font-size: .35rem;
        line-height: .4rem
    }

    .register-panel .register-box .content .step-content>div.step3-box>div>p:nth-child(2) {
        font-size: .2rem;
        line-height: .25rem
    }

    .register-panel .register-box .content .step-content>div.step3-box .text-p {
        font-size: .2rem;
        line-height: .26rem;
        margin-top: .2rem
    }

    .register-panel .register-box .content .step-content>div.step3-box .left-content .action {
        bottom: 0.82rem;
        width: 4.25rem;
    }

    .register-panel .register-box .content .step-content>div.step3-box .left-content .action a {
        width: 1.92rem;
    }

    .register-panel .register-box .content .step-content>div.step3-box .left-content .home {
        font-size: .18rem;
    }
}

#app .hot-provider-slots {
    position: absolute;
    display: inline-block;
    background-image: url(/images/slots/hoticon.png);
    background-size: 100% 100%;
    width: .42rem;
    height: .41rem;
    -webkit-transform: translate(326%,-37%);
    transform: translate(326%,-37%)
}

#app .slots-banner {
    height: 5rem;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(/images/FIFO88/slots/banner.webp);
}

#app .slots-banner:not(.SG)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/slots/banner3.png) no-repeat top;
    background-size: 19.36rem 5rem;
    pointer-events: none
}

#app .slots-banner .container {
    position: relative;
    margin: 0 auto
}

#app .slots-banner .container .suspend {
    position: absolute
}

#app .slots-banner .container .suspend img {
    display: block;
    width: 100%;
    height: 100%
}

#app .slots-banner .container .suspend#suspend_1 {
    width: 1.5rem;
    left: 1.1rem;
    top: 0.8rem;
    animation: animate-suspend-3-1 15s linear infinite;
}

#app .slots-banner .container .suspend#suspend_2 {
    width: 0.7rem;
    left: 5.52rem;
    top: 0.25rem;
    animation: animate-suspend-4-1 20s linear infinite;
}

#app .slots-banner .container .suspend#suspend_3 {
    width: .7rem;
    left: 7.8rem;
    top: 0.3rem;
    animation: animate-suspend-4-1 12s linear infinite;
}

#app .slots-banner .container .suspend#suspend_4 {
    width: 1.62rem;
    left: 11.8rem;
    bottom: 1.2rem;
    animation: animate-suspend-4-2 20s linear infinite;
}

#app .slots-banner .bottom-item {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(-.3rem) translateZ(0);
    transform: translateX(-50%) translateX(-.3rem) translateZ(0);
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 1
}

#app .slots-banner .bottom-item .slider-container .slider-fade-next-enter-active,#app .slots-banner .bottom-item .slider-container .slider-fade-next-exit-active,#app .slots-banner .bottom-item .slider-container .slider-fade-prev-enter-active,#app .slots-banner .bottom-item .slider-container .slider-fade-prev-exit-active {
    transition: all 1s
}

#app .slots-banner .bottom-item .slider {
    width: 85%;
    height: 100%;
    margin: 0 auto
}

#app .slots-banner .bottom-item .slider .pagination {
    display: none
}

#app .slots-banner .bottom-item .side {
    width: 1.8rem;
    height: .8rem
}

#app .slots-banner .bottom-item .side .slider-container>div>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#app .slots-banner .bottom-item .side .slider-container>div>div>span:first-child {
    font-size: .14rem;
    color: rgba(162,170,189,.5)
}

#app .slots-banner .bottom-item .side .slider-container>div>div>span:nth-child(2) {
    font-size: .18rem;
    color: rgba(255,71,75,.5);
    margin-top: .08rem
}

#app .slots-banner .bottom-item .center {
    width: 3.94rem;
    height: 1.83rem
}

#app .slots-banner .bottom-item .center .slider-container>div>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

#app .slots-banner .bottom-item .center .slider-container>div>div>span:first-child {
    white-space: nowrap;
    font-size: .16rem;
    font-family: nunito-bold;
    color: #a1aabc;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: .05rem
}

#app .slots-banner .bottom-item .center .slider-container>div>div>span:nth-child(2) {
    font-size: .36rem;
    font-weight: 600;
    color: #fdd55d;
    margin-bottom: .1rem
}

#app .slots-banner .bottom-item .center .slider-container>div>div>img {
    width: 2.52rem;
    height: .68rem;
    top: .5rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

#app .slots-games {
    min-height: 10.64rem;
    background: #1d1d1d
}

#app .slots-games .slots-games-items {
    display: flex;
    padding-top: .24rem;
    padding-bottom: 1.1rem
}

#app .slots-games .slots-games-items .brand-list {
    width: 2.15rem;
    height: 100%;
    min-height: 11.21rem;
    border-bottom-left-radius: .1rem;
    border-top-left-radius: .1rem;
    background: #282828;
    padding-left: .22rem;
    padding-bottom: .8rem;
    position: relative;
}

#app .slots-games .slots-games-items .brand-list .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 2.15rem!important;
    height: .71rem!important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0,0,0,.4117647058823529);
    cursor: auto;
    margin-left: -.36rem;
    position: absolute;
    background-size: 25%
}

#app .slots-games .slots-games-items .brand-list li {
    display: flex;
    height: .71rem;
    align-items: center;
    border-bottom: .01rem solid rgba(77,79,85,.4);
    font-size: .18rem;
    line-height: 0.22rem;
    color: rgba(162,170,189,.5);
    transition: color .3s;
    cursor: pointer
}

#app .slots-games .slots-games-items .brand-list li .icon-box {
    width: .45rem;
    position: relative
}

#app .slots-games .slots-games-items .brand-list li .icon-box>i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

#app .slots-games .slots-games-items .brand-list li .icon-box>i.on {
    display: none
}

#app .slots-games .slots-games-items .brand-list li .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 2.15rem;
    height: 0.71rem;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: auto;
    position: absolute;
    /* margin-left: -.36rem; */
    margin-left: 0;
    left: 0;
    background-size: 25%;
}

#app .slots-games .slots-games-items .brand-list li:hover {
    color: rgba(162,170,189,.5)
}

#app .slots-games .slots-games-items .brand-list li:hover .icon-box>i {
    display: initial
}

#app .slots-games .slots-games-items .brand-list li.on .icon-box>i,#app .slots-games .slots-games-items .brand-list li:hover .icon-box>i {
    display: none
}

#app .slots-games .slots-games-items .brand-list li.on .icon-box>i.on,#app .slots-games .slots-games-items .brand-list li:hover .icon-box>i.on {
    display: inline-block
}

#app .slots-games .slots-games-items .brand-list li.on {
    pointer-events: none
}

#app .slots-games .slots-games-items .brand-list li span:last-child {
    text-overflow: ellipsis;
    width: 1.25rem;
    overflow: hidden;
    white-space: nowrap;
}

#app .slots-games .slots-games-items .slots-games-right {
    width: 10.9rem;
    margin-left: .45rem;
    padding-top: .22rem;
    position: relative
}

#app .slots-games .slots-games-items .slots-games-right.MEGA,#app .slots-games .slots-games-items .slots-games-right.SCR,#app .slots-games .slots-games-items .slots-games-right.SCR2 {
    min-height: 10.62rem;
    position: relative
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .type-list {
    display: flex;
    align-items: center;
    -webkit-transform: translateX(-.1rem);
    transform: translateX(-.1rem)
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .type-list li {
    height: .22rem;
    padding: 0 .34rem;
    font-size: .18rem;
    color: rgba(162,170,189,.5);
    transition: color .3s;
    cursor: pointer
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .type-list li:not(:last-child) {
    border-right: .01rem solid #45484d
}
#app .slots-games .slots-games-items .slots-games-right .type-nav-box .type-list li.on {
    pointer-events: none
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box {
    width: 2.1rem;
    height: .39rem;
    border: .01rem solid #40444d;
    border-radius: .05rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .18rem
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box .icon-search {
    cursor: pointer
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input {
    width: 1.5rem;
    border: none;
    background: 0 0;
    color: rgba(162,170,189,.5);
    font-size: .18rem;
    text-transform: lowercase
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: rgba(162,170,189,.5);
    font-size: .18rem
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input:-moz-placeholder,#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: rgba(162,170,189,.5);
    font-size: .18rem
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: rgba(162,170,189,.5);
    font-size: .18rem
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .more-games {
    display: inline-block;
    font-size: .18rem;
    padding-left: .17rem;
    cursor: pointer
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .more-games:hover {
    text-decoration: underline
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li {
    width: 2.01rem;
    height: 2.2rem;
    margin-bottom: .25rem
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li .img-box {
    width: 100%;
    height: 1.31rem
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li .img-box .hover-box>span {
    width: 1.5rem;
    height: .3rem;
    font-size: .16rem
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li:not(:nth-child(5n)) {
    margin-right: .21rem
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li>p {
    height: .89rem;
    font-size: .16rem
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li>p i {
    width: .24rem;
    height: .21rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-bg {
    position: absolute;
    width: 12.98rem;
    height: 100%;
    top: -.24rem;
    right: -1.4rem;
    z-index: 0
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel {
    padding-top: .6rem;
    padding-left: .5rem;
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info {
    display: flex;
    flex-direction: column;
    width: 40%
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .scr-logo {
    width: 100%;
    height: 100%;
    max-width: 2.32rem;
    margin-bottom: .44rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .info-title {
    margin-left: .3rem;
    margin-bottom: .22rem;
    color: rgba(162,170,189,.7);
    font-family: nunito-bold;
    font-size: .2rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .info-guide {
    margin-left: .3rem;
    margin-bottom: .47rem;
    color: rgba(162,170,189,.5);
    font-size: .16rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .btn-download {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .05rem;
    margin-left: .3rem;
    margin-bottom: .7rem;
    width: 1.6rem;
    height: .4rem;
    color: #000;
    font-family: nunito-bold;
    font-size: .2rem;
    cursor: pointer
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .btn-request-acc {
    background: var(--primary-color);
    color: #000;
    border: 0;
    border-radius: 0.14rem;
    height: 0.5rem;
    width: 2.5rem;
    cursor: pointer;
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .info {
    color: #aaaaaa;
    font-size: .18rem;
    font-weight: 500;
    margin-bottom: .26rem;
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .user-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 3.02rem;
    height: .52rem;
    margin-left: .3rem;
    padding: .06rem .17rem .07rem .22rem;
    font-family: nunito-bold;
    font-size: .2rem;
    color: #565a60;
    border: .02rem solid #565a60;
    border-radius: .08rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .user-box.box-id {
    margin-bottom: .37rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .user-box img {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    max-width: .4rem;
    object-fit: contain;
    cursor: pointer
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
    height: 5.33rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider {
    width: 100%
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .slider-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .pagination {
    display: none
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .navigation {
    width: 5.05rem
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .navigation li {
    cursor: pointer
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .navigation li svg {
    width: .27rem;
    height: .5rem;
    fill: #9ea9bd
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .navigation .prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .navigation .next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#app .slots-games .slots-games-items .slots-games-right .scr-img-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    object-fit: contain;
    padding-left: .8rem;
    max-width: 10.9rem;
    z-index: 0
}

@media(max-width: 1024px) {
    #app .hot-provider-slots {
        position:absolute;
        display: inline-block;
        background-image: url(/images/slots/hoticon.png);
        background-size: 100% 100%;
        width: .42rem;
        height: .41rem;
        -webkit-transform: translate(499%,-82%);
        transform: translate(499%,-82%)
    }

    #app .slots-banner {
        height: 7.06rem
    }

    #app .slots-banner,#app .slots-banner:after {
        background-size: cover
    }

    #app .slots-banner .bottom-item {
        -webkit-transform: translateX(-50%) translateX(-.42rem);
        transform: translateX(-50%) translateX(-.42rem)
    }

    #app .slots-banner .bottom-item .center {
        width: 5.62rem;
        height: 2.56rem
    }

    #app .slots-banner .bottom-item .center .slider-container>div>div>span:first-child {
        font-size: .23rem;
        -webkit-transform: translateX(-50%) translateX(-.02rem) translateY(-.02rem);
        transform: translateX(-50%) translateX(-.02rem) translateY(-.02rem)
    }

    #app .slots-banner .bottom-item .center .slider-container>div>div>span:nth-child(2) {
        font-size: .48rem;
        margin-bottom: .18rem
    }

    #app .slots-banner .bottom-item .center .slider-container>div>div>img {
        width: 3.5rem;
        height: .94rem;
        top: .6rem
    }

    #app .slots-banner .bottom-item .side {
        width: 2.56rem;
        height: 1.14rem
    }

    #app .slots-banner .bottom-item .side .slider-container>div>div>span:first-child {
        font-size: .2rem
    }

    #app .slots-banner .bottom-item .side .slider-container>div>div>span:nth-child(2) {
        font-size: .25rem
    }

    #app .slots-games {
        min-height: 15.89rem
    }

    #app .slots-games .container {
        padding-left: .845rem
    }

    #app .slots-games .slots-games-items {
        padding-top: .3rem
    }

    #app .slots-games .slots-games-items .brand-list {
        /* height: 13.08rem; */
        width: 3.05rem;
        min-height: 14.62rem;
        border-bottom-left-radius: .14rem;
        border-top-left-radius: .14rem;
        padding-left: .33rem
    }

    #app .slots-games .slots-games-items .brand-list li {
        height: 1.1rem;
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .brand-list li .icon-box {
        width: .63rem;
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: translateY(0) scale(1.4);
        transform: translateY(0) scale(1.4)
    }

    #app .slots-games .slots-games-items .brand-list .maintenance-hover-box {
        width: 3.05rem!important;
        height: 1.1rem!important;
        /* margin-left: -.53rem!important */
    }

    #app .slots-games .slots-games-items .slots-games-right {
        margin-left: .52rem;
        width: 14.85rem;
        padding-top: .35rem
    }

    #app .slots-games .slots-games-items .slots-games-right.MEGA,#app .slots-games .slots-games-items .slots-games-right.SCR,#app .slots-games .slots-games-items .slots-games-right.SCR2 {
        min-height: 14.62rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-nav-box {
        margin-bottom: .34rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-nav-box .type-list li {
        height: .3rem;
        padding: 0 .36rem;
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box {
        width: 2.64rem;
        height: .49rem;
        border-radius: .06rem;
        border: 1px solid #40444d
    }

    #app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input {
        width: 2rem;
        color: rgba(162,170,189,.5);
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input::-webkit-input-placeholder {
        -webkit-transition: color .3s;
        transition: color .3s;
        color: rgba(162,170,189,.5);
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input:-moz-placeholder,#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input::-moz-placeholder {
        -moz-transition: color .3s;
        transition: color .3s;
        color: rgba(162,170,189,.5);
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input:-ms-input-placeholder {
        -ms-transition: color .3s;
        transition: color .3s;
        color: rgba(162,170,189,.5);
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li {
        width: 3.43rem;
        height: 3.26rem;
        margin-right: .37rem;
        margin-bottom: .33rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li .img-box {
        width: 3.43rem;
        height: 2.07rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li .img-box .hover-box span {
        width: 2.2rem;
        height: .47rem;
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li:not(:nth-child(4n)) {
        margin-right: .37rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li:nth-child(4n) {
        margin-right: 0
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li>p {
        height: 1.16rem;
        font-size: .25rem;
        padding-left: .32rem;
        padding-right: .2rem;
        padding-bottom: 0
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li>p>i {
        width: .39rem;
        height: .34rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li>p:before {
        height: .09rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li>p:after {
        height: .1rem
    }

    #app .slots-games .slots-games-items .slots-games-right .type-game-list-box .more-games {
        font-size: .23rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel {
        padding-left: 0
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .scr-logo {
        max-width: 3.32rem;
        margin-bottom: .54rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .info-title {
        margin-bottom: .32rem;
        font-size: .28rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .info-guide {
        margin-bottom: .57rem;
        font-size: .23rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .btn-download {
        border-radius: .14rem;
        margin-bottom: .8rem;
        width: 2.4rem;
        height: .6rem;
        font-size: .25rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .user-box {
        width: 4.02rem;
        height: .72rem;
        padding: .1rem .27rem .11rem .32rem;
        font-size: .25rem;
        border-radius: .14rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .user-box.box-id {
        margin-bottom: .47rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .user-box img {
        max-width: .4rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide {
        height: 7.33rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .navigation {
        width: 7.05rem
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-img-guide .slider .navigation li svg {
        width: .57rem;
        height: .8rem;
        fill: #9ea9bd
    }

    #app .slots-games .slots-games-items .slots-games-right .scr-img-bottom {
        padding-left: .3rem;
        max-width: 13.56rem
    }

    #app .slots-games .slots-games-items .slots-games-right .mega-panel {
        padding-left: 0
    }

    #app .slots-games .slots-games-items .slots-games-right .mega-img-bottom {
        padding-left: .3rem;
        max-width: 13.56rem
    }
}

#app .wap-page>div .fishing-page .type-game-list-box .game-content li>p>i,#app .wap-page>div .lottery-page .type-game-list-box .game-content li>p>i {
    display: inline-block!important
}

.loading-container {
    height: 100vh;
    width: 100vw;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.small-loading {
    fill: grey;
    color: grey
}

.loading {
    padding-bottom: 10vh
}

.loading img {
    width: 100%;
    height: 100%;
    max-width: 3rem
}

.loading #logo {
    width: 3rem
}

.loading #logo path:first-child {
    stroke-dasharray: 635.7127685546875;
    stroke-dashoffset: 635.7127685546875;
    -webkit-animation: line-anime1 3s ease infinite backwards;
    animation: line-anime1 3s ease infinite backwards
}

.loading #logo path:nth-child(2) {
    stroke-dasharray: 565.9503173828125;
    stroke-dashoffset: 565.9503173828125;
    -webkit-animation: line-anime2 3s ease infinite backwards;
    animation: line-anime2 3s ease infinite backwards
}

.loading #logo path:nth-child(3) {
    stroke-dasharray: 571.5772705078125;
    stroke-dashoffset: 571.5772705078125;
    -webkit-animation: line-anime3 3s ease infinite backwards;
    animation: line-anime3 3s ease infinite backwards
}

.loading #logo path:nth-child(4) {
    stroke-dasharray: 565.3145751953125;
    stroke-dashoffset: 565.3145751953125;
    -webkit-animation: line-anime4 3s ease infinite backwards;
    animation: line-anime4 3s ease infinite backwards
}

.loading #logo path:nth-child(5) {
    stroke-dasharray: 565.314697265625;
    stroke-dashoffset: 565.314697265625;
    -webkit-animation: line-anime5 3s ease infinite backwards;
    animation: line-anime5 3s ease infinite backwards
}

@-webkit-keyframes line-anime1 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 417.5157775878906;
        fill: transparent
    }
}

@keyframes line-anime1 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 417.5157775878906;
        fill: transparent
    }
}

@-webkit-keyframes line-anime2 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 495.2247619628906;
        fill: transparent
    }
}

@keyframes line-anime2 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 495.2247619628906;
        fill: transparent
    }
}

@-webkit-keyframes line-anime3 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 542.675048828125;
        fill: transparent
    }
}

@keyframes line-anime3 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 542.675048828125;
        fill: transparent
    }
}

@-webkit-keyframes line-anime4 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 495.22296142578125;
        fill: transparent
    }
}

@keyframes line-anime4 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 495.22296142578125;
        fill: transparent
    }
}

@-webkit-keyframes line-anime5 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 789.8562622070312;
        fill: transparent
    }
}

@keyframes line-anime5 {
    0% {
        stroke-dashoffset: 0;
        fill: grey
    }

    to {
        stroke-dashoffset: 789.8562622070312;
        fill: transparent
    }
}

@-webkit-keyframes bounce {
    0% {
        transform: scale(1,1) translate(0px, 0px);
    }

    30%{
        transform: scale(1,0.8) translate(0px, 10px);
    }

    75%{
        transform: scale(1,1.1) translate(0px, -25px);
    }

    100% {
        transform: scale(1,1) translate(0px, 0px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40%{
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60%{
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@media(max-width: 575px) {
    .loading {
        padding-bottom:10vh
    }

    .loading img {
        width: 100%;
        height: 100%;
        max-width: 1.5rem
    }

    .loading #logo {
        width: 1rem
    }
}

.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(0,0,0,.7215686274509804); */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.custom-modal {
    background: #fff;
    border-radius: .1rem;
    color: #fff;
    padding: .2rem .32rem;
    width: 50%;
    max-width: 7rem;
    margin: auto
}

.custom-modal p {
    margin-bottom: 0
}

.custom-modal .close-btn {
    background: 0 0;
    color: #fff;
    border-style: unset;
    font-size: .22rem;
    float: right
}

.custom-modal .close-btn:hover {
    cursor: pointer
}

.custom-modal .download_qr {
    padding: .35rem .6rem .6rem
}

.custom-modal .custom-modal-header {
    margin: -.21rem -.32rem;
    padding: .1rem .32rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    background: var(--primary-color);
}

.custom-modal .custom-modal-header span {
    width: 95%;
    text-align: center;
}

.custom-modal .btn-submit {
    width: 2rem;
    height: .4rem;
}

.custom-modal .btn-submit {
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 900;
    cursor: pointer;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: .35rem
}

.custom-modal-header {
    font-size: .16rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.custom-modal-body {
    margin: .5rem 0 0;
    color: #000;
    font-weight: 700
}

.custom-modal-body button[disabled] {
    opacity: .5
}

@media(max-width: 768px) {

    .custom-modal .custom-modal-body {
        font-size: .42rem
    }

    .custom-modal .custom-modal-body img {
        width: 1rem;
        height: auto
    }

    .custom-modal .custom-modal-body label {
        font-size: .4rem;
        margin-bottom: .2rem
    }

    .custom-modal .custom-modal-body p {
        font-size: .38rem
    }

    .custom-modal input {
        border-radius: .13rem;
        border: 1px solid #f3f2f2;
        transition: border .3s
    }

    .custom-modal .btn-submit {
        width: 5.5rem;
        height: .9rem;
        font-size: .45rem;
        border-style: none;
        border-radius: .1rem
    }

    .custom-modal {
        width: 75%;
        max-width: 75vw
    }

    .custom-modal .custom-modal-header {
        min-height: 1.4rem;
        align-items: center;
        justify-content: space-between;
        font-size: .45rem;
        white-space: normal
    }

    .custom-modal .custom-modal-header button {
        font-size: .4rem;
        padding: 0;
        border-radius: .18rem
    }

    .custom-modal .custom-modal-body {
        padding: .3rem 0
    }

    .custom-modal .close-btn {
        background: 0 0;
        color: #fff;
        padding: .5rem .5rem 0;
        font-size: .4rem;
        border-style: unset;
        float: right
    }

    .custom-modal .download_qr {
        padding: .5rem 1rem 1rem
    }
}

.reward-popup {
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
}

@keyframes modalPopUp {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.reward-popup .popup-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
    overflow: hidden
}

.reward-popup .popup {
    margin: auto;
    padding: 0!important;
    border-radius: .06rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100%;
    max-width: 6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer
}

.reward-popup .popup .reward-popupImg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3
}

.reward-popup .popup .reward-close {
    position: absolute;
    top: .3rem;
    right: .5rem;
    width: .3rem;
    height: .3rem;
    padding: .05rem;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 5
}

.reward-popup .popup .popup-detail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    margin: auto;
    width: 3.5rem;
    height: 3rem;
    -webkit-transform: translateY(.8rem);
    transform: translateY(.8rem);
    color: #fff;
    z-index: 3;
    text-align: center
}

.reward-popup .popup .popup-detail .detail-title {
    width: 100%;
    font-size: .3rem;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden
}

.reward-popup .popup .popup-detail .detail-amount {
    width: 100%;
    font-size: .5rem;
    font-weight: 700;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden
}

.reward-popup .popup .popup-detail .detail-desc {
    width: 100%;
    font-size: .2rem;
    overflow-y: scroll;
    max-height: 1.5rem
}

@media(max-width: 1024px) {
    .reward-popup .popup {
        max-width: 10rem
    }

    .reward-popup .popup .reward-close {
        width: .5rem;
        height: .5rem
    }

    .reward-popup .popup .popup-detail {
        width: 5.5rem;
        height: 4.8rem;
        -webkit-transform: translateY(1.4rem);
        transform: translateY(1.4rem)
    }

    .reward-popup .popup .popup-detail .detail-title {
        font-size: .6rem
    }

    .reward-popup .popup .popup-detail .detail-amount {
        font-size: .8rem
    }

    .reward-popup .popup .popup-detail .detail-desc {
        font-size: .5rem
    }
}

.m-reward-popup .popup .popup-detail .detail-title {
    font-size: .4rem
}

.m-reward-popup .popup .popup-detail .detail-amount {
    font-size: .6rem
}

.m-reward-popup .popup .popup-detail .detail-desc {
    font-size: .3rem
}

.m-reward-popup .popup .reward-close {
    width: .8rem;
    height: .8rem
}

#app .about-panel,#app .faq-panel,#app .responsible-panel,#app .terms-panel {
    background: #1d1d1d url(/images/bg_texture.webp) no-repeat bottom;
    background-size: 100% 100%;
    padding-top: .47rem;
    color: #6a6b6d
}

#app .about-panel .container,#app .faq-panel .container,#app .responsible-panel .container,#app .terms-panel .container {
    background: #f1f1f1;
    padding: .5rem .47rem 1.2rem;
    border-top-left-radius: .09rem;
    border-top-right-radius: .09rem
}

#app .about-panel .container .loading-box,#app .faq-panel .container .loading-box,#app .responsible-panel .container .loading-box,#app .terms-panel .container .loading-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#app .about-panel .container .panel-title,#app .faq-panel .container .panel-title,#app .responsible-panel .container .panel-title,#app .terms-panel .container .panel-title {
    font-size: .4rem;
    font-family: nunito-bold;
    padding-bottom: .16rem;
    border-bottom: .01rem solid #d3d3d3;
    padding-left: .27rem
}

#app .about-panel .container .panel-content,#app .faq-panel .container .panel-content,#app .responsible-panel .container .panel-content,#app .terms-panel .container .panel-content {
    font-size: .25rem;
    margin-left: .29rem;
    margin-top: .29rem
}

#app .about-panel .container .panel-content>*,#app .faq-panel .container .panel-content>*,#app .responsible-panel .container .panel-content>*,#app .terms-panel .container .panel-content>* {
    margin-bottom: .32rem
}

#app .about-panel .container .panel-content>:last-child,#app .faq-panel .container .panel-content>:last-child,#app .responsible-panel .container .panel-content>:last-child,#app .terms-panel .container .panel-content>:last-child {
    margin-bottom: 0
}

#app .about-panel .container .panel-content ul,#app .faq-panel .container .panel-content ul,#app .responsible-panel .container .panel-content ul,#app .terms-panel .container .panel-content ul {
    margin-bottom: .4rem
}

#app .about-panel .container .panel-content ul p,#app .faq-panel .container .panel-content ul p,#app .responsible-panel .container .panel-content ul p,#app .terms-panel .container .panel-content ul p {
    margin-bottom: .43rem
}

#app .about-panel .container .panel-content ul li,#app .faq-panel .container .panel-content ul li,#app .responsible-panel .container .panel-content ul li,#app .terms-panel .container .panel-content ul li {
    list-style: disc;
    margin-left: .4rem;
    margin-bottom: .14rem
}

#app .about-panel .container .panel-content .title-content,#app .faq-panel .container .panel-content .title-content,#app .responsible-panel .container .panel-content .title-content,#app .terms-panel .container .panel-content .title-content {
    font-size: .28rem;
    font-weight: 700;
    padding-top: .2rem;
    margin-bottom: .29rem
}

#app .about-panel .container .panel-content a,#app .faq-panel .container .panel-content a,#app .responsible-panel .container .panel-content a,#app .terms-panel .container .panel-content a {
    color: #5689e2
}

#app .about-panel .container .panel-content .collapse,#app .faq-panel .container .panel-content .collapse,#app .responsible-panel .container .panel-content .collapse,#app .terms-panel .container .panel-content .collapse {
    line-height: .7rem;
    border-bottom: .01rem solid #d3d3d3
}

#app .about-panel .container .panel-content .collapse:last-child,#app .faq-panel .container .panel-content .collapse:last-child,#app .responsible-panel .container .panel-content .collapse:last-child,#app .terms-panel .container .panel-content .collapse:last-child {
    border-bottom: unset
}

#app .about-panel .container .panel-content .collapse .collapse-header,#app .faq-panel .container .panel-content .collapse .collapse-header,#app .responsible-panel .container .panel-content .collapse .collapse-header,#app .terms-panel .container .panel-content .collapse .collapse-header {
    cursor: pointer;
    padding: 0 .29rem
}

#app .about-panel .container .panel-content .collapse .collapse-header:hover,#app .faq-panel .container .panel-content .collapse .collapse-header:hover,#app .responsible-panel .container .panel-content .collapse .collapse-header:hover,#app .terms-panel .container .panel-content .collapse .collapse-header:hover {
    background: #161616;
    color: #fff
}

#app .about-panel .container .panel-content .collapse .collapse-item,#app .faq-panel .container .panel-content .collapse .collapse-item,#app .responsible-panel .container .panel-content .collapse .collapse-item,#app .terms-panel .container .panel-content .collapse .collapse-item {
    height: 0;
    overflow: hidden;
    padding: 0 .29rem;
    line-height: .33rem;
    transition: all .3s
}

#app .about-panel .container .panel-content .collapse .collapse-item p,#app .faq-panel .container .panel-content .collapse .collapse-item p,#app .responsible-panel .container .panel-content .collapse .collapse-item p,#app .terms-panel .container .panel-content .collapse .collapse-item p {
    margin-bottom: .25rem
}

#app .about-panel .container .panel-content .collapse.active .collapse-header,#app .faq-panel .container .panel-content .collapse.active .collapse-header,#app .responsible-panel .container .panel-content .collapse.active .collapse-header,#app .terms-panel .container .panel-content .collapse.active .collapse-header {
    background: #161616;
    color: #fff
}

#app .about-panel .container .panel-content .collapse.active .collapse-item,#app .faq-panel .container .panel-content .collapse.active .collapse-item,#app .responsible-panel .container .panel-content .collapse.active .collapse-item,#app .terms-panel .container .panel-content .collapse.active .collapse-item {
    height: auto;
    padding: .35rem .29rem
}

#app .terms-panel .container .panel-content {
    margin-left: 0
}

#app .terms-panel .container .panel-content>* {
    margin-bottom: 0
}

#app .terms-panel .container .panel-content>p:first-child {
    margin-bottom: .32rem;
    margin-left: .29rem
}

#app .terms-panel .container .panel-content ul li {
    list-style: unset;
    margin-left: .2rem
}

@media(max-width: 1024px) {
    #app .about-panel,#app .faq-panel,#app .responsible-panel,#app .terms-panel {
        padding-top:.57rem;
        padding-left: 1.72rem;
        padding-right: 1.72rem
    }

    #app .about-panel .container,#app .faq-panel .container,#app .responsible-panel .container,#app .terms-panel .container {
        padding: .6rem .57rem 1.3rem;
        border-top-left-radius: .14rem;
        border-top-right-radius: .14rem
    }

    #app .about-panel .container .panel-title,#app .faq-panel .container .panel-title,#app .responsible-panel .container .panel-title,#app .terms-panel .container .panel-title {
        font-size: .5rem;
        padding-bottom: .26rem;
        padding-left: .37rem
    }

    #app .about-panel .container .panel-content,#app .faq-panel .container .panel-content,#app .responsible-panel .container .panel-content,#app .terms-panel .container .panel-content {
        font-size: .35rem;
        margin-left: .39rem;
        margin-top: .39rem
    }

    #app .about-panel .container .panel-content>*,#app .faq-panel .container .panel-content>*,#app .responsible-panel .container .panel-content>*,#app .terms-panel .container .panel-content>* {
        margin-bottom: .42rem
    }

    #app .about-panel .container .panel-content .collapse,#app .faq-panel .container .panel-content .collapse,#app .responsible-panel .container .panel-content .collapse,#app .terms-panel .container .panel-content .collapse {
        line-height: 1rem
    }

    #app .about-panel .container .panel-content .collapse .collapse-header,#app .faq-panel .container .panel-content .collapse .collapse-header,#app .responsible-panel .container .panel-content .collapse .collapse-header,#app .terms-panel .container .panel-content .collapse .collapse-header {
        padding: 0 .39rem
    }

    #app .about-panel .container .panel-content .collapse .collapse-item,#app .faq-panel .container .panel-content .collapse .collapse-item,#app .responsible-panel .container .panel-content .collapse .collapse-item,#app .terms-panel .container .panel-content .collapse .collapse-item {
        padding: 0 .39rem;
        line-height: .43rem
    }

    #app .about-panel .container .panel-content .collapse .collapse-item p,#app .faq-panel .container .panel-content .collapse .collapse-item p,#app .responsible-panel .container .panel-content .collapse .collapse-item p,#app .terms-panel .container .panel-content .collapse .collapse-item p {
        margin-bottom: .35rem
    }

    #app .about-panel .container .panel-content .collapse.active .collapse-item,#app .faq-panel .container .panel-content .collapse.active .collapse-item,#app .responsible-panel .container .panel-content .collapse.active .collapse-item,#app .terms-panel .container .panel-content .collapse.active .collapse-item {
        height: auto;
        padding: .45rem .39rem
    }

    #app .terms-panel .container .panel-content {
        margin-left: 0
    }

    #app .terms-panel .container .panel-content>* {
        margin-bottom: 0
    }
}

#app .vip-panel {
    height: 100%;
    line-height: 0
}

#app .vip-panel .slider {
    height: 5.1rem
}

#app .vip-panel .slider .slider-container>div>div {
    position: relative
}

#app .vip-panel .slider .slider-container>div>div img {
    width: 20rem;
    height: 5rem
}

#app .vip-panel .slider .slider-container>div>div .container {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 5rem
}

#app .vip-panel .slider .slider-container>div>div .container .content {
    width: 4.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    right: 1.8rem;
    top: .86rem;
    word-break: break-word
}

#app .vip-panel .slider .slider-container>div>div .container .content .title {
    font-family: nunito-black;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .39rem;
    font-size: .23rem;
    line-height: .23rem
}

#app .vip-panel .slider .slider-container>div>div .container .content .desc {
    font-size: .15rem;
    line-height: .2rem
}

#app .vip-panel .slider .slider-container>div>div .container .content .desc>p:first-child {
    margin-bottom: .46rem
}

#app .vip-panel .slider .slider-container>div>div .container .content .desc>p:nth-child(2) {
    margin-bottom: .29rem
}

#app .vip-panel .slider .slider-container>div>div .container .suspend {
    position: absolute;
    display: flex
}

#app .vip-panel .slider .slider-container>div>div .container .suspend img {
    width: 100%;
    height: 100%
}

#app .vip-panel .slider .slider-container>div .container {
    color: #fff
}

#app .vip-panel .slider .slider-container>div .container .vip-suspend .suspend:first-of-type {
    width: .89rem;
    height: 1rem;
    right: -.5rem;
    bottom: 1.2rem
}

#app .vip-panel .slider .slider-container>div .container .vip-suspend .suspend:nth-of-type(2) {
    width: 1.3rem;
    height: .98rem;
    right: .5rem;
    bottom: .2rem
}

#app .vip-panel .slider .pagination {
    display: none
}

#app .vip-panel .vip-box {
    width: 100%;
    max-width: 11.45rem;
    margin: auto
}

#app .vip-panel .vip-status {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: .55rem auto .42rem;
    width: 100%;
    border-bottom: .01rem solid #3e3b2f
}

#app .vip-panel .vip-status .status-img {
    width: 5.5rem;
    position: absolute;
    left: -1.3rem;
    top: -2.1rem;
    object-fit: cover
}

#app .vip-panel .vip-status .status-img.card-float {
    animation: animate-suspend-3-0 12s linear infinite;
    top: -1.6rem;
}

#app .vip-panel .vip-status .dummy-col {
    width: 3.8rem
}

#app .vip-panel .vip-status .progress-status {
    width: 8rem;
    margin-bottom: .42rem
}

#app .vip-panel .vip-status .progress-status .current-status {
    width: 100%;
    position: relative
}

#app .vip-panel .vip-status .progress-status .current-status .status-title {
    font-weight: 700;
    font-size: .18rem;
    line-height: .18rem;
    margin-left: .08rem
}

#app .vip-panel .vip-status .progress-status .current-status .progress-bar {
    position: relative;
    overflow: hidden;
    height: .27rem;
    margin-top: .16rem;
    border-radius: .2rem;
    background: repeating-linear-gradient(35deg,#3b3f4c,#3b3f4c .15rem,#111 0,#111 .2rem)
}

#app .vip-panel .vip-status .progress-status .current-status .progress-bar>span {
    position: relative;
    display: block;
    height: 100%
}

#app .vip-panel .vip-status .progress-status .current-status .progress-bar>span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#app .vip-panel .vip-status .progress-status .status-level {
    display: flex;
    width: 100%
}

#app .vip-panel .vip-status .progress-status .status-level .all-level {
    flex: 1 1 0;
    text-align: center
}

#app .vip-panel .vip-status .progress-status .status-level .all-level .memberGroupLevelArrowContainer {
    width: .01rem;
    margin: .05rem auto
}

#app .vip-panel .vip-status .progress-status .status-level .all-level p {
    font-weight: 700;
    font-size: .16rem;
    line-height: .16rem;
    margin-bottom: .07rem
}


#app .vip-panel .vip-status .progress-status .status-level .all-level span {
    color: #d2d2d2;
    font-size: .14rem;
    line-height: .18rem
}

#app .vip-panel .vip-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

#app .vip-panel .vip-table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    text-align: center
}

#app .vip-panel .vip-table tr td {
    align-items: flex-start;
    display: table-cell;
    vertical-align: inherit;
    color: #bababa;
    font-size: .16rem;
    line-height: .16rem;
    padding-bottom: .22rem
}

#app .vip-panel .vip-table tr td:first-child {
    text-align: left;
    font-size: .18rem;
    line-height: .18rem;
    color: #a9acb6;
    width: 3.74rem;
    padding-right: .62rem
}

#app .vip-panel .vip-table tr td img {
    width: 100%;
    padding: 0 .15rem;
}

#app .vip-panel .vip-table tr td.content-title {
    text-align: left;
    font-family: nunito-black;
    font-size: .18rem;
    line-height: .2rem;
    padding-top: .26rem;
    padding-bottom: .2rem
}

#app .vip-panel .vip-table tr:first-child td {
    padding: 0
}

#app .vip-panel .vip-table tr:last-child {
    border-bottom: .01rem solid #3e3b2f
}

#app .vip-panel .vip-table tr:last-child td {
    padding-bottom: .4rem
}

#app .vip-panel .vip-table tr:not(:first-child):not(:nth-child(2)) td:first-child {
    padding-left: .05rem
}

#app .vip-panel .vip-table .table-type {
    border-bottom: .01rem solid #3e3b2f
}

#app .vip-panel .vip-table .table-type td {
    font-weight: 700;
    padding-bottom: .24rem;
    font-size: .18rem;
    line-height: .18rem
}

#app .vip-panel .vip-table .table-type td:first-child {
    font-family: nunito-black;
    font-size: .25rem;
    line-height: .25rem;
    padding-top: .08rem;
    padding-left: .02rem
}

#app .vip-panel .vip-table .table-type td:not(:first-child) {
    padding-top: .12rem
}

#app .vip-panel .vip-table .table-type td.type-title {
    white-space: nowrap
}

#app .vip-panel .vip-btm {
    display: block;
    margin-left: .85rem;
    margin-top: .67rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 10rem
}

#app .vip-panel .vip-table .benefits-box {
    color: #fff;
    display: flex;
    align-items: center;
    background: #192337;
    width: 11.95rem;
    border-radius: 0.15rem;
    padding: .25rem;
    margin-left: -.25rem;
}

#app .vip-panel .vip-table .benefits-box .left {
    width: 3.74rem;
}

#app .vip-panel .vip-table .benefits-box .left .list-title {
    text-align: left;
    font-size: .19rem;
    line-height: .19rem;
    font-family: nunito-bold;
    color: #fff;
    padding: .1rem .62rem .1rem .05rem;
    height: 1.1rem;
    display: inline-grid;
    width: 100%;
    align-items: center;
}

#app .vip-panel .vip-table .benefits-box .right {
    display: flex;
    width: 7.71rem;
    justify-content: space-between;
}

#app .vip-panel .vip-table .benefits-box .right .inner {
    background: linear-gradient(180deg, rgba(67, 81, 113, 1), rgba(21, 31, 43, 1));
    width: 1.12rem;
    border-radius: .15rem;
    padding: .1rem;
}

#app .vip-panel .vip-table .benefits-box .right .inner>div {
    height: 1.1rem;
    display: flex;
    justify-content: center;
}

#app .vip-panel .vip-table .benefits-box .right .inner img, #app .vip-panel .vip-table .benefits-box .right .inner span {
    height: .6rem;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

#app .vip-panel .vip-table .benefits-box .right .inner>div:first-child img {
    width: .8rem;
    /* height: 0.9rem; */
}

#app .vip-panel .vip-table .benefits-box .right .inner>div:nth-child(2) img {
    width: .35rem;
}

#app .vip-panel .vip-table .benefits-box .right .inner>div:nth-child(3) img {
    width: .45rem;
}

@media(max-width: 1024px) {
    #app .vip-panel .slider {
        height:7.2rem
    }

    #app .vip-panel .slider .slider-container>div>div img {
        height: 7.2rem;
        width: auto;
        margin: 0 auto;
        display: block
    }

    #app .vip-panel .slider .slider-container>div>div .container {
        height: 7rem
    }

    #app .vip-panel .slider .slider-container>div>div .container .content {
        width: 7.4rem;
        right: 6.2rem;
        top: 1.2rem
    }

    #app .vip-panel .slider .slider-container>div>div .container .content .title {
        margin-bottom: .49rem;
        font-size: .33rem;
        line-height: .33rem
    }

    #app .vip-panel .slider .slider-container>div>div .container .content .desc {
        font-size: .25rem;
        line-height: .3rem
    }

    #app .vip-panel .slider .slider-container>div>div .container .content .desc>p:first-child {
        margin-bottom: .56rem
    }

    #app .vip-panel .slider .slider-container>div>div .container .content .desc>p:nth-child(2) {
        margin-bottom: .39rem
    }

    #app .vip-panel .slider .slider-container>div .container .vip-suspend .suspend:first-of-type {
        width: 1.19rem;
        height: 1.3rem;
        right: 4.3rem;
        bottom: 2.2rem
    }

    #app .vip-panel .slider .slider-container>div .container .vip-suspend .suspend:nth-of-type(2) {
        width: 1.8rem;
        height: 1.48rem;
        right: 5.5rem;
        bottom: .2rem
    }

    #app .vip-panel .vip-box {
        max-width: 19rem
    }

    #app .vip-panel .vip-status {
        margin: .65rem auto .8rem;
        max-width: 19rem
    }

    #app .vip-panel .vip-status .status-img {
        width: 8.5rem;
        left: -2rem;
        top: -3rem
    }

    #app .vip-panel .vip-status .progress-status {
        width: 13.6rem;
        margin-bottom: .8rem
    }

    #app .vip-panel .vip-status .progress-status .current-status {
        width: 100%
    }

    #app .vip-panel .vip-status .progress-status .current-status .status-title {
        font-size: .26rem;
        line-height: .26rem;
        margin-left: .18rem
    }

    #app .vip-panel .vip-status .progress-status .current-status .progress-bar {
        height: .37rem;
        margin-top: .26rem;
        border-radius: .3rem;
        background: repeating-linear-gradient(35deg,#3b3f4c,#3b3f4c .15rem,#111 0,#111 .23rem)
    }

    #app .vip-panel .vip-status .progress-status .status-level>div {
        width: 2rem;
        margin-top: .49rem
    }

    #app .vip-panel .vip-status .progress-status .status-level>div:before {
        top: -.4rem;
        height: .28rem
    }

    #app .vip-panel .vip-status .progress-status .status-level>div p {
        font-size: .26rem;
        line-height: .26rem;
        margin-bottom: .17rem
    }

    #app .vip-panel .vip-status .progress-status .status-level>div span {
        font-size: .25rem;
        line-height: .28rem
    }

    #app .vip-panel .vip-table {
        max-width: 16.8rem;
        margin-left: 2rem
    }

    #app .vip-panel .vip-table tr td {
        font-size: .26rem;
        line-height: .26rem;
        padding: .32rem 0
    }

    #app .vip-panel .vip-table tr td:first-child {
        font-size: .28rem;
        line-height: .28rem;
        padding-right: .7rem
    }

    #app .vip-panel .vip-table tr td:not(:first-child) {
        width: 2rem
    }

    #app .vip-panel .vip-table tr td img {
        max-width: 1.5rem
    }

    #app .vip-panel .vip-table tr td.content-title {
        font-size: .28rem;
        line-height: .32rem;
        padding-top: .42rem
    }

    #app .vip-panel .vip-table tr:last-child td {
        padding: .32rem 0 .49rem
    }

    #app .vip-panel .vip-table .table-type td {
        padding-bottom: .34rem;
        font-size: .28rem;
        line-height: .28rem
    }

    #app .vip-panel .vip-table .table-type td:first-child {
        font-size: .35rem;
        line-height: .35rem;
        padding-top: .18rem
    }

    #app .vip-panel .vip-table .table-type td:not(:first-child) {
        padding-top: .22rem
    }

    #app .vip-panel .vip-btm {
        margin-top: .77rem;
        max-width: 17rem;
        margin-left: 2rem
    }

    #app .vip-panel .vip-table .benefits-box {
        width: 17.5rem;
        padding: 0.4rem;
        margin-left: -0.4rem;
    }

    #app .vip-panel .vip-table .benefits-box .left {
        width: 4.44rem;
    }

    #app .vip-panel .vip-table .benefits-box .left .list-title {
        font-size: .28rem;
        line-height: .28rem;
    }

    #app .vip-panel .vip-table .benefits-box .right {
        width: 12.96rem;
    }

    #app .vip-panel .vip-table .benefits-box .right .inner {
        width: 1.8rem;
    }
}

#app .vip-page .m-vip-panel img {
    width: 100%;
    height: 100%
}

#app .vip-page .m-vip-panel .vip-status {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: .81rem auto;
    width: 100%;
    max-width: 10.04rem;
    border-bottom: .01rem solid #3e3b2f;
    padding-bottom: .11rem
}

#app .vip-page .m-vip-panel .vip-status .status-img {
    width: 6.5rem;
    height: auto;
    position: absolute;
    left: -1.8rem;
    top: -2.1rem;
    object-fit: cover
}

#app .vip-page .m-vip-panel .vip-status .progress-status {
    width: 100%;
    margin: 0 .35rem .48rem
}

#app .vip-page .m-vip-panel .vip-status .progress-status .current-status .status-title {
    font-weight: 700;
    font-size: .25rem;
    line-height: .25rem;
}

#app .vip-page .m-vip-panel .vip-status .progress-status .current-status .progress-bar {
    position: relative;
    overflow: hidden;
    height: .34rem;
    margin-top: .09rem;
    border-radius: .2rem;
    background: repeating-linear-gradient(35deg,#3b3f4c,#3b3f4c .2rem,#111 0,#111 .3rem)
}

#app .vip-page .m-vip-panel .vip-status .progress-status .current-status .progress-bar>span {
    position: relative;
    display: block;
    height: 100%
}

#app .vip-page .m-vip-panel .vip-status .progress-status .current-status .progress-bar>span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#app .vip-page .m-vip-panel .vip-status .progress-status .status-level {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between
}

#app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div {
    flex: 1 1 0;
    text-align: center;
    position: relative
}

#app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer {
    width: 100%;
    height: .19rem;
    margin: .075rem 0 .05rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer .memberGroupLevelArrow {
    width: .01rem;
    height: .19rem
}

#app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div p {
    font-weight: 700;
    font-size: .21rem;
    line-height: .25rem;
    margin-bottom: .25rem
}

#app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div img {
    max-width: .8rem;
    max-height: .49rem
}

#app .vip-page .m-vip-panel .vip-table {
    width: 10.04rem;
    margin: auto;
    height: 18.5rem;
    position: relative
}

#app .vip-page .m-vip-panel .vip-table .slider .navigation {
    width: 5.33rem;
    top: 1.43rem;
    left: 7.11rem
}

#app .vip-page .m-vip-panel .vip-table .slider .navigation li svg {
    width: .6rem;
    height: .6rem;
    fill: #50545b
}

#app .vip-page .m-vip-panel .vip-table .slider .navigation .prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#app .vip-page .m-vip-panel .vip-table .slider .navigation .next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#app .vip-page .m-vip-panel .vip-table .slider .pagination {
    display: none
}

#app .vip-page .m-vip-panel .vip-table .row-title-content {
    color: #fff;
    background: #111;
    position: absolute;
    top: 3.17rem;
    padding: 34px 0 0;
    left: 8px;
    font-weight: 700
}

#app .vip-page .m-vip-panel .vip-table .row-title-content .details-title {
    font-size: 11px;
    padding: 10px 0 0;
    margin: 0 0 8px;
    line-height: 11px
}

#app .vip-page .m-vip-panel .vip-table .row-title-content .details-content {
    color: #aab1be;
    font-weight: 400;
    font-size: .26rem;
    margin: 0 0 8px;
    line-height: 1.2
}

#app .vip-page .m-vip-panel .vip-table .type-title-overlap {
    font-family: nunito-black;
    font-size: .29rem;
    line-height: .28rem;
    margin-bottom: .48rem;
    white-space: nowrap;
    position: absolute;
    top: .7rem;
    left: .38rem
}

#app .vip-page .m-vip-panel .vip-table .vip-type {
    display: flex;
    align-items: center;
    border-bottom: .01rem solid #3e3b2f;
    height: 3.17rem
}

#app .vip-page .m-vip-panel .vip-table .vip-type .type-desc {
    width: 2.78rem;
    margin-right: 1.39rem
}

#app .vip-page .m-vip-panel .vip-table .vip-type .type-desc .type-title {
    font-family: nunito-black;
    font-size: .29rem;
    line-height: .28rem;
    margin-bottom: .48rem;
    white-space: nowrap
}

#app .vip-page .m-vip-panel .vip-table .vip-type .type-desc .type-remark {
    color: #fff;
    font-size: .26rem;
    line-height: .3rem;
    margin-left: .04rem
}

#app .vip-page .m-vip-panel .vip-table .vip-type .type-card {
    width: 5.12rem
}

#app .vip-page .m-vip-panel .vip-table .vip-type .type-card img {
    display: block;
    margin: auto;
    max-width: 4.1rem
}

#app .vip-page .m-vip-panel .vip-table .MS_MY-type-details {
    width: 35%!important
}

#app .vip-page .m-vip-panel .vip-table .type-details {
    padding: 34px 0 0;
    font-size: .26rem;
    width: 50%;
    margin-left: auto
}

#app .vip-page .m-vip-panel .vip-table .type-details .details-title {
    font-family: nunito-black;
    font-size: .29rem;
    line-height: .29rem;
    padding: .13rem 0 .33rem
}

#app .vip-page .m-vip-panel .vip-table .type-details .details-title:not(:first-child) {
    padding-top: .53rem
}

#app .vip-page .m-vip-panel .vip-table .type-details .MYR-details-content:first-child,#app .vip-page .m-vip-panel .vip-table .type-details .MYR-details-content:nth-child(5),#app .vip-page .m-vip-panel .vip-table .type-details .MYR-details-content:nth-child(8),#app .vip-page .m-vip-panel .vip-table .type-details .MYR-details-content:nth-child(12),#app .vip-page .m-vip-panel .vip-table .type-details .MYR-details-content:nth-child(13),#app .vip-page .m-vip-panel .vip-table .type-details .SGD-details-content:first-child,#app .vip-page .m-vip-panel .vip-table .type-details .SGD-details-content:nth-child(5),#app .vip-page .m-vip-panel .vip-table .type-details .SGD-details-content:nth-child(8),#app .vip-page .m-vip-panel .vip-table .type-details .SGD-details-content:nth-child(12),#app .vip-page .m-vip-panel .vip-table .type-details .SGD-details-content:nth-child(13),#app .vip-page .m-vip-panel .vip-table .type-details .THB-details-content:first-child,#app .vip-page .m-vip-panel .vip-table .type-details .THB-details-content:nth-child(5),#app .vip-page .m-vip-panel .vip-table .type-details .THB-details-content:nth-child(9),#app .vip-page .m-vip-panel .vip-table .type-details .THB-details-content:nth-child(12),#app .vip-page .m-vip-panel .vip-table .type-details .THB-details-content:nth-child(13),#app .vip-page .m-vip-panel .vip-table .type-details .USD-details-content:first-child,#app .vip-page .m-vip-panel .vip-table .type-details .USD-details-content:nth-child(5),#app .vip-page .m-vip-panel .vip-table .type-details .USD-details-content:nth-child(8),#app .vip-page .m-vip-panel .vip-table .type-details .USD-details-content:nth-child(12),#app .vip-page .m-vip-panel .vip-table .type-details .USD-details-content:nth-child(13),#app .vip-page .m-vip-panel .vip-table .type-details .VND-details-content:first-child,#app .vip-page .m-vip-panel .vip-table .type-details .VND-details-content:nth-child(4),#app .vip-page .m-vip-panel .vip-table .type-details .VND-details-content:nth-child(8),#app .vip-page .m-vip-panel .vip-table .type-details .VND-details-content:nth-child(10),#app .vip-page .m-vip-panel .vip-table .type-details .VND-details-content:nth-child(11) {
    padding: 29px 0 8px
}

#app .vip-page .m-vip-panel .vip-table .type-details .details-content {
    display: flex;
    padding: 0 0 8px;
    width: 50%;
    margin-left: auto;
    white-space: nowrap;
    font-size: .26rem;
    line-height: 1.2
}

#app .vip-page .m-vip-panel .vip-table .type-details .details-content:last-child {
    padding: 0
}

#app .vip-page .m-vip-panel .vip-table .type-details .details-content p:first-child {
    width: 6.95rem;
}

#app .vip-page .m-vip-panel .vip-btm {
    display: block;
    padding-top: .9rem;
    margin: .9rem auto auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 9.55rem;
    border-top: .01rem solid #3e3b2f
}

.nav-leaderboard {
    justify-content: center;
    align-content: center;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.nav-leaderboard .nav-leaderboard-container {
    display: flex
}

.nav-leaderboard .nav-leaderboard-container .pending {
    margin: 0 0.2rem 0 0.1rem;
    display: flex;
    align-items: center;
}

.nav-leaderboard .nav-leaderboard-container .pending img {
    width: 0.4rem;
}

.nav-leaderboard .nav-leaderboard-container .pending-bonus {
    margin: 0 0.05rem 0 0.1rem;
    display: flex;
    align-items: center;
}

.nav-leaderboard .nav-leaderboard-container .pending-bonus img.bonus {
    width: 0.2rem;
    height: 0.26rem
}

.nav-leaderboard .icon-leaderboard-svg {
    display: flex;
    align-items: center
}

.nav-leaderboard .icon-leaderboard-svg img {
    width: .4rem;
    display: flex
}

.nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span {
    font-weight: 700;
    font-size: .16rem;
    padding: 0 .2rem 0 .1rem;
    color: #878787;
}

.nav-leaderboard .navbar-member-group-desc {
    display: flex;
    align-items: center;
    position: relative
}

.nav-leaderboard .navbar-member-group-desc:after {
    content: "";
    width: .01rem;
    height: .32rem;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    background: #474747
}

.nav-leaderboard .navbar-member-group-desc .leaderboard {
    display: flex;
    align-items: center;
    width: .6rem;
    padding: 0 .1rem 0 .2rem
}

.nav-leaderboard .navbar-member-group-desc .navbar-member-group-rank {
    color: #a2aabd;
    font-size: .16rem;
    padding: 0 .1rem 0 .05rem
}

.sponsorship-container .slider-container {
    width: 13rem
}

.sponsorship-container .slider-container .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.sponsorship-container .slider-container .slick-slider .slick-arrow {
    display: flex!important;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    top: 15%;
    width: .28rem;
    height: .28rem;
    z-index: 1;
    overflow: visible;
    fill: #6da0dd
}

.sponsorship-container .slider-container .slick-slider .slick-prev {
    position: absolute;
    right: -.01rem
}

.sponsorship-container .slider-container .slick-slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.sponsorship-container .slider-container .slick-slider .slick-list .slick-track {
    position: relative;
    top: 0;
    display: flex;
    padding: 0 .2rem
}

.sponsorship-container .slider-container .slick-slider .slick-list .slick-track:after,.sponsorship-container .slider-container .slick-slider .slick-list .slick-track:before {
    display: table;
    content: ""
}

.sponsorship-container .slider-container .slick-slider .slick-list .slick-track .slick-slide {
    float: left;
    height: 100%;
    min-height: .01rem;
    display: block;
    text-align: center;
    width: 220px;
}

@media (max-width: 1024px) {
    .sponsorship-container .slider-container .slick-slider .slick-list .slick-track .slick-slide {
        width: 107px;
    }
}

.sponsorship-container .slider-container .slick-slider .slick-list .slick-track .slick-slide .image-container {
    padding: 0 .1rem
}

.sponsorship-container .slider-container .slick-slider .slick-list .slick-track .slick-slide .image-container .slider-banner {
    width: 100%;
    border-radius: .1rem
}

.sponsorship-container .slider-container .slick-slider .slick-list .slick-track .slick-slide .image-container .slider-banner:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    transition: -webkit-transform .33s ease-in-out;
    transition: transform .33s ease-in-out;
    transition: transform .33s ease-in-out,-webkit-transform .33s ease-in-out
}

@media(max-width: 768px) {
    #app .sponsorship-container .slider-container {
        width:auto
    }

    #app .sponsorship-container .slider-container .slick-slider .slick-list .slick-track {
        padding: .5rem 4rem
    }

    #app .sponsorship-container .slider-container .slick-slider .slick-list .slick-track .slick-slide .slider-banner {
        width: 3.07rem
    }
}

#app .provider-panel .provider-banner {
    height: 5rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
}

#app .provider-panel .provider-banner-fishing {
    background-image: url(/images/FIFO88/fishing/fishing-games-banner.webp);
}

#app .provider-panel .provider-banner-lottery {
    background-image: url(/images/FIFO88/lottery/lottery-banner.webp);
}

#app .provider-panel .provider-banner-racing {
    background-image: url(/images/FIFO88/racing/racing-web-banner.webp);
}

#app .provider-panel .provider-banner .container {
    position: relative;
    margin: 0 auto
}

#app .provider-panel .provider-banner .container .suspend {
    position: absolute
}

#app .provider-panel .provider-banner .container .suspend img {
    display: block;
    width: 100%;
    height: 100%
}

#app .provider-panel .provider-banner .container .suspend#suspend_01 {
    height: 1.05rem;
    left: .3rem;
    top: .85rem;
    animation: animate-suspend-4-1 8s linear infinite;
}

#app .provider-panel .provider-banner .container .suspend#suspend_02 {
    height: .55rem;
    left: 2.4rem;
    bottom: 0.4rem;
    animation: animate-suspend-1 10s linear infinite;
}

#app .provider-panel .provider-banner .container .suspend#suspend_03 {
    height: 1.1rem;
    left: 6.4rem;
    top: 0;
    animation: animate-suspend 15s linear infinite;
}

#app .provider-panel .provider-banner .container .suspend#suspend_04 {
    height: 1.25rem;
    left: 10.8rem;
    top: .4rem;
    animation: animate-suspend-4-0 12s linear infinite;
}

#app .provider-panel .provider-banner .container .suspend#suspend_1 {
    height: 1.1rem;
    left: 2.8rem;
    bottom: 2.9rem;
    animation: animate-suspend-3-0 12s linear infinite;
}

#app .provider-panel .provider-banner .container .suspend#suspend_2 {
    height: 0.9rem;
    right: 1.8rem;
    bottom: 3.2rem;
    animation: animate-suspend-9-1 20s linear infinite;
}

#app .provider-panel .provider-banner .container .suspend#suspend_3 {
    height: 0.75rem;
    right: 2.8rem;
    bottom: 0.8rem;
    animation: animate-suspend-10-1 12s linear infinite;
}

#app .provider-panel .provider-games {
    min-height: 8.08rem;
    background: #1d1d1d
}

#app .provider-panel .provider-games .provider-games-items {
    display: flex;
    padding-top: .24rem
}

@media (max-width: 1024px) {
    #app .provider-panel .provider-games .container {
        padding-left: .845rem;
    }
}

#app .provider-panel .provider-games .provider-games-items .brand-list {
    width: 2.15rem;
    height: 100%;
    min-height: 5.99rem;
    border-bottom-left-radius: .1rem;
    border-top-left-radius: .1rem;
    background: #282828;
    padding-bottom: .8rem;
}

#app .provider-panel .provider-games .provider-games-items .brand-list li {
    display: flex;
    height: .71rem;
    align-items: center;
    border-bottom: .01rem solid rgba(77,79,85,.4);
    font-size: .18rem;
    line-height: .2rem;
    color: rgba(162,170,189,.5);
    transition: color .3s;
    cursor: pointer;
    position: relative;
    padding-left: 0.22rem;
}

#app .provider-panel .provider-games .provider-games-items .brand-list li .icon-box {
    width: .45rem;
    position: relative;
}

#app .provider-panel .provider-games .provider-games-items .brand-list li .icon-box>i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

#app .provider-panel .provider-games .provider-games-items .brand-list li .icon-box>i.on {
    display: none
}

#app .provider-panel .provider-games .provider-games-items .brand-list li .maintenance-hover-box {
    background: url(/images/icon/maintenance_icon.svg);
    width: 2.15rem;
    height: .71rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0,0,0,.4117647058823529);
    cursor: auto;
    right: 0;
    position: absolute;
    background-size: 25%
}

#app .provider-panel .provider-games .provider-games-items .brand-list li:hover {
    color: rgba(162,170,189,.5)
}

#app .provider-panel .provider-games .provider-games-items .brand-list li:hover .icon-box>i {
    display: initial
}

#app .provider-panel .provider-games .provider-games-items .brand-list li.on,#app .provider-panel .provider-games .provider-games-items .brand-list li:hover {
    color: var(--primary-color)
}

#app .provider-panel .provider-games .provider-games-items .brand-list li.on .icon-box>i,#app .provider-panel .provider-games .provider-games-items .brand-list li:hover .icon-box>i {
    display: none
}

#app .provider-panel .provider-games .provider-games-items .brand-list li.on .icon-box>i.on,#app .provider-panel .provider-games .provider-games-items .brand-list li:hover .icon-box>i.on {
    display: inline-block
}

#app .provider-panel .provider-games .provider-games-items .brand-list li.on {
    pointer-events: none
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right {
    width: 10.9rem;
    margin-left: .45rem;
    padding-top: .22rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .type-list {
    display: flex;
    align-items: center;
    -webkit-transform: translateX(-.1rem);
    transform: translateX(-.1rem)
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .type-list li {
    height: .22rem;
    padding: 0 .34rem;
    font-size: .18rem;
    color: rgba(162,170,189,.5);
    transition: color .3s;
    cursor: pointer
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .type-list li:not(:last-child) {
    border-right: .01rem solid #45484d
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .type-list li.on {
    pointer-events: none
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .search-box {
    width: 2.1rem;
    height: .39rem;
    border: .01rem solid #40444d;
    border-radius: .05rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .18rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .search-box .icon-search {
    cursor: pointer
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .search-box input {
    width: 1.5rem;
    border: none;
    background: 0 0;
    color: rgba(162,170,189,.5);
    font-size: .18rem;
    text-transform: lowercase
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .search-box input::-webkit-input-placeholder {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: rgba(162,170,189,.5);
    font-size: .18rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .search-box input:-moz-placeholder,#app .slots-games .slots-games-items .slots-games-right .type-nav-box .search-box input::-moz-placeholder {
    -moz-transition: color .3s;
    transition: color .3s;
    color: rgba(162,170,189,.5);
    font-size: .18rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .search-box input:-ms-input-placeholder {
    -ms-transition: color .3s;
    transition: color .3s;
    color: rgba(162,170,189,.5);
    font-size: .18rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li {
    width: 2.01rem;
    height: 1.77rem;
    margin-bottom: .25rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li .img-box {
    width: 100%;
    height: 1.31rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li .img-box .hover-box {
    background: rgba(50,14,41,.79)
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li .img-box .hover-box>span {
    width: .99rem;
    height: .3rem;
    font-size: .16rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li .img-box .hover-box>span:first-child {
    background: #f905b8
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li:not(:nth-child(5n)) {
    margin-right: .21rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li>p {
    height: .46rem;
    font-size: .16rem
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li>p:after,#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li>p:before {
    background: #980070
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li>p i {
    width: .24rem;
    height: .21rem;
    display: none
}

#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li.force-hover:hover p:after,#app .provider-panel .provider-games .provider-games-items .provider-games-right .type-game-list-box .game-content li.force-hover:hover p:before {
    background: #f905b8
}

#app .provider-panel .provider-games-lottery .game-content li {
    width: 2.01rem;
    height: 1.77rem;
    margin-bottom: .25rem
}

#app .provider-panel .provider-games-lottery .game-content li:not(:nth-child(5n)) {
    margin-right: .21rem
}

#app .provider-panel .provider-games-lottery .game-content li>p {
    height: .46rem;
    font-size: .16rem
}

#app .provider-panel .provider-games-lottery .game-content li>p i {
    width: .24rem;
    height: .21rem
}

#app .provider-panel .provider-games-lottery .game-content li .img-box {
    width: 100%;
    height: 1.31rem
}

#app .provider-panel .provider-games-lottery .game-content li .img-box .hover-box {
    background: rgba(0,0,0,.7411764705882353)
}

#app .provider-panel .provider-games-fishing .game-content li {
    width: 2.01rem;
    height: 1.77rem;
    margin-bottom: .25rem
}

#app .provider-panel .provider-games-fishing .game-content li:not(:nth-child(5n)) {
    margin-right: .21rem
}

#app .provider-panel .provider-games-fishing .game-content li>p {
    height: .46rem;
    font-size: .16rem
}

#app .provider-panel .provider-games-fishing .game-content li>p i {
    width: .24rem;
    height: .21rem
}

#app .provider-panel .provider-games-fishing .game-content li .img-box {
    width: 100%;
    height: 1.31rem
}

#app .provider-panel .provider-games-fishing .game-content li .img-box .hover-box {
    background: rgba(0,0,0,.7411764705882353)
}

#app .provider-panel .provider-games-racing .game-content li {
    width: 2.01rem;
    height: 1.77rem;
    margin-bottom: .25rem
}

#app .provider-panel .provider-games-racing .game-content li:not(:nth-child(5n)) {
    margin-right: .21rem
}

#app .provider-panel .provider-games-racing .game-content li p {
    height: .46rem;
    font-size: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-left: 0.19rem;
    padding-right: 0.12rem;
    font-size: .14rem;
    color: #a2aabd;
    padding-bottom: 0.06rem;
    transition: color .3s;
    position: relative;
    text-transform: capitalize;
}

#app .provider-panel .provider-games-racing .game-content li p:after,
#app .provider-panel .provider-games-racing .game-content li p:before {
    transition: background .5s;
    content: "";
    position: absolute;
    background: #004069;
}

#app .provider-panel .provider-games-racing .game-content li p:after {
    width: 0.92rem;
    height: 0.05rem;
    left: 50%;
    bottom: 0.02rem;
    -webkit-transform: perspective(0.5em) rotateX(8deg);
    transform: translateX(-50%);
}

#app .provider-panel .provider-games-racing .game-content li p:before {
    height: 0.04rem;
    left: 0;
    bottom: 0;
    width: 100%;
}

#app .provider-panel .provider-games-racing .game-content li p i {
    width: .24rem;
    height: .21rem
}

#app .provider-panel .provider-games-racing .game-content li .img-box {
    width: 100%;
    height: 1.31rem;
    background-position: top;
}

#app .provider-panel .provider-games-racing .game-content li .img-box .hover-box {
    background: rgba(0,0,0,.7411764705882353)
}

#app .floating-banner-container {
    width: 1.85rem;
    position: fixed;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 99
}

#app .floating-banner-container .mySwiper .swiper-slide {
    opacity: 0 !important;
}

#app .floating-banner-container .mySwiper .swiper-slide.swiper-slide-visible {
    opacity: 1 !important;
}

#app .floating-banner-container .floating-banner-img {
    width: 100%;
    position: relative
}

#app .floating-banner-container .floating-banner-img .floating-banner-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    width: .2rem;
    height: .2rem;
    font-size: .16rem;
    border: unset;
    cursor: pointer
}

#app .floating-banner-container .floating-banner-img img {
    width: 100%;
    max-height: 2.2rem;
    object-fit: contain;
}

#app .floating-banner-container .floating-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .1rem .15rem .1rem;
    width: 95%;
    /* margin: -.8rem auto 0; */
    /* background: linear-gradient(#7b7a78,#3d3435,#251c1d); */
    font-family: nunito-regular;
    font-size: .14rem;
    color: #fff;
}

#app .floating-banner-container .floating-banner-content div {
    width: 100%
}

#app .floating-banner-container .floating-banner-content div p {
    margin: .1rem 0;
    min-height: 0.45rem;
}

#app .floating-banner-container .floating-banner-content.withoutImg {
    margin: 0 auto;
    padding: 0 .15rem .1rem
}

#app .floating-banner-container .floating-banner-content strong {
    font-family: nunito-black;
    font-weight: 700
}

#app .floating-banner-container .floating-banner-content button {
    width: 100%;
    font-size: .12rem;
    font-weight: 700;
    font-family: nunito-bold;
    color: #fff;
    padding: .03rem 0;
    border: unset;
    border-radius: .03rem;
    cursor: pointer;
    height: .3rem
}

#app .floating-banner-container-left {
    -webkit-animation-name: floating-notification-slide-left;
    animation-name: floating-notification-slide-left;
    left: .2rem;
    background: linear-gradient(to bottom, transparent 20%, #2f2f2f 55%);
    border-top-left-radius: 30%;
    border-top-right-radius: 30%;
}

#app .floating-icon-container-left {
    -webkit-animation-name: floating-notification-slide-left;
    animation-name: floating-notification-slide-left;
}

#app .floating-banner-container-right {
    -webkit-animation-name: floating-notification-slide-right;
    animation-name: floating-notification-slide-right;
    right: .2rem
}

@-webkit-keyframes floating-notification-slide-left {
    0% {
        margin-left: -100%
    }

    to {
        margin-left: 0
    }
}

@keyframes floating-notification-slide-left {
    0% {
        margin-left: -100%
    }

    to {
        margin-left: 0
    }
}

@-webkit-keyframes floating-notification-slide-right {
    0% {
        margin-right: -100%
    }

    to {
        margin-right: 0
    }
}

@keyframes floating-notification-slide-right {
    0% {
        margin-right: -100%
    }

    to {
        margin-right: 0
    }
}

@media(max-width: 768px) {
    #app .floating-banner-container {
        width:3.7rem
    }

    #app .floating-banner-container .floating-banner-img .floating-banner-close-btn {
        width: .5rem;
        height: .5rem;
        font-size: .3rem
    }

    #app .floating-banner-container .floating-banner-content {
        margin: -1.2rem auto 0;
        padding: 1.2rem .15rem .1rem
    }

    #app .floating-banner-container .floating-banner-content p {
        margin: .2rem 0;
        font-size: .26rem
    }

    #app .floating-banner-container .floating-banner-content button {
        width: 100%;
        font-size: .3rem;
        padding: .03rem 0;
        border-radius: .1rem;
        height: .6rem
    }

    #app .floating-banner-container-left {
        left: .5rem
    }

    #app .floating-banner-container-right {
        right: .5rem
    }
}

#app .donot-miss .item-title,#app .dropping-hot .item-title,.common-title {
    font-size: .25rem;
    font-family: nunitosans-extrabold;
    font-weight: 900;
    line-height: 1.1rem;
    text-transform: uppercase
}

.message-detail-modal .message-detail-title-container {
    display: grid;
    grid-template-columns: 95% 5%
}

.message-detail-modal .message-detail-title-container .titleWarpper .message-detail-title {
    word-break: break-word
}

.message-detail-modal .message-detail-title-container .close-btn {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    height: 100%
}

.message-detail-modal .custom-modal-body {
    word-break: break-word
}

.v-toast {
    z-index: 10001!important;
}
.v-toast__item {
    font-size: .14rem;
    opacity: 1!important;
    min-height: unset!important;
    min-width: 4rem!important;
    color: #666!important;
    border-radius: .05rem!important;
    z-index: 10000;
}

.v-toast__item .v-toast__text {
    padding: .68em 1.5em!important;
}

.v-toast__item .v-toast__icon {
    width: 16px!important;
    min-width: 16px!important;
    height: 16px!important;
    margin-left: 2em!important;
}

.v-toast__item--success {
    background-color: #fff!important;
}

.v-toast__item.v-toast__item--success .v-toast__icon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3e %3cpath fill='%2332cd32' d='M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm14.495 17.329l-16 18a1.997 1.997 0 01-2.745.233l-10-8a2 2 0 012.499-3.124l8.517 6.813L37.505 14.67a2.001 2.001 0 012.99 2.659z'/%3e %3c/svg%3e") no-repeat !important;
}

.v-toast__item--error {
    background-color: #f9c9c5!important;
    border: 1px solid #ff0606;
    color: #ff0606!important;
}

.v-toast__item.v-toast__item--error .v-toast__icon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.976 51.976'%3e %3cpath fill='%23ff0606' d='M44.373 7.603c-10.137-10.137-26.632-10.138-36.77 0-10.138 10.138-10.137 26.632 0 36.77s26.632 10.138 36.77 0c10.137-10.138 10.137-26.633 0-36.77zm-8.132 28.638a2 2 0 01-2.828 0l-7.425-7.425-7.778 7.778a2 2 0 11-2.828-2.828l7.778-7.778-7.425-7.425a2 2 0 112.828-2.828l7.425 7.425 7.071-7.071a2 2 0 112.828 2.828l-7.071 7.071 7.425 7.425a2 2 0 010 2.828z'/%3e %3c/svg%3e") no-repeat !important;
}

@media(max-width: 768px) {
    .v-toast.v-toast--bottom {
        bottom: 2.5rem;
    }

    .v-toast__item {
        font-size: .4rem;
        width: 90%;
        border-radius: .1rem!important;
    }

    .v-toast__item .v-toast__text {
        padding: .88em 1.5em!important;
    }
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .input-item.promotion {
    margin-bottom: 0.1rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-link {
    color: var(--primary-color);
    font-size: 0.14rem;
    width: 4.62rem;
    margin-left: 1.6rem;
    margin-bottom: 0.2rem;
    text-align: right;
    font-family: nunito-semibold;
    cursor: pointer;
    text-decoration: underline;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field {
    border: 0.02rem solid var(--primary-color);
    background: #f3f2f2;
    border-radius: 0.05rem;
    padding: 0.02rem 0.05rem 0.05rem 0.2rem;
    width: 4.62rem;
    margin-left: 1.6rem;
    margin-top: 0.2rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field .input-box {
    width: 100%;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field input {
    border: none;
    width: calc(100% - 1.3rem);
    font-size: 0.14rem;
    background: #f3f2f2;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field input::-webkit-input-placeholder {
    color: rgba(1,27,67,.6);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field .btn-addpromocode {
    background: var(--primary-color);
    color: #fff;
    border-radius: 0.08rem;
    padding: 0.04rem;
    width: 1.3rem;
    font-size: 0.13rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

@media (max-width: 1024px) {
    #app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-link {
        width: 4.62rem;
    }

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field {
        width: 5.62rem;
        margin-left: 1.69rem;
        padding: .06rem .12rem;
        border-radius: .07rem;
    }

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field .input-box {
        display: flex;
        align-items: center;
    }

    #app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field input {
        font-size: .16rem;
    }
}

#app #note_modal.standard-popup-overlay .standard-popup-modal-container {
    background: #1f1f1f;
    color: #bdbdbd;
    width: 100%;
    max-width: 9rem;
    max-height: 90%;
    overflow: hidden;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#app #note_modal.standard-popup-overlay .standard-popup-modal-container .standard-modal-title {
    padding-left: 0.31rem;
}

#app #note_modal.standard-popup-overlay .standard-popup-modal-container .modal-body {
    padding: 0.35rem 0.5rem;
    text-align: left;
    overflow-y: scroll;
    min-height: 0.75rem;
    height: 100%;
    width: 100%;
}

#app #note_modal.standard-popup-overlay .standard-popup-modal-container .modal-body .standard-modal-content {
    font-size: 0.168rem;
}

#app #note_modal.standard-popup-overlay .standard-popup-modal-container .modal-body .standard-modal-content strong {
    color: #fff;
}

#app #note_modal.standard-popup-overlay .standard-popup-modal-container button.btn-submit {
    margin: 0.35rem auto 0.05rem;
    border-radius: 0.08rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .input-item.promotion {
    margin-bottom: 0.1rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-link {
    color: var(--primary-color);
    font-size: 0.14rem;
    width: 4.62rem;
    margin-left: 1.6rem;
    margin-bottom: 0.2rem;
    text-align: right;
    font-family: nunito-semibold;
    cursor: pointer;
    text-decoration: underline;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field {
    border: 0.02rem solid var(--primary-color);
    background: #f3f2f2;
    border-radius: 0.05rem;
    padding: 0.02rem 0.05rem 0.05rem 0.2rem;
    width: 4.62rem;
    margin-left: 1.6rem;
    margin-top: 0.2rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field .input-box {
    width: 100%;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field input {
    border: none;
    width: calc(100% - 1.3rem);
    font-size: 0.14rem;
    background: #f3f2f2;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field input::-webkit-input-placeholder {
    color: rgba(1,27,67,.6);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .add-promo-field .btn-addpromocode {
    background: var(--primary-color);
    color: #fff;
    border-radius: 0.08rem;
    padding: 0.04rem;
    width: 1.3rem;
    font-size: 0.13rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

#app .coin-msg {
    font-size: 0.15rem;
    margin-top: 0.02rem;
    color: #a0a0a0;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .important-notice-container img {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0 0 0 0.1rem;
    fill: #c5d2d8;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .important-notice-box {
    position: absolute;
    width: auto;
    bottom: 110%;
    left: 59%;
    padding: .1rem;
    background: #fff;
    color: #000;
    border-radius: .1rem;
    z-index: 1;
    box-shadow: .02rem .03rem .05rem #9b9b9b;
    display: flex;
    word-break: break-word;
    font-size: .14rem
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item.bank-selection-form-field {
    position: relative;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference {
    color: #4d4d4d;
    font-size: 0.13rem;
    line-height: 0.18rem;
    margin: 0.1rem 0;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference p {
    display: flex;
    align-items: center;
    margin-bottom: 0.02rem;
    font-family: nunito-semibold;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference p img {
    width: 0.16rem;
    height: 0.16rem;
    margin-left: 0.07rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference p:last-child {
    margin-top: 0.04rem;
    cursor: pointer;
    background: #000;
    padding: 0.02rem 0.12rem;
    border-radius: 0.05rem;
    color: #fff;
    width: fit-content;
    transition: .2s;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference p:last-child:hover {
    background: #5e5e5e;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference .reference-input {
    position: relative;
    font-size: 0.2rem;
    width: 4.64rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference .reference-input input {
    width: 100%;
    height: 0.32rem;
    background: #f2f1f1;
    padding-left: 0.14rem;
    border-radius: 0.05rem;
    border: 2px dashed #aaaaaa;
    color: #000;
    font-size: .16rem;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference .reference-input svg {
    position: absolute;
    right: 0.1rem;
    top: 0.06rem;
    cursor: pointer;
    color: #000;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .reference .recipient-note {
    color: red;
    margin-top: 0.07rem;
    font-family: nunito-semibold;
}

#app .slider-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 3;
    overflow: auto;
}

#app .slider-modal .modal-box {
    z-index: 99;
    position: absolute;
    width: 11.86rem;
    text-align: center;
    overflow: hidden;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
}

#app .slider-modal .modal-box .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .22rem;
    font-weight: 800;
    color: #fff;
    line-height: .62rem;
    height: 0.85rem;
}

#app .slider-modal svg {
    height: 0.7rem;
    width: 0.7rem;
    position: absolute;
    bottom: 0.35rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

#app .slider-modal .modal-box .modal-content .guideSlider {
    width: 100%;
    height: 70vh;
}

#app .slider-modal .modal-box .modal-content .guideSlider img {
    height: 90%;
    width: 80%;
    object-fit: contain;
}

#app .slider-modal .modal-box .modal-content .guideSlider .swiper-button-next, #app .slider-modal .modal-box .modal-content .guideSlider .swiper-button-prev {
    color: #fff;
    width: 0.6rem;
}

#app .slider-modal .modal-box .modal-content .guideSlider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, #app .slider-modal .modal-box .modal-content .guideSlider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 0.45rem;
}

#app .slider-modal .modal-box .modal-content .guideSlider .swiper-pagination-fraction {
    color: #c5c5c5;
    bottom: 0.35rem;
}

#app .dark-modal .modal-box  {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 99;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 0.15rem;
    overflow: hidden;
    width: 100%;
    max-width: 9rem;
    max-height: 90%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#app .dark-modal .modal-header {
    background: var(--primary-color);
    padding: 0.13rem 0.15rem;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

#app .dark-modal .modal-header .standard-modal-title {
    text-align: center;
    font-size: .18rem;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
}

#app .dark-modal .modal-header i {
    display: flex;
    justify-content: flex-end;
    color: #fff;
    position: absolute;
    top: 0.1rem;
    right: 0.15rem;
}

#app .dark-modal .modal-body {
    padding: 0.4rem 0.7rem;
    overflow-y: scroll;
    min-height: 0.75rem;
    background-color: #1f1f1f;
    width: 100%;
    font-size: .16rem;
    font-weight: 800;
    line-height: 1.4em;
    color: #bdbdbd;
}

#app .dark-modal .modal-body .button-container {
    display: flex;
    justify-content: center;
    margin-top: 0.2rem;
}

#app .dark-modal .modal-body .button-container button {
    width: 1.8rem;
    height: 0.36rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-family: nunito-bold;
    color: #fff;
    border-radius: 0.05rem;
    border: 0;
}

#app #esport_redirect.dark-modal .modal-body p {
    margin-bottom: 0.18rem;
}

#app #esport_redirect.dark-modal .modal-body img {
    width: 100%;
}


/* Game Under Maintenance Page */
.maintenance-panel {
    padding: .82rem 0;
}
.maintenance-panel .message {
    max-width: 8rem;
    margin: auto;
    text-align: center;
    color: #bdbdbd;
}
.maintenance-panel .message .maintenance-icon {
    height: 1rem;
    width: 1rem;
    background: url(/images/FIFO88/icons/svg/maintenance-icon.svg) center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto .5rem;
}
.maintenance-panel h2 {
    color: var(--primary-color);
    font-size: .41rem;
    margin-bottom: .12rem;
}
.maintenance-panel .message span {
    line-height: 1.5em;
    font-size: .18rem;
}
.maintenance-panel h3 {
    color: var(--primary-color);
}
.maintenance-panel .recommend-game {
    margin: .75rem auto 0;
    width: 10.9rem;
}
.maintenance-panel .recommend-game .top {
    position: relative;
    border-bottom: 0.01rem solid hsla(0,0%,100%,.1);
    margin-bottom: 0.23rem;
    padding-bottom: .16rem;
}
.maintenance-panel .recommend-game .top .more-games {
    position: absolute;
    right: 0.27rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.maintenance-panel .recommend-game .top .more-games {
    font-size: .16rem;
    font-family: nunito-extrabold;
}
.maintenance-panel .recommend-game .top .more-games {
    color: var(--primary-color);
}
.maintenance-panel .recommend-game .top .more-games span {
    color: #989898;
}
#app .maintenance-panel .recommend-game .game-content-container ul li {
    width: calc((10.9rem / 5) - 0.13rem);
}
#app .maintenance-panel .recommend-game .game-content-container ul li .img-box {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: calc((10.9rem / 5) - 0.13rem);
}


/* welcome popup */
#app .welcome-popup .popup {
    top: 10%;
    max-width: 7.5rem;
}

#app .welcome-popup .popup .popup-header {
    height: 0.6rem;
    background-size: contain !important;
    width: 100%;
}

#app .welcome-popup .popup .popup-header .popup-title {
    font-size: 0.18rem;
}

#app .welcome-popup .popup .popup-header svg {
    width: 0.45rem;
    height: 0.45rem;
    padding: 0.05rem;
    right: 0.22rem;
    top: -0.05rem;
}

#app .welcome-popup .popup .popup-body {
    padding: 0.8rem 0 0.2rem;
    margin: -0.44rem auto -0.7rem;
    font-size: 0.2rem;
    min-height: 5.25rem;
    width: 6.75rem;
    border-radius: 0.18rem 0.18rem 0 0;
}

#app .welcome-popup .popup .popup-body .welcome-box {
    padding: 0 .5rem;
}

#app .welcome-popup .popup .popup-body .welcome-box .welcome-title {
    margin-bottom: .35rem;
}

#app .welcome-popup .popup .popup-body .welcome-box .welcome-title h3 {
    font-size: .3rem;
}

#app .welcome-popup .popup .popup-body .welcome-box .welcome-title p {
    font-size: .19rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li {
    padding: .15rem .4rem;
    border-radius: .18rem;
    margin-bottom: .28rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li h4 {
    font-size: .18rem;
    margin-bottom: .03em;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li>div:first-child:not(.balance-details) {
    width: 1.75rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li>div>div, #app .welcome-popup .popup .popup-body .welcome-box ul.list li>div>div>div {
    font-size: .34rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li>div>div span {
    font-size: .17rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-tag {
    top: -0.13rem;
    right: -0.09rem;
    font-size: .14rem;
    padding: 0.04rem 0.26rem;
    border-radius: .08rem .08rem .08rem 0;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date {
    bottom: 0.09rem;
    right: 0.18rem;
    font-size: 0.11rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date .date {
    font-size: .12rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.voucher {
    padding: 0.15rem .4rem .25rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.voucher button {
    font-size: .18rem;
    padding: 0.09rem 0.42rem;
    border-radius: 0.13rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins {
    padding: .3rem .25rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .balance-details {
    border-radius: 0.18rem;
    padding: .1rem .4rem .05rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .balance-details>div:first-child {
    width: 1.5rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .tips {
    font-size: .17rem;
    margin-top: 0.07rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games {
    margin-top: .55rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta {
    border-radius: 0.18rem;
    font-size: .15rem;
    width: calc(50% - .12rem);
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta:nth-child(odd) {
    margin-right: .12rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta:nth-child(even) {
    margin-left: .12rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta img {
    top: -0.58rem;
    width: 1.4rem;
    height: 1.25rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta h4 {
    padding: .55rem .1rem 0.08rem;
}

#app .welcome-popup .popup .popup-footer {
    padding-top: 0.7rem;
    border-radius: 0.18rem;
    margin-bottom: .5rem;
}

#app .welcome-popup .popup .popup-footer .front {
    height: 1.25rem;
    border-radius: 0 0 0.18rem 0.18rem;
}

#app .welcome-popup .popup .popup-footer button {
    width: 2rem;
    height: 0.55rem;
    font-size: .23rem;
    border-radius: 0.1rem;
}

.icon-welcome-rebate {
    height: 1rem;
    width: 1.1rem;
    background: url('/images/homepage/welcome/rebate-icon.svg') no-repeat center;
}

.icon-welcome-voucher {
    height: .95rem;
    width: 1.25rem;
    background: url('/images/FIFO88/homepage/welcome/voucher-icon.svg') no-repeat bottom;
}

.icon-welcome-coins {
    height: .75rem;
    width: 1rem;
    background: url('/images/homepage/welcome/coin-icon.png') no-repeat;
    background-position: 0 .05rem;
}

@media (max-width: 1024px) {
    #app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date {
        font-size: .14rem;
    }

    #app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date .date {
        font-size: .15rem;
    }
}

#app .lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}
#app .lightbox {
    position: relative;
}
#app .lightbox.tutorial {
    height: 5.22rem;
    width: 9.3rem;
}
#app .lightbox .lightbox-content {
    height: 100%;
    width: 100%;
}
#app .lightbox .close-btn {
    width: 0.37rem;
    height: 0.37rem;
    position: absolute;
    top: -0.18rem;
    stroke: none;
    right: -0.18rem;
    cursor: pointer;
}
@media (max-width: 1024px) {
    #app .lightbox.tutorial {
        height: 5.8rem;
        width: 10.3rem;
    }
}

/* welcome popup */
#app .welcome-popup .popup {
    top: 10%;
    max-width: 7.5rem;
}

#app .welcome-popup .popup .popup-header {
    height: 0.6rem;
    background-size: contain !important;
    width: 100%;
}

#app .welcome-popup .popup .popup-header .popup-title {
    font-size: 0.18rem;
}

#app .welcome-popup .popup .popup-header svg {
    width: 0.45rem;
    height: 0.45rem;
    padding: 0.05rem;
    right: 0.22rem;
    top: -0.05rem;
}

#app .welcome-popup .popup .popup-body {
    padding: 0.8rem 0 0.2rem;
    margin: -0.44rem auto -0.7rem;
    font-size: 0.2rem;
    min-height: 5.25rem;
    width: 6.75rem;
    border-radius: 0.18rem 0.18rem 0 0;
}

#app .welcome-popup .popup .popup-body .welcome-box {
    padding: 0 .5rem;
}

#app .welcome-popup .popup .popup-body .welcome-box .welcome-title {
    margin-bottom: .35rem;
}

#app .welcome-popup .popup .popup-body .welcome-box .welcome-title h3 {
    font-size: .3rem;
}

#app .welcome-popup .popup .popup-body .welcome-box .welcome-title p {
    font-size: .19rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li {
    padding: .15rem .4rem;
    border-radius: .18rem;
    margin-bottom: .28rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li h4 {
    font-size: .18rem;
    margin-bottom: .03em;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li>div:first-child:not(.balance-details) {
    width: 1.75rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li>div>div, #app .welcome-popup .popup .popup-body .welcome-box ul.list li>div>div>div {
    font-size: .34rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li>div>div span {
    font-size: .17rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-tag {
    top: -0.13rem;
    right: -0.09rem;
    font-size: .14rem;
    padding: 0.04rem 0.26rem;
    border-radius: .08rem .08rem .08rem 0;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date {
    bottom: 0.09rem;
    right: 0.18rem;
    font-size: 0.11rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date .date {
    font-size: .12rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.voucher {
    padding: 0.15rem .4rem .25rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.voucher button {
    font-size: .18rem;
    padding: 0.09rem 0.42rem;
    border-radius: 0.13rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins {
    padding: .3rem .25rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .balance-details {
    border-radius: 0.18rem;
    padding: .1rem .4rem .05rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .balance-details>div:first-child {
    width: 1.5rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .tips {
    font-size: .17rem;
    margin-top: 0.07rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games {
    margin-top: .55rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta {
    border-radius: 0.18rem;
    font-size: .15rem;
    width: calc(50% - .12rem);
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta:nth-child(odd) {
    margin-right: .12rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta:nth-child(even) {
    margin-left: .12rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta img {
    top: -0.58rem;
    width: 1.4rem;
    height: 1.25rem;
}

#app .welcome-popup .popup .popup-body .welcome-box ul.list li.coins .games .cta h4 {
    padding: .55rem .1rem 0.08rem;
}

#app .welcome-popup .popup .popup-footer {
    padding-top: 0.7rem;
    border-radius: 0.18rem;
    margin-bottom: .5rem;
}

#app .welcome-popup .popup .popup-footer .front {
    height: 1.25rem;
    border-radius: 0 0 0.18rem 0.18rem;
}

#app .welcome-popup .popup .popup-footer button {
    width: 2rem;
    height: 0.55rem;
    font-size: .23rem;
    border-radius: 0.1rem;
}

.icon-welcome-rebate {
    height: 1rem;
    width: 1.1rem;
    background: url('/images/homepage/welcome/rebate-icon.svg') no-repeat center;
}

.icon-welcome-voucher {
    height: .95rem;
    width: 1.25rem;
    background: url('/images/FIFO88/homepage/welcome/voucher-icon.svg') no-repeat bottom;
}

.icon-welcome-coins {
    height: .75rem;
    width: 1rem;
    background: url('/images/homepage/welcome/coin-icon.png') no-repeat;
    background-position: 0 .05rem;
}

@media (max-width: 1024px) {
    #app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date {
        font-size: .14rem;
    }

    #app .welcome-popup .popup .popup-body .welcome-box ul.list li.rebate .label-date .date {
        font-size: .15rem;
    }
}

#app .sports-panel .slider .slider-container>div>div .container .content .btn.disabled, #app .esports-panel .slider .slider-container>div>div .container .content .btn.disabled, #app .casino-panel .slider .slider-container>div>div .container .content .btn.disabled {
    filter: brightness(0.5);
    cursor: not-allowed;
}

#app .sports-games-slider-box .mySwiper2 .swiper-slide {
    visibility: hidden;
}

#app .sports-games-slider-box .mySwiper2 .swiper-slide.swiper-slide-active {
    visibility: visible;
}

#app .withdrawPin-box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: auto
}

#app .withdrawPin-box .withdrawPin-popup {
    width: 6.38rem;
    min-height: 2.5rem;
    background: #e5e5e5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: .15rem;
    overflow: hidden;
    margin: auto
}

#app .withdrawPin-box .withdrawPin-popup .modal-header {
    position: relative;
    padding: .2rem .35rem .2rem;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
}

#app .withdrawPin-box .withdrawPin-popup .modal-header.title span {
    font-size: .22rem;
    line-height: 1.3em;
    font-family: nunito-bold;
}

#app .withdrawPin-box .withdrawPin-popup .modal-header .icon-close3 {
    position: absolute;
    right: .3rem;
}

#app .withdrawPin-box .withdrawPin-popup .content {
    padding: .25rem .35rem .45rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .title {
    margin-bottom: .23rem;
    text-align: center;
    font-family: nunito-semibold;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 5.2rem;
    margin: .15rem auto 0;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group.verify {
    flex-direction: column;
    gap: .15rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group:last-child {
    margin-bottom: 0;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group .input-label {
    width: 1.2rem;
    font-size: .18rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group.verify .input-label {
    width: 4.2rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group .input {
    width: 3.6rem;
    -webkit-appearance: none;
    appearance: none;
    height: 100%;
    border-radius: .09rem;
    background: 0 0;
    border: .01rem solid rgba(25, 25, 25, .2);
    color: #000;
    font-size: .16rem;
    position: relative;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group.verify .input {
    width: 4.2rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .input-group .input input {
    border: none;
    background: transparent;
    width: 100%;
    padding: .11rem .22rem;
    font-size: .18rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .button-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    margin: .35rem auto 0;
}

#app .withdrawPin-box .withdrawPin-popup .content .button-group button {
    width: 1.18rem;
    text-transform: uppercase;
    height: .3rem;
    border-radius: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-weight: 900;
    cursor: pointer;
    border: none;
    user-select: none;
}

#app .withdrawPin-box .withdrawPin-popup .content .button-group.verify button {
    width: 1.5rem;
    height: .35rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .button-group button.submit-btn {
    background: var(--primary-color);
    color: #fff;
}

#app .withdrawPin-box .withdrawPin-popup .content .button-group button.cancel-btn {
    background: #cccaca;
    color: #333;
}

#app .withdrawPin-box .withdrawPin-popup .show-hide-button {
    top: .1rem;
    right: .1rem;
}

#app .withdrawPin-box .withdrawPin-popup .show-hide-button .icon-eye {
    height: .22rem;
}

#app .withdrawPin-box .withdrawPin-popup .content .button-group button.submit-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#app .validation-messages {
    font-size: .15rem;
    line-height: 1.3em;
    width: 5.2rem;
    margin: .13rem auto .25rem;
}

#app .validation-messages li {
    display: flex;
    align-items: center;
    margin-bottom: .03rem;
}

#app .validation-messages .passed {
color: green;
}

#app .validation-messages .failed {
color: red;
}

#app .validation-messages span {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
}

#app .set-pin-box {
    font-size: .16rem;
    background: #f9f9f9;
    padding: .15rem .3rem;
    border-radius: .08rem;
}

#app .set-pin-box button {
    border: none;
    background: transparent;
    color: var(--primary-color);
    font-family: nunito-bold;
    cursor: pointer;
}

#app .set-pin-box button:hover {
    text-decoration: underline;
}

#app .changepwd-page .reset-pin .show-hide-button {
    display: inline-block;
    height: .22rem;
    right: 0.15rem;
    top: 50%;
    transform: translateY(-48%);
}

#app .changepwd-page .reset-pin .show-hide-button svg {
    height: .22rem;
}

#app .changepwd-page .reset-pin .button-group {
    display: flex;
    align-items: center;
    gap: .2rem;
    margin-left: 1.6rem;
    margin-top: .35rem;
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .reset-pin .btn-submit {
    margin: 0;
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .reset-pin .btn-submit.cancel-btn {
    background: #cccaca;
    color: #333;
}

.collapse-enter-active,
.collapse-leave-active {
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.collapse-enter-from,
.collapse-leave-to {
    max-height: 0;
    opacity: 0;
}

.collapse-enter-to,
.collapse-leave-from {
    max-height: 5rem;
    opacity: 1;
}

@keyframes pulse {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(0.8);
    }
}

#app .current-select {
    align-items: center;
    background: #f3f2f2;
    border-radius: .09rem;
    color: #8f8f8f;
    cursor: pointer;
    display: flex;
    font-size: .2rem;
    font-weight: 400;
    height: .5rem;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: .22rem;
    padding-right: .22rem;
    position: relative;
    transition: color .3s;
}

#app .current-select span {
    align-items: center;
    display: flex;
    gap: .1rem;
    justify-content: space-between;
    text-align: left;
}

#app .current-select .item-list-box {
    background: #f3f2f2;
    border-radius: .09rem;
    height: auto;
    left: 0;
    max-height: 2.3rem;
    overflow: auto;
    position: absolute;
    top: .5rem;
    width: 100%;
    word-break: break-word;
    z-index: 1;
}

#app .current-select .item-list-box::-webkit-scrollbar {
    display: block;
    width: 4px;
}

#app .current-select .item-list-box li {
    align-items: center;
    display: flex;
    gap: .1rem;
    justify-content: flex-start;
    margin: 0 .22rem;
    min-height: .5rem;
    padding: 0 .12rem;
    transition: all .3s ease-in-out;
}

#app .current-select .item-list-box li.on, #app .current-select .item-list-box li:hover {
    background: #565656;
    border-radius: 1rem;
    color: #fff;
}

#app button.btn-reset, #app button.btn-secondary, #app button.btn-submit {
    background: var(--primary-color);
}

#app .deposit-page .promotion-details .turnover-content >div.table {
    border: 1px solid #626262;
    margin: .25rem 0 .15rem;
    overflow: hidden;
    border-radius: .06rem;
}

#app .deposit-page .promotion-details .turnover-content table th, #app .deposit-page .promotion-details .turnover-content table td {
    text-align: left;
    padding: .05rem .12rem;
    font-size: .145rem;
    width: 70%;
    border-bottom: 1px solid #cccccc;
}

#app .deposit-page .promotion-details .turnover-content table th {
    border-bottom: 1px solid #4a4a4a;
    background: #cccccc;
}

#app .deposit-page .promotion-details .turnover-content table tr th:first-child, #app .deposit-page .promotion-details .turnover-content table tr td:first-child {
    width: 30%;
    border-right: 1px solid #5f5f5f;
}

#app .deposit-page .promotion-details .turnover-content table tr:nth-child(2n) {
    background: transparent;
}

.modal-popup-enter-active,
.modal-popup-leave-active {
    transition: all .3s;
}

.modal-popup-enter-from,
.modal-popup-leave-to {
    opacity: 0;
    transform: scale(0.2);
}

.modal-popup-enter-to,
.modal-popup-leave-from {
    opacity: 1;
    transform: scale(1);
}


/* Mission */
.mission-floating-btn {
    position: fixed;
    bottom: 1.5rem;
    right: .35rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    /* background: linear-gradient(60deg, #1190E2 0%, #258CC9 50%, #61C2EB 100%); */
    /* background: linear-gradient(140deg, #FFC508 0%, #FFE625 48%, #FFF197 100%); */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* box-shadow: -2px 2px 10px 0 rgba(0,0,0,.1); */
    z-index: 99;
    cursor: pointer;
    transition: all .3s ease-out;
    animation: pulse-scale 1.5s ease-in-out infinite alternate;
}

.mission-floating-btn:hover {
    transform: scale(1.1);
}

.shadow-b {
    box-shadow: 0 0 50px 15px #48abe0;
}

.glow-ring {
    content: '';
    position: absolute;
    width: 1.05rem;
    height: 1.05rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    /* border: 2px solid transparent; */
    /* border-top: 2px solid #ffeb3b; */
    animation: rotate-ring 1.8s linear infinite;
    filter: drop-shadow(0 0 10px #ffeb3b);
    z-index: -1;
    filter: blur(15px);
    background: linear-gradient(45deg, #ffeb3b, transparent);
}

@keyframes rotate-ring {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes pulse-scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

/* .mission-floating-btn::before {
    content: "";
    position: absolute;
    top: -.025rem;
    left: -.025rem;
    right: -.025rem;
    bottom: -.025rem;
    border-radius: 50%;
    padding: .025rem;
    background: linear-gradient(60deg, #168EDB 0%, #258CC9 50%, #ACE7FF 100%);
    background: linear-gradient(60deg, #FFC60D 0%, #FAFF97 50%, #FFF1A2 100%);
    z-index: -1;
    animation: animateBorder 2s linear infinite;
} */

/* .mission-floating-btn::after {
    content: "";
    position: absolute;
    top: .025rem;
    left: .025rem;
    right: .025rem;
    bottom: .025rem;
    border-radius: 50%;
    background: linear-gradient(140deg, #FFC508 0%, #FFE625 48%, #FFF197 100%);
    background: linear-gradient(60deg, #1190E2 0%, #258CC9 50%, #61C2EB 100%);
    z-index: -1;
} */

.mission-floating-btn .indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: #FF0808;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: pulse .5s alternate infinite;
}

.mission-floating-btn .indicator svg {
    width: .14rem;
    height: .14rem;
    fill: #fcf806;
}

.mission-floating-btn img {
    width: 1rem;
    height: 1rem;
}

.mission-floating-btn:after {
    box-shadow: 0 0 50px 15px #ffffff;
    border-radius: 50%;
}

.mission-floating-btn svg.icon-mission {
    width: .34rem;
    height: .34rem;
}

.mission-floating-btn svg.icon-mission path {
    fill: #161500;
}

@keyframes animateBorder {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#mission-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: auto;
    z-index: 9999;
    user-select: none;
    padding: .3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#mission-modal .modal-box {
    width: 8rem;
    height: 8rem;
    border-radius: .15rem;
    color: #f5f5f5;
    position: relative;
    margin: auto;
    /* background: linear-gradient(313deg, #000000 0%, #252525 50%, #252525 100%);
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center; */
}

#mission-modal .modal-box .frame {
    display: flex;
    justify-content: center;
}

#mission-modal .modal-box .close-section {
    display: flex;
    justify-content: center;
}

#mission-modal .modal-box img.frame {
    width: 100%;
}

#mission-modal .modal-box .box-overlay {
    width: 8rem;
    height: 8rem;
    border-radius: .15rem;
    color: #f5f5f5;
    position: absolute;
    top: 0;
    margin: auto;
    /* background: url(/images/FIFO88/mission_frame_dt_1600.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; */
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

/* #mission-modal .modal-box::after {
    content: "";
    position: absolute;
    top: .8rem;
    right: .5rem;
    width: 2rem;
    height: 2rem;
    background: url(/images/icons/trophy-bg.png) no-repeat center;
    background-size: contain;
    transform: rotate(22deg);
} */

@keyframes gradientMove {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

#mission-modal .modal-box .modal-header {
    padding: .12rem .12rem 0;
    display: flex;
    justify-content: end;
    position: absolute;
    top: 0;
    right: 0;
}

#mission-modal .modal-box .modal-body {
    padding: 1.25rem 1.12rem 0;
}

#mission-modal .modal-box .modal-body .title {
    font-family: nunito-bold;
    font-size: .25rem;
    line-height: 1.4em;
    text-align: center;
}

#mission-modal .modal-box .modal-body .subtitle {
    font-size: .17rem;
    text-align: center;
}

#mission-modal .modal-box .modal-body .mission {
    display: flex;
    flex-direction: column;
    margin-top: .5rem;
    position: relative;
    z-index: 1;
}

#mission-modal .modal-box .modal-body .mission .category-tab {
    display: flex;
    justify-content: space-between;
    background: #3d3d3d;
    border-radius: .3rem;
    overflow: hidden;
    position: relative;
}

#mission-modal .modal-box .modal-body .mission .category-tab .tab {
    flex: 1;
    text-align: center;
    padding: .1rem .15rem;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 2;
    user-select: none;
    display: flex;
    justify-content: center;
    gap: .06rem;
}

#mission-modal .modal-box .modal-body .mission .category-tab .tab .red-dot {
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background-color: #ff0000;
}

#mission-modal .modal-box .modal-body .mission .category-tab .tab span {
    font-size: .18rem;
    display: inline-block;
}

#mission-modal .modal-box .modal-body .mission .category-tab .tab.on span {
    font-family: nunito-bold;
}

#mission-modal .modal-box .modal-body .mission .category-tab .slider {
    position: absolute;
    height: 100%;
    width: calc(100% / 3);
    top: 0;
    left: 0;
    border-radius: .3rem;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

#mission-modal .modal-box .modal-body .mission .list-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#mission-modal .modal-box .modal-body .mission .list-container .title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .3rem 0 .15rem;
}

#mission-modal .modal-box .modal-body .mission .list-container .title-row .daily-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#mission-modal .modal-box .modal-body .mission .list-container .title-row .daily-title .small-title {
    font-size: .14rem;
    color: #bfbfc8;
}

#mission-modal .modal-box .modal-body .mission .list-container .title-row .title {
    font-family: nunito-extrabold;
    font-size: .21rem;
}

#mission-modal .modal-box .modal-body .mission .list-container #tab_1 .title-row .title {
    /* background: linear-gradient(145deg, #3BACDF, #1080C5);
    background-clip: text; */
    color: #fff;
}

#mission-modal .modal-box .modal-body .mission .list-container #tab_2 .title-row .title {
    /* background: linear-gradient(145deg, #AE8625, #EDC967);
    background-clip: text; */
    color: #fff;
}

#mission-modal .modal-box .modal-body .mission .list-container #tab_3 .title-row .title {
    /* background: linear-gradient(145deg, #8B51E3, #C785F8);
    background-clip: text; */
    color: #fff;
}

#mission-modal .timer-claim {
    display: flex;
    align-items: center;
    gap: .15rem;
}

#mission-modal .timer-claim .claim-all-btn {
    padding: .1rem .2rem;
    border-radius: .2rem;
    border: 0;
    background: #f3f703;
    color: #000;
    cursor: pointer;
    font-family: 'nunito-semibold';
    box-shadow: inset 0 0 5px #7e773e;
    min-width: 1.2rem;
}

#mission-modal .countdown-timer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .08rem;
    /* background: #676971;
    border-radius: .3rem;
    height: .32rem;
    width: 1.5rem;
    padding: .05rem 0.12rem .05rem .12rem;
    box-shadow: rgb(0 0 0 / 30%) 0px 2px 10px 0 inset; */
    color: #bfbfc8;
}

#mission-modal .countdown-timer svg {
    width: .16rem;
    height: .16rem;
}

#mission-modal .countdown-timer .time {
    font-size: .16rem;
}

#mission-list {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    overflow-y: scroll;
    height: 3.5rem;
    scrollbar-color: #fff transparent;
    scrollbar-width: thin;
}

#tab_2 #mission-list,
#tab_3 #mission-list {
    height: 3.68rem;
}

#mission-list::-webkit-scrollbar {
    width: 6px;
}

#mission-list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 3px;
}

#mission-list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}


/* #tab_2 #mission-list {
    gap: .42rem;
} */

#mission-list li {
    position: relative;
    /* box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2); */
    border-radius: .12rem;
    padding: .12rem .18rem;
    background: #3d3d3d;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

#mission-list li .mission-title {
    border-bottom: 1px solid #ffffff2e;
    padding-bottom: .1rem;
    display: flex;
    justify-content: space-between;
}

#mission-list li .mission-title .heading {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .1rem;
    font-family: 'nunito-bold';
    font-size: .17rem;
}

#mission-list li .inner {
    display: grid;
    grid-template-columns: 75% 25%;
    position: relative;
    /* gap: .15rem; */
    align-items: center;
    overflow: hidden;
    /* border-radius: .12rem;
    padding: .15rem .3rem .15rem .35rem;
    min-height: 1rem;
    background: #3d3d3d; */
    transition: all .3s ease-in-out;
    /* cursor: pointer; */
    /* box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2); */;
    padding-top: .18rem;
}

#tab_1 #mission-list li.to-claim {
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
}

#tab_2 #mission-list li.to-claim {
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
}

/* #tab_2 #mission-list li .inner {
    border-top-right-radius: 0;
} */

#tab_3 #mission-list li.to-claim {
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
}

/* #mission-list li:not(.completed):hover .inner {
    box-shadow: 0 4px 25px 0 rgba(0,0,0,0.5);
} */

/* #mission-list li.to-claim::after {
    content: "";
    position: absolute;
    top: -.08rem;
    right: -.08rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #F82E2E;
} */

#tab_2 #mission-list li.to-claim::after {
    top: -.35rem;
}

#mission-list li.completed {
    cursor: default;
}

#mission-list li.completed::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 50%);
    border-radius: .12rem;
}

#mission-list li .label {
    position: absolute;
    left: 0;
    top: 0;
    color: #cbcbcb;
    font-size: .145rem;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .15);
    height: .26rem;
    min-width: 1.2rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: .15rem;
    letter-spacing: .01rem;
}

#mission-list li.to-claim .label {
    color: #fff;
}

#mission-list li .exclusive-label {
    position: absolute;
    right: 6px;
    top: 0;
    rotate: 30deg;
}

#mission-list li .exclusive-label img {
    width: .3rem;
    height: .3rem;
}

#mission-list li .exclusive-label svg {
    width: .22rem;
}

#mission-list li .exclusive-content {
    display: flex;
    align-items: center;
    gap: .1rem;
    font-family: nunito-bold;
}

#mission-list li .exclusive-content img {
    width: .3rem;
    height: .3rem;
}

#mission-list li .left {
    display: flex;
    /* align-items: center;
    justify-content: space-between; */
    /* width: auto; */
    /* border-right: 1px dashed #A8A8A8; */
    /* padding-right: .3rem; */
    gap: .1rem;
    /* min-height: .6rem; */
    flex-direction: column;
    justify-content: center;
}

#mission-list li.to-claim .left {
    border-color: #fff;
}

#mission-list li .left .mission-title {
    font-family: nunito-semibold;
    line-height: 1.3em;
    font-size: .18rem;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}

#mission-list li .left .progress {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: .05rem;
    width: 100%;
}

#mission-list li .left .progress .value {
    color: #fff;
    font-size: .12rem;
    line-height: .15rem;
    text-align: right;
    padding-right: .1rem;
    z-index: 2;
    position: relative;
    border-radius: .1rem;
}

#mission-list li .left .progress .bar {
    /* height: .08rem; */
    width: 100%;
    border-radius: .6rem;
    overflow: hidden;
    background: #4b4e55;
    position: relative;
}

#mission-list li .left .progress .bar span {
    position: absolute;
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
    z-index: 1;
    top: 0;
}

#tab_2 #mission-list li .left .progress .bar span {
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
}

#tab_3 #mission-list li .left .progress .bar span {
    background: linear-gradient(90deg, #4732b1 0%, #44b5df 100%);
}

#mission-list li .left .claimable-item .item-details {
    display: flex;
    align-items: flex-start;
    gap: .06rem;
    color: #51f2da;
    font-size: .16rem;
    flex-direction: column;
}

#mission-list li .left .claimable-item .item-details img {
    width: 35px;
    height: 35px;
    border-radius: .1rem;
    object-fit: contain;
}

#mission-list li .left .claimable-item .item-details span {
    font-family: 'nunito-semibold';
}

#mission-list li .left .claimable-item .item-details>div {
    display: flex;
    align-items: center;
    gap: .06rem;
}

#mission-list li .left .claimable-item .item-details .extra-item {
    display: flex;
    align-items: center;
    gap: .1rem;
}

/* #mission-list li .left .action {
    margin-left: auto;
} */

#mission-list li .left .action .btn-claim {
    color: #1080C5;
    background: #fff;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    line-height: 1.2em;
    font-family: nunito-bold;
    padding: .07rem .1rem;
    border-radius: .6rem;
    transition: all .2s ease;
}

#tab_1 #mission-list li .left .action .btn-claim {
    color: #1080C5;
    box-shadow: 0 0 5px 0 rgb(0 134 212 / 70%) inset;
}

#tab_2 #mission-list li .left .action .btn-claim {
    color: #B08827;
    box-shadow: 0 0 5px 0 rgb(180 139 36 / 70%) inset;
}

#tab_3 #mission-list li .left .action .btn-claim {
    color: #8B51E3;
    box-shadow: 0 0 5px 0 rgb(117 20 230 / 70%) inset;
}

#mission-list li .left .action .btn-claim:hover {
    box-shadow: 0 0 10px 0 inset !important;
}

#mission-list li .completed-label {
    position: absolute;
    left: 3.36rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .1rem;
    font-size: .18rem;
    color: #5FD35F;
}

#mission-list li .completed-label svg {
    width: .3rem;
    height: .3rem;
}

#mission-list li .completed-label svg path {
    fill: #5FD35F;
}

#mission-list li .right {
    /* width: calc(100% - 5rem); */
    display: flex;
    align-items: center;
    gap: .15rem;
    justify-content: flex-end;
}

#mission-list li .right img {
    width: .16rem;
    height: .16rem;
    object-fit: cover;
    border-radius: 50%;
}

#mission-list li .right span {
    font-size: .18rem;
    line-height: 1.2em;
    font-family: nunito-semibold;
}

#mission-list li .right span.reward-name {
    font-size: .14rem;
    font-family: nunito-regular;
}

#mission-list li .right .btn-claim {
    padding: .1rem .2rem;
    border-radius: .3rem;
    background: #35f2da;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    font-family: 'nunito-semibold';
    box-shadow: inset 0 0 5px #ffffff;
    min-width: 1rem;
    gap: .05rem
}

#mission-list li .right .btn-claim.disabled {
    pointer-events: none;
    background: #949aab;
    color: #ffffff;
    box-shadow: inset 0 0 10px #414141;
}

#mission-list li .info-icon {
    width: .21rem;
    height: .21rem;
    position: absolute;
    right: .08rem;
    top: .08rem;
}

#mission-list li.to-claim .info-icon path {
    stroke: #fff;
}

#mission-list li.to-claim .info-icon circle {
    fill: #fff;
}

#mission-list li .countdown-text {
    /* position: absolute; */
    display: flex;
    align-items: flex-end;
    /* right: 0;
    top: -.31rem; */
    /* padding: .025rem .15rem; */
    font-size: .13rem;
    gap: .05rem;
    border-radius: .2rem;
    color: #9E9E9E;
    /* background: #676971; */
    width: 1.25rem;
    /* box-shadow: rgb(0 0 0 / 30%) 0px 2px 10px 0 inset; */
    justify-content: flex-end;
}

#mission-list li.completed .countdown-text {
    background: #373737;
    color: #808080;
}

#mission-list li .countdown-text svg {
    width: .16rem;
    fill: #a4a4a5;
}

#mission-list li.completed .countdown-text svg {
    fill: #808080;
}

#mission-list li .countdown-text.urgent {
    color: #ff8282;
}

#mission-list li .countdown-text.urgent svg {
    fill: #ff8282;
}

#mission-list li.to-claim .countdown-text {
    color: #fff;
    /* background: #e0bc5a; */
}

#mission-list li.to-claim .countdown-text svg {
    fill: #fff;
}

#mission-list li.to-claim .countdown-text.urgent {
    color: #ba0000;
}

#mission-list li.to-claim .countdown-text.urgent svg {
    fill: #ba0000;
}

#mission-detail-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: start;
    z-index: 9999;
    user-select: none;
    overflow: auto;
    padding: .4rem 0;
}

#mission-detail-modal .modal-box {
    max-width: 6.5rem;
    background: #333;
    height: auto;
    width: 100%;
}

#mission-detail-modal .modal-box::after {
    content: none;
}

#mission-detail-modal .modal-box .exclusive-label {
    position: absolute;
    z-index: 2;
    width: .85rem;
    height: .85rem;
    top: -.04rem;
    left: -.04rem;
}

#mission-detail-modal .modal-box .exclusive-label img {
    width: 100%;
    height: 100%;
}

#mission-detail-modal .modal-box .modal-header {
    justify-content: center;
    padding-top: .22rem;
    position: relative;
}

#mission-detail-modal .modal-box .modal-body {
    padding: .3rem .3rem .4rem;
}

#mission-detail-modal .modal-box .modal-header .icon-close-popup {
    width: .26rem;
    height: .26rem;
    position: absolute;
    right: .1rem;
    top: .1rem;
    cursor: pointer;
}

#mission-detail-modal .modal-box .modal-header span {
    font-family: nunito-bold;
    font-size: .2rem;
}

#mission-detail-modal .modal-box .modal-body .category-label {
    text-transform: uppercase;
    font-size: .15rem;
    padding: .02rem .1rem;
    border-radius: .05rem;
    background: var(--primary-gradient);
    width: fit-content;
}

#mission-detail-modal .modal-box .modal-body .details {
    display: flex;
    flex-direction: column;
    padding: .2rem 0 .28rem;
    margin-bottom: .26rem;
    border-bottom: 1px solid #6A6A6A;
}

#mission-detail-modal .modal-box .modal-body .details .title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .15rem;
}

#mission-detail-modal .modal-box .modal-body .details .title-container .title {
    font-size: .22rem;
    text-align: left;
    width: 100%;
}

#mission-detail-modal .modal-box .modal-body .details .time-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#mission-detail-modal .modal-box .modal-body .details .time-container .due-date {
    font-size: .15rem;
    color: #f3f703;
}

#mission-detail-modal .modal-box .modal-body .details .desc {
    font-size: .17rem;
    color: #B8B9BD;
}

#mission-detail-modal .countdown-timer {
    color: #D6D6D6;
}

#mission-detail-modal .countdown-timer svg {
    fill: #B5B5B5;
}

#mission-detail-modal .modal-box .modal-body .desc {
    color: #B8B9BD;
    font-size: .16rem;
}

#mission-success-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    user-select: none;
}

#mission-success-modal .modal-box {
    background: url('/images/bg/confetti-bg.png'), #2D2E2F;
    max-width: 4.5rem;
    animation: moveConfetti 5s linear infinite;
    height: auto;
}

#mission-success-modal .modal-box::after {
    content: none;
}

@keyframes moveConfetti {
    from {
        background-position: 100% 100%;
    }
    to {
        background-position: 0 0;
    }
}

#mission-success-modal .modal-box .modal-body {
    text-align: center;
    padding: .6rem .35rem;
}

#mission-success-modal .modal-box .modal-body .icon-coin {
    width: .9rem;
    height: .9rem;
    object-fit: cover;
    border-radius: 50%;
}

#mission-success-modal .modal-box .modal-body .title {
    font-size: .24rem;
    font-family: nunito-extrabold;
    margin: .15rem auto;
}

#mission-success-modal .modal-box .modal-body .message {
    font-size: .18rem;
    font-family: nunito-regular;
}

#mission-success-modal .modal-box .modal-body .message span {
    color: #FFE839;
    font-family: nunito-bold;
}

#mission-success-modal .modal-box .modal-body .btn-dismiss {
    background: var(--yellow-gradient);
    color: #000;
    width: 2rem;
    margin: auto;
    font-family: 'nunito-bold';
    border-radius: .6rem;
    height: .38rem;
    font-size: .16rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: .4rem;
}

#app .reward-popup.mission-reward .popup .close-button {
    width: 0.3rem;
    height: 0.3rem;
    background: #fff;
    border-radius: 50%;
    padding: 0.03rem;
    cursor: pointer;
    position: absolute;
    right: .15rem;
    top: .13rem;
}

#app .reward-popup.order-form.mission-reward .popup .popup-body form .order-instruction {
    color: #ffe674;
    font-size: .18rem;
}

#app .reward-popup.order-form.mission-reward .popup .popup-body form .order-summary {
    background: transparent;
    border: 1px solid #ffe674;
    margin: .15rem 0 .35rem;
    padding: 0.12rem 0.25rem;
    border-radius: .1rem;
}

#app .reward-popup.order-form.mission-reward .popup .popup-body form .order-summary>div p:last-child {
    font-family: nunito-bold;
}

#app .reward-popup.order-form.mission-reward .popup .popup-body form .short-tnc-box {
    margin-top: .3rem;
}

#app .reward-popup.order-form.mission-reward .popup .popup-body form .current-select .icon-box {
    top: .18rem;
}

.circle-loading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: bold;
    color: #fff;
    margin: auto;
}

.circle {
    width: .21rem;
    height: .21rem;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#app #addSenderAddress-modal .addAddress-content {
    padding: .4rem .6rem;
}

#app #addSenderAddress-modal .addAddress-content .input {
    gap: .05rem;
    margin-bottom: .15rem;
}

#app #addSenderAddress-modal .addAddress-content .input>div {
    justify-content: center;
}

#app #addSenderAddress-modal .addAddress-content .input>div>.text-area {
    width: 100%;
    text-align: center;
}

#app #addSenderAddress-modal .addAddress-content .input>div:last-child {
    flex-direction: column;
    align-items: center;
}

#app #addSenderAddress-modal .reminder-text {
    margin-bottom: .4rem;
    font-size: .18rem;
    line-height: 1.2em;
}

#app #addSenderAddress-modal .reminder-text>p:last-child {
    font-size: .17rem;
    line-height: 1.3em;
    margin-top: .2rem;
    color: #ed0000;
}

#app #addSenderAddress-modal .reminder-text>p strong {
    font-size: .16rem;
}

#app #addSenderAddress-modal .warning-text {
    font-size: 0.165rem;
    line-height: 1.2em;
    color: #58606b;
    margin-top: .4rem;
    background: #dadde4;
    padding: .1rem .15rem;
    border-radius: .08rem;
}

#app #addSenderAddress-modal .error-validation {
    font-size: .16rem;
}

#app #addSenderAddress-modal .btn-submit {
    margin: .25rem auto 0;
    margin-right: auto !important;
    width: 3.2rem;
    font-size: .18rem;
}

#cryptoDeposit-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: auto;
    padding: .4rem;
}

#cryptoDeposit-modal .modal-box {
    z-index: 99;
    width: 6.6rem;
    background: #ffffff;
    text-align: center;
    border-radius: .15rem;
    margin: auto;
    position: relative;
}

#cryptoDeposit-modal .modal-box .icon-close3 {
    position: absolute;
    top: -.15rem;
    right: -.15rem;
    background-color: #000;
    border-radius: 50%;
}

#cryptoDeposit-modal .modal-box .modal-body {
    padding: .38rem .5rem;
    font-size: .18rem;
}

#cryptoDeposit-modal .modal-box .modal-body .usdt-logo {
    width: .36rem;
    height: .36rem;
    margin-left: .05rem;
}

#cryptoDeposit-modal .modal-box .modal-body p {
    font-size: .18rem;
    margin: 0 0 .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .06rem;
}

#cryptoDeposit-modal .modal-box .modal-body .title {
    font-family: nunito-black;
    font-weight: 700;
}

#cryptoDeposit-modal .modal-box .modal-body p.warning {
    display: block;
    color: red;
    line-height: 1.25em;
    font-size: .17rem;
    font-weight: 700;
    margin-bottom: 0;
}

#cryptoDeposit-modal .modal-box .modal-body p.warning.small {
    font-weight: 400;
    font-size: .165rem;
}

#cryptoDeposit-modal .modal-box .modal-body .amount_deposit {
    border-bottom: 1px solid #b6b6b6;
    padding: 0 0 .3rem;
    margin-bottom: .3rem;
}

#cryptoDeposit-modal .modal-box .modal-body .amount_deposit>div {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .12rem;
}

#cryptoDeposit-modal .modal-box .modal-body .amount_deposit p {
    margin-bottom: 0;
}

#cryptoDeposit-modal .modal-box .modal-body .amount_deposit span {
    display: block;
    width: fit-content;
    font-size: .25rem;
    font-weight: 700;
    font-family: nunito-black;
    color: #35826c;
}

#cryptoDeposit-modal .modal-box .modal-body .qr-code {
    margin: .25rem auto .15rem;
}

#cryptoDeposit-modal .modal-box .modal-body .address.deposit {
    cursor: pointer;
}

#cryptoDeposit-modal .modal-box .modal-body .address.deposit>div:last-child {
    width: 100%;
    border-radius: .08rem;
    border: 1px solid #e6e6e6;
    padding: .08rem .1rem;
    margin-top: .05rem;
    transition: all .3s ease-in;
}

#cryptoDeposit-modal .modal-box .modal-body .address.deposit>div:last-child:hover {
    border-color: #8d8d8d;
    background: #f3f3f3;
}

#cryptoDeposit-modal .modal-box .modal-body .promo {
    display: flex;
    align-items: center;
    gap: .04rem;
    width: fit-content;
    padding: .04rem .1rem .04rem .05rem;
    background: #def3ff;
    color: #0863a9;
    border: 1px solid var(--primary-color);
    border-radius: .08rem;
    font-size: .17rem;
    margin: .18rem auto 0;
}

#cryptoDeposit-modal .modal-box .modal-body .promo svg {
    width: .22rem;
    height: .22rem;
    margin-right: .06rem;
}

#cryptoDeposit-modal .modal-box .modal-body .timer {
    margin: 0 auto .25rem;
    background: #fff6e0;
    color: #ff7a00;
    font-weight: 700;
    padding: .08rem .2rem;
    border-radius: .08rem;
}

#cryptoDeposit-modal .modal-box .modal-body .timer p {
    margin: 0;
}

#cryptoDeposit-modal .modal-box .modal-body .timer p>span {
    font-family: nunito-black;
}

#cryptoDeposit-modal .modal-box .modal-body .btn-cancel {
    padding: 0 .2rem;
    height: .38rem;
    width: 3rem;
    border-radius: .08rem;
    font-size: .16rem;
    font-weight: 900;
    color: #ffffff;
    background: #e10000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    margin: .35rem auto 0;
}

#cryptoDeposit-modal .modal-box .modal-body p.cancel-note {
    font-size: .15rem;
    line-height: 1.2em;
    margin: .15rem auto 0;
    color: #8a8a8a;
}