html,
body {
    background-color: #f5f5f5
}

#app {
    position: relative;
    width: 100dvw;
    height: 100dvh;
    margin: 0 auto
}

html[data-v-54c05b3c] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-54c05b3c],
li[data-v-54c05b3c],
div[data-v-54c05b3c],
p[data-v-54c05b3c],
body[data-v-54c05b3c],
h1[data-v-54c05b3c],
h2[data-v-54c05b3c],
h3[data-v-54c05b3c],
h4[data-v-54c05b3c],
h5[data-v-54c05b3c],
h6[data-v-54c05b3c],
dl[data-v-54c05b3c],
dt[data-v-54c05b3c],
dd[data-v-54c05b3c] {
    padding: 0;
    margin: 0
}

li[data-v-54c05b3c] {
    list-style: none
}

a[data-v-54c05b3c] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-54c05b3c] {
    font-style: normal;
    font-weight: 400
}

input[data-v-54c05b3c] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-54c05b3c] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-54c05b3c],
html[data-v-54c05b3c] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-54c05b3c] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-54c05b3c] {
    overflow: hidden
}

.loading-mask[data-v-54c05b3c] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loading-mask .loading-modal[data-v-54c05b3c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    background: #000;
    border-radius: .1rem;
    mix-blend-mode: normal;
    opacity: .6
}

.loading-mask .loading-modal .loading-icon[data-v-54c05b3c] {
    width: .4rem;
    -webkit-animation: rotate-54c05b3c 1s linear infinite;
    animation: rotate-54c05b3c 1s linear infinite
}

.fade-leave-to[data-v-54c05b3c],
.fade-enter[data-v-54c05b3c] {
    opacity: 0
}

.fade-enter-active[data-v-54c05b3c],
.fade-leave-active[data-v-54c05b3c] {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@-webkit-keyframes rotate-54c05b3c {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

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

@keyframes rotate-54c05b3c {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

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

html[data-v-27e0e2f5] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-27e0e2f5],
li[data-v-27e0e2f5],
div[data-v-27e0e2f5],
p[data-v-27e0e2f5],
body[data-v-27e0e2f5],
h1[data-v-27e0e2f5],
h2[data-v-27e0e2f5],
h3[data-v-27e0e2f5],
h4[data-v-27e0e2f5],
h5[data-v-27e0e2f5],
h6[data-v-27e0e2f5],
dl[data-v-27e0e2f5],
dt[data-v-27e0e2f5],
dd[data-v-27e0e2f5] {
    padding: 0;
    margin: 0
}

li[data-v-27e0e2f5] {
    list-style: none
}

a[data-v-27e0e2f5] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-27e0e2f5] {
    font-style: normal;
    font-weight: 400
}

input[data-v-27e0e2f5] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-27e0e2f5] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-27e0e2f5],
html[data-v-27e0e2f5] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-27e0e2f5] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-27e0e2f5] {
    overflow: hidden
}

.toast-wrapper[data-v-27e0e2f5] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 2.9rem;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.toast-wrapper .toast-content[data-v-27e0e2f5] {
    height: 100%
}

.toast-wrapper .toast-content>span[data-v-27e0e2f5] {
    display: inline-block;
    padding: .06rem .2rem;
    background: rgba(0, 0, 0, .8);
    border-radius: .12rem
}

.toast-wrapper.mobile[data-v-27e0e2f5] {
    width: 5.8rem !important;
    height: auto !important;
    font-size: .24rem
}

.toast-wrapper.mobile .toast-content>span[data-v-27e0e2f5] {
    padding: .14rem .28rem;
    border-radius: .16rem
}

html[data-v-6f56f728] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-6f56f728],
li[data-v-6f56f728],
div[data-v-6f56f728],
p[data-v-6f56f728],
body[data-v-6f56f728],
h1[data-v-6f56f728],
h2[data-v-6f56f728],
h3[data-v-6f56f728],
h4[data-v-6f56f728],
h5[data-v-6f56f728],
h6[data-v-6f56f728],
dl[data-v-6f56f728],
dt[data-v-6f56f728],
dd[data-v-6f56f728] {
    padding: 0;
    margin: 0
}

li[data-v-6f56f728] {
    list-style: none
}

a[data-v-6f56f728] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-6f56f728] {
    font-style: normal;
    font-weight: 400
}

input[data-v-6f56f728] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-6f56f728] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-6f56f728],
html[data-v-6f56f728] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-6f56f728] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-6f56f728] {
    overflow: hidden
}

.contorl-left[data-v-6f56f728] {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contorl-left .btn-back[data-v-6f56f728] {
    display: block;
    width: .58rem;
    height: .54rem;
    margin-right: .28rem;
    font-size: .3rem;
    line-height: .54rem;
    color: #fff;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contorl-left .btn-back.show[data-v-6f56f728] {
    pointer-events: auto;
    opacity: 1
}

.contorl-left .btn-login[data-v-6f56f728] {
    position: relative;
    background: url(../img/btn_login-8713f514.png) no-repeat center center;
    background-size: 100% 100%;
    width: .7rem;
    height: .64rem
}

.contorl-left .user-msg[data-v-6f56f728] {
    position: relative;
    color: #824141;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: .32rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contorl-left .user-msg.show[data-v-6f56f728] {
    pointer-events: auto;
    opacity: 1
}

.contorl-left .user-msg .user-nick[data-v-6f56f728] {
    font-size: .3rem
}

.contorl-left .user-msg .user-code[data-v-6f56f728] {
    font-size: .24rem
}

.contorl-left .btn-logout[data-v-6f56f728] {
    position: relative;
    background: url(../img/btn_back-78a4c0e7.png) no-repeat center center;
    background-size: 100% 100%;
    width: .7rem;
    height: .64rem;
    margin-right: .12rem
}

.contorl-left .btn-switch-character[data-v-6f56f728] {
    font-size: .3rem;
    text-decoration: underline;
    position: absolute;
    left: 0;
    bottom: -.4rem;
    white-space: nowrap
}

html[data-v-c5dc4523] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-c5dc4523],
li[data-v-c5dc4523],
div[data-v-c5dc4523],
p[data-v-c5dc4523],
body[data-v-c5dc4523],
h1[data-v-c5dc4523],
h2[data-v-c5dc4523],
h3[data-v-c5dc4523],
h4[data-v-c5dc4523],
h5[data-v-c5dc4523],
h6[data-v-c5dc4523],
dl[data-v-c5dc4523],
dt[data-v-c5dc4523],
dd[data-v-c5dc4523] {
    padding: 0;
    margin: 0
}

li[data-v-c5dc4523] {
    list-style: none
}

a[data-v-c5dc4523] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-c5dc4523] {
    font-style: normal;
    font-weight: 400
}

input[data-v-c5dc4523] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-c5dc4523] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-c5dc4523],
html[data-v-c5dc4523] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-c5dc4523] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-c5dc4523] {
    overflow: hidden
}

.share-box[data-v-c5dc4523] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-box.fade-enter-active[data-v-c5dc4523],
.share-box.fade-leave-active[data-v-c5dc4523] {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.share-box.fade-enter-active .share-img[data-v-c5dc4523],
.share-box.fade-leave-active .share-img[data-v-c5dc4523] {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.share-box.fade-enter-from[data-v-c5dc4523],
.share-box.fade-leave-to[data-v-c5dc4523] {
    opacity: 0
}

.share-box.fade-enter-from .share-img[data-v-c5dc4523],
.share-box.fade-leave-to .share-img[data-v-c5dc4523] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.share-box .share-content[data-v-c5dc4523] {
    position: relative;
    width: 100%
}

.share-box .share-content .btn-close[data-v-c5dc4523] {
    position: absolute;
    width: .7rem;
    height: .64rem;
    background: url(../img/pop_close-1b8e490c.png) no-repeat center center;
    background-size: 100% 100%;
    right: .46rem;
    top: -.8rem
}

.share-box .share-content .share-img[data-v-c5dc4523] {
    position: relative;
    height: 10rem;
    margin: 0 auto
}

.share-box .share-content .share-img img[data-v-c5dc4523] {
    display: block;
    height: 100%;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: default
}

@media (max-height: 640px) {
    .share-box .share-content[data-v-c5dc4523] {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.share-btn[data-v-c5dc4523] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-btn.iswx[data-v-c5dc4523] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-btn .share-normal[data-v-c5dc4523],
.share-btn .share-sns[data-v-c5dc4523] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .12rem
}

.share-btn .s-btn[data-v-c5dc4523] {
    display: block;
    width: .64rem;
    height: .64rem
}

.share-btn .btn-linkshare[data-v-c5dc4523] {
    background: url(../img/link-4b6dc00b.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-qq[data-v-c5dc4523] {
    background: url(../img/qq-f07c73cf.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-qqzone[data-v-c5dc4523] {
    background: url(../img/qqzone-73fc0d60.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-tw[data-v-c5dc4523] {
    background: url(../img/tw-b2d66fd5.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-wb[data-v-c5dc4523] {
    background: url(../img/wb-3baf563a.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-wx[data-v-c5dc4523] {
    background: url(../img/wx-4dec38c1.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-tittok[data-v-c5dc4523] {
    background: url(../img/tittok-db36479a.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-xhs[data-v-c5dc4523] {
    background: url(../img/xhs-9bbcaa8b.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-fb[data-v-c5dc4523] {
    background: url(../img/fb-aad8fd58.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-taptap[data-v-c5dc4523] {
    background: url(../img/taptap-db73b8a4.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-bilibili[data-v-c5dc4523] {
    background: url(../img/bilibili-fd93b198.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-kjq[data-v-c5dc4523] {
    background: url(../img/kjq-57df2698.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .share-tip[data-v-c5dc4523] {
    font-size: .28rem;
    color: #e1e1e1
}

.share-btn .btn-system[data-v-c5dc4523] {
    background: url(../img/sys-f44aec8d.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-discord[data-v-c5dc4523] {
    background: url(../img/discord-5e8cce84.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-line[data-v-c5dc4523] {
    background: url(../img/lines-db366410.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-reddit[data-v-c5dc4523] {
    background: url(../img/reddit-a1d0045d.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-naver[data-v-c5dc4523] {
    background: url(../img/naver-43564db8.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-kakao[data-v-c5dc4523] {
    background: url(../img/kakao-0c83a8bf.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-wegame[data-v-c5dc4523] {
    background: url(../img/wegame-54fa56cd.png) no-repeat center center;
    background-size: 100% 100%
}

.share-btn .btn-dl[data-v-c5dc4523] {
    background: url(../img/download-326932ce.png) no-repeat center center;
    background-size: 100% 100%
}

.share-save[data-v-c5dc4523] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: .24rem 0
}

.share-save .share-savetext[data-v-c5dc4523] {
    font-size: .32rem;
    color: #fff;
    text-align: center;
    white-space: pre-wrap
}

html[data-v-c4787a96] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-c4787a96],
li[data-v-c4787a96],
div[data-v-c4787a96],
p[data-v-c4787a96],
body[data-v-c4787a96],
h1[data-v-c4787a96],
h2[data-v-c4787a96],
h3[data-v-c4787a96],
h4[data-v-c4787a96],
h5[data-v-c4787a96],
h6[data-v-c4787a96],
dl[data-v-c4787a96],
dt[data-v-c4787a96],
dd[data-v-c4787a96] {
    padding: 0;
    margin: 0
}

li[data-v-c4787a96] {
    list-style: none
}

a[data-v-c4787a96] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-c4787a96] {
    font-style: normal;
    font-weight: 400
}

input[data-v-c4787a96] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-c4787a96] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-c4787a96],
html[data-v-c4787a96] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-c4787a96] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-c4787a96] {
    overflow: hidden
}

.custom-scrollbar-container[data-v-c4787a96] {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-scrollbar-container .scrollbar-content[data-v-c4787a96] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none
}

.custom-scrollbar-container .scrollbar-content[data-v-c4787a96]::-webkit-scrollbar {
    display: none
}

.custom-scrollbar-container .scrollbar-track[data-v-c4787a96] {
    position: absolute;
    right: -.48rem;
    top: 0;
    bottom: 0;
    width: .16rem;
    background-color: #fbc8f2;
    border: .04rem solid #746fce;
    z-index: 8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.custom-scrollbar-container .scrollbar-thumb[data-v-c4787a96] {
    position: absolute;
    left: 0;
    width: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.custom-scrollbar-container .scrollbar-thumb .thumb-icon[data-v-c4787a96] {
    width: .32rem;
    height: .32rem;
    background: url(../img/scrollbar_icon-cfa4b329.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%
}

html[data-v-8037e934] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-8037e934],
li[data-v-8037e934],
div[data-v-8037e934],
p[data-v-8037e934],
body[data-v-8037e934],
h1[data-v-8037e934],
h2[data-v-8037e934],
h3[data-v-8037e934],
h4[data-v-8037e934],
h5[data-v-8037e934],
h6[data-v-8037e934],
dl[data-v-8037e934],
dt[data-v-8037e934],
dd[data-v-8037e934] {
    padding: 0;
    margin: 0
}

li[data-v-8037e934] {
    list-style: none
}

a[data-v-8037e934] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-8037e934] {
    font-style: normal;
    font-weight: 400
}

input[data-v-8037e934] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-8037e934] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-8037e934],
html[data-v-8037e934] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-8037e934] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-8037e934] {
    overflow: hidden
}

.pop-cont.uid-cont[data-v-8037e934] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.98rem;
    height: 3.96rem;
    background: url(../img/wrap-3e83eba1.png) center / cover no-repeat
}

.pop-cont.uid-cont .logo[data-v-8037e934] {
    position: relative;
    margin: 0 auto;
    width: 1.68rem;
    height: .49rem;
    background: url(../img/logo-8d6bffc5.png);
    background-size: 100% 100%
}

.pop-cont.uid-cont .pop-close[data-v-8037e934] {
    position: absolute;
    top: .3rem;
    right: .35rem;
    width: .24rem;
    height: .24rem;
    cursor: pointer;
    background: url(../img/btn_close-42978dcb.png);
    background-size: 100% 100%;
    z-index: 10
}

.pop-cont.uid-cont .my-form[data-v-8037e934] {
    position: relative;
    width: 4.26rem;
    padding-top: .2rem;
    margin: 0 auto
}

.pop-cont.uid-cont .my-form .input-box[data-v-8037e934] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.26rem;
    height: .66rem;
    margin: 0 auto;
    background-color: #edeff5;
    border-radius: .06rem
}

.pop-cont.uid-cont .my-form .input-box[data-v-8037e934]:nth-child(1) {
    margin-bottom: .18rem
}

.pop-cont.uid-cont .my-form .input-box input[data-v-8037e934] {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-size: .21rem;
    line-height: .66rem;
    color: #333;
    background: none;
    border: none;
    outline: none;
    padding-left: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop-cont.uid-cont .my-form .input-box .btn-send[data-v-8037e934] {
    position: absolute;
    top: 50%;
    right: .08rem;
    width: 1.55rem;
    height: .56rem;
    font-size: .21rem;
    line-height: .56rem;
    color: #297bff;
    text-align: center;
    cursor: pointer;
    background: url(../img/btn-send-e5fb45c9.png) no-repeat center center;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pop-cont.uid-cont .agreement[data-v-8037e934] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.26rem;
    margin: .2rem auto
}

.pop-cont.uid-cont .agreement .agree[data-v-8037e934] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: .27rem;
    height: .27rem;
    margin-right: .08rem;
    background: url(../img/icon_normal-b0e1264c.png) center / cover no-repeat
}

.pop-cont.uid-cont .agreement .agree.active[data-v-8037e934] {
    background: url(../img/icon_agree-6927f169.png) center / cover no-repeat
}

.pop-cont.uid-cont .agreement .agree-text[data-v-8037e934] {
    font-size: .15rem;
    color: #7e7e7e
}

.pop-cont.uid-cont .agreement .agree-text .agree-a[data-v-8037e934] {
    color: #7e7e7e
}

.pop-cont.uid-cont .agreement .agree-text .agree-a[data-v-8037e934]:hover {
    opacity: .8
}

.pop-cont.uid-cont .btn-submit[data-v-8037e934] {
    display: block;
    width: 4.26rem;
    height: .66rem;
    margin: 0 auto;
    font-size: .24rem;
    line-height: .66rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: url(../img/btn-cab9a244.png) no-repeat center center;
    background-size: 100% 100%;
    border: none;
    outline: none
}

.pop-cont.uid-cont .btn-submit.disabled[data-v-8037e934] {
    cursor: default;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

html[data-v-91662509] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-91662509],
li[data-v-91662509],
div[data-v-91662509],
p[data-v-91662509],
body[data-v-91662509],
h1[data-v-91662509],
h2[data-v-91662509],
h3[data-v-91662509],
h4[data-v-91662509],
h5[data-v-91662509],
h6[data-v-91662509],
dl[data-v-91662509],
dt[data-v-91662509],
dd[data-v-91662509] {
    padding: 0;
    margin: 0
}

li[data-v-91662509] {
    list-style: none
}

a[data-v-91662509] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-91662509] {
    font-style: normal;
    font-weight: 400
}

input[data-v-91662509] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-91662509] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-91662509],
html[data-v-91662509] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-91662509] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-91662509] {
    overflow: hidden
}

.popup[data-v-91662509] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup .btn-close[data-v-91662509] {
    position: absolute;
    top: .22rem;
    right: .42rem;
    z-index: 2;
    width: .53rem;
    height: .53rem;
    background: url(../img/close-ffe8e3e9.png) no-repeat center;
    background-size: 100% 100%
}

.popup .popup-close[data-v-91662509] {
    position: absolute;
    background: url(../img/pop_close-1b8e490c.png) no-repeat center center;
    background-size: 100% 100%;
    width: .7rem;
    height: .64rem;
    top: -.8rem;
    right: 0;
    z-index: 2
}

.popup.fade-enter-active[data-v-91662509],
.popup.fade-leave-active[data-v-91662509] {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.popup.fade-enter-active .pop-cont[data-v-91662509],
.popup.fade-leave-active .pop-cont[data-v-91662509] {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

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

.popup.fade-enter-from .pop-cont[data-v-91662509],
.popup.fade-leave-to .pop-cont[data-v-91662509] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.select-cont[data-v-91662509],
.reload-cont[data-v-91662509],
.role-cont[data-v-91662509] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.98rem;
    height: 3.96rem;
    background: url(../img/wrap-3e83eba1.png) center / cover no-repeat
}

.select-cont .logo[data-v-91662509],
.reload-cont .logo[data-v-91662509],
.role-cont .logo[data-v-91662509] {
    position: absolute;
    top: .1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: 1.68rem;
    height: .49rem;
    background: url(../img/logo-8d6bffc5.png);
    background-size: 100% 100%
}

.select-cont .logo.logo-outsea[data-v-91662509],
.reload-cont .logo.logo-outsea[data-v-91662509],
.role-cont .logo.logo-outsea[data-v-91662509] {
    top: .25rem;
    width: 2.38rem;
    height: .25rem;
    background: url(../img/logo_outsea-6c70313c.png);
    background-size: 100% 100%
}

.select-cont .pop-close[data-v-91662509],
.reload-cont .pop-close[data-v-91662509],
.role-cont .pop-close[data-v-91662509] {
    position: absolute;
    top: .3rem;
    right: .35rem;
    width: .24rem;
    height: .24rem;
    cursor: pointer;
    background: url(../img/btn_close-42978dcb.png);
    background-size: 100% 100%;
    z-index: 10
}

.select-cont .select-content[data-v-91662509],
.reload-cont .select-content[data-v-91662509],
.role-cont .select-content[data-v-91662509] {
    position: relative;
    width: 4.26rem;
    margin-top: .8rem;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select-cont .select-tip[data-v-91662509],
.reload-cont .select-tip[data-v-91662509],
.role-cont .select-tip[data-v-91662509] {
    width: 100%;
    font-size: .2rem;
    color: #333;
    text-align: center;
    margin-bottom: .1rem
}

.select-cont .select-tip.reload-title[data-v-91662509],
.reload-cont .select-tip.reload-title[data-v-91662509],
.role-cont .select-tip.reload-title[data-v-91662509] {
    font-size: .36rem;
    margin-bottom: .5rem
}

.select-cont .select-item[data-v-91662509],
.reload-cont .select-item[data-v-91662509],
.role-cont .select-item[data-v-91662509] {
    width: 4.26rem;
    height: .66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .24rem;
    font-weight: 700;
    line-height: .66rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: url(../img/btn-cab9a244.png) no-repeat center center;
    background-size: 100% 100%;
    border: none;
    outline: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.select-cont .select-item[data-v-91662509]:hover,
.reload-cont .select-item[data-v-91662509]:hover,
.role-cont .select-item[data-v-91662509]:hover {
    opacity: .8
}

.select-cont .select-item[data-v-91662509]:active,
.reload-cont .select-item[data-v-91662509]:active,
.role-cont .select-item[data-v-91662509]:active {
    opacity: .6
}

.role-cont .role-title[data-v-91662509] {
    font-size: .2rem;
    color: #000
}

.role-cont .role-server[data-v-91662509] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.26rem;
    height: .66rem;
    padding: 0 .25rem;
    font-size: .24rem;
    line-height: .66rem;
    color: #000;
    background-color: #edeff5;
    border-radius: .04rem;
    cursor: pointer
}

.role-cont .role-select[data-v-91662509] {
    position: absolute;
    top: .66rem;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #fefefe;
    border-radius: .04rem;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.role-cont .role-select .role-option[data-v-91662509] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: .66rem;
    padding: 0 .25rem;
    font-size: .24rem;
    line-height: .66rem;
    color: #000;
    cursor: pointer
}

.role-cont .role-select .role-option[data-v-91662509]:hover {
    background: #f4f5f9
}

.role-cont .role-icon[data-v-91662509] {
    position: absolute;
    top: 50%;
    right: .25rem;
    width: .23rem;
    height: .14rem;
    margin-top: -.05rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: url(../img/icon_drop-a6bded94.png) center / 100% 100% no-repeat
}

.role-cont .role-server[data-v-91662509] {
    z-index: 2
}

.role-cont .role-server.cur .role-select[data-v-91662509] {
    height: 3.3rem
}

.role-cont .role-server.cur .role-icon[data-v-91662509] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.role-cont .role-msg[data-v-91662509] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 3rem;
    height: .24rem;
    font-size: .2rem;
    color: #7e7e7e
}

.role-cont .role-msg .role-uid[data-v-91662509],
.role-cont .role-msg .role-nick[data-v-91662509] {
    width: 1.4rem;
    text-align: center
}

.role-cont .btn-sure.canclick[data-v-91662509] {
    pointer-events: auto;
    -webkit-filter: none;
    filter: none
}

.follow-cont[data-v-91662509] {
    position: relative;
    background: url(../img/pop_follow_bg-3fdfc568.png) no-repeat center center;
    background-size: 100% 100%;
    width: 6.52rem;
    height: 10.91rem;
    margin: -.88rem auto 0;
    padding-top: 1.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.follow-cont .follow-title[data-v-91662509] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 3.77rem;
    height: .79rem;
    margin: 0 auto
}

.follow-cont .follow-list-box[data-v-91662509] {
    position: relative;
    margin-top: .34rem;
    height: 5.6rem
}

.follow-cont .follow-list-box[data-v-91662509] .scrollbar-track {
    right: -.24rem
}

.follow-cont .follow-list[data-v-91662509] {
    position: relative;
    width: 100%
}

.follow-cont .follow-list li[data-v-91662509] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(../img/pop_follow_item_bg-2b114bd1.png) no-repeat center center;
    background-size: 100% 100%;
    width: 5.57rem;
    height: 1.3rem;
    margin: 0 auto;
    padding: 0 .24rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    gap: .2rem;
    margin-bottom: .12rem
}

.follow-cont .follow-list li .follow-icon[data-v-91662509] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .52rem;
    height: .54rem;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.follow-cont .follow-list li .follow-icon1[data-v-91662509] {
    background-image: url(../img/pop_follow_kjq-44829d8d.png)
}

.follow-cont .follow-list li .follow-icon2[data-v-91662509] {
    background-image: url(../img/pop_follow_wechat-a4eff95e.png)
}

.follow-cont .follow-list li .follow-icon3[data-v-91662509] {
    background-image: url(../img/pop_follow_bilibili-94bfc9b9.png)
}

.follow-cont .follow-list li .follow-icon4[data-v-91662509] {
    background-image: url(../img/pop_follow_weibo-f02570f3.png)
}

.follow-cont .follow-list li .follow-icon5[data-v-91662509] {
    background-image: url(../img/pop_follow_titok-8609f4df.png)
}

.follow-cont .follow-list li .follow-icon6[data-v-91662509] {
    background-image: url(../img/pop_follow_xhs-fcb39e1a.png)
}

.follow-cont .follow-list li .follow-icon7[data-v-91662509] {
    background-image: url(../img/pop_follow_facebook-66edf6a2.png)
}

.follow-cont .follow-list li .follow-icon8[data-v-91662509] {
    background-image: url(../img/pop_follow_youtube-9d737a9f.png)
}

.follow-cont .follow-list li .follow-icon9[data-v-91662509] {
    background-image: url(../img/pop_follow_discord-814e3dbf.png)
}

.follow-cont .follow-list li .follow-icon10[data-v-91662509] {
    background-image: url(../img/pop_follow_tw-8bf8918d.png)
}

.follow-cont .follow-list li .follow-icon11[data-v-91662509] {
    background-image: url(../img/pop_follow_line-ffbe389f.png)
}

.follow-cont .follow-list li .follow-icon12[data-v-91662509] {
    background-image: url(../img/pop_follow_tiktok-f6d23f0d.png)
}

.follow-cont .follow-list li .follow-icon13[data-v-91662509] {
    background-image: url(../img/pop_follow_naver-7bef9297.png)
}

.follow-cont .follow-list li .follow-icon14[data-v-91662509] {
    background-image: url(../img/pop_follow_reddit-094a0c39.png)
}

.follow-cont .follow-list li .follow-icon15[data-v-91662509] {
    background-image: url(../img/pop_follow_ins-27a513bd.png)
}

.follow-cont .follow-list li .follow-name[data-v-91662509] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .3rem;
    line-height: 1.5;
    color: #b0608a
}

.follow-cont .follow-list li .follow-btn[data-v-91662509] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.44rem;
    height: .64rem;
    background-image: url(../img/pop_follow_btn-4277a4b2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: .24rem;
    line-height: .68rem;
    text-align: center;
    color: #5f4c90;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.follow-cont .follow-list li .follow-btn.completed[data-v-91662509] {
    background-image: url(../img/pop_follow_btn_active-2765df01.png)
}

.follow-cont .follow-close[data-v-91662509] {
    position: relative;
    background: url(../img/pop_follow_back-cd1ee32c.png) no-repeat center center;
    background-size: 100% 100%;
    width: 2.77rem;
    height: .83rem;
    margin: 1.2rem auto 0;
    line-height: .86rem;
    font-size: .36rem;
    color: #5f4c90;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reward-cont[data-v-91662509] {
    position: relative;
    background: url(../img/pop_reward_bg-885795b5.png) no-repeat center center;
    background-size: 100% 100%;
    width: 6.52rem;
    height: 6.81rem;
    margin: -.88rem auto 0;
    padding-top: 1.48rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.reward-cont .reward-title[data-v-91662509] {
    position: relative;
    margin: 0 auto;
    padding-bottom: .2rem;
    font-size: .46rem;
    color: #746fce;
    text-align: center;
    background: url(../img/pop_rule_line-9bc3bc5c.png) no-repeat center bottom;
    background-size: 5.58rem auto
}

.reward-cont .reward-cont-box[data-v-91662509] {
    position: relative;
    height: 4.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.reward-cont .reward-list[data-v-91662509] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .24rem
}

.reward-cont .reward-list li[data-v-91662509] {
    position: relative
}

.reward-cont .reward-list .reward-icon[data-v-91662509] {
    width: 1.84rem;
    height: 1.84rem;
    overflow: hidden;
    margin: 0 auto
}

.reward-cont .reward-list .reward-icon img[data-v-91662509] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.reward-cont .reward-list .reward-name[data-v-91662509] {
    font-size: .32rem;
    line-height: 1.5;
    color: #746fce;
    text-align: center;
    margin-top: .08rem;
    white-space: pre-wrap
}

.reward-cont .reward-tip[data-v-91662509] {
    font-size: .24rem;
    color: #746fce;
    padding: 0 .6rem
}

.reward-cont .reward-close[data-v-91662509] {
    position: relative;
    background: url(../img/pop_reward_back-ace88329.png) no-repeat center center;
    background-size: 100% 100%;
    width: 2.97rem;
    height: .9rem;
    font-size: .36rem;
    color: #5f4c90;
    text-align: center;
    line-height: .94rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rule-cont[data-v-91662509] {
    position: relative;
    background: url(../img/pop_rule_bg-8eaf8a8c.png) no-repeat center center;
    background-size: 100% 100%;
    width: 6.52rem;
    height: 10.83rem;
    margin: -.88rem auto 0;
    padding-top: 1.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rule-cont .rule-title[data-v-91662509] {
    position: relative;
    margin: 0 auto;
    padding-bottom: .2rem;
    font-size: .46rem;
    color: #746fce;
    text-align: center;
    background: url(../img/pop_rule_line-9bc3bc5c.png) no-repeat center bottom;
    background-size: 5.58rem auto
}

.rule-cont .rule-detail[data-v-91662509] {
    position: relative;
    padding: 0 .4rem;
    height: 7.86rem;
    margin-top: .2rem;
    font-size: .26rem;
    color: #5c5da8;
    line-height: .36rem
}

.rule-cont .rule-detail.kr[data-v-91662509] {
    word-break: keep-all
}

.rule-cont .rule-detail[data-v-91662509] .scrollbar-track {
    right: -.7rem
}

.rule-cont .rule-detail a[data-v-91662509] {
    color: #5c5da8
}

.rule-cont .rule-detail .tit[data-v-91662509] {
    font-weight: 700
}

.rule-cont .popup-close[data-v-91662509] {
    top: 0
}

.video-cont .video-box[data-v-91662509] {
    position: relative;
    width: 100%;
    background-color: #000
}

.video-cont video[data-v-91662509] {
    display: block;
    width: 100%
}

.image-cont .image-box[data-v-91662509] {
    position: relative;
    width: 100%;
    margin: auto
}

.image-cont .image-box.small[data-v-91662509] {
    width: 80%
}

.image-cont img[data-v-91662509] {
    display: block;
    width: 100%
}

.wxtip-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

.wxtip-box.fade-enter-active,
.wxtip-box.fade-leave-active {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.wxtip-box.fade-enter-active .share-img,
.wxtip-box.fade-leave-active .share-img {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.wxtip-box.fade-enter-from,
.wxtip-box.fade-leave-to {
    opacity: 0
}

.wxtip-box.fade-enter-from .share-img,
.wxtip-box.fade-leave-to .share-img {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.wxtip-box .wxtip-outside {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wxtip-box .wxtip-outside .wxtip-qrcode {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto .2rem
}

.wxtip-box .wxtip-outside .wxtip-tip {
    font-size: .24rem;
    color: #fff;
    text-align: center
}

.wxtip-box .wxtip-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wxtip-box .wxtip-inner .wxtip-text {
    font-size: .24rem;
    color: #fff;
    text-align: center
}

html[data-v-89282a56] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-89282a56],
li[data-v-89282a56],
div[data-v-89282a56],
p[data-v-89282a56],
body[data-v-89282a56],
h1[data-v-89282a56],
h2[data-v-89282a56],
h3[data-v-89282a56],
h4[data-v-89282a56],
h5[data-v-89282a56],
h6[data-v-89282a56],
dl[data-v-89282a56],
dt[data-v-89282a56],
dd[data-v-89282a56] {
    padding: 0;
    margin: 0
}

li[data-v-89282a56] {
    list-style: none
}

a[data-v-89282a56] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-89282a56] {
    font-style: normal;
    font-weight: 400
}

input[data-v-89282a56] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-89282a56] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-89282a56],
html[data-v-89282a56] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-89282a56] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-89282a56] {
    overflow: hidden
}

@font-face {
    font-family: Dotted Songti Square;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/DottedSongtiSquareRegular-ccbaf0b4.woff2) format("woff2"), url(/fonts/DottedSongtiSquareRegular-4d2d542e.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Aa;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/AaHMKJXST-de91e641.woff2) format("woff2"), url(/fonts/AaHMKJXST-37c2ebf3.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "Ark 12px";
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ark-pixel-12px-monospaced-zh_tw-b97af873.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: BestTen CRT;
    font-style: normal;
    font-weight: 400;
    src: url(/otf/BestTen-CRT-60c93f5f.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: "Ark 12px jp";
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ark-pixel-12px-monospaced-ja-ac28fae9.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: nfdcsKR24;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/nfdcsKR24-561b4c74.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: iannnnn CPU;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/2005_iannnnnCPU-6832c7ca.ttf) format("truetype");
    font-display: swap
}

.wrap[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 7.5rem;
    height: 100dvh;
    margin: 0 auto;
    overflow: hidden
}

.loading[data-v-89282a56] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: url(../img/bg_loading-a47aa33d.jpg) no-repeat center;
    background-size: 100% auto;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.loading.loading-hidden[data-v-89282a56] {
    opacity: 0
}

.loading .loading-content[data-v-89282a56] {
    position: relative;
    width: 100%;
    height: 5.84rem;
    margin-top: -.4rem
}

.loading .loading-ani-icon[data-v-89282a56] {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.loading .loading-ani-icon1[data-v-89282a56],
.loading .loading-ani-icon5[data-v-89282a56] {
    width: .21rem;
    height: .47rem;
    background-image: url(../img/loading_ani_icon1-339df4fd.png);
    -webkit-animation: loading-ani-icon1-animation-89282a56 1s linear infinite alternate backwards;
    animation: loading-ani-icon1-animation-89282a56 1s linear infinite alternate backwards
}

.loading .loading-ani-icon2[data-v-89282a56],
.loading .loading-ani-icon6[data-v-89282a56] {
    width: .44rem;
    height: .49rem;
    background-image: url(../img/loading_ani_icon2-64add539.png);
    -webkit-animation: loading-ani-icon1-animation-89282a56 1s ease-in-out infinite alternate;
    animation: loading-ani-icon1-animation-89282a56 1s ease-in-out infinite alternate
}

.loading .loading-ani-icon3[data-v-89282a56],
.loading .loading-ani-icon4[data-v-89282a56] {
    width: .38rem;
    height: .43rem;
    background-image: url(../img/loading_ani_icon3-adc65779.png);
    -webkit-animation: loading-ani-icon1-animation-89282a56 1s linear infinite alternate;
    animation: loading-ani-icon1-animation-89282a56 1s linear infinite alternate
}

.loading .loading-gif1[data-v-89282a56] {
    position: absolute;
    top: 3.7rem;
    left: 50%;
    width: 4rem;
    height: 2rem;
    margin-left: -2rem;
    background: url(../img/loading_gif1-a2fb881e.png) no-repeat center;
    background-size: 100% 100%
}

.loading .loading-ani-icon1[data-v-89282a56] {
    top: -1.8rem;
    left: .7rem
}

.loading .loading-ani-icon2[data-v-89282a56] {
    top: -3rem;
    left: 1.3rem
}

.loading .loading-ani-icon3[data-v-89282a56] {
    top: -2.2rem;
    right: .9rem
}

.loading .loading-ani-icon4[data-v-89282a56] {
    bottom: -3.5rem;
    left: .4rem
}

.loading .loading-ani-icon5[data-v-89282a56] {
    right: 1.3rem;
    bottom: -3.2rem
}

.loading .loading-ani-icon6[data-v-89282a56] {
    right: .3rem;
    bottom: -1.6rem
}

.loading .loading-gif2[data-v-89282a56] {
    position: absolute;
    top: 1.7rem;
    left: 50%;
    width: 3rem;
    height: 2.5rem;
    margin-left: -1.5rem;
    background: url(../img/loading_gif2-a83d9781.png) no-repeat center;
    background-size: 100% 100%
}

.loading .loading-gif3[data-v-89282a56] {
    position: absolute;
    top: -.6rem;
    left: 50%;
    width: 7.5rem;
    height: 7.5rem;
    margin-left: -3.75rem;
    background: url(../img/loading_gif3-5c8b77b6.png) no-repeat center;
    background-size: 100% 100%
}

.loading .loading-progress[data-v-89282a56] {
    position: absolute;
    bottom: .2rem;
    left: 50%;
    width: 5.21rem;
    height: .52rem;
    margin-left: -2.6rem;
    background: url(../img/loading_progressbar-11a6a12c.png) no-repeat center;
    background-size: 100% 100%
}

.loading .loading-progress .loading-progress-bar[data-v-89282a56] {
    position: absolute;
    width: 0;
    height: 100%;
    background: url(../img/loading_progressbar_active-69b74d43.png) no-repeat;
    background-size: auto 100%
}

@-webkit-keyframes loading-ani-icon1-animation-89282a56 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
}

@keyframes loading-ani-icon1-animation-89282a56 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
}

.main[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.header[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 4.64rem;
    padding-bottom: .28rem;
    background: url(../img/bg_header-6c9ca6b0.jpg) no-repeat center bottom;
    background-size: 100% auto
}

.content[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    background: #c597e6 url(../img/bg_content-1e555aa3.jpg) no-repeat center top;
    background-size: 100% auto
}

.top-bar[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: .84rem;
    padding: .2rem .3rem 0
}

.top-controls[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto
}

.top-controls .bgm-btn[data-v-89282a56],
.top-controls .rule-btn[data-v-89282a56],
.top-controls .share-btn[data-v-89282a56] {
    width: .72rem;
    height: .66rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.top-controls .bgm-btn[data-v-89282a56] {
    background-image: url(../img/btn_bgm_pause-5ae996b3.png)
}

.top-controls .bgm-btn.playing[data-v-89282a56] {
    background-image: url(../img/btn_bgm_play-af6c034e.png)
}

.top-controls .rule-btn[data-v-89282a56] {
    background-image: url(../img/btn_rule-b762ffae.png)
}

.top-controls .share-btn[data-v-89282a56] {
    background-image: url(../img/btn_share-ac6935d0.png)
}

.top-controls .language-btn[data-v-89282a56] {
    position: relative
}

.top-controls .language-btn .btn-language[data-v-89282a56] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .7rem;
    height: .64rem;
    text-align: center;
    background: url(../img/btn_lang-df04f6be.png) center / 100% 100% no-repeat
}

.top-controls .language-btn .btn-language[data-v-89282a56]:last-child {
    margin-right: 0
}

.top-controls .language-btn .language-box[data-v-89282a56] {
    position: absolute;
    top: .8rem;
    left: 50%;
    z-index: 3;
    width: 1.82rem;
    height: 0;
    margin-left: -.9rem;
    background: url(../img/lang_list_bg-cd46f961.png) center / 100% 100% no-repeat;
    border-radius: .08rem;
    -webkit-transition: height .3s ease-in;
    transition: height .3s ease-in
}

.top-controls .language-btn .language-box[data-v-89282a56]:after {
    position: absolute;
    top: -.12rem;
    left: 50%;
    opacity: 0;
    width: .52rem;
    height: .13rem;
    margin-left: -.26rem;
    content: "";
    background: url(../img/lang_list_icon-95785849.png) center / 100% 100% no-repeat
}

.top-controls .language-btn .language-box.show[data-v-89282a56] {
    height: 3.92rem
}

.top-controls .language-btn .language-box.show[data-v-89282a56]:after {
    opacity: 1
}

.top-controls .language-btn .language-box .lang-wrap[data-v-89282a56] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask: url(../img/lang_list_mask-38fd8d41.png) no-repeat center;
    mask: url(../img/lang_list_mask-38fd8d41.png) no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.top-controls .language-btn .language-box .btn-lang[data-v-89282a56] {
    position: relative;
    display: block;
    width: 100%;
    height: .45rem;
    margin-block: .03rem;
    font-size: .24rem;
    line-height: .46rem;
    color: #fff3ff;
    text-align: center;
    font-family: Microsoft YaHei, sans-serif
}

.top-controls .language-btn .language-box .btn-lang[data-v-89282a56]:last-child {
    border-bottom: none
}

.top-controls .language-btn .language-box .btn-lang.active[data-v-89282a56],
.top-controls .language-btn .language-box .btn-lang[data-v-89282a56]:hover {
    background-color: #958cdd
}

.slogan[data-v-89282a56] {
    position: relative;
    margin: .5rem auto 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.tab-btns[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .86rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: .18rem
}

.tab-btns .tab-btn[data-v-89282a56] {
    position: relative;
    width: 2.58rem;
    height: .96rem;
    cursor: pointer
}

.tab-btns .tab-btn[data-v-89282a56]:before,
.tab-btns .tab-btn[data-v-89282a56]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.tab-btns .tab-btn[data-v-89282a56]:after {
    bottom: -.28rem;
    left: 50%;
    width: .52rem;
    height: .24rem;
    margin-left: -.3rem;
    background-image: url(../img/icon_arrow-4433961d.png);
    opacity: 0
}

.tab-btns .tab-btn.active[data-v-89282a56]:after {
    opacity: 1
}

.content-main[data-v-89282a56] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.post-box[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: .2rem;
    overflow: hidden
}

.post-list[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 6.52rem;
    height: 100%;
    padding: .34rem .2rem 0;
    margin: 0 auto;
    background: url(../img/post_bg-bc986b84.png) no-repeat center top;
    background-size: 100% auto
}

.post-list-box[data-v-89282a56] {
    position: relative;
    width: 100%
}

.post-item[data-v-89282a56] {
    position: relative;
    width: 5.72rem;
    padding: .24rem 0;
    margin: 0 auto;
    border-bottom: 1px solid #aaa1df
}

.post-item .post-user[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .12rem
}

.post-item .post-user-avatar[data-v-89282a56] {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .97rem;
    height: .92rem;
    -webkit-mask: url(../img/post_avatar_mask-c1dd7229.png) no-repeat center;
    mask: url(../img/post_avatar_mask-c1dd7229.png) no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.post-item .post-user-avatar[data-v-89282a56]:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../img/post_avatar_bg-cf496211.png) no-repeat center;
    background-size: 100% 100%
}

.post-item .post-user-avatar img[data-v-89282a56] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.post-item .post-user-info[data-v-89282a56] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .36rem
}

.post-item .post-user-name[data-v-89282a56] {
    font-size: .28rem;
    line-height: .36rem;
    color: #706193
}

.post-item .post-user-uid[data-v-89282a56] {
    font-size: .2rem;
    line-height: 1.2;
    color: #5f527d
}

.post-item .post-detail[data-v-89282a56] {
    position: relative;
    margin-bottom: .12rem;
    font-size: .22rem;
    line-height: .36rem;
    color: #61526a;
    text-wrap: pretty
}

.post-item .post-detail[data-v-89282a56] span {
    font-weight: 700
}

.post-item .post-photo[data-v-89282a56] {
    position: relative;
    width: 5.72rem;
    height: 3.58rem;
    margin-bottom: .12rem;
    cursor: pointer
}

.post-item .post-photo img[data-v-89282a56] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.post-item .post-photo.post-video .post-photo-item[data-v-89282a56]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .5) url(../img/post_item_video-3e92b47b.png) no-repeat center;
    background-size: .8rem auto
}

.post-item .post-photo .post-photo-item[data-v-89282a56] {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-mask: url(../img/post_item_photo_mask-3af0735b.png) no-repeat center;
    mask: url(../img/post_item_photo_mask-3af0735b.png) no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.post-item .post-photo .post-photo-item[data-v-89282a56]:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../img/post_item_photo-00381987.png) no-repeat center;
    background-size: 100% 100%
}

.post-item .post-photo.leng2[data-v-89282a56] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    -webkit-mask: none;
    mask: none
}

.post-item .post-photo.leng2 .post-photo-item[data-v-89282a56] {
    position: relative;
    width: 2.74rem;
    height: 1.71rem;
    -webkit-mask: url(../img/post_item_photo_mask-3af0735b.png) no-repeat center;
    mask: url(../img/post_item_photo_mask-3af0735b.png) no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.post-item .post-controls[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .4rem
}

.post-item .post-share-btn[data-v-89282a56],
.post-item .post-like-btn[data-v-89282a56],
.post-item .post-comment-btn[data-v-89282a56] {
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.post-item .post-share-btn[data-v-89282a56] {
    width: .45rem;
    height: .36rem;
    background-image: url(../img/btn_share_post-0e87e83f.png)
}

.post-item .post-comment-btn[data-v-89282a56] {
    width: .41rem;
    height: .36rem;
    background-image: url(../img/btn_comment-10f74380.png)
}

.post-item .post-comment-btn.active[data-v-89282a56] {
    background-image: url(../img/btn_comment_active-812fc2db.png)
}

.post-item .post-like-btn[data-v-89282a56] {
    width: .41rem;
    height: .41rem;
    background-image: url(../img/btn_like-1638ed9b.png)
}

.post-item .post-like-btn.liked[data-v-89282a56] {
    background-image: url(../img/btn_like_active-971103ea.png)
}

.post-item .post-like-btn[data-v-89282a56] .like-gif {
    position: absolute;
    bottom: -1.22rem;
    left: -1.3rem;
    width: 3rem;
    height: 4rem;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.post-item .post-like-btn[data-v-89282a56] .like-gif1 {
    background-image: url(../img/like_gif1-0fac65ac.png)
}

.post-item .post-like-btn[data-v-89282a56] .like-gif2 {
    background-image: url(../img/like_gif2-2dce791f.png)
}

.post-item .post-like-btn[data-v-89282a56] .like-gif3 {
    background-image: url(../img/like_gif3-92b1fe59.png)
}

.post-item .post-comment-detail[data-v-89282a56] {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 5.42rem;
    padding: 0 .1rem;
    margin-left: -2.68rem;
    background: url(../img/post_item_comment_center-9a4df69a.png) repeat-y center top;
    background-size: 100% auto
}

.post-item .post-comment-detail[data-v-89282a56]:before,
.post-item .post-comment-detail[data-v-89282a56]:after {
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.post-item .post-comment-detail[data-v-89282a56]:before {
    top: -.2rem;
    height: .2rem;
    background-image: url(../img/post_item_comment_top-bfb7e1c0.png)
}

.post-item .post-comment-detail[data-v-89282a56]:after {
    bottom: -.12rem;
    height: .12rem;
    background-image: url(../img/post_item_comment_bottom-cfb6c63c.png)
}

.post-item .post-comment-detail-box[data-v-89282a56] {
    position: relative;
    padding: .12rem;
    overflow-y: auto
}

.post-item .post-comment-list[data-v-89282a56] {
    position: relative;
    margin-bottom: .12rem
}

.post-item .post-comment-list li[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .24rem;
    margin-bottom: .08rem
}

.post-item .post-comment-list li[data-v-89282a56]:last-child {
    margin-bottom: 0
}

.post-item .post-comment-list .post-commenter-avatar[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .44rem;
    height: .44rem;
    overflow: hidden;
    border: 1px solid #746fce;
    border-radius: 50%
}

.post-item .post-comment-list .post-commenter-avatar img[data-v-89282a56] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.post-item .post-comment-list .post-comment-content[data-v-89282a56] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: .08rem;
    font-size: .22rem;
    line-height: .32rem;
    color: #61526a;
    text-wrap: pretty
}

.post-item .post-comment-input[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: .48rem;
    padding: 0 .08rem;
    overflow: hidden
}

.post-item .post-comment-input[data-v-89282a56]:before,
.post-item .post-comment-input[data-v-89282a56]:after {
    position: absolute;
    top: 0;
    width: .08rem;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.post-item .post-comment-input[data-v-89282a56]:before {
    left: 0;
    background-image: url(../img/post_item_input_left-d56a3307.png)
}

.post-item .post-comment-input[data-v-89282a56]:after {
    right: 0;
    background-image: url(../img/post_item_input_right-a9b050cc.png)
}

.post-item .post-comment-input-box[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    background: url(../img/post_item_input_center-a7fcd995.png) repeat-x;
    background-size: auto 100%
}

.post-item .post-comment-input-box .post-comment-input-text[data-v-89282a56] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    font-size: .22rem;
    line-height: .54rem;
    text-indent: .12rem;
    cursor: pointer;
    border: none
}

.post-item .post-comment-input-box .post-comment-input-btn[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: .34rem;
    padding: 0 .2rem;
    font-size: .22rem;
    line-height: .34rem;
    color: #483b50;
    text-align: center;
    background-color: #bca3f2;
    border: 1px solid #796dba;
    border-radius: .08rem;
    cursor: pointer
}

.post-item .post-comment-options[data-v-89282a56] {
    position: relative;
    margin-top: .12rem
}

.post-item .post-comment-options li[data-v-89282a56] {
    position: relative;
    padding: .08rem .12rem;
    font-size: .22rem;
    line-height: .32rem;
    color: #61526a;
    cursor: pointer;
    text-wrap: pretty
}

.post-item .post-comment-options li.active[data-v-89282a56] {
    background-color: #d9cdf6
}

.task-box[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: .46rem;
    overflow: hidden
}

.task-list[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 7.32rem;
    height: 100%;
    padding-top: 1.3rem;
    margin: 0 auto;
    background: url(../img/task_bg-36d7c273.png) no-repeat center top;
    background-size: 100% auto
}

.task-list[data-v-89282a56] .scrollbar-track {
    right: .2rem
}

.task-title[data-v-89282a56] {
    position: absolute;
    top: -.36rem;
    left: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.task-list-box[data-v-89282a56] {
    position: relative;
    width: 100%;
    height: 100%
}

.task-item[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 6.4rem;
    margin: 0 auto .2rem
}

.task-item[data-v-89282a56]:before {
    position: relative;
    display: block;
    width: 6.38rem;
    height: .28rem;
    margin-bottom: .04rem;
    content: "";
    background: url(../img/task_item_line-852cd9fd.png) no-repeat left center;
    background-size: 100% 100%
}

.task-item[data-v-89282a56]:last-child {
    margin-bottom: 0
}

.task-item .task-item-box[data-v-89282a56] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 6.4rem;
    height: 1.41rem;
    padding: 0 .16rem;
    background: url(../img/task_item_bg-a9587368.png) no-repeat center top;
    background-size: 100% 100%
}

.task-item .task-reward[data-v-89282a56] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: .06rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.task-item .task-reward .task-reward-icon[data-v-89282a56] {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem
}

.task-item .task-reward .task-reward-icon img[data-v-89282a56] {
    display: block;
    width: 100%;
    height: 100%
}

.task-item .task-info[data-v-89282a56] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.task-item .task-info h5[data-v-89282a56] {
    font-size: .24rem;
    color: #b0608a
}

.task-item .task-info p[data-v-89282a56] {
    font-size: .2rem;
    line-height: .24rem;
    color: #bf799e
}

.task-item .task-btn[data-v-89282a56] {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.57rem;
    height: .7rem;
    font-size: .28rem;
    line-height: .7rem;
    color: #5f4c90;
    text-align: center;
    background-image: url(../img/task_btn-73a8f9a4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.task-item .task-btn.completed[data-v-89282a56] {
    color: #b86390;
    background-image: url(../img/task_btn_active-ae0099df.png)
}

.download[data-v-89282a56] {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 1.96rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.download .download-btn[data-v-89282a56] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 1rem
}

.download .show-btn[data-v-89282a56] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1rem
}

.copydom[data-v-89282a56] {
    position: absolute;
    z-index: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: .1
}

.copydom .copymain[data-v-89282a56] {
    position: absolute;
    top: 0;
    left: 0;
    width: 750px
}

.copydom .copymain .copy-img[data-v-89282a56] {
    display: block;
    width: 100%
}

.copydom .copymain .tips[data-v-89282a56] {
    position: absolute;
    width: 100%;
    top: 350px;
    left: 0;
    padding: 0 30px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.copydom .copymain.tw[data-v-89282a56],
.copydom .copymain.zh[data-v-89282a56] {
    font-family: Dotted Songti Square
}

.copydom .copymain.tw .tips[data-v-89282a56],
.copydom .copymain.zh .tips[data-v-89282a56] {
    top: 370px
}

.copydom .copymain.en[data-v-89282a56],
.copydom .copymain.fr[data-v-89282a56],
.copydom .copymain.es[data-v-89282a56],
.copydom .copymain.de[data-v-89282a56] {
    font-family: "Ark 12px"
}

.copydom .copymain.jp[data-v-89282a56] {
    font-family: "Ark 12px jp"
}

.copydom .copymain.kr[data-v-89282a56] {
    font-family: Dotted Songti Square
}

.copydom .copymain.th[data-v-89282a56] {
    font-family: iannnnn CPU
}

.copydom .copymain.th .tips[data-v-89282a56] {
    font-size: 36px
}

.zh {
    font-family: Dotted Songti Square
}

.zh .post-item .post-user-name {
    font-family: Aa
}

.zh .slogan {
    left: -.14rem;
    width: 6.38rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-f5a17592.png)
}

.zh .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-aff3d162.png)
}

.zh .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-72909003.png)
}

.zh .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-000e2f28.png)
}

.zh .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-d1a2cedd.png)
}

.zh .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-094f6c4e.png)
}

.zh .download {
    background-image: url(../img/download_bg-477d8387.png)
}

.zh .download .download-btn {
    position: absolute
}

.zh .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-1f8b114c.png)
}

.en {
    font-family: "Ark 12px"
}

.en .post-item .post-user-name {
    margin-bottom: .05rem;
    font-weight: 700
}

.en .slogan {
    left: -.14rem;
    width: 6.47rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-728aa520.png)
}

.en .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-dcf2a081.png)
}

.en .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-efaf93c4.png)
}

.en .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-bbaafab0.png)
}

.en .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-ac730a1b.png)
}

.en .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-f8a00ff9.png)
}

.en .task-item .task-btn.text2 {
    font-size: .2rem
}

.en .follow-cont .follow-close {
    font-weight: 700
}

.en .task-item .task-info h5 {
    font-size: .22rem
}

.en .task-item .task-info p {
    font-size: .2rem
}

.en .follow-cont .follow-list li .follow-name {
    font-size: .22rem;
    font-weight: 700
}

.en .reward-cont .reward-list li:nth-of-type(2) .reward-name {
    line-height: .32rem
}

.en .download {
    background-image: url(../img/download_bg-c1a56c4c.png)
}

.en .download .download-btn {
    position: absolute
}

.en .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-1a7cf076.png)
}

.en .follow-cont .follow-list li .follow-btn {
    font-size: .21rem;
    font-weight: 700
}

.jp {
    font-family: "Ark 12px jp"
}

.jp .follow-cont .follow-close {
    font-weight: 700;
    font-family: BestTen CRT
}

.jp .post-item .post-user-name {
    margin-bottom: .05rem;
    font-family: "Ark 12px jp";
    font-weight: 700
}

.jp .task-item .task-info h5 {
    margin-bottom: .05rem
}

.jp .slogan {
    left: -.14rem;
    width: 6.38rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-a7ba320f.png)
}

.jp .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-0e02e8a7.png)
}

.jp .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-bf5efd2a.png)
}

.jp .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-cefc8e7e.png)
}

.jp .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-bdf4372b.png)
}

.jp .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-9c24476b.png)
}

.jp .task-item .task-btn {
    font-size: .24rem
}

.jp .task-item:nth-of-type(3) .task-info p {
    line-height: .22rem
}

.jp .download {
    background-image: url(../img/download_bg-f4991d0b.png)
}

.jp .download .download-btn {
    position: absolute
}

.jp .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-92598cc1.png)
}

.jp .follow-cont .follow-list li .follow-btn {
    font-size: .21rem
}

.kr {
    font-family: nfdcsKR24
}

.kr .follow-cont .follow-close {
    font-weight: 700;
    font-family: nfdcsKR24
}

.kr .post-item .post-user-name {
    margin-bottom: .05rem;
    font-family: nfdcsKR24;
    font-weight: 700
}

.kr .follow-cont .follow-list li .follow-name {
    font-size: .21rem;
    font-weight: 700
}

.kr .task-item .task-info h5 {
    margin-bottom: .05rem
}

.kr .slogan {
    left: -.14rem;
    width: 6.38rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-c30a5788.png)
}

.kr .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-7142b07b.png)
}

.kr .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-30f9f621.png)
}

.kr .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-8057dd0c.png)
}

.kr .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-65c9d18c.png)
}

.kr .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-681015f4.png)
}

.kr .task-item .task-btn {
    font-size: .24rem
}

.kr .task-item:nth-of-type(3) .task-info p {
    line-height: .22rem
}

.kr .download {
    background-image: url(../img/download_bg-8dfacaf6.png)
}

.kr .download .download-btn {
    position: absolute
}

.kr .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-338b530c.png)
}

.kr .follow-cont .follow-list li .follow-btn {
    font-size: .21rem
}

.tw {
    font-family: Dotted Songti Square
}

.tw .post-item .post-user-name {
    font-family: Aa
}

.tw .slogan {
    left: -.14rem;
    width: 6.39rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-51309a42.png)
}

.tw .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-643b30d1.png)
}

.tw .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-2cfe154b.png)
}

.tw .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-3eebad02.png)
}

.tw .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-9482ef39.png)
}

.tw .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-d2b612e7.png)
}

.tw .download {
    background-image: url(../img/download_bg-e6f764e3.png)
}

.tw .download .download-btn {
    position: absolute
}

.tw .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-77bc4c3c.png)
}

.de {
    font-family: "Ark 12px"
}

.de .post-item .post-user-name {
    margin-bottom: .05rem;
    font-weight: 700
}

.de .slogan {
    left: -.14rem;
    width: 6.28rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-89359717.png)
}

.de .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-312e1ae6.png)
}

.de .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-a3ea4ed0.png)
}

.de .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-90d16624.png)
}

.de .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-8349c162.png)
}

.de .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-62ceb422.png)
}

.de .task-item .task-btn {
    font-size: .2rem;
    white-space: nowrap
}

.de .task-item .task-btn.text1,
.de .task-item .task-btn.text3 {
    font-size: .18rem;
    white-space: pre-wrap;
    line-height: .22rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .13rem
}

.de .follow-cont .follow-close {
    font-weight: 700
}

.de .task-item .task-info h5 {
    font-size: .22rem
}

.de .task-item .task-info p {
    font-size: .2rem
}

.de .follow-cont .follow-list li .follow-name {
    font-size: .22rem;
    font-weight: 700
}

.de .reward-cont .reward-list li:nth-of-type(2) .reward-name {
    line-height: .32rem
}

.de .download {
    background-image: url(../img/download_bg-d933dacf.png)
}

.de .download .download-btn {
    position: absolute
}

.de .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-49201c81.png)
}

.de .follow-cont .follow-list li .follow-btn {
    font-size: .21rem;
    font-weight: 700
}

.de .reward-cont .reward-title {
    font-size: .4rem
}

.fr {
    font-family: "Ark 12px"
}

.fr .post-item .post-user-name {
    margin-bottom: .05rem;
    font-weight: 700
}

.fr .slogan {
    width: 6.59rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-f97f7188.png)
}

.fr .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-26bfbfbb.png)
}

.fr .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-90c6a46c.png)
}

.fr .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-6c2398a9.png)
}

.fr .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-f3a91b8f.png)
}

.fr .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-9a99249d.png)
}

.fr .task-item .task-btn.text2 {
    font-size: .2rem
}

.fr .follow-cont .follow-close {
    font-weight: 700
}

.fr .task-item .task-info h5 {
    font-size: .22rem
}

.fr .task-item .task-info p {
    font-size: .2rem
}

.fr .task-item:nth-of-type(3) .task-info p {
    font-size: .18rem
}

.fr .follow-cont .follow-list li .follow-name {
    font-size: .22rem;
    font-weight: 700
}

.fr .reward-cont .reward-list.status {
    gap: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .55rem
}

.fr .reward-cont .reward-list li:nth-of-type(2) .reward-name {
    line-height: .32rem
}

.fr .download {
    background-image: url(../img/download_bg-8355847e.png)
}

.fr .download .download-btn {
    position: absolute
}

.fr .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-12cef5d3.png)
}

.fr .follow-cont .follow-list li .follow-btn {
    font-size: .21rem;
    font-weight: 700
}

.fr .post-item .post-comment-options li {
    padding: .08rem .16rem
}

.fr .post-item .post-detail {
    padding: 0 .2rem
}

.es {
    font-family: "Ark 12px"
}

.es .post-item .post-user-name {
    margin-bottom: .05rem;
    font-weight: 700
}

.es .slogan {
    left: -.14rem;
    width: 6.46rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-6f355cf7.png)
}

.es .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-fef5da9e.png)
}

.es .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-3799a27c.png)
}

.es .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-b544c454.png)
}

.es .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-05dd5a42.png)
}

.es .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-9d91533f.png)
}

.es .task-item .task-btn.text2 {
    font-size: .2rem
}

.es .task-item:nth-of-type(3) .task-info h5 {
    white-space: nowrap
}

.es .task-item:nth-of-type(3) .task-btn {
    position: relative;
    left: -.12rem
}

.es .follow-cont .follow-close {
    font-weight: 700
}

.es .task-item .task-info h5 {
    font-size: .22rem
}

.es .task-item .task-info p {
    font-size: .2rem
}

.es .follow-cont .follow-list li .follow-name {
    font-size: .22rem;
    font-weight: 700
}

.es .reward-cont .reward-list li:nth-of-type(2) .reward-name {
    line-height: .32rem
}

.es .download {
    background-image: url(../img/download_bg-ff0966ed.png)
}

.es .download .download-btn {
    position: absolute
}

.es .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-415bd349.png)
}

.es .follow-cont .follow-list li .follow-btn {
    font-size: .21rem;
    font-weight: 700
}

.th {
    font-family: iannnnn CPU
}

.th .post-item .post-user-name {
    margin-bottom: .05rem;
    font-family: iannnnn CPU;
    font-weight: 700;
    font-size: .46rem
}

.th .share-save .share-savetext,
.th .reward-cont .reward-title,
.th .reward-cont .reward-close,
.th .rule-cont .rule-title {
    font-size: .6rem
}

.th .reward-cont .reward-list .reward-name {
    font-size: .48rem;
    line-height: 1
}

.th .contorl-left .user-msg .user-nick,
.th .contorl-left .btn-switch-character {
    font-size: .46rem
}

.th .post-item .post-comment-input-box .post-comment-input-text,
.th .post-item .post-comment-input-box .post-comment-input-btn,
.th .post-item .post-comment-options li,
.th .post-item .post-detail {
    font-size: .44rem
}

.th .rule-cont .rule-detail {
    font-size: .4rem
}

.th .contorl-left .user-msg .user-code,
.th .post-item .post-user-uid {
    font-size: .3rem
}

.th .slogan {
    left: -.14rem;
    width: 6.47rem;
    height: 1.92rem;
    margin-top: .5rem;
    background-image: url(../img/slogan-1590c7d0.png)
}

.th .tab-btns .tab-post:before {
    height: 1.11rem;
    background-image: url(../img/btn_post-9ccb485f.png)
}

.th .tab-btns .tab-post.active:before {
    background-image: url(../img/btn_post_active-07ae197c.png)
}

.th .tab-btns .tab-task:before {
    height: .96rem;
    background-image: url(../img/btn_task-b8d035b5.png)
}

.th .tab-btns .tab-task.active:before {
    background-image: url(../img/btn_task_active-35702e79.png)
}

.th .task-title {
    width: 3.1rem;
    height: 1.18rem;
    background-image: url(../img/task_title-2394fd3f.png)
}

.th .task-item .task-btn {
    font-size: .36rem
}

.th .task-item .task-btn.text1 {
    font-size: .27rem
}

.th .follow-cont .follow-close {
    font-size: .6rem
}

.th .task-item .task-info h5 {
    font-size: .4rem
}

.th .task-item .task-info p {
    font-size: .32rem
}

.th .follow-cont .follow-list li .follow-name {
    font-size: .3rem;
    font-weight: 700
}

.th .download {
    background-image: url(../img/download_bg-8c80c150.png)
}

.th .download .download-btn {
    position: absolute
}

.th .follow-cont .follow-title {
    background-image: url(../img/pop_follow_title-7561e5e6.png)
}

.th .follow-cont .follow-list li .follow-btn {
    font-size: .3rem;
    font-weight: 700
}

html[data-v-e4c727c0] {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul[data-v-e4c727c0],
li[data-v-e4c727c0],
div[data-v-e4c727c0],
p[data-v-e4c727c0],
body[data-v-e4c727c0],
h1[data-v-e4c727c0],
h2[data-v-e4c727c0],
h3[data-v-e4c727c0],
h4[data-v-e4c727c0],
h5[data-v-e4c727c0],
h6[data-v-e4c727c0],
dl[data-v-e4c727c0],
dt[data-v-e4c727c0],
dd[data-v-e4c727c0] {
    padding: 0;
    margin: 0
}

li[data-v-e4c727c0] {
    list-style: none
}

a[data-v-e4c727c0] {
    color: #2a2a2a;
    text-decoration: none
}

em[data-v-e4c727c0] {
    font-style: normal;
    font-weight: 400
}

input[data-v-e4c727c0] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

[data-v-e4c727c0] {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body[data-v-e4c727c0],
html[data-v-e4c727c0] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body[data-v-e4c727c0] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll[data-v-e4c727c0] {
    overflow: hidden
}

.pc[data-v-e4c727c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_pc-0b6183a9.jpg) no-repeat center center;
    background-size: cover
}

.pc .pc-wrap[data-v-e4c727c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.pc .logo-box[data-v-e4c727c0],
.pc .pc-qrcode-box[data-v-e4c727c0] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.pc .logo-box[data-v-e4c727c0] {
    padding-left: .48rem
}

.pc .pc-qrcode-box[data-v-e4c727c0] {
    padding-right: .48rem
}

.pc.status2 .pc-wrap[data-v-e4c727c0] {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.pc .m-main[data-v-e4c727c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.5rem;
    height: 13rem;
    background: url(../img/pc_content_bg-90e288a8.png) no-repeat center center;
    background-size: 100% 100%
}

.pc .m-main .m-wrap[data-v-e4c727c0] {
    position: relative;
    width: 9rem;
    height: 14.3rem;
    overflow: hidden;
    border-radius: .66rem;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.pc .m-main .m-wrap[data-v-e4c727c0] .wrap {
    height: 100%
}

.pc .m-main .m-wrap[data-v-e4c727c0] .wrap .header {
    max-height: 4.8rem
}

.pc .pc-qrcode[data-v-e4c727c0] {
    position: relative;
    width: 3.22rem;
    height: 3.8rem
}

.pc .pc-qrcode .qrcode-img[data-v-e4c727c0] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.22rem;
    height: 3.21rem;
    background: url(../img/pc_qrcode-dbe947b9.png) no-repeat center center;
    background-size: 100% 100%
}

.pc .pc-qrcode .qrcode-img img[data-v-e4c727c0] {
    width: 2.1rem;
    height: 2.1rem;
    -o-object-fit: cover;
    object-fit: cover
}

.pc .pc-qrcode .qrcode-img .qrcode-icon[data-v-e4c727c0] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .48rem;
    height: .48rem;
    background: #fff url(../img/share_icon-d79a9230.png) no-repeat center center;
    background-size: .48rem auto;
    z-index: 2;
    padding: .04rem
}

.pc .pc-qrcode .qrcode-tips[data-v-e4c727c0] {
    position: absolute;
    top: 3.2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.zh .logo[data-v-e4c727c0] {
    width: 4.01rem;
    height: 2.85rem;
    background: url(../img/logo-9af53bdb.png) no-repeat center center;
    background-size: 100% 100%
}

.zh .qrcode-tips[data-v-e4c727c0] {
    width: 4.18rem;
    height: .49rem;
    background: url(../img/pc_tips-ab4db39a.png) no-repeat center center;
    background-size: 100% 100%
}

.tw .logo[data-v-e4c727c0] {
    width: 4.08rem;
    height: 2.93rem;
    background: url(../img/logo-c7090ecc.png) no-repeat center center;
    background-size: 100% 100%
}

.tw .qrcode-tips[data-v-e4c727c0] {
    width: 4.18rem;
    height: .49rem;
    background: url(../img/pc_tips-1ad0a08e.png) no-repeat center center;
    background-size: 100% 100%
}

.jp .logo[data-v-e4c727c0] {
    width: 3.65rem;
    height: 2.48rem;
    background: url(../img/logo-c7bd276c.png) no-repeat center center;
    background-size: 100% 100%
}

.jp .qrcode-tips[data-v-e4c727c0] {
    width: 3.9rem;
    height: .99rem;
    background: url(../img/pc_tips-827f6a6f.png) no-repeat center center;
    background-size: 100% 100%
}

.de .logo[data-v-e4c727c0] {
    width: 5.07rem;
    height: 2.18rem;
    background: url(../img/logo-db9a4c49.png) no-repeat center center;
    background-size: 100% 100%
}

.de .qrcode-tips[data-v-e4c727c0] {
    width: 5.49rem;
    height: .86rem;
    background: url(../img/pc_tips-d3ac2b33.png) no-repeat center center;
    background-size: 100% 100%
}

.en .logo[data-v-e4c727c0] {
    width: 5.07rem;
    height: 2.18rem;
    background: url(../img/logo-527253de.png) no-repeat center center;
    background-size: 100% 100%
}

.en .qrcode-tips[data-v-e4c727c0] {
    width: 4.5rem;
    height: .89rem;
    background: url(../img/pc_tips-af367c42.png) no-repeat center center;
    background-size: 100% 100%
}

.es .logo[data-v-e4c727c0] {
    width: 5.07rem;
    height: 2.18rem;
    background: url(../img/logo-bfa8a1f8.png) no-repeat center center;
    background-size: 100% 100%
}

.es .qrcode-tips[data-v-e4c727c0] {
    width: 5.3rem;
    height: .88rem;
    background: url(../img/pc_tips-c069f307.png) no-repeat center center;
    background-size: 100% 100%
}

.fr .logo[data-v-e4c727c0] {
    width: 5.07rem;
    height: 2.18rem;
    background: url(../img/logo-4a303450.png) no-repeat center center;
    background-size: 100% 100%
}

.fr .qrcode-tips[data-v-e4c727c0] {
    width: 5.49rem;
    height: .86rem;
    background: url(../img/pc_tips-eb669934.png) no-repeat center center;
    background-size: 100% 100%
}

.th .logo[data-v-e4c727c0] {
    width: 5.07rem;
    height: 2.18rem;
    background: url(../img/logo-007416c2.png) no-repeat center center;
    background-size: 100% 100%
}

.th .qrcode-tips[data-v-e4c727c0] {
    width: 3.47rem;
    height: .95rem;
    background: url(../img/pc_tips-11c007b6.png) no-repeat center center;
    background-size: 100% 100%
}

.kr .logo[data-v-e4c727c0] {
    width: 3.98rem;
    height: 2.96rem;
    background: url(../img/logo-cb364b7c.png) no-repeat center center;
    background-size: 100% 100%
}

.kr .qrcode-tips[data-v-e4c727c0] {
    width: 3.96rem;
    height: 1.41rem;
    background: url(../img/pc_tips-3dd4d78e.png) no-repeat center center;
    background-size: 100% 100%
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 625%
}

ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

a {
    color: #2a2a2a;
    text-decoration: none
}

em {
    font-style: normal;
    font-weight: 400
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

* {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

body,
html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400
}

body {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

body.noscroll {
    overflow: hidden
}

.requestcode {
    position: fixed;
    right: .1rem;
    bottom: .1rem;
    z-index: 99999;
    font-size: .18rem;
    color: #fff;
    opacity: .6
}

.mask-cont {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.mask-cont:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    margin: -.6rem 0 0 -.6rem;
    background: rgba(0, 0, 0, .8);
    border-radius: .2rem
}

.mask-cont:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .72rem;
    height: .72rem;
    margin: -.36rem 0 0 -.36rem;
    content: "";
    background: url(../img/circle-17885a32.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

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

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

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

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