.h5-container[data-v-b5d4b764] {
    width: 100vw;
    height: 100vh
}

.h5-container .c-logo[data-v-b5d4b764] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-b5d4b764] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container .content[data-v-b5d4b764] {
    width: 100%;
    height: 120px;
    text-align: center
}

.h5-container .content .content-text[data-v-b5d4b764] {
    width: 333px;
    height: 120px
}

.h5-container .btn[data-v-b5d4b764] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .btn .download-btn[data-v-b5d4b764] {
    display: block;
    margin: 0 auto;
    width: 190px;
    height: 48px;
    outline: none;
    border: 1px solid transparent
}

.h5-container .btn .btn-android[data-v-b5d4b764] {
    background: url(../icon-android.d76f9efe.png) no-repeat;
    background-size: 100% 100%
}

.h5-container .btn .btn-ios[data-v-b5d4b764] {
    background: url(../icon-ios.3d8f744e.png) no-repeat;
    background-size: 100% 100%
}

.h5-container .btn .url-h5[data-v-b5d4b764] {
    display: block;
    color: rgba(242, 228, 254, .9019607843);
    border: none;
    border-radius: 40px;
    background-image: linear-gradient(-90deg, #9226ff, #ff30f8)
}

.h5-container .btn-flex[data-v-b5d4b764] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-b5d4b764] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-b5d4b764] {
    width: 100%;
    margin: 20px auto;
    text-align: center
}

.h5-container .gif-container .gif-img[data-v-b5d4b764] {
    display: block;
    margin: 0 auto 40px;
    width: 80%;
    border: 3px solid rgba(145, 55, 179, .9019607843)
}

.h5-container .chat-icon[data-v-b5d4b764] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-b5d4b764] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-b5d4b764] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-b5d4b764] {
    width: 100%
}

@media screen and (min-height:569px)and (max-height:667px) {
    .h5-container .c-logo[data-v-b5d4b764] {
        width: 100%;
        height: 100px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-b5d4b764] {
        margin-top: 18px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-b5d4b764] {
        width: 100%;
        height: 120px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-b5d4b764] {
        width: 250px;
        height: 120px
    }
}

@media screen and (max-height:568px) {
    .h5-container .c-logo[data-v-b5d4b764] {
        width: 100%;
        height: 105px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-b5d4b764] {
        margin-top: 22px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-b5d4b764] {
        width: 100%;
        height: 100px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-b5d4b764] {
        width: 225px;
        height: 100px
    }
}

@media screen and (min-device-width:768px)and (max-device-width:1023px) {
    .h5-container .c-logo[data-v-b5d4b764] {
        width: 100%;
        height: 180px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-b5d4b764] {
        margin-top: 30px;
        width: 300px;
        height: 106px
    }

    .h5-container .content[data-v-b5d4b764] {
        width: 100%;
        height: 200px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-b5d4b764] {
        width: 420px;
        height: 200px
    }

    .h5-container .btn .download-btn[data-v-b5d4b764] {
        width: 230px;
        height: 60px
    }

    .h5-container .chat-icon[data-v-b5d4b764] {
        margin-top: 30px;
        height: 40px;
        line-height: 40px
    }

    .h5-container .chat-icon .chat-my[data-v-b5d4b764] {
        font-size: 18px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-b5d4b764] {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-device-width:1024px)and (max-device-width:1367px) {
    .h5-container .c-logo[data-v-b5d4b764] {
        width: 100%;
        height: 220px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-b5d4b764] {
        margin-top: 40px;
        width: 380px;
        height: 140px
    }

    .h5-container .content[data-v-b5d4b764] {
        width: 100%;
        height: 254px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-b5d4b764] {
        width: 560px;
        height: 254px
    }

    .h5-container .btn .download-btn[data-v-b5d4b764] {
        width: 300px;
        height: 90px
    }

    .h5-container .chat-icon[data-v-b5d4b764] {
        margin-top: 50px;
        height: 60px;
        line-height: 60px
    }

    .h5-container .chat-icon .chat-my[data-v-b5d4b764] {
        font-size: 24px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-b5d4b764] {
        width: 60px;
        height: 60px
    }
}

.page-header[data-v-323d04de] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 75px;
    padding: 0 20px;
    padding-top: 20px;
    box-sizing: border-box
}

.page-header .left .logo[data-v-323d04de] {
    width: 150px;
    height: auto
}

.page-header .left .android_logo[data-v-323d04de] {
    -o-object-fit: contain;
    object-fit: contain;
    height: 75px;
    width: 75px
}

.page-header .right[data-v-323d04de] {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.page-header .right .icon-box[data-v-323d04de] {
    margin-left: 15px
}

.page-header .right .icon-box .icon[data-v-323d04de] {
    width: 54px;
    height: 54px
}

.page-header .right .icon-box .icon-name[data-v-323d04de] {
    margin: 0;
    font-size: 12px;
    color: #c6c5dc;
    text-align: center
}

.hezuoPng[data-v-323d04de] {
    margin-right: 10px
}

.buttom-download-many[data-v-9fe8aae2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .8509803922)
}

.buttom-download-many .left .logo[data-v-9fe8aae2] {
    float: left;
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    border-radius: 5px
}

.buttom-download-many .left .left-title[data-v-9fe8aae2] {
    float: left;
    margin-top: 2.5px;
    margin-left: 10px;
    color: hsla(0, 0%, 100%, .7803921569)
}

.buttom-download-many .left .left-title>li[data-v-9fe8aae2] {
    font-size: 12px
}

.buttom-download-many .left .left-title .title[data-v-9fe8aae2] {
    font-size: 16px
}

.buttom-download-many .right[data-v-9fe8aae2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.buttom-download-many .right .text[data-v-9fe8aae2] {
    padding: 0;
    margin: 0 0 0 10px;
    color: hsla(0, 0%, 100%, .7803921569)
}

.buttom-download-many .right .text>span[data-v-9fe8aae2] {
    margin-left: 5px;
    font-size: 12px
}

.buttom-download-many .right .btn-list[data-v-9fe8aae2] {
    display: flex;
    align-items: center
}

.buttom-download-many .right .btn-list .button[data-v-9fe8aae2] {
    display: block;
    margin: 4.5px 4.5px;
    width: 90px;
    height: 22px;
    outline: none;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, #1e84fe -40%, #bd24ff);
    font-size: 12px;
    color: #fff
}

.buttom-download-alone[data-v-9fe8aae2] {
    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-alone .left .logo[data-v-9fe8aae2] {
    float: left;
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    border-radius: 5px
}

.buttom-download-alone .left .left-title[data-v-9fe8aae2] {
    float: left;
    margin-top: 2.5px;
    margin-left: 10px;
    color: hsla(0, 0%, 100%, .7803921569)
}

.buttom-download-alone .left .left-title>li[data-v-9fe8aae2] {
    font-size: 12px
}

.buttom-download-alone .left .left-title .title[data-v-9fe8aae2] {
    font-size: 16px
}

.buttom-download-alone .right .button[data-v-9fe8aae2] {
    display: block;
    margin: 4.5px auto 4.5px;
    width: 120px;
    height: 35px;
    outline: none;
    border: 1px solid transparent
}

.buttom-download-alone .right .btn-android[data-v-9fe8aae2] {
    background: url(../icon-android.d76f9efe.png) no-repeat;
    background-size: 100% 100%
}

.buttom-download-alone .right .btn-ios[data-v-9fe8aae2] {
    background: url(../icon-ios.3d8f744e.png) no-repeat;
    background-size: 100% 100%
}

.cusAdPart[data-v-d3d463d6] {
    margin: 0 10px;
    background: url(data:image/webp;base64,UklGRioNAABXRUJQVlA4TB0NAAAvrcJFEL8Hp7Zt18pam5wMIADDqKOlo6L8hHfOJpiAEEmSYqt6HqOfJ/zZeFrw858pAUGR/6PBjW3bdbJHSiW4P8S+qwpQB+hHpFCCeiOnBP1fAK4A+Pfh/Tt4D3UAvFz+XwG6RQYBsohz8KEYyaKOLiDB1wAGUkLfA+ALViyoKIA5DKGRLZAJqI0o45VVPkjIDBdWGWErCmSgWvg3Dr5aiDKioGBFQfkfehQK4qKYfGA8HlPZyEGcepUkuoDPwQggEEKEj7yiYMWKBSsKLWxEEELnRUBC8CFxgGmg0ThsUjrc7xbp0GbY7pc1CQE32kHZ8aj0dGKXYMt8dXi2EvtnNtBFCMRF5GC+4ZU9LPH6hUS8XfVRRSwYz4x2QfUcwAILzuNi24tt153BJXh/uHx+enLgwIGNRgSIeoohJ5ySumIrQEZBBLENboGu7wI1jsyYCRXKcBv5R/5w9of8wnYR3SCBtotLfnrMLwx1KYp9hMKBAkeLitnxFhocB9NdiFlztNa1yUJsbB2lPN6M+NP904aA/Oc2HLBQ5VdBf45eGjZspOHAhgMbaTguHIsb0wulj4NJiwjRNnbtk1JPGJFYqITNgrHQTNk5/6HPsxPiGJ19HxxR1o1jNmAZ8v/jaPeImABlbaDmedna9qaN5BsvTGGmkM5ScZiZ4XQzDLeVRrI9Z9KCfkf0HxIbSYokZ/fMDhzz0FG9KGjbtqax/mIdCMU9A2moo03teHU3IyTUkdX/3/f/SVdwvjei/44gSY2bIcKBLLxTuvynLQBsGkfyL+VpGQevA+10ys2kkw5n5uuW+Z1L6d52mcqUKT6fLdnOPS5KEf2XBUly3TYN465AAmc774AU9e+YZJ1GpV5Tx6DS6GQuIN1WvaaXaXR9snZNOQPP3GpNPVPlZvaKrqANnttqejMrupK2bI69bxp6z7o1RmWp69QxvQ77GUfXocFsAF5ySplUp1ouY3rPqWV6tCHrUEtOMZNqJB06XYVqpkJ3/YK+uTho6Ig52quvm7p0QSKcciaRmP/Mf+a/P+MWzH4XTGYHmIvI0Mr5PbdrP94EeRFHFfLMCsSqCbTa8mqyGWAkMj62cnt5LXJzhgOsm85QvkBFxIfN+wHl204Ku5mSyB6KQM1REuqhkYjje8QUcyv/XAlxVhNc2XUqwzRCPDomflBZp3O7ALLFSrkWKFQZnTfO8YC5s8DKv5d6gM862HWFiuwA1WH5wTxrbXcft9DWrZuq3Ujp3uH97rGcZ5Lx7oiT1khGDu/jNV/G6yOZgqOYvetPqH+oNtst6XR/E2GfcTaz/2u5BHMXBJZAPGC8pIxWbW1tvF3hN8z/0vK+rUcPHt6/d/fO7/zKXZ2fATgFcJLScUrpCIc42B4SP7/jG5YHKa26tDEICWZDcZJUVnGcclE+lchy8fn6/F1/AvXb9b6fnhzN7d/l4ZIHV4WmZcCwmBBE5JZg8KzzW41+GMuTwsvDGSsR2Es7ftNBcCbytGuhIiuV2GKUTMIXWqAlpCzkKnWoJmxtKgzwvq2HD5T84fLh8vruic/rEVD0D+z6bA02J+N1Ppu0QaBIWHRQLMuq0WRlOgBcYL/v8bLpROaWX8AlnGTmtCvllCJ3VZWSUvbtz7/T6lsHUoMcD1fOm/e5eTvgzScDHsMNupZM7cFBWfNG9qrp4XV77HqakyNuxtSDf3HJJK0EbI40oLLi+BPMk7WqI6yt6rxe5t2YgwsXkNf5gBn9Kgl9U+BGYlU0g6gtPWih78LD4FDF2P0ld/prEi24z+uL+G37HekO89KhncdwSo6rEG9kAhPfKiG2mMUyxQIb0k3O3xds/C20AhhqWl5lxmr5OsQIRbGWPQQ6LA+mHMRakensvTg6QuyjH8/9Bcj99ajXg4Um5e+MaX9qcrxelqWIXIvK7xVeeXOgBipZug8KRQ626cSy5FVs9JIS6KdO/2Mb13vdoPUfkAZ5qASnjE3Msu9ZZGCFDyIVpMXIfvAkGjshckWOEwEIW1R2GP1mwdEM57YFiDuRH78CJRbaaeYM5WGa8qerbsUT9pWRXXEI0dH/Hw4Bj+V4M2ES7oyy94bRyGzF9yecWuTDO8M6sDlBqxN0MwSCI2K23ffIlthTgyVapNAmqH1e2bViYKGiKSxE5KPd02x/h/vQrTZHNM8bGvx3cWmsofHZVJI5IQhs9KrMFShWBtYFhX04oGObAQhSzCp0tuQnCGsjJnF5+mg6wpm53nuP20tOcLXL7AAD8HA3pp0PMMhMdAwHi3OhlXvxChUjHRiUKwnKPMZ8NB1PfPsGBbb3K6Hd6AVn2NfzzJ9uFVkFO74oLBxbHr5D+jFRtLsud95AM5uOxpNZDHJzRi8A99UOTsH9XVV4bJTIN1X+wHCwA76Mw9cAzdkEirOsPKYTeqBjrEpwxvJlumDKYKM+VBqCd9OMjo3PzpgqSyRton+PwMECndjeTRMz4dvOK3N7nOoKr8BLi+Z5XzYvbl8Hp5uTkXYncxvXLA30gk6rOYCmDLI8ID9V1bUpvPUR2YXC/vIScGgfvmofWrypXLfzotwQs1G3h65LqxJge79kIod2bkyXSzNzJgcDu3GK7iGboYBtH6HIXCjmPm/A8QmItSpXFawcLIEF2/sV+pHr9Qfera8lmAwDC0YjIOj2ricE/QOvocUqtYHIyigBKtkMwLLLqFV2SxM/6HG1UdaFOpthTfe4pA+SxKZN9AsLSlUQUaVOY6qNO1rfPiJbArdDFF5F5gAHDyGjg/KAO64WwcfVgjuuVq6QpBEw0IwsDP8TOb68YkGzxcw1tBAOaqqXwStsRmnGkCFdJoqwI7vDxeDh/PqJz+jlCIeltuM/Z2Fjss5nNKXjNSfkO+sRABFOAYO7C8CyhpZk5hzUA+PihCxVHgZMVaNPSCR0rY9QaHE3zR015SLkfLDSnc2X+1bZlPP5YGLbV1tJMM8LnT4MTnWl8L8T8EXujbJrCSJCixJgn5cbwquXCPBNlRFYGU/Gjm3uT6DC53mp03Ntif2XofMbboTBdOgAyd6j1YI1IqjRvkuNzkbTMY7UF9OUBQN2ZSebxxhsfULWdrVtb2kRmgtNrwfTLLv3X8cA46EDAjiM/NcxSPQxFO2Riu9N3qhnnl4csEZnt4EVHdyATQYK6L5aaFKYMoZfYQPvAsdeHtsdvnJRib9HACBVaXJ5VhaYjbpmI9z6IgkuMqB5XoNaHiJSxh1T/mJpSWPO6qpELHaPr7QFJZJ8OOUkK777tvNgcU7+0MATi4VBZladxhxh8O0zsr9laNt9hE7MdyreyR+0wrBErsbS9WYDb9Z53r5mTvtqfbu71qGRgwZK3RMmX5CNLWFqx9ihYdk9FWIx5yzIW5a5Yp7S9UaT6BmgL97hcKSFfpwkAZQr4oHs5oysC6Nt7EVkvuKb48tA0IZrIJ9OkQQfK0CID9s9Bh65c3KzOG7ARrVCEYxtOq1i5kx0iOnSI1RII1YRESmkSgxWUW8C7/ysLXceDv2RjGX45UaJXBHQd0ZXJD5DNpkowogNhe48+UIDYftIgQUINA1NGLVF+IqvqyWM6dwuSRL0sgUQuOQLDRedR6wy0Rx2qgvgSZxqIZ0CGwgJaWLBAmvZaKqJkcTTyYBaKjUcrDoDz39FYDZPlp1Iev7UMHiSK4U8e8oeCwNiyAIYu2lAYHIYvypxJgV01TTwtDhCU3DyxiowY5GdcA6F56c69/juD4vDWeKzRo9ALYnIdtYWzJ1OgcOk6V5bUIAeG4umlD1odhRlZE2QZXqFPLut2ef9gXE4qBK7OU3lXRWIgn1Vos8YT45iy9jbOZxOsnutnWYoC674ooVObXQCXj5D8B6vTRGED3EhUkEp7KY0aZXXz3JNRXq0lhFtUDAlBsfW93Rdcknq/Lnk+Vo7l00z5ZqB25NKpD78Ko+hdzz4/hVate/0dB4FvqV5EuePC2kiq2SlXdkJySlrmhqpYy08tb6eg0nOMieZO0Lb6vBpcei+2jFPZdC/rKIV1ifnobkQXZX4cTFld4dwlIRFCle0hGY7s+Cat27E3GMg/3BSST4v9FytUZi3vzHzdkixG0e3Tpj5qemdj0KFfecjMUsTGSXiUCj6+bpULM0DfhMnphPZWAtZIJ1PCEOrSkMlkNn/EfWucrkdTdpRIvJO1MPIvH/LSFMg4s8BX1nsjklSbWMn8iZQKE+LH1AK6zTWucCY8H3/XElBaZZvZJEEW7KhSmJP97ctuiasmjddmyLfdX60vtP8X//99d///mP+M/+Z/8x/5j/zn/nP/Gf+M/+Z/8x/5j/zn/nP/Gf+M/+Z/8x/5j/zn/nP/Gf+M/+Z//67r04r0FU39ZgaNdbQQl4FOrTaTBfoI6CbaBXaNrS1SmKzuqZWoG3KXFtTq3u34amc4Gqnr4+6S5VaSuz2ssWamqaprRW/rKzVFK2slWqttVXAraH3rJl5N1E0FFO9xRzqpayVwQ4A) no-repeat;
    background-size: 100% 100%
}

.cusAdPart .title[data-v-d3d463d6] {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px
}

.cusAdPart .img-box[data-v-d3d463d6] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
    height: 75px;
    flex-wrap: wrap;
    padding-top: 60px
}

.cusAdPart .img-box .cusPart-box-item[data-v-d3d463d6] {
    display: block;
    width: 50px;
    height: 50px
}

.cusAdPart .img-box img[data-v-d3d463d6] {
    width: 50px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%
}

.h5-container[data-v-550fc51b] {
    width: 100vw;
    background: url(../mainBg.85c2e394.png) no-repeat;
    background-size: 100%;
    overflow-y: scroll
}

.h5-container .c-logo[data-v-550fc51b] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-550fc51b] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container.adStyle[data-v-550fc51b] {
    background-size: 100% 100% !important
}

.h5-container .cusAdPart[data-v-550fc51b] {
    margin-bottom: 15px
}

.h5-container .content[data-v-550fc51b] {
    margin-bottom: 15px;
    width: 100%;
    height: 120px;
    text-align: center;
    margin-top: 20px
}

.h5-container .content .content-text[data-v-550fc51b] {
    width: 333px;
    height: 120px
}

.h5-container .btn[data-v-550fc51b] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .btn-flex[data-v-550fc51b] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-550fc51b] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-550fc51b] {
    width: 100%;
    margin: 20px auto;
    text-align: center
}

.h5-container .gif-container .gif-img[data-v-550fc51b] {
    display: block;
    margin: 0 auto 40px;
    width: 80%;
    border: 3px solid rgba(145, 55, 179, .9019607843)
}

.h5-container .chat-icon[data-v-550fc51b] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-550fc51b] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-550fc51b] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-550fc51b] {
    width: 100%
}

@media screen and (min-height:569px)and (max-height:667px) {
    .h5-container .c-logo[data-v-550fc51b] {
        width: 100%;
        height: 100px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-550fc51b] {
        margin-top: 18px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-550fc51b] {
        width: 100%;
        height: 120px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-550fc51b] {
        width: 250px;
        height: 120px
    }
}

@media screen and (max-height:568px) {
    .h5-container .c-logo[data-v-550fc51b] {
        width: 100%;
        height: 105px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-550fc51b] {
        margin-top: 22px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-550fc51b] {
        width: 100%;
        height: 100px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-550fc51b] {
        width: 225px;
        height: 100px
    }
}

@media screen and (min-device-width:768px)and (max-device-width:1023px) {
    .h5-container .c-logo[data-v-550fc51b] {
        width: 100%;
        height: 180px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-550fc51b] {
        margin-top: 30px;
        width: 300px;
        height: 106px
    }

    .h5-container .content[data-v-550fc51b] {
        width: 100%;
        height: 200px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-550fc51b] {
        width: 420px;
        height: 200px
    }

    .h5-container .btn .download-btn[data-v-550fc51b] {
        width: 230px;
        height: 60px
    }

    .h5-container .chat-icon[data-v-550fc51b] {
        margin-top: 30px;
        height: 40px;
        line-height: 40px
    }

    .h5-container .chat-icon .chat-my[data-v-550fc51b] {
        font-size: 18px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-550fc51b] {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-device-width:1024px)and (max-device-width:1367px) {
    .h5-container .c-logo[data-v-550fc51b] {
        width: 100%;
        height: 220px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-550fc51b] {
        margin-top: 40px;
        width: 380px;
        height: 140px
    }

    .h5-container .content[data-v-550fc51b] {
        width: 100%;
        height: 254px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-550fc51b] {
        width: 560px;
        height: 254px
    }

    .h5-container .btn .download-btn[data-v-550fc51b] {
        width: 300px;
        height: 90px
    }

    .h5-container .chat-icon[data-v-550fc51b] {
        margin-top: 50px;
        height: 60px;
        line-height: 60px
    }

    .h5-container .chat-icon .chat-my[data-v-550fc51b] {
        font-size: 24px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-550fc51b] {
        width: 60px;
        height: 60px
    }
}

.h5-container[data-v-7ae8737c] {
    width: 100vw;
    min-height: 100vh;
    background: url(../h5-ten-bg.aac3d0ed.png);
    background-size: 100%;
    overflow-y: scroll
}

.h5-container .ten-top[data-v-7ae8737c] {
    margin: 20px 0;
    text-align: center
}

.h5-container .ten-top>img[data-v-7ae8737c] {
    width: 150px
}

.h5-container .video-box[data-v-7ae8737c] {
    position: relative;
    margin: 30px auto 30px;
    width: 65%;
    height: 300px;
    text-align: center;
    overflow: hidden;
    border: 2px solid rgba(145, 55, 179, .9019607843)
}

.h5-container .video-box .video[data-v-7ae8737c] {
    box-sizing: border-box;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: center;
    object-position: center
}

.h5-container .video-box .play-btn[data-v-7ae8737c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%
}

.h5-container .video-box .play-btn .play-btn-box[data-v-7ae8737c] {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.h5-container .video-box .play-btn .play-btn-box .play[data-v-7ae8737c] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 38px;
    height: 38px;
    transform: translate(-50%, -50%)
}

.h5-container .video-box>img[data-v-7ae8737c] {
    width: 100%;
    height: 100%
}

.h5-container .video-box-second[data-v-7ae8737c] {
    width: 90%;
    height: 200px
}

.h5-container .ten-btn[data-v-7ae8737c] {
    display: flex;
    align-items: center
}

.h5-container .ten-bottom-img[data-v-7ae8737c] {
    margin: 0 auto;
    width: 100%
}

.h5-container .ten-bottom-img>img[data-v-7ae8737c] {
    width: 100%
}

.h5-container[data-v-8bb482e8] {
    width: 100vw;
    background: url(../h5-bg-2.7e423e48.jpg) no-repeat;
    background-size: 100%;
    overflow-y: scroll
}

.h5-container .c-logo[data-v-8bb482e8] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-8bb482e8] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container .content[data-v-8bb482e8] {
    margin-bottom: 15px;
    width: 100%;
    height: 120px;
    text-align: center
}

.h5-container .content .content-text[data-v-8bb482e8] {
    width: 333px;
    height: 120px
}

.h5-container .btn[data-v-8bb482e8] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .btn-flex[data-v-8bb482e8] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-8bb482e8] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-8bb482e8] {
    width: 100%;
    margin: 20px auto;
    text-align: center
}

.h5-container .gif-container .gif-img[data-v-8bb482e8] {
    display: block;
    margin: 0 auto 40px;
    width: 80%;
    border: 3px solid rgba(145, 55, 179, .9019607843)
}

.h5-container .chat-icon[data-v-8bb482e8] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-8bb482e8] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-8bb482e8] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-8bb482e8] {
    width: 100%
}

.h5-container .buttom-download[data-v-8bb482e8] {
    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)
}

.h5-container .buttom-download .left .logo[data-v-8bb482e8] {
    float: left;
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    border-radius: 5px
}

.h5-container .buttom-download .left .left-title[data-v-8bb482e8] {
    float: left;
    margin-top: 2.5px;
    margin-left: 10px;
    color: hsla(0, 0%, 100%, .7803921569)
}

.h5-container .buttom-download .left .left-title>li[data-v-8bb482e8] {
    font-size: 12px
}

.h5-container .buttom-download .left .left-title .title[data-v-8bb482e8] {
    font-size: 16px
}

.h5-container .buttom-download .right .button[data-v-8bb482e8] {
    display: block;
    margin: 4.5px auto 4.5px;
    width: 120px;
    height: 35px;
    outline: none;
    border: 1px solid transparent
}

.h5-container .buttom-download .right .btn-android[data-v-8bb482e8] {
    background: url(../icon-android.d76f9efe.png) no-repeat;
    background-size: 100% 100%
}

.h5-container .buttom-download .right .btn-ios[data-v-8bb482e8] {
    background: url(../icon-ios.3d8f744e.png) no-repeat;
    background-size: 100% 100%
}

@media screen and (min-height:569px)and (max-height:667px) {
    .h5-container .c-logo[data-v-8bb482e8] {
        width: 100%;
        height: 100px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-8bb482e8] {
        margin-top: 18px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-8bb482e8] {
        width: 100%;
        height: 120px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-8bb482e8] {
        width: 250px;
        height: 120px
    }
}

@media screen and (max-height:568px) {
    .h5-container .c-logo[data-v-8bb482e8] {
        width: 100%;
        height: 105px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-8bb482e8] {
        margin-top: 22px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-8bb482e8] {
        width: 100%;
        height: 100px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-8bb482e8] {
        width: 225px;
        height: 100px
    }
}

@media screen and (min-device-width:768px)and (max-device-width:1023px) {
    .h5-container .c-logo[data-v-8bb482e8] {
        width: 100%;
        height: 180px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-8bb482e8] {
        margin-top: 30px;
        width: 300px;
        height: 106px
    }

    .h5-container .content[data-v-8bb482e8] {
        width: 100%;
        height: 200px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-8bb482e8] {
        width: 420px;
        height: 200px
    }

    .h5-container .btn .download-btn[data-v-8bb482e8] {
        width: 230px;
        height: 60px
    }

    .h5-container .chat-icon[data-v-8bb482e8] {
        margin-top: 30px;
        height: 40px;
        line-height: 40px
    }

    .h5-container .chat-icon .chat-my[data-v-8bb482e8] {
        font-size: 18px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-8bb482e8] {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-device-width:1024px)and (max-device-width:1367px) {
    .h5-container .c-logo[data-v-8bb482e8] {
        width: 100%;
        height: 220px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-8bb482e8] {
        margin-top: 40px;
        width: 380px;
        height: 140px
    }

    .h5-container .content[data-v-8bb482e8] {
        width: 100%;
        height: 254px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-8bb482e8] {
        width: 560px;
        height: 254px
    }

    .h5-container .btn .download-btn[data-v-8bb482e8] {
        width: 300px;
        height: 90px
    }

    .h5-container .chat-icon[data-v-8bb482e8] {
        margin-top: 50px;
        height: 60px;
        line-height: 60px
    }

    .h5-container .chat-icon .chat-my[data-v-8bb482e8] {
        font-size: 24px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-8bb482e8] {
        width: 60px;
        height: 60px
    }
}

.h5-container[data-v-346c635f] {
    width: 100%;
    height: 100vh
}

.h5-container .download[data-v-346c635f] {
    background: url(../bg_tth.56baaacf.jpeg) no-repeat 0 0;
    background-size: auto 100%;
    height: 100%;
    animation: bg-data-v-8175861c-346c635f 20s linear infinite
}

.h5-container .download .wrap[data-v-346c635f] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, .3) no-repeat 0 0;
    background-size: 100% 100%
}

.h5-container .download .wrap .down-box[data-v-346c635f] {
    width: 100%
}

.h5-container .download .cc[data-v-346c635f] {
    font-weight: 700;
    font-size: .55rem;
    height: 3rem;
    color: #fff;
    padding: 1rem;
    margin-bottom: 40px
}

.h5-container .download .cc span[data-v-346c635f]:last-child {
    margin-left: .2rem
}

.h5-container .download .fill[data-v-346c635f] {
    height: 0;
    flex-grow: 1
}

.h5-container .download .btm-text[data-v-346c635f] {
    text-align: center;
    color: hsla(0, 0%, 100%, .5882352941);
    line-height: .6;
    font-size: 12px
}

.h5-container .download .fill[data-v-346c635f]:first-child {
    height: 2rem
}

.h5-container .download img.live-kf[data-v-346c635f] {
    height: 1.5rem
}

.h5-container .download img.live-kf[src=""][data-v-346c635f] {
    opacity: 0;
    height: 0
}

.h5-container .download img.logo[data-v-346c635f] {
    width: 7rem;
    flex-shrink: 0;
    border-radius: 5px
}

.h5-container .download div.title[data-v-346c635f] {
    flex-shrink: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    padding: 1rem 0
}

.h5-container .download img.down-img[data-v-346c635f] {
    width: 19rem;
    flex-shrink: 0
}

.h5-container .download div.downs[data-v-346c635f] {
    display: flex;
    flex-shrink: 0
}

.h5-container .ios[data-v-346c635f] {
    margin-top: 25px
}

.h5-container .download div.downs img[data-v-346c635f] {
    width: 4.5rem;
    height: 4.5rem
}

.h5-container .download div.downs img[data-v-346c635f]:first-child {
    margin-right: 1.22rem
}

.h5-container .download img.des[data-v-346c635f] {
    width: 15rem;
    flex-shrink: 0
}

@keyframes bg-data-v-8175861c-346c635f {

    0%,
    to {
        background-position-x: 0
    }

    50% {
        background-position-x: 100%
    }
}

.h5-container[data-v-784fa9b2] {
    width: 100%;
    height: 100vh;
    background: #fff
}

.h5-container .head[data-v-784fa9b2] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 66px;
    background: #f5f5f5
}

.h5-container .head .l[data-v-784fa9b2] {
    width: 54px;
    height: 54px;
    border-radius: 5px
}

.h5-container .head .m>p[data-v-784fa9b2] {
    margin: 0
}

.h5-container .head .m .t[data-v-784fa9b2] {
    font-size: 16px;
    color: #181818
}

.h5-container .head .m .b[data-v-784fa9b2] {
    font-size: 12px;
    color: #666
}

.h5-container .head .r[data-v-784fa9b2] {
    border-radius: 24px;
    background-color: #4187ff;
    color: #fff;
    font-size: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    line-height: 42px;
    text-align: center;
    padding: 0 20px;
    min-width: 88px;
    box-sizing: border-box;
    animation: pulse-3a4051d6-784fa9b2 2s;
    animation-iteration-count: infinite
}

.h5-container .video-box>video[data-v-784fa9b2],
.h5-container .video-box[data-v-784fa9b2] {
    width: 100%
}

.h5-container .button[data-v-784fa9b2] {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    background-color: #4187ff;
    border-radius: 25px;
    width: 100%;
    line-height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    animation: pulse-3a4051d6-784fa9b2 2s;
    animation-iteration-count: infinite
}

.h5-container .show-img[data-v-784fa9b2] {
    width: 100%
}

.h5-container .bottom[data-v-784fa9b2] {
    padding: 20px 0
}

@keyframes pulse-3a4051d6-784fa9b2 {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        transform: scaleX(1)
    }
}

.h5-container[data-v-0ecab15b] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100vh;
    background: url(../bg-1.30938da6.png) no-repeat;
    background-size: 100%
}

.h5-container .c-button[data-v-0ecab15b] {
    margin: 10px auto 140px;
    width: 150px;
    height: 50px
}

.h5-container .c-button>button[data-v-0ecab15b] {
    width: 100%;
    height: 100%;
    border: none
}

.h5-container .c-button .ios[data-v-0ecab15b] {
    background: url(../ios.a59f489c.png) no-repeat;
    background-size: 100% 100%
}

.h5-container .c-button .android[data-v-0ecab15b] {
    background: url(../android.21fe8bea.png) no-repeat;
    background-size: 100% 100%
}

.h5-container .c-button.adStyle[data-v-0ecab15b] {
    margin-bottom: 60px !important
}

.bg-1[data-v-0ecab15b] {
    background: url(../bg-1.30938da6.png) no-repeat;
    background-size: 100%
}

.bg-2[data-v-0ecab15b] {
    background: url(../bg-2.97acbc8d.jpg) no-repeat;
    background-size: 100%
}

.bg-3[data-v-0ecab15b] {
    background: url(../bg-3.6a676cbc.jpg) no-repeat;
    background-size: 100%
}

.hezuoPng[data-v-0ecab15b] {
    right: 90px
}

.customer[data-v-0ecab15b],
.hezuoPng[data-v-0ecab15b] {
    width: 54px;
    height: 54px;
    -o-object-fit: contain;
    object-fit: contain;
    position: fixed;
    top: 20px
}

.customer[data-v-0ecab15b] {
    right: 20px
}

.cusBtn_container[data-v-1502c9e2] {
    position: fixed;
    bottom: 0;
    background: url(../01-7-2.5a437fde.gif) no-repeat 50%;
    background-size: 100% 100%;
    height: 70px;
    box-sizing: border-box;
    width: 100%
}

.cusBtn_container .button-container[data-v-1502c9e2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-top: 27px;
    box-sizing: border-box
}

.cusBtn_container .button-container .btn_item[data-v-1502c9e2] {
    width: 120px;
    display: flex;
    flex-direction: row
}

.cusBtn_container .button-container .btn_item .download-btn[data-v-1502c9e2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 12px;
    margin: 0;
    background-color: #ff0081;
    background-image: none;
    color: #fff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 2px 25px rgba(233, 30, 99, .5);
    outline: 0;
    transition: transform .1s ease-in, background-color .1s ease-in, box-shadow .25s ease-in
}

.cusBtn_container .button-container .btn_item .download-btn .icon-android[data-v-1502c9e2],
.cusBtn_container .button-container .btn_item .download-btn .icon-ios[data-v-1502c9e2] {
    width: 12px;
    height: 15px
}

.cusBtn_container .button-container .btn_item .download-btn[data-v-1502c9e2]:before {
    position: absolute;
    content: "";
    left: -2em;
    right: -2em;
    top: -2em;
    bottom: -2em;
    pointer-events: none;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0), radial-gradient(circle, #ff0081 20%, transparent 0);
    background-position: 5% 44%, -5% 20%, 7% 5%, 23% 0, 37% 0, 58% -2%, 80% 0, 100% -2%, -5% 80%, 100% 55%, 2% 100%, 23% 100%, 42% 100%, 60% 95%, 70% 96%, 100% 100%;
    background-size: 0 0;
    transition: background-position .5s ease-in-out, background-size .75s ease-in-out
}

.cusBtn_container .button-container .btn_item .download-btn[data-v-1502c9e2]:active:before {
    transition: 0s;
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%, 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    background-position: 18% 40%, 20% 31%, 30% 30%, 40% 30%, 50% 30%, 57% 30%, 65% 30%, 80% 32%, 15% 60%, 83% 60%, 18% 70%, 25% 70%, 41% 70%, 50% 70%, 64% 70%, 80% 71%
}

.h5-container[data-v-883c847a] {
    width: 100vw;
    background-size: 100%;
    overflow-y: scroll
}

.h5-container .c-logo[data-v-883c847a] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-883c847a] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container .content[data-v-883c847a] {
    margin-bottom: 15px;
    width: 100%;
    height: 120px;
    text-align: center
}

.h5-container .content .content-text[data-v-883c847a] {
    width: 333px;
    height: 120px
}

.h5-container .btn[data-v-883c847a] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .btn-flex[data-v-883c847a] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-883c847a] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-883c847a] {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 125px;
    text-align: center;
    overflow-x: hidden
}

.h5-container .gif-container .gif-img[data-v-883c847a] {
    display: block;
    margin: 0 auto;
    width: 100%
}

.h5-container .gif-container .img-first[data-v-883c847a] {
    position: fixed;
    top: 0
}

.h5-container .gif-container .img-last[data-v-883c847a] {
    position: fixed;
    bottom: 70px
}

.h5-container .adStyle[data-v-883c847a] {
    margin-bottom: 10px !important
}

.h5-container .cusAdPart[data-v-883c847a] {
    margin-bottom: 135px
}

.h5-container .chat-icon[data-v-883c847a] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-883c847a] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-883c847a] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-883c847a] {
    width: 100%
}

@media screen and (min-height:569px)and (max-height:667px) {
    .h5-container .c-logo[data-v-883c847a] {
        width: 100%;
        height: 100px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-883c847a] {
        margin-top: 18px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-883c847a] {
        width: 100%;
        height: 120px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-883c847a] {
        width: 250px;
        height: 120px
    }
}

@media screen and (max-height:568px) {
    .h5-container .c-logo[data-v-883c847a] {
        width: 100%;
        height: 105px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-883c847a] {
        margin-top: 22px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-883c847a] {
        width: 100%;
        height: 100px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-883c847a] {
        width: 225px;
        height: 100px
    }
}

@media screen and (min-device-width:768px)and (max-device-width:1023px) {
    .h5-container .c-logo[data-v-883c847a] {
        width: 100%;
        height: 180px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-883c847a] {
        margin-top: 30px;
        width: 300px;
        height: 106px
    }

    .h5-container .content[data-v-883c847a] {
        width: 100%;
        height: 200px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-883c847a] {
        width: 420px;
        height: 200px
    }

    .h5-container .btn .download-btn[data-v-883c847a] {
        width: 230px;
        height: 60px
    }

    .h5-container .chat-icon[data-v-883c847a] {
        margin-top: 30px;
        height: 40px;
        line-height: 40px
    }

    .h5-container .chat-icon .chat-my[data-v-883c847a] {
        font-size: 18px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-883c847a] {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-device-width:1024px)and (max-device-width:1367px) {
    .h5-container .c-logo[data-v-883c847a] {
        width: 100%;
        height: 220px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-883c847a] {
        margin-top: 40px;
        width: 380px;
        height: 140px
    }

    .h5-container .content[data-v-883c847a] {
        width: 100%;
        height: 254px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-883c847a] {
        width: 560px;
        height: 254px
    }

    .h5-container .btn .download-btn[data-v-883c847a] {
        width: 300px;
        height: 90px
    }

    .h5-container .chat-icon[data-v-883c847a] {
        margin-top: 50px;
        height: 60px;
        line-height: 60px
    }

    .h5-container .chat-icon .chat-my[data-v-883c847a] {
        font-size: 24px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-883c847a] {
        width: 60px;
        height: 60px
    }
}

.hezuoPng[data-v-883c847a] {
    position: fixed;
    right: 10px;
    top: 60%;
    width: 50px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

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

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

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

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

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

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

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

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

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

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

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

.index-container .container .title[data-v-7c7f3466] {
    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-7c7f3466] {
    padding: 0 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-around
}

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

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

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

.index-container .container .app-box .item .item-name[data-v-7c7f3466] {
    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-7c7f3466] {
    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-7c7f3466]:nth-child(4n) {
    margin-right: 0
}

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

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

.index-container .bottomArea .gameInfoList[data-v-7c7f3466] {
    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-7c7f3466] {
    width: 14%;
    height: 45px;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-height:704px) {

    .index-btn-bottom[data-v-7c7f3466],
    .sloganText[data-v-7c7f3466] {
        margin: 0 auto !important
    }
}

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

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

.h5-container[data-v-429410ca] {
    width: 100vw;
    background: url(../h5-bg-2.7e423e48.jpg) no-repeat;
    background-size: 100%;
    overflow-y: scroll
}

.h5-container .c-logo[data-v-429410ca] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-429410ca] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container .content[data-v-429410ca] {
    margin-bottom: 15px;
    width: 100%;
    height: 120px;
    text-align: center
}

.h5-container .content .content-text[data-v-429410ca] {
    width: 333px;
    height: 120px
}

.h5-container .btn[data-v-429410ca] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .btn-flex[data-v-429410ca] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-429410ca] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-429410ca] {
    width: 100%;
    margin: 20px auto;
    text-align: center
}

.h5-container .gif-container .gif-img[data-v-429410ca] {
    display: block;
    margin: 0 auto 40px;
    width: 80%;
    border: 3px solid rgba(145, 55, 179, .9019607843)
}

.h5-container .chat-icon[data-v-429410ca] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-429410ca] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-429410ca] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-429410ca] {
    width: 100%
}

@media screen and (min-height:569px)and (max-height:667px) {
    .h5-container .c-logo[data-v-429410ca] {
        width: 100%;
        height: 100px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-429410ca] {
        margin-top: 18px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-429410ca] {
        width: 100%;
        height: 120px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-429410ca] {
        width: 250px;
        height: 120px
    }
}

@media screen and (max-height:568px) {
    .h5-container .c-logo[data-v-429410ca] {
        width: 100%;
        height: 105px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-429410ca] {
        margin-top: 22px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-429410ca] {
        width: 100%;
        height: 100px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-429410ca] {
        width: 225px;
        height: 100px
    }
}

@media screen and (min-device-width:768px)and (max-device-width:1023px) {
    .h5-container .c-logo[data-v-429410ca] {
        width: 100%;
        height: 180px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-429410ca] {
        margin-top: 30px;
        width: 300px;
        height: 106px
    }

    .h5-container .content[data-v-429410ca] {
        width: 100%;
        height: 200px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-429410ca] {
        width: 420px;
        height: 200px
    }

    .h5-container .btn .download-btn[data-v-429410ca] {
        width: 230px;
        height: 60px
    }

    .h5-container .chat-icon[data-v-429410ca] {
        margin-top: 30px;
        height: 40px;
        line-height: 40px
    }

    .h5-container .chat-icon .chat-my[data-v-429410ca] {
        font-size: 18px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-429410ca] {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-device-width:1024px)and (max-device-width:1367px) {
    .h5-container .c-logo[data-v-429410ca] {
        width: 100%;
        height: 220px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-429410ca] {
        margin-top: 40px;
        width: 380px;
        height: 140px
    }

    .h5-container .content[data-v-429410ca] {
        width: 100%;
        height: 254px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-429410ca] {
        width: 560px;
        height: 254px
    }

    .h5-container .btn .download-btn[data-v-429410ca] {
        width: 300px;
        height: 90px
    }

    .h5-container .chat-icon[data-v-429410ca] {
        margin-top: 50px;
        height: 60px;
        line-height: 60px
    }

    .h5-container .chat-icon .chat-my[data-v-429410ca] {
        font-size: 24px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-429410ca] {
        width: 60px;
        height: 60px
    }
}

.h5-container[data-v-944a634e] {
    width: 100vw;
    background: url(../bg.39c9b2d0.jpg) no-repeat;
    background-size: 100% 100%;
    overflow-y: scroll
}

.h5-container .c-logo[data-v-944a634e] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-944a634e] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container .cusAdPart[data-v-944a634e] {
    margin-top: 20px
}

.h5-container .content[data-v-944a634e] {
    margin-bottom: 15px;
    width: 100%;
    height: 120px;
    text-align: center
}

.h5-container .content .content-text[data-v-944a634e] {
    width: 333px;
    height: 160px
}

.h5-container .btn[data-v-944a634e] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .c-button[data-v-944a634e] {
    padding-top: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.h5-container .downloadBtn[data-v-944a634e] {
    width: 200px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px
}

.h5-container .btn-flex[data-v-944a634e] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-944a634e] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-944a634e] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 50px
}

.h5-container .gif-container .gif-img[data-v-944a634e] {
    width: 40%
}

.h5-container .chat-icon[data-v-944a634e] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-944a634e] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-944a634e] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-944a634e] {
    width: 100%
}

.h5-container .buttom-download[data-v-944a634e] {
    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)
}

.h5-container .buttom-download .left .logo[data-v-944a634e] {
    float: left;
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    border-radius: 5px
}

.h5-container .buttom-download .left .left-title[data-v-944a634e] {
    float: left;
    margin-top: 2.5px;
    margin-left: 10px;
    color: hsla(0, 0%, 100%, .7803921569)
}

.h5-container .buttom-download .left .left-title>li[data-v-944a634e] {
    font-size: 12px
}

.h5-container .buttom-download .left .left-title .title[data-v-944a634e] {
    font-size: 16px
}

.h5-container .buttom-download .right .button[data-v-944a634e] {
    display: block;
    margin: 4.5px auto 4.5px;
    width: 120px;
    height: 35px;
    outline: none;
    border: 1px solid transparent
}

.h5-container .buttom-download .right .btn-android[data-v-944a634e] {
    background: url(../icon-android.d76f9efe.png) no-repeat;
    background-size: 100% 100%
}

.h5-container .buttom-download .right .btn-ios[data-v-944a634e] {
    background: url(../icon-ios.3d8f744e.png) no-repeat;
    background-size: 100% 100%
}

@media screen and (min-height:569px)and (max-height:667px) {
    .h5-container .c-logo[data-v-944a634e] {
        width: 100%;
        height: 100px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-944a634e] {
        margin-top: 18px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-944a634e] {
        width: 100%;
        height: 120px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-944a634e] {
        width: 250px;
        height: 120px
    }
}

@media screen and (max-height:568px) {
    .h5-container .c-logo[data-v-944a634e] {
        width: 100%;
        height: 105px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-944a634e] {
        margin-top: 22px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-944a634e] {
        width: 100%;
        height: 100px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-944a634e] {
        width: 225px;
        height: 100px
    }
}

@media screen and (min-device-width:768px)and (max-device-width:1023px) {
    .h5-container .c-logo[data-v-944a634e] {
        width: 100%;
        height: 180px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-944a634e] {
        margin-top: 30px;
        width: 300px;
        height: 106px
    }

    .h5-container .content[data-v-944a634e] {
        width: 100%;
        height: 200px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-944a634e] {
        width: 420px;
        height: 200px
    }

    .h5-container .btn .download-btn[data-v-944a634e] {
        width: 230px;
        height: 60px
    }

    .h5-container .chat-icon[data-v-944a634e] {
        margin-top: 30px;
        height: 40px;
        line-height: 40px
    }

    .h5-container .chat-icon .chat-my[data-v-944a634e] {
        font-size: 18px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-944a634e] {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-device-width:1024px)and (max-device-width:1367px) {
    .h5-container .c-logo[data-v-944a634e] {
        width: 100%;
        height: 220px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-944a634e] {
        margin-top: 40px;
        width: 380px;
        height: 140px
    }

    .h5-container .content[data-v-944a634e] {
        width: 100%;
        height: 254px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-944a634e] {
        width: 560px;
        height: 254px
    }

    .h5-container .btn .download-btn[data-v-944a634e] {
        width: 300px;
        height: 90px
    }

    .h5-container .chat-icon[data-v-944a634e] {
        margin-top: 50px;
        height: 60px;
        line-height: 60px
    }

    .h5-container .chat-icon .chat-my[data-v-944a634e] {
        font-size: 24px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-944a634e] {
        width: 60px;
        height: 60px
    }
}

.container {
    position: fixed;
    width: 100vw;
    height: 100vh
}

.container .video-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.container .video-container .video {
    width: 100%;
    height: 100%
}

.container .mask-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(hsla(0, 0%, 93.7%, 0) 50%, rgba(0, 0, 0, .768627451))
}

.container .mask-layer .mask-layer-container {
    position: relative;
    width: 100%;
    height: 100%
}

.container .mask-layer .mask-layer-container .layer-top {
    padding: 0 28px 0 37px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    box-sizing: border-box
}

.container .mask-layer .mask-layer-container .layer-top .top-logo {
    width: 210px;
    height: 80px;
    margin-top: 7.5px
}

.container .mask-layer .mask-layer-container .layer-top .top-text {
    float: right;
    margin: 0;
    font-family: PingFangSC;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    color: hsla(0, 0%, 100%, .6)
}

.container .mask-layer .mask-layer-container .layer-content {
    margin-top: 240px;
    margin-left: 164px;
    width: 484px;
    min-height: 300px
}

.container .mask-layer .mask-layer-container .layer-content .content-text {
    width: 100%;
    height: 120px
}

.container .mask-layer .mask-layer-container .layer-content .content-btn-box {
    margin: 30px 0;
    width: 100%;
    height: 36px
}

.container .mask-layer .mask-layer-container .layer-content .content-btn-box .content-btn {
    position: relative;
    float: left
}

.container .mask-layer .mask-layer-container .layer-content .content-btn-box .content-btn .btn {
    width: 132px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0;
    padding: 0;
    outline: none;
    border: 1px solid transparent;
    cursor: pointer
}

.container .mask-layer .mask-layer-container .layer-content .content-btn-box .content-btn .btn-android {
    background: url(../icon-android.d76f9efe.png) no-repeat;
    background-size: 100% 100%
}

.container .mask-layer .mask-layer-container .layer-content .content-btn-box .content-btn .btn-ios {
    background: url(../icon-ios.3d8f744e.png) no-repeat;
    background-size: 100% 100%
}

.container .mask-layer .mask-layer-container .layer-content .content-btn-box .content-btn .btn-code {
    margin-left: 12px;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.container .mask-layer .mask-layer-container .layer-content .content-btn-box .content-btn .show-code {
    position: absolute;
    top: 40px;
    right: -37px;
    width: 110px;
    height: 120px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADwCAYAAABrNArMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7BJREFUeNrs3MFKVFEcx/EZx6Z3SEHNNkG7Vi17gxG0pyiiFvkGQblp01NYaU9gD1BEEbRRMEh8gFrUmN3+h86FiyREes/MNJ8P/NAuA8WRb3fU0W5VVR0mymxsLnYQ++E4JsuMI5goi7F3sf38dtGRTJauO9xExfYqttC4lsK7md/iDkeLsTWvu9MJjpZjqy2ITnCUiU10gqNwbKITHIVjE53gKByb6ARH4dhEJzgKxyY6wVE4NtEJjsKxiU5wFI7tZHRLjlxwYisj/T07ohOc2MoRneCmztKIYhOd4KYytp0RxiY6wYlNdNPDD6CW+4/tQ+zqGP7bPsauxX76MI0uuH5skHcjdilfA/7sa+xz7G1sK/YyNvyb4FZij2NXnCH8s93YeuzFaZ/D9WKP8gPEBmeTGnqem+rVF2cbD3gYe+Cc4FzVTa03n1KuxjadDbRmLfYsBZe+GLIXm3cm0Jr0i3svz+TyxAbtSr8t+1YKbuAsoIhBekq53xmfVz/A/+xTCu5bvHPRWUDrhik4r+2CQrx4GQQHggMEB4IDBAeCA8EBggPBAYIDwYHgAMGB4ADBgeAAwYHgQHCA4EBwgOBAcCA4QHAgOEBwIDhAcCA4EBwgOBAcIDgQHAgOEBwIDhAcCA4QHAgOBAcIDgQHCA4EB4IDBAeCAwQHggPBAYIDwQGCA8EBggPBgeAAwYHgAMGB4EBwgOBAcIDgQHCA4EBwIDhAcCA4QHAgOBAcIDgQHCA4EBwgOBAcCA4QHAgOEBwIDgQHCA4EBwgOBAeCAwQHggMEB4IDBAeCA8EBggPBAYIDwYHgAMGB4ADBgeAAwYHgQHCA4EBwgOBAcCA4QHAgOEBwIDhAcCA4EBwgOBAcIDgQHAgOEBwIDhAcCA4EBwgOBAcIDgQHCA4EB4IDBAeCAwQHggPBAYIDwQGCA8EBggPBgeAAwYHgAMGB4EBwgOBAcIDgQHCA4EBwIDhAcCA4QHAgOBAcIDgQHCA4EBwIDhAcCA4QHAgOEBwIDgQHCA4EBwgOBAeCAwQHggMEB4IDBAeCA8EBggPBAYKDsQrui2OAIoYpuEPnAEUcpuDeOwco4nUKbts5QBHb3aqq+vHOXmzeeUBrDmLL6Q43jN13HtCqe7Hv9bcFNmMbzgRasZEb66SnlPXFXuxJ7LbzgXPzNHY3dpz+0PzGd7pwJ7Ya23VOcCapobV8AzuuLzbvcE39/OCV2PXYXOyCM4RTHXV+f2HkTWwrP4UcnnzQLwEGAOfYh47WNwgfAAAAAElFTkSuQmCC) bottom no-repeat;
    background-size: 100% 100%
}

.container .mask-layer .mask-layer-container .layer-content .content-b-text {
    color: hsla(0, 0%, 100%, .6)
}

.h5-container[data-v-bdf967b4] {
    width: 100vw;
    height: 100vh;
    background: url(../h5-bg.e21e4779.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-40158a5a] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7215686275)
}

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

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

.mask .mask-side .mask-position .mask-container[data-v-40158a5a] {
    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-40158a5a] {
    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-40158a5a] {
    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-40158a5a] {
    width: 100%;
    height: 170px;
    border-radius: 5px;
    overflow: hidden
}

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

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

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

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

.mask .mask-side .mask-position .mask-container .app-container .app-container-header[data-v-40158a5a] {
    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-40158a5a] {
    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-40158a5a] {
    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-40158a5a] {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

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

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

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

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .middle .title[data-v-40158a5a] {
    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-40158a5a] {
    font-size: 10px
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .middle .desc[data-v-40158a5a] {
    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-40158a5a] {
    width: 80px
}

.mask .mask-side .mask-position .mask-container .app-container .app-list .app-item .right>p[data-v-40158a5a] {
    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-40158a5a]:after {
    min-height: calc(100% + 1px)
}

.mask .mask-side .mask-position .mask-container .app-container .app-list[data-v-40158a5a]::-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
}

.page-header[data-v-1900a6d6] {
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    width: 100%;
    min-height: 75px;
    padding: 0 20px;
    box-sizing: border-box
}

.page-header .left .logo[data-v-1900a6d6] {
    width: 150px;
    height: auto
}

.page-header .left .android_logo[data-v-1900a6d6] {
    -o-object-fit: contain;
    object-fit: contain;
    height: 75px;
    width: 75px
}

.page-header .right[data-v-1900a6d6] {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.page-header .right .icon-box[data-v-1900a6d6] {
    margin-left: 15px
}

.page-header .right .icon-box .icon[data-v-1900a6d6] {
    width: 54px;
    height: 54px
}

.page-header .right .icon-box .icon-name[data-v-1900a6d6] {
    margin: 0;
    font-size: 12px;
    color: #c6c5dc;
    text-align: center
}

.page-header .right[data-v-1900a6d6] {
    position: absolute;
    top: 5%;
    right: 0;
    z-index: 9999
}

.page-header .right .icon-box .icon[data-v-1900a6d6] {
    width: 70px !important;
    height: auto
}

.h5-text06[data-v-1900a6d6] {
    -webkit-animation-name: xing-1900a6d6;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    width: 100%;
    position: absolute;
    bottom: 10%;
    right: 0;
    z-index: 99
}

@keyframes xing-1900a6d6 {
    0% {
        transform: scale(.9)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    75% {
        transform: scale(1)
    }

    to {
        transform: scale(.9)
    }
}

.my_xing[data-v-1900a6d6] {
    -webkit-animation-name: xing-1900a6d6;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s
}

@keyframes xing1-1900a6d6 {
    0% {
        transform: scale(.96)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(.96)
    }

    75% {
        transform: scale(1)
    }

    to {
        transform: scale(.96)
    }
}

.mn[data-v-1900a6d6] {
    -webkit-animation-name: xing1-1900a6d6;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s
}

.h5-container[data-v-80910f7c] {
    width: 100vw;
    max-width: 550px;
    min-height: 100vh;
    background: url(https://me408vh.hte268.com/newImgJs/fourTime-live/1.js) no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.h5-container .c-logo[data-v-80910f7c] {
    width: 100%;
    height: 80px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-80910f7c] {
    margin-top: 10px;
    width: 158px;
    height: 63px
}

.h5-container .content[data-v-80910f7c] {
    width: 100%;
    text-align: center
}

.h5-container .content .content-text[data-v-80910f7c] {
    width: 285px;
    height: 100%
}

.h5-container .video-box[data-v-80910f7c] {
    position: relative;
    margin: 30px auto 30px;
    width: 90%;
    height: 190px;
    text-align: center;
    overflow: hidden;
    border: 5px solid rgba(145, 55, 179, .9019607843)
}

.h5-container .video-box .video[data-v-80910f7c] {
    box-sizing: border-box;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: center;
    object-position: center
}

.h5-container .video-box .play-btn[data-v-80910f7c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%
}

.h5-container .video-box .play-btn .play-btn-box[data-v-80910f7c] {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.h5-container .video-box .play-btn .play-btn-box .play[data-v-80910f7c] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 38px;
    height: 38px;
    transform: translate(-50%, -50%)
}

.h5-container .btn[data-v-80910f7c] {
    width: 100%;
    text-align: center
}

.h5-container .chat-icon[data-v-80910f7c] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-80910f7c] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-80910f7c] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

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

.h5-container .mask .mask-side[data-v-80910f7c] {
    position: relative;
    width: 100%;
    height: 100%
}

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

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

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

.h5-container .mask .mask-side .mask-position .mask-container .mask-title[data-v-80910f7c] {
    margin: 0;
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    border-bottom: 1px solid #f9f9f9
}

.h5-container .mask .mask-side .mask-position .mask-container .mask-content[data-v-80910f7c] {
    margin-top: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 32px;
    padding: 0 20px
}

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

.h5-container .mask .mask-side .mask-position .mask-container .mask-btn[data-v-80910f7c] {
    position: absolute;
    bottom: 30px;
    left: 50%;
    padding: 0;
    margin: 0;
    width: 190px;
    height: 48px;
    transform: translateX(-50%);
    color: #fff;
    border: none;
    outline: none;
    border-radius: 30px;
    background-image: linear-gradient(-90deg, #9226ff, #ff30f8)
}

.cusContent[data-v-80910f7c] {
    height: auto !important;
    position: absolute;
    bottom: 0;
    padding-bottom: 50px
}

.cusContent.adStyle[data-v-80910f7c] {
    padding-bottom: 140px !important
}

.content-text[data-v-80910f7c] {
    width: 80% !important;
    height: auto !important
}

.cusAdPart[data-v-80910f7c] {
    position: absolute;
    bottom: 0;
    width: -webkit-fill-available
}

.btnGroup[data-v-80910f7c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-top: 20px
}

.btnGroup img[data-v-80910f7c] {
    width: 40%
}

@media screen and (min-height:569px)and (max-height:667px) {
    .h5-container .c-logo[data-v-80910f7c] {
        width: 100%;
        height: 80px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-80910f7c] {
        margin-top: 10px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-80910f7c] {
        width: 100%;
        height: 80px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-80910f7c] {
        width: 250px;
        height: 80px
    }

    .h5-container .cusContent[data-v-80910f7c] {
        bottom: 40px
    }
}

@media screen and (max-height:568px) {
    .h5-container .c-logo[data-v-80910f7c] {
        width: 100%;
        height: 105px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-80910f7c] {
        margin-top: 22px;
        width: 158px;
        height: 63px
    }

    .h5-container .content[data-v-80910f7c] {
        width: 100%;
        height: 120px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-80910f7c] {
        width: 225px;
        height: 100px
    }

    .h5-container .video-box[data-v-80910f7c] {
        margin: 18px auto 20px
    }
}

@media screen and (min-device-width:540px)and (max-device-width:540px) {
    .h5-container .content[data-v-80910f7c] {
        height: 110px
    }

    .h5-container .content .content-text[data-v-80910f7c] {
        width: 225px;
        height: 110px
    }

    .h5-container .video-box[data-v-80910f7c] {
        height: 250px
    }
}

@media screen and (min-device-width:768px)and (max-device-width:1023px) {
    .h5-container .c-logo[data-v-80910f7c] {
        width: 100%;
        height: 180px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-80910f7c] {
        margin-top: 30px;
        width: 300px;
        height: 106px
    }

    .h5-container .content[data-v-80910f7c] {
        width: 100%;
        height: 200px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-80910f7c] {
        width: 420px;
        height: 200px
    }

    .h5-container .video-box[data-v-80910f7c] {
        margin: 40px auto 40px;
        height: 370px
    }

    .h5-container .video-box .play-btn .play-btn-box .play[data-v-80910f7c] {
        width: 100px;
        height: 100px
    }

    .h5-container .btn .download-btn[data-v-80910f7c] {
        width: 230px;
        height: 60px
    }

    .h5-container .chat-icon[data-v-80910f7c] {
        margin-top: 30px;
        height: 40px;
        line-height: 40px
    }

    .h5-container .chat-icon .chat-my[data-v-80910f7c] {
        font-size: 18px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-80910f7c] {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-device-width:1024px)and (max-device-width:1367px) {
    .h5-container .c-logo[data-v-80910f7c] {
        width: 100%;
        height: 220px;
        text-align: center;
        box-sizing: border-box
    }

    .h5-container .c-logo .logo[data-v-80910f7c] {
        margin-top: 40px;
        width: 380px;
        height: 140px
    }

    .h5-container .content[data-v-80910f7c] {
        width: 100%;
        height: 254px;
        text-align: center
    }

    .h5-container .content .content-text[data-v-80910f7c] {
        width: 560px;
        height: 254px
    }

    .h5-container .video-box[data-v-80910f7c] {
        margin: 100px auto 60px;
        height: 470px
    }

    .h5-container .video-box .play-btn .play-btn-box .play[data-v-80910f7c] {
        width: 100px;
        height: 100px
    }

    .h5-container .btn .download-btn[data-v-80910f7c] {
        width: 300px;
        height: 90px
    }

    .h5-container .chat-icon[data-v-80910f7c] {
        margin-top: 50px;
        height: 60px;
        line-height: 60px
    }

    .h5-container .chat-icon .chat-my[data-v-80910f7c] {
        font-size: 24px
    }

    .h5-container .chat-icon .chat-icon-img[data-v-80910f7c] {
        width: 60px;
        height: 60px
    }
}

.h5-text06[data-v-80910f7c] {
    -webkit-animation-name: xing-80910f7c;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    width: 100% !important
}

@keyframes xing-80910f7c {
    0% {
        transform: scale(.9)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    75% {
        transform: scale(1)
    }

    to {
        transform: scale(.9)
    }
}

.my_xing[data-v-80910f7c] {
    -webkit-animation-name: xing-80910f7c;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s
}

@keyframes xing1-80910f7c {
    0% {
        transform: scale(.96)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(.96)
    }

    75% {
        transform: scale(1)
    }

    to {
        transform: scale(.96)
    }
}

.mn[data-v-80910f7c] {
    -webkit-animation-name: xing1-80910f7c;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 5s
}

.page-header[data-v-5391f846] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 75px;
    padding: 0 12px;
    padding-top: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    z-index: 10
}

.page-header .left[data-v-5391f846] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.page-header .left .logo[data-v-5391f846] {
    width: 130px;
    height: auto
}

.page-header .left .android_logo[data-v-5391f846] {
    -o-object-fit: contain;
    object-fit: contain;
    height: 75px;
    width: 75px
}

.page-header .right[data-v-5391f846] {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.page-header .right .icon-box[data-v-5391f846] {
    margin-left: 15px
}

.page-header .right .icon-box .icon[data-v-5391f846] {
    width: 70px;
    height: 70px
}

.page-header .right .icon-box .hezuoPng[data-v-5391f846] {
    width: 54px;
    height: 54px;
    -o-object-fit: contain;
    object-fit: contain
}

.page-header .right .icon-box .icon-name[data-v-5391f846] {
    margin: 0;
    font-size: 12px;
    color: #c6c5dc;
    text-align: center
}

.h5-container[data-v-765dc18d] {
    width: 100vw;
    min-height: 70vh;
    background: url(../bg.a42de153.jpg) no-repeat;
    background-size: cover;
    overflow-y: scroll;
    position: relative;
    padding-top: 310px
}

.h5-container .c-logo[data-v-765dc18d] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-765dc18d] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container .content[data-v-765dc18d] {
    width: 100%;
    height: 370px;
    text-align: center;
    position: absolute;
    top: 0
}

.h5-container .content .content-text[data-v-765dc18d] {
    width: 100%;
    height: 100%
}

.h5-container .cusDownBtn[data-v-765dc18d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 310px
}

.h5-container .cusDownBtn img[data-v-765dc18d] {
    width: 60%
}

.h5-container .btn[data-v-765dc18d] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .btn-flex[data-v-765dc18d] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-765dc18d] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-765dc18d] {
    width: 100%;
    margin: 80px auto;
    text-align: center;
    margin-bottom: 0
}

.h5-container .gif-container .gif-img[data-v-765dc18d] {
    display: block;
    margin: 0 auto;
    width: 90%
}

.h5-container .gif-container .bottom-tips[data-v-765dc18d] {
    color: #b384d4;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px
}

.h5-container .chat-icon[data-v-765dc18d] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-765dc18d] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-765dc18d] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-765dc18d] {
    width: 100%
}

.hezuoPng[data-v-765dc18d] {
    position: absolute;
    top: 81px;
    right: 24px;
    z-index: 1;
    width: 45px;
    height: 45px;
    -o-object-fit: contain;
    object-fit: contain
}

.h5-container[data-v-7c5b540a] {
    width: 100vw;
    min-height: 80vh;
    background: url(../bg.afaa2ecc.jpg) no-repeat 50%;
    background-size: cover;
    overflow-y: scroll;
    position: relative;
    padding-top: 180px
}

.h5-container .c-logo[data-v-7c5b540a] {
    width: 100%;
    height: 100px;
    text-align: center;
    box-sizing: border-box
}

.h5-container .c-logo .logo[data-v-7c5b540a] {
    margin-top: 15px;
    width: 158px;
    height: 63px
}

.h5-container .content[data-v-7c5b540a] {
    width: 100%;
    height: 300px;
    text-align: center;
    position: absolute;
    top: -10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.h5-container .content .content-text[data-v-7c5b540a] {
    width: 95%;
    height: 85%
}

.h5-container .cusDownBtn[data-v-7c5b540a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 188px;
    left: -90px
}

.h5-container .cusDownBtn img[data-v-7c5b540a] {
    width: 40%
}

.h5-container .btn[data-v-7c5b540a] {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.h5-container .btn-flex[data-v-7c5b540a] {
    display: flex;
    justify-content: space-between
}

.h5-container .btn-flex .download-btn[data-v-7c5b540a] {
    width: 160px;
    margin: 0 auto
}

.h5-container .gif-container[data-v-7c5b540a] {
    width: 100%;
    margin: 80px auto;
    text-align: center
}

.h5-container .gif-container .gif-img[data-v-7c5b540a] {
    display: block;
    margin: 0 auto;
    width: 95%
}

.h5-container .gif-container .bottom-tips[data-v-7c5b540a] {
    color: #b384d4;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px
}

.h5-container .adStyle[data-v-7c5b540a] {
    margin-bottom: 10px !important
}

.h5-container .cusAdPart[data-v-7c5b540a] {
    margin-bottom: 65px
}

.h5-container .bottomFixBtn[data-v-7c5b540a] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 55px
}

.h5-container .bottomFixBtn img[data-v-7c5b540a] {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.h5-container .chat-icon[data-v-7c5b540a] {
    margin: 20px auto;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.h5-container .chat-icon .chat-my[data-v-7c5b540a] {
    vertical-align: top;
    color: #8a8a8a;
    font-size: 15px
}

.h5-container .chat-icon .chat-icon-img[data-v-7c5b540a] {
    margin-left: 12px;
    width: 27px;
    height: 27px;
    opacity: .5;
    border-radius: 50%
}

.h5-container .buttom-content[data-v-7c5b540a] {
    width: 100%
}

.hezuoPng[data-v-7c5b540a] {
    position: absolute;
    top: 81px;
    right: 24px;
    z-index: 1;
    width: 45px;
    height: 45px;
    -o-object-fit: contain;
    object-fit: contain
}

/* Hide page-header on mobile devices */
@media screen and (max-width: 768px) {
    .page-header {
        display: none !important
    }
}

/* Hide all iOS download buttons globally */
.btn-ios,
.btn.ios,
.c-button .ios,
.c-button button.ios,
[class*="btn-ios"],
.buttom-download .right .btn-ios,
.buttom-download-alone .right .btn-ios,
.content-btn .btn-ios {
    display: none !important
}

/* Hide QR code scanning download elements */
.btn-code,
.show-code,
[class*="btn-code"],
[class*="show-code"],
.content-btn .btn-code,
.content-btn .show-code {
    display: none !important
}