h1[data-v-31a4b87b] {
    font-size: 3.333vw;
    line-height: 3.646vw
}

p[data-v-31a4b87b] {
    color: #5e5e5e;
    font-size: 1.146vw;
    line-height: 1.875vw
}

.section-one[data-v-31a4b87b] {
    background: #f0f3ff
}

.section-one .sectionOne-text[data-v-31a4b87b] {
    height: 100%;
    left: 12.5vw;
    position: absolute;
    top: 0
}

.section-one h1[data-v-31a4b87b] {
    margin-bottom: 2.5vw;
    width: 42.344vw
}

.section-one p[data-v-31a4b87b] {
    width: 29.792vw
}

.section-one video[data-v-31a4b87b] {
    height: 19.375vw;
    width: 34.427vw
}

.lang-cn .section-one .sectionOne-text p[data-v-31a4b87b] {
    font-size: 1.25vw;
    line-height: 2.083vw
}

.growth h1[data-v-4034fd19] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 3.75vw;
    text-transform: uppercase
}

.growth p[data-v-4034fd19] {
    color: #5e5e5e;
    font-size: 1.146vw;
    line-height: 1.875vw
}

.growth ul[data-v-4034fd19] {
    gap: 2.5vw;
    grid-template-columns: repeat(4,1fr)
}

.growth ul li[data-v-4034fd19] {
    align-items: start
}

.growth ul li h1[data-v-4034fd19] {
    margin: 2.5vw 0 1.25vw
}

.growth ul li img[data-v-4034fd19] {
    height: 3.958vw;
    width: 3.958vw
}

@media screen and (max-width: 767px) {
    .growth[data-v-4034fd19] {
        padding:64px 32px
    }

    .growth h1[data-v-4034fd19] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px
    }

    .growth ul[data-v-4034fd19] {
        gap: 48px 20px;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,1fr)
    }

    .growth ul li[data-v-4034fd19] {
        align-items: center
    }

    .growth ul li h1[data-v-4034fd19] {
        font-size: 28px;
        line-height: 28px;
        margin: 20px 0 12px
    }

    .growth ul li img[data-v-4034fd19] {
        height: 48px;
        width: 48px
    }

    .growth ul li p[data-v-4034fd19] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 14px;
        line-height: 14px
    }

    .lang-cn .growth h1[data-v-4034fd19] {
        font-size: 36px;
        line-height: 36px
    }

    .lang-cn .growth ul li p[data-v-4034fd19] {
        font-size: 16px;
        line-height: 26px
    }
}

h1[data-v-79d8177e] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 3.75vw;
    text-transform: uppercase
}

h2[data-v-79d8177e] {
    font-size: 1.875vw;
    line-height: 2.292vw
}

h2[data-v-79d8177e],p[data-v-79d8177e] {
    color: #242424
}

p[data-v-79d8177e] {
    font-size: 1.146vw;
    line-height: 1.771vw
}

.values[data-v-79d8177e] {
    background-color: #fafafa
}

.values .swiper-card[data-v-79d8177e] {
    background: #fff;
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    height: 30.729vw
}

.values .card-text[data-v-79d8177e] {
    padding: 3.75vw 2.5vw
}

.values .card-text p[data-v-79d8177e] {
    margin: 2.5vw 0
}

.values .card-icon[data-v-79d8177e] {
    margin-right: -1.042vw
}

.values[data-v-79d8177e] .swiper-pagination {
    bottom: 3.75vw;
    display: flex;
    left: 2.5vw
}

.values[data-v-79d8177e] .swiper-pagination .pagination-bullet {
    background: #e7e7e7;
    height: .417vw;
    margin-right: .417vw;
    width: .417vw
}

.values[data-v-79d8177e] .swiper-pagination .pagination-bullet-active {
    background: #9644ff;
    height: .417vw;
    width: 1.667vw
}

h1[data-v-4f248107] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 3.75vw;
    text-transform: uppercase
}

p[data-v-4f248107] {
    color: #242424;
    font-size: 1.146vw;
    line-height: 1.875vw
}

.story[data-v-4f248107] {
    margin-bottom: 12.917vw
}

.story ul li:nth-child(2n) .item-content[data-v-4f248107] {
    transform: translateY(calc(100% + 2.5vw))
}

.story ul li:nth-child(2n) .item-content span[data-v-4f248107] {
    margin-bottom: 1.25vw;
    order: -1
}

.story ul li .brand[data-v-4f248107] {
    margin: 1.25vw 0 0
}

.story ul li .timeline[data-v-4f248107] {
    height: 1.042vw;
    padding: 2.083vw 0;
    width: 100%
}

.story ul li .timeline .line[data-v-4f248107] {
    height: .156vw;
    width: 100%
}

.story ul li .timeline .line[data-v-4f248107]:before {
    background-color: inherit;
    content: "";
    display: block;
    height: 1.042vw;
    margin: -.521vw 0 0 1.458vw;
    width: 1.042vw
}

.story ul li span[data-v-4f248107] {
    color: #9644ff;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.875vw;
    line-height: 2.292vw;
    margin-top: 1.25vw
}

.story ul li img[data-v-4f248107] {
    margin-right: 1.563vw
}

.story ul .brand-item0[data-v-4f248107],.story ul .brand-item1[data-v-4f248107],.story ul .brand-item2[data-v-4f248107] {
    height: 2.5vw
}

.story ul .item0[data-v-4f248107] {
    width: 25.833vw
}

.story ul .item0 img[data-v-4f248107] {
    height: 2.5vw
}

.story ul .item1[data-v-4f248107] {
    margin-left: -14.583vw;
    width: 10.417vw
}

.story ul .item2[data-v-4f248107] {
    margin-left: -1.458vw;
    padding: 0 1.25vw;
    width: 25.833vw
}

.story ul .item3[data-v-4f248107] {
    margin-left: -13.021vw;
    width: 12.917vw
}

.story ul .item3 .brand-item0[data-v-4f248107] {
    width: 5.469vw
}

.story ul .item4[data-v-4f248107] {
    margin-left: 0;
    width: 25.833vw
}

.story ul .item4 .brand-item0[data-v-4f248107],.story ul .item4 .brand-item1[data-v-4f248107],.story ul .item4 .brand-item2[data-v-4f248107] {
    height: 2.5vw
}

.story ul .item5[data-v-4f248107] {
    margin-left: -13.021vw;
    width: 11.719vw
}

.lang-cn .story ul .item0[data-v-4f248107] {
    width: 19.479vw
}

.lang-cn .story ul .item1[data-v-4f248107] {
    margin-left: -10.417vw
}

.lang-cn .story ul .item2[data-v-4f248107] {
    margin-left: -2.5vw
}

.lang-cn .story ul .item3[data-v-4f248107] {
    width: 12.917vw
}

.lang-cn .story ul .item4[data-v-4f248107] {
    flex-shrink: 0;
    margin-left: 0;
    width: 19.323vw
}

.lang-cn .story ul .item5[data-v-4f248107] {
    margin-left: -8.333vw;
    width: 11.979vw
}

.lang-cn .story ul .item6[data-v-4f248107] {
    width: 10.417vw
}

.leaderShip h1[data-v-43382096] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 3.75vw;
    text-transform: uppercase
}

.leaderShip ul[data-v-43382096] {
    gap: 2.5vw 8.958vw;
    grid-template-columns: repeat(4,10.417vw)
}

.leaderShip ul li[data-v-43382096] {
    width: 10.417vw
}

.leaderShip ul li .leader-name[data-v-43382096] {
    color: #9644ff;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin: 1.25vw 0 .417vw
}

.leaderShip ul li .leader-position[data-v-43382096] {
    color: #5e5e5e;
    font-size: 1.146vw;
    line-height: 1.667vw;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .leaderShip[data-v-43382096] {
        padding:64px 32px
    }

    .leaderShip h1[data-v-43382096] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px
    }

    .leaderShip ul[data-v-43382096] {
        gap: 48px 20px;
        grid-template-columns: repeat(3,1fr)
    }

    .leaderShip ul li[data-v-43382096] {
        width: 100%
    }

    .leaderShip ul li .leader-name[data-v-43382096] {
        font-size: 14px;
        line-height: 14px;
        margin: 16px 0 8px
    }

    .leaderShip ul li .leader-position[data-v-43382096] {
        color: #242424;
        font-size: 14px;
        height: 40px;
        line-height: 20px;
        white-space: normal
    }

    .lang-cn .leaderShip h1[data-v-43382096] {
        font-size: 36px;
        line-height: 36px
    }

    .lang-cn .leaderShip ul li .leader-name[data-v-43382096] {
        font-size: 16px;
        line-height: 16px
    }
}

h1[data-v-13448a76] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 3.75vw;
    margin-top: 2.5vw;
    text-transform: uppercase
}

p[data-v-13448a76] {
    font-size: 1.146vw;
    line-height: 1.875vw
}

h2[data-v-13448a76],p[data-v-13448a76] {
    color: #242424
}

h2[data-v-13448a76] {
    font-size: 1.875vw;
    line-height: 2.292vw
}

.careers[data-v-13448a76] {
    padding: 0 12.5vw 10vw
}

.careers .careers-text[data-v-13448a76] {
    width: 36.146vw
}

.careers h2[data-v-13448a76] {
    margin-bottom: 1.25vw
}

.careers a[data-v-13448a76] {
    background-color: #9644ff;
    bottom: 10vw;
    color: #fff;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.25vw;
    height: 3.75vw;
    left: 12.5vw;
    line-height: 1.25vw;
    position: absolute;
    text-transform: uppercase;
    width: 23.333vw
}

.careers a[data-v-13448a76]:hover {
    color: #e9d9ff
}

.careers a:hover svg path[data-v-13448a76] {
    stroke: #e9d9ff
}

.careers a svg[data-v-13448a76] {
    height: .833vw;
    width: .833vw
}

.careers img[data-v-13448a76] {
    height: 20.469vw
}

@media screen and (max-width: 767px) {
    .section-one[data-v-d018dfba] {
        background:#f0f3ff;
        gap: 32px;
        padding: 64px 32px
    }

    .section-one h1[data-v-d018dfba] {
        font-size: 38px;
        line-height: 42px;
        text-transform: uppercase
    }

    .section-one p[data-v-d018dfba] {
        color: #242424;
        font-family: DIN_OT,FZFangJHJW_Medium,sans-serif;
        font-size: 20px;
        line-height: 32px
    }

    .lang-cn .section-one h1[data-v-d018dfba] {
        font-size: 40px;
        line-height: 48px;
        width: 50%
    }

    .lang-cn .section-one p[data-v-d018dfba] {
        font-size: 18px;
        line-height: 30px
    }

    h1[data-v-1ce21f9e] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px;
        text-transform: uppercase
    }

    .values[data-v-1ce21f9e] {
        background-color: #fafafa;
        padding: 64px 0 64px 32px
    }

    .values .swiper-card[data-v-1ce21f9e] {
        background-color: #fafafa;
        box-shadow: none;
        height: auto
    }

    .values .swiper-card .swiper-slide[data-v-1ce21f9e] {
        background-color: #fff;
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        height: auto;
        margin-right: 20px;
        width: 320px
    }

    .values .card-icon[data-v-1ce21f9e] {
        margin-top: -8px
    }

    .values .card-text[data-v-1ce21f9e] {
        padding: 48px 20px
    }

    .values .card-text h2[data-v-1ce21f9e] {
        color: #242424;
        font-size: 24px;
        line-height: 32px;
        text-transform: uppercase
    }

    .values .card-text p[data-v-1ce21f9e] {
        color: #242424;
        font-size: 16px;
        line-height: 24px;
        margin: 24px 0 0
    }

    .values[data-v-1ce21f9e] .swiper-pagination {
        grid-gap: 0 8px;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(0,1fr));
        margin-top: 48px;
        padding: 0 64px;
        position: static
    }

    .values[data-v-1ce21f9e] .swiper-pagination .pagination-bullet {
        background: #e7e7e7;
        height: 4px;
        margin-right: 0;
        width: auto
    }

    .values[data-v-1ce21f9e] .swiper-pagination .pagination-bullet-active {
        background: #9644ff;
        height: 4px;
        width: auto
    }

    .lang-cn h1[data-v-1ce21f9e] {
        font-size: 36px;
        line-height: 36px
    }

    .lang-cn .values .card-text p[data-v-1ce21f9e] {
        font-size: 18px;
        line-height: 30px
    }

    .story[data-v-3d8f8eff] {
        padding: 64px 32px
    }

    h1[data-v-3d8f8eff] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px;
        text-transform: uppercase
    }

    .timeline li:first-child .text[data-v-3d8f8eff],.timeline li:first-child .year[data-v-3d8f8eff] {
        padding-top: 0
    }

    .timeline li:first-child .timeline-line .square[data-v-3d8f8eff] {
        top: 9px
    }

    .timeline li:first-child .timeline-line .line[data-v-3d8f8eff] {
        margin-top: 9px
    }

    .timeline .year[data-v-3d8f8eff] {
        color: #9644ff;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 22px;
        line-height: 30px;
        margin-right: 32px;
        padding-top: 48px
    }

    .timeline .timeline-line[data-v-3d8f8eff] {
        width: 12px
    }

    .timeline .timeline-line:first-child .square[data-v-3d8f8eff] {
        top: 9px
    }

    .timeline .timeline-line .square[data-v-3d8f8eff] {
        display: block;
        height: 12px;
        left: 0;
        position: absolute;
        top: 54px;
        width: 12px
    }

    .timeline .timeline-line .line[data-v-3d8f8eff] {
        display: block;
        width: 3px
    }

    .timeline .text[data-v-3d8f8eff] {
        padding-left: 36px;
        padding-top: 48px
    }

    .timeline .text p[data-v-3d8f8eff] {
        color: #242424;
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
        white-space: pre-line
    }

    .careers[data-v-95051dce] {
        padding: 64px 32px 128px
    }

    .careers h1[data-v-95051dce] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px;
        text-transform: uppercase
    }

    .careers .careers-text[data-v-95051dce] {
        width: 100%
    }

    .careers h2[data-v-95051dce] {
        font-size: 24px;
        margin: 24px 0;
        text-transform: uppercase
    }

    .careers h2[data-v-95051dce],.careers p[data-v-95051dce] {
        color: #242424;
        line-height: 32px
    }

    .careers p[data-v-95051dce] {
        font-size: 20px;
        margin-bottom: 48px
    }

    .careers a[data-v-95051dce] {
        background-color: #9644ff;
        color: #fff;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 20px;
        height: 56px;
        line-height: 24px;
        position: static;
        text-transform: uppercase;
        width: 100%
    }

    .careers a svg[data-v-95051dce] {
        height: 12px;
        width: 12px
    }

    .careers img[data-v-95051dce] {
        height: 100%
    }

    .lang-cn .careers h1[data-v-95051dce] {
        font-size: 36px;
        line-height: 36px
    }

    .lang-cn .careers h2[data-v-95051dce] {
        line-height: 24px
    }

    .lang-cn .careers p[data-v-95051dce] {
        font-size: 18px;
        line-height: 30px
    }

    .lang-cn .careers button[data-v-95051dce] {
        font-size: 18px;
        line-height: 18px
    }
}

section[data-v-576709ef] {
    padding: 7.5vw 12.5vw 0
}

.lang-cn h2[data-v-576709ef] {
    font-size: 3.125vw
}

h2[data-v-576709ef] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.calendar-table table[data-v-576709ef] {
    margin: 3.75vw 0;
    width: 100%
}

.calendar-table tr[data-v-576709ef]:nth-child(2n) {
    background-color: transparent
}

.calendar-table tr[data-v-576709ef]:nth-child(odd) {
    background-color: #f9f5ff
}

.calendar-table td[data-v-576709ef],.calendar-table th[data-v-576709ef] {
    border: .104vw solid #fff;
    font-size: 1.25vw;
    line-height: 1.875vw;
    padding: 1.25vw 2.5vw
}

.calendar-table th[data-v-576709ef] {
    background: #9644ff;
    color: #fff;
    height: 4.583vw;
    text-align: left;
    text-transform: uppercase
}

.calendar-table .calendar-date[data-v-576709ef],.calendar-table th[data-v-576709ef] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif
}

.calendar-table .calendar-date[data-v-576709ef] {
    width: 11.667vw
}

.calendar-table .calendar-activity[data-v-576709ef] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
    width: 25.833vw
}

.lang-hk .calendar-table .calendar-date[data-v-576709ef],.lang-hk .calendar-table th[data-v-576709ef] {
    font-family: Noto_Sans_Bold,sans-serif!important
}

.lang-hk .calendar-table .calendar-date[data-v-576709ef] {
    width: 11.667vw
}

.lang-hk .calendar-table .calendar-activity[data-v-576709ef] {
    font-family: Noto_Sans_Bold,sans-serif!important;
    width: 25.833vw
}

.calendar-detail p,.calendar-detail span {
    color: #5e5e5e;
    font-size: 1.146vw;
    line-height: 1.875vw
}

.calendar-detail a {
    color: #9644ff;
    font-size: 1.146vw;
    line-height: 1.875vw;
    text-decoration-line: underline
}

.calendar-detail a:hover {
    color: #7c2edf;
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif
}

.lang-hk .calendar-detail a:hover {
    font-family: Noto_Sans_Bold,sans-serif!important
}

.modal-overlay[data-v-14874bf7] {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.modal-content[data-v-14874bf7] {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10000
}

.modal-content video[data-v-14874bf7] {
    height: auto;
    width: 62.083vw
}

.modal-content[data-v-14874bf7]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAB3klEQVR4Xu2XMU5CQRCGOYrHsNULGC+gF9ADeADt6TVSEU2oiCZ2r9GGChoqDcZSIhUWVGt+yXOH2Qlv2R2SUXeSr2LeY7/N2z+zrc6+m3T2nPutXO+6nVaRMECRsEKRsEKRsEKRsML/lXhsu5Ua3YQ9sfSOnVt8+ne9DcKeJpIkwPje/zGqOg97moDAfOrfMX93rnsQ9jWRLAGwa3Ut5stF8Z51zF798xDoHYU9MWRJdA+Xf/6zkGm8yPjOP4fqn4Q9sWRJAOweFcHuQo73UUa3vh81uAp7NiFbAmAXab1UYU8Nzg6tYUYo1KhIgJjE0kgiCTUJMGSfyVPb/6aVRBKqEuC58gtFYtUHViuJJNQlcKg/6IKnyzNCKyeJJNQlAE8sWrlJJLEVCYDdxudESyOJJLYmwZMIJSWWBluR4ElEiyaWFuoS36MIi1I+Y5k/2HzBOORSYsXOWDGoSvCZiI7nPLEg0jRjxaImgeikJSURTyxTY0f/1C8MhTGb99RUF6u9GomVLcGTaDYJezh8xhpchj2bkCUhJVHsTMSvtw9nYU8sWRJSEvGeddDESrne1iRLrEuiWKTrbUpiJUnwC5CURLHw6E1JrCQJaxQJKxQJKxQJKxQJKxQJK/wZiS+Wv/cApgHp3gAAAABJRU5ErkJggg==);
    background-size: contain;
    content: "";
    height: 2.5vw;
    position: absolute;
    right: -2.5vw;
    top: 0;
    width: 2.5vw
}

.modal-close[data-v-14874bf7] {
    cursor: pointer;
    height: 2.5vw;
    position: fixed;
    right: -5%;
    top: 0;
    width: 2.5vw;
    z-index: 10000
}

@media screen and (max-width: 767px) {
    .modal-overlay[data-v-14874bf7] {
        background-color:rgba(0,0,0,.5);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .modal-content[data-v-14874bf7] {
        left: 50%;
        padding: 0 32px;
        position: fixed;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        z-index: 10000
    }

    .modal-content video[data-v-14874bf7] {
        height: auto;
        width: 100%
    }

    .modal-content[data-v-14874bf7]:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAB3klEQVR4Xu2XMU5CQRCGOYrHsNULGC+gF9ADeADt6TVSEU2oiCZ2r9GGChoqDcZSIhUWVGt+yXOH2Qlv2R2SUXeSr2LeY7/N2z+zrc6+m3T2nPutXO+6nVaRMECRsEKRsEKRsEKRsML/lXhsu5Ua3YQ9sfSOnVt8+ne9DcKeJpIkwPje/zGqOg97moDAfOrfMX93rnsQ9jWRLAGwa3Ut5stF8Z51zF798xDoHYU9MWRJdA+Xf/6zkGm8yPjOP4fqn4Q9sWRJAOweFcHuQo73UUa3vh81uAp7NiFbAmAXab1UYU8Nzg6tYUYo1KhIgJjE0kgiCTUJMGSfyVPb/6aVRBKqEuC58gtFYtUHViuJJNQlcKg/6IKnyzNCKyeJJNQlAE8sWrlJJLEVCYDdxudESyOJJLYmwZMIJSWWBluR4ElEiyaWFuoS36MIi1I+Y5k/2HzBOORSYsXOWDGoSvCZiI7nPLEg0jRjxaImgeikJSURTyxTY0f/1C8MhTGb99RUF6u9GomVLcGTaDYJezh8xhpchj2bkCUhJVHsTMSvtw9nYU8sWRJSEvGeddDESrne1iRLrEuiWKTrbUpiJUnwC5CURLHw6E1JrCQJaxQJKxQJKxQJKxQJKxQJK/wZiS+Wv/cApgHp3gAAAABJRU5ErkJggg==);
        background-size: contain;
        content: "";
        position: absolute
    }

    .modal-close[data-v-14874bf7],.modal-content[data-v-14874bf7]:after {
        height: 24px;
        right: 8px;
        top: 0;
        width: 24px
    }

    .modal-close[data-v-14874bf7] {
        cursor: pointer;
        position: fixed;
        z-index: 10000
    }
}

.lang-cn h2[data-v-b8ad5ada] {
    font-size: 3.125vw
}

.earnings-calls[data-v-b8ad5ada] {
    margin-bottom: 10vw;
    padding: 7.5vw 12.5vw 0
}

.earnings-calls h2[data-v-b8ad5ada] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.earnings-calls .model-list[data-v-b8ad5ada] {
    margin: 3.75vw 0
}

.earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada] {
    cursor: pointer;
    position: relative
}

.earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada]:before {
    background-color: rgba(151,68,255,.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease-in-out;
    width: 100%;
    z-index: 1
}

.earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABJCAYAAACesWDiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB7dvhTcMwEAXgK2IARigbwAawAWwAG8AElA3aCdINYINkA9jA3gA2eNwpRBTqmiR10uZ8n3Q/ACGhJ99rExoiY4wx+gG4I7Mbao7ngsw2/FbwzMn8QNgTmRp2c9ZPFA2o8Zb12qG9Isug0I1Dbv2Efhxy6Sfs5wXa1w5pFGqDQjoOGtcO6TmeG9ICwymgYe0wvKdJB4VxOIzcTzNKRP56Go/nuZ7NZp4GdkLTNOeR01RMZu1wWINdtkx1xUI8zzOv3ZoS0hRQ453nNlU/TbWDYuSeuEOiftJ4gjZ5nhWfpiX1pD2ghqee/ZRLQI011UH5tr+QW0ANWblVm6ByDUh4arF2OQfU8Dz3HFQV+qHGl/mu5jzlrrcFdoK2Lajup0/5wgIK8/TdTxZQ3No6KEzWS4r7/pTMJglmxbNsOsgC+lFRfWr85jdtxerbI3L7NngLN+eAZIUeOZTLXW8SRa4rJj2zaHomJreAKgr0TEwuAXmKXG/FaO8gWSF5R3zeJxyh+QS17pkYjQFVVJ+aihLQFJCn+mX7lRLSENDW5cFRwmEUsP/NB5U8VzQlGMcHRv580FQ6aBo9E4PhlLDPKAbJwy9XpAXSkZ55IG2QxpLnjDTCfkrYsxpBDpp6JgbdSM8soHWdQjqEo7dnYloEU2azTiGRYBw0PbXTF6xn4v6Eo/8Ry66sZ/4BjZcHxhhjjtsXXhaEl+8bf8wAAAAASUVORK5CYII=);
    background-size: contain;
    content: "";
    height: 3.75vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .5s ease-in-out;
    width: 3.75vw;
    z-index: 2
}

.earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada]:hover:after,.earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada]:hover:before {
    opacity: 1
}

.earnings-calls .model-list p[data-v-b8ad5ada] {
    font-size: 1.042vw;
    margin-top: 1.25vw
}

@media screen and (max-width: 767px) {
    .earnings-calls[data-v-b8ad5ada] {
        margin-bottom:104px;
        padding: 64px 32px 0
    }

    .earnings-calls h2[data-v-b8ad5ada] {
        font-size: 32px;
        line-height: 1;
        text-transform: uppercase
    }

    .earnings-calls .model-list[data-v-b8ad5ada] {
        margin: 32px 0
    }

    .earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada] {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        padding: 24px 0;
        position: relative
    }

    .earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada]:hover:after,.earnings-calls .model-list .model-item .model-cover[data-v-b8ad5ada]:hover:before {
        opacity: 0
    }

    .earnings-calls .model-list .model-item img[data-v-b8ad5ada] {
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        height: auto;
        margin-right: 16px;
        width: 16px
    }

    .earnings-calls .model-list .model-divider[data-v-b8ad5ada] {
        border-bottom: 1px solid #eee
    }

    .earnings-calls .model-list p[data-v-b8ad5ada] {
        font-size: 16px;
        margin-top: 0
    }

    .lang-cn h2[data-v-b8ad5ada] {
        font-size: 36px
    }
}

section[data-v-607c82e8] {
    padding: 7.5vw 12.5vw 0
}

section .model-list[data-v-607c82e8] {
    margin: 2.604vw 0
}

section .model-list .model-item .model-cover-download[data-v-607c82e8],section .model-list .model-item .model-cover-video[data-v-607c82e8],section .model-list .model-item .model-cover[data-v-607c82e8] {
    cursor: pointer;
    position: relative
}

section .model-list .model-item .model-cover-download[data-v-607c82e8]:before,section .model-list .model-item .model-cover-video[data-v-607c82e8]:before,section .model-list .model-item .model-cover[data-v-607c82e8]:before {
    background-color: rgba(151,68,255,.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease-in-out;
    width: 100%;
    z-index: 1
}

section .model-list .model-item .model-cover-download[data-v-607c82e8]:after,section .model-list .model-item .model-cover-video[data-v-607c82e8]:after,section .model-list .model-item .model-cover[data-v-607c82e8]:after {
    background-size: contain;
    content: "";
    height: 3.75vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .5s ease-in-out;
    width: 3.75vw;
    z-index: 2
}

section .model-list .model-item .model-cover-download[data-v-607c82e8]:hover:after,section .model-list .model-item .model-cover-download[data-v-607c82e8]:hover:before,section .model-list .model-item .model-cover-video[data-v-607c82e8]:hover:after,section .model-list .model-item .model-cover-video[data-v-607c82e8]:hover:before,section .model-list .model-item .model-cover[data-v-607c82e8]:hover:after,section .model-list .model-item .model-cover[data-v-607c82e8]:hover:before {
    opacity: 1
}

section .model-list .model-item .model-cover-download[data-v-607c82e8]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHcSURBVHgB7drhTQJBGIThDyuwBEqgBDuBDrQDKYEOtBNLoARKsIRxNxzJibs3d7ff4h7Mk/BDTbj1hXBj4soagaD/9SqwBjyZDFIgQoEIBSIUiFAgQoEIBSIUiFAgQoEIBSIUiFAgQoEIBSIUiFAgQoEIBSIUiFAgQoEIBSIUiFAgQoEIBSIUiFAgYlIgAK/hsbaFimePv4PV0MWJvsPjxZzhijkLT7npzh69mafuya+5XqRmoPB0216ci615iTGQ9m5OagWKZ8ycfW+e4hPWjFQj0M3i9C64y1zwIzyerYB3oO5MKTurCefPo1PiwkcU3OG8AsUXKjy+EuercnPJHWKdiXSaG8kjEDnXxm7JO1JpIFR40Yrh/HY+Jg41+e1cEgi/N05fPFvRZ6OLcIgD0kZvpbmBkN440WcTcS5QOAPmBEL+Nn6wFpVEmhoIt944XjBzK00JhP/aOF4wYyuNCYQWNo4XTLztskBoaeN4mRJpKBBa3DheMHIr5QKh9Y3jBWQrpQJhKRvHCwZmwMjvRW1uHC8DkcbY2yNAfisN2dkjQX4rXVvexvGC/O37Iv5smRvHC+5543jB3610XxvHC85b6T43joiIiIjIQ1nFP3xMsvRvwIQCEQpE/ADga2RfLyUkiAAAAABJRU5ErkJggg==)
}

section .model-list .model-item .model-cover-video[data-v-607c82e8]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABJCAYAAACesWDiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB7dvhTcMwEAXgK2IARigbwAawAWwAG8AElA3aCdINYINkA9jA3gA2eNwpRBTqmiR10uZ8n3Q/ACGhJ99rExoiY4wx+gG4I7Mbao7ngsw2/FbwzMn8QNgTmRp2c9ZPFA2o8Zb12qG9Isug0I1Dbv2Efhxy6Sfs5wXa1w5pFGqDQjoOGtcO6TmeG9ICwymgYe0wvKdJB4VxOIzcTzNKRP56Go/nuZ7NZp4GdkLTNOeR01RMZu1wWINdtkx1xUI8zzOv3ZoS0hRQ453nNlU/TbWDYuSeuEOiftJ4gjZ5nhWfpiX1pD2ghqee/ZRLQI011UH5tr+QW0ANWblVm6ByDUh4arF2OQfU8Dz3HFQV+qHGl/mu5jzlrrcFdoK2Lajup0/5wgIK8/TdTxZQ3No6KEzWS4r7/pTMJglmxbNsOsgC+lFRfWr85jdtxerbI3L7NngLN+eAZIUeOZTLXW8SRa4rJj2zaHomJreAKgr0TEwuAXmKXG/FaO8gWSF5R3zeJxyh+QS17pkYjQFVVJ+aihLQFJCn+mX7lRLSENDW5cFRwmEUsP/NB5U8VzQlGMcHRv580FQ6aBo9E4PhlLDPKAbJwy9XpAXSkZ55IG2QxpLnjDTCfkrYsxpBDpp6JgbdSM8soHWdQjqEo7dnYloEU2azTiGRYBw0PbXTF6xn4v6Eo/8Ry66sZ/4BjZcHxhhjjtsXXhaEl+8bf8wAAAAASUVORK5CYII=)
}

section .model-list .model-item img[data-v-607c82e8] {
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06)
}

section .model-list p[data-v-607c82e8] {
    font-size: 1.042vw;
    margin-top: 1.25vw
}

.lang-cn h2[data-v-607c82e8] {
    font-size: 3.125vw
}

h2[data-v-607c82e8] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    section[data-v-607c82e8] {
        padding:64px 32px 0
    }

    section .model-list[data-v-607c82e8] {
        margin: 32px 0
    }

    section .model-list .model-item .model-cover-download[data-v-607c82e8],section .model-list .model-item .model-cover-video[data-v-607c82e8],section .model-list .model-item .model-cover[data-v-607c82e8] {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        padding: 24px 0;
        position: relative
    }

    section .model-list .model-item .model-cover-download[data-v-607c82e8]:hover:after,section .model-list .model-item .model-cover-download[data-v-607c82e8]:hover:before,section .model-list .model-item .model-cover-video[data-v-607c82e8]:hover:after,section .model-list .model-item .model-cover-video[data-v-607c82e8]:hover:before,section .model-list .model-item .model-cover[data-v-607c82e8]:hover:after,section .model-list .model-item .model-cover[data-v-607c82e8]:hover:before {
        opacity: 0
    }

    section .model-list .model-item img[data-v-607c82e8] {
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        height: auto;
        margin-right: 16px;
        width: 16px
    }

    section .model-list .model-divider[data-v-607c82e8] {
        border-bottom: 1px solid #eee
    }

    section .model-list p[data-v-607c82e8] {
        font-size: 16px;
        margin-top: 0
    }

    .lang-cn h2[data-v-607c82e8] {
        font-size: 36px
    }

    h2[data-v-607c82e8] {
        font-size: 32px;
        line-height: 1;
        text-transform: uppercase
    }
}

section[data-v-c85cf758] {
    padding: 7.5vw 12.5vw 0
}

.lang-cn h2[data-v-c85cf758] {
    font-size: 3.125vw
}

h2[data-v-c85cf758] {
    font-size: 2.917vw;
    line-height: 3.333vw
}

h2[data-v-c85cf758],h4[data-v-c85cf758] {
    text-transform: uppercase
}

h4[data-v-c85cf758] {
    font-size: 1.146vw;
    margin-bottom: 1.25vw
}

.desc-text[data-v-c85cf758] {
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.25vw;
    padding: 1.25vw 0 3.75vw
}

.notes-text[data-v-c85cf758] {
    font-size: .938vw;
    line-height: 1.667vw;
    margin-bottom: 1.146vw;
    padding-left: 1.25vw;
    text-indent: -1.25vw
}

.lang-cn .notes-text[data-v-c85cf758],.lang-hk .notes-text[data-v-c85cf758] {
    padding-left: 2.396vw;
    text-indent: -2.396vw
}

.lang-hk .desc-text[data-v-c85cf758] {
    font-family: Noto_Sans_Medium,sans-serif
}

@media screen and (max-width: 747px) {
    section[data-v-c85cf758] {
        padding:64px 32px 0
    }

    .lang-cn h2[data-v-c85cf758] {
        font-size: 36px
    }

    h2[data-v-c85cf758] {
        font-size: 32px;
        line-height: 1
    }

    h4[data-v-c85cf758] {
        font-size: 22px;
        margin-bottom: 24px
    }

    .desc-text[data-v-c85cf758] {
        font-size: 16px;
        padding: 48px 0 8px
    }

    .notes-text[data-v-c85cf758] {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px;
        padding-left: 20px;
        text-indent: -20px
    }

    .lang-cn .notes-text[data-v-c85cf758],.lang-hk .notes-text[data-v-c85cf758] {
        padding-left: 36px;
        text-indent: -36px
    }
}

.financial-table {
    color: #5e5e5e;
    font-size: 1.146vw;
    width: 36.25vw
}

.financial-table tr {
    height: 3.75vw
}

.financial-table tr td:first-of-type {
    padding-left: .833vw;
    width: 17.292vw
}

.financial-table tr td:first-of-type,.financial-table tr th {
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif
}

.financial-table tr td,.financial-table tr th {
    width: 6.771vw
}

.financial-table tr:nth-child(2n) {
    background-color: #f9f5ff
}

.financial-table tr:nth-child(odd) {
    background-color: transparent
}

.lang-hk .financial-table tr td:first-of-type,.lang-hk .financial-table tr th {
    font-family: Noto_Sans_Medium,sans-serif
}

@media screen and (max-width: 767px) {
    .financial-table {
        color:#5e5e5e;
        font-size: 14px;
        width: 100%
    }

    .financial-table tr {
        height: 48px
    }

    .financial-table tr td:first-of-type {
        padding-left: 8px;
        width: 50%
    }

    .financial-table tr td:first-of-type,.financial-table tr th {
        font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif
    }

    .financial-table tr td,.financial-table tr th {
        width: 18%
    }

    .lang-hk .financial-table tr td:first-of-type,.lang-hk .financial-table tr th {
        font-family: Noto_Sans_Medium,sans-serif
    }
}

.banner-title[data-v-01ac0d58] {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 5vw 18.75vw;
    width: 100%
}

.banner-title h1[data-v-01ac0d58] {
    color: #000;
    font-size: 3.333vw;
    line-height: 3.646vw;
    text-align: center;
    text-transform: uppercase
}

section.wrap[data-v-01ac0d58] {
    border-bottom: 1px solid #f3f3f3;
    padding: 0 12.5vw
}

section.wrap .nav-wrapper[data-v-01ac0d58] {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: row;
    width: 100%
}

section.wrap .nav-wrapper .nav-item[data-v-01ac0d58] {
    align-items: center;
    background: transparent;
    color: #a6a6a6;
    display: flex;
    flex-direction: column;
    font-family: DIN_Medium,FZFangJHJW_Cu,Noto_Sans_Medium,sans-serif;
    font-size: 1.042vw;
    line-height: 1.25vw;
    padding: 1.25vw 0;
    text-transform: uppercase;
    width: 25vw
}

section.wrap .nav-wrapper .nav-item[data-v-01ac0d58]:hover {
    color: #9644ff
}

section.wrap .nav-wrapper .active[data-v-01ac0d58] {
    background: #f9f5ff;
    color: #9644ff
}

.lang-hk .nav-item[data-v-01ac0d58] {
    font-family: Noto_Sans_Medium,sans-serif!important
}

@media screen and (max-width: 767px) {
    .banner-title[data-v-01ac0d58] {
        background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWwAAAC9CAYAAACXikeHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMeSURBVHgB7d0xbhNRFIbR+4wVIaBwwQKMEAvIDmLBArwEGgo6shLoKChiVhB3NEgOK7BEiYRi+hQuI4Q8OCWd4zgmf3TOSFO9134aPc3caRXmzcX717VDn54eTwogQL/C9Fr/pHZrUgABegVABMEGCCHYACEEGyCEYAOEEGyAEIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4QQbIAQgg0QQrABQgg2QAjBBggR94uw6tqkAO6A5+NuvH7qHWyydlW1/Dlt07qBVgBs5cW4m60jerTh8sWPaXtWN+BIBCCEYAOEEGyAEIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4TImyUCcHccrzacJXI5vKj6fjqr7S3NEgHYh/npsHrdeW1v4UgEIIRgA4QQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhBBsgBCCDRBCsAFCCDZACONVAfblasQqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwP/UPr7qZl3VUe1Zqzp7+7WNCoCN9AqACIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4QQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhBBsgBCCDRBCsAFCCDZACMEGCCHYACEEGyCEYAOEEGyAEIINEEKwAUIINkAIwQYI0V+t6vM6299qz7pVLeqaulkN6vfBu403HDz60EbLZQHcA62CdF8eDqvfnW+8odeG7eXlrwK4BxyJAIQQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhOhXmnb9T9oBAAAA/hU1/AlgV+bzblBX164ta3l42G5lSmjeGTbADjx4XOP2p05q157U2fo+qlvgLRGAEIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4QQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhBBsgBCCDRBCsAFCCDZACMEGCPEXDEtBpBV1XrEAAAAASUVORK5CYII=) no-repeat 50%,#f9f5ff;
        height: 198px
    }

    .banner-title h1[data-v-01ac0d58] {
        font-size: 38px;
        line-height: 40px
    }

    .phone-section.wrap[data-v-01ac0d58] {
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        margin-bottom: 0;
        padding: 18px 32px
    }

    .phone-section.wrap[data-v-01ac0d58] .swiper-container {
        background-color: #fff;
        flex-direction: row;
        justify-content: center;
        margin: 0
    }

    .phone-section.wrap[data-v-01ac0d58] .swiper-container .swiper-wrapper {
        flex-direction: row;
        width: 100%
    }

    .phone-section.wrap[data-v-01ac0d58] .swiper-container .swiper-wrapper .swiper-slide {
        justify-content: center;
        width: -moz-fit-content;
        width: fit-content
    }

    .phone-section.wrap[data-v-01ac0d58] .swiper-container a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        color: #c5c5c5;
        font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase
    }

    .phone-section.wrap[data-v-01ac0d58] .swiper-container a.mobile-active {
        color: #9644ff;
        line-height: 20px
    }

    .lang-cn .banner-title h1[data-v-01ac0d58] {
        font-size: 40px
    }

    .lang-hk .phone-section.wrap[data-v-01ac0d58] .swiper-container a {
        font-family: Noto_Sans_Medium,sans-serif!important
    }
}

.info-area[data-v-158df90c] {
    padding: 7.5vw 12.5vw 10vw
}

.info-area .info-title[data-v-158df90c] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    margin-bottom: 3.75vw;
    text-transform: uppercase
}

.info-area .info-body[data-v-158df90c] {
    display: flex;
    justify-content: space-between
}

.info-area .info-body .info-content[data-v-158df90c] {
    margin-right: 2.5vw
}

.info-area .info-body .info-content .info-item[data-v-158df90c] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2.5vw
}

.info-area .info-body .info-content .info-item[data-v-158df90c]:last-child {
    margin-bottom: 0
}

.info-area .info-body .info-content .info-item a[data-v-158df90c],.info-area .info-body .info-content .info-item p[data-v-158df90c] {
    color: #242424;
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
    font-size: 1.25vw
}

.info-area .info-body .info-content .info-item .info-addr[data-v-158df90c] {
    font-family: DIN_OT,FZFangJHJW,Noto_Sans,sans-serif;
    font-size: 1.042vw
}

.info-area .info-body .info-content .info-item .info-mail[data-v-158df90c],.info-area .info-body .info-content .info-item .info-net[data-v-158df90c] {
    color: #9644ff
}

.info-area .info-body .info-content .info-item .info-mail[data-v-158df90c]:hover,.info-area .info-body .info-content .info-item .info-net[data-v-158df90c]:hover {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.info-area .info-body .info-content .info-item .info-phone[data-v-158df90c] {
    color: #9644ff;
    margin-left: .26vw
}

.info-area .info-body .info-content .info-item img[data-v-158df90c] {
    height: 3.75vw;
    margin-right: 2.5vw;
    width: 3.75vw
}

.info-area .info-body .info-img[data-v-158df90c] {
    height: 24.063vw;
    width: 36.25vw
}

.lang-hk .info-item a[data-v-158df90c],.lang-hk .info-item p[data-v-158df90c] {
    font-family: Noto_Sans_Bold,sans-serif!important
}

.lang-hk .info-item .info-addr[data-v-158df90c] {
    font-family: Noto_Sans,sans-serif!important
}

@media screen and (max-width: 767px) {
    .info-area[data-v-158df90c] {
        padding:64px 32px 128px
    }

    .info-area .info-title[data-v-158df90c] {
        display: none
    }

    .info-area .info-body[data-v-158df90c] {
        flex-direction: column-reverse;
        justify-content: flex-start
    }

    .info-area .info-body .info-content[data-v-158df90c] {
        margin-right: 0
    }

    .info-area .info-body .info-content .info-item[data-v-158df90c] {
        align-items: flex-start;
        margin-bottom: 24px
    }

    .info-area .info-body .info-content .info-item a[data-v-158df90c],.info-area .info-body .info-content .info-item p[data-v-158df90c] {
        font-size: 20px!important
    }

    .info-area .info-body .info-content .info-item .info-mail[data-v-158df90c],.info-area .info-body .info-content .info-item .info-net[data-v-158df90c] {
        color: #9644ff
    }

    .info-area .info-body .info-content .info-item img[data-v-158df90c] {
        height: 24px;
        margin-right: 20px;
        width: 24px
    }

    .info-area .info-body .info-img[data-v-158df90c] {
        height: auto;
        margin-bottom: 64px;
        width: 100%
    }
}

.container[data-v-4a67ae81] {
    padding: 0 12.5vw 7.5vw
}

.container .sec-area .sec-title[data-v-4a67ae81] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    margin-bottom: 3.75vw;
    text-transform: uppercase
}

.container .sec-area .sec-body[data-v-4a67ae81] {
    display: flex
}

.container .sec-area .sec-body .sec-text[data-v-4a67ae81] {
    color: #242424;
    display: flex;
    font-size: 1.146vw;
    line-height: 1.7;
    margin-right: 2.5vw
}

.container .sec-area .sec-body .sec-img[data-v-4a67ae81] {
    height: 19.583vw;
    width: 36.25vw
}

.lang-cn .container .sec-area .sec-title[data-v-4a67ae81] {
    font-size: 3.125vw;
    line-height: 3.125vw
}

.lang-cn .container .sec-area .sec-body .sec-text span[data-v-4a67ae81] {
    font-size: 1.042vw
}

@media screen and (max-width: 767px) {
    .container[data-v-4a67ae81] {
        padding:0 32px 64px
    }

    .container .sec-area .sec-title[data-v-4a67ae81] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px
    }

    .container .sec-area .sec-body[data-v-4a67ae81] {
        flex-direction: column
    }

    .container .sec-area .sec-body .sec-text[data-v-4a67ae81] {
        font-size: 20px;
        margin-bottom: 48px;
        margin-right: 0
    }

    .container .sec-area .sec-body .sec-img[data-v-4a67ae81] {
        height: auto;
        width: 100%
    }

    .lang-cn .container .sec-area .sec-title[data-v-4a67ae81] {
        font-size: 36px;
        line-height: 42px
    }
}

.container[data-v-70f36465] {
    padding-bottom: 7.5vw
}

.container .sec-area[data-v-70f36465] {
    padding: 0 12.5vw
}

.container .sec-area .sec-title[data-v-70f36465] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.container .sec-area .sec-body[data-v-70f36465] {
    display: flex;
    margin: 3.75vw 0
}

.container .sec-area .sec-body .sec-text[data-v-70f36465] {
    color: #242424;
    font-size: 1.146vw;
    line-height: 1.7;
    margin-right: 2.5vw
}

.container .sec-area .sec-body .sec-img[data-v-70f36465] {
    width: 36.25vw
}

.container .sec-area .sec-foot .sec-list[data-v-70f36465] {
    flex-direction: column
}

.container .sec-area .sec-foot .sec-list .sec-item[data-v-70f36465] {
    width: 100%
}

.container .sec-area .sec-foot .sec-list .sec-item:hover .sec-item-link[data-v-70f36465] {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.container .sec-area .sec-foot .sec-list .sec-item .sec-item-link[data-v-70f36465] {
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    padding: 1.667vw 0;
    width: 100%
}

.container .sec-area .sec-foot .sec-list .sec-item .sec-item-link .sec-item-title[data-v-70f36465] {
    color: #9644ff;
    font-size: 1.146vw;
    line-height: normal;
    padding-top: .156vw;
    text-transform: capitalize
}

.container .sec-area .sec-foot .sec-list .sec-item .sec-item-link[data-v-70f36465]:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAERSURBVHgBrZNNbsIwFITnuaHd9gZNb9AjGBXukUrdVKx6grYn6KIqLOEeIAg34AaEG7BDCMjjhT85xii2YDaxJsqXseeZ2k2eghHDT5PlGvXPlOamqRCml4cIo1/Nj6YZHRf3OeL3Ic3sr/6bnBCjK8uxJH4CnUCnRN5JBDSlDeoCyuxEQdv5SCmzQaXtVIkVdOeVu/tYO0hcgIIgRYNMSFyvKiFqhTSv4c32D4ftBynOQR4922832A0x6rwoBn5aA/o2vdBhc6qUpNWnHhzRgyB/DdZifJleLUfimuSLEEVSI0PjmiRFnetIJtJQVYozyKHODIG6bTsLheeOlsH2FLsgd8CI/W9SOYlMaOb/f7e26zxbsi0neCcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .885vw;
    margin-right: .833vw;
    width: .729vw
}

.container .sec-area .sec-foot .sec-list .sec-item .sec-item-link[data-v-70f36465]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAENSURBVHgBlVLJDcJADBxzCPFLCSmBdMAR/nQAPIEXFUAHCEHgCVRAA0jQQSghJfAEcRg7WqQICbI7UpQ97Fl7PEAOZnX2Vy3u/Lov5CR7lTKOIOwXIdedCcYnujBjp+sisNdqvmMIFli2eVtgdCU6ud3REOLEiUCxCjmWX82QBFpdbgtZ3B5ogJHI51dKoouBNYG+SE9DIpVELd7ApYUP1iLkq4iYCJ4kT60r+OCaefYlKycCHaP6QvI9JsxHB5pat2BMFauIsj0PDxToecmWIFVek0XEqoppYNVC1E4Vr2myTqJvPGBFsA55QoyeWDod4yDjQsVfDdK+ZWQS5fMDwehEZ7hC5x41uffr/g0lfWQ75PIivAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .833vw;
    margin-left: .417vw;
    width: .833vw
}

.container .sec-area .sec-foot .sec-list .sec-item:first-child .sec-item-link[data-v-70f36465] {
    padding-top: 0
}

.container .sec-area .sec-foot .sec-last .sec-last-line[data-v-70f36465] {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 1.667vw 0
}

.container .sec-area .sec-foot .sec-last .sec-last-line[data-v-70f36465]:hover {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.container .sec-area .sec-foot .sec-last .sec-last-line .sec-last-title[data-v-70f36465] {
    color: #9644ff;
    font-size: 1.146vw;
    line-height: normal;
    margin-right: .417vw;
    text-transform: capitalize
}

.container .sec-area .sec-foot .sec-last .sec-last-line[data-v-70f36465]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAENSURBVHgBlVLJDcJADBxzCPFLCSmBdMAR/nQAPIEXFUAHCEHgCVRAA0jQQSghJfAEcRg7WqQICbI7UpQ97Fl7PEAOZnX2Vy3u/Lov5CR7lTKOIOwXIdedCcYnujBjp+sisNdqvmMIFli2eVtgdCU6ud3REOLEiUCxCjmWX82QBFpdbgtZ3B5ogJHI51dKoouBNYG+SE9DIpVELd7ApYUP1iLkq4iYCJ4kT60r+OCaefYlKycCHaP6QvI9JsxHB5pat2BMFauIsj0PDxToecmWIFVek0XEqoppYNVC1E4Vr2myTqJvPGBFsA55QoyeWDod4yDjQsVfDdK+ZWQS5fMDwehEZ7hC5x41uffr/g0lfWQ75PIivAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .833vw;
    transition: all .3s linear;
    width: .833vw
}

.container .sec-area .sec-foot .sec-last .sec-last-line.active[data-v-70f36465]:after {
    margin-bottom: .417vw;
    transform: rotate(90deg)
}

.container .sec-board[data-v-70f36465] {
    background: #fafafa;
    max-height: 0;
    overflow: auto;
    padding: 0 12.5vw;
    transition: max-height .3s linear
}

.container .sec-board .board-area[data-v-70f36465] {
    padding: 2.5vw 0
}

.container .sec-board .board-area .board-list .board-item[data-v-70f36465] {
    display: block;
    margin-right: 2.5vw
}

.container .sec-board .board-area .board-list .board-item[data-v-70f36465]:last-child {
    margin-right: 0
}

.container .sec-board .board-area .board-list .board-item .board-item-title[data-v-70f36465] {
    border-bottom: 1px solid #e7e7e7;
    color: #242424;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.25vw;
    line-height: normal;
    padding-bottom: .833vw
}

.container .sec-board .board-area .board-list .board-item .board-item-desc[data-v-70f36465] {
    color: #4b4b4b;
    font-size: 1.146vw;
    margin-top: 1.667vw
}

.container .sec-board .board-area .board-list .board-item .board-item-btn[data-v-70f36465] {
    align-items: center;
    display: flex;
    margin-top: 1.667vw;
    padding: .26vw 0
}

.container .sec-board .board-area .board-list .board-item .board-item-btn button[data-v-70f36465] {
    color: #9644ff;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.042vw
}

.container .sec-board .board-area .board-list .board-item .board-item-btn[data-v-70f36465]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEISURBVHgBnZJLDgFBEIb/8ojYOYIjmBt4jL0bYIkNJ+AGIgxLnMABSLgBR5gj2IpHqer0YiLG9PiTycx0d/1d9VUBCZpWubxscCtuP5MQXCrkcQRhN/e5mtpgdKIrM7b6nQV2ms3nGYKDFk3eZBhtOR3e7qiJcZjKQLX0+SyvijXxNLvEEqK6PVADI5SnXMgJFytnA72RntZEMgkavNZ1ktQYf0rqnzhn8E0v8XCGqNI2mrkQDkyYDfY0dDawQ3XWYPm99A/k6XrO1cCQ12CBWFSYVk4MgqYhXtFg7UTXzoCTwcrnMTE60ivTxl5kClU/GZi6s1I3CbQHvMGJLkirlZAP6tyJ238DXqJjPlnbqq8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .833vw;
    margin-left: .833vw;
    width: .833vw
}

.container .openBoard[data-v-70f36465] {
    max-height: 52.083vw
}

.lang-hk .board-item-btn button[data-v-70f36465],.lang-hk .board-item-title[data-v-70f36465] {
    font-family: Noto_Sans_Medium,sans-serif!important
}

@media screen and (max-width: 767px) {
    .container[data-v-70f36465] {
        background:#fafafa;
        padding: 64px 0 48px
    }

    .container .sec-area[data-v-70f36465] {
        padding: 0 32px
    }

    .container .sec-area .sec-title[data-v-70f36465] {
        font-size: 32px;
        line-height: 32px
    }

    .container .sec-area .sec-body[data-v-70f36465] {
        flex-direction: column-reverse;
        margin: 48px 0 56px
    }

    .container .sec-area .sec-body .sec-text[data-v-70f36465] {
        font-size: 20px;
        margin-right: 0;
        margin-top: 48px
    }

    .container .sec-area .sec-body .sec-img[data-v-70f36465] {
        height: auto;
        width: 100%
    }

    .container .sec-area .sec-foot .sec-list .sec-item .sec-item-link[data-v-70f36465] {
        align-items: flex-start;
        padding: 24px 0
    }

    .container .sec-area .sec-foot .sec-list .sec-item .sec-item-link .sec-item-title[data-v-70f36465] {
        color: #242424;
        font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
        font-size: 16px;
        padding-top: 0;
        text-transform: none
    }

    .container .sec-area .sec-foot .sec-list .sec-item .sec-item-link[data-v-70f36465]:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD3SURBVHgBrZPRDYIwFEVfpf8yAgb4dwQ3sBuAIziBuoEbIBs4gs4BREbgnwS8TSCpFE0f8f4UXunh9t1WxHGc9n2fkaPwbVpVVW7WVsSUEOIWhmFi1qQ5WRTFYW4hFr0wH8BFjjEZQDQ6Yjnpuu6E4TJ1xN5OWZbnCUhJDsDzvCuCaPQztqZHH6AtCwIpLLaKrpAj/uibBcD2GuoMQQr3aS2KouArZIyTfgjNFeY7O505WU5gfUNMWRBEmKFpgVF6DmfDHYJTuTN7gueauE6w6OP+tG1bExcC6w9i6r/poJl+AJG71hYEUlJKRQskkYa+jTUtFIJo3qtmWocn/dOdAAAAAElFTkSuQmCC);
        content: "";
        flex: 0 0 auto;
        height: 20px;
        margin-right: 16px;
        margin-top: 5px;
        width: 16px
    }

    .container .sec-area .sec-foot .sec-list .sec-item .sec-item-link[data-v-70f36465]:after {
        display: none
    }

    .container .sec-area .sec-foot .sec-last .sec-last-link[data-v-70f36465] {
        cursor: pointer;
        display: flex;
        padding: 24px 0
    }

    .container .sec-area .sec-foot .sec-last .sec-last-link .sec-last-title[data-v-70f36465] {
        color: #242424;
        font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
        font-size: 16px;
        line-height: normal
    }

    .container .sec-area .sec-foot .sec-last .sec-last-link[data-v-70f36465]:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD3SURBVHgBrZPRDYIwFEVfpf8yAgb4dwQ3sBuAIziBuoEbIBs4gs4BREbgnwS8TSCpFE0f8f4UXunh9t1WxHGc9n2fkaPwbVpVVW7WVsSUEOIWhmFi1qQ5WRTFYW4hFr0wH8BFjjEZQDQ6Yjnpuu6E4TJ1xN5OWZbnCUhJDsDzvCuCaPQztqZHH6AtCwIpLLaKrpAj/uibBcD2GuoMQQr3aS2KouArZIyTfgjNFeY7O505WU5gfUNMWRBEmKFpgVF6DmfDHYJTuTN7gueauE6w6OP+tG1bExcC6w9i6r/poJl+AJG71hYEUlJKRQskkYa+jTUtFIJo3qtmWocn/dOdAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        content: "";
        flex: 0 0 auto;
        height: 20px;
        margin-right: 16px;
        margin-top: 5px;
        width: 17px
    }

    .lang-hk .sec-item-title[data-v-70f36465],.lang-hk .sec-last-title[data-v-70f36465] {
        font-family: Noto_Sans_Medium,sans-serif!important
    }
}

.container[data-v-ed86de86] {
    padding: 0 12.5vw 7.5vw
}

.container .news-area .news-title[data-v-ed86de86] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.container .news-area .news-list[data-v-ed86de86] {
    grid-column-gap: 2.5vw;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(5,1fr);
    margin-top: 3.75vw
}

.container .news-area .news-list .news-item[data-v-ed86de86] {
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
    list-style: none;
    margin-bottom: 1.25vw;
    padding-bottom: 1.25vw;
    width: 100%
}

.container .news-area .news-list .news-item[data-v-ed86de86]:last-child,.container .news-area .news-list .news-item[data-v-ed86de86]:nth-last-child(2) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.container .news-area .news-list .news-item:hover .news-item-title[data-v-ed86de86] {
    color: #9644ff!important
}

.container .news-area .news-list .news-item .news-item-wrap[data-v-ed86de86] {
    width: 100%
}

.container .news-area .news-list .news-item .news-item-wrap .news-item-title[data-v-ed86de86] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #242424;
    display: -webkit-box;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: normal;
    margin-bottom: .625vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.container .news-area .news-list .news-item .news-item-wrap .news-item-time[data-v-ed86de86] {
    color: #a6a6a6;
    font-size: .938vw
}

.container .news-area .page-wrap[data-v-ed86de86] {
    display: flex;
    justify-content: center
}

.lang-hk .news-item-title[data-v-ed86de86] {
    font-family: Noto_Sans_Medium,sans-serif!important
}

@media screen and (max-width: 767px) {
    .container[data-v-ed86de86] {
        padding:64px 32px
    }

    .container .news-area .news-title[data-v-ed86de86] {
        font-size: 32px;
        line-height: 32px
    }

    .container .news-area .news-list[data-v-ed86de86] {
        grid-column-gap: 0;
        grid-template-columns: none;
        grid-template-rows: repeat(1,1fr);
        margin: 24px 0
    }

    .container .news-area .news-list .news-item[data-v-ed86de86],.container .news-area .news-list .news-item[data-v-ed86de86]:nth-last-child(2) {
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 0;
        padding: 24px 0
    }

    .container .news-area .news-list .news-item[data-v-ed86de86]:last-child {
        padding: 24px 0
    }

    .container .news-area .news-list .news-item .news-item-wrap .news-item-title[data-v-ed86de86] {
        font-size: 16px;
        margin-bottom: 8px;
        text-transform: none
    }

    .container .news-area .news-list .news-item .news-item-wrap .news-item-time[data-v-ed86de86] {
        font-size: 14px
    }
}

.container[data-v-85757106] {
    padding: 0 12.5vw
}

.container .esg-area .esg-title[data-v-85757106] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.container .esg-area .esg-body[data-v-85757106] {
    display: flex;
    justify-content: flex-start;
    margin-top: 3.75vw
}

.container .esg-area .esg-body .policy-title[data-v-85757106],.container .esg-area .esg-body .report-title[data-v-85757106] {
    font-size: 1.875vw;
    line-height: 2.292vw;
    text-transform: capitalize
}

.container .esg-area .esg-body .esg-report[data-v-85757106] {
    margin-right: 2.5vw;
    padding-right: 6.458vw
}

.container .esg-area .esg-body .esg-report .report-list[data-v-85757106] {
    display: flex;
    justify-content: flex-start;
    margin-top: 2.5vw
}

.container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-img[data-v-85757106] {
    height: 22.917vw;
    margin-bottom: 1.25vw;
    position: relative;
    width: 16.875vw
}

.container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-img img[data-v-85757106] {
    height: 100%;
    width: 100%
}

.container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-img .report-item-down[data-v-85757106] {
    align-items: center;
    background: rgba(151,68,255,.8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s linear
}

.container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-img .report-item-down img[data-v-85757106] {
    height: 3.75vw;
    width: 3.75vw
}

.container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-img:hover .report-item-down[data-v-85757106] {
    opacity: 1
}

.container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-title[data-v-85757106] {
    color: #242424;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: normal;
    text-align: center;
    text-transform: capitalize
}

.container .esg-area .esg-body .esg-policy[data-v-85757106] {
    flex-grow: 1
}

.container .esg-area .esg-body .esg-policy .policy-list[data-v-85757106] {
    flex-direction: column;
    margin-top: .833vw
}

.container .esg-area .esg-body .esg-policy .policy-list .policy-item[data-v-85757106] {
    width: 100%
}

.container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link[data-v-85757106] {
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    justify-content: flex-start;
    padding: 1.667vw 0;
    width: 100%
}

.container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link[data-v-85757106]:hover {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link .policy-item-icon[data-v-85757106] {
    height: .885vw;
    margin-bottom: .208vw;
    margin-right: .833vw;
    width: .677vw
}

.container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link .policy-item-title[data-v-85757106] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #9644ff;
    display: -webkit-box;
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
    font-size: 1.146vw;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link .policy-item-right[data-v-85757106] {
    height: .833vw;
    margin-left: .417vw;
    width: .833vw
}

.lang-hk .report-item-title[data-v-85757106] {
    font-family: Noto_Sans_Medium,sans-serif!important
}

.lang-hk .policy-item-title[data-v-85757106] {
    font-family: Noto_Sans_Bold,sans-serif!important
}

@media screen and (max-width: 767px) {
    .container[data-v-85757106] {
        padding:64px 32px 0
    }

    .container .esg-area .esg-title[data-v-85757106] {
        font-size: 32px;
        line-height: 32px
    }

    .container .esg-area .esg-body[data-v-85757106] {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 48px
    }

    .container .esg-area .esg-body .policy-title[data-v-85757106],.container .esg-area .esg-body .report-title[data-v-85757106] {
        color: #242424;
        font-size: 22px;
        line-height: 30px;
        text-transform: uppercase
    }

    .container .esg-area .esg-body .esg-report[data-v-85757106] {
        margin-bottom: 24px;
        margin-right: 0;
        padding-right: 0
    }

    .container .esg-area .esg-body .esg-report .report-list[data-v-85757106] {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 24px
    }

    .container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link[data-v-85757106] {
        align-items: center;
        display: flex;
        padding: 24px 0
    }

    .container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-img[data-v-85757106] {
        flex: 0 0 auto;
        height: auto;
        margin-bottom: 0;
        margin-right: 16px;
        width: 17px
    }

    .container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-img .report-item-down[data-v-85757106] {
        display: none
    }

    .container .esg-area .esg-body .esg-report .report-list .report-item .report-item-link .report-item-title[data-v-85757106] {
        font-size: 16px
    }

    .container .esg-area .esg-body .esg-policy[data-v-85757106] {
        flex-grow: 1
    }

    .container .esg-area .esg-body .esg-policy .policy-list[data-v-85757106] {
        margin-top: 24px
    }

    .container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link[data-v-85757106] {
        padding: 24px 0
    }

    .container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link .policy-item-icon[data-v-85757106] {
        height: auto;
        margin-bottom: 0;
        margin-right: 16px;
        width: 17px
    }

    .container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link .policy-item-title[data-v-85757106] {
        color: #242424;
        font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
        font-size: 16px
    }

    .container .esg-area .esg-body .esg-policy .policy-list .policy-item .policy-item-link .policy-item-right[data-v-85757106] {
        display: none
    }

    .lang-hk .policy-item-title[data-v-85757106] {
        font-family: Noto_Sans_Medium,sans-serif!important
    }
}

.title[data-v-0fff5a35] {
    font-size: 3.333vw;
    height: 12.5vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

nav[data-v-0fff5a35] {
    padding: 0 12.5vw
}

nav a[data-v-0fff5a35] {
    color: #a6a6a6;
    flex: 1;
    font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif;
    font-size: 1.042vw;
    line-height: 1.563vw;
    padding: 1.25vw 0;
    text-transform: uppercase
}

nav .active[data-v-0fff5a35] {
    background-color: #f9f5ff;
    color: #9644ff
}

@media screen and (max-width: 767px) {
    [data-v-0fff5a35] .swiper-container {
        background-color:#fff;
        padding: 21px 32px
    }

    [data-v-0fff5a35] .swiper-container .swiper-slide {
        width: -moz-fit-content!important;
        width: fit-content!important
    }

    [data-v-0fff5a35] .swiper-container a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        color: #c5c5c5;
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 20px;
        line-height: 1;
        text-transform: uppercase
    }

    [data-v-0fff5a35] .swiper-container a.mobile-active {
        color: #9644ff;
        font-family: Din_Medium,FZFangJHJW_Cu,sans-serif
    }
}

section[data-v-69f93e06] {
    padding: 5.417vw 12.5vw
}

section .section-text[data-v-69f93e06] {
    gap: 2.083vw;
    width: 32.292vw
}

section .section-text h1[data-v-69f93e06] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    text-transform: uppercase
}

section .section-text p[data-v-69f93e06] {
    color: #5e5e5e;
    font-size: 1.146vw;
    line-height: 1.875vw
}

section .logo[data-v-69f93e06] {
    height: 2.083vw
}

section .bigImg[data-v-69f93e06] {
    height: 29.167vw
}

.lang-cn section .section-text p[data-v-69f93e06] {
    font-size: 1.25vw;
    line-height: 2.083vw
}

.solar-engine .logo[data-v-69f93e06] {
    height: 1.875vw
}

.game-analytics .logo[data-v-69f93e06] {
    height: 1.667vw
}

.banner-wrap[data-v-30377d26] {
    background: url(/_nuxt/img/banner-bg.d7d26be.png) no-repeat 50%,#f9f5ff;
    width: 100%
}

.banner-wrap .banner-content[data-v-30377d26] {
    display: flex;
    flex-direction: column;
    padding: 5vw 12.5vw
}

.banner-wrap .banner-title[data-v-30377d26] {
    font-size: 3.333vw;
    margin-bottom: 2.5vw;
    text-align: center;
    text-transform: uppercase
}

.banner-wrap .banner-btns[data-v-30377d26] {
    display: flex;
    justify-content: center
}

.banner-wrap .banner-btns .banner-btn-text[data-v-30377d26] {
    height: 3.333vw;
    width: 23.333vw
}

.banner-wrap .banner-btns .banner-btn-text[data-v-30377d26]:first-child {
    margin-right: 1.25vw
}

.banner-wrap .banner-btns .banner-btn-text[data-v-30377d26]:last-child {
    margin-left: 1.25vw
}

@media screen and (max-width: 767px) {
    .banner-wrap[data-v-30377d26] {
        background:none
    }

    .banner-wrap .banner-content[data-v-30377d26] {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWwAAAC9CAYAAACXikeHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMeSURBVHgB7d0xbhNRFIbR+4wVIaBwwQKMEAvIDmLBArwEGgo6shLoKChiVhB3NEgOK7BEiYRi+hQuI4Q8OCWd4zgmf3TOSFO9134aPc3caRXmzcX717VDn54eTwogQL/C9Fr/pHZrUgABegVABMEGCCHYACEEGyCEYAOEEGyAEIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4QQbIAQgg0QQrABQgg2QAjBBggR94uw6tqkAO6A5+NuvH7qHWyydlW1/Dlt07qBVgBs5cW4m60jerTh8sWPaXtWN+BIBCCEYAOEEGyAEIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4TImyUCcHccrzacJXI5vKj6fjqr7S3NEgHYh/npsHrdeW1v4UgEIIRgA4QQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhBBsgBCCDRBCsAFCCDZACONVAfblasQqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwP/UPr7qZl3VUe1Zqzp7+7WNCoCN9AqACIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4QQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhBBsgBCCDRBCsAFCCDZACMEGCCHYACEEGyCEYAOEEGyAEIINEEKwAUIINkAIwQYI0V+t6vM6299qz7pVLeqaulkN6vfBu403HDz60EbLZQHcA62CdF8eDqvfnW+8odeG7eXlrwK4BxyJAIQQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhOhXmnb9T9oBAAAA/hU1/AlgV+bzblBX164ta3l42G5lSmjeGTbADjx4XOP2p05q157U2fo+qlvgLRGAEIINEEKwAUIINkAIwQYIIdgAIQQbIIRgA4QQbIAQgg0QQrABQgg2QAjBBggh2AAhBBsghGADhBBsgBCCDRBCsAFCCDZACMEGCPEXDEtBpBV1XrEAAAAASUVORK5CYII=) no-repeat 50%,#f9f5ff;
        height: 200px;
        justify-content: center;
        padding: 0;
        width: 100%
    }

    .banner-wrap .banner-title[data-v-30377d26] {
        font-size: 38px
    }

    .banner-wrap .banner-btns[data-v-30377d26] {
        align-items: center;
        flex-direction: column;
        padding-top: 48px
    }

    .banner-wrap .banner-btns .banner-btn-text[data-v-30377d26] {
        height: 56px;
        width: 276px
    }

    .banner-wrap .banner-btns .banner-btn-text[data-v-30377d26]:first-child {
        margin-bottom: 10px;
        margin-right: 0
    }

    .banner-wrap .banner-btns .banner-btn-text[data-v-30377d26]:last-child {
        margin-left: 0;
        margin-top: 10px
    }
}

h1[data-v-7b1108d4] {
    color: #000;
    font-size: 3.333vw;
    line-height: 3.646vw;
    text-transform: uppercase
}

.title[data-v-7b1108d4] {
    justify-content: center;
    padding: 5vw 18.75vw
}

.nav-wrapper[data-v-7b1108d4],.title[data-v-7b1108d4] {
    align-items: center;
    background: #fff;
    display: flex;
    width: 100%
}

.nav-wrapper[data-v-7b1108d4] {
    padding: 0 12.5vw
}

.nav-wrapper .nav-item[data-v-7b1108d4] {
    align-items: center;
    background: transparent;
    color: #a6a6a6;
    display: flex;
    flex-direction: column;
    font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif;
    font-size: 1.042vw;
    line-height: 1.563vw;
    padding: 1.25vw 0;
    text-transform: uppercase;
    width: 18.75vw
}

.nav-wrapper .nav-item[data-v-7b1108d4]:hover {
    color: #9644ff
}

.nav-wrapper .active[data-v-7b1108d4] {
    background: #f9f5ff;
    color: #9644ff
}

@media screen and (max-width: 767px) {
    [data-v-7b1108d4] .swiper-container {
        background-color:#fff;
        padding: 21px 32px
    }

    [data-v-7b1108d4] .swiper-container .swiper-slide {
        width: -moz-fit-content;
        width: fit-content
    }

    [data-v-7b1108d4] .swiper-container a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        color: #c5c5c5;
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 20px;
        line-height: 1;
        text-transform: uppercase
    }

    [data-v-7b1108d4] .swiper-container a.mobile-active {
        color: #9644ff;
        font-family: Din_Medium,FZFangJHJW_Cu,sans-serif
    }
}

.nav-search[data-v-9712da54] {
    width: 100%
}

.nav-search[data-v-9712da54] .el-autocomplete {
    background: #fff;
    height: 2.5vw;
    width: 100%
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__inner {
    border-radius: 0;
    font-size: 1.042vw;
    height: 2.5vw;
    line-height: 2.5vw;
    padding-left: 3.021vw;
    position: relative;
    z-index: 0
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__inner::-moz-placeholder {
    color: #a6a6a6
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__inner::placeholder {
    color: #a6a6a6
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__inner:focus::-moz-placeholder {
    color: #dcdcdc
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__inner:focus::placeholder {
    color: #dcdcdc
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__inner:focus {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__prefix,.nav-search[data-v-9712da54] .el-autocomplete .el-input__suffix {
    align-items: center;
    display: flex;
    justify-content: center
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__prefix svg,.nav-search[data-v-9712da54] .el-autocomplete .el-input__suffix svg {
    height: 1.25vw;
    width: 1.25vw
}

.nav-search[data-v-9712da54] .el-autocomplete .el-input__icon {
    color: #5e5e5e;
    font-size: 1.25vw;
    margin: 0 .521vw
}

.nav-search[data-v-9712da54] .el-input {
    background: #fff;
    height: 2.5vw;
    width: 100%
}

.nav-search[data-v-9712da54] .el-input .el-input__inner {
    border-radius: 0;
    font-size: 1.042vw;
    height: 2.5vw;
    padding-left: 3.021vw;
    position: relative;
    z-index: 0
}

.nav-search[data-v-9712da54] .el-input .el-input__inner::-moz-placeholder {
    color: #a6a6a6
}

.nav-search[data-v-9712da54] .el-input .el-input__inner::placeholder {
    color: #a6a6a6
}

.nav-search[data-v-9712da54] .el-input .el-input__inner:focus::-moz-placeholder {
    color: #dcdcdc
}

.nav-search[data-v-9712da54] .el-input .el-input__inner:focus::placeholder {
    color: #dcdcdc
}

.nav-search[data-v-9712da54] .el-input .el-input__inner:focus {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.nav-search[data-v-9712da54] .el-input .el-input__prefix,.nav-search[data-v-9712da54] .el-input .el-input__suffix {
    align-items: center;
    display: flex;
    justify-content: center
}

.nav-search[data-v-9712da54] .el-input .el-input__prefix svg,.nav-search[data-v-9712da54] .el-input .el-input__suffix svg {
    height: 1.25vw;
    width: 1.25vw
}

.nav-search[data-v-9712da54] .el-input .el-input__icon {
    color: #5e5e5e;
    font-size: 1.25vw;
    margin: 0 .521vw
}

@media screen and (max-width: 767px) {
    .nav-search[data-v-9712da54] {
        width:100%
    }

    .nav-search[data-v-9712da54] .el-input {
        background: #fff;
        height: 48px;
        width: 100%
    }

    .nav-search[data-v-9712da54] .el-input .el-input__inner {
        border-radius: 0;
        font-size: 20px;
        height: 48px;
        padding-left: 58px;
        position: relative;
        z-index: 0
    }

    .nav-search[data-v-9712da54] .el-input .el-input__inner:focus {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .nav-search[data-v-9712da54] .el-input .el-input__prefix,.nav-search[data-v-9712da54] .el-input .el-input__suffix {
        align-items: center;
        display: flex
    }

    .nav-search[data-v-9712da54] .el-input .el-input__prefix svg,.nav-search[data-v-9712da54] .el-input .el-input__suffix svg {
        height: 24px;
        width: 24px
    }

    .nav-search[data-v-9712da54] .el-input .el-input__icon {
        color: #5e5e5e;
        font-size: 20px;
        margin: 0 15px 0 10px
    }

    .nav-search[data-v-9712da54] .el-autocomplete {
        width: 100%
    }

    .nav-search[data-v-9712da54] .el-autocomplete .el-input {
        background: #fff;
        height: 48px;
        width: 100%
    }

    .nav-search[data-v-9712da54] .el-autocomplete .el-input__inner {
        border-radius: 0;
        font-size: 20px;
        height: 48px;
        padding-left: 58px;
        position: relative;
        z-index: 0
    }

    .nav-search[data-v-9712da54] .el-autocomplete .el-input__inner:focus {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .nav-search[data-v-9712da54] .el-autocomplete .el-input__prefix,.nav-search[data-v-9712da54] .el-autocomplete .el-input__suffix {
        align-items: center;
        display: flex
    }

    .nav-search[data-v-9712da54] .el-autocomplete .el-input__prefix svg,.nav-search[data-v-9712da54] .el-autocomplete .el-input__suffix svg {
        height: 24px;
        width: 24px
    }

    .nav-search[data-v-9712da54] .el-autocomplete .el-input__icon {
        color: #5e5e5e;
        font-size: 20px;
        margin: 0 15px 0 10px
    }
}

.el-autocomplete-suggestion {
    border-radius: 0
}

.el-icon-loading {
    left: 45%;
    position: absolute;
    top: 45%
}

.el-scrollbar ul {
    display: block!important
}

.el-scrollbar ul li {
    color: #5e5e5e;
    font-size: 1.042vw;
    height: 2.5vw;
    line-height: 2.5vw
}

.el-scrollbar ul li span {
    display: inherit;
    width: 18.229vw
}

@media screen and (max-width: 767px) {
    .el-scrollbar ul {
        display:block!important
    }

    .el-scrollbar ul li {
        color: #5e5e5e;
        font-size: 20px;
        height: 48px;
        line-height: 48px
    }

    .el-scrollbar ul li span {
        display: inherit;
        width: 80vw
    }
}

section[data-v-616f0f27] {
    background-color: #fafafa;
    padding-bottom: 7.5vw;
    padding-left: 12.5vw;
    padding-top: 5.208vw;
    position: relative
}

section ul[data-v-616f0f27] {
    margin-bottom: 5.417vw
}

section ul li[data-v-616f0f27] {
    background: #fff;
    background: var(--White,#fff);
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    height: 19.063vw;
    padding: 0 1.25vw;
    width: 16.667vw
}

section ul li .header[data-v-616f0f27] {
    height: 3.75vw;
    margin: 2.604vw 0
}

section ul li .header img[data-v-616f0f27] {
    height: 3.75vw;
    -o-object-fit: contain;
    object-fit: contain;
    width: 11.458vw
}

section ul li .main[data-v-616f0f27] {
    border-top: 1px solid #f7f7f7;
    box-sizing: border-box;
    padding-top: 2.083vw;
    width: 100%
}

section ul li .main .title[data-v-616f0f27] {
    color: #000;
    color: var(--Black,#000);
    font-family: Din_OT_bold,FZFangJHJW_Cu;
    font-size: 1.146vw;
    font-style: normal;
    line-height: 1.667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

section ul li .main .cate-item[data-v-616f0f27] {
    background-color: #f7f7f7;
    color: #a6a6a6;
    display: inline-block;
    font-size: .833vw;
    font-style: normal;
    font-weight: 400;
    height: 1.458vw;
    line-height: 1.563vw;
    padding: 0 .417vw;
    text-align: center;
    vertical-align: middle
}

section .no-data[data-v-616f0f27] {
    color: #a6a6a6;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.458vw;
    padding-top: 1.563vw;
    text-align: center
}

@media screen and (max-width: 767px) {
    section[data-v-616f0f27] {
        background-color:#fafafa;
        padding: 32px 32px 112px
    }

    section[data-v-616f0f27] .el-pager li {
        background-color: transparent
    }

    section ul[data-v-616f0f27] {
        justify-content: center;
        margin-bottom: 44px
    }

    section ul li[data-v-616f0f27] {
        background: #fff;
        background: var(--White,#fff);
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        box-sizing: border-box;
        min-height: 272px;
        padding: 20px;
        width: 364px
    }

    section ul li .header[data-v-616f0f27] {
        height: 56px;
        margin: 32px 0
    }

    section ul li .header img[data-v-616f0f27] {
        height: 56px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 200px
    }

    section ul li .main[data-v-616f0f27] {
        border-top: 0;
        box-sizing: border-box;
        padding-top: 0;
        width: 100%
    }

    section ul li .main .title[data-v-616f0f27] {
        color: #000;
        color: var(--Black,#000);
        font-size: 22px;
        font-style: normal;
        line-height: 32px;
        margin-bottom: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize
    }

    section ul li .main .cate-list[data-v-616f0f27] {
        gap: 10px;
        padding-bottom: 10px;
        width: 250px
    }

    section ul li .main .cate-item[data-v-616f0f27] {
        background-color: #f7f7f7;
        color: #a6a6a6;
        display: inline-block;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        height: 28px;
        line-height: 30px;
        padding: 0 8px;
        text-align: center;
        vertical-align: middle
    }

    section .no-data[data-v-616f0f27] {
        color: #a6a6a6;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 28px;
        padding-top: 30px;
        text-align: center
    }
}

.dialog-container .modal-overlay[data-v-701c562a] {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.dialog-container .dialog-content[data-v-701c562a] {
    background-color: #fafafa;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 22.917vw;
    z-index: 10000
}

.dialog-container .delete[data-v-701c562a] {
    height: 1.563vw;
    position: absolute;
    right: -1.563vw;
    top: 0;
    width: 1.563vw
}

.dialog-container .content-t[data-v-701c562a] {
    background-color: #fff;
    padding: 2.604vw 2.5vw 1.563vw
}

.dialog-container .content-t .header[data-v-701c562a] {
    height: 3.75vw
}

.dialog-container .content-t .header img[data-v-701c562a] {
    height: 3.75vw;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
    width: 11.458vw
}

.dialog-container .content-t .title[data-v-701c562a] {
    color: #000;
    font-family: Din_OT_bold,FZFangJHJW_Cu sans-serif;
    font-size: 1.146vw;
    line-height: 1.667vw;
    margin: 1.563vw 0 1.25vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.dialog-container .content-t .address[data-v-701c562a],.dialog-container .content-t .contact[data-v-701c562a] {
    margin-top: .729vw
}

.dialog-container .content-t .address img[data-v-701c562a],.dialog-container .content-t .contact img[data-v-701c562a] {
    height: auto;
    vertical-align: middle;
    width: 1.042vw
}

.dialog-container .content-t .address a[data-v-701c562a],.dialog-container .content-t .contact a[data-v-701c562a] {
    color: #a6a6a6;
    font-size: .833vw;
    line-height: 1.458vw;
    margin-left: .521vw
}

.dialog-container .content-t .address a[data-v-701c562a]:hover,.dialog-container .content-t .contact a[data-v-701c562a]:hover {
    color: #9644ff
}

.dialog-container .content-t .address span[data-v-701c562a],.dialog-container .content-t .contact span[data-v-701c562a] {
    color: #a6a6a6;
    font-size: .833vw;
    height: 1.458vw;
    line-height: 1.563vw;
    padding-left: .521vw;
    vertical-align: middle
}

.dialog-container .content-t .address span[data-v-701c562a]:hover,.dialog-container .content-t .contact span[data-v-701c562a]:hover {
    color: #9644ff
}

.dialog-container .content-b[data-v-701c562a] {
    padding: 1.563vw 2.5vw 3.542vw
}

.dialog-container .content-b .category[data-v-701c562a] {
    margin-bottom: 1.563vw
}

.dialog-container .content-b .category .cate-title[data-v-701c562a] {
    color: #a6a6a6;
    font-size: .938vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.458vw;
    margin-bottom: .833vw;
    text-transform: uppercase
}

.dialog-container .content-b .category ul[data-v-701c562a] {
    gap: .521vw
}

.dialog-container .content-b .category ul li[data-v-701c562a] {
    background: #f1f1f1;
    color: #a6a6a6;
    font-size: .833vw;
    font-style: normal;
    font-weight: 400;
    height: 1.458vw;
    line-height: 1.563vw;
    padding: 0 .417vw
}

.dialog-container .content-b .product .product-title[data-v-701c562a] {
    color: #a6a6a6;
    font-size: .938vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.458vw;
    margin-bottom: .833vw;
    text-transform: uppercase
}

.dialog-container .content-b .product ul li[data-v-701c562a] {
    height: 1.458vw;
    width: 1.458vw
}

.dialog-container .content-b .product ul li img[data-v-701c562a] {
    display: block;
    height: 100%;
    width: 100%
}

.dialog-container .content-b .product ul li img[data-v-701c562a]:hover {
    transform: scale(1.05)
}

@media screen and (max-width: 767px) {
    .dialog-container .modal-overlay[data-v-701c562a] {
        background-color:rgba(0,0,0,.5);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .dialog-container .dialog-content[data-v-701c562a] {
        background-color: #fafafa;
        left: 50%;
        position: fixed;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 330px;
        z-index: 10000
    }

    .dialog-container .delete[data-v-701c562a] {
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px
    }

    .dialog-container[data-v-701c562a] .el-dialog {
        background-color: #fafafa;
        margin-top: 200px!important;
        min-height: 516px;
        width: 364px
    }

    .dialog-container[data-v-701c562a] .el-dialog .el-dialog__body,.dialog-container[data-v-701c562a] .el-dialog .el-dialog__header {
        padding: 0
    }

    .dialog-container .content-t[data-v-701c562a] {
        background-color: #fff;
        padding: 32px 32px 20px
    }

    .dialog-container .content-t .header[data-v-701c562a] {
        height: 56px
    }

    .dialog-container .content-t .header img[data-v-701c562a] {
        height: 56px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: left;
        object-position: left;
        width: 200px
    }

    .dialog-container .content-t .title[data-v-701c562a] {
        color: #000;
        color: var(--Black,#000);
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 14px;
        margin-top: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize
    }

    .dialog-container .content-t .address[data-v-701c562a],.dialog-container .content-t .contact[data-v-701c562a] {
        margin-top: 10px
    }

    .dialog-container .content-t .address img[data-v-701c562a],.dialog-container .content-t .contact img[data-v-701c562a] {
        height: auto;
        width: 20px
    }

    .dialog-container .content-t .address a[data-v-701c562a],.dialog-container .content-t .contact a[data-v-701c562a] {
        color: #a6a6a6;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        margin-left: 10px
    }

    .dialog-container .content-t .address span[data-v-701c562a],.dialog-container .content-t .contact span[data-v-701c562a] {
        color: #a6a6a6;
        font-size: 16px;
        font-style: normal;
        height: 28px;
        line-height: 30px;
        padding-left: 10px;
        vertical-align: middle
    }

    .dialog-container .content-b[data-v-701c562a] {
        padding: 20px 32px 32px
    }

    .dialog-container .content-b .category[data-v-701c562a] {
        margin-bottom: 24px
    }

    .dialog-container .content-b .category .cate-title[data-v-701c562a] {
        color: #a6a6a6;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 8px;
        text-overflow: ellipsis;
        text-transform: uppercase
    }

    .dialog-container .content-b .category ul[data-v-701c562a] {
        gap: 10px
    }

    .dialog-container .content-b .category ul li[data-v-701c562a] {
        background: #f1f1f1;
        color: #a6a6a6;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        height: 28px;
        line-height: 30px;
        padding: 0 8px
    }

    .dialog-container .content-b .product[data-v-701c562a] {
        margin-bottom: 10px
    }

    .dialog-container .content-b .product .product-title[data-v-701c562a] {
        color: #a6a6a6;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 8px;
        text-transform: uppercase
    }

    .dialog-container .content-b .product ul[data-v-701c562a] {
        gap: 16px
    }

    .dialog-container .content-b .product ul li[data-v-701c562a] {
        height: 28px;
        width: 28px
    }

    .dialog-container .content-b .product ul li img[data-v-701c562a] {
        display: block;
        height: 100%;
        width: 100%
    }
}

.tags[data-v-2fe8a22c] {
    background-color: #f7f7f7;
    padding: 2.5vw 12.5vw 0
}

.tags .tags-list.nomore[data-v-2fe8a22c] {
    height: 2.604vw;
    overflow: hidden
}

.tags .tags-list li[data-v-2fe8a22c] {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #5e5e5e;
    cursor: pointer;
    font-family: DIN_OT,FZFangJHJW,sans-serif;
    font-size: .938vw;
    height: 2.5vw;
    line-height: 1;
    margin: 0 .417vw .417vw 0;
    padding: .781vw .625vw;
    text-transform: capitalize
}

.tags .tags-list li svg[data-v-2fe8a22c] {
    margin-left: .417vw
}

.tags .tags-list li.active[data-v-2fe8a22c] {
    background-color: #f9f5ff;
    border: 1px solid #d4b3ff
}

.tags .tags-list .clean[data-v-2fe8a22c],.tags .tags-list li.active[data-v-2fe8a22c] {
    color: #9644ff;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
}

.tags .tags-list .clean[data-v-2fe8a22c] {
    background-color: transparent;
    border: 0
}

.tags .tags-list .clean[data-v-2fe8a22c]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.tags .more-button[data-v-2fe8a22c] {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    height: 2.5vw;
    padding: .781vw 1.25vw;
    width: 7.292vw
}

.tags .more-button span[data-v-2fe8a22c] {
    color: #9644ff;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: .938vw
}

.tags .more-button svg[data-v-2fe8a22c] {
    fill: #9644ff;
    height: .833vw;
    margin-top: .156vw;
    width: .833vw
}

.tags .more-button[data-v-2fe8a22c]:hover {
    background-color: #9644ff
}

.tags .more-button:hover span[data-v-2fe8a22c] {
    color: #fff
}

.tags .more-button:hover svg[data-v-2fe8a22c] {
    fill: #fff
}

@media screen and (max-width: 767px) {
    .mobile-tags[data-v-2fe8a22c] {
        background-color:#fff;
        width: 100vw
    }

    .mobile-tags .hadchosetags-list[data-v-2fe8a22c] {
        box-shadow: 0 2px 6px rgba(0,0,0,.05);
        padding: 0 32px 20px
    }

    .mobile-tags .hadchosetags-list li[data-v-2fe8a22c] {
        background-color: #f9f5ff;
        border: 1px solid #e9d9ff;
        color: #9644ff;
        font-size: 16px;
        height: 40px;
        line-height: 1;
        margin: 0 8px 8px 0;
        padding: 0 8px
    }

    .mobile-tags .hadchosetags-list li[data-v-2fe8a22c]:last-child {
        background-color: #fff;
        border: 0;
        line-height: 40px;
        padding: 0 20px
    }

    .mobile-tags .hadchosetags-list li i[data-v-2fe8a22c],.mobile-tags .hadchosetags-list li span[data-v-2fe8a22c] {
        font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif
    }

    .mobile-tags .hadchosetags-list li i[data-v-2fe8a22c] {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin-left: 8px;
        width: 12px
    }

    .mobile-tags .hidetags[data-v-2fe8a22c] {
        background-color: #fff;
        padding: 0 32px 32px;
        top: 99%;
        width: 100%
    }

    .mobile-tags .hidetags .hidetags-list[data-v-2fe8a22c] {
        height: 200px;
        overflow-y: scroll
    }

    .mobile-tags .hidetags .hidetags-list[data-v-2fe8a22c] .el-checkbox {
        align-items: center;
        border-bottom: 1px solid #f3f3f3;
        display: flex;
        margin: 0;
        padding: 16px 0
    }

    .mobile-tags .hidetags .hidetags-list[data-v-2fe8a22c] .el-checkbox .el-checkbox__input .el-checkbox__inner {
        border: 1px solid #e7e7e7;
        border-radius: 0;
        height: 20px;
        width: 20px
    }

    .mobile-tags .hidetags .hidetags-list[data-v-2fe8a22c] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: #9644ff;
        border: #9644ff
    }

    .mobile-tags .hidetags .hidetags-list[data-v-2fe8a22c] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:after {
        border-width: 2px;
        height: 10px;
        left: 5px;
        top: 2px;
        width: 6px
    }

    .mobile-tags .hidetags .hidetags-list[data-v-2fe8a22c] .el-checkbox .el-checkbox__label {
        color: #5e5e5e;
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 18px;
        line-height: 1.25;
        overflow: hidden;
        padding-left: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }

    .mobile-tags .hidetags button[data-v-2fe8a22c] {
        background-color: #9644ff;
        color: #fff;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 18px;
        height: 48px;
        line-height: 48px;
        margin-top: 20px;
        width: 100%
    }
}

section[data-v-43be2f82] {
    background: #f7f7f7;
    padding: 1.719vw 12.5vw 6.25vw
}

section p[data-v-43be2f82],section span[data-v-43be2f82] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
}

section .list-result[data-v-43be2f82] {
    background-color: #f7f7f7;
    color: #5e5e5e;
    margin-bottom: 2.5vw;
    text-align: center
}

section .list-result p[data-v-43be2f82] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: .938vw;
    line-height: 1.875vw
}

section .list-result span[data-v-43be2f82] {
    color: #9644ff;
    display: inline-block;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.25vw;
    text-align: center;
    width: 2.083vw
}

section .no-data[data-v-43be2f82] {
    color: #a6a6a6;
    font-size: 1.25vw;
    line-height: 1.875vw
}

section .line-clamp-3[data-v-43be2f82] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

section .list-card[data-v-43be2f82] {
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    overflow: hidden;
    width: 100%
}

section .list-card:hover img[data-v-43be2f82] {
    transform: scale(1.05)
}

section .list-card:hover .global-community-title[data-v-43be2f82] {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

section .list-card .image-content[data-v-43be2f82],section .list-card .video-content[data-v-43be2f82] {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

section .list-card .image-content img[data-v-43be2f82],section .list-card .video-content img[data-v-43be2f82] {
    height: 14.948vw;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all 1s;
    width: 100%
}

section .list-card .video-content[data-v-43be2f82]:after {
    background-size: 100% 100%;
    content: url(/_nuxt/img/img_1.49ad5e2.png);
    height: 1.458vw;
    left: 40%;
    position: absolute;
    top: 35%;
    width: 1.458vw
}

section .list-card .resource-content[data-v-43be2f82] {
    background: #fff;
    padding: 1.25vw 1.042vw
}

section .list-card .resource-content .global-type-tag[data-v-43be2f82] {
    margin-bottom: .625vw
}

section .list-card .resource-content .global-community-tags[data-v-43be2f82] {
    height: 3.75vw;
    margin: 1.667vw 0
}

section .list-card .resource-content .title[data-v-43be2f82] {
    font-size: 1.146vw;
    line-height: 1.667vw;
    min-height: 5vw
}

section .list-card .resource-content .tiny-text[data-v-43be2f82] {
    color: #a6a6a6;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    line-height: .938vw;
    margin-top: 1.25vw
}

section .list-card .resource-content .tiny-text span[data-v-43be2f82] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: .938vw
}

section .list-card .resource-content .desc[data-v-43be2f82] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: DIN_OT,FZFangJHJW_Medium,sans-serif;
    font-size: 1.042vw;
    line-height: 1.354vw;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

section .ad-card[data-v-43be2f82] {
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    position: relative
}

section .ad-card img[data-v-43be2f82] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section .ad-card .width-content[data-v-43be2f82] {
    bottom: 2.5vw;
    left: 0;
    margin: 0 3.229vw;
    position: absolute;
    width: 16.875vw
}

section .ad-card .width-content .primary-btn[data-v-43be2f82] {
    width: 100%
}

section .list-button[data-v-43be2f82] {
    position: relative
}

section .list-button .basic-button[data-v-43be2f82] {
    align-items: center;
    background: #fff;
    border: 1px solid #9644ff;
    color: #9644ff;
    cursor: pointer;
    display: flex;
    font-size: 1.042vw;
    height: 3.75vw;
    justify-content: center;
    letter-spacing: .22px;
    line-height: 1.25vw;
    padding: 0 2.5vw;
    text-transform: uppercase;
    width: 23.333vw
}

section .list-button .basic-button span[data-v-43be2f82],section .list-button .basic-button[data-v-43be2f82] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
}

section .list-button .basic-button[data-v-43be2f82]:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .5s ease-in-out;
    width: 0
}

section .list-button .basic-button:hover .text[data-v-43be2f82] {
    color: #fff
}

section .list-button .basic-button[data-v-43be2f82]:hover:before {
    background: #9644ff;
    width: 100%
}

.lang-cn .desc[data-v-43be2f82] {
    line-height: 1.406vw!important
}

.lang-cn .global-community-title[data-v-43be2f82] {
    margin-bottom: 1.667vw
}

.lang-en .title[data-v-43be2f82] {
    font-family: DIN_Medium,sans-serif
}

.lang-en .ad-card img[data-v-43be2f82] {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 767px) {
    section[data-v-43be2f82] {
        background:#f7f7f7;
        padding: 0
    }

    section p[data-v-43be2f82],section span[data-v-43be2f82] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
    }

    section .list-result[data-v-43be2f82] {
        background-color: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,.05);
        color: #5e5e5e;
        margin: 0;
        padding: 20px 0;
        text-align: center
    }

    section .list-result p[data-v-43be2f82] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 18px;
        line-height: 36px
    }

    section .list-result span[data-v-43be2f82] {
        color: #9644ff;
        display: inline-block;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 24px;
        text-align: center;
        width: 40px
    }

    section .no-data[data-v-43be2f82] {
        background: #fff;
        margin: 20px 0
    }

    section .no-data h3[data-v-43be2f82] {
        color: #a6a6a6;
        font-size: 20px;
        line-height: 32px
    }

    section .list-card[data-v-43be2f82] {
        align-items: start;
        background: #fff;
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        padding: 20px 32px;
        width: 100%
    }

    section .list-card:hover img[data-v-43be2f82] {
        transform: none
    }

    section .list-card:hover .global-community-title[data-v-43be2f82] {
        -webkit-text-decoration: none;
        text-decoration: none
    }

    section .list-card[data-v-43be2f82]:last-child {
        margin-bottom: 0
    }

    section .list-card .image-content[data-v-43be2f82],section .list-card .video-content[data-v-43be2f82] {
        flex-shrink: 0;
        height: 107.5px;
        margin-left: 20px;
        margin-top: 36px;
        overflow: auto;
        width: 172px
    }

    section .list-card .image-content img[data-v-43be2f82],section .list-card .video-content img[data-v-43be2f82] {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        transition: all 1s;
        width: 100%
    }

    section .list-card .video-content[data-v-43be2f82]:after {
        background-size: 100% 100%;
        content: "";
        height: 28px;
        left: 120px;
        position: absolute;
        top: 60px;
        width: 28px
    }

    section .list-card .resource-content[data-v-43be2f82] {
        background: #fff;
        flex: 1;
        padding: 0
    }

    section .list-card .resource-content .global-community-title[data-v-43be2f82] {
        margin: 12px 0
    }

    section .list-card .resource-content .tiny-text[data-v-43be2f82] {
        color: #a6a6a6;
        font-family: DIN_OT;
        line-height: 1;
        margin-top: 0
    }

    section .list-card .resource-content .tiny-text span[data-v-43be2f82] {
        font-family: DIN_OT;
        font-size: 16px
    }

    section .list-button[data-v-43be2f82] {
        margin: 0 32px 48px;
        position: relative;
        width: 100%
    }

    section .list-button .basic-button[data-v-43be2f82] {
        align-items: center;
        background: #fff;
        border: 1px solid #9644ff;
        color: #9644ff;
        cursor: pointer;
        display: flex;
        font-size: 20px;
        height: 56px;
        justify-content: center;
        letter-spacing: .22px;
        line-height: 24px;
        text-transform: uppercase;
        width: 100%
    }

    section .list-button .basic-button span[data-v-43be2f82],section .list-button .basic-button[data-v-43be2f82] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
    }

    section .list-button .basic-button[data-v-43be2f82]:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: width .5s ease-in-out;
        width: 0
    }

    section .list-button .basic-button:hover .text[data-v-43be2f82] {
        color: #fff
    }

    section .list-button .basic-button[data-v-43be2f82]:hover:before {
        background: #9644ff;
        width: 100%
    }
}

.wrap[data-v-22ae07dd] {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50
}

.wrap .pop[data-v-22ae07dd] {
    position: relative;
    width: 50%;
    z-index: 51
}

.wrap .pop .pop-link[data-v-22ae07dd] {
    width: 100%
}

.wrap .pop .pop-link img[data-v-22ae07dd] {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.wrap .pop .pop-cancel[data-v-22ae07dd] {
    cursor: pointer;
    height: 1.771vw;
    position: absolute;
    right: .781vw;
    top: .781vw;
    width: 1.771vw
}

.wrap .pop .pop-cancel span[data-v-22ae07dd] {
    border: .104vw solid #000;
    height: 0;
    position: absolute;
    top: .781vw;
    width: 1.771vw
}

.wrap .pop .pop-cancel .left[data-v-22ae07dd] {
    transform: rotate(45deg)
}

.wrap .pop .pop-cancel .right[data-v-22ae07dd] {
    transform: rotate(135deg)
}

.wrap .mask[data-v-22ae07dd] {
    background: rgba(0,0,0,.5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 50
}

@media screen and (max-width: 767px) {
    .wrap .pop[data-v-22ae07dd] {
        margin-top:20px;
        width: 320px
    }

    .wrap .pop .pop-cancel[data-v-22ae07dd] {
        height: 20px;
        right: 4px;
        top: 8px;
        width: 20px
    }

    .wrap .pop .pop-cancel span[data-v-22ae07dd] {
        border: none;
        border-top: 1px solid #000;
        height: 0;
        top: 8px;
        width: 20px
    }

    h1[data-v-5586ca02] {
        font-size: 38px;
        line-height: 38px
    }

    .section-one[data-v-5586ca02] {
        background: #f0f3ff;
        height: 605px;
        margin-bottom: 98px;
        width: 100%
    }

    .section-one .section-title[data-v-5586ca02] {
        padding-top: 44px;
        text-align: center;
        width: 100%
    }

    .section-one img[data-v-5586ca02] {
        float: right;
        height: 381px;
        position: relative;
        top: 20px;
        width: auto
    }

    .section-one .section-button[data-v-5586ca02] {
        margin: 0 auto;
        position: relative
    }

    .lang-cn h1[data-v-5586ca02] {
        font-size: 40px;
        line-height: 48px
    }
}

h1[data-v-1ad4c9e8] {
    color: #000;
    font-size: 3.333vw;
    line-height: 3.646vw;
    text-transform: uppercase
}

.title[data-v-1ad4c9e8] {
    justify-content: center;
    padding: 5vw 18.75vw
}

.nav-wrapper[data-v-1ad4c9e8],.title[data-v-1ad4c9e8] {
    align-items: center;
    background: #fff;
    display: flex;
    width: 100%
}

.nav-wrapper[data-v-1ad4c9e8] {
    flex-direction: row;
    padding: 0 12.5vw
}

.nav-wrapper .nav-item[data-v-1ad4c9e8] {
    align-items: center;
    background: transparent;
    color: #a6a6a6;
    display: flex;
    flex-direction: column;
    font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif;
    font-size: 1.042vw;
    line-height: 1.25vw;
    padding: 1.25vw 0;
    text-transform: uppercase;
    width: 25vw
}

.nav-wrapper .nav-item[data-v-1ad4c9e8]:hover {
    color: #9644ff
}

.nav-wrapper .active[data-v-1ad4c9e8] {
    background: #f9f5ff;
    color: #9644ff
}

@media screen and (max-width: 767px) {
    .phone-section[data-v-1ad4c9e8] {
        margin-bottom:0;
        padding: 18px 32px
    }

    .phone-section[data-v-1ad4c9e8] .swiper-container {
        background-color: #fff;
        flex-direction: row;
        justify-content: center;
        margin: 0
    }

    .phone-section[data-v-1ad4c9e8] .swiper-container .swiper-wrapper {
        flex-direction: row;
        width: 100%
    }

    .phone-section[data-v-1ad4c9e8] .swiper-container .swiper-wrapper .swiper-slide {
        justify-content: center;
        width: -moz-fit-content;
        width: fit-content
    }

    .phone-section[data-v-1ad4c9e8] .swiper-container a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        color: #c5c5c5;
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase
    }

    .phone-section[data-v-1ad4c9e8] .swiper-container a.mobile-active {
        color: #9644ff;
        line-height: 20px
    }
}

.article-wrap[data-v-3fdbe3fc] {
    padding-bottom: 7.5vw
}

.article-wrap .article-first[data-v-3fdbe3fc] {
    margin-bottom: 2.5vw;
    width: 100%
}

.article-wrap .article-first .article-first-content[data-v-3fdbe3fc] {
    padding: 3.75vw 12.5vw;
    width: 100%
}

.article-wrap .article-first .article-first-content .first-item[data-v-3fdbe3fc] {
    display: flex;
    justify-content: center;
    width: 100%
}

.article-wrap .article-first .article-first-content .first-item .article-text[data-v-3fdbe3fc] {
    align-items: flex-start;
    background: #fff;
    justify-content: center;
    padding: 2.5vw;
    width: 25.833vw;
    z-index: 1
}

.article-wrap .article-first .article-first-content .first-item .img-wrap[data-v-3fdbe3fc] {
    height: 30.729vw;
    right: 0;
    width: 49.167vw
}

.article-wrap .article-first .article-first-content .first-item .img-wrap img[data-v-3fdbe3fc] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article-wrap .article-first .article-first-content .first-item .time[data-v-3fdbe3fc] {
    color: #a6a6a6;
    font-family: DIN_OT,FZFangJHJW,sans-serif;
    font-size: .938vw;
    line-height: .938vw
}

.article-wrap .article-first .article-first-content .first-item h3[data-v-3fdbe3fc] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #000;
    display: -webkit-box;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.875vw;
    line-height: 1.25;
    line-height: 2.292vw;
    margin-top: 1.25vw;
    overflow: hidden;
    text-transform: capitalize
}

.article-wrap .article-first .article-first-content .first-item .desc[data-v-3fdbe3fc] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #5e5e5e;
    display: -webkit-box;
    font-family: DIN_OT,FZFangJHJW,sans-serif;
    font-size: 1.146vw;
    line-height: 1.875vw;
    margin-top: 1.25vw;
    overflow: hidden;
    text-overflow: ellipsis
}

.article-wrap .article-list-main[data-v-3fdbe3fc] {
    grid-row-gap: 2.5vw;
    grid-column-gap: 2.5vw;
    align-items: flex-start;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    padding: 0 12.5vw
}

.article-wrap .article-list-main div[data-v-3fdbe3fc] {
    align-items: normal
}

.article-wrap .article-list-main p[data-v-3fdbe3fc] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.article-wrap .article-list-main .other-item[data-v-3fdbe3fc] {
    background: #fff;
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    width: 100%
}

.article-wrap .article-list-main .other-item .article-text[data-v-3fdbe3fc] {
    padding: 1.25vw;
    width: 100%
}

.article-wrap .article-list-main .other-item .article-text div[data-v-3fdbe3fc] {
    margin-bottom: .938vw;
    padding-bottom: 1.563vw
}

.article-wrap .article-list-main .other-item .article-text div h3[data-v-3fdbe3fc] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 1.146vw;
    line-height: 1.667vw;
    min-height: 4.688vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.article-wrap .article-list-main .other-item .article-text p[data-v-3fdbe3fc] {
    color: #a6a6a6;
    font-size: .938vw;
    line-height: 1.354vw
}

.article-wrap .article-list-main .other-item .cover-card[data-v-3fdbe3fc] {
    display: none
}

.article-wrap .article-list-main .other-item .img-wrap[data-v-3fdbe3fc] {
    height: 14.688vw;
    overflow: hidden;
    width: 100%
}

.article-wrap .article-list-main .other-item .img-wrap img[data-v-3fdbe3fc] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all 1s;
    width: 100%
}

.article-wrap .article-list-main .other-item:hover .article-text div h3[data-v-3fdbe3fc] {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.article-wrap .article-list-main .other-item:hover .img-wrap img[data-v-3fdbe3fc] {
    transform: scale(1.05)
}

.article-wrap .list-loading[data-v-3fdbe3fc] {
    height: 2.604vw;
    width: 100%
}

.article-wrap .list-loading[data-v-3fdbe3fc] .dots-container {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 46.615vw
}

.article-wrap .list-button[data-v-3fdbe3fc] {
    margin-top: 3.75vw;
    position: relative
}

.article-wrap .list-button .basic-button[data-v-3fdbe3fc] {
    align-items: center;
    background: #fff;
    border: 1px solid #9644ff;
    color: #9644ff;
    cursor: pointer;
    display: flex;
    font-size: 1.146vw;
    height: 3.75vw;
    justify-content: center;
    letter-spacing: .22px;
    line-height: 1.146vw;
    padding: 0 2.5vw;
    text-transform: uppercase;
    width: 23.333vw
}

.article-wrap .list-button .basic-button span[data-v-3fdbe3fc],.article-wrap .list-button .basic-button[data-v-3fdbe3fc] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
}

.article-wrap .list-button .basic-button[data-v-3fdbe3fc]:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .5s ease-in-out;
    width: 0
}

.article-wrap .list-button .basic-button:hover .text[data-v-3fdbe3fc] {
    color: #fff
}

.article-wrap .list-button .basic-button[data-v-3fdbe3fc]:hover:before {
    background: #9644ff;
    width: 100%
}

@media screen and (max-width: 767px) {
    .article-wrap[data-v-3fdbe3fc] {
        background-color:#fafafa;
        padding-bottom: 64px
    }

    .article-wrap .article-first[data-v-3fdbe3fc] {
        background: #fff!important;
        margin-bottom: 0;
        padding-bottom: 48px;
        width: 100%
    }

    .article-wrap .article-first .article-first-content[data-v-3fdbe3fc] {
        padding: 0;
        width: 100%
    }

    .article-wrap .article-first .article-first-content .first-item[data-v-3fdbe3fc] {
        align-items: center;
        display: flex;
        flex-direction: column-reverse;
        width: 100%
    }

    .article-wrap .article-first .article-first-content .first-item .article-text[data-v-3fdbe3fc] {
        background: #fff;
        padding: 20px 32px 0;
        width: 100%;
        z-index: 1
    }

    .article-wrap .article-first .article-first-content .first-item .article-text p[data-v-3fdbe3fc]:first-child {
        color: #a6a6a6;
        font-family: DIN_OT,FZFangJHJW,sans-serif;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
        order: 1
    }

    .article-wrap .article-first .article-first-content .first-item .article-text p[data-v-3fdbe3fc]:last-child {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        font-family: DIN_OT,FZFangJHJW_Medium,sans-serif;
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
        overflow: hidden
    }

    .article-wrap .article-first .article-first-content .first-item .article-text h3[data-v-3fdbe3fc] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 24px;
        line-height: 32px;
        margin-top: 0;
        overflow: hidden;
        text-transform: uppercase
    }

    .article-wrap .article-first .article-first-content .first-item .img-wrap[data-v-3fdbe3fc] {
        height: 267.5px;
        width: 100%
    }

    .article-wrap .article-list-main[data-v-3fdbe3fc] {
        grid-row-gap: 0;
        align-items: center;
        grid-template-columns: repeat(1,minmax(0,1fr));
        padding: 0;
        width: 100%
    }

    .article-wrap .article-list-main .other-item[data-v-3fdbe3fc] {
        flex-direction: row-reverse;
        gap: 20px;
        margin-top: 16px;
        padding: 20px 32px;
        width: 100%
    }

    .article-wrap .article-list-main .other-item .article-text[data-v-3fdbe3fc] {
        align-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0
    }

    .article-wrap .article-list-main .other-item .article-text div[data-v-3fdbe3fc] {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        height: 107.5px;
        margin-bottom: 20px;
        padding-bottom: 0;
        width: 100%
    }

    .article-wrap .article-list-main .other-item .article-text div h3[data-v-3fdbe3fc] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        color: #000;
        display: -webkit-box;
        font-family: DIN_Medium FZFangJHJW_Medium,sans-serif;
        font-size: 16px;
        height: -moz-fit-content;
        height: fit-content;
        line-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .article-wrap .article-list-main .other-item .article-text p[data-v-3fdbe3fc] {
        color: #a6a6a6;
        flex-grow: 1;
        font-family: DIN_OT,FZFangJHJW,sans-serif;
        font-size: 16px;
        line-height: 16px
    }

    .article-wrap .article-list-main .other-item .img-wrap[data-v-3fdbe3fc] {
        flex-shrink: 0;
        height: 107.5px;
        width: 172px
    }

    .article-wrap .article-list-main .other-item .img-wrap img[data-v-3fdbe3fc] {
        height: 100%;
        width: 100%
    }

    .article-wrap .list-loading[data-v-3fdbe3fc] {
        box-sizing: content-box
    }

    .article-wrap .list-loading[data-v-3fdbe3fc] .dots-container {
        align-items: center;
        flex-direction: row;
        justify-content: center;
        padding: 0;
        width: 100%
    }

    .article-wrap .list-button[data-v-3fdbe3fc] {
        margin-top: 48px;
        padding: 0 32px;
        width: 100%
    }

    .article-wrap .list-button .basic-button[data-v-3fdbe3fc] {
        height: 56px;
        padding: 0;
        width: 100%
    }

    .article-wrap .list-button .basic-button span[data-v-3fdbe3fc] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 20px
    }
}

.anno-area[data-v-c441979a] {
    padding: 7.5vw 12.5vw 1.25vw
}

.anno-area .anno-title[data-v-c441979a] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.anno-area .anno-list[data-v-c441979a] {
    grid-column-gap: 2.5vw;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(5,1fr);
    margin-top: 3.75vw
}

.anno-area .anno-list .anno-item[data-v-c441979a] {
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
    list-style: none;
    margin-bottom: 1.25vw;
    padding-bottom: 1.25vw;
    width: 100%
}

.anno-area .anno-list .anno-item[data-v-c441979a]:last-child,.anno-area .anno-list .anno-item[data-v-c441979a]:nth-last-child(2) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.anno-area .anno-list .anno-item:hover .anno-item-title[data-v-c441979a] {
    color: #9644ff!important
}

.anno-area .anno-list .anno-item:hover .anno-item-wrap[data-v-c441979a]:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAERSURBVHgBrZNNbsIwFITnuaHd9gZNb9AjGBXukUrdVKx6grYn6KIqLOEeIAg34AaEG7BDCMjjhT85xii2YDaxJsqXseeZ2k2eghHDT5PlGvXPlOamqRCml4cIo1/Nj6YZHRf3OeL3Ic3sr/6bnBCjK8uxJH4CnUCnRN5JBDSlDeoCyuxEQdv5SCmzQaXtVIkVdOeVu/tYO0hcgIIgRYNMSFyvKiFqhTSv4c32D4ftBynOQR4922832A0x6rwoBn5aA/o2vdBhc6qUpNWnHhzRgyB/DdZifJleLUfimuSLEEVSI0PjmiRFnetIJtJQVYozyKHODIG6bTsLheeOlsH2FLsgd8CI/W9SOYlMaOb/f7e26zxbsi0neCcAAAAASUVORK5CYII=)!important
}

.anno-area .anno-list .anno-item .anno-item-wrap[data-v-c441979a] {
    align-items: flex-start;
    display: flex;
    width: 100%
}

.anno-area .anno-list .anno-item .anno-item-wrap[data-v-c441979a]:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD3SURBVHgBrZPRDYIwFEVfpf8yAgb4dwQ3sBuAIziBuoEbIBs4gs4BREbgnwS8TSCpFE0f8f4UXunh9t1WxHGc9n2fkaPwbVpVVW7WVsSUEOIWhmFi1qQ5WRTFYW4hFr0wH8BFjjEZQDQ6Yjnpuu6E4TJ1xN5OWZbnCUhJDsDzvCuCaPQztqZHH6AtCwIpLLaKrpAj/uibBcD2GuoMQQr3aS2KouArZIyTfgjNFeY7O505WU5gfUNMWRBEmKFpgVF6DmfDHYJTuTN7gueauE6w6OP+tG1bExcC6w9i6r/poJl+AJG71hYEUlJKRQskkYa+jTUtFIJo3qtmWocn/dOdAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    flex: 0 0 auto;
    height: .938vw;
    margin-right: .833vw;
    margin-top: .313vw;
    width: .729vw
}

.anno-area .anno-list .anno-item .anno-item-wrap .anno-item-text .anno-item-title[data-v-c441979a] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #242424;
    display: -webkit-box;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: normal;
    margin-bottom: .625vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.anno-area .anno-list .anno-item .anno-item-wrap .anno-item-text .anno-item-time[data-v-c441979a] {
    color: #a6a6a6;
    font-size: .938vw
}

.lang-hk .anno-item-title[data-v-c441979a] {
    font-family: Noto_Sans,sans-serif!important
}

@media screen and (max-width: 767px) {
    .anno-area[data-v-c441979a] {
        padding:40px 32px 24px
    }

    .anno-area .anno-title[data-v-c441979a] {
        display: none
    }

    .anno-area .anno-list[data-v-c441979a] {
        grid-column-gap: 0;
        grid-template-columns: none;
        grid-template-rows: repeat(1,1fr);
        margin-top: 0
    }

    .anno-area .anno-list .anno-item[data-v-c441979a],.anno-area .anno-list .anno-item[data-v-c441979a]:nth-last-child(2) {
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 0;
        padding: 24px 0
    }

    .anno-area .anno-list .anno-item[data-v-c441979a]:last-child {
        padding: 24px 0
    }

    .anno-area .anno-list .anno-item .anno-item-wrap[data-v-c441979a]:before {
        height: 20px;
        margin-right: 16px;
        margin-top: 4px;
        width: 16px
    }

    .anno-area .anno-list .anno-item .anno-item-wrap .anno-item-text .anno-item-title[data-v-c441979a] {
        font-size: 16px;
        margin-bottom: 8px;
        text-transform: none
    }

    .anno-area .anno-list .anno-item .anno-item-wrap .anno-item-text .anno-item-time[data-v-c441979a] {
        font-size: 14px
    }
}

.acticle-content {
    align-items: normal;
    display: flex;
    flex-direction: column;
    line-height: 1.5
}

.acticle-content p,.acticle-content span {
    color: #242424;
    font-size: 1.146vw;
    line-height: 1.875vw;
    margin-bottom: .521vw;
    text-align: left;
    width: 100%
}

.acticle-content img {
    margin: 0 auto 1.042vw;
    width: 90%
}

.acticle-content h1 {
    color: #9744ff;
    font-size: 1.875vw;
    line-height: normal
}

.acticle-content h2 {
    font-size: 1.719vw
}

.acticle-content h3 {
    font-size: 1.563vw
}

.acticle-content h4 {
    font-size: 1.406vw
}

.acticle-content h5 {
    font-size: 1.25vw
}

.acticle-content h6 {
    color: gray;
    font-size: 1.042vw
}

.acticle-content h1,.acticle-content h2,.acticle-content h3,.acticle-content h4,.acticle-content h5 {
    margin-bottom: 1.563vw;
    margin-top: .521vw
}

.acticle-content a,.acticle-content b,.acticle-content strong {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
}

.acticle-content a {
    cursor: pointer
}

.acticle-content a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.acticle-content iframe,.acticle-content video {
    margin-bottom: 1.042vw
}

.acticle-content ul {
    display: block
}

.acticle-content ul li {
    display: list-item;
    font-size: 1.146vw;
    list-style: square;
    margin-left: 1.563vw
}

.acticle-content ul li::marker {
    color: #9744ff
}

.acticle-content ol li {
    font-size: 1.146vw;
    list-style: decimal;
    margin-left: 1.563vw
}

@media screen and (max-width: 767px) {
    .acticle-content p,.acticle-content span {
        color:#242424;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 10px;
        text-align: left;
        width: 100%
    }

    .acticle-content img {
        margin-bottom: 20px
    }

    .acticle-content h1 {
        color: #9744ff;
        font-size: 24px;
        line-height: 32px
    }

    .acticle-content h2 {
        font-size: 22px
    }

    .acticle-content h3,.acticle-content h4,.acticle-content h5 {
        font-size: 20px
    }

    .acticle-content h6 {
        font-size: 18px
    }

    .acticle-content h1,.acticle-content h2,.acticle-content h3,.acticle-content h4,.acticle-content h5 {
        margin-bottom: 20px
    }

    .acticle-content a,.acticle-content b,.acticle-content strong {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
    }

    .acticle-content a {
        line-break: anywhere
    }

    .acticle-content iframe,.acticle-content video {
        margin-bottom: 20px
    }

    .acticle-content ol li,.acticle-content ul li {
        font-size: 20px;
        margin-left: 30px
    }
}

.contact-form[data-v-1efc4c1a] {
    background-color: #fff;
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    width: 23.333vw
}

.contact-form .form-title[data-v-1efc4c1a] {
    font-size: 1.875vw;
    line-height: 2.292vw;
    text-transform: uppercase
}

.contact-form .form-description[data-v-1efc4c1a] {
    color: #242424;
    font-family: DIN_OT,FZFangJHJW,sans-serif;
    font-size: 1.146vw;
    line-height: 1.667vw;
    margin: 2.5vw 0;
    text-transform: capitalize;
    white-space: pre-line
}

.contact-form .dialog-form[data-v-1efc4c1a] {
    gap: 1.25vw 0
}

.contact-form[data-v-1efc4c1a] .el-form .el-form-item {
    margin-bottom: 0
}

.contact-form[data-v-1efc4c1a] .el-form .el-form-item .el-form-item__label {
    color: #5e5e5e;
    font-family: DIN_Medium,FZFangJHJW_Cu,sans-serif;
    font-size: .938vw;
    line-height: 1;
    margin-bottom: .417vw;
    padding: 0;
    position: relative;
    z-index: 20
}

.contact-form[data-v-1efc4c1a] .el-form .el-form-item .el-form-item__label:before {
    color: #9744ff
}

.contact-form[data-v-1efc4c1a] .el-form .el-form-item .el-form-item__error {
    bottom: 120%;
    left: auto;
    right: 0;
    top: auto
}

.contact-form[data-v-1efc4c1a] .el-form .el-select {
    display: block
}

.contact-form[data-v-1efc4c1a] .el-form .el-select .is-focus .el-input__inner {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.contact-form[data-v-1efc4c1a] .el-form .el-select .el-input .el-select__caret {
    color: #000;
    font-weight: 700
}

.contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown {
    border-radius: 0;
    left: 0!important
}

.contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown .el-select-dropdown__item.selected {
    color: #9744ff
}

.contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown .el-scrollbar ul {
    display: block!important;
    width: 18.125vw
}

.contact-form[data-v-1efc4c1a] .el-form .el-input {
    background: #fff;
    height: 2.5vw;
    width: 100%
}

.contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner {
    border-radius: 0;
    font-size: 1.042vw;
    height: 2.5vw;
    position: relative;
    z-index: 0
}

.contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner::-moz-placeholder {
    color: #c5c5c5
}

.contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner::placeholder {
    color: #c5c5c5
}

.contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner:focus::-moz-placeholder {
    color: #dcdcdc
}

.contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner:focus::placeholder {
    color: #dcdcdc
}

.contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner:focus {
    border-color: #9644ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.contact-form[data-v-1efc4c1a] .el-form .link-text {
    color: #242424;
    width: 16.458vw
}

.contact-form[data-v-1efc4c1a] .el-form .link-text a {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox {
    align-items: start;
    display: flex;
    white-space: pre-line
}

.contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox .el-checkbox__inner {
    height: 1.042vw;
    width: 1.042vw
}

.contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox.is-checked .el-checkbox__inner {
    background: #9644ff;
    border-color: #9644ff
}

.contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox.is-checked .el-checkbox__inner:after {
    height: .521vw;
    left: .365vw;
    top: .104vw;
    width: .208vw
}

.contact-form[data-v-1efc4c1a] .el-form .tips-text {
    color: #a6a6a6;
    font-size: .833vw;
    line-height: 1.25vw;
    margin-top: .417vw;
    word-break: break-word
}

.contact-form[data-v-1efc4c1a] .el-form .tips-text a {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.contact-form[data-v-1efc4c1a] .el-form .form-btn {
    background: #9644ff;
    cursor: pointer;
    height: 3.75vw;
    padding: 0 2.5vw;
    text-align: center;
    width: 100%
}

.contact-form[data-v-1efc4c1a] .el-form .form-btn:hover span {
    color: #e9d9ff
}

.contact-form[data-v-1efc4c1a] .el-form .form-btn span {
    color: #fff;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.25vw;
    line-height: 1.25vw;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .contact-form[data-v-1efc4c1a] {
        background-color:#242424;
        padding: 64px 32px;
        width: 100%
    }

    .contact-form .form-title[data-v-1efc4c1a] {
        color: #fff;
        font-size: 32px;
        line-height: 36px
    }

    .contact-form .form-description[data-v-1efc4c1a] {
        color: #f3f3f3;
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px
    }

    .contact-form .dialog-form[data-v-1efc4c1a] {
        gap: 8px;
        margin-top: 48px
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-form-item .el-form-item__label {
        color: #fff;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 14px;
        line-height: 1;
        margin-bottom: 8px;
        padding: 0;
        position: relative;
        z-index: 20
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-form-item .el-form-item__label:before {
        color: #9744ff;
        font-size: 16px
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-form-item .el-form-item__error .el-form-item__error {
        bottom: 120%;
        left: auto;
        right: 0;
        top: auto
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select {
        display: block
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select .is-focus .el-input__inner {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select .el-input .el-select__caret {
        color: #000;
        font-weight: 700
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown {
        left: 0!important;
        width: 100%
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown .el-select-dropdown__item.selected {
        color: #9744ff
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown .el-scrollbar ul {
        display: block!important;
        width: 100%
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown .el-scrollbar ul li {
        height: -moz-fit-content;
        height: fit-content;
        padding: 10px 0 10px 20px
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-select .el-select-dropdown .el-scrollbar ul li span {
        font-size: 16px;
        line-height: 1
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-input {
        background: #fff;
        height: 48px;
        width: 100%
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner {
        border-radius: 0;
        font-size: 20px;
        height: 48px;
        position: relative;
        z-index: 0
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner::-moz-placeholder {
        color: #c5c5c5
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner::placeholder {
        color: #c5c5c5
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner:focus::-moz-placeholder {
        color: #dcdcdc
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner:focus::placeholder {
        color: #dcdcdc
    }

    .contact-form[data-v-1efc4c1a] .el-form .el-input .el-input__inner:focus {
        border-color: #9644ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .contact-form[data-v-1efc4c1a] .el-form .form-btn {
        background: #9644ff;
        cursor: pointer;
        height: 56px;
        margin-top: 48px;
        text-align: center;
        width: 100%
    }

    .contact-form[data-v-1efc4c1a] .el-form .form-btn:hover span {
        color: #fff
    }

    .contact-form[data-v-1efc4c1a] .el-form .form-btn span {
        color: #fff;
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase
    }

    .contact-form[data-v-1efc4c1a] .el-form .form-btn svg {
        height: 12px;
        margin-left: 8px;
        width: 12px
    }

    .contact-form[data-v-1efc4c1a] .el-form .link {
        margin-top: 12px
    }

    .contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox {
        align-items: start;
        color: #fff;
        display: flex;
        white-space: pre-line
    }

    .contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox .el-checkbox__inner {
        height: 20px;
        width: 20px
    }

    .contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox.is-checked .el-checkbox__inner {
        background: #9644ff;
        border-color: #9644ff
    }

    .contact-form[data-v-1efc4c1a] .el-form .link .el-checkbox.is-checked .el-checkbox__inner:after {
        height: 10px;
        left: 7px;
        top: 2px;
        width: 4px
    }

    .contact-form[data-v-1efc4c1a] .el-form .link-text {
        color: #fff;
        width: 100%
    }

    .contact-form[data-v-1efc4c1a] .el-form .link-text a {
        color: #9644ff;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .contact-form[data-v-1efc4c1a] .el-form .tips-text {
        color: #a6a6a6;
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px;
        word-break: break-word
    }

    .contact-form[data-v-1efc4c1a] .el-form .tips-text a {
        color: #9644ff;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

h2[data-v-aafd61ca] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    white-space: pre-wrap
}

.section-five[data-v-aafd61ca] {
    width: 100%
}

.section-five .section-blog[data-v-aafd61ca] {
    background: #fff;
    padding: 5.417vw 12.5vw
}

.section-five .section-blog .blog-wrap[data-v-aafd61ca] {
    background: #fff;
    box-shadow: 0 0 2.5vw rgba(0,0,0,.1)
}

.section-five .section-blog .blog-wrap img[data-v-aafd61ca] {
    height: 14.583vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.section-five .section-blog .blog-wrap p[data-v-aafd61ca] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: DIN_Medium,FZFangJunHeiS,SourceHanSansHC-Bold,sans-serif;
    font-size: 1.146vw;
    height: 3.75vw;
    letter-spacing: -.02em;
    line-height: 1.771vw;
    margin-bottom: 4.167vw;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 20.833vw
}

.section-five .section-blog .blog-wrap .more[data-v-aafd61ca] {
    color: #ccc;
    font-size: 1.042vw;
    line-height: 1.042vw;
    text-transform: uppercase
}

.section-five .section-blog .blog-wrap .more span[data-v-aafd61ca] {
    font-family: DIN_Medium,FZFangJunHeiS,SourceHanSansHC-Bold,sans-serif
}

.section-five .section-blog .blog-wrap .more[data-v-aafd61ca]:hover {
    color: #9644ff
}

.section-five .section-blog .blog-wrap .more:hover path[data-v-aafd61ca] {
    stroke: #9644ff
}

.lang-cn h2[data-v-aafd61ca] {
    font-size: 2.604vw;
    line-height: 3.333vw;
    white-space: normal
}

@media screen and (max-width: 767px) {
    h2[data-v-aafd61ca] {
        font-size:32px;
        line-height: 36px;
        white-space: normal
    }

    .section-five[data-v-aafd61ca] {
        width: 100%
    }

    .section-five .section-blog[data-v-aafd61ca] {
        background: #fff;
        padding: 64px 20px
    }

    .section-five .section-blog .blog-wrap[data-v-aafd61ca] {
        background: #fff;
        box-shadow: 0 0 30px rgba(0,0,0,.1);
        margin-top: 32px;
        width: 100%
    }

    .section-five .section-blog .blog-wrap img[data-v-aafd61ca] {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }

    .section-five .section-blog .blog-wrap p[data-v-aafd61ca] {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 20px;
        height: auto;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 92%
    }

    .section-five .section-blog .blog-wrap .more[data-v-aafd61ca] {
        color: #9644ff;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 33px
    }

    .section-five .section-blog .blog-wrap .more span[data-v-aafd61ca] {
        font-family: DIN_Medium,FZFangJunHeiS,SourceHanSansHC-Bold,sans-serif;
        text-transform: none
    }

    .lang-cn h2[data-v-aafd61ca] {
        font-size: 40px;
        line-height: 48px;
        text-align: center;
        white-space: pre-wrap
    }

    .lang-cn .section-blog h2[data-v-aafd61ca] {
        font-size: 36px;
        line-height: 40px;
        text-align: left
    }

    .lang-cn .section-five .section-blog .blog-wrap .more[data-v-aafd61ca] {
        font-size: 16px;
        line-height: 24px
    }
}

main section[data-v-48dc1f6a] {
    margin-bottom: 7.5vw;
    padding: 0 12.5vw
}

main div[data-v-48dc1f6a] {
    align-items: normal
}

main h2[data-v-48dc1f6a] {
    font-size: 3.75vw;
    line-height: 1.2;
    white-space: pre-line
}

main h3[data-v-48dc1f6a] {
    font-size: 3.125vw;
    line-height: 1.4
}

.img-logo[data-v-48dc1f6a] {
    width: 36.25vw
}

.img-logo img[data-v-48dc1f6a] {
    height: 22.656vw
}

.logo-desc[data-v-48dc1f6a] {
    color: #242424;
    font-size: 1.146vw;
    line-height: 1.667vw;
    margin-bottom: 3.75vw;
    margin-top: 1.25vw
}

.logo-desc[data-v-48dc1f6a],.logo-subDesc[data-v-48dc1f6a] {
    font-family: DIN_OT,FZFangJHJW,sans-serif
}

.logo-subDesc[data-v-48dc1f6a] {
    font-size: 1.042vw;
    line-height: 1.875vw
}

.btn-flat[data-v-48dc1f6a] {
    align-items: center;
    align-self: center;
    border: 1px solid #9744ff;
    border-radius: 0;
    color: #9744ff;
    cursor: pointer;
    display: flex;
    font-size: 1.146vw;
    justify-content: center;
    line-height: 3.75vw;
    margin-top: 3.75vw;
    text-align: center;
    text-transform: uppercase;
    width: 23.333vw
}

.btn-flat span[data-v-48dc1f6a] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    margin-right: .417vw
}

.btn-flat img[data-v-48dc1f6a] {
    height: .833vw;
    margin-left: .417vw;
    margin-top: .156vw;
    width: .833vw
}

.btn-flat[data-v-48dc1f6a]:hover {
    background: #9744ff;
    color: #fff
}

.section-banner[data-v-48dc1f6a] {
    align-items: center;
    background: #f9f5ff;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 5.208vw;
    padding-top: 5.208vw
}

.section-banner .cover-card[data-v-48dc1f6a] {
    justify-content: center;
    width: 29.688vw
}

.section-banner .cover-card h2[data-v-48dc1f6a] {
    font-size: 3.333vw
}

.section-banner .cover-card .desc-wrap[data-v-48dc1f6a] {
    color: #5e5e5e;
    font-size: 1.146vw;
    line-height: 1.875vw
}

.section-banner .img-wrap[data-v-48dc1f6a] {
    height: auto;
    width: 45.313vw
}

.section-banner .img-wrap img[data-v-48dc1f6a] {
    background: transparent
}

.section-three[data-v-48dc1f6a] {
    background-color: #fafafa;
    padding-bottom: 10.417vw;
    padding-top: 7.5vw
}

.section-three .brand-desc[data-v-48dc1f6a] {
    margin-bottom: 3.75vw;
    margin-top: 1.25vw
}

.section-three .section-three-color-list[data-v-48dc1f6a] {
    top: 11.458vw
}

.section-three .section-three-color-wrap>div[data-v-48dc1f6a] {
    padding-bottom: 3.854vw;
    padding-top: 3.854vw
}

.section-three .section-three-color-wrap>div p[data-v-48dc1f6a] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.875vw
}

.section-three .section-three-color-wrap>div:first-child .section-three-color-list span[data-v-48dc1f6a]:first-child {
    background-color: #9644ff
}

.section-three .section-three-color-wrap>div:first-child .section-three-color-list span[data-v-48dc1f6a]:nth-child(2) {
    background-color: #ab69ff
}

.section-three .section-three-color-wrap>div:first-child .section-three-color-list span[data-v-48dc1f6a]:nth-child(3) {
    background-color: #c08eff
}

.section-three .section-three-color-wrap>div:first-child .section-three-color-list span[data-v-48dc1f6a]:nth-child(4) {
    background-color: #d4b3ff
}

.section-three .section-three-color-wrap>div:first-child .section-three-color-list span[data-v-48dc1f6a]:nth-child(5) {
    background-color: #e9d9ff
}

.section-three .section-three-color-wrap>div:nth-child(2) .section-three-color-list span[data-v-48dc1f6a]:first-child {
    background-color: #67ed93
}

.section-three .section-three-color-wrap>div:nth-child(2) .section-three-color-list span[data-v-48dc1f6a]:nth-child(2) {
    background-color: #84f0a8
}

.section-three .section-three-color-wrap>div:nth-child(2) .section-three-color-list span[data-v-48dc1f6a]:nth-child(3) {
    background-color: #a3f4be
}

.section-three .section-three-color-wrap>div:nth-child(2) .section-three-color-list span[data-v-48dc1f6a]:nth-child(4) {
    background-color: #c1f7d3
}

.section-three .section-three-color-wrap>div:nth-child(2) .section-three-color-list span[data-v-48dc1f6a]:nth-child(5) {
    background-color: #e0fbe9
}

.section-three .section-three-color-wrap>div:nth-child(3) .section-three-color-list span[data-v-48dc1f6a]:first-child {
    background-color: #000
}

.section-three .section-three-color-wrap>div:nth-child(3) .section-three-color-list span[data-v-48dc1f6a]:nth-child(2) {
    background-color: #333
}

.section-three .section-three-color-wrap>div:nth-child(3) .section-three-color-list span[data-v-48dc1f6a]:nth-child(3) {
    background-color: #666
}

.section-three .section-three-color-wrap>div:nth-child(3) .section-three-color-list span[data-v-48dc1f6a]:nth-child(4) {
    background-color: #999
}

.section-three .section-three-color-wrap>div:nth-child(3) .section-three-color-list span[data-v-48dc1f6a]:nth-child(5) {
    background-color: #ccc
}

.section-five[data-v-48dc1f6a] {
    align-items: center;
    padding: 0 6.25vw 10vw
}

.section-five h3[data-v-48dc1f6a] {
    margin-bottom: 3.75vw;
    text-align: center
}

.section-five .link-wrap[data-v-48dc1f6a] {
    align-items: center;
    border: 1px solid #f5e8f5;
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    padding: 2.5vw 1.25vw;
    width: 24.375vw
}

.section-five .link-wrap span[data-v-48dc1f6a] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.25vw;
    height: 1.25vw;
    line-height: 1.25vw
}

.section-five .link-wrap a[data-v-48dc1f6a]:last-child {
    color: #9744ff;
    cursor: pointer;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.458vw;
    height: 1.458vw;
    line-height: 1.458vw
}

.section-five .link-wrap a[data-v-48dc1f6a]:last-child:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .section-banner[data-v-48dc1f6a] {
        align-items:center;
        background: #f9f5ff;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding: 24px 32px
    }

    .section-banner .cover-card[data-v-48dc1f6a] {
        justify-content: center;
        margin-top: 18px;
        width: 100%
    }

    .section-banner .cover-card h2[data-v-48dc1f6a] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 24px;
        line-height: 32px;
        margin-top: 0;
        text-transform: uppercase
    }

    .section-banner .cover-card .desc-wrap[data-v-48dc1f6a] {
        font-family: DIN_OT,FZFangJHJW_Medium,sans-serif;
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px
    }

    .section-banner .img-wrap[data-v-48dc1f6a] {
        width: 100%
    }

    .section-banner .img-wrap img[data-v-48dc1f6a] {
        background: transparent
    }

    .section-two[data-v-48dc1f6a] {
        padding: 20px 32px
    }

    .section-two h3[data-v-48dc1f6a] {
        -webkit-line-clamp: 2;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 24px;
        line-height: 32px;
        margin-top: 0;
        text-transform: uppercase
    }

    .section-two .logo-desc[data-v-48dc1f6a],.section-two h3[data-v-48dc1f6a] {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .section-two .logo-desc[data-v-48dc1f6a] {
        -webkit-line-clamp: 3;
        font-family: DIN_OT,FZFangJHJW_Medium,sans-serif;
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px
    }

    .section-two .logo-wrap[data-v-48dc1f6a] {
        align-items: center;
        flex-direction: column
    }

    .section-two .logo-wrap .img-logo[data-v-48dc1f6a] {
        margin-bottom: 32px;
        width: 100%
    }

    .section-two .logo-wrap .img-logo img[data-v-48dc1f6a] {
        height: auto
    }

    .section-two .logo-wrap .img-logo h4[data-v-48dc1f6a] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 18px;
        line-height: 30px
    }

    .section-two .logo-wrap .img-logo p[data-v-48dc1f6a] {
        font-family: DIN_OT,FZFangJHJW,sans-serif;
        font-size: 18px;
        line-height: 30px
    }

    .section-two .btn-flat[data-v-48dc1f6a] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 16px;
        height: 44px;
        width: 80%
    }

    .section-two .btn-flat img[data-v-48dc1f6a] {
        height: 16px;
        margin-left: 8px;
        margin-top: 3px;
        width: 16px
    }

    .section-three[data-v-48dc1f6a] {
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: 0;
        padding: 20px 32px
    }

    .section-three h3[data-v-48dc1f6a] {
        -webkit-line-clamp: 2;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 24px;
        line-height: 32px;
        margin-top: 0;
        text-transform: uppercase
    }

    .section-three .brand-desc[data-v-48dc1f6a],.section-three h3[data-v-48dc1f6a] {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .section-three .brand-desc[data-v-48dc1f6a] {
        -webkit-line-clamp: 3;
        font-family: DIN_OT,FZFangJHJW_Medium,sans-serif;
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px
    }

    .section-three .section-three-color-wrap[data-v-48dc1f6a] {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .section-three .section-three-color-wrap div[data-v-48dc1f6a] {
        margin-bottom: 72px;
        padding-bottom: 36px;
        padding-top: 36px
    }

    .section-three .section-three-color-wrap div p[data-v-48dc1f6a] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 18px;
        line-height: 30px
    }

    .section-three .section-three-color-wrap div .section-three-color-list[data-v-48dc1f6a] {
        top: 104px
    }

    .section-three .section-three-color-wrap div .section-three-color-list span[data-v-48dc1f6a] {
        height: 48px
    }

    .section-five[data-v-48dc1f6a] {
        padding: 32px
    }

    .section-five h3[data-v-48dc1f6a] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 24px;
        line-height: 32px;
        margin-top: 0;
        overflow: hidden;
        text-align: left;
        text-transform: uppercase
    }

    .section-five .contact-ways[data-v-48dc1f6a] {
        flex-direction: column
    }

    .section-five .contact-ways .link-wrap[data-v-48dc1f6a] {
        margin-bottom: 8px;
        padding: 36px 24px;
        width: 100%
    }

    .section-five .contact-ways .link-wrap a[data-v-48dc1f6a],.section-five .contact-ways .link-wrap span[data-v-48dc1f6a] {
        font-family: DIN_OT,FZFangJHJW,sans-serif;
        font-size: 18px;
        height: 24px;
        line-height: 24px
    }

    .section-five .contact-ways .link-wrap a[data-v-48dc1f6a] {
        color: #9744ff
    }
}

.container .news-announce[data-v-5a06fc6b] {
    padding: 7.5vw 12.5vw
}

.container .news-announce .news-announce-area[data-v-5a06fc6b] {
    display: flex
}

.container .news-announce .news-announce-area .news-area[data-v-5a06fc6b] {
    margin-right: 4.167vw;
    width: 50%
}

.container .news-announce .news-announce-area .news-area .news-list[data-v-5a06fc6b] {
    flex-direction: column;
    margin: 3.75vw 0
}

.container .news-announce .news-announce-area .news-area .news-list .news-item[data-v-5a06fc6b] {
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
    list-style: none;
    margin-bottom: 1.25vw;
    padding-bottom: 1.25vw;
    width: 100%
}

.container .news-announce .news-announce-area .news-area .news-list .news-item[data-v-5a06fc6b]:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.container .news-announce .news-announce-area .news-area .news-list .news-item:hover .news-item-title[data-v-5a06fc6b] {
    color: #9644ff!important
}

.container .news-announce .news-announce-area .news-area .news-list .news-item .news-item-wrap[data-v-5a06fc6b] {
    width: 100%
}

.container .news-announce .news-announce-area .news-area .news-list .news-item .news-item-wrap .news-item-title[data-v-5a06fc6b] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #242424;
    display: -webkit-box;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: normal;
    margin-bottom: .625vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.container .news-announce .news-announce-area .news-area .news-list .news-item .news-item-wrap .news-item-time[data-v-5a06fc6b] {
    color: #a6a6a6;
    font-size: .938vw
}

.container .news-announce .news-announce-area .announce-area[data-v-5a06fc6b] {
    width: 50%
}

.container .news-announce .news-announce-area .announce-area .announce-list[data-v-5a06fc6b] {
    flex-direction: column;
    margin: 3.75vw 0
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item[data-v-5a06fc6b] {
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
    list-style: none;
    margin-bottom: 1.25vw;
    padding-bottom: 1.25vw;
    width: 100%
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item[data-v-5a06fc6b]:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item:hover .announce-item-title[data-v-5a06fc6b] {
    color: #9644ff!important
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item:hover .announce-item-wrap[data-v-5a06fc6b]:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAERSURBVHgBrZNNbsIwFITnuaHd9gZNb9AjGBXukUrdVKx6grYn6KIqLOEeIAg34AaEG7BDCMjjhT85xii2YDaxJsqXseeZ2k2eghHDT5PlGvXPlOamqRCml4cIo1/Nj6YZHRf3OeL3Ic3sr/6bnBCjK8uxJH4CnUCnRN5JBDSlDeoCyuxEQdv5SCmzQaXtVIkVdOeVu/tYO0hcgIIgRYNMSFyvKiFqhTSv4c32D4ftBynOQR4922832A0x6rwoBn5aA/o2vdBhc6qUpNWnHhzRgyB/DdZifJleLUfimuSLEEVSI0PjmiRFnetIJtJQVYozyKHODIG6bTsLheeOlsH2FLsgd8CI/W9SOYlMaOb/f7e26zxbsi0neCcAAAAASUVORK5CYII=)!important
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item .announce-item-wrap[data-v-5a06fc6b] {
    align-items: flex-start;
    display: flex;
    width: 100%
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item .announce-item-wrap[data-v-5a06fc6b]:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD3SURBVHgBrZPRDYIwFEVfpf8yAgb4dwQ3sBuAIziBuoEbIBs4gs4BREbgnwS8TSCpFE0f8f4UXunh9t1WxHGc9n2fkaPwbVpVVW7WVsSUEOIWhmFi1qQ5WRTFYW4hFr0wH8BFjjEZQDQ6Yjnpuu6E4TJ1xN5OWZbnCUhJDsDzvCuCaPQztqZHH6AtCwIpLLaKrpAj/uibBcD2GuoMQQr3aS2KouArZIyTfgjNFeY7O505WU5gfUNMWRBEmKFpgVF6DmfDHYJTuTN7gueauE6w6OP+tG1bExcC6w9i6r/poJl+AJG71hYEUlJKRQskkYa+jTUtFIJo3qtmWocn/dOdAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    flex: 0 0 auto;
    height: .938vw;
    margin-right: .833vw;
    margin-top: .313vw;
    width: .729vw
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item .announce-item-wrap .announce-item-text .announce-item-title[data-v-5a06fc6b] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #242424;
    display: -webkit-box;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: normal;
    margin-bottom: .625vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.container .news-announce .news-announce-area .announce-area .announce-list .announce-item .announce-item-wrap .announce-item-text .announce-item-time[data-v-5a06fc6b] {
    color: #a6a6a6;
    font-size: .938vw
}

.container .report[data-v-5a06fc6b] {
    background: #fafafa;
    padding: 7.5vw 12.5vw
}

.container .report .report-area .report-list[data-v-5a06fc6b] {
    justify-content: space-between;
    margin: 3.75vw 0
}

.container .report .report-area .report-list .report-item[data-v-5a06fc6b] {
    flex-direction: column;
    width: 16.875vw
}

.container .report .report-area .report-list .report-item .report-item-wrap[data-v-5a06fc6b] {
    height: 22.917vw;
    margin-bottom: 1.25vw;
    position: relative
}

.container .report .report-area .report-list .report-item .report-item-wrap .report-item-img[data-v-5a06fc6b] {
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    height: 100%;
    width: 100%
}

.container .report .report-area .report-list .report-item .report-item-wrap .report-item-down[data-v-5a06fc6b] {
    align-items: center;
    background: rgba(151,68,255,.8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s linear
}

.container .report .report-area .report-list .report-item .report-item-wrap .report-item-down img[data-v-5a06fc6b] {
    height: 3.75vw;
    width: 3.75vw
}

.container .report .report-area .report-list .report-item .report-item-wrap:hover .report-item-down[data-v-5a06fc6b] {
    opacity: 1
}

.container .report .report-area .report-list .report-item .report-item-text[data-v-5a06fc6b] {
    color: #5e5e5e;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.042vw;
    text-align: center;
    text-transform: capitalize
}

.container .report .read-more[data-v-5a06fc6b] {
    justify-content: center
}

.container .highlight[data-v-5a06fc6b] {
    padding: 7.5vw 12.5vw
}

.container .highlight .highlight-area .highlight-list[data-v-5a06fc6b] {
    justify-content: space-between;
    margin: 3.75vw 0
}

.container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap .highlight-item-img[data-v-5a06fc6b] {
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    height: 13.125vw;
    margin-bottom: 1.25vw;
    position: relative;
    width: 23.333vw
}

.container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap .highlight-item-img img[data-v-5a06fc6b] {
    height: 100%;
    width: 100%
}

.container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap .highlight-item-img .highlight-item-down[data-v-5a06fc6b] {
    align-items: center;
    background: rgba(151,68,255,.8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s linear
}

.container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap .highlight-item-img .highlight-item-down img[data-v-5a06fc6b] {
    height: 3.75vw;
    width: 3.75vw
}

.container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap .highlight-item-img:hover .highlight-item-down[data-v-5a06fc6b] {
    opacity: 1
}

.container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-text[data-v-5a06fc6b] {
    color: #5e5e5e;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.042vw;
    text-align: center;
    text-transform: capitalize
}

.container .highlight .read-more[data-v-5a06fc6b] {
    justify-content: center
}

.container .announce-title[data-v-5a06fc6b],.container .highlight-title[data-v-5a06fc6b],.container .news-title[data-v-5a06fc6b],.container .report-title[data-v-5a06fc6b] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.container .read-more[data-v-5a06fc6b] {
    align-items: center;
    display: flex
}

.container .read-more .read-more-text[data-v-5a06fc6b] {
    color: #9644ff;
    font-family: DIN_Medium,FZFangJHJW_Medium,Noto_Sans_Medium,sans-serif;
    font-size: 1.042vw;
    margin-right: .833vw;
    text-transform: uppercase
}

.container .read-more[data-v-5a06fc6b]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEISURBVHgBnZJLDgFBEIb/8ojYOYIjmBt4jL0bYIkNJ+AGIgxLnMABSLgBR5gj2IpHqer0YiLG9PiTycx0d/1d9VUBCZpWubxscCtuP5MQXCrkcQRhN/e5mtpgdKIrM7b6nQV2ms3nGYKDFk3eZBhtOR3e7qiJcZjKQLX0+SyvijXxNLvEEqK6PVADI5SnXMgJFytnA72RntZEMgkavNZ1ktQYf0rqnzhn8E0v8XCGqNI2mrkQDkyYDfY0dDawQ3XWYPm99A/k6XrO1cCQ12CBWFSYVk4MgqYhXtFg7UTXzoCTwcrnMTE60ivTxl5kClU/GZi6s1I3CbQHvMGJLkirlZAP6tyJ238DXqJjPlnbqq8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .833vw;
    width: .833vw
}

.container .read-more[data-v-5a06fc6b]:hover {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lang-cn .container .announce-title[data-v-5a06fc6b],.lang-cn .container .highlight-title[data-v-5a06fc6b],.lang-cn .container .news-title[data-v-5a06fc6b],.lang-cn .container .report-title[data-v-5a06fc6b] {
    font-size: 3.125vw
}

.lang-cn .read-more .read-more-text[data-v-5a06fc6b] {
    font-size: 1.25vw
}

.lang-hk .announce-item-title[data-v-5a06fc6b],.lang-hk .highlight-item-text[data-v-5a06fc6b],.lang-hk .news-item-title[data-v-5a06fc6b],.lang-hk .read-more-text[data-v-5a06fc6b],.lang-hk .report-item-text[data-v-5a06fc6b] {
    font-family: Noto_Sans_Medium,sans-serif!important
}

@media screen and (max-width: 767px) {
    .container .news-announce[data-v-5a06fc6b] {
        padding:0
    }

    .container .news-announce .news-announce-area[data-v-5a06fc6b] {
        flex-direction: column
    }

    .container .news-announce .news-announce-area .news-area[data-v-5a06fc6b] {
        margin-right: 0;
        padding: 64px 32px;
        width: 100%
    }

    .container .news-announce .news-announce-area .news-area .news-list[data-v-5a06fc6b] {
        margin: 48px 0
    }

    .container .news-announce .news-announce-area .news-area .news-list .news-item[data-v-5a06fc6b] {
        border-bottom: 1px solid #eee;
        margin-bottom: 24px;
        padding-bottom: 24px
    }

    .container .news-announce .news-announce-area .news-area .news-list .news-item .news-item-wrap .news-item-title[data-v-5a06fc6b] {
        -webkit-line-clamp: 2;
        font-size: 16px;
        margin-bottom: 10px
    }

    .container .news-announce .news-announce-area .news-area .news-list .news-item .news-item-wrap .news-item-time[data-v-5a06fc6b] {
        font-size: 14px
    }

    .container .news-announce .news-announce-area .announce-area[data-v-5a06fc6b] {
        padding: 64px 32px;
        width: 100%
    }

    .container .news-announce .news-announce-area .announce-area .announce-list[data-v-5a06fc6b] {
        margin: 48px 0
    }

    .container .news-announce .news-announce-area .announce-area .announce-list .announce-item[data-v-5a06fc6b] {
        border-bottom: 1px solid #eee;
        margin-bottom: 24px;
        padding-bottom: 24px
    }

    .container .news-announce .news-announce-area .announce-area .announce-list .announce-item .announce-item-wrap[data-v-5a06fc6b]:before {
        height: 20px;
        margin-right: 16px;
        margin-top: 4px;
        width: 16px
    }

    .container .news-announce .news-announce-area .announce-area .announce-list .announce-item .announce-item-wrap .announce-item-text .announce-item-title[data-v-5a06fc6b] {
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: none
    }

    .container .news-announce .news-announce-area .announce-area .announce-list .announce-item .announce-item-wrap .announce-item-text .announce-item-time[data-v-5a06fc6b] {
        font-size: 14px
    }

    .container .report[data-v-5a06fc6b] {
        padding: 64px 32px
    }

    .container .report .report-area .report-list[data-v-5a06fc6b] {
        grid-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(1,1fr);
        margin: 48px 0
    }

    .container .report .report-area .report-list .report-item[data-v-5a06fc6b] {
        width: 100%
    }

    .container .report .report-area .report-list .report-item .report-item-wrap[data-v-5a06fc6b] {
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: 16px;
        position: static;
        width: 100%
    }

    .container .report .report-area .report-list .report-item .report-item-wrap .report-item-img[data-v-5a06fc6b] {
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        height: auto;
        width: 100%
    }

    .container .report .report-area .report-list .report-item .report-item-wrap .report-item-down[data-v-5a06fc6b] {
        display: none
    }

    .container .report .report-area .report-list .report-item .report-item-text[data-v-5a06fc6b] {
        color: #242424;
        font-size: 16px
    }

    .container .highlight[data-v-5a06fc6b] {
        padding: 64px 32px
    }

    .container .highlight .highlight-area .highlight-list[data-v-5a06fc6b] {
        flex-direction: column;
        justify-content: flex-start;
        margin: 48px 0
    }

    .container .highlight .highlight-area .highlight-list .highlight-item[data-v-5a06fc6b] {
        border-bottom: 1px solid #eee;
        margin-bottom: 24px;
        padding-bottom: 24px
    }

    .container .highlight .highlight-area .highlight-list .highlight-item[data-v-5a06fc6b]:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap[data-v-5a06fc6b] {
        align-items: center;
        display: flex
    }

    .container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap .highlight-item-img[data-v-5a06fc6b] {
        box-shadow: none;
        height: 20px;
        margin-bottom: 0;
        margin-right: 16px;
        width: 16px
    }

    .container .highlight .highlight-area .highlight-list .highlight-item .highlight-item-wrap .highlight-item-text[data-v-5a06fc6b] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #242424;
        display: -webkit-box;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .container .announce-title[data-v-5a06fc6b],.container .highlight-title[data-v-5a06fc6b],.container .news-title[data-v-5a06fc6b],.container .report-title[data-v-5a06fc6b] {
        font-size: 32px;
        line-height: 32px
    }

    .container .read-more[data-v-5a06fc6b] {
        justify-content: center
    }

    .container .read-more .read-more-text[data-v-5a06fc6b] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
        font-size: 20px;
        margin-right: 16px;
        padding-top: 2px
    }

    .container .read-more[data-v-5a06fc6b]:after {
        height: 14px;
        width: 14px
    }

    .lang-cn .container .announce-title[data-v-5a06fc6b],.lang-cn .container .highlight-title[data-v-5a06fc6b],.lang-cn .container .news-title[data-v-5a06fc6b],.lang-cn .container .report-title[data-v-5a06fc6b] {
        font-size: 36px
    }

    .lang-cn .read-more .read-more-text[data-v-5a06fc6b] {
        font-size: 20px
    }

    .lang-hk .read-more-text[data-v-5a06fc6b] {
        font-family: Noto_Sans_Bold,sans-serif!important
    }
}

h1[data-v-96088a36] {
    color: #000;
    font-size: 3.333vw;
    line-height: 3.646vw;
    text-transform: uppercase
}

h2[data-v-96088a36] {
    font-size: 2.5vw;
    line-height: 3.125vw
}

.title[data-v-96088a36] {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 5vw 18.75vw;
    width: 100%
}

.nav-header[data-v-96088a36] {
    border-top: 1px solid #f3f3f3;
    height: 3.75vw;
    padding: 0 12.5vw;
    text-transform: uppercase;
    width: 100%
}

.nav-header[data-v-96088a36] .el-breadcrumb .el-breadcrumb__item a,.nav-header[data-v-96088a36] .el-breadcrumb .el-breadcrumb__item span {
    font-weight: 700
}

.nav-header[data-v-96088a36] .el-breadcrumb .el-breadcrumb__item span {
    color: #5e5e5e;
    font-size: 1.042vw;
    line-height: 1.042vw
}

.nav-header[data-v-96088a36] .el-breadcrumb .el-breadcrumb__item .is-link {
    color: #a6a6a6
}

.nav-header[data-v-96088a36] .el-breadcrumb .el-breadcrumb__item .is-link:hover {
    color: #7c2edf
}

.nav-header[data-v-96088a36] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator {
    color: #a6a6a6;
    margin: 0 1.25vw
}

.nav-header .search[data-v-96088a36] {
    width: 23.333vw
}

.blog-acticles[data-v-96088a36] {
    background-color: #fafafa;
    padding: 2.5vw 12.5vw 10vw
}

.blog-acticles p[data-v-96088a36],.blog-acticles span[data-v-96088a36] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
}

.blog-acticles .acticles-content[data-v-96088a36] {
    background-color: #fff;
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    margin-right: 2.5vw;
    width: 49.167vw
}

.blog-acticles .acticles-content .content-img[data-v-96088a36] {
    height: 30.729vw;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-acticles .acticles-content .content-main[data-v-96088a36] {
    padding: 2.5vw 2.5vw 3.75vw
}

.blog-acticles .acticles-content .content-description[data-v-96088a36] {
    border: 1px solid #f3f3f3;
    border-left: none;
    border-right: none;
    color: #242424;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: 1.875vw
}

.blog-acticles .acticles-content .content-time[data-v-96088a36] {
    color: #a6a6a6;
    font-family: DIN_OT,FZFangJHJW,sans-serif;
    font-size: 1.25vw;
    letter-spacing: .24px;
    line-height: 2.083vw
}

.blog-acticles .acticles-content .content-author[data-v-96088a36] {
    height: 3.75vw
}

.blog-acticles .acticles-content .content-author .author-name[data-v-96088a36] {
    color: #242424;
    font-size: 1.25vw;
    letter-spacing: .24px;
    line-height: 1
}

.blog-acticles .acticles-content .content-author .author-job[data-v-96088a36] {
    color: #5e5e5e;
    font-family: DIN_OT,FZFangJHJW,sans-serif;
    font-size: .833vw;
    line-height: 1
}

.blog-acticles .recommend[data-v-96088a36] {
    background-color: #fff;
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    width: 23.333vw
}

.blog-acticles .recommend h3[data-v-96088a36] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
}

.blog-acticles .recommend .recommend-title[data-v-96088a36] {
    font-size: 1.875vw;
    line-height: 2.292vw;
    text-transform: uppercase
}

.blog-acticles .recommend p[data-v-96088a36] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #242424;
    display: -webkit-box;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.146vw;
    line-height: 1.667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.blog-acticles .recommend p[data-v-96088a36]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.blog-acticles .recommend p span[data-v-96088a36] {
    background-color: #edebff;
    color: #7161f2;
    display: inline-block;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: .938vw;
    line-height: 1;
    min-width: 3.177vw;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .blog-acticles .mobile-recommend[data-v-96088a36] {
        background:#fafafa;
        padding: 64px 0;
        width: 100%
    }

    .blog-acticles .mobile-recommend h3[data-v-96088a36] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
    }

    .blog-acticles .mobile-recommend .recommend-title[data-v-96088a36] {
        font-size: 32px;
        line-height: 36px;
        padding: 0 32px 48px;
        text-transform: uppercase
    }

    .blog-acticles .mobile-recommend .list-card[data-v-96088a36] {
        align-items: center;
        background: #fff;
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        padding: 20px 32px;
        width: 100%
    }

    .blog-acticles .mobile-recommend .list-card[data-v-96088a36]:last-child {
        margin-bottom: 0
    }

    .blog-acticles .mobile-recommend .list-card .image-content[data-v-96088a36] {
        flex-shrink: 0;
        height: 107.5px;
        margin-left: 20px;
        overflow: auto;
        width: 172px
    }

    .blog-acticles .mobile-recommend .list-card .image-content img[data-v-96088a36] {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        transition: all 1s;
        width: 100%
    }

    .blog-acticles .mobile-recommend .list-card .resource-content[data-v-96088a36] {
        background: #fff;
        flex: 1;
        padding: 0
    }

    .blog-acticles .mobile-recommend .list-card .resource-content .tiny-text[data-v-96088a36] {
        color: #a6a6a6;
        font-family: DIN_OT;
        line-height: 1;
        margin-top: 0
    }

    .blog-acticles .mobile-recommend .list-card .resource-content .tiny-text span[data-v-96088a36] {
        font-family: DIN_OT;
        font-size: 16px
    }

    h2[data-v-96088a36] {
        font-size: 32px;
        line-height: 40px
    }

    .nav-header[data-v-96088a36] {
        border: none;
        height: 0;
        padding: 0
    }

    .nav[data-v-96088a36] {
        color: #5a5a5a;
        font-size: 18px;
        height: 64px;
        margin: 0 32px
    }

    .nav i[data-v-96088a36],.nav[data-v-96088a36] {
        font-weight: 700
    }

    .nav i[data-v-96088a36] {
        margin-right: 8px
    }

    .blog-acticles[data-v-96088a36] {
        padding: 0;
        width: 100%
    }

    .blog-acticles p[data-v-96088a36],.blog-acticles span[data-v-96088a36] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif
    }

    .blog-acticles .acticles-content[data-v-96088a36] {
        background-color: #fff;
        width: 100%
    }

    .blog-acticles .acticles-content .content-img[data-v-96088a36] {
        height: 260px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .blog-acticles .acticles-content .content-main[data-v-96088a36] {
        padding: 48px 32px 64px
    }

    .blog-acticles .acticles-content .content-main .content-title[data-v-96088a36] {
        margin: 24px 0
    }

    .blog-acticles .acticles-content .content-main .content-description[data-v-96088a36] {
        font-size: 20px;
        line-height: 32px;
        margin: 24px 0;
        padding: 16px 0
    }

    .blog-acticles .acticles-content .content-main .content-time[data-v-96088a36] {
        font-size: 16px;
        line-height: 24px
    }

    .blog-acticles .acticles-content .content-main .content-author[data-v-96088a36] {
        height: -moz-fit-content;
        height: fit-content;
        margin: 24px 0 48px
    }

    .blog-acticles .acticles-content .content-main .content-author img[data-v-96088a36] {
        height: 56px;
        margin-right: 24px;
        width: 56px
    }

    .blog-acticles .acticles-content .content-main .content-author .author-name[data-v-96088a36] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 20px;
        line-height: 32px
    }

    .blog-acticles .acticles-content .content-main .content-author .author-job[data-v-96088a36] {
        font-size: 16px;
        line-height: 22px
    }

    .blog-acticles .acticles-content .global-type-tag[data-v-96088a36] {
        text-transform: uppercase
    }

    .section-two h2[data-v-6d45d3b2] {
        font-size: 30px;
        line-height: 36px;
        text-transform: uppercase
    }

    .section-two .title[data-v-6d45d3b2] {
        margin-top: 136px
    }

    .section-two .text[data-v-6d45d3b2] {
        color: #333;
        font-size: 20px;
        line-height: 30px;
        margin: 48px 0
    }

    .section-two .img-wrap[data-v-6d45d3b2] {
        height: auto;
        margin: 0 auto;
        width: 100%;
        z-index: 20
    }

    .section-two .video-phone[data-v-6d45d3b2] {
        height: 40vw;
        position: relative
    }

    .section-two .video-phone .video-phone-x[data-v-6d45d3b2] {
        background: url(/_nuxt/img/phone-x.3a2abc7.png) no-repeat;
        background-size: 100%;
        height: 300px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        top: -10%;
        width: 100%;
        z-index: 89
    }

    .section-two .video-phone .video-js[data-v-6d45d3b2] {
        border-radius: 18px;
        height: 100%;
        margin: 0 auto;
        width: 90%
    }

    .lang-cn h2[data-v-6d45d3b2] {
        font-size: 36px;
        line-height: 40px
    }

    .lang-cn .text[data-v-6d45d3b2] {
        font-size: 18px;
        line-height: 30px
    }

    .video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {
        display: none
    }
}

.career-welfare[data-v-63be64c0] {
    padding: 7.5vw 12.5vw
}

.career-welfare .career-welfare-wrap[data-v-63be64c0] {
    display: flex;
    flex-direction: column
}

.career-welfare .career-welfare-wrap .welfare-title-wrap[data-v-63be64c0] {
    display: flex;
    flex-direction: column;
    margin-bottom: 3.75vw
}

.career-welfare .career-welfare-wrap .welfare-title-wrap .big-title[data-v-63be64c0] {
    font-size: 3.125vw;
    margin-bottom: 1.25vw;
    text-transform: uppercase
}

.career-welfare .career-welfare-wrap .welfare-title-wrap .small-title[data-v-63be64c0] {
    color: #5e5e5e;
    font-size: 1.042vw
}

.career-welfare .career-welfare-wrap .welfare-list-wrap[data-v-63be64c0] {
    grid-gap: 2.5vw 2.5vw;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr)
}

.career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item[data-v-63be64c0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5vw 3.75vw
}

.career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-title[data-v-63be64c0] {
    color: #242424;
    font-size: 1.875vw;
    margin-bottom: 1.25vw;
    text-transform: capitalize
}

.career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-describe[data-v-63be64c0] {
    color: #242424;
    font-size: 1.042vw
}

.lang-en .career-welfare[data-v-63be64c0] {
    background: #fafafa
}

.lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap[data-v-63be64c0] {
    grid-gap: 3.75vw 2.5vw;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,1fr)
}

.lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item[data-v-63be64c0] {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0
}

.lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-icon[data-v-63be64c0] {
    height: 3.958vw;
    margin-right: 2.5vw;
    width: 3.958vw
}

.lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-text[data-v-63be64c0] {
    color: #242424;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.146vw;
    text-transform: capitalize
}

@media screen and (max-width: 767px) {
    .career-welfare[data-v-63be64c0] {
        padding:64px 32px
    }

    .career-welfare .career-welfare-wrap .welfare-title-wrap[data-v-63be64c0] {
        margin-bottom: 48px
    }

    .career-welfare .career-welfare-wrap .welfare-title-wrap .big-title[data-v-63be64c0] {
        font-size: 36px;
        line-height: 36px
    }

    .career-welfare .career-welfare-wrap .welfare-title-wrap .small-title[data-v-63be64c0] {
        font-size: 18px;
        margin-top: 8px
    }

    .career-welfare .career-welfare-wrap .welfare-list-wrap[data-v-63be64c0] {
        grid-template-columns: repeat(1,1fr)
    }

    .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item[data-v-63be64c0] {
        padding: 24px 20px
    }

    .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-title[data-v-63be64c0] {
        font-size: 24px;
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: 16px
    }

    .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-describe[data-v-63be64c0] {
        font-size: 18px
    }

    .lang-en .career-welfare[data-v-63be64c0] {
        background: none
    }

    .lang-en .career-welfare .career-welfare-wrap .welfare-title-wrap .big-title[data-v-63be64c0] {
        font-size: 32px
    }

    .lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap[data-v-63be64c0] {
        grid-gap: 24px 20px;
        grid-template-columns: repeat(2,1fr)
    }

    .lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item[data-v-63be64c0] {
        align-items: flex-start;
        flex-direction: column
    }

    .lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-icon[data-v-63be64c0] {
        height: 44px;
        margin-bottom: 16px;
        margin-right: 0;
        width: 44px
    }

    .lang-en .career-welfare .career-welfare-wrap .welfare-list-wrap .welfare-item .item-text[data-v-63be64c0] {
        font-size: 16px;
        text-transform: none
    }
}

.career-develop[data-v-e09fc51c] {
    background: #fafafa;
    padding: 7.5vw 12.5vw
}

.career-develop .career-develop-wrap[data-v-e09fc51c] {
    display: flex;
    flex-direction: column
}

.career-develop .career-develop-wrap .develop-title-wrap[data-v-e09fc51c] {
    display: flex;
    flex-direction: column;
    margin-bottom: 3.75vw
}

.career-develop .career-develop-wrap .develop-title-wrap .big-title[data-v-e09fc51c] {
    font-size: 3.125vw;
    margin-bottom: 1.25vw;
    text-transform: uppercase
}

.career-develop .career-develop-wrap .develop-title-wrap .small-title[data-v-e09fc51c] {
    color: #5e5e5e;
    font-size: 1.042vw
}

.career-develop .career-develop-wrap .develop-list-wrap[data-v-e09fc51c] {
    grid-gap: 3.75vw 2.5vw;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,1fr)
}

.career-develop .career-develop-wrap .develop-list-wrap .develop-item[data-v-e09fc51c] {
    display: flex
}

.career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-icon[data-v-e09fc51c] {
    flex-shrink: 0;
    height: 2.5vw;
    margin-right: 1.667vw;
    width: 2.5vw
}

.career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-icon img[data-v-e09fc51c] {
    height: 100%;
    width: 100%
}

.career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-text[data-v-e09fc51c] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-text .item-describe[data-v-e09fc51c] {
    color: #242424;
    flex-grow: 1;
    font-size: 1.042vw
}

.career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-title[data-v-e09fc51c] {
    color: #242424;
    font-size: 1.875vw;
    margin-bottom: 1.25vw;
    text-transform: capitalize
}

.lang-en .career-develop[data-v-e09fc51c] {
    background: none;
    padding-top: 3.75vw
}

.lang-en .career-develop .career-develop-wrap .develop-list-wrap[data-v-e09fc51c] {
    grid-gap: 0 1.563vw;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(1,1fr)
}

.lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item[data-v-e09fc51c] {
    padding: 3.75vw 1.25vw
}

.lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-text[data-v-e09fc51c] {
    align-items: center;
    justify-content: center;
    text-align: center
}

.lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-text .item-describe[data-v-e09fc51c] {
    color: #5e5e5e;
    font-size: 1.146vw
}

.lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-title[data-v-e09fc51c] {
    color: #000;
    text-transform: uppercase;
    width: 90%
}

@media screen and (max-width: 767px) {
    .career-develop[data-v-e09fc51c] {
        padding:64px 32px
    }

    .career-develop .career-develop-wrap .develop-title-wrap[data-v-e09fc51c] {
        margin-bottom: 48px
    }

    .career-develop .career-develop-wrap .develop-title-wrap .big-title[data-v-e09fc51c] {
        font-size: 36px;
        line-height: 36px
    }

    .career-develop .career-develop-wrap .develop-title-wrap .small-title[data-v-e09fc51c] {
        font-size: 18px;
        margin-top: 8px
    }

    .career-develop .career-develop-wrap .develop-list-wrap[data-v-e09fc51c] {
        grid-gap: 48px 0;
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: auto
    }

    .career-develop .career-develop-wrap .develop-list-wrap .develop-item[data-v-e09fc51c] {
        flex-direction: column;
        height: -moz-fit-content;
        height: fit-content
    }

    .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-icon[data-v-e09fc51c] {
        display: flex;
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: 24px;
        width: 100%
    }

    .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-icon img[data-v-e09fc51c] {
        height: 32px;
        margin-right: 20px;
        width: 32px
    }

    .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-text .item-describe[data-v-e09fc51c] {
        font-size: 18px
    }

    .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-title[data-v-e09fc51c] {
        color: #000;
        font-size: 24px;
        text-transform: uppercase
    }

    .lang-en .career-develop[data-v-e09fc51c] {
        background: #fafafa;
        padding-top: 64px
    }

    .lang-en .career-develop .career-develop-wrap .develop-title-wrap .big-title[data-v-e09fc51c] {
        font-size: 32px
    }

    .lang-en .career-develop .career-develop-wrap .develop-list-wrap[data-v-e09fc51c] {
        grid-gap: 16px 0;
        grid-template-columns: repeat(1,1fr)
    }

    .lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item[data-v-e09fc51c] {
        background: #fff;
        padding: 32px 20px
    }

    .lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-icon[data-v-e09fc51c] {
        margin-bottom: 0
    }

    .lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-text[data-v-e09fc51c] {
        text-align: left
    }

    .lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-text .item-describe[data-v-e09fc51c] {
        color: #242424;
        font-size: 20px
    }

    .lang-en .career-develop .career-develop-wrap .develop-list-wrap .develop-item .item-title[data-v-e09fc51c] {
        color: #242424;
        margin-bottom: 16px;
        text-transform: uppercase
    }
}

.career-workspace[data-v-73933cef] {
    padding: 7.5vw 0 3.75vw
}

.career-workspace .career-workspace-wrap .workspace-title-wrap[data-v-73933cef] {
    margin-bottom: 3.75vw;
    padding: 0 12.5vw
}

.career-workspace .career-workspace-wrap .workspace-title-wrap .big-title[data-v-73933cef] {
    font-size: 3.125vw;
    text-transform: uppercase
}

.career-workspace .career-workspace-wrap .workspace-list-wrap .index-swiper .swiper-slide[data-v-73933cef] {
    opacity: .1;
    padding: 0 3.125vw;
    transition: opacity 1.2s linear;
    width: auto
}

.career-workspace .career-workspace-wrap .workspace-list-wrap .index-swiper .swiper-slide .logo-img[data-v-73933cef] {
    height: 28.646vw
}

.career-workspace .career-workspace-wrap .workspace-list-wrap .index-swiper .swiper-slide-active[data-v-73933cef] {
    opacity: 1
}

@media screen and (max-width: 767px) {
    .career-workspace[data-v-73933cef] {
        padding:64px 0
    }

    .career-workspace .career-workspace-wrap .workspace-title-wrap[data-v-73933cef] {
        margin-bottom: 48px;
        padding: 0 32px
    }

    .career-workspace .career-workspace-wrap .workspace-title-wrap .big-title[data-v-73933cef] {
        font-size: 36px;
        line-height: 36px
    }

    .career-workspace .career-workspace-wrap .workspace-list-wrap .index-swiper .swiper-slide[data-v-73933cef] {
        padding: 0 20px;
        width: auto
    }

    .career-workspace .career-workspace-wrap .workspace-list-wrap .index-swiper .swiper-slide .logo-img[data-v-73933cef] {
        height: 215px
    }
}

.career-blog[data-v-7660fa0c] {
    padding: 3.75vw 12.5vw 10vw
}

.career-blog .career-blog-wrap[data-v-7660fa0c] {
    display: flex;
    flex-direction: column
}

.career-blog .career-blog-wrap .blog-title-wrap[data-v-7660fa0c] {
    margin-bottom: 3.75vw
}

.career-blog .career-blog-wrap .blog-title-wrap .big-title[data-v-7660fa0c] {
    font-size: 3.125vw;
    text-transform: uppercase
}

.career-blog .career-blog-wrap .blog-list-wrap[data-v-7660fa0c] {
    grid-gap: 1.25vw 2.5vw;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 3.75vw
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item[data-v-7660fa0c] {
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    height: 26.25vw;
    justify-content: space-between
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-img[data-v-7660fa0c] {
    flex-shrink: 0;
    height: 14.583vw;
    width: 23.333vw
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text[data-v-7660fa0c] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 1.25vw
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-tag[data-v-7660fa0c],.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-time[data-v-7660fa0c] {
    display: none
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-title span[data-v-7660fa0c] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.25vw;
    margin-bottom: 3.75vw;
    overflow: hidden;
    text-overflow: ellipsis
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-readmore[data-v-7660fa0c] {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-readmore:hover .item-readmore-text[data-v-7660fa0c] {
    color: #9644ff
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-readmore:hover .item-readmore-icon path[data-v-7660fa0c] {
    stroke: #9644ff
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-readmore .item-readmore-text[data-v-7660fa0c] {
    color: #c5c5c5;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.042vw;
    text-transform: uppercase
}

.career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-readmore .item-readmore-icon[data-v-7660fa0c] {
    margin-left: .833vw;
    margin-top: .104vw
}

.career-blog .career-blog-wrap .bottom-btn .btn-wrap[data-v-7660fa0c] {
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.career-blog .career-blog-wrap .bottom-btn .btn-wrap .basic-button[data-v-7660fa0c] {
    align-items: center;
    background: #fff;
    border: 1px solid #9644ff;
    display: flex;
    height: 3.75vw;
    justify-content: center;
    width: 23.333vw
}

.career-blog .career-blog-wrap .bottom-btn .btn-wrap .basic-button .text[data-v-7660fa0c] {
    color: #9644ff;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.146vw;
    letter-spacing: .22px;
    line-height: 1.146vw;
    text-transform: uppercase
}

.career-blog .career-blog-wrap .bottom-btn .btn-wrap[data-v-7660fa0c]:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .5s ease-in-out;
    width: 0
}

.career-blog .career-blog-wrap .bottom-btn .btn-wrap:hover .text[data-v-7660fa0c] {
    color: #fff
}

.career-blog .career-blog-wrap .bottom-btn .btn-wrap[data-v-7660fa0c]:hover:before {
    background: #9644ff;
    width: 100%
}

.lang-en .career-blog[data-v-7660fa0c] {
    padding-top: 7.5vw
}

.lang-en .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-title span[data-v-7660fa0c] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.146vw
}

@media screen and (max-width: 767px) {
    .career-blog[data-v-7660fa0c] {
        background:#fafafa;
        padding: 64px 0 128px!important
    }

    .career-blog .career-blog-wrap .blog-title-wrap[data-v-7660fa0c] {
        margin-bottom: 48px;
        padding: 0 32px
    }

    .career-blog .career-blog-wrap .blog-title-wrap .big-title[data-v-7660fa0c] {
        font-size: 36px;
        line-height: 36px
    }

    .career-blog .career-blog-wrap .blog-list-wrap[data-v-7660fa0c] {
        grid-gap: 16px 0;
        grid-template-columns: repeat(1,1fr);
        margin-bottom: 48px
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item[data-v-7660fa0c] {
        align-items: center;
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        -moz-column-gap: 20px;
        column-gap: 20px;
        flex-direction: row-reverse;
        height: 210px;
        padding: 20px 32px;
        width: 100%
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-img[data-v-7660fa0c] {
        height: auto;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 50%
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text[data-v-7660fa0c] {
        height: 100%;
        padding: 0;
        row-gap: 12px;
        width: 50%
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-tag[data-v-7660fa0c] {
        background: #edebff;
        color: #7161f2;
        display: block;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 16px;
        height: 24px;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        width: 72px
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-title[data-v-7660fa0c] {
        align-items: center;
        display: flex;
        flex-grow: 1
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-title span[data-v-7660fa0c] {
        -webkit-line-clamp: 4;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 16px;
        text-transform: capitalize
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-time[data-v-7660fa0c] {
        color: #a6a6a6;
        display: block;
        font-size: 16px
    }

    .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-readmore[data-v-7660fa0c] {
        display: none
    }

    .career-blog .career-blog-wrap .bottom-btn[data-v-7660fa0c] {
        padding: 0 32px
    }

    .career-blog .career-blog-wrap .bottom-btn .btn-wrap[data-v-7660fa0c] {
        width: 100%
    }

    .career-blog .career-blog-wrap .bottom-btn .btn-wrap .basic-button[data-v-7660fa0c] {
        height: 56px;
        padding: 0;
        width: 100%
    }

    .career-blog .career-blog-wrap .bottom-btn .btn-wrap .basic-button .text[data-v-7660fa0c] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        font-size: 20px
    }

    .lang-en .career-blog .career-blog-wrap .blog-title-wrap .big-title[data-v-7660fa0c] {
        font-size: 32px
    }

    .lang-en .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-tag[data-v-7660fa0c] {
        font-size: 14px
    }

    .lang-en .career-blog .career-blog-wrap .blog-list-wrap .blog-item .item-text .item-title span[data-v-7660fa0c] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 16px
    }
}

div[data-v-52c6b242] {
    display: block
}

.mask-page[data-v-52c6b242] {
    opacity: .9
}

.mask-page .dots-container[data-v-52c6b242] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.mask-page .dots[data-v-52c6b242] {
    animation: bounce-52c6b242 1.5s linear infinite;
    display: inline-block;
    height: .833vw;
    margin: 0 .417vw;
    text-align: center;
    width: .833vw
}

@media screen and (max-width: 767px) {
    .mask-page .dots[data-v-52c6b242] {
        height:16px;
        margin: 0 8px;
        width: 16px
    }
}

.mask-page .dots[data-v-52c6b242]:first-child {
    animation-delay: .2s
}

.mask-page .dots[data-v-52c6b242]:nth-child(2) {
    animation-delay: .4s
}

.mask-page .dots[data-v-52c6b242]:nth-child(3) {
    animation-delay: .6s
}

.mask-page .dots[data-v-52c6b242]:nth-child(4) {
    animation-delay: .8s
}

.mask-page .dots[data-v-52c6b242]:nth-child(5) {
    animation-delay: 1s
}

@keyframes bounce-52c6b242 {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(-16px)
    }

    30% {
        transform: translateY(0)
    }
}

.recommend[data-v-2a561ac0] {
    background-color: #fff;
    box-shadow: 0 0 1.563vw 0 rgba(0,0,0,.04),0 0 .104vw 0 rgba(0,0,0,.06);
    width: 23.333vw
}

.recommend h3[data-v-2a561ac0] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
}

.recommend .recommend-title[data-v-2a561ac0] {
    font-size: 1.875vw;
    line-height: 2.292vw;
    text-transform: uppercase
}

.recommend p[data-v-2a561ac0] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #242424;
    display: -webkit-box;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.146vw;
    line-height: 1.667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.recommend p[data-v-2a561ac0]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.recommend p span[data-v-2a561ac0] {
    background-color: #edebff;
    color: #7161f2;
    display: inline-block;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: .938vw;
    line-height: 1;
    min-width: 3.177vw;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .mobile-recommend[data-v-2a561ac0] {
        background:#fafafa;
        padding: 64px 0;
        width: 100%
    }

    .mobile-recommend h3[data-v-2a561ac0] {
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
    }

    .mobile-recommend .recommend-title[data-v-2a561ac0] {
        font-size: 32px;
        line-height: 36px;
        padding: 0 32px 48px;
        text-transform: uppercase
    }

    .mobile-recommend .list-card[data-v-2a561ac0] {
        align-items: center;
        background: #fff;
        box-shadow: 0 0 30px 0 rgba(0,0,0,.04),0 0 2px 0 rgba(0,0,0,.06);
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        padding: 20px 32px;
        width: 100%
    }

    .mobile-recommend .list-card[data-v-2a561ac0]:last-child {
        margin-bottom: 0
    }

    .mobile-recommend .list-card .image-content[data-v-2a561ac0] {
        flex-shrink: 0;
        height: 107.5px;
        margin-left: 20px;
        overflow: auto;
        width: 172px
    }

    .mobile-recommend .list-card .image-content img[data-v-2a561ac0] {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        transition: all 1s;
        width: 100%
    }

    .mobile-recommend .list-card .resource-content[data-v-2a561ac0] {
        background: #fff;
        flex: 1;
        padding: 0
    }

    .mobile-recommend .list-card .resource-content .tiny-text[data-v-2a561ac0] {
        color: #a6a6a6;
        font-family: DIN_OT;
        line-height: 1;
        margin-top: 0
    }

    .mobile-recommend .list-card .resource-content .tiny-text span[data-v-2a561ac0] {
        font-family: DIN_OT;
        font-size: 16px
    }
}

section[data-v-5d31430c] {
    padding: 7.5vw 12.5vw 3.75vw
}

section h1[data-v-5d31430c] {
    font-size: 3.125vw;
    line-height: 3.542vw
}

section ul[data-v-5d31430c] {
    gap: 2.5vw 2.5vw;
    margin-top: 3.75vw
}

section ul li[data-v-5d31430c] {
    background: #fcfafc;
    padding: 3.75vw 2.5vw
}

section ul li h2[data-v-5d31430c] {
    font-size: 1.875vw;
    line-height: 2.292vw;
    margin: 2.5vw 0
}

section ul li p[data-v-5d31430c] {
    color: #242424;
    font-size: 1.146vw;
    line-height: 1.875vw
}

section ul li img[data-v-5d31430c] {
    height: 3.75vw;
    width: 3.75vw
}

section ul .nopic-class h2[data-v-5d31430c] {
    margin: 0 0 1.25vw
}

.lang-cn section h1[data-v-5d31430c] {
    line-height: 3.125vw
}

.lang-cn section ul li h2[data-v-5d31430c] {
    font-size: 1.979vw;
    line-height: 1.979vw
}

.lang-cn section ul li p[data-v-5d31430c] {
    font-size: 1.25vw;
    line-height: 2.083vw
}

@media screen and (max-width: 767px) {
    section[data-v-5d31430c] {
        padding:64px 32px
    }

    section h1[data-v-5d31430c] {
        font-size: 32px;
        line-height: 32px
    }

    section ul[data-v-5d31430c] {
        gap: 16px;
        margin-top: 48px
    }

    section ul li[data-v-5d31430c] {
        padding: 32px 20px
    }

    section ul li h2[data-v-5d31430c] {
        font-size: 24px;
        line-height: 32px;
        margin: 24px 0
    }

    section ul li p[data-v-5d31430c] {
        font-size: 20px;
        line-height: 32px
    }

    section ul li img[data-v-5d31430c] {
        height: 48px;
        width: 48px
    }

    section .nopic-class h2[data-v-5d31430c] {
        margin: 0 0 8px
    }

    .lang-cn section h1[data-v-5d31430c] {
        font-size: 36px;
        line-height: 36px
    }

    .lang-cn section ul li h2[data-v-5d31430c] {
        font-size: 20px;
        line-height: 20px
    }

    .lang-cn section ul li p[data-v-5d31430c] {
        font-size: 18px;
        line-height: 30px
    }
}

section[data-v-643bc83c] {
    padding: 3.75vw 0
}

section h1[data-v-643bc83c] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 6.25vw;
    padding-left: 12.5vw;
    text-transform: uppercase
}

section[data-v-643bc83c] .swiper-wrapper {
    display: flex
}

section .swiper-slide[data-v-643bc83c] {
    padding: 0 4.375vw;
    width: auto
}

section .swiper-slide .logo-img[data-v-643bc83c] {
    height: 3.75vw;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

section .left-swiper[data-v-643bc83c],section .right-swiper[data-v-643bc83c] {
    margin-bottom: 2.5vw
}

.lang-cn h1[data-v-643bc83c] {
    line-height: 3.125vw
}

section[data-v-219c5c0c] {
    padding: 3.75vw 0
}

section h1[data-v-219c5c0c] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 3.75vw;
    padding-left: 12.5vw
}

section .swiper[data-v-219c5c0c] {
    padding: 0
}

@media screen and (max-width: 767px) {
    section[data-v-219c5c0c] {
        padding:64px 0
    }

    section h1[data-v-219c5c0c] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px;
        padding-left: 32px
    }

    .lang-cn section h1[data-v-219c5c0c] {
        font-size: 36px;
        line-height: 36px
    }
}

section[data-v-bba8b4d8] {
    padding: 3.75vw 12.5vw
}

section h1[data-v-bba8b4d8] {
    font-size: 3.125vw;
    line-height: 3.125vw
}

section .achieveGoals[data-v-bba8b4d8] {
    padding-bottom: 7.5vw
}

section .achieveGoals ul[data-v-bba8b4d8] {
    margin-top: 3.75vw
}

section .achieveGoals ul li div[data-v-bba8b4d8] {
    width: 16.875vw
}

section .achieveGoals ul li div img[data-v-bba8b4d8] {
    height: 3.75vw;
    margin-bottom: 2.5vw;
    width: 3.75vw
}

section .achieveGoals ul li div p[data-v-bba8b4d8] {
    font-family: Din_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.979vw;
    line-height: 2.708vw;
    white-space: pre-line
}

section .achieveGoals ul li img[data-v-bba8b4d8] {
    height: 3.75vw;
    width: 2.5vw
}

section .helpGet .helpGet-list[data-v-bba8b4d8] {
    gap: 2.5vw;
    margin-top: 3.75vw
}

section .helpGet .helpGet-list .helpGet-item[data-v-bba8b4d8] {
    background: #f0e5ff;
    padding: 3.75vw 5.417vw
}

section .helpGet .helpGet-list .helpGet-item .item-text[data-v-bba8b4d8] {
    gap: 2.5vw
}

section .helpGet .helpGet-list .helpGet-item .item-text li[data-v-bba8b4d8] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    font-size: 1.979vw;
    line-height: 1.979vw
}

section .helpGet .helpGet-list .helpGet-item .item-text li[data-v-bba8b4d8]:before {
    background: #ab69ff;
    content: "";
    display: block;
    height: 1.042vw;
    margin-right: 2.5vw;
    width: 1.042vw
}

section .helpGet .helpGet-list .helpGet-item svg[data-v-bba8b4d8] {
    width: 10.938vw
}

section .helpGet .helpGet-list .helpGet-item[data-v-bba8b4d8]:last-child {
    background: #e5ffee
}

section .helpGet .helpGet-list .helpGet-item:last-child .item-text li[data-v-bba8b4d8]:before {
    background: #67ed93
}

section .helpGet .helpGet-list .helpGet-item:last-child svg[data-v-bba8b4d8] {
    order: -1;
    transform: rotate(180deg)
}

section .helpGet .helpGet-list .helpGet-item:last-child svg path[data-v-bba8b4d8] {
    fill: #c1f7d3
}

h2[data-v-ed54de2c] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    white-space: pre-wrap
}

.section-three[data-v-ed54de2c] {
    margin-bottom: 4.583vw;
    margin-top: 13.021vw;
    padding: 0 18.75vw;
    text-align: center;
    width: 100%
}

.section-three .option-text[data-v-ed54de2c] {
    color: #333;
    font-size: 1.146vw;
    line-height: 1.667vw
}

.lang-cn h2[data-v-ed54de2c] {
    font-size: 2.604vw;
    line-height: 3.333vw
}

.lang-cn .sub-text[data-v-ed54de2c] {
    left: .781vw;
    position: relative;
    top: 2.083vw;
    transform: scale(1.5)
}

@media screen and (max-width: 767px) {
    .lang-cn h2[data-v-ed54de2c] {
        font-size:36px;
        line-height: 1
    }

    .lang-cn .data-text[data-v-ed54de2c] {
        font-size: 32px!important;
        line-height: 1
    }

    .lang-cn .sub-text[data-v-ed54de2c] {
        font-size: 16px;
        left: 4px;
        line-height: 16px;
        position: relative;
        top: 33px;
        transform: scale(1)
    }

    h2[data-v-ed54de2c] {
        font-size: 32px;
        line-height: 36px;
        white-space: pre-wrap
    }

    .section-three[data-v-ed54de2c] {
        background: #fff;
        margin-bottom: 49px;
        margin-top: 64px;
        padding: 0 20px;
        width: 100%
    }

    .section-three .phone-title[data-v-ed54de2c] {
        margin-bottom: 64px;
        white-space: normal
    }

    .section-three .option-item[data-v-ed54de2c] {
        padding-right: 0
    }

    .section-three .option-text[data-v-ed54de2c] {
        color: #333;
        font-family: DIN_Medium,FZFangJunHeiS sans-serif;
        font-size: 14px;
        line-height: 18px;
        max-width: 85px;
        min-width: 75px;
        text-align: center
    }
}

section[data-v-7ef7f812] {
    background-color: #fafafa;
    padding: 5vw 12.5vw
}

section h3[data-v-7ef7f812] {
    color: #242424;
    font-size: 1.875vw;
    line-height: 3.125vw;
    white-space: pre-wrap
}

section .index-swiper[data-v-7ef7f812] .swiper-wrapper {
    display: flex
}

section .index-swiper .swiper-slide[data-v-7ef7f812] {
    display: flex;
    height: 6.25vw;
    justify-content: center;
    padding: 0 2.604vw;
    width: auto
}

section .index-swiper .swiper-slide .logo-img[data-v-7ef7f812] {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 11.458vw
}

.lang-cn h3[data-v-7ef7f812] {
    font-size: 1.875vw;
    line-height: 3.542vw
}

@media screen and (max-width: 767px) {
    section[data-v-7ef7f812] {
        background-color:#fafafa;
        padding: 48px 20px
    }

    section h3[data-v-7ef7f812] {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        white-space: normal
    }

    section .index-swiper[data-v-7ef7f812] .swiper-wrapper {
        display: flex
    }

    section .index-swiper .swiper-slide[data-v-7ef7f812] {
        display: flex;
        height: 80px;
        justify-content: center;
        padding: 0 10px;
        width: 120px
    }

    section .index-swiper .swiper-slide .logo-img[data-v-7ef7f812] {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        width: 100px
    }

    .lang-cn h3[data-v-7ef7f812] {
        font-size: 20px;
        line-height: 30px;
        white-space: pre-wrap!important
    }
}

.swiper-container .swiper-wrapper {
    transition-timing-function: linear
}

@media screen and (max-width: 767px) {
    .section-five[data-v-3a7fb20e] {
        background-color:#fff;
        padding: 64px 0
    }

    .section-five .swiper-card[data-v-3a7fb20e] {
        position: relative;
        width: 100%
    }

    .section-five .swiper-card .text-16[data-v-3a7fb20e] {
        color: #333;
        font-size: 14px;
        line-height: 20px;
        max-width: 128px
    }

    .section-five .swiper-card .card[data-v-3a7fb20e] {
        height: 896px;
        padding: 55px 20px;
        width: 100%
    }

    .section-five .swiper-card .card .img-logo[data-v-3a7fb20e] {
        height: 48px
    }

    .section-five .swiper-card .card .game-desc[data-v-3a7fb20e] {
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        color: #666;
        display: -webkit-box;
        font-size: 20px;
        height: 180px;
        line-height: 30px;
        margin-top: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .section-five .swiper-card .card .game-data[data-v-3a7fb20e] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 33px 0 0
    }

    .section-five .swiper-card .card .game-data h4[data-v-3a7fb20e] {
        font-size: 20px;
        line-height: 24px
    }

    .section-five .swiper-card .card .more[data-v-3a7fb20e] {
        color: #9644ff;
        font-size: 20px;
        height: 40px;
        line-height: 20px;
        width: 100%
    }

    .section-five .swiper-card .card .more span[data-v-3a7fb20e] {
        font-family: DIN_Medium,FZFangJunHeiS,SourceHanSansHC-Bold,sans-serif
    }

    .section-five .swiper-card .card .card-phone[data-v-3a7fb20e] {
        height: 330px;
        margin: 40px auto;
        position: relative;
        width: 180px
    }

    .section-five .swiper-card .card .card-phone[data-v-3a7fb20e]:after {
        background-image: url(/_nuxt/img/phone-y.e8b5d87.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .section-five .swiper-card .card .card-phone .img-wrap[data-v-3a7fb20e] {
        border: 5px solid #000;
        border-radius: 30px;
        box-shadow: inset 0 0 10px rgba(0,0,0,.5);
        height: 330px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        position: relative;
        width: 180px;
        z-index: 20
    }

    .section-five .swiper-card .swiper-wrapper[data-v-3a7fb20e] {
        flex-direction: row
    }

    .section-five .swiper-card .swiper-slide[data-v-3a7fb20e] {
        padding: 0 20px
    }

    .section-five .swiper-card .swiper-pagination[data-v-3a7fb20e] {
        display: flex;
        justify-content: center;
        margin: 0 auto
    }

    .section-five .swiper-card .swiper-pagination .pagination-bullet[data-v-3a7fb20e] {
        border: 1px solid #ccc;
        height: 8px;
        margin-right: 8px;
        text-align: center;
        width: 8px
    }

    .section-five .swiper-card .swiper-pagination .pagination-bullet.pagination-bullet-active[data-v-3a7fb20e] {
        background: #ccc;
        height: 8px;
        width: 32px
    }

    .lang-cn .section-five .swiper-card .card .game-desc[data-v-3a7fb20e] {
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 18px;
        height: 150px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .lang-cn .section-five .swiper-card .card .more span[data-v-3a7fb20e] {
        font-size: 16px;
        line-height: 24px
    }
}

h2[data-v-2dfb5816] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    white-space: pre-wrap
}

.section-five[data-v-2dfb5816] {
    width: 100%
}

.section-five .section-contact[data-v-2dfb5816] {
    background: #fafafa;
    padding: 7.5vw 0
}

.section-five .section-blog[data-v-2dfb5816] {
    background: #fff;
    padding: 7.5vw 12.5vw
}

.section-five .section-blog .blog-wrap[data-v-2dfb5816] {
    background: #fff;
    box-shadow: 0 0 2.5vw rgba(0,0,0,.1)
}

.section-five .section-blog .blog-wrap img[data-v-2dfb5816] {
    height: 14.583vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.section-five .section-blog .blog-wrap p[data-v-2dfb5816] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1.146vw;
    height: 3.75vw;
    letter-spacing: -.02em;
    line-height: 1.771vw;
    margin-bottom: 4.167vw;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 20.833vw
}

.section-five .section-blog .blog-wrap .more[data-v-2dfb5816] {
    color: #ccc;
    font-size: 1.042vw;
    line-height: 1.042vw;
    text-transform: uppercase
}

.section-five .section-blog .blog-wrap .more[data-v-2dfb5816]:hover {
    color: #9644ff
}

.section-five .section-blog .blog-wrap .more:hover path[data-v-2dfb5816] {
    stroke: #9644ff
}

.lang-cn h2[data-v-2dfb5816] {
    font-size: 2.604vw;
    line-height: 3.333vw;
    white-space: normal
}

@media screen and (max-width: 767px) {
    h2[data-v-2dfb5816] {
        font-size:32px;
        line-height: 36px;
        white-space: normal
    }

    .section-five[data-v-2dfb5816] {
        width: 100%
    }

    .section-five .section-contact[data-v-2dfb5816] {
        padding: 48px 20px
    }

    .section-five .section-contact .btn-wrap[data-v-2dfb5816] {
        margin: 0
    }

    .section-five .section-blog[data-v-2dfb5816] {
        background: #fff;
        padding: 64px 20px
    }

    .section-five .section-blog .blog-wrap[data-v-2dfb5816] {
        background: #fff;
        box-shadow: 0 0 30px rgba(0,0,0,.1);
        margin-top: 40px;
        width: 100%
    }

    .section-five .section-blog .blog-wrap img[data-v-2dfb5816] {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }

    .section-five .section-blog .blog-wrap p[data-v-2dfb5816] {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 20px;
        height: auto;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 92%
    }

    .section-five .section-blog .blog-wrap .more[data-v-2dfb5816] {
        color: #9644ff;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 33px
    }

    .section-five .section-blog .blog-wrap .more span[data-v-2dfb5816] {
        font-family: DIN_Medium,FZFangJunHeiS,SourceHanSansHC-Bold,sans-serif;
        text-transform: none
    }

    .lang-cn h2[data-v-2dfb5816] {
        font-size: 40px;
        line-height: 48px;
        text-align: center;
        white-space: pre-wrap
    }

    .lang-cn .section-five .section-contact .btn-wrap[data-v-2dfb5816] {
        margin: 0 auto
    }

    .lang-cn .section-blog h2[data-v-2dfb5816] {
        font-size: 36px;
        line-height: 40px;
        text-align: left
    }

    .lang-cn .section-five .section-blog .blog-wrap .more[data-v-2dfb5816] {
        font-size: 16px;
        line-height: 24px
    }
}

h1[data-v-320e4df1] {
    font-size: 3.333vw;
    line-height: 3.646vw;
    white-space: pre-wrap
}

.section-one[data-v-320e4df1] {
    background: #f0f3ff;
    height: 43.333vw;
    padding: 11.667vw 0 4.167vw 12.5vw;
    width: 100%
}

.section-one .section-title[data-v-320e4df1] {
    width: 31.875vw
}

.section-one img[data-v-320e4df1] {
    height: 39.063vw;
    position: absolute;
    right: 12.5vw;
    top: 2.083vw;
    width: auto
}

.lang-cn h1[data-v-320e4df1] {
    font-size: 3.125vw;
    line-height: 3.958vw
}

@media screen and (max-width: 767px) {
    .section-five .swiper-pagination {
        display:flex;
        justify-content: center;
        margin: 0 auto
    }

    .section-five .swiper-pagination .pagination-bullet {
        background: #e6e6e6;
        height: 8px;
        margin-right: 8px;
        text-align: center;
        width: 8px
    }

    .section-five .swiper-pagination .pagination-bullet.pagination-bullet-active {
        background: #ccc;
        height: 8px;
        width: 32px
    }
}

@keyframes fade-in-animation-bea5c0ca {
    to {
        opacity: 1
    }
}

.fade-in[data-v-bea5c0ca] {
    animation: fade-in-animation-bea5c0ca 1s ease-in forwards;
    opacity: 0
}

.section-two[data-v-bea5c0ca] {
    padding: 0 12.5vw
}

.section-two h2[data-v-bea5c0ca] {
    font-size: 2.917vw;
    line-height: 3.333vw;
    text-transform: uppercase
}

.section-two .title[data-v-bea5c0ca] {
    margin-top: 7.083vw
}

.section-two .img-wrap[data-v-bea5c0ca] {
    height: 22.292vw;
    opacity: 0;
    width: auto;
    z-index: 20
}

.lang-cn h2[data-v-bea5c0ca] {
    font-size: 2.604vw;
    line-height: 3.333vw
}

.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {
    display: none
}

.video-wrap {
    margin-bottom: 2.083vw;
    opacity: 0;
    position: relative
}

.video-wrap .video-js {
    border-radius: 1.458vw;
    height: 15.521vw;
    width: 31.51vw
}

.video-wrap .video-js .vjs-tech {
    border-radius: 1.458vw
}

.video-wrap .video-js:before {
    background: url(/_nuxt/img/phone-x.3a2abc7.png) no-repeat;
    background-size: 100%;
    content: "";
    height: 19.115vw;
    left: -6.4%;
    position: absolute;
    top: -9.8%;
    width: 35.417vw;
    z-index: 10
}

#drive-revenue #path-0,#grow-users #path-2 {
    fill: #ffbb07
}

#drive-revenue #path-2 {
    fill: #2650ff
}

#optimize #path-1 {
    fill: #ffbb07
}

#optimize #path-2 {
    fill: #00d1ae
}

#optimize #path-0 {
    fill: #2650ff
}

@keyframes fill-yellow-53fbba20 {
    0% {
        fill: #e1e2e6
    }

    to {
        fill: #ffbb07
    }
}

@keyframes fill-blue-53fbba20 {
    0% {
        fill: #e1e2e6
    }

    to {
        fill: #2650ff
    }
}

@keyframes fill-green-53fbba20 {
    0% {
        fill: #e1e2e6
    }

    to {
        fill: #00d1ae
    }
}

@keyframes fill-purple-53fbba20 {
    0% {
        fill: #e1e2e6
    }

    to {
        fill: #9644ff
    }
}

@keyframes spin-53fbba20 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(90deg)
    }
}

.img-spin-yellow[data-v-53fbba20] {
    animation: spin-53fbba20 1s linear;
    transform: rotate(90deg)
}

.img-spin-yellow #path-3[data-v-53fbba20] {
    fill: #ffbb07;
    animation: fill-yellow-53fbba20 1s linear
}

.img-spin-blue[data-v-53fbba20] {
    animation: spin-53fbba20 1s linear;
    transform: rotate(90deg)
}

.img-spin-blue #path-3[data-v-53fbba20] {
    fill: #2650ff;
    animation: fill-blue-53fbba20 1s linear
}

.img-spin-green[data-v-53fbba20] {
    animation: spin-53fbba20 1s linear;
    transform: rotate(90deg)
}

.img-spin-green #path-3[data-v-53fbba20] {
    fill: #00d1ae;
    animation: fill-green-53fbba20 1s linear
}

.img-spin-purple[data-v-53fbba20] {
    animation: spin-53fbba20 1s linear;
    transform: rotate(90deg)
}

.img-spin-purple #path-3[data-v-53fbba20] {
    fill: #9644ff;
    animation: fill-purple-53fbba20 1s linear
}

.index-content .width-content[data-v-69387834],.index-content p[data-v-69387834],.lang-cn .index-content p[data-v-69387834] {
    width: 36.25vw
}

.index-content p[data-v-69387834] {
    color: #242424;
    font-size: 1.146vw;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.875vw;
    margin-bottom: 2.917vw
}

.lang-cn .index-content p[data-v-69387834] {
    color: #242424;
    font-size: 1.25vw;
    line-height: 2.083vw;
    margin-bottom: 2.917vw
}

.router-btn[data-v-5bf15ae2] {
    flex-direction: row;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.router-btn .basic-button[data-v-5bf15ae2] {
    align-items: center;
    background: #fff;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: DIN_Cond_Black,sans-serif;
    font-size: 1.042vw;
    font-weight: 700;
    gap: 1.25vw;
    height: 3.333vw;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1.25vw;
    padding: 0 2.5vw;
    text-transform: uppercase;
    width: auto
}

@media screen and (max-width: 767px) {
    .router-btn .basic-button[data-v-5bf15ae2] {
        font-size:20px;
        height: 56px;
        line-height: 24px;
        min-width: 184px;
        text-transform: none
    }

    .router-btn .basic-button svg[data-v-5bf15ae2] {
        height: 15px;
        margin-left: 12px;
        width: 18px
    }

    .router-btn .basic-button .text[data-v-5bf15ae2] {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
        z-index: 10
    }
}

.router-btn .basic-button .text[data-v-5bf15ae2] {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 20
}

.router-btn .basic-button[data-v-5bf15ae2]:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .5s ease-in-out;
    width: 0
}

.router-btn .basic-button:hover .text[data-v-5bf15ae2] {
    background-color: transparent;
    color: #fff
}

.router-btn .basic-button[data-v-5bf15ae2]:hover:before {
    width: 100%
}

.router-btn.router-yellow-white .basic-button[data-v-5bf15ae2] {
    border: 1px solid #f4ae22
}

.router-btn.router-yellow-white .basic-button .text[data-v-5bf15ae2] {
    color: #f4ae22
}

.router-btn.router-yellow-white .basic-button .text path[data-v-5bf15ae2] {
    stroke: #f4ae22
}

.router-btn.router-yellow-white .basic-button[data-v-5bf15ae2]:before {
    background: #f4ae22
}

.router-btn.router-yellow-white .basic-button:hover .text[data-v-5bf15ae2] {
    color: #fff
}

.router-btn.router-yellow-white .basic-button:hover .text path[data-v-5bf15ae2] {
    stroke: #fff
}

.router-btn.router-blue-white .basic-button[data-v-5bf15ae2] {
    border: 1px solid #2650ff
}

.router-btn.router-blue-white .basic-button .text[data-v-5bf15ae2] {
    color: #2650ff
}

.router-btn.router-blue-white .basic-button .text path[data-v-5bf15ae2] {
    stroke: #2650ff
}

.router-btn.router-blue-white .basic-button[data-v-5bf15ae2]:before {
    background: #2650ff
}

.router-btn.router-blue-white .basic-button:hover .text[data-v-5bf15ae2] {
    color: #fff
}

.router-btn.router-blue-white .basic-button:hover .text path[data-v-5bf15ae2] {
    stroke: #fff
}

.router-btn.router-green-white .basic-button[data-v-5bf15ae2] {
    border: 1px solid #00d1ae
}

.router-btn.router-green-white .basic-button .text[data-v-5bf15ae2] {
    color: #00d1ae
}

.router-btn.router-green-white .basic-button .text path[data-v-5bf15ae2] {
    stroke: #00d1ae
}

.router-btn.router-green-white .basic-button[data-v-5bf15ae2]:before {
    background: #00d1ae
}

.router-btn.router-green-white .basic-button:hover .text[data-v-5bf15ae2] {
    color: #fff
}

.router-btn.router-green-white .basic-button:hover .text path[data-v-5bf15ae2] {
    stroke: #fff
}

.router-btn.router-purple-white .basic-button[data-v-5bf15ae2] {
    border: 1px solid #9644ff
}

.router-btn.router-purple-white .basic-button .text[data-v-5bf15ae2] {
    color: #9644ff
}

.router-btn.router-purple-white .basic-button .text path[data-v-5bf15ae2] {
    stroke: #9644ff
}

.router-btn.router-purple-white .basic-button[data-v-5bf15ae2]:before {
    background: #9644ff
}

.router-btn.router-purple-white .basic-button:hover .text[data-v-5bf15ae2] {
    color: #fff
}

.router-btn.router-purple-white .basic-button:hover .text path[data-v-5bf15ae2] {
    stroke: #fff
}

@media screen and (max-width: 767px) {
    .router-btn .btn-text[data-v-5bf15ae2] {
        font-size:24px
    }
}

.dialog-content h1[data-v-4e4ff3dd] {
    font-size: 2.5vw;
    line-height: 3.125vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog {
    width: 54.167vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 3.75vw 2.5vw 2.5vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    font-size: 1.875vw;
    left: 0;
    position: relative;
    top: 0
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    color: #c5c5c5;
    font-weight: 500
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover {
    color: #9644ff
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body {
    padding: 0 2.5vw 3.75vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form {
    gap: 1.667vw 1.25vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-form-item {
    margin-bottom: 0
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-form-item .el-form-item__label {
    color: #5e5e5e;
    font-family: DIN_Medium,FZFangJHJW_Cu,sans-serif;
    font-size: 1.042vw;
    line-height: 1;
    margin-bottom: .417vw;
    position: relative;
    z-index: 20
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-form-item .el-form-item__label:before {
    color: #9744ff
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-form-item__error {
    font-size: .833vw;
    left: auto;
    right: 0;
    top: 0
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-select {
    display: block
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-select .el-input__suffix {
    top: 17%
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-select .is-focus .el-input__inner {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-select .el-select-dropdown {
    left: 0!important;
    position: absolute!important;
    top: 3.125vw!important
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-select .el-select-dropdown__item.selected {
    background-color: #fafafa;
    color: #9744ff
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-select .el-select__caret {
    color: #242424;
    font-size: .938vw;
    font-weight: 700;
    margin-right: .521vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-popper[x-placement^=bottom] {
    margin-top: 1.875vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-input {
    background: #fff;
    width: 100%
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-input .el-input__inner {
    border-radius: 0;
    font-size: 1.042vw;
    height: 2.5vw;
    position: relative;
    z-index: 0
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-input .el-input__inner::-moz-placeholder {
    color: #a6a6a6
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-input .el-input__inner::placeholder {
    color: #a6a6a6
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-input .el-input__inner:focus::-moz-placeholder {
    color: #dcdcdc
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-input .el-input__inner:focus::placeholder {
    color: #dcdcdc
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-input .el-input__inner:focus {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-textarea__inner {
    border-radius: 0;
    font-size: 1.042vw;
    height: 6.51vw;
    position: relative;
    z-index: 0
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-textarea__inner::-moz-placeholder {
    color: #a6a6a6
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-textarea__inner::placeholder {
    color: #a6a6a6
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-textarea__inner:focus::-moz-placeholder {
    color: #dcdcdc
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-textarea__inner:focus::placeholder {
    color: #dcdcdc
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-textarea__inner:focus {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-checkbox-group {
    grid-row-gap: 1.25vw;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin-top: 2.5vw;
    row-gap: 1.25vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-checkbox {
    align-items: center;
    display: flex
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-checkbox .el-checkbox__label {
    color: #242424;
    font-size: .938vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-checkbox__input .el-checkbox__inner {
    border: 1px solid #c5c5c5;
    border-radius: 0
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-checkbox__input .el-checkbox__inner:hover {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .el-checkbox__input.is-checked .el-checkbox__inner {
    background: #9644ff;
    border-color: #9644ff
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .link-text a {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .tips-text {
    color: #a6a6a6;
    font-size: .833vw;
    line-height: 1.25vw;
    margin-top: .417vw;
    word-break: break-word
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .tips-text a {
    color: #9644ff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .form-btn {
    background: #9644ff;
    cursor: pointer;
    height: 3.75vw;
    margin-top: .833vw;
    padding: 0 2.5vw;
    text-align: center;
    width: 16.875vw
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .form-btn:hover h5 {
    color: #e9d9ff
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .form-btn:hover span {
    color: #ccc
}

.dialog-content[data-v-4e4ff3dd] .el-dialog .el-dialog__body .dialog-form .form-btn span {
    color: #fff;
    font-family: DIN_Medium,FZFangJHJW,sans-serif;
    font-size: 1.25vw;
    line-height: 1.25vw;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    h1[data-v-4e4ff3dd] {
        font-size:32px;
        line-height: 36px
    }

    .form[data-v-4e4ff3dd] {
        grid-gap: 48px;
        display: grid;
        gap: 48px;
        grid-template-columns: 1fr;
        padding: 64px 20px;
        width: 100%
    }

    .form[data-v-4e4ff3dd] .el-form {
        gap: 24px
    }

    .form[data-v-4e4ff3dd] .el-form .el-form-item {
        margin-bottom: 0
    }

    .form[data-v-4e4ff3dd] .el-form .el-form-item .el-form-item__label {
        color: #5e5e5e;
        font-family: DIN_Medium,FZFangJHJW_Cu,sans-serif;
        font-size: 14px;
        line-height: 1;
        margin-bottom: 8px;
        position: relative;
        z-index: 20
    }

    .form[data-v-4e4ff3dd] .el-form .el-form-item .el-form-item__label:before {
        color: #9744ff;
        font-size: 16px
    }

    .form[data-v-4e4ff3dd] .el-form .link .el-checkbox {
        align-items: start
    }

    .form[data-v-4e4ff3dd] .el-form .link .el-checkbox .el-checkbox__inner {
        height: 20px;
        width: 20px
    }

    .form[data-v-4e4ff3dd] .el-form .link .el-checkbox.is-checked .el-checkbox__inner {
        background: #9644ff;
        border-color: #9644ff
    }

    .form[data-v-4e4ff3dd] .el-form .link .el-checkbox.is-checked .el-checkbox__inner:after {
        height: 10px;
        left: 7px;
        top: 2px;
        width: 4px
    }

    .form[data-v-4e4ff3dd] .el-form .el-form-item__error {
        font-size: 14px;
        left: auto;
        right: 0;
        top: 0
    }

    .form[data-v-4e4ff3dd] .el-form .el-select {
        display: block;
        margin-bottom: 24px
    }

    .form[data-v-4e4ff3dd] .el-form .el-select .el-input__suffix {
        top: 22px
    }

    .form[data-v-4e4ff3dd] .el-form .el-select .is-focus .el-input__inner {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .form[data-v-4e4ff3dd] .el-form .el-select .el-select-dropdown {
        left: 0!important
    }

    .form[data-v-4e4ff3dd] .el-form .el-select .el-select-dropdown__item.selected {
        background-color: #fafafa;
        color: #9744ff
    }

    .form[data-v-4e4ff3dd] .el-form .el-select .el-select__caret {
        color: #242424;
        font-size: 18px;
        font-weight: 700;
        margin-right: 10px
    }

    .form[data-v-4e4ff3dd] .el-form .el-popper[x-placement^=bottom] {
        margin-top: 36px
    }

    .form[data-v-4e4ff3dd] .el-form .el-input {
        background: #fff;
        height: 48px;
        width: 100%
    }

    .form[data-v-4e4ff3dd] .el-form .el-input .el-input__inner {
        border-radius: 0;
        font-size: 20px;
        height: 48px;
        padding: 0 16px;
        position: relative;
        z-index: 0
    }

    .form[data-v-4e4ff3dd] .el-form .el-input .el-input__inner::-moz-placeholder {
        color: #c5c5c5
    }

    .form[data-v-4e4ff3dd] .el-form .el-input .el-input__inner::placeholder {
        color: #c5c5c5
    }

    .form[data-v-4e4ff3dd] .el-form .el-input .el-input__inner:focus::-moz-placeholder {
        color: #dcdcdc
    }

    .form[data-v-4e4ff3dd] .el-form .el-input .el-input__inner:focus::placeholder {
        color: #dcdcdc
    }

    .form[data-v-4e4ff3dd] .el-form .el-input .el-input__inner:focus {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .form[data-v-4e4ff3dd] .el-form .el-textarea__inner {
        border-radius: 0;
        color: #000;
        font-family: DIN_OT,FZFangJHJW,sans-serif;
        font-size: 20px;
        height: 180px;
        padding: 16px;
        position: relative;
        z-index: 0
    }

    .form[data-v-4e4ff3dd] .el-form .el-textarea__inner::-moz-placeholder {
        color: #c5c5c5
    }

    .form[data-v-4e4ff3dd] .el-form .el-textarea__inner::placeholder {
        color: #c5c5c5
    }

    .form[data-v-4e4ff3dd] .el-form .el-textarea__inner:focus::-moz-placeholder {
        color: #c5c5c5
    }

    .form[data-v-4e4ff3dd] .el-form .el-textarea__inner:focus::placeholder {
        color: #c5c5c5
    }

    .form[data-v-4e4ff3dd] .el-form .el-textarea__inner:focus {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .form[data-v-4e4ff3dd] .el-form .el-checkbox-group {
        display: flex;
        flex-wrap: wrap;
        margin-top: 38px
    }

    .form[data-v-4e4ff3dd] .el-form .el-checkbox {
        align-items: end;
        display: flex;
        flex-basis: 50%;
        margin-bottom: 20px;
        margin-right: 0
    }

    .form[data-v-4e4ff3dd] .el-form .el-checkbox .el-checkbox__label {
        color: #242424;
        font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif;
        font-size: 16px
    }

    .form[data-v-4e4ff3dd] .el-form .el-checkbox__input .el-checkbox__inner {
        border: 1px solid #c5c5c5;
        border-radius: 0
    }

    .form[data-v-4e4ff3dd] .el-form .el-checkbox__input .el-checkbox__inner:hover {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .form[data-v-4e4ff3dd] .el-form .el-checkbox__input.is-checked .el-checkbox__inner {
        background: #9644ff;
        border-color: #9644ff
    }

    .form[data-v-4e4ff3dd] .el-form .link-text a {
        color: #9644ff;
        font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .form[data-v-4e4ff3dd] .el-form .tips-text {
        color: #a6a6a6;
        font-size: 14px;
        line-height: 22px;
        margin-left: 32px;
        margin-top: 8px;
        word-break: break-word
    }

    .form[data-v-4e4ff3dd] .el-form .tips-text a {
        color: #9644ff;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .form[data-v-4e4ff3dd] .el-form .form-btn {
        background: #9644ff;
        cursor: pointer;
        height: 56px;
        margin-top: 24px;
        padding: 0 48px;
        text-align: center;
        width: 100%
    }

    .form[data-v-4e4ff3dd] .el-form .form-btn:hover h5 {
        color: #e9d9ff
    }

    .form[data-v-4e4ff3dd] .el-form .form-btn:hover span {
        color: #fff
    }

    .form[data-v-4e4ff3dd] .el-form .form-btn span {
        color: #fff;
        font-family: DIN_Medium,FZFangJHJW,sans-serif;
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase
    }

    .el-message__icon {
        font-size: 20px!important
    }
}

.notice-wrapper[data-v-376b9638] {
    align-items: center;
    background: rgba(133,240,169,.95);
    color: #1b1d2c;
    display: flex;
    padding: 1.875vw 12.5vw;
    width: 100%
}

.notice-wrapper .icon[data-v-376b9638] {
    height: auto;
    margin-right: 1.875vw;
    width: 3.542vw
}

.notice-wrapper h2[data-v-376b9638] {
    color: #1b1d2c;
    font-size: 1.354vw;
    line-height: 3.125vw;
    text-transform: uppercase
}

.notice-wrapper .notice-text[data-v-376b9638] {
    font-size: 1.146vw;
    line-height: 1.667vw
}

.notice-wrapper .agree-btn[data-v-376b9638] {
    font-size: 1.25vw;
    line-height: 1
}

.notice-wrapper .close-icon[data-v-376b9638] {
    font-size: 1.042vw;
    position: absolute;
    right: 1.875vw;
    top: 1.875vw
}

@media screen and (max-width: 767px) {
    .notice-wrapper[data-v-376b9638] {
        align-items:start;
        flex-direction: column;
        padding: 36px 32px
    }

    .notice-wrapper .icon[data-v-376b9638] {
        height: auto;
        margin-right: 16px;
        width: 31px
    }

    .notice-wrapper h2[data-v-376b9638] {
        font-size: 20px
    }

    .notice-wrapper .notice-text[data-v-376b9638] {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px
    }

    .notice-wrapper .close-icon[data-v-376b9638] {
        font-size: 18px;
        position: absolute;
        right: 36px;
        top: 36px
    }
}

.svg-five,.svg-four,.svg-line,.svg-one,.svg-six,.svg-three,.svg-two {
    display: none;
    position: absolute;
    z-index: 0
}

.svg-one {
    height: 23.477vw;
    left: 52.083vw;
    top: 7.813vw;
    width: 30.897vw
}

.svg-two {
    height: 25.439vw;
    left: 29.167vw;
    top: 29.688vw;
    width: 35.127vw
}

.svg-three {
    height: 36.458vw;
    left: 50.521vw;
    top: 54.688vw;
    width: 38.917vw
}

.svg-four {
    height: 28.694vw;
    left: 17.813vw;
    top: 90vw;
    width: 36.201vw
}

.svg-five {
    height: 43.546vw;
    left: 48.958vw;
    top: 117.708vw;
    width: 27.604vw
}

.svg-six {
    height: 41.984vw;
    left: 61.875vw;
    top: 149.479vw;
    width: 30.113vw
}

@keyframes dash {
    0% {
        stroke-dashoffset: 2000
    }

    to {
        stroke-dashoffset: 0
    }
}

.color-line-path {
    stroke-dashoffset: 0;
    animation: dash 3s ease
}

.section-five[data-v-33fe7194] {
    background-color: #fff;
    padding: 7.083vw 0
}

.section-five .swiper-card[data-v-33fe7194] {
    color: #242424;
    position: relative;
    width: 100%
}

.section-five .swiper-card .card .game-desc[data-v-33fe7194],.section-five .swiper-card .text-22[data-v-33fe7194] {
    color: #242424;
    font-size: 1.146vw;
    line-height: 1.875vw
}

.section-five .swiper-card .text-20[data-v-33fe7194] {
    font-size: 1.042vw;
    line-height: 1.042vw
}

.section-five .swiper-card .card[data-v-33fe7194] {
    margin-left: 6.25vw;
    padding: 4.167vw 5.208vw;
    width: 100%
}

.section-five .swiper-card .card .img-logo[data-v-33fe7194] {
    height: 3.542vw
}

.section-five .swiper-card .card .game-desc[data-v-33fe7194] {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 5.208vw;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 38.75vw
}

.section-five .swiper-card .card .game-data[data-v-33fe7194] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 4.896vw 0 2.813vw
}

.section-five .swiper-card .card .game-data h4[data-v-33fe7194] {
    font-size: 2.083vw;
    line-height: 2.083vw
}

.section-five .swiper-card .card .game-data p[data-v-33fe7194] {
    line-height: 1.2;
    max-width: 14.583vw
}

.section-five .swiper-card .card .card-phone[data-v-33fe7194] {
    align-self: center;
    height: 32.813vw;
    margin-right: 8.333vw;
    position: relative;
    width: 21.25vw
}

.section-five .swiper-card .card .card-phone[data-v-33fe7194]:after {
    background-image: url(/_nuxt/img/phone-y.e8b5d87.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 32.813vw;
    left: -2%;
    position: absolute;
    top: -1%;
    width: 16.927vw
}

.section-five .swiper-card .card .card-phone .img-wrap[data-v-33fe7194] {
    border: .26vw solid #000;
    border-radius: 1.563vw;
    box-shadow: inset 0 0 .521vw rgba(0,0,0,.5);
    height: 32.292vw;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: relative;
    width: 16.146vw;
    z-index: 20
}

.section-five .swiper-card .swiper-wrapper[data-v-33fe7194] {
    flex-direction: row
}

.section-five .swiper-card .swiper-slide[data-v-33fe7194] {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 41.563vw;
    justify-content: center;
    overflow: hidden
}

.section-five .swiper-card .swiper-button-next1[data-v-33fe7194],.section-five .swiper-card .swiper-button-prev1[data-v-33fe7194] {
    align-items: center;
    background: rgba(0,0,0,.1);
    display: flex;
    gap: .417vw;
    height: 4.583vw;
    justify-content: center;
    padding: .417vw;
    position: absolute;
    right: 7.292vw;
    top: 18.49vw;
    width: 4.583vw;
    z-index: 20
}

.section-five .swiper-card .swiper-button-prev1[data-v-33fe7194] {
    left: 7.292vw
}

@keyframes pulse-bbb0ecdc {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

section[data-v-bbb0ecdc] {
    padding: 3.75vw 12.5vw 7.5vw
}

section h1[data-v-bbb0ecdc] {
    font-size: 3.125vw;
    line-height: 3.75vw;
    margin-bottom: 3.75vw
}

section .category-list[data-v-bbb0ecdc] {
    margin-right: 2.5vw
}

section .category-list li .category-list-text[data-v-bbb0ecdc] {
    height: 2.5vw
}

section .category-list li img[data-v-bbb0ecdc] {
    height: 2.5vw;
    transform: rotate(-90deg);
    width: 2.5vw
}

section .category-list li svg[data-v-bbb0ecdc] {
    margin: .417vw 0
}

section .category-list li p[data-v-bbb0ecdc] {
    color: #a6a6a6;
    font-family: DIN_Medium,FZFangJHJW,sans-serif;
    font-size: 1.25vw;
    line-height: 1.563vw;
    margin: 0 .417vw 0 .625vw;
    text-transform: uppercase
}

section .category-list .active p[data-v-bbb0ecdc] {
    color: #000;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
}

section .category-list .active img[data-v-bbb0ecdc] {
    transform: rotate(0deg);
    transition: all 1s linear
}

section .brand-list[data-v-bbb0ecdc] {
    gap: 2.5vw
}

section .brand-list .fade-animate[data-v-bbb0ecdc] {
    animation: pulse-bbb0ecdc .5s linear
}

section .brand-list .item-type[data-v-bbb0ecdc] {
    margin-bottom: 1.25vw
}

section .brand-list .item-type img[data-v-bbb0ecdc] {
    height: 1.25vw;
    margin-right: .625vw;
    width: 1.25vw
}

section .brand-list .item-type p[data-v-bbb0ecdc] {
    color: #a6a6a6;
    font-family: Din_Medium,FZFangJHJW_Cu,sans-serif;
    font-size: 1.042vw;
    line-height: 1.25vw;
    text-transform: uppercase
}

section .brand-list .item-brand .img-box[data-v-bbb0ecdc] {
    height: 7.5vw
}

section .brand-list .item-brand .img-box img[data-v-bbb0ecdc] {
    height: 2.5vw
}

section .brand-list .item-brand a[data-v-bbb0ecdc] {
    color: #242424;
    font-family: Din_Medium,FZFangJHJW_Cu,sans-serif;
    font-size: 1.042vw;
    line-height: 1.042vw;
    margin-top: 2.5vw;
    text-transform: uppercase
}

section .brand-list .item-brand:hover a[data-v-bbb0ecdc] {
    text-decoration-line: underline
}

.lang-cn section h1[data-v-bbb0ecdc] {
    line-height: 4.167vw
}

.lang-cn section .category-list li p[data-v-bbb0ecdc] {
    font-size: 1.354vw;
    line-height: 1.354vw;
    margin: 0 .417vw 0 1.042vw
}

.lang-cn section .brand-list .item-brand a[data-v-bbb0ecdc],.lang-cn section .brand-list .item-type p[data-v-bbb0ecdc] {
    font-size: 1.146vw;
    line-height: 1.146vw
}

section[data-v-7ddbf6d0] {
    background-color: #fafafa;
    padding: 7.5vw 0 10vw
}

section h1[data-v-7ddbf6d0] {
    font-size: 3.125vw;
    line-height: 3.542vw;
    margin-bottom: 3.75vw
}

.lang-cn section h1[data-v-7ddbf6d0] {
    font-size: 3.333vw;
    line-height: 3.333vw
}

@media screen and (max-width: 767px) {
    section[data-v-7ddbf6d0] {
        padding:64px 32px 128px
    }

    section h1[data-v-7ddbf6d0] {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 48px
    }

    .lang-cn section h1[data-v-7ddbf6d0] {
        font-size: 40px;
        line-height: 48px;
        text-align: center
    }

    .lang-cn section .btn-cn[data-v-7ddbf6d0] {
        width: 100%
    }

    section[data-v-3cfd252e] {
        gap: 32px;
        padding: 64px 0
    }

    section h1[data-v-3cfd252e] {
        font-size: 38px;
        line-height: 42px;
        padding: 0 32px
    }

    section p[data-v-3cfd252e] {
        color: #242424;
        font-size: 20px;
        line-height: 32px;
        padding: 0 32px
    }

    section .logo[data-v-3cfd252e] {
        height: 24px
    }

    section .big-img[data-v-3cfd252e] {
        height: auto;
        padding: 0 16px
    }

    .xmp .logo[data-v-3cfd252e] {
        height: 32px
    }

    .lang-cn section h1[data-v-3cfd252e] {
        font-size: 40px;
        line-height: 48px
    }

    .lang-cn section p[data-v-3cfd252e] {
        font-size: 18px;
        line-height: 30px
    }
}

.primary-btn[data-v-18041109] {
    flex-direction: row;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.primary-btn .basic-button[data-v-18041109] {
    background: transparent;
    color: #000;
    cursor: pointer;
    font-size: 1.25vw;
    font-weight: 700;
    gap: .833vw;
    height: 3.333vw;
    letter-spacing: .01em;
    line-height: 1.25;
    min-width: 14.688vw;
    padding: 0 2.5vw;
    text-transform: uppercase
}

.primary-btn .basic-button .text[data-v-18041109],.primary-btn .basic-button[data-v-18041109] {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.primary-btn .basic-button .text[data-v-18041109] {
    position: relative;
    z-index: 10
}

.primary-btn.router-black-white .basic-button[data-v-18041109] {
    background: #000
}

.primary-btn.router-black-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-black-white .basic-button:hover .text[data-v-18041109] {
    color: #ccc
}

.primary-btn.router-yellow-white .basic-button[data-v-18041109] {
    background: #f4ae22
}

.primary-btn.router-yellow-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-yellow-white .basic-button:hover .text[data-v-18041109] {
    color: #e9d9ff
}

.primary-btn.router-purple-white .basic-button[data-v-18041109] {
    background: #9644ff
}

.primary-btn.router-purple-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-purple-white .basic-button:hover .text[data-v-18041109] {
    color: #e9d9ff
}

.primary-btn.router-blue-white .basic-button[data-v-18041109] {
    background: #2650ff
}

.primary-btn.router-blue-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-blue-white .basic-button:hover .text[data-v-18041109] {
    color: #e9d9ff
}

.primary-btn.router-green-white .basic-button[data-v-18041109] {
    background: #00d1ae
}

.primary-btn.router-green-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-green-white .basic-button:hover .text[data-v-18041109] {
    color: #e9d9ff
}

.primary-btn.router-solar-engine-blue-black .basic-button[data-v-18041109] {
    background: #4de5ff
}

.primary-btn.router-solar-engine-blue-black .basic-button .text[data-v-18041109] {
    color: #000
}

.primary-btn.router-solar-engine-blue-black .basic-button:hover .text[data-v-18041109] {
    color: #008399
}

.primary-btn.router-mintegral-green-white .basic-button[data-v-18041109] {
    background: #00d1ae
}

.primary-btn.router-mintegral-green-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-mintegral-green-white .basic-button:hover .text[data-v-18041109] {
    color: #ccf6ef
}

.primary-btn.router-playturbo-yellow-white .basic-button[data-v-18041109] {
    background: #f4ae22
}

.primary-btn.router-playturbo-yellow-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-playturbo-yellow-white .basic-button:hover .text[data-v-18041109] {
    color: #ffeabf
}

.primary-btn.router-game-analytics-blue-white .basic-button[data-v-18041109] {
    background: #4650f0
}

.primary-btn.router-game-analytics-blue-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-game-analytics-blue-white .basic-button:hover .text[data-v-18041109] {
    color: #cccfff
}

.primary-btn.router-xmp-blue-white .basic-button[data-v-18041109] {
    background: #2650ff
}

.primary-btn.router-xmp-blue-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-xmp-blue-white .basic-button:hover .text[data-v-18041109] {
    color: #a7b8ff
}

.primary-btn.router-spot-max-blue-white .basic-button[data-v-18041109] {
    background: #0f82ff
}

.primary-btn.router-spot-max-blue-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-spot-max-blue-white .basic-button:hover .text[data-v-18041109] {
    color: #cce4ff
}

.primary-btn.router-nativex-blue-white .basic-button[data-v-18041109] {
    background: #2650ff
}

.primary-btn.router-nativex-blue-white .basic-button .text[data-v-18041109] {
    color: #fff
}

.primary-btn.router-nativex-blue-white .basic-button:hover .text[data-v-18041109] {
    color: #a7b8ff
}

@media screen and (max-width: 767px) {
    .primary-btn .basic-button[data-v-18041109] {
        font-size:18px;
        height: auto;
        line-height: 30px;
        min-height: 56px;
        min-width: 240px;
        padding: 10px 8px;
        text-transform: none
    }

    .primary-btn .basic-button svg[data-v-18041109] {
        height: 15px;
        margin-left: 12px;
        margin-top: 2px;
        width: 18px
    }

    .primary-btn .basic-button .text[data-v-18041109] {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
        z-index: 10
    }

    .primary-btn.router-black-white .basic-button[data-v-18041109] {
        background: #000
    }

    .primary-btn.router-black-white .basic-button .text[data-v-18041109],.primary-btn.router-black-white .basic-button:hover .text[data-v-18041109] {
        color: #fff
    }

    .primary-btn.router-yellow-white .basic-button[data-v-18041109] {
        background: #f4ae22
    }

    .primary-btn.router-yellow-white .basic-button .text[data-v-18041109],.primary-btn.router-yellow-white .basic-button:hover .text[data-v-18041109] {
        color: #fff
    }

    .primary-btn.router-purple-white .basic-button[data-v-18041109] {
        background: #9644ff
    }

    .primary-btn.router-purple-white .basic-button .text[data-v-18041109],.primary-btn.router-purple-white .basic-button:hover .text[data-v-18041109] {
        color: #fff
    }

    .primary-btn.router-blue-white .basic-button[data-v-18041109] {
        background: #2650ff
    }

    .primary-btn.router-blue-white .basic-button .text[data-v-18041109],.primary-btn.router-blue-white .basic-button:hover .text[data-v-18041109] {
        color: #fff
    }

    .primary-btn.router-green-white .basic-button[data-v-18041109] {
        background: #00d1ae
    }

    .primary-btn.router-green-white .basic-button .text[data-v-18041109],.primary-btn.router-green-white .basic-button:hover .text[data-v-18041109] {
        color: #fff
    }

    .primary-btn .btn-text[data-v-18041109] {
        font-family: DIN_Medium,FZFangJunHeiS,sans-serif;
        letter-spacing: -.025em
    }

    .lang-cn .basic-button[data-v-18041109] {
        letter-spacing: 0;
        padding: 0 18px
    }

    section[data-v-08f68947] {
        padding: 64px 32px
    }

    section h1[data-v-08f68947] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px
    }

    section .brand-list[data-v-08f68947] {
        grid-row-gap: 20px
    }

    section .brand-list div[data-v-08f68947] {
        height: 40px
    }

    section .brand-list img[data-v-08f68947] {
        -o-object-fit: contain;
        object-fit: contain
    }

    .lang-cn section h1[data-v-08f68947] {
        font-size: 36px;
        line-height: 36px
    }

    section[data-v-0c9de197] {
        padding: 64px 32px
    }

    section h1[data-v-0c9de197] {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 48px
    }

    section .list[data-v-0c9de197] {
        gap: 48px
    }

    section .list .circle-img[data-v-0c9de197] {
        height: 44px;
        margin-right: 20px;
        width: 44px
    }

    section .list h2[data-v-0c9de197] {
        color: #242424;
        font-size: 22px;
        line-height: 44px;
        margin-bottom: 24px
    }

    section .list li:nth-child(2) .sub-list[data-v-0c9de197] {
        border-left: 4px solid #2650ff
    }

    section .list li:nth-child(3) .sub-list[data-v-0c9de197] {
        border-left: 4px solid #00d1ae
    }

    section .list li:nth-child(4) .sub-list[data-v-0c9de197] {
        border-left: 4px solid #9644ff
    }

    section .sub-list[data-v-0c9de197] {
        border-left: 4px solid #ffbb07;
        gap: 24px;
        margin-left: 22px;
        padding: 0 24px 0 40px
    }

    section .sub-list div[data-v-0c9de197] {
        height: 48px
    }

    section .sub-list div img[data-v-0c9de197] {
        height: 30px
    }

    section .sub-list p[data-v-0c9de197] {
        color: #a6a6a6;
        font-family: DIN_Medium,FZFangJHJW_Cu,sans-serif;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 20px
    }

    .lang-cn section h1[data-v-0c9de197] {
        font-size: 36px;
        line-height: 42px
    }

    .lang-cn section .list h2[data-v-0c9de197] {
        font-size: 22px;
        line-height: 30px
    }

    section[data-v-7cae0045] {
        gap: 48px;
        padding: 0 32px 64px
    }

    section h1[data-v-7cae0045] {
        font-size: 36px;
        line-height: 44px
    }

    section h2[data-v-7cae0045] {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 32px;
        text-align: center
    }

    section .achieveGoals ul li[data-v-7cae0045] {
        position: relative
    }

    section .achieveGoals ul li img[data-v-7cae0045] {
        height: 48px;
        margin-bottom: 16px;
        width: 48px
    }

    section .achieveGoals ul li h3[data-v-7cae0045] {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        white-space: pre-line
    }

    section .achieveGoals ul li[data-v-7cae0045]:after {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZS13aWR0aD0iMyI+PHBhdGggZD0iTTMuNTM1IDY4LjkyMyA5LjI5IDYyLjQ1bC01Ljc1NC02LjQ3MyIgc3Ryb2tlPSIjRDRCM0ZGIi8+PHBhdGggZD0ibTEwLjczIDY4LjkyMyA1Ljc1NC02LjQ3My01Ljc1NC02LjQ3MyIgc3Ryb2tlPSIjQUI2OUZGIi8+PC9nPjwvc3ZnPg==) no-repeat;
        content: "";
        display: block;
        height: 124px;
        position: absolute;
        right: -10px;
        width: 20px
    }

    section .achieveGoals ul .item1[data-v-7cae0045] {
        padding-bottom: 68px
    }

    section .achieveGoals ul .item1[data-v-7cae0045]:after {
        bottom: -24px;
        right: auto;
        transform: rotate(90deg)
    }

    section .achieveGoals ul .item2[data-v-7cae0045] {
        grid-column: 2/3;
        grid-row: 2/3
    }

    section .achieveGoals ul .item2[data-v-7cae0045]:after {
        left: -10px;
        transform: rotate(180deg)
    }

    section .achieveGoals ul .item3[data-v-7cae0045] {
        grid-column: 1/2;
        grid-row: 2/3
    }

    section .achieveGoals ul .item3[data-v-7cae0045]:after {
        width: 0
    }

    section .helpGet .helpGet-list[data-v-7cae0045] {
        gap: 24px;
        margin-top: 32px
    }

    section .helpGet .helpGet-list .helpGet-item[data-v-7cae0045] {
        background: #f0e5ff;
        padding: 32px
    }

    section .helpGet .helpGet-list .helpGet-item .item-text[data-v-7cae0045] {
        gap: 24px
    }

    section .helpGet .helpGet-list .helpGet-item .item-text li[data-v-7cae0045] {
        font-family: DIN_Medium,FZFangJHJW_Cu,sans-serif;
        font-size: 20px;
        line-height: 20px
    }

    section .helpGet .helpGet-list .helpGet-item .item-text li[data-v-7cae0045]:before {
        background: #ab69ff;
        content: "";
        display: block;
        height: 8px;
        margin-right: 16px;
        width: 8px
    }

    section .helpGet .helpGet-list .helpGet-item[data-v-7cae0045]:last-child {
        background: #e5ffee
    }

    section .helpGet .helpGet-list .helpGet-item:last-child .item-text li[data-v-7cae0045]:before {
        background: #67ed93
    }

    section .helpGet .helpGet-list .helpGet-item:last-child svg[data-v-7cae0045] {
        order: -1;
        transform: rotate(180deg)
    }

    section .helpGet .helpGet-list .helpGet-item:last-child svg path[data-v-7cae0045] {
        fill: #c1f7d3
    }
}
