.width-cover[data-v-78fc4fc8] {
    width: 100%
}

.height-cover[data-v-78fc4fc8] {
    height: 100%
}

.bg-cover[data-v-78fc4fc8] {
    background-size: 100% 100%
}

footer[data-v-78fc4fc8] {
    width: 100%;
    height: 2.4rem;
    padding: 0 .21rem
}

footer > button[data-v-78fc4fc8] {
    width: 4.38rem;
    height: .73rem;
    margin: .3rem 0;
    /*background: linear-gradient(90deg, #a04ef4, #6e84f5);*/
    background: linear-gradient(180deg, #e78257c4,#ff556b);
    box-shadow: 0 6px 11px 2px rgba(73, 0, 167, .18);
    border-radius: .36rem
}

footer > button img[data-v-78fc4fc8] {
    width: .44rem;
    height: .44rem;
    margin-right: .3rem
}

footer > button span[data-v-78fc4fc8] {
    font-size: .29rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #fafafa
}

footer > p[data-v-78fc4fc8] {
    font-size: .29rem;
    font-family: PingFang SC;
    text-align: center;
    /*color: #b57eff*/
    color: #5a5e6b;
    font-weight: bold;
}

.width-cover[data-v-72274be2] {
    width: 100%
}

.height-cover[data-v-72274be2] {
    height: 100%
}

.bg-cover[data-v-72274be2] {
    background-size: 100% 100%
}

.notice[data-v-72274be2] {
    width: 6.77rem;
    height: .63rem;
    position: absolute;
    top: 2.81rem;
    left: .36rem
}

.notice[data-v-72274be2] .van-notice-bar {
    width: 100%;
    height: 100%;
    font-size: .25rem;
    font-family: PingFang SC;
    font-weight: 600;
    box-shadow: 0 .1rem .11rem 0 rgba(73, 0, 167, .18);
    border-radius: .13rem;
    padding: 0 .21rem
}

.notice[data-v-72274be2] .van-icon-volume-o:before {
    content: "\F0D9";
    color: #fff;
    background: #ff556b;
    padding: .08rem;
    border-radius: 50%
}

.tip[data-v-72274be2] {
    color: #ff556b;
    margin-right: .16rem
}

.width-cover[data-v-0f77e87d] {
    width: 100%
}

.height-cover[data-v-0f77e87d] {
    height: 100%
}

.bg-cover[data-v-0f77e87d] {
    background-size: 100% 100%
}

.swiper-img[data-v-0f77e87d] {
    height: 3.13rem;
    width: 100%
}

.width-cover[data-v-32bb07fa] {
    width: 100%
}

.height-cover[data-v-32bb07fa] {
    height: 100%
}

.bg-cover[data-v-32bb07fa] {
    background-size: 100% 100%
}

.link-content[data-v-32bb07fa] {
    width: 7.08rem;
    height: 7.29rem;
    background: #fff;
    box-shadow: 0 6px 11px 2px rgba(73, 0, 167, .18);
    border-radius: .13rem;
    margin-top: .52rem;
    justify-content: flex-start
}

.host[data-v-32bb07fa] {
    width: 100%;
    height: 1.15rem;
    justify-content: flex-start;
    /*background: linear-gradient(90deg, #d0acff, #bd8bff);*/
    background: linear-gradient(90deg, #ff556b, #ff556b);
    border-top-left-radius: .13rem;
    border-top-right-radius: .13rem;
    padding: .21rem .31rem
}

.host img[data-v-32bb07fa] {
    width: 6.70rem;
    height: 1rem;
    background-size: 100% 100%
}

.link-list[data-v-32bb07fa] {
    padding: .31rem .16rem;
    width: 7.08rem;
    height: 6.15rem
}

.link-list .item[data-v-32bb07fa] {
    width: 100%;
    margin-bottom: .31rem;
    justify-content: start
}

.link-list .item .status[data-v-32bb07fa], .link-list .item .title[data-v-32bb07fa] {
    height: .63rem;
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0f0;
    border-image-slice: 1;
    font-family: MicrosoftYaHei;
    font-size: .26rem;
    color: #5a5e6b;
    font-weight: 600;
    border-radius: .06rem;
    padding: 0 .1rem;
    border: 1px solid #ccc
}

.link-list .item .status[data-v-32bb07fa] {
    width: 1.25rem
}

.link-list .item .title[data-v-32bb07fa] {
    width: 3.75rem;
    margin: 0 .1rem
}

.link-list .item .enter[data-v-32bb07fa] {
    width: 1.56rem;
    height: .63rem;
    /*background: #fec344;*/
    background: #ff556b;
    background-blend-mode: normal, normal;
    border-radius: .06rem;
    font-family: MicrosoftYaHei;
    font-size: .29rem;
    color: #fefefe;
    font-weight: 600
}

.mobile-download[data-v-daa33008], .width-cover[data-v-daa33008] {
    width: 100%
}

.height-cover[data-v-daa33008] {
    height: 100%
}

.bg-cover[data-v-daa33008] {
    background-size: 100% 100%
}

.mobile-download[data-v-daa33008] {
    position: relative;
    padding-bottom: 1.3rem
}

.width-cover[data-v-09f5db52] {
    width: 100%
}

.height-cover[data-v-09f5db52] {
    height: 100%
}

.bg-cover[data-v-09f5db52] {
    background-size: 100% 100%
}

.page[data-v-09f5db52] {
    position: relative
}

body, html {
    margin: 0;
    padding: 0
}

#app, body, html {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

#app {
    background: #fff
}

.width-cover {
    width: 100%
}

.height-cover {
    height: 100%
}

.bg-cover {
    background-size: 100% 100%
}

.compatibility-flex, .flex-around, .flex-between, .flex-box, .flex-center, .flex-end, .flex-end-align, .flex-end-justify, .flex-hcenter, .flex-start, .flex-start-align, .flex-start-justify, .flex-vcenter {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-vbox {
    flex-direction: column
}

.flex-between {
    justify-content: space-between
}

.flex-around {
    justify-content: space-around
}

.flex-center {
    align-items: center
}

.flex-center, .flex-hcenter {
    justify-content: center
}

.flex-vcenter {
    align-items: center
}

.flex-end {
    justify-content: flex-end;
    align-items: flex-end
}

.flex-start {
    justify-content: flex-start;
    align-items: flex-start
}

.flex-end-justify {
    justify-content: flex-end
}

.flex-start-justify {
    justify-content: flex-start
}

.flex-end-align {
    align-items: flex-end
}

.flex-start-align {
    align-items: flex-start
}

.flex-auto {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-col, .flex-row {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-col {
    flex-direction: column
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

q:after, q:before {
    content: ""
}

abbr, acronym, button {
    border: 0
}

button {
    outline: 0
}

input {
    background: #fff
}

input[type=search]::-ms-clear {
    display: none !important
}

input[type=search]::-webkit-search-cancel-button {
    display: none !important
}

[v-cloak] {
    display: none
}

ol, ul {
    list-style: none
}

a, a:hover {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*, :after, :before {
    box-sizing: border-box;
    margin: 0
}

.clearfix:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder, ::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

[v-cloak] {
    display: none !important
}

input::-webkit-search-cancel-button {
    display: none
}

input[type=search]::-ms-clear {
    display: none
}

body, html {
    overflow-x: hidden
}

.scrollReset::-webkit-scrollbar {
    width: 5px;
    background-color: #fff
}

.scrollReset::-webkit-scrollbar-track {
    border-left: 2px solid #ddd;
    background-color: #fff;
    width: 2px
}

.scrollReset::-webkit-scrollbar-thumb {
    display: inline-block;
    width: 2px;
    background: #c7cbd1;
    border-radius: 2px
}

.scrollReset::-webkit-scrollbar-button {
    height: 2px;
    text-align: center;
    border-left: 2px solid #ddd
}

.app-min-wrapper, .margin-auto, [platform=mobile] body .app-wrapper, [platform=pc] body .app-wrapper {
    margin: 0 auto
}

[platform=mobile] {
    font-size: 13.33333vw
}

@media screen and (min-width: 750px) {
    [platform=mobile] {
        font-size: 100px
    }
}

[platform=mobile] body {
    font-size: .22rem
}

[platform=mobile] body .app-wrapper {
    max-width: 750px
}

[platform=pc] {
    font-size: 5.20833vw
}

@media screen and (min-width: 1100px) {
    [platform=pc] {
        font-size: 100px
    }
}

[platform=pc] body {
    font-size: .14rem
}

[platform=pc] body .app-wrapper {
    max-width: 750px
}

.app-min-wrapper {
    position: relative;
    min-width: 1100px
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/left.c21d4b02.png) !important
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMAcA/9BfLSfx/oCcW9npkZ+stPv7d7bjzYs4xrXFZDFd5jSTYm6+WooJGEZ6TD3H7OAAABbUlEQVQ4y9XS147bMBBA0ZFYrN6i4t7i7bn//3uxEFjwekVZr7lPHPBgBAKSh4LNmzVKGfu2CWQivYsVQyreaZfsbA9s2mw2TWoVYLvxlWsFRy+/zbl3BLUeWRzVYNpvF7o1UEc/diZQBj8eWULyuDeFVTTyrRWk8q0dxFc5YmPYyV1+SJjLaPn1yr+bG9iKoy00d28KseLMEuphOMPJTU9wHoYPCt9N/YKPYSiJZaKYcjgbsimaYW7HCsIkcMEgCaGSvkMCQOuiLQDJQUSXEK7Ac1EPViGUuj+lkT9N/SjtgWWp5RkVvcSKYi3PqaxRAos5dAH/Gf2cQz9BXqnn0JpXyVDVc1opMgkMKttOUy9VmEBkb4BpCpi9XAveDai9i+4VqPfb76yDy0Gc5S/EMq8WTvNkZ1jqWbIyFN0cePmjKLauW5396ks6uXzVCl7O4uo3/zIGoMgOMkWHbJOLPKfHRZXLdP4SgOLr8eIvVxc10356xygAAAAASUVORK5CYII=) !important
}

.swiper-button-next, .swiper-button-prev {
    width: 43px !important;
    height: 64px !important;
    border: none !important
}