.header[data-v-2ad13cbc] {
    height: 1.12rem;
    background-color: #59b1ef;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-shrink: 0
}

.header .nav-box[data-v-2ad13cbc] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .32rem
}

.header .nav-box .nav-left[data-v-2ad13cbc] {
    display: flex;
    align-items: center
}

.header .nav-box .nav-left .kurogames[data-v-2ad13cbc] {
    width: 3.95rem;
    height: .53rem
}

.header .nav-box .nav-left .line[data-v-2ad13cbc] {
    width: .02rem;
    height: .44rem;
    background-color: #dadde3;
    margin: 0 .32rem
}

.header .nav-box .nav-left .page-title[data-v-2ad13cbc] {
    font-size: .28rem;
    font-style: normal;
    font-weight: 500;
    color:#fff;
}

.header .nav-box .nav-right .user-box .user-name[data-v-2ad13cbc] {
    color: #7e7e7e;
    font-size: .28rem;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center
}

.header .nav-box .nav-right .user-box .user-name img[data-v-2ad13cbc] {
    width: .4rem;
    height: .4rem;
    margin-left: .08rem
}

.header .nav-box .nav-right .user-box .login-btn[data-v-2ad13cbc] {
    min-width: 1.2rem;
    height: .56rem;
    border-radius: .12rem;
    background: #308bf5;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .28rem;
    font-style: normal;
    font-weight: 500
}

.logout-m-box[data-v-2ad13cbc] {
    width: 100vw;
    height: var(--height, 100vh);
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: flex-end
}

.logout-m-box .content[data-v-2ad13cbc] {
    width: 100%;
    height: 2.92rem;
    background: #fff;
    border-radius: .32rem .32rem 0 0;
    animation: slideUp-2ad13cbc .3s
}

.logout-m-box .content .logout-item[data-v-2ad13cbc] {
    height: .96rem;
    padding: 0 .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5454a;
    font-size: .32rem;
    font-weight: 400;
    border-bottom: .01rem solid #f0f1f2
}

.logout-m-box .content .cancle-item[data-v-2ad13cbc] {
    height: .96rem;
    padding: 0 .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7e7e7e;
    font-size: .32rem;
    font-weight: 400
}

.logout-m-box .content .content-bottom[data-v-2ad13cbc] {
    border-top: .16rem solid #f0f1f2
}

@keyframes slideUp-2ad13cbc {
    0% {
        transform: translateY(100%)
    }
}

.modal[data-v-5136330a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: var(--height, 100vh);
    z-index: 1000;
    overflow: hidden
}

.modal .modal-mask[data-v-5136330a] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(249, 250, 250, .95)
}

.modal .modal-wrap[data-v-5136330a] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%
}

.modal .close-icon[data-v-5136330a] {
    position: fixed;
    z-index: 1002;
    display: flex;
    justify-content: flex-end;
    padding: .45rem .49rem;
    right: .2rem;
    top: .2rem
}

.modal .close-icon img[data-v-5136330a] {
    width: .58rem;
    height: .59rem
}

.modal .content[data-v-5136330a] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1001;
    transform: translate(-50%, -50%)
}

.fade-enter-active[data-v-5136330a], .fade-leave-active[data-v-5136330a] {
    transition: opacity .3s ease
}

.fade-enter-from[data-v-5136330a], .fade-leave-to[data-v-5136330a] {
    opacity: 0
}

.slide-enter-active[data-v-5136330a], .slide-leave-active[data-v-5136330a] {
    transition: all .3s ease
}

.slide-enter-from[data-v-5136330a], .slide-leave-to[data-v-5136330a] {
    transform: translate(-100%)
}

.cadpa[data-v-37154238] {
    width: .83rem;
    height: 1.08rem
}

.close-btn[data-v-37154238] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .3rem
}

.close-btn img[data-v-37154238] {
    width: .58rem;
    height: .59rem;
    display: block;
    width: inherit
}

.cadpa-container[data-v-37154238] {
    width: 6.46rem;
    height: 10.49rem;
    background: url(/assets/cadpa-back-952baefc.png) no-repeat;
    background-size: cover;
    background-position: center center
}

.cadpa-container .content[data-v-37154238] {
    padding: .74rem
}

.cadpa-container .content .title[data-v-37154238] {
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: .4rem;
    color: #3a3434;
    padding-bottom: .34rem;
    border-bottom: .01rem solid #3b3f4b
}

.cadpa-container .content .pra[data-v-37154238] {
    padding-top: .48rem;
    line-height: .32rem;
    font-size: .22rem
}

.footer[data-v-f6378b01] {
    position: relative;
    width: 100%;
    background: #fff;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .25rem 0
}

.footer .kurogames-white[data-v-f6378b01] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer .kurogames-white .cadpa-wrapper[data-v-f6378b01] {
    position: relative;
    margin-left: .57rem;
    margin-right: .59rem
}

.footer .kurogames-white img[data-v-f6378b01] {
    width: 2.72rem;
    height: .79rem
}

.footer .footer-bottom[data-v-f6378b01] {
    color: #9d9d9d;
    margin-top: .2rem
}

.footer .footer-bottom div > span[data-v-f6378b01] {
    font-size: .14rem;
    margin: .02rem 0;
    color: #b9b9b9
}

.footer .footer-bottom div > a[data-v-f6378b01] {
    color: #b9b9b9;
    text-decoration: none
}

.footer .footer-bottom .agreement[data-v-f6378b01] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b9b9b9
}

.footer .footer-bottom .agreement .agreement-top[data-v-f6378b01] {
    display: flex;
    align-items: center;
    margin: .12rem 0
}

.footer .footer-bottom .agreement a[data-v-f6378b01] {
    font-size: .19rem;
    color: #9d9d9d
}

.footer .footer-bottom .agreement .line[data-v-f6378b01] {
    width: 1px;
    height: .19rem;
    background-color: #b9b9b9;
    margin: 0 .15rem
}

.footer .footer-bottom .copy-right[data-v-f6378b01] {
    display: flex;
    flex-direction: column;
    color: #9d9d9d;
    font-size: .19rem;
    align-items: center
}

.footer .footer-bottom .copy-right a[data-v-f6378b01], .footer .footer-bottom .copy-right span[data-v-f6378b01] {
    font-size: .19rem
}

.footer .footer-bottom .agreement-tips[data-v-f6378b01] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.footer .footer-bottom .agreement-tips span[data-v-f6378b01] {
    margin: .02rem 0;
    font-size: .19rem
}

.language-container[data-v-f6378b01] {
    margin-top: .26rem;
    margin-bottom: .8rem
}

.main[data-v-3cd3334b] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.view-content[data-v-3cd3334b] {
    width: 100%;
    flex-shrink: 0;
    flex: 1 0 auto
}

.customer[data-v-3cd3334b] {
    position: fixed;
    left: .24rem;
    bottom: .36rem;
    width: .96rem;
    height: .96rem;
    border-radius: 50%;
    border: .08rem solid #eee;
    z-index: 99;
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out
}

.customer span[data-v-3cd3334b] {
    color: #7e7e7e;
    font-size: .18rem;
    font-weight: 500
}

.customer img[data-v-3cd3334b] {
    width: .36rem;
    height: .36rem;
    margin-top: .1rem
}