body {
    padding: 0;
    margin: 0
}

#app {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.index-container[data-v-7de8d990] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100vw;
    height: 100vh;
    background: url(bg.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    overflow: hidden;
    padding-top: 70px;
    box-sizing: border-box;
}

.index-container .topPartContainer[data-v-7de8d990] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 10px 0 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.index-container .topPartContainer .jiaTengLogo[data-v-7de8d990] {
    width: 100px;
    height: 100px
}

.index-container .topPartContainer .keFuIcon[data-v-7de8d990] {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

.index-container .npcContainer[data-v-7de8d990] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 75px;
    height: 25%
}

.index-container .npcContainer .npcPng[data-v-7de8d990] {
    width: 70%;
    margin-left: 15px;
    -o-object-fit: contain;
    object-fit: contain
}

.index-container .index-link[data-v-7de8d990] {
    display: block;
    width: 100%;
    height: 560px
}

.index-container .index-text[data-v-7de8d990] {
    margin: 0 auto;
    width: 95%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: 15px
}

.index-container .index-btn[data-v-7de8d990] {
    display: block;
    margin: 10px auto 10px;
    width: 80%
}

.index-container .index-btn > img[data-v-7de8d990] {
    width: 100%
}

.index-container .nonParamsBtn[data-v-7de8d990] {
    width: 70%;
    padding: 5px 0
}

.index-container .container[data-v-7de8d990] {
    width: 100%;
    margin-bottom: 10px
}

.index-container .container .title[data-v-7de8d990] {
    margin: 0 auto 20px;
    width: 190px;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    color: #fef2dc;
    text-align: center;
    border-radius: 30px;
    border-bottom: 2px solid #787878
}

.index-container .container .app-box[data-v-7de8d990] {
    padding: 0 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-around
}

.index-container .container .app-box .item[data-v-7de8d990] {
    width: 78px
}

.index-container .container .app-box .item .item-link[data-v-7de8d990] {
    display: block;
    color: #fff
}

.index-container .container .app-box .item .item-img[data-v-7de8d990] {
    width: 40px;
    height: 40px;
    border-radius: 5px
}

.index-container .container .app-box .item .item-name[data-v-7de8d990] {
    margin: 5px auto;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.index-container .container .app-box .item .item-buton[data-v-7de8d990] {
    color: inherit;
    font: inherit;
    width: 100%;
    height: 24px;
    font-size: 14px;
    border-radius: 20px;
    border: none;
    background: #4c4163;
    margin-top: 5px;
    background: linear-gradient(90deg, #fbdb66 -40%, #ca7d03)
}

.index-container .container .app-box li[data-v-7de8d990]:nth-child(4n) {
    margin-right: 0
}

.index-container .bottomArea[data-v-7de8d990] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.index-container .bottomArea .sloganText[data-v-7de8d990] {
    width: 80%;
    margin-bottom: 40px
}

.index-container .bottomArea .gameInfoList[data-v-7de8d990] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 10px 20px 10px;
    row-gap: 5px
}

.index-container .bottomArea .gameInfoList > img[data-v-7de8d990] {
    width: 14%;
    height: 45px;
    -o-object-fit: contain;
    object-fit: contain
}

.index-container .bottomArea .downLoadLabel[data-v-7de8d990] {
    width: 100px;
    position: absolute;
    right: 20%;
    top: 7%
}

@media (max-height: 704px) {
    .index-btn-bottom[data-v-7de8d990], .sloganText[data-v-7de8d990] {
        margin: 0 auto !important
    }
}

@media (width: 320px) {
    .index-container .npcContainer[data-v-7de8d990] {
        height: 20%
    }

    .index-text[data-v-7de8d990] {
        margin-top: 15px !important
    }
}

@media (width: 414px) {
    .index-container .bottomArea .sloganText[data-v-7de8d990] {
        margin-bottom: 7px
    }
}

.content-btn-box[data-v-7de8d990] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 40px
}

.content-btn-box .content-btn[data-v-7de8d990] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 40%;
    position: relative
}

.content-btn-box .content-btn button[data-v-7de8d990] {
    width: 100%;
    height: 40px;
    border: none;
    margin-right: 10px;
    cursor: pointer
}

.content-btn-box .content-btn .btn-code[data-v-7de8d990] {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.content-btn-box .content-btn .show-code[data-v-7de8d990] {
    position: absolute;
    left: 40%;
    bottom: -130px
}

.index-container[data-v-3a4a9da8] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100vw;
    height: 100vh;
    background: url(bg.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    overflow: hidden;
    padding-top: 70px;
    box-sizing: border-box
}

.index-container .topPartContainer[data-v-3a4a9da8] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 10px 0 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.index-container .topPartContainer .jiaTengLogo[data-v-3a4a9da8] {
    width: 100px;
    height: 100px
}

.index-container .topPartContainer .keFuIcon[data-v-3a4a9da8] {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

.index-container .npcContainer[data-v-3a4a9da8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 75px;
    height: 25%
}

.index-container .npcContainer .npcPng[data-v-3a4a9da8] {
    width: 70%;
    margin-left: 15px;
    -o-object-fit: contain;
    object-fit: contain
}

.index-container .index-link[data-v-3a4a9da8] {
    display: block;
    width: 100%;
    height: 560px
}

.index-container .index-text[data-v-3a4a9da8] {
    margin: 0 auto;
    width: 95%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: 15px
}

.index-container .index-btn[data-v-3a4a9da8] {
    display: block;
    margin: 10px auto 10px;
    width: 80%
}

.index-container .index-btn > img[data-v-3a4a9da8] {
    width: 100%
}

.index-container .nonParamsBtn[data-v-3a4a9da8] {
    width: 70%;
    padding: 5px 0
}

.index-container .container[data-v-3a4a9da8] {
    width: 100%;
    margin-bottom: 10px
}

.index-container .container .title[data-v-3a4a9da8] {
    margin: 0 auto 20px;
    width: 190px;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    color: #fef2dc;
    text-align: center;
    border-radius: 30px;
    border-bottom: 2px solid #787878
}

.index-container .container .app-box[data-v-3a4a9da8] {
    padding: 0 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-around
}

.index-container .container .app-box .item[data-v-3a4a9da8] {
    width: 78px
}

.index-container .container .app-box .item .item-link[data-v-3a4a9da8] {
    display: block;
    color: #fff
}

.index-container .container .app-box .item .item-img[data-v-3a4a9da8] {
    width: 40px;
    height: 40px;
    border-radius: 5px
}

.index-container .container .app-box .item .item-name[data-v-3a4a9da8] {
    margin: 5px auto;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.index-container .container .app-box .item .item-buton[data-v-3a4a9da8] {
    color: inherit;
    font: inherit;
    width: 100%;
    height: 24px;
    font-size: 14px;
    border-radius: 20px;
    border: none;
    background: #4c4163;
    margin-top: 5px;
    background: linear-gradient(90deg, #fbdb66 -40%, #ca7d03)
}

.index-container .container .app-box li[data-v-3a4a9da8]:nth-child(4n) {
    margin-right: 0
}

.index-container .bottomArea[data-v-3a4a9da8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.index-container .bottomArea .sloganText[data-v-3a4a9da8] {
    width: 95%;
    margin-bottom: 40px
}

.index-container .bottomArea .gameInfoList[data-v-3a4a9da8] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 10px 20px 10px;
    row-gap: 5px
}

.index-container .bottomArea .gameInfoList > img[data-v-3a4a9da8] {
    width: 100%;
    height: 95px;
    -o-object-fit: contain;
    object-fit: contain
}

.index-container .bottomArea .downLoadLabel[data-v-3a4a9da8] {
    width: 100px;
    position: absolute;
    right: 20%;
    top: 7%
}

.home .gameInfoList img[data-v-3a4a9da8] {
    height: 125px !important
}

@media (max-height: 704px) {
    .index-btn-bottom[data-v-3a4a9da8], .sloganText[data-v-3a4a9da8] {
        margin: 0 auto !important
    }
}

@media (width: 320px) {
    .index-container .npcContainer[data-v-3a4a9da8] {
        height: 20%
    }

    .index-text[data-v-3a4a9da8] {
        margin-top: 15px !important
    }
}

@media (width: 414px) {
    .index-container .bottomArea .sloganText[data-v-3a4a9da8] {
        margin-bottom: 7px
    }
}

.content-btn-box[data-v-3a4a9da8] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 40px
}

.content-btn-box .content-btn[data-v-3a4a9da8] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 40%;
    position: relative
}

.content-btn-box .content-btn button[data-v-3a4a9da8] {
    width: 100%;
    height: 40px;
    border: none;
    margin-right: 10px;
    cursor: pointer
}

.content-btn-box .content-btn .btn-code[data-v-3a4a9da8] {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.content-btn-box .content-btn .show-code[data-v-3a4a9da8] {
    position: absolute;
    left: 40%;
    bottom: -130px
}

[data-v-046c81e5] {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img[data-v-046c81e5] {
    display: block;
    max-width: 100%;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.index-container[data-v-046c81e5] {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 100%;
    overflow: hidden;
    background: url(bg.png) no-repeat 50%;
    background-size: 100% 100%;
    color: #fff;
    margin: 0 auto;
}

.topPartContainer[data-v-046c81e5] {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 30;
    padding: 0 14px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    pointer-events: none
}

.topPartContainer .jiaTengLogo[data-v-046c81e5] {
    width: 88px;
    pointer-events: auto
}

.topPartContainer .keFuIcon[data-v-046c81e5] {
    width: 60px;
    pointer-events: auto;
    cursor: pointer;
}

.main-content[data-v-046c81e5] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 26px
}

.npcContainer[data-v-046c81e5] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 8px;
    z-index: 2
}

.npcPng[data-v-046c81e5] {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.index-text[data-v-046c81e5] {
    position: absolute;
    left: 50%;
    top: 36%;
    transform: translateX(-50%);
    width: 96%;
    z-index: 8;
    -o-object-fit: contain;
    object-fit: contain
}

.bottomArea[data-v-046c81e5] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
    box-sizing: border-box
}

.index-btn[data-v-046c81e5] {
    width: 75%;
    display: block;
    flex-shrink: 0;
    line-height: 0
}

.index-btn img[data-v-046c81e5] {
    width: 100%
}

.nonParamsBtn[data-v-046c81e5] {
    width: 70% !important
}

.sjb-text[data-v-046c81e5] {
    width: 62%;
    margin-bottom: 20px;
    flex-shrink: 0
}

.sjb-text img[data-v-046c81e5] {
    width: 100%;
    aspect-ratio: 299/35
}

.gameInfoList[data-v-046c81e5] {
    width: 90%;
    flex-shrink: 0;
    line-height: 0;
    margin-left: 5px
}

.gameInfoList img[data-v-046c81e5] {
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.sloganText[data-v-046c81e5] {
    width: 96%;
    margin-top: 4px;
    flex-shrink: 0;
    aspect-ratio: 145/12
}

.content-btn-box[data-v-046c81e5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 40px
}

.content-btn-box .content-btn[data-v-046c81e5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 40%;
    position: relative
}

.content-btn-box .content-btn button[data-v-046c81e5] {
    width: 100%;
    height: 40px;
    border: none;
    margin-right: 10px;
    cursor: pointer
}

.content-btn-box .content-btn .btn-code[data-v-046c81e5] {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.content-btn-box .content-btn .show-code[data-v-046c81e5] {
    position: absolute;
    left: 40%;
    bottom: -130px
}

@media screen and (max-width: 375px) {
    .topPartContainer .jiaTengLogo[data-v-046c81e5] {
        width: 80px
    }

    .topPartContainer .keFuIcon[data-v-046c81e5] {
        width: 52px
    }

    .main-content[data-v-046c81e5] {
        padding-top: 26px
    }

    .npcContainer[data-v-046c81e5] {
        padding-top: 2px
    }

    .npcPng[data-v-046c81e5] {
        width: 100%
    }

    .index-text[data-v-046c81e5] {
        top: 35%;
        width: 98%
    }

    .index-btn[data-v-046c81e5] {
        width: 75%
    }

    .sjb-text[data-v-046c81e5] {
        width: 63%;
        margin-bottom: 20px
    }

    .gameInfoList[data-v-046c81e5] {
        width: 90%
    }
}

@media screen and (max-height: 740px) {
    .main-content[data-v-046c81e5] {
        padding-top: 20px
    }

    .npcContainer[data-v-046c81e5] {
        padding-top: 0
    }

    .npcPng[data-v-046c81e5] {
        width: 100%
    }

    .index-text[data-v-046c81e5] {
        top: 38%
    }

    .bottomArea[data-v-046c81e5] {
        padding-top: 14px;
        padding-bottom: 6px
    }

    .index-btn[data-v-046c81e5] {
        width: 78%
    }

    .sjb-text[data-v-046c81e5] {
        width: 62%;
        margin-bottom: 16px
    }

    .gameInfoList[data-v-046c81e5] {
        width: 90%
    }
}

@media screen and (min-width: 414px) {
    .npcPng[data-v-046c81e5] {
        width: 100%
    }

    .index-text[data-v-046c81e5] {
        top: 38%
    }

    .index-btn[data-v-046c81e5] {
        width: 79%
    }

    .sjb-text[data-v-046c81e5] {
        width: 62%
    }
}

@media screen and (min-width: 768px) {
    .index-container[data-v-046c81e5] {
        width: 500px
    }

    .npcContainer[data-v-046c81e5] {
        padding-top: 6px
    }

    .npcPng[data-v-046c81e5] {
        width: 100%;
    }

    .index-text[data-v-046c81e5] {
        width: 480px;
        top: 36%
    }

    .index-btn[data-v-046c81e5] {
        width: 320px
    }

    .sjb-text[data-v-046c81e5] {
        width: 250px
    }

    .gameInfoList[data-v-046c81e5] {
        width: 465px
    }
}

.home .gameInfoList img[data-v-046c81e5] {
    height: auto !important
}

.h5-container[data-v-bdf967b4] {
    width: 100vw;
    height: 100vh;
    background: url(bg.png) no-repeat;
    background-size: 100%;
    overflow: hidden
}

.h5-container .content[data-v-bdf967b4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    color: #000;
    background: #fff;
    border-radius: 20px;
    text-align: center
}

.h5-container .content .content-title[data-v-bdf967b4] {
    font-weight: 700;
    font-size: 24px
}

.h5-container .content .content-img[data-v-bdf967b4] {
    width: 100%;
    height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
    background: #120c1e
}

.web-button[data-v-c7c80bba] {
    position: fixed;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid hsla(0, 0%, 100%, .42);
    background: hsla(0, 0%, 100%, .41);
    border-radius: 20px
}

.fix-button[data-v-04c2f79b] {
    position: fixed;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    top: 30%;
    right: 3px;
    width: 62px;
    box-sizing: border-box;
    border-radius: 10px;
    background: rgba(14, 6, 31, .8)
}

.fix-button > div[data-v-04c2f79b] {
    padding: 10px 0
}

.fix-button > div .icon[data-v-04c2f79b] {
    width: 48px;
    height: 48px
}

.fix-button > div .icon-name[data-v-04c2f79b] {
    margin: 0;
    font-size: 10px;
    color: #c6c5dc;
    text-align: center
}

.mask[data-v-79150796] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7215686275)
}

.mask .mask-side[data-v-79150796] {
    position: relative;
    width: 100%;
    height: 100%
}

.mask .mask-side .mask-position[data-v-79150796] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mask .mask-side .mask-position .mask-container[data-v-79150796] {
    position: relative;
    width: 300px;
    min-height: 300px;
    padding: 0 0 30px;
    border-radius: 20px;
    text-align: center;
    box-sizing: border-box;
    background: #fff
}

.mask .mask-side .mask-position .mask-container .mask-icon[data-v-79150796] {
    position: absolute;
    top: -75px;
    left: 50%;
    width: 198px;
    height: 139px;
    transform: translateX(-50%)
}

.mask .mask-side .mask-position .mask-container .mask-title[data-v-79150796] {
    margin: 0;
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    font-weight: 700
}

.mask .mask-side .mask-position .mask-container .mask-content[data-v-79150796] {
    padding: 0 15px
}

.mask .mask-side .mask-position .mask-container .mask-content .layer-1[data-v-79150796] {
    text-align: left
}

.mask .mask-side .mask-position .mask-container .mask-content .van-radio--horizontal[data-v-79150796] {
    margin-bottom: 12px
}

.mask .mask-side .mask-position .mask-container .mask-content .text-area-box[data-v-79150796] {
    border: 1px solid #000;
    border-radius: 5px;
    overflow: hidden;
    margin: 20px auto
}

.mask .mask-side .mask-position .mask-container .download-class[data-v-79150796] {
    font-size: 14px;
    height: auto;
    line-height: normal
}

.mask .mask-side .mask-position .mask-container .mask-btn[data-v-79150796] {
    padding: 0;
    margin: 0;
    width: 190px;
    height: 48px;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 30px;
    background-image: linear-gradient(-90deg, #9226ff, #ff30f8)
}

.mask[data-v-c9c1ea0c] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7215686275)
}

.mask .mask-side[data-v-c9c1ea0c] {
    position: relative;
    width: 100%;
    height: 100%
}

.mask .mask-side .mask-position[data-v-c9c1ea0c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mask .mask-side .mask-position .mask-container[data-v-c9c1ea0c] {
    position: relative;
    width: 309px;
    height: 539px;
    padding: 0 17.5px;
    border-radius: 15px;
    text-align: center;
    box-sizing: border-box;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmoAAAHDBAMAAABmByv3AAAAElBMVEVHcEz9Vlb9Vlb9Vlb9Vlb9Vlb9CTqqAAAABXRSTlMALcuXZQ4RgfkAAAPeSURBVHja7dhBUuJAFIDhR40HgJITkLAfDbMX4QSxvP9VJiOWM6Mo2AToTr5/pS6/6n6vYzzr+wUCatSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoURM1atSoUUNAjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1aqJGjRo1agioUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSoUaNGTdSo5ap2y+Db3QW2FDRsSWjYktCwJaFhS0LDloQW8YPIEf2Md90wOdhDfOhmieXL2j1o2JLQIibYvkCbxidNftH5pKdP0bAloXU9EtpTHQfCloDmM+HgB8H+vECOenFg6wHNKj1+edoJiXvATkjaA4Zb4kgz3NJGmuGWNNIMt6SR9s9wG+stfXqIE5o8up1u6XG78y5ObnS7NHF3jnuX1tFTI3rxtuvordEshXoafTZfOmgpx+1+8GjVNPrvdtjHrY/3xuimWz2NczXY6db/RBvB262OMzfAD/rTPtXHuRXOtQUGvRXOuAU+XNOhPN6qh7hkg9imZ96cgxxvlxpo78bbpmi01TSuU8Frob6WWcFuVzUr9H8h1bXNCjxvdQ5mhbllY7bbpyW8Q9pVTmYvbtm/39pV5Ng858VQrSPXsr2o2V3N/N3azM12/xBpllmRraOQsplwVTFkrzd1cXWyRQk3M68R15ZItmt2Jbh2NYuim2wuPeOqck/Zf3Dzi23VtlkPguztrt5f4JDNYnh1cuc6c+0wxd7ktk3fT5JFsx2y2N9HcF90Hdg6RtVsuznBbtGsxnHC9u/XP3j3x+stXrimoZ3ebNv5Nc2i63n5/Lo2uh+636vu79vtepbN4foNCEvhLeuRYAkAAAAASUVORK5CYII=) no-repeat;
    background-size: 100%;
    overflow: hidden
}

.mask .mask-side .mask-position .mask-container .close-btn[data-v-c9c1ea0c] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAG1BMVEX///////9HcEz////////////////////////Xh5bUAAAACHRSTlO2BgBvlyfzKb96+00AAACXSURBVCjPbVIxDoMwDDwkBsaKvgCkPqAbIyNz/4D6g85IMNyzS0TOg48MieOcfWc7eM3vMdaz/eDHrdd96LhiIRs5HuSBjgEZio2JATkB3FH2C1IAbHAdAmw9RkHqC2ToAbLkh7CKhLIpN8QndohQ5AhJVR5CdC3g3mEhOanRZmEmPRdn5ecGWQutyTYGG5SNMg37i/wd/sguhmfLn1YlAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100%
}

.mask .mask-side .mask-position .mask-container .header[data-v-c9c1ea0c] {
    margin: 0;
    height: 75px;
    line-height: 75px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.mask .mask-side .mask-position .mask-container .swiper-box[data-v-c9c1ea0c] {
    width: 100%;
    height: 170px;
    border-radius: 5px;
    overflow: hidden
}

.mask .mask-side .mask-position .mask-container .swiper-box .poster-container[data-v-c9c1ea0c] {
    width: 100%;
    display: block
}

.mask .mask-side .mask-position .mask-container .swiper-box .poster-container .poster-box[data-v-c9c1ea0c] {
    width: 100%;
    height: 170px
}

.mask .mask-side .mask-position .mask-container .swiper-box .poster-container .poster-box .poster-img[data-v-c9c1ea0c] {
    width: 100%;
    height: 100%
}

.mask .mask-side .mask-position .mask-container .notice-bar .van-notice-bar[data-v-c9c1ea0c] {
    padding: 0;
    font-size: 12px;
    color: #e33028;
    background: none
}

.mask .mask-side .mask-position .mask-container .app-container .app-container-header[data-v-c9c1ea0c] {
    margin: 10px auto 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: left
}

.mask .mask-side .mask-position .mask-container .app-container .app-list[data-v-c9c1ea0c] {
    width: 100%;
    height: 201px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item[data-v-c9c1ea0c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
    color: #000
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .left[data-v-c9c1ea0c] {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .left > img[data-v-c9c1ea0c] {
    width: 100%;
    height: 100%
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .middle[data-v-c9c1ea0c] {
    margin-left: 12px;
    width: 127px
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .middle > p[data-v-c9c1ea0c] {
    margin: 0;
    text-align: left
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .middle .title[data-v-c9c1ea0c] {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .middle .download[data-v-c9c1ea0c] {
    font-size: 10px
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .middle .desc[data-v-c9c1ea0c] {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .right[data-v-c9c1ea0c] {
    width: 80px
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .right > p[data-v-c9c1ea0c] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #f55656;
    border-radius: 20px;
    letter-spacing: 2px
}

.mask .mask-side .mask-position .mask-container .app-container .app-list[data-v-c9c1ea0c]:after {
    min-height: calc(100% + 1px)
}

.mask .mask-side .mask-position .mask-container .app-container .app-list[data-v-c9c1ea0c]::-webkit-scrollbar {
    display: none
}

.mask[data-v-01a7e570] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7215686275)
}

.mask .mask-side[data-v-01a7e570] {
    position: relative;
    width: 100%;
    height: 100%
}

.mask .mask-side .mask-position[data-v-01a7e570] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mask .mask-side .mask-position .mask-container[data-v-01a7e570] {
    position: relative;
    width: 309px;
    height: 380px;
    border: 5px solid #10106b;
    border-radius: 15px;
    text-align: center;
    box-sizing: border-box;
    background: #fff
}

.mask .mask-side .mask-position .mask-container .banner-img-box[data-v-01a7e570] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

.mask .mask-side .mask-position .mask-container .banner-img-box .banner-img[data-v-01a7e570] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mask .mask-side .mask-position .mask-container .close-button[data-v-01a7e570] {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translate(-50%);
    width: 50px;
    height: 50px;
    line-height: 42px;
    border: 2px solid #00f;
    box-sizing: border-box;
    border-radius: 50%;
    background: #10106b;
    text-align: center;
    font-size: 32px;
    color: #b6b6b6
}

.simple-slider-verify[data-v-277c3c27] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fff, #f8fafc 40%, #e6f0fa 75%, #dbeafe)
}

.verify-container[data-v-277c3c27] {
    width: 70%;
    text-align: center;
    max-width: 420px;
    padding: 40px 20px;
    border-radius: 20px
}

h1[data-v-277c3c27] {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #333;
    margin-top: 0
}

.subtitle[data-v-277c3c27] {
    line-height: 30px;
    margin: 0
}

.description[data-v-277c3c27] {
    line-height: 30px;
    margin-bottom: 40px;
    margin-top: 0
}

.slider-wrapper[data-v-277c3c27] {
    position: relative;
    height: 56px;
    background: #f1f1f1;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
    max-width: 300px;
    margin: 0 auto;
    line-height: 56px;
    color: #999
}

.slider-track[data-v-277c3c27] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg, #4ade80, #22c55e);
    transition: width .08s linear;
    border-radius: 50px
}

.slider-btn[data-v-277c3c27] {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #22c55e;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: left .1s linear;
    z-index: 10
}

.slider-btn[data-v-277c3c27]:active {
    cursor: grabbing
}

.success-text[data-v-277c3c27] {
    margin-top: 20px;
    color: #22c55e;
    font-weight: 700
}

.home .simple-slider-verify[data-v-277c3c27] {
    width: 520px
}

.home {
    max-width: 500px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-self: center
}

.Prompt[data-v-551b20af] {
    width: 100vw;
    min-height: 100vh;
    text-align: center;
    background: linear-gradient(#482040, #1a1834)
}

.Prompt .prompt-logo[data-v-551b20af] {
    margin: 20px auto 0;
    width: 100px;
    height: 100px;
    border-radius: 20px
}

.Prompt .prompt-title[data-v-551b20af] {
    margin: 10px auto;
    color: #fff;
    font-size: 20px
}

.Prompt .prompt-desc[data-v-551b20af] {
    margin: 0 auto 30px;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    color: #fff
}

.Prompt .item-container[data-v-551b20af] {
    margin: 0 auto;
    width: 70%;
    text-align: center
}

.Prompt .item-container > li[data-v-551b20af] {
    margin-bottom: 15px;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 25px
}

.content-box[data-v-551b20af] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(#482040, #1a1834)
}

.content-box .colse[data-v-551b20af] {
    position: fixed;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px
}

.content-box .content-detail[data-v-551b20af] {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    height: 100vh;
    overflow-y: scroll
}

.content-box .content-detail .content-title[data-v-551b20af] {
    margin: 0;
    padding: 20px 0;
    font-size: 24px;
    font-weight: 700;
    color: hsla(0, 0%, 84.7%, .75)
}

.content-box .content-detail .content-step[data-v-551b20af] {
    margin-bottom: 15px
}

.content-box .content-detail .content-step .step-title[data-v-551b20af] {
    display: flex;
    margin-bottom: 10px
}

.content-box .content-detail .content-step .step-title .step-index[data-v-551b20af] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 10px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    color: #fff;
    background: hsla(0, 0%, 100%, .18);
    font-size: 20px
}

.content-box .content-detail .content-step .step-title .step-text[data-v-551b20af] {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: hsla(0, 0%, 100%, .8)
}

.content-box .content-detail .content-step .step-img > img[data-v-551b20af] {
    width: 100%;
    border-radius: 20px
}

.fade-enter-active[data-v-551b20af], .fade-leave-active[data-v-551b20af] {
    transition: opacity .5s
}

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

.img-box[data-v-eada993c] {
    width: 100%;
    background: #000;
    overflow: hidden
}

.img-box .app-img[data-v-eada993c] {
    width: 100%;
    border-style: none;
    float: left
}

.app-store[data-v-3db5f4da] {
    background: #131120;
    width: 100%;
    min-height: 100vh
}

.h5-store[data-v-e98c7c86] {
    width: 100%;
    min-height: 100vh;
    background: url(h5-store-bg.cbd7b083.jpeg) no-repeat;
    background-size: 100%
}

.h5-store .top-text[data-v-e98c7c86] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 10px;
    margin: 0;
    font-size: 28px;
    color: #feea00;
    text-align: center
}

.h5-store .icon-top[data-v-e98c7c86] {
    margin-right: 5px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(app-icon.adbe86cc.png) no-repeat;
    background-size: 100%;
    border-radius: 5px;
    vertical-align: bottom
}

.h5-store .top-title[data-v-e98c7c86] {
    margin: 0
}

.h5-store > p[data-v-e98c7c86] {
    margin: 5px auto;
    text-align: center;
    color: #fff
}

.h5-store > p > span[data-v-e98c7c86] {
    color: #feea00
}

.h5-store .wrapper-container[data-v-e98c7c86] {
    margin-top: 30px;
    padding: 0 15px
}

.h5-store .wrapper-container .box[data-v-e98c7c86] {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background: url(h5-store-bg-second.150526e2.png) no-repeat;
    background-size: 100%
}

.h5-store .wrapper-container .box .item[data-v-e98c7c86] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 33.33%
}

.h5-store .wrapper-container .box .item > .app-icon[data-v-e98c7c86] {
    width: 90px;
    height: 90px;
    border-radius: 15px
}

.h5-store .wrapper-container .box .item > p[data-v-e98c7c86] {
    margin: 5px auto;
    text-align: center;
    font-weight: 500;
    color: #4d4b39
}

.h5-store .wrapper-container .box .item > .replace[data-v-e98c7c86] {
    width: 100%
}

.h5-store .upload-bottom[data-v-e98c7c86] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-store .upload-bottom .upload-text[data-v-e98c7c86] {
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #2b9314
}

.h5-store .upload-bottom .upload-btn[data-v-e98c7c86] {
    margin: 10px auto;
    display: block;
    width: 242px;
    height: 57px;
    outline: none;
    border: none;
    background: url(upload-btn.1c01fbe3.png) no-repeat;
    background-size: 100% 100%
}

.h5-store .down-count[data-v-e98c7c86] {
    color: #727272;
    font-weight: 700
}

.NotFound {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 200px
}

.buttom-download {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
    background: linear-gradient(90deg, #1e84fe -40%, #bd24ff)
}

.buttom-download .left .logo {
    float: left;
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    border-radius: 5px
}

.buttom-download .left .left-title {
    float: left;
    margin-top: 2.5px;
    margin-left: 10px;
    color: hsla(0, 0%, 100%, .78)
}

.buttom-download .left .left-title > li {
    font-size: 12px
}

.buttom-download .left .left-title .title {
    font-size: 16px
}

.buttom-download .right .button {
    display: block;
    margin: 4.5px auto 4.5px;
    width: 120px;
    height: 35px;
    outline: none;
    border: 1px solid transparent
}

.buttom-download .right .btn-android {
    background: url(icon-android.d76f9efe.png) no-repeat;
    background-size: 100% 100%
}

.buttom-download .right .btn-ios {
    background: url(icon-ios.3d8f744e.png) no-repeat;
    background-size: 100% 100%
}

.download-btn:active, .mask-btn:active {
    transform: translateY(4px)
}

.chat-icon {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.chat-icon .chat-my {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.chat-icon .chat-icon-img {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .7;
    border-radius: 50%
}

.android-prompt {
    margin: 10px auto;
    text-align: center
}

.android-prompt > p {
    margin: 0
}

.android-prompt-t, .android-prompt > p {
    color: hsla(0, 0%, 100%, .72);
    font-size: .8rem
}

.android-prompt-t {
    margin: 10px auto 0
}

.b-text {
    font-size: 12px;
    color: #fff;
    padding: 0 20px
}

.h5-message {
    font-size: .8rem;
    color: hsla(0, 0%, 100%, .72);
    padding: 0 20px
}

.button-container, .h5-message {
    text-align: center
}

.btn-android {
    background: url(icon-android.d76f9efe.png) no-repeat;
    background-size: 100% 100%
}

.btn-ios {
    background: url(icon-ios.3d8f744e.png) no-repeat;
    background-size: 100% 100%
}

.btn-android-second {
    background: url(btn-android-second.72fbf6a2.png) no-repeat;
    background-size: 100% 100%
}

.btn-ios-second {
    background: url(btn-ios-second.92006fe3.png) no-repeat;
    background-size: 100% 100%
}

.icon-ios {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAArCAYAAAD/lEFzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApJJREFUeNrEmDtoFEEYx/cueiIG8xIRFQQVfBEJpLFJCkFBkIAoFjYiacRKFGIhGhALFUFsAqIGiRY2HmIhKFaCIEElJsZGiQHvwERBE1+oScbfwCysw+7cbNyd+cOP4x47+79vHvt9X0EIETjQItgMIzBT68fFnM10wB34Ai9gidVVMlI50AS3xb/6DQWb6xfkEJ3V8Ag2aJ+/kjGwGSDr6SvB3RhDUmXrUTKetjMiXlPQbDtO1uvoW4KpI2nGynL69ibsrpvQl2agLE21ae9n4RwcSjtQlrtvlXr9A/fhLDybz0CFFCd6IzTDNHyK+X6r2n1vYCryeZPajfXqunF1mM57922HAahoC7cK12EH1MVctxFOwfOYRT8Lg3AaVqTZfXLQx8JO0uBlOAgn4amw1w84AcVapvbAd+FWZSglmeqCGeFH10If0YW+Bl5CQ+BeY9AFo/qRcMGToSHYBR/0I2ELDDvIr3RNQDtU4070Ax4MSR3VDUUjJaPU6tjQO1gPc3HPPpk/b/IQpXKcodDU2oyfgbYaNGUJSwM/mjSZWujJVL3J1LQnU+tMpiY9mdpdK5/6agpnTppT0RpPSoeHPERK3vu8KUd/4mkK98OxJFMPAn+6CD1yKelrqk49pZd5NPdQRW20GCmHbgV+tVPNWDGaGVy1bUDkqAG5K6OmXsM9j4Z+hZW0nkP1Jj25HagfKkl13xUPRcNnWG4qsRrgvWNT3TbFaIfDUqustx1NJXuPA0Nj0JimaSbd38h5HbWmbcTKM6sbfsJhw+8q6jR+qw5h2WXZBp2GCqmqis+R/+l57oPhyL/8CP3QqTcnIqyE46rzEq7PCbgELab7pelPhb2mkioi0zbnFqu8rab+CjAAigwE0pLveJwAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.icon-android, .icon-ios {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 22px;
    vertical-align: text-bottom
}

.icon-android {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAoCAYAAAB5ADPdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhZJREFUeNrsmL9LgkEYx1/tJclKCkosgihcIohqqGiqhCiooaGlsc0tcEpaWwIhqrUlyCCngvwDAiMbMhxaampwiIh+Oajo9T25t96u9339+coN7xc+8uo9532957n33lMihEgqlsEriAIX11ZvguAThPg2PvCa/CoOOk0wYwM75K+cRqYWQUYVnADuEoM4QBfwgJYyDB1whvZKzRRlAaRVne5Br6p9GGyCC/BE/usDXIFd4AMy69cEDrnYEDNa0hRlluVb0SNYZymtVCmwBU64z7f1ZtRoqqfBGzFHQaM02yV9JUFcqr9ewLlhhI7bPpAk5omWxkol6aOGHoj5yoFVLVPFylfJCWJgVGqMsmCOjfkjvqb2G2iIqhmcArdeTc2AgsY0X4Ih0M1udJWKlsIU2x02dMYIa9UUTeOtzpd6VR3sVdQbX9BnGjHU6AR/S5gHYzpTnFZdF0C+whR9ce9zGjE2EODTFzH4pbStlc1SoIr03bB9UXkKyRqsRo+SPge3pWiJbtLvNSz/PHskKiW/kr5J0FbGKnHVsMroOJ1lxPmU4BFJHI0rpgYFMtUPZGqqQyBTxTTLeLkDEYGMEX7vE0Iy2xC9AnkK05k6xsWaSMVulwSUZcoyZZmyTFmmLFMmPrpQUymBDGXAMzUVruIsZ5aOisbYecxvcB5rlGKgnf/XZQAsgZ4G1xo9gSdAlJ3ApW8BBgC47N39KZ8pSAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.customerService-btn:active {
    transform: translateY(4px)
}