@charset "UTF-8";.desk[data-v-feb02164] {
    position: relative;
    width: 100%;
    height: 100%
}

.desk .bg[data-v-feb02164] {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.desk .bg img[data-v-feb02164] {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.desk .content[data-v-feb02164] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.desk .content .title[data-v-feb02164] {
    position: absolute;
    top: 10px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.desk .content .title .topR[data-v-feb02164] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.desk .content .title .topR .sw[data-v-feb02164] {
    margin-right: 20px
}

.desk .content .title .topR .sw img[data-v-feb02164] {
    width: auto;
    height: 94px
}

.desk .content .title .topR .group[data-v-feb02164] {
    margin-right: 20px
}

.desk .content .title .topR .group img[data-v-feb02164] {
    width: 64px;
    height: 88px
}

.desk .content .title .topR .kf img[data-v-feb02164] {
    width: 140px;
    height: 62px
}

.desk .content .title .bgImg[data-v-feb02164] {
    width: 100%
}

.QRCode[data-v-feb02164] {
    position: absolute;
    top: 725px;
    left: 160px;
    display: flex
}

.QRCode .QRCode-box[data-v-feb02164] {
    display: flex;
    align-items: center;
    margin-right: 45px
}

.QRCode .QRCode-box .code[data-v-feb02164] {
    width: 209.957px;
    height: 209.957px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.QRCode-R[data-v-feb02164] {
    width: 354px
}

.QRCode-R h2[data-v-feb02164] {
    color: #e1351f;
    font-size: 32px;
    line-height: 40px
}

.QRCode-R p[data-v-feb02164] {
    font-size: 16px;
    margin-top: 16px;
    line-height: 26px
}

.desk[data-v-ff5486d2] {
    position: relative;
    width: 100%;
    height: 100%
}

.desk .bg[data-v-ff5486d2] {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.desk .bg img[data-v-ff5486d2] {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.desk .content[data-v-ff5486d2] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.desk .content .title[data-v-ff5486d2] {
    position: absolute;
    top: 10px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.desk .content .title .topR[data-v-ff5486d2] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.desk .content .title .topR .sw[data-v-ff5486d2] {
    margin-right: 20px
}

.desk .content .title .topR .sw img[data-v-ff5486d2] {
    width: auto;
    height: 94px
}

.desk .content .title .topR .group[data-v-ff5486d2] {
    margin-right: 20px
}

.desk .content .title .topR .group img[data-v-ff5486d2] {
    width: 64px;
    height: 88px
}

.desk .content .title .topR .kf img[data-v-ff5486d2] {
    width: 140px;
    height: 62px
}

.desk .content .title .bgImg[data-v-ff5486d2] {
    width: 100%
}

.QRCode[data-v-ff5486d2] {
    position: absolute;
    top: 725px;
    left: 160px;
    display: flex
}

.QRCode .QRCode-box[data-v-ff5486d2] {
    display: flex;
    align-items: center;
    margin-right: 45px
}

.QRCode .QRCode-box .code[data-v-ff5486d2] {
    width: 209.957px;
    height: 209.957px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.QRCode-R[data-v-ff5486d2] {
    width: 354px
}

.QRCode-R h2[data-v-ff5486d2] {
    color: #e1351f;
    font-size: 32px;
    line-height: 40px
}

.QRCode-R p[data-v-ff5486d2] {
    font-size: 16px;
    margin-top: 16px;
    line-height: 26px
}

.mobile[data-v-1e174cd8] {
    height: 100vh;
    overflow: auto
}

.mobile .bglog[data-v-1e174cd8] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000e6;
    color: #fff;
    text-align: center;
    line-height: 5rem
}

.mobile .bglog .copy[data-v-1e174cd8] {
    width: 5rem;
    height: 1rem;
    margin: 0 auto;
    line-height: 1rem
}

.mobile .float[data-v-1e174cd8] {
    width: 6.7rem;
    height: .72rem;
    position: fixed;
    top: 1.39rem;
    margin: 0 auto;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: #0003;
    border-radius: .16rem;
    border: .005rem solid rgba(255,255,255,.5);
    background: #0003;
    -webkit-backdrop-filter: blur(.02rem);
    backdrop-filter: blur(.02rem)
}

.mobile .float .floatLogo[data-v-1e174cd8] {
    width: .47rem;
    height: .33rem;
    padding: .185rem .245rem;
    box-sizing: content-box;
    position: absolute;
    left: 0
}

.mobile .float .floatText[data-v-1e174cd8] {
    width: 4.2rem;
    height: .72rem;
    line-height: .72rem;
    position: absolute;
    left: .9rem;
    overflow: hidden
}

.mobile .float .floatText>div[data-v-1e174cd8] {
    width: 4.2rem;
    position: absolute;
    right: -4.3rem;
    animation: floatA-1e174cd8 6s linear infinite
}

.mobile .float .floatText>div span[data-v-1e174cd8] {
    color: #ffdb2a;
    font-weight: 600
}

@keyframes floatA-1e174cd8 {
    0% {
        right: -4.3rem
    }

    to {
        right: 3.4rem
    }
}

.mobile .float .floatBtn[data-v-1e174cd8] {
    width: 1.2rem;
    height: .46rem;
    padding: .12rem .16rem;
    box-sizing: content-box;
    position: absolute;
    top: 0;
    right: 0
}

.mobile .title[data-v-1e174cd8] {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
    padding: .1rem 0;
    display: flex;
    justify-content: space-between;
    align-self: center
}

.mobile .title .logo[data-v-1e174cd8] {
    height: 1.07rem
}

.mobile .title .topR[data-v-1e174cd8] {
    display: flex;
    justify-content: space-between;
    align-self: center
}

.mobile .title .topR .sw[data-v-1e174cd8] {
    margin-right: .17rem
}

.mobile .title .topR .sw img[data-v-1e174cd8] {
    width: .48rem;
    height: .9rem
}

.mobile .title .topR .group[data-v-1e174cd8] {
    margin-right: .3rem
}

.mobile .title .topR .group img[data-v-1e174cd8],.mobile .title .topR .kf img[data-v-1e174cd8] {
    width: .48rem;
    height: .9rem
}

.mobile .title .topR .label[data-v-1e174cd8] {
    font-size: .2rem;
    margin-top: .12rem
}

.mobile .title .topR .label[data-v-1e174cd8]:not(:last-child) {
    margin-bottom: .35rem
}

.mobile .bg[data-v-1e174cd8] {
    height: 100%
}

.mobile .bg img[data-v-1e174cd8] {
    width: 100%
}

.mobile .bg2[data-v-1e174cd8] {
    width: 7.5rem;
    position: absolute;
    bottom: calc(123px + env(safe-area-inset-bottom));
    left: 0;
    z-index: 99;
    right: 0;
    margin: auto
}

.mobile .bg2 img[data-v-1e174cd8] {
    width: 100%;
    height: 100%
}

.mobile .bg2 .text[data-v-1e174cd8] {
    margin-top: 1.5rem;
    text-align: center
}

.mobile .bg2 .downloadPack[data-v-1e174cd8] {
    margin-top: .4rem
}

.mobile .bg2 .downloadPack .btn-list[data-v-1e174cd8] {
    display: flex;
    justify-content: center
}

.mobile .bg2 .downloadPack .btn[data-v-1e174cd8] {
    width: 2.92rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .72rem;
    margin: 0 .18rem
}

.app-store-to[data-v-1e174cd8] {
    position: fixed;
    top: 2rem;
    left: 0;
    z-index: 10
}

.app-store-to-box[data-v-1e174cd8] {
    position: relative
}

.app-store-to-img[data-v-1e174cd8] {
    width: 5.68rem;
    height: .72rem
}

.app-store-to-close[data-v-1e174cd8] {
    position: absolute;
    top: -.17rem;
    right: 0;
    width: .32rem;
    height: .32rem;
    object-fit: contain
}

.mobile[data-v-e1e5953a] {
    height: 100%;
    overflow: hidden;
    background-color: #0a0e21
}

.mobile .downtop[data-v-e1e5953a] {
    width: 100%;
    height: auto;
    display: block
}

.mobile .bglog[data-v-e1e5953a] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000e6;
    color: #fff;
    text-align: center;
    line-height: 5rem
}

.mobile .bglog .copy[data-v-e1e5953a] {
    width: 5rem;
    height: 1rem;
    margin: 0 auto;
    line-height: 1rem
}

.mobile .float[data-v-e1e5953a] {
    width: 6.7rem;
    height: .72rem;
    position: fixed;
    top: 1.39rem;
    margin: 0 auto;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: #0003;
    border-radius: .16rem;
    border: .005rem solid rgba(255,255,255,.5);
    background: #0003;
    -webkit-backdrop-filter: blur(.02rem);
    backdrop-filter: blur(.02rem)
}

.mobile .float .floatLogo[data-v-e1e5953a] {
    width: .47rem;
    height: .33rem;
    padding: .185rem .245rem;
    box-sizing: content-box;
    position: absolute;
    left: 0
}

.mobile .float .floatText[data-v-e1e5953a] {
    width: 4.2rem;
    height: .72rem;
    line-height: .72rem;
    position: absolute;
    left: .9rem;
    overflow: hidden
}

.mobile .float .floatText>div[data-v-e1e5953a] {
    width: 4.2rem;
    position: absolute;
    right: -4.3rem;
    animation: floatA-e1e5953a 6s linear infinite
}

.mobile .float .floatText>div span[data-v-e1e5953a] {
    color: #ffdb2a;
    font-weight: 600
}

@keyframes floatA-e1e5953a {
    0% {
        right: -4.3rem
    }

    to {
        right: 3.4rem
    }
}

.mobile .float .floatBtn[data-v-e1e5953a] {
    width: 1.2rem;
    height: .46rem;
    padding: .12rem .16rem;
    box-sizing: content-box;
    position: absolute;
    top: 0;
    right: 0
}

.mobile .title[data-v-e1e5953a] {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
    padding: .4rem .2rem;
    display: flex;
    justify-content: space-between;
    align-self: center
}

.mobile .title .leftLogo[data-v-e1e5953a] {
    width: 3.73rem;
    height: .88rem
}

.mobile .title .leftLogo img[data-v-e1e5953a] {
    width: 100%;
    height: 100%
}

.mobile .title .topRight[data-v-e1e5953a] {
    display: flex;
    justify-content: space-between;
    align-self: center
}

.mobile .title .topRight .btn[data-v-e1e5953a] {
    width: 1.48rem;
    height: .52rem
}

.mobile .title .topRight .btn img[data-v-e1e5953a] {
    width: 100%;
    height: 100%
}

.mobile .title .topRight .btn2[data-v-e1e5953a] {
    margin-left: .2rem
}

.mobile .bg img[data-v-e1e5953a] {
    width: 100%
}

.mobile .bg2[data-v-e1e5953a] {
    position: absolute;
    right: 0;
    bottom: .3rem
}

.mobile .bg2 img[data-v-e1e5953a] {
    width: 100%;
    height: 100%
}

.mobile .bg2 .text1[data-v-e1e5953a] {
    margin: 0 auto;
    margin-top: .3rem;
    width: 4.6rem
}

.mobile .bg2 .text[data-v-e1e5953a] {
    text-align: center;
    margin: .1rem 0;
    font-size: .2rem
}

.mobile .bg2 .btn-list[data-v-e1e5953a] {
    display: flex;
    justify-content: center;
    margin-bottom: .2rem
}

.mobile .bg2 .btn[data-v-e1e5953a] {
    width: 2.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .82rem;
    margin: .1rem .18rem 0
}

.tab[data-v-e1e5953a] {
    width: 6.86rem;
    height: .74rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .16rem;
    background: #303030;
    position: absolute;
    left: .32rem;
    top: 1.8rem;
    z-index: 2;
    padding: .07rem
}

.tab div[data-v-e1e5953a] {
    font-size: .24rem;
    font-weight: 500;
    color: #fff;
    height: .58rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .12rem;
    padding: .12rem .84rem
}

.tab .active[data-v-e1e5953a] {
    background: #c62222
}

.content1[data-v-e1e5953a] {
    width: 6.86rem;
    z-index: 2;
    height: 11rem;
    overflow-y: auto;
    position: absolute;
    left: .32rem;
    top: 3.1rem;
    padding-bottom: 2rem
}

.content1 img[data-v-e1e5953a] {
    width: 100%
}

.downbottom[data-v-e1e5953a] {
    position: fixed;
    left: .32rem;
    bottom: .26rem;
    z-index: 2;
    width: 6.86rem;
    height: auto;
    display: block
}

.rightFixed[data-v-e1e5953a] {
    position: fixed;
    right: 0;
    top: 6rem;
    z-index: 2
}

.rightFixed .defaultRight[data-v-e1e5953a] {
    height: 4rem
}

.rightFixed .defaultRight img[data-v-e1e5953a] {
    height: 100%
}

.rightExpand[data-v-e1e5953a] {
    display: flex;
    align-items: center
}

.collapseBtn[data-v-e1e5953a] {
    width: .36rem;
    height: .79rem;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.collapseBtn img[data-v-e1e5953a] {
    width: 100%;
    height: 100%;
    display: block
}

.rightBtn[data-v-e1e5953a] {
    margin-right: .1rem;
    position: relative
}

.rightBtn .btns[data-v-e1e5953a] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.rightBtn .btns div[data-v-e1e5953a] {
    width: 100%;
    height: 33.33%
}

.slide-in-enter-active[data-v-e1e5953a] {
    transition: all .3s ease
}

.slide-in-leave-active[data-v-e1e5953a] {
    transition: none
}

.slide-in-enter-from[data-v-e1e5953a] {
    opacity: 0;
    transform: translate(50px)
}

.slide-in-enter-to[data-v-e1e5953a] {
    opacity: 1;
    transform: translate(0)
}

.app-store-to[data-v-e1e5953a] {
    position: fixed;
    bottom: 3rem;
    left: 0;
    z-index: 10
}

.app-store-to-box[data-v-e1e5953a] {
    position: relative
}

.app-store-to-img[data-v-e1e5953a] {
    width: 5.68rem;
    height: .72rem
}

.app-store-to-close[data-v-e1e5953a] {
    position: absolute;
    top: -.17rem;
    right: 0;
    width: .32rem;
    height: .32rem;
    object-fit: contain
}