.button[data-v-4cc6339e] {
    width: 176px;
    height: 60px;
    border: 1px solid var(--button-border);
    border-radius: 41px;
    cursor: pointer
}

.button.isHeader[data-v-4cc6339e] {
    background: #2980fe;
    border: none
}

.button.isHeader .icon[data-v-4cc6339e] {
    display: none
}

.button.isHeader .icon-hover[data-v-4cc6339e] {
    display: block
}

.button.isHeader span[data-v-4cc6339e] {
    color: #fff
}

.button img[data-v-4cc6339e] {
    width: 26px;
    height: 26px
}

.button .icon[data-v-4cc6339e] {
    display: block
}

.button .icon-hover[data-v-4cc6339e] {
    display: none
}

.button span[data-v-4cc6339e] {
    margin-left: 14px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-1);
    line-height: 16px
}

.button span.security[data-v-4cc6339e] {
    font-size: 14px
}

.button[data-v-4cc6339e]:hover {
    background: #2980fe;
    border: none
}

.button:hover .icon[data-v-4cc6339e] {
    display: none
}

.button:hover .icon-hover[data-v-4cc6339e] {
    display: block
}

.button:hover span[data-v-4cc6339e] {
    color: #fff
}

@media screen and (max-width:768px) {
    .button[data-v-4cc6339e] {
        width: 143px;
        height: 43px
    }

    .button img[data-v-4cc6339e] {
        width: 16px;
        height: 16px
    }

    .button span[data-v-4cc6339e] {
        margin-left: 8px;
        font-size: 14px
    }

    .button[data-v-4cc6339e]:first-child {
        background: #2980fe;
        border: none
    }

    .button:first-child .icon[data-v-4cc6339e] {
        display: none
    }

    .button:first-child .icon-hover[data-v-4cc6339e] {
        display: block
    }

    .button:first-child span[data-v-4cc6339e] {
        color: #fff
    }
}

.HomeHeader[data-v-7dfcd392] {
    position: relative;
    margin-top: 60px
}

.HomeHeader.chinese[data-v-7dfcd392] {
    margin-top: 112px
}

.HomeHeader .header-bg-img[data-v-7dfcd392] {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.HomeHeader .content[data-v-7dfcd392] {
    font-size: 0
}

.HomeHeader .content-left[data-v-7dfcd392] {
    position: relative;
    z-index: 10;
    margin-bottom: 24px
}

.HomeHeader .content-left .title[data-v-7dfcd392] {
    font-size: 56px;
    color: var(--color-1);
    font-weight: 500;
    line-height: 68px;
    letter-spacing: normal
}

.HomeHeader .content-left .title.chinese[data-v-7dfcd392] {
    font-weight: 700
}

.HomeHeader .content-left .desc[data-v-7dfcd392] {
    max-width: 550px;
    margin: 24px 0 56px;
    font-size: 20px;
    font-weight: 400;
    color: var(--color-2);
    line-height: 28px
}

.HomeHeader .content-left .buttons .button[data-v-7dfcd392]:nth-child(n+2) {
    margin-left: 20px
}

.HomeHeader .content .main-img[data-v-7dfcd392] {
    width: 720px;
    height: 715px;
    margin-right: -100px
}

.HomeHeader .content .main-img-mobile[data-v-7dfcd392] {
    display: none
}

@media screen and (max-width:1200px) {
    .HomeHeader .header-bg-img[data-v-7dfcd392] {
        display: none
    }

    .HomeHeader .content-left .title[data-v-7dfcd392] {
        margin-top: 60px
    }

    .HomeHeader .content-left .desc[data-v-7dfcd392] {
        max-width: 800px;
        margin: 24px auto 56px
    }

    .HomeHeader .content-left .buttons[data-v-7dfcd392] {
        justify-content: center
    }
}

@media screen and (max-width:768px) {
    .HomeHeader[data-v-7dfcd392] {
        background: var(--bg-1)
    }

    .HomeHeader.chinese[data-v-7dfcd392] {
        margin-top: 176px
    }

    .HomeHeader .content-left .title[data-v-7dfcd392] {
        margin-top: 56px;
        font-size: 33px;
        text-align: center;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: .06px
    }

    .HomeHeader .content-left .desc[data-v-7dfcd392] {
        text-align: center;
        margin: 14px 0 32px;
        font-size: 16px;
        line-height: 21px
    }

    .HomeHeader .content .main-img[data-v-7dfcd392] {
        display: none
    }

    .HomeHeader .content .main-img-mobile[data-v-7dfcd392] {
        display: block;
        width: 100%;
        margin-top: 12px
    }
}

.HomeIntroduction[data-v-0e520ca2] {
    background: var(--bg-2);
    padding: 72px 0
}

.HomeIntroduction .content[data-v-0e520ca2] {
    opacity: 1
}

.HomeIntroduction .content .title[data-v-0e520ca2] {
    font-size: 36px;
    text-align: center;
    color: var(--color-4);
    line-height: 52px
}

.HomeIntroduction .content .desc[data-v-0e520ca2] {
    max-width: 833px;
    margin: 16px auto 48px;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    color: var(--color-5);
    line-height: 28px
}

.HomeIntroduction .content .users[data-v-0e520ca2] {
    grid-gap: 0 60px;
    gap: 0 60px
}

.HomeIntroduction .content .users .box[data-v-0e520ca2] {
    width: 584px;
    padding: 26px 0;
    border: 1px solid hsla(0, 0%, 100%, .32);
    border-radius: 16px;
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px)
}

.HomeIntroduction .content .users .box img[data-v-0e520ca2] {
    width: 48px;
    height: 48px;
    border-radius: 8px
}

.HomeIntroduction .content .users .box .name[data-v-0e520ca2] {
    margin: 8px 0;
    opacity: .6;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-5);
    line-height: 24px
}

.HomeIntroduction .content .users .box .number[data-v-0e520ca2] {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-4)
}

@media screen and (max-width:1200px) {
    .HomeIntroduction[data-v-0e520ca2] {
        padding: 72px 15px
    }

    .HomeIntroduction .content .desc[data-v-0e520ca2] {
        max-width: 500px
    }

    .HomeIntroduction .content .users .box[data-v-0e520ca2] {
        width: 30%
    }
}

@media screen and (max-width:768px) {
    .HomeIntroduction[data-v-0e520ca2] {
        padding: 44px 0
    }

    .HomeIntroduction .content .title[data-v-0e520ca2] {
        letter-spacing: -.1px;
        font-size: 24px;
        line-height: 36px
    }

    .HomeIntroduction .content .desc[data-v-0e520ca2] {
        margin: 8px auto 28px;
        font-size: 14px;
        line-height: 21px
    }

    .HomeIntroduction .content .users[data-v-0e520ca2] {
        padding: 0 28px;
        flex-direction: column
    }

    .HomeIntroduction .content .users .box[data-v-0e520ca2] {
        width: 100%;
        padding: 20px 0
    }

    .HomeIntroduction .content .users .box[data-v-0e520ca2]:nth-child(n+2) {
        margin-top: 10px
    }

    .HomeIntroduction .content .users .box img[data-v-0e520ca2] {
        width: 32px;
        height: 32px
    }

    .HomeIntroduction .content .users .box .name[data-v-0e520ca2] {
        margin: 2px 0;
        font-size: 13px
    }

    .HomeIntroduction .content .users .box .number[data-v-0e520ca2] {
        font-size: 26px
    }
}

.HomeSecurity[data-v-c1c74d10] {
    margin: 64px 0 15px
}

.HomeSecurity .content .main-img[data-v-c1c74d10] {
    width: 587px
}

.HomeSecurity .content-right[data-v-c1c74d10] {
    opacity: 1;
    margin-left: 138px
}

.HomeSecurity .content-right .desc[data-v-c1c74d10] {
    margin-top: 16px
}

.HomeSecurity .content-right .desc1[data-v-c1c74d10] {
    margin-top: 32px
}

.HomeSecurity .content-right .buttons[data-v-c1c74d10] {
    margin-top: 56px
}

.HomeSecurity .content-right .buttons .button[data-v-c1c74d10] {
    width: 182px;
    height: 52px
}

.HomeSecurity .content-right .buttons .button[data-v-c1c74d10]:nth-child(n+2) {
    margin-left: 24px
}

@media screen and (max-width:1200px) {
    .HomeSecurity .content-right[data-v-c1c74d10] {
        margin-left: 0
    }

    .HomeSecurity .content-right .desc[data-v-c1c74d10] {
        max-width: 800px
    }

    .HomeSecurity .content-right .buttons[data-v-c1c74d10] {
        justify-content: center
    }
}

@media screen and (max-width:678px) {
    .HomeSecurity[data-v-c1c74d10] {
        margin: 30px 0 0
    }

    .HomeSecurity .content .main-img[data-v-c1c74d10] {
        width: 100%
    }

    .HomeSecurity .content-right[data-v-c1c74d10] {
        margin: 8px 0 0
    }

    .HomeSecurity .content-right .desc[data-v-c1c74d10] {
        margin-top: 6px
    }

    .HomeSecurity .content-right .buttons[data-v-c1c74d10] {
        margin-top: 32px;
        justify-content: flex-start;
        margin-left: 28px
    }

    .HomeSecurity .content-right .buttons .button[data-v-c1c74d10] {
        width: 143px;
        height: 43px
    }
}

.box-item[data-v-59ce48af] {
    padding: 14px 16px;
    border: 1px solid var(--border-11);
    border-radius: 8px
}

.box-item .box-left img[data-v-59ce48af] {
    margin-right: 8px;
    width: 22px;
    height: 22px
}

.box-item .box-left span[data-v-59ce48af] {
    font-size: 15px;
    color: var(--color-1);
    font-weight: 700
}

.box-item .box-right img[data-v-59ce48af] {
    margin-left: 3px;
    width: 10px;
    height: 10px
}

.box-item .box-right span[data-v-59ce48af] {
    font-size: 13px;
    color: var(--color-7)
}

.message-box[data-v-67a21646] {
    height: 78px;
    border: 1px solid var(--message-box-border);
    border-radius: 16px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.message-box .item[data-v-67a21646] {
    position: relative
}

.message-box .item.pointer[data-v-67a21646] {
    cursor: pointer
}

.message-box .item .title[data-v-67a21646] {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-1);
    line-height: 20px;
    text-align: center
}

.message-box .item .desc-wrap[data-v-67a21646] {
    margin-top: 8px
}

.message-box .item .desc-wrap img[data-v-67a21646] {
    margin-left: 2px;
    width: 10px;
    height: 10px
}

.message-box .item .title-img[data-v-67a21646] {
    width: 26px;
    height: 26px
}

.message-box .item span[data-v-67a21646] {
    font-size: 12px;
    font-weight: 300;
    color: var(--color-6);
    text-align: center;
    line-height: 14px;
    letter-spacing: -.03px
}

.message-box .item .item-wrap .title-img-hover[data-v-67a21646] {
    display: none
}

.message-box .item .item-wrap .icon[data-v-67a21646] {
    display: block
}

.message-box .item .item-wrap .icon-hover[data-v-67a21646],
.message-box .item .item-wrap:hover .title-img[data-v-67a21646] {
    display: none
}

.message-box .item .item-wrap:hover .title-img-hover[data-v-67a21646] {
    width: 26px;
    height: 26px;
    display: block
}

.message-box .item .item-wrap:hover .icon[data-v-67a21646] {
    display: none
}

.message-box .item .item-wrap:hover .icon-hover[data-v-67a21646] {
    display: block
}

.message-box .item .item-wrap:hover span[data-v-67a21646] {
    color: #2980fe
}

.message-box .item[data-v-67a21646]:not(:last-child):before {
    content: "";
    width: 1px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--message-box-border)
}

@media screen and (max-width:768px) {
    .message-box[data-v-67a21646] {
        width: auto;
        height: 68px
    }

    .message-box .item .title[data-v-67a21646] {
        font-size: 16px;
        font-weight: 700
    }

    .message-box .item .desc-wrap[data-v-67a21646] {
        margin-top: 4px
    }

    .message-box .item span[data-v-67a21646] {
        font-size: 12px
    }
}

.HomeExchange[data-v-0d9f4594] {
    margin: 106px 0 93px
}

.HomeExchange .content-left[data-v-0d9f4594] {
    max-width: 500px;
    opacity: 1
}

.HomeExchange .content-left .desc[data-v-0d9f4594] {
    margin-top: 12px
}

.HomeExchange .content-left .desc1[data-v-0d9f4594] {
    margin-top: 32px
}

.HomeExchange .content-left .desc2[data-v-0d9f4594] {
    margin-bottom: 40px
}

.HomeExchange .content-left .message-box-wrap[data-v-0d9f4594] {
    display: block
}

.HomeExchange .content-left .box-item-wrap[data-v-0d9f4594] {
    display: none
}

.HomeExchange .content .main-img-wrap[data-v-0d9f4594] {
    position: relative;
    margin-left: 104px;
    font-size: 0;
    transform: translateX(24px)
}

.HomeExchange .content .main-img-wrap img[data-v-0d9f4594] {
    width: 582px
}

.HomeExchange .content .main-img-wrap span[data-v-0d9f4594] {
    position: absolute;
    top: 340px;
    right: 130px;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

@media screen and (max-width:1200px) {
    .HomeExchange .content[data-v-0d9f4594] {
        flex-direction: column
    }

    .HomeExchange .content-left[data-v-0d9f4594] {
        margin-top: 50px;
        order: 2
    }

    .HomeExchange .content .main-img-wrap[data-v-0d9f4594] {
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .HomeExchange[data-v-0d9f4594] {
        margin: 88px 0
    }

    .HomeExchange .content-left[data-v-0d9f4594] {
        margin-top: 14px;
        order: 2
    }

    .HomeExchange .content-left .desc[data-v-0d9f4594] {
        margin-top: 6px
    }

    .HomeExchange .content-left .desc2[data-v-0d9f4594] {
        margin-bottom: 32px
    }

    .HomeExchange .content-left .message-box-wrap[data-v-0d9f4594] {
        display: none
    }

    .HomeExchange .content-left .box-item-wrap[data-v-0d9f4594] {
        display: block;
        padding: 0 28px
    }

    .HomeExchange .content-left .box-item-wrap .box-item[data-v-0d9f4594]:nth-child(n+2) {
        margin-top: 8px
    }

    .HomeExchange .content .main-img-wrap[data-v-0d9f4594] {
        order: 1;
        margin-left: 0;
        transform: translateX(0)
    }

    .HomeExchange .content .main-img-wrap img[data-v-0d9f4594] {
        width: 100%
    }

    .HomeExchange .content .main-img-wrap span[data-v-0d9f4594] {
        top: 65%;
        right: 23%;
        font-size: 12px;
        font-weight: 700
    }
}

.HomeDappStore[data-v-09c1263a] {
    margin: 69px 0 88px
}

.HomeDappStore .content .main-img[data-v-09c1263a] {
    width: 588px
}

.HomeDappStore .content-right[data-v-09c1263a] {
    opacity: 1;
    margin-left: 96px
}

.HomeDappStore .content-right .desc[data-v-09c1263a] {
    margin-top: 16px
}

.HomeDappStore .content-right .desc1[data-v-09c1263a] {
    margin-top: 32px
}

.HomeDappStore .content-right .message-box-wrap[data-v-09c1263a] {
    max-width: 500px;
    margin-top: 40px
}

@media screen and (max-width:1200px) {
    .HomeDappStore .content[data-v-09c1263a] {
        flex-direction: column
    }

    .HomeDappStore .content-right[data-v-09c1263a] {
        margin-left: 0
    }

    .HomeDappStore .content-right .desc[data-v-09c1263a] {
        max-width: 800px
    }

    .HomeDappStore .content-right .message-box-wrap[data-v-09c1263a] {
        margin: 50px auto 0
    }
}

@media screen and (max-width:768px) {
    .HomeDappStore[data-v-09c1263a] {
        margin: 0 0 90px
    }

    .HomeDappStore .content .main-img[data-v-09c1263a] {
        width: 100%
    }

    .HomeDappStore .content-right[data-v-09c1263a] {
        margin-left: 0
    }

    .HomeDappStore .content-right .title[data-v-09c1263a] {
        margin-top: 16px
    }

    .HomeDappStore .content-right .desc[data-v-09c1263a] {
        margin-top: 6px
    }

    .HomeDappStore .content-right .message-box-wrap[data-v-09c1263a] {
        width: 100%;
        padding: 0 28px;
        margin-top: 32px
    }
}

.HomeEcology[data-v-410083af] {
    background: url(/_nuxt/img/ecology-bg.8fe6603.png) no-repeat 100%/cover;
    background-position: top;
    color: #fff
}

.ecology-mobile[data-v-410083af] {
    display: none;
    width: 100%;
    margin: 20px 0
}

.ecology-l[data-v-410083af],
.ecology-r[data-v-410083af] {
    display: inline-block;
    vertical-align: middle
}

.ecology-l h2[data-v-410083af] {
    font-size: 28px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 24px
}

.ecology-l .ecology-text[data-v-410083af] {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    margin-bottom: 63px
}

.ecology-l .ecology-text p[data-v-410083af] {
    line-height: 46px;
    margin: 0
}

.ecology-l .ecology-join[data-v-410083af] {
    margin-bottom: 66px
}

.ecology-l .ecology-join a[data-v-410083af] {
    display: inline-block;
    text-align: center;
    outline: none;
    width: 128px;
    height: 40px;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 0;
    background: linear-gradient(139deg, #002764, #001954)
}

.ecology-l .ecology-join a[data-v-410083af]:not(:last-child) {
    margin-right: 30px
}

.ecology-l .ecology-join a[data-v-410083af]:hover {
    background: #fff;
    color: #101010
}

.ecology-r .ecology-pc[data-v-410083af] {
    width: 164%;
    margin-top: 50px;
    margin-left: -260px
}

.ecology-methods-item[data-v-410083af] {
    display: inline-block
}

.ecology-methods-item[data-v-410083af]:not(:last-child) {
    margin-right: 40px
}

.ecology-methods-item img[data-v-410083af] {
    width: 50px;
    height: 50px
}

.ecology-methods-item p[data-v-410083af] {
    margin: 7px 0 0;
    font-size: 16px;
    text-align: center
}

@media screen and (max-width:991px) {
    .ecology-mobile[data-v-410083af] {
        display: inline-block
    }

    .ecology-pc[data-v-410083af] {
        display: none
    }

    .ecology-l[data-v-410083af],
    .ecology-r[data-v-410083af] {
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .ecology-mobile[data-v-410083af] {
        width: 130%;
        margin-left: -70px
    }

    .HomeEcology[data-v-410083af] {
        text-align: center;
        padding-top: 60px
    }

    .ecology-l h2[data-v-410083af] {
        font-size: 28px
    }

    .ecology-l .ecology-text p[data-v-410083af] {
        font-size: 15px;
        line-height: 28px
    }

    .ecology-l .ecology-join a[data-v-410083af] {
        margin: 10px !important
    }

    .ecology-methods-item[data-v-c44ea15e][data-v-410083af]:not(:last-child) {
        margin: 0;
        width: 25%;
        float: left
    }

    .ecology-methods-item p[data-v-410083af] {
        font-size: 14px;
        margin: 0
    }
}

.HomeCommunity[data-v-223cde11] {
    margin: 128px 0 210px
}

.HomeCommunity .content-left[data-v-223cde11] {
    max-width: 504px;
    opacity: 1;
    margin-right: 132px
}

.HomeCommunity .content-left .desc[data-v-223cde11] {
    margin: 16px 0 40px
}

.HomeCommunity .content-left .desc1[data-v-223cde11] {
    margin: 32px 0 40px
}

.HomeCommunity .content-left .message-box-wrap[data-v-223cde11] {
    width: 500px;
    margin-top: 40px
}

.HomeCommunity .content-left .box-item-wrap[data-v-223cde11] {
    display: none
}

.HomeCommunity .content .main-img[data-v-223cde11] {
    width: 508px
}

.HomeCommunity .content .main-img-mobile[data-v-223cde11] {
    display: none
}

@media screen and (max-width:1200px) {
    .HomeCommunity .content-left[data-v-223cde11] {
        margin-right: 0;
        margin-top: 24px;
        order: 2
    }

    .HomeCommunity .content-left .message-box-wrap[data-v-223cde11] {
        margin: 40px auto 0
    }
}

@media screen and (max-width:768px) {
    .HomeCommunity[data-v-223cde11] {
        margin: 0 0 104px
    }

    .HomeCommunity .content-left[data-v-223cde11] {
        margin-right: 0;
        order: 2
    }

    .HomeCommunity .content-left .message-box-wrap[data-v-223cde11] {
        display: none
    }

    .HomeCommunity .content-left .box-item-wrap[data-v-223cde11] {
        display: block;
        padding: 0 28px
    }

    .HomeCommunity .content-left .box-item-wrap .box-item[data-v-223cde11]:nth-child(n+2) {
        margin-top: 8px
    }

    .HomeCommunity .content .main-img[data-v-223cde11] {
        order: 1;
        width: 100%;
        display: none
    }

    .HomeCommunity .content .main-img-mobile[data-v-223cde11] {
        width: 100%;
        display: block
    }
}

.HomeGrowth[data-v-6cabb8ae] {
    background: url(/_nuxt/img/growth-bg.f14f857.png) no-repeat 100%/cover;
    padding-top: 100px;
    padding-bottom: 100px
}

.partner-icon-right[data-v-6cabb8ae] {
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px
}

.partner-icon-right[data-v-6cabb8ae]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    width: 16px;
    height: 16px;
    border-top: 2px solid #101010;
    border-right: 2px solid #101010;
    transform: rotate(45deg)
}

@media screen and (min-width:1024px) {
    h2[data-v-6cabb8ae] {
        font-size: 44px;
        margin: 0
    }

    .growth-main[data-v-6cabb8ae] {
        margin-top: 100px;
        margin-bottom: 100px;
        position: relative;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-top: 95px;
        padding-bottom: 20px
    }

    .growth-items[data-v-6cabb8ae] {
        display: flex;
        align-items: center;
        position: relative;
        margin: 100px 0 100px 20px;
        width: 160%
    }

    .important-date[data-v-6cabb8ae] {
        background: #c8cdd9;
        color: #fff !important;
        display: inline-block
    }

    .growth-item[data-v-6cabb8ae] {
        width: 145px;
        color: #101010;
        margin-right: 19px
    }

    .growth-item[data-v-6cabb8ae],
    .growth-item span[data-v-6cabb8ae] {
        position: relative;
        display: inline-block;
        height: 20px
    }

    .growth-item span[data-v-6cabb8ae] {
        width: 20px
    }

    .growth-item span[data-v-6cabb8ae]:before {
        left: -20px;
        width: 20px
    }

    .growth-item span[data-v-6cabb8ae]:after,
    .growth-item span[data-v-6cabb8ae]:before {
        content: "";
        position: absolute;
        top: 9px;
        height: 1px;
        background: #101010
    }

    .growth-item span[data-v-6cabb8ae]:after {
        right: -124px;
        width: 125px
    }

    .growth-item i[data-v-6cabb8ae] {
        position: absolute;
        display: inline-block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #101010
    }

    .growth-item i[data-v-6cabb8ae]:before {
        transform: rotate(45deg)
    }

    .growth-item i[data-v-6cabb8ae]:after,
    .growth-item i[data-v-6cabb8ae]:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border-color: transparent #101010;
        border-style: solid;
        border-width: 1px;
        top: -5px;
        left: -5px
    }

    .growth-item i[data-v-6cabb8ae]:after {
        transform: rotate(75deg)
    }

    .growth-item[data-v-6cabb8ae]:hover {
        cursor: default
    }

    .growth-item:hover .growth-item-time[data-v-6cabb8ae] {
        color: #fff;
        background: #2761e7 !important
    }

    .growth-item:hover i[data-v-6cabb8ae] {
        background-color: #2761e7
    }

    .growth-item-content[data-v-6cabb8ae] {
        position: absolute
    }

    .growth-item-content h4[data-v-6cabb8ae] {
        margin: 10px 0;
        width: 105px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 20px;
        color: #101010
    }

    .growth-item-content p[data-v-6cabb8ae] {
        margin: 0;
        width: 160%
    }

    .growth-item-top[data-v-6cabb8ae] {
        bottom: 30px
    }

    .growth-item-bottom[data-v-6cabb8ae] {
        top: 20px
    }
}

.growth-partner[data-v-6cabb8ae] {
    margin-top: 50px
}

.growth-partner a[data-v-6cabb8ae] {
    text-decoration: none;
    display: inline-block;
    color: #101010;
    font-size: 26px;
    width: 356px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    border: 1px solid #101010;
    position: relative
}

.growth-partner a[data-v-6cabb8ae]:hover {
    color: #fff;
    background-color: #2761e7;
    border: 1px solid #2761e7
}

.growth-partner a:hover .partner-icon-right[data-v-6cabb8ae]:after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

@media screen and (max-width:991px) {
    .growth-partner a[data-v-6cabb8ae] {
        font-size: 18px;
        height: 40px;
        line-height: 38px;
        width: 250px
    }

    .partner-icon-right[data-v-6cabb8ae] {
        width: 10px;
        height: 10px
    }

    .partner-icon-right[data-v-6cabb8ae]:after {
        width: 10px;
        height: 10px;
        border-top: 1.5px solid #101010;
        border-right: 1.5px solid #101010
    }
}

@media screen and (max-width:768px) {
    .HomeGrowth[data-v-6cabb8ae] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .HomeGrowth h2[data-v-6cabb8ae] {
        font-size: 22px
    }

    .growth-item-time[data-v-6cabb8ae] {
        font-size: 18px;
        margin: 10px 0
    }

    .growth-item-desc[data-v-6cabb8ae] {
        margin-top: 0;
        font-size: 16px
    }

    .growth-partner[data-v-6cabb8ae] {
        margin-top: 50px
    }

    .growth-partner a[data-v-6cabb8ae] {
        width: 200px;
        font-size: 16px
    }
}

.swiper-button-prev[data-v-733c3d21],
[data-v-733c3d21] .swiper-button-next {
    top: 30%
}

.swiper-container-rtl .swiper-button-prev[data-v-733c3d21],
[data-v-733c3d21] .swiper-button-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAACaBAMAAAA6BVfUAAAAKlBMVEUAAADf39/Z2dna2trc3NzZ2dnZ2dnZ2dnZ2dnZ2dnx8fHa2trZ2dnY2NgWfugXAAAADXRSTlMAE81LLOeHZrSnB3KUPrpqVAAAATVJREFUSMft1L1pw2AQxnElduKPNFogoAUEKtMEtIDAdUCgBQJeIJAFAlrAkCZlwAsYvIALSa/lz9vF9f2vuN7InZ/idPqd7iL7e8v0/6l86+BFGh2M5YIaaYvgS3IdvMpWBzP50MFIOhQpjwg+JWbVNZtPdDCRoIO59Ki62//qoBCQPLokD4bkhyTvJPmTSgfPJBkbkvREaJdkJgmhA6F7QrskU6kJ3RD6QGiSFJITuiL0gtAdoU8GOib0ktAJoQOhe0LvI0JnhK4J3RD6QOjWVM0JXRF6QeiO0CCZFxITeknohNDBaWRkGik7vh5n4zcycRuJVj0nztk8ScaJ15z4md8RZ7Np+dzWLj13wB4O7pGzaeWVysHuMzfeuQnp0d4VXh4Cbs31GjAGjAHjPjD+XYwVMG6yM9146V2DXwAAAABJRU5ErkJggg==)
}

.swiper-container-rtl .swiper-button-next[data-v-733c3d21],
[data-v-733c3d21] .swiper-button-prev {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAACaBAMAAAA6BVfUAAAAKlBMVEUAAADf39/Y2NjY2NjY2NjY2NjY2NjY2Nja2trY2NjY2NjZ2dnZ2dnX19e02q01AAAADXRSTlMAEqyN58RSZybSdEUyMApCfAAAASpJREFUSMft1rsJwmAUhuGo8W6RBQQXCLhAIAsILiDYWAouIGQBwQUEFxBcQHABi/wx5ubZxTKcN8U/gLHLW8lDzkcc/dttEfxUP3ck0WEiuQ5jWevwkoMOgXg6rIx+HkilQ1dCHeZy1eEmkQ4X/PGZfHToSayDK0sd9vIERkGMkhgxMRbEgHDwdoCRECMnxhoYBD4S+GKIUREjJMaVGJHlzSDwsIFB4BOBg4IYAJ5KTIwFMbbAIPAGwCMC9wjsEvhBYN8QowIGgfsEPhE4SInxsWIsifEERkGMkhgxMAjsEvhBYD8hxpcYZ2IciOEBwxCjIkZoxYiAkRIjcxp3w5nxLLdXXyfuFxeODeBK3Js7wqUhcmaZ7vqEsXiYAQxFS9KStCT/TmIaH4o/3OPa0FcsChEAAAAASUVORK5CYII=)
}

[data-v-733c3d21] .swiper-pagination {
    position: relative
}

.swiper-wrapper[data-v-733c3d21] {
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 20px
}

.HomeNews[data-v-733c3d21] {
    padding-top: 120px;
    padding-bottom: 120px
}

.news-sm[data-v-733c3d21] {
    display: none
}

h2[data-v-733c3d21] {
    margin-top: 0;
    margin-bottom: 65px;
    font-size: 44px
}

.news-poster[data-v-733c3d21] {
    width: 100%;
    display: inline-block;
    transition: all .3s;
    border-radius: 4px
}

.news-poster[data-v-733c3d21]:hover {
    transform: scale(1.07);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3)
}

.news-time[data-v-733c3d21] {
    font-size: 20px;
    margin: 10px 0
}

.news-desc[data-v-733c3d21] {
    font-size: 16px;
    margin: 0
}

@media screen and (max-width:768px) {
    .HomeNews[data-v-733c3d21] {
        text-align: center;
        padding-top: 60px;
        padding-bottom: 60px
    }

    h2[data-v-733c3d21] {
        font-size: 22px;
        margin: inherit;
        margin-bottom: 30px
    }

    .news-main .news-time[data-v-733c3d21] {
        margin: 0;
        font-size: 18px;
        text-align: left
    }

    .news-main .news-desc[data-v-733c3d21] {
        margin: 0 0 30px;
        font-size: 16px;
        text-align: left
    }

    .news-main .news-poster[data-v-733c3d21] {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .swiper-container[data-v-733c3d21] {
        display: none
    }

    .news-sm[data-v-733c3d21] {
        display: block
    }
}

.HomeFollow[data-v-62e96600] {
    padding: 74px 0 68px;
    background: url(/_nuxt/img/follow-bg.f4259fb.png) no-repeat 100%/cover
}

.HomeFollow h2[data-v-62e96600] {
    position: relative;
    font-size: 32px;
    color: #101010;
    line-height: 45px;
    font-weight: 500;
    margin: 0 0 93px
}

.HomeFollow h2[data-v-62e96600]:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 1px;
    background: #101010
}

.follow-logo[data-v-62e96600] {
    display: flex
}

.follow-logo .follow-logo-item[data-v-62e96600] {
    flex: 1;
    text-align: center;
    position: relative
}

.qr[data-v-62e96600] {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: -100px;
    transform: translateX(-50%);
    display: none;
    border-radius: 3px;
    border: 5px solid #fff;
    box-shadow: 2px 2px 2px #e1e1e1
}

.follow-1[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAmVBMVEUAAAAzMzMzMzMzMzMzMzM0NDQzMzM0NDQ5OTkzMzM1NTU8PDxFRUVsbGwzMzMzMzM0NDQzMzMzMzMzMzMzMzMzMzM0NDQ2NjY2NjY2NjYzMzMzMzMzMzM0NDQ0NDQ2NjY1NTU8PDwzMzMzMzMzMzM0NDQ1NTU0NDQ1NTU3Nzc6Ojo0NDQ0NDQzMzM0NDQ0NDQzMzM1NTUzMzPHh7GvAAAAMnRSTlMA+8/z3MmvRxSbJxAFAuy8ecLm025iWywdF/dooIt/TD0MtqWDVEE3MyAJp5OPdePfUFTSPOsAAAKgSURBVGje7NPrcqJAFATgBgSViyCiXNSI0SSaZC/2+z/cZqndKCUzh6op//H9nVMz1dVzMBgMBoOHCPz6UhcRHsdPXDYsNyvxEL7HG5Z3bp++QWmVo59wa7GtSsLrEwergEo0Gk36dRHznhugkX+QHpR25DyErFiwi10CeWLzSw2lDckpRKHLbiNvRlK4pBnZQjKlIA2gVLDxA3oXCpw3aCtpfEInWlDPGuOLr6hlyX+muvZX1JuNgTJzf0/Q6Sf/iydQsqllr7KNbbE6oVvCb79OUDizlzUU1ryqlpoh2QYqL7z1XKCLxx7id6j4bHGyCPcWlH2EUIoctrm1YmHV5EXz7nO/oi2kKIHWkvfm4wg39oY5gL3DDuk2x5UjBxFs2c1O6rBv8U8QBClVqvnxkgdAbJwEO+rN7JSCDKINTS2hFQIIbBp6gdbn4QQEc5p5hdaRjNf+/plGztDK+JeV0oQViV/L3Ah6AWkuhsCmuSMETzS3g6C0aKyE5EDz3kV+RUNTyBLzSmShSyPOO3r4026d7CYMBEEALa8zhmBijM1uiX0NoPr/j8slxwj39MDN7wdKrepD2Zg+UoicH/RQQ2ZWUC2/QOhrN6fSD+Smy4AqE7iwVUh3BaSaJM2uwxEVDKRO1EogF1LJQM5Qp4CLDVVOcHHOqXCDG0N3ozUcLTTD0Vkd0M0SCseYLsoLNNariGJRD0q2KSlUw8O0vm/Y7g4/VcRWK3ixqXQF6ZmRJGPgFVFQoIHeYB9SIKigNtnFlMgNVOxxsX1SZjODm+MwTpIwjig2HytaWOR0kfag0b8FlAoP+sK3spiyGsCDvcdsEaQHeDPpq3OSZoq36O+zJ/+RX2uLd7LmOxv+fXT0KItsfJjhUy52jU6n0+l0XvsFG7+a6GwAl6wAAAAASUVORK5CYII=) no-repeat 100%/contain;
    cursor: pointer
}

.follow-1[data-v-62e96600]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAkFBMVEUAAAAwiP8qgf9f0f8vjf8pgf8pgP8thP8shv8qgP8pgP8pgf8pgv8ykf8pgP8pgf8pgf8pgf8pgf84nv8pgf8pgP8pgf8rgv8rg/8shP8shf8pgP8pgf8qgf8pgf8qgv8qgv8rg/8pgP8qgf8qgf8qgv8qgf8pgP8qgf8qgf8rgv8rgv8pgP8qgv8rg/8pgP+5p9FuAAAAL3RSTlMAFfoCEPPQJx3cwpt3C+zmyLymBuDVbkZANCz3rqCBaGJMzY6Ie122sVhSO5NJI6Q+bY8AAAKXSURBVGje7NPZTsMwEAXQmz2kS7Y2zUL3FgpF3P//OyAClaixJ5LVt5xXjzzy3DFGo9Fo9BBuUL6XoYPHCc4JW3ZSWHiI4MJ/7OfP7mkFpZcaw+RHm13NNL+1yOwQKs5iYQ3LIuW9xEWrzsgLlPZklEMWLtnHt4D67PPbFUprkhOI8oT9np7nJIVL2pITJBMKYhdKIVtH6L1T4FXQRtL6gI6zpJ69wregRK8df00cqL1Qb74CrOKwUIxsyj+RBSWfWv5bsfZtNhWkJlxUQnCSLRS2vGl2miLZeuDavIboc+EA6QwqATu8oi//JWVZDiXHY1dy7fuwoiM6xFGkJbpyiqbQ2vFetOoMbWb4DmDmsUd8qnHjUXCG4Mh+h/M1Hxr8BgI3pkoTbfa1C6RyJJI99eZ+TEEB0ZqmdtDKAbg+Db1B6yOrADeimRJaGzLdBrNXGvmEVsEfdkwTtiOulrkn6LmkuRSCA82dINjQ3B4Cy6YxC5KM5rmLgoaGJpBNzSOROQmNeDkGsL7arZPchmEYCqBf8RDPE+zYTj3BTZxmAu9/u266LFKKSnd6FyAk8gM/JBMDWIKaDGzgURGJZSmYnJP4xj7BF4zCVB6hQy0+6YvANa1DXJU5CbTg6kmqAN9KQi34niQTQceFRHroCDISeIBL/mF5Ck0zabtB26Yb+REC95B0NCkk0pNHbN4eQurc8Ju8geCacEKTwMziMUujnBq4LUjumXNmOEYjImKYIOdcfWLYLRA7Trws5i1E1H2uauK5KOjpy3At/NAjto+DYAtzRjq+9pBwHzvi8jv5wivemGZzYEAl4Z9nO3Qw1g6vnlOcA7yFe4tr+kVWbQrvpNpkLH8u2qubKD50Cv8ldVNYlmVZ1mvfePVz/4Vk5/cAAAAASUVORK5CYII=) no-repeat 100%/contain
}

.follow-1:hover .qr[data-v-62e96600] {
    display: block
}

.follow-2[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAkFBMVEUAAABDQ0MzMzMzMzM0NDQzMzM7OzszMzMzMzM1NTU3Nzc0NDQzMzMzMzM3Nzc3Nzc0NDQ3Nzc0NDQzMzMzMzMzMzMzMzM1NTVtbW0zMzMzMzMzMzM0NDQ0NDQ1NTUzMzMzMzM0NDQzMzM0NDQ0NDQ0NDQ1NTUzMzMzMzMzMzM0NDQ0NDQ0NDQzMzM0NDQzMzOHvLOJAAAAL3RSTlMABcn1buYJ+dYsErCJfB4OYhf88N3PoiUCwbWXVkY57KdTkYNBPDLhupxpXEtzTqsP+C0AAAKySURBVGje7djpkppAAATgRkBWQQVFvO/1XLP9/m8XK7gZlRkYOfInfL+t0qKrexxQq9VqtX/JWC7aqNZhNiAdC9VpW0PG9qjGeLF2+CNCFbq7Ix80ULrm/MRnQ5TssF3x1br0rCU6KM9ibVJqUVrWnSNVyqmjIbKW+EAJWiJrqeI16V0azGChmM9IkvVx13H4YFks65BJpjXGyKHgGPmz3kwpM+0CBztlVIpnbc8BfA74aFty1rMegLnDJ1943z4yVX3Y48biixHeFHRCKjgdAzceX6zezPp72qfKZIQbI+Kr01tZezaVVn58lEyZsNPP2k/t9TqIl172oatu1meTKcLFvZwflAi0sv71wTR9r3l/njYljjpZu32mahxwIyr49tE7SslaDNWNqGDCL6Rp+hNmcbu4s6iwh9ryPGAWe4MfnjKxJhTaGVmLoYoZZ6oMVZ3wTGb7WIoHO6XSTJF2yGxmPFSigio+pIYU0odKVFCtJW8GhfShEhVUM8eQ8pghCiCICkpNoHCd9rOHSlQwlQeltu+aKUMlXJhhk973TTSQDNVzjjtm6SKDsZjZ0qESFcxiQ8fSCxNDJSqYyYWmVmf4MFTqCha9/XStiRgqUcFsnyhAVDBdDwU8VrCq28/GoZYI+V2o6YLcdtR1QF5L6jIN5PVNXQ3k9kVdW+RmUdcXcutQ1wi5balphfwiapoiP5eadshvQqHPFFfk97Dx4cijWhv52WJkA2BhUyFEASbvhgFughPl1sjP+Psd98cx7vRLfwEVMNYQp97+SIllkYOXf0x6ENqu/PZTcOknTTyxHJb5wvnKm1PiZx7C5O2n2NK7BhJ668Ttp9DSz8aQ8c2M248+391AofUwBoMxKtI8a/wLLm4+YGyOCo0acVXHqJLhN+i4AapmGKjVarXaf+s3tP/eVeq6vaUAAAAASUVORK5CYII=) no-repeat 100%/contain;
    cursor: pointer
}

.follow-2[data-v-62e96600]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAllBMVEUAAAApgP8pgP8pgf8pgv84nP80kP8pgf8qgv8qgf8yiv8pgP8qgf8qgf8rg/8shP8xiv8pgf8qgP8qgP8qgf8rgv8tiP8pgP8pgf8pgf8rg/8thf8pgf8pgf8pgf8shv9HuP8pgf8pgP8pgf8qgv8qgv8rgv8thv9///8qgP8pgv8qgv8pgf8pgP8pgP8qgf8sg/8pgP9WB3FBAAAAMXRSTlMA/PnJbgUK51SxEvGJYTsrD+3Vln1FFtrPoDEl9balHwPewrxaS0AcAoN3aeGqmo83/6Wa2wAAArVJREFUaN7t2OtyokAUBOAWQURB8YJ3jdeoiTE57/9ya0XdozAzjAPsn+X7mUolll3deESpVCqV/iWnFTVQrEmvQ2TZKE7DHtFVC8U4RF8W3Y1RhLfjiR5UkbvadkPPRkD+Wcd95Z91Uh/5iRYWCUW5Zd1fkUwjn17XNxWSGiIH7e8OqWSvSfhZpRQ2snlfzCjhdPyw6MEPMtgLs27aS0wtYpaTIeu5MGtvD0zcxKjkmbVbB/DepEe9nLPuhQDqsUpuTbIez0is28KFTTFTvGjwMSQJq/8bsE8xnVez9uS9Xk9xsRxT3OalrH2XpDrB9VEyp4QjdNUCZa8Xg+vSi35pBz2t84wUVtFtiIV5DcyzZhW/hguu4LMTUi13nLVYdYIrruBrj96pNGseqgMuuIIJHylZr0mKh+rGrpBYC3I/5yZJ8VDd+dLEavIPHV1S4qFCooJ6H7lCf0ZqPFRcQYmzJO0VsZSh4grKBBAaUboNLytXUKgtXkFFL3ioWNslheYBQj4xxVBxBVXWkNjNK+lDxRVU8iHVCLyZYqjYZ4XU6uq+1xcdyVCxI6XZI4UT9VzhUHEF07jQ8eMPE0PFFUzlQVO7P4oNVXoFeYL1vdnrXhj7UZc0RMiAK6gWIgOuoFIXGSQqmPf1wxVM9wljR9I1gakWpcp+/exIVxXGAtL1DWM26drCWJ90TWHsmzR1YG5MmuYw55GmPsytiSmrv4O5h40fvvkk14A5l0d2D0QuSayQwezv/xjgYrAhsQXMOXQzur0dh34l9y+gBvdhCnkyT+Lrx1ybfq1DsIYnvn4yLv0m9idsS3T9ZFv6eeJlTob0rIcMtkTkOUgIF4nrJ9PS95YQCWaJ68dU8FWHRLubvH7yVzvTnYfibJv8VCzOtHqt6hJFcoJqxfIGKJrjoFQqlUr/rT/ik/GFJm6wGAAAAABJRU5ErkJggg==) no-repeat 100%/contain
}

.follow-3[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/_nuxt/img/follow-off-3.1915a51.png) no-repeat 100%/contain;
    cursor: pointer
}

.follow-3[data-v-62e96600]:hover {
    background: url(/_nuxt/img/follow-on-3.515b069.png) no-repeat 100%/contain
}

.follow-4[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/_nuxt/img/follow-off-4.61f7e57.png) no-repeat 100%/contain;
    cursor: pointer
}

.follow-4[data-v-62e96600]:hover {
    background: url(/_nuxt/img/follow-on-4.9396c82.png) no-repeat 100%/contain
}

.follow-5[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/_nuxt/img/follow-off-5.4c89917.png) no-repeat 100%/contain;
    cursor: pointer
}

.follow-5[data-v-62e96600]:hover {
    background: url(/_nuxt/img/follow-on-5.1206ad6.png) no-repeat 100%/contain
}

.follow-6[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAllBMVEUAAAAzMzM0NDQzMzM0NDQ1NTU0NDQ0NDQ0NDQzMzMzMzM3NzczMzNiYmIzMzMzMzMzMzM0NDQ0NDQ0NDQ+Pj5AQEAzMzM0NDQ1NTU5OTkzMzMzMzM0NDQzMzM0NDQ0NDQ5OTkzMzM0NDQzMzMzMzM1NTU1NTUzMzMzMzMzMzMzMzM0NDQ1NTU2NjYzMzM1NTVAQEAzMzPwEOk9AAAAMXRSTlMA5tm9nH5cgH/2hxrIAuvhjfx5VQoFtDkpD8+uk2ljPhXxwaFvLh/6pnZPQzMj3EsE88ltqAAAAoBJREFUaN7tmNty4jAMhv9QGjYkQCEJx3I+dguUvP/L7SazM0otx7CxetP6u2HI2HxDbMmy4HA4HA6H4ycw+qXBh5FdizOGgXmm4RjCwFg35TcMJJFuShsGXjLOK4yEXsbpJqgk7fLxL3dX5aixzFFJrPvjd1loJI0OqhiywS08wOv/LOSBDX3GI9w2XLJBBS3DuzKy6nHLGVo66tCggwfZB0xygpYPdZwHI+bF7+sDcmYhQe+xfbk62kj42q8TcN4yG8lTxtiB05CWXPm+WWZCEiKGylZeEkFhEthLWNYfaQ6fbs9O0hzeCchpntUblpJ3NSAPKHPOn+1tJZgaD6NmsU7WEl8NyAmIZJ2fZvaS1NMGJOW3YGIt4WmjVwrIfPNtYS/hkRB/roSWAhJ+FEefKqErRCQXTUBSJTQQkfBTaVaqhPqhkGSUKVxowBBCEkRqBUqVUCwmibUB2c5zYyol4UXPW/7QK5KMmAQ7NSBv/yqhsaAkWSsWH5hRyMhI0FYkU4T9vx8LUUnxk2WWgyI3ikpwUiTDa5EbZSXnTMNSSkLfGA1ISz64ZCAuQYMX+fKSuSoZQl6SdNkdUlrCr4bd9Cskq4AVYPaSDYUbVXLEWEQypcXVtGkiSEjCIH/xk6rOw0JEcuK9nlL1HSQSkrnubkXVdxP2EmoUBXsQPtVeNhLe8uqt6HHqUW4kOl6ttkcaZcRTac6AKgmiXa+Bs60Ku1XAGyCtrEYrihcnvtoIm/H/wU8BM0v1QA+oCXWh3EiOGpYDpVu++EUl5N3KjjqWZJpxNmm5zdEu31BqWXztlPfyFW5MKcDA3vS2fB20nfaLmFbo2UAIh8PhcDgc358/jCGj4+uCycgAAAAASUVORK5CYII=) no-repeat 100%/contain;
    cursor: pointer
}

.follow-6[data-v-62e96600]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAnFBMVEUAAAApgP8pgP8qgf8qgP8qgv8qgf8qgv8qgP8qgP9ixf8pgP8rg/8wj/8qgf8qgv8wh/80nf8qgP8pgf8pgP8qgf8qgf8rg/8shf8shv8pgf8qgP8pgf8pgf8pgf8pgP8qgv8qg/8shP8viv8pgP8pgf8pgP8qgf8pgv8qgv8qgv8rg/82k/8qgf8qgf8pgf8qgf9Av/8pgP8pgP9+sKYxAAAAM3RSTlMA5dmAvX6cXPuJArQ8DoR5GQX168dsZSkiHPfo38GTjVJCLxTxyq2kdVdMNQnjz59gBNFi33CfAAACiUlEQVRo3u2Y2bKiMBCG/+NZRBQF9/0ouK/H4f3fbaQYK5g0gTI9NzP5LqySSvuVxu50GhaLxWKxWP4Hju8EVWjpESEDbUBM4PjQMKBCDtBwWlMhTWioEQFzaBlNiJjOCbkERMA3Cmg4hKWHXBbq6hoK6ROSios86tSPW8ycsCxyf15l6SfKcJupkhlyeKe/RzHRVLUcQeKepXVjFyUJ24pkC5KDvO4NWvSb74xAsTGQ4Fzufxk5JhJ171ceVHaxieSjXEJWuCVTV60OMauETsgtv6QLCW9sLukqCUkcPp2pmeRLrn0badElqeoVQ8lSTsghshyTZ6GpBBftYfR1f7KGsaSqS8jT6v6kby4J3iTLDoKfpOZ65hLsNAnZTWuzuSSSa/7+uRNackgwz03I7+ToB4tkGEs0kBJ07m9aPBJschJynx5k5hKy0A7FgjqYJOiSHegwLctckgWZkM2kNgZsEndKJKT7lhYZBgl9mzjf/nRCA0aJt5Is1bQB7oJHQl9A1vCdpDaySkaOnJCt+0vb45LQ/UI9+eAreCVhTNBglmCmOirglhxUSYtVQrejjs8v6cuSOvglp47SsvJL0IyfmAR/Q+KPpRsRh2Qm0k10coIBi+QiNpcY03TBIfHbyaHk5U0e+iySrTrryXTfbY9D0hetnOBX/OAKc4kYFLVDqfdNaRhIiJHXNMID0X1XkMGdvDT2CNax4CMT0yJae9SooUIx17x7T9RWJ5LN+KVRVE9uG+RBWJ12CFooYunIsyVx5x2KQalwvGAZdZSQc/Q0E5rc6P0obzldiJBZkB1z1DSOcpY9GbLEg3WmNi5jDaFGMqxS+HgQ/uzF2k8NPiwWi8Visfz7/AY3k7VlIFaGhAAAAABJRU5ErkJggg==) no-repeat 100%/contain
}

.follow-7[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAnFBMVEUAAAAzMzMzMzM1NTU0NDQzMzMzMzM0NDREREQ0NDQ5OTkzMzMzMzMzMzM1NTUzMzM1NTU1NTUzMzM0NDQ5OTkzMzMzMzM0NDQ0NDQ1NTU1NTUzMzMzMzMzMzMzMzM0NDQ0NDQ1NTU4ODg2NjY8PDwzMzMzMzM0NDQ0NDQ1NTU0NDQzMzM0NDQ1NTVJSUl/f380NDQzMzM0NDQzMzMjJcNHAAAAM3RSTlMAgnxSgPr2WwV5CPDi3SyLPh/rtBPmw2JLNiPZq6agkXUnGhcP0ct/bjGblWhHAwLUukNNaK1mAAACfklEQVRo3u3Y2ZKiMBSAYdRmE1Bc2BQU960X9bz/u40nwxS0VhIC6Zvp/BfdFiKfCoSgplKpVCqV6rc0iw6dNh39Tx4xzaB1ns82TgHIyGYZ1hXkxPosbyApr09HXJBVTDU2IK0DFRnIQ5ZUZCYPGWrUclnGfqvRs+UZP63sphq77k8baxzaDm2NKxojKtLLvh5/OxIM+42OwKK1ct2gASwEFvh/2NyYo5EDG4FzK2W+JgYb4St84wh8BC74cNnE8AqDh2DLhoqHx+078JFSuTQ3+Ag2bKC4pcFHSuUsbEQggkBHUHFnxBBCCmUhZJggipCr9FdNJSgMYQS6tZVghYbeBAEblUzIEEcgfyz75CpjNHo6NEP0SEMl5RgDMpsKmiFGTyNZKc/ARvMmiHNHwCQKx/jAgXGzE0fGyWNBfwJDVCZU4/R4OtY9PIS3oSjiroqXMRXnr1Fg/YkYMh+VX0CHKHTDIA99XCsTQfZkVuOVIwy+y1cjwf1hAMmIychdHwm33w/KAyo3hoHpJm6iUxeZ4G1S4kBZt1BejLsBZUfcxrEesrDIO3wZYawzVPIGVaOyZVOvgSzLNSvlZKkLRfoF95r/3SheGxtc5KBVrqLP15e+mbk6jEN7RlY34LnMQtvhIEfqzD7t/7sPZ91lkP15GrMQ3WTM7DxTq+SH8Fx5ZK5cOhLHOOougNYuX2mkTXSjr7TBmxBTY4RnHSs3TNPQ482/OG1v0LpgwDame5CQk7CM0RykZHzQjbULktLvVMQHadn/DZJTkZU8JKIiliMNYZwqQ1nGnjWmyDpPmOd8Esgw9IgzrqTtjf2gxs/odrdN74mmUqlUKpXqV/QHDY/viWGgnrYAAAAASUVORK5CYII=) no-repeat 100%/contain;
    cursor: pointer
}

.follow-7[data-v-62e96600]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAnFBMVEUAAAApgf8pgv8qgf8rg/8pgf8pgf8shf8th/8pgP8th/8xi/8pgv8qgv8+nf85qv9mzf8pgP8qgP8pgf8qgf8sgv8pgf8rgv8sg/8rhP8shP8thf8pgf8qgP8pgf8pgP8qgf8qgP8pgP8qgP8pgf8qgf8pgf8qgv8qgf83kf8pgf8qgP8pgf8pgf8qgP8qgv8pgP8pgP8qgv8pgP/avuE1AAAAM3RSTlMAgnyAUvntKhbdHBF1WwcEAvPiz3lA5ks1LyUh2aaTjWLo08KwiG5nRwq1qqGdlzzHulhuHFK6AAACdElEQVRo3u3X2ZKiMBSA4WgbgWFRFsUNxX1fus/7v9uQNNXp0slhS01fdP4LyyqDH6WEEKLT6XQ6ne63NEnbrSbtBv0iwk6gcdYdN8ZDUFGEGd4K1DRAkDdQlOXJkQBUFUsNE5TVliKGOmQunyLqkAWR5qgyQpvIi5Qb6hVh4LWbGyvU+NNXMSFXJvsqKdJJmNJSYERvcgQuXGlsOIAhcCVZ2/rG7NNAEaE0MooQuJGsRU2D/d87KECaKVZuFCDi5javaeyhHAILXMGNMohQbtWMYMqN8ghsEQUxUiiLCOVa18ARUauSMpxko12ogIhh/UslozoCba6UN2gdBCKmJMXG0sgGflCohYAjlCKjQ6EeQlPClHMJgxjDegjtEF4PVbpjwpvO6iD+gAEue9kUGAd2QzHD6kh3RAg5nmDLFdSIqcUuL3tdFQmM/LBcQQ2A5ZifUjVkxn+A1dfc907/NEbc4G/v7FySKkhosr/SEgdkisQ4UODRmK8P5ZG1/XVRCuX92fCFwRWXZLXKIhu2Tbp3QdTOlRdjQEG0I1m7csilx87Qf7nDeFf4lmUww3+dHC4tgcyJuBOJHH58AHn0Zr8a+bExxZH8U7GKPq0vnpsEFLqPaMqH+/Bc0sttFNlJn+zPR/JZD9tlnNio8RJDqIs8c1ku+db9Ac+JK3MSyJE4xtep0JkQnrl/lw/iO4cPguVtAGv42JzXFmBZU1LQcQ2NGxq4YYagoO4I3c/NQEn+ATECUBSVKwNQlvOzyP1/IIY6JJUiva4yZEykLVQZD2y+K5onFJ3zo6USIyVo9rm5ERqkqGkatZu0HxGdTqfT6XS/or/Ro+6mZeZ99QAAAABJRU5ErkJggg==) no-repeat 100%/contain
}

.follow-8[data-v-62e96600] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAhFBMVEUAAAA0NDQzMzMzMzM6OjozMzMzMzMzMzM0NDQzMzMzMzM0NDQzMzM2NjY0NDQzMzMzMzM0NDQ2NjY0NDQ1NTU1NTUzMzNCQkIzMzM0NDQ0NDQ0NDQ0NDQ1NTU0NDQzMzMzMzM0NDQzMzMzMzM0NDQ1NTU0NDQ0NDQzMzMzMzMzMzMzMzM0DIR7AAAAK3RSTlMAqPXsD/GM+ebSsfxpNt3Dl5MjXVImuQrXy6eddVdJ1siFgVmmZEO6t30ZZZ0n+gAAAcVJREFUaN7tmNduwzAMRR3J8pBHvJ2908X//78G6EOAMgllmxBQVOfdOICvRJH0HA6Hw+FwOP4ifpXtzunmWK5X+n2+jBd5JKUSYZjAjSQMhZIyyhfxct7py7o8btLzLqt8z4x+G+iFgJGovQ6anlC0hYLJqLJ65agFsCDq544A2AieOa7ASP0kD8EpEe1DSQGsFA+vhuCVCN/DbIGZrdnR4j9gc27J3MNIbol8kDuwg5PP+CUZkjT8kgZJUiCIwqGSFElOQDCrZgMlp+FFZXbLbTmxsKxoyY06AnNWSNIZSbz+UxhLOiQ50JIfvtamkgOSxIaSG5lhBYqRJKcld5rcRJIjSTRE4vUbSUsiJFFGkjt+mQCBQhJBS37RauptRJKEliDeXp+WBH0ABhLM9WU0DBI6GJbflUrid00Pfrengp98hNsPoFATL6MfhEASjSgrKAyKfESBRNeDIh5f6ls9vtR3pASFQdGNfH6vctLzW5ASFAZFMaYl0kNbIivNnZU21UrDbWV0sDcE2R/n+AdTeyO2/WUB/9rD2gIHU3NKahtLNbvrQUxVMi86H9M3gd4r1pUtvXy+6G7I8tnhcDgcDsc/4huxd8Q8ciT5+AAAAABJRU5ErkJggg==) no-repeat 100%/contain;
    cursor: pointer
}

.follow-8[data-v-62e96600]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAflBMVEUAAAArgf8pgf8pgf8pgf8qgP8pgf8qgP8pgP8pgf8yjv8qgP8sg/8pgP8qgP8qgP8qgP8shf8pgf8pgP8qgv8thP8pgP8qgP8qgv8zjP8qgf8qgP8qgP8pgv8rgf8pgf8qgP8qgP8qgP8pg/8qgv8xiP83kv8pgf8rgf8pgP5180RNAAAAKXRSTlMAqPL59e1o6dKyD9c2ysOXkyO5p1YmjYpaDF/jnXVR3t2FgUpEFAesfflBkiQAAAG4SURBVGje7dhZTsMwEIBh13b2PW2adN8Lc/8LgkCQh2k6WQYjhL8L/IomcWwLy7Isy7Ksvygs4kvj7k75dh6UaeJHx43nSK0UfFBKS8fbHCM/Sctgvs1PO7e5xMVK9LNa1EEkYSQZBfWCSlWZhMlkXogn1hpY6EZ0WgKbuvM5gNG6Yx4KGOlKPJIBq0w8EGpgJUOBLYDZgv/VwpYCS4FZKjAHmDkCCYEdnnwM7GIU2QO7PYq4QPAUDOSiyBkIs2IGw5yHLyozIeJk4sIypyPvms2AyBxFyl4RcX/V0FeJIgkd+XTbQk8Jivh05EucQi8+ihzoSGsfQQ8HFPGGRMR95wDJQxHZK9K65QoIEkVUz0irCuA5jSJAR5Ar8baMimCu8+MRPBj+yB09BxXRgyPXaPDgJRlB7xbFmfgxhksFJG/asuI645YVn4ygz4Pij13q22HQkrE/rXYYtHLk79f1Jv1+MzKChkHJxmyJXmCYs5HNnZFtqpENt5Gjg4lDkJHjnMGDqfkjdiiBlQwNXXtglQZGujJ3FYXVwKYWnRqu68G1eKLIeS46f//K9js19vLZsizLsqx/5A3/6KWLJzH/pQAAAABJRU5ErkJggg==) no-repeat 100%/contain
}

@media screen and (max-width:768px) {
    .HomeFollow[data-v-62e96600] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .HomeFollow h2[data-v-62e96600] {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 40px
    }

    .HomeFollow h2[data-v-62e96600]:after {
        bottom: -10px
    }

    .follow-logo[data-v-62e96600] {
        display: block;
        text-align: center
    }

    .follow-logo .follow-logo-item[data-v-62e96600] {
        display: inline-block;
        margin: 10px
    }
}

.HomeDownload[data-v-6963459d] {
    background: var(--bg-2)
}

.HomeDownload .content[data-v-6963459d] {
    height: 186px
}

.HomeDownload .content-left .title[data-v-6963459d] {
    font-size: 24px;
    color: var(--color-4);
    line-height: 34px;
    letter-spacing: -.05px
}

.HomeDownload .content-left .desc[data-v-6963459d] {
    margin-top: 8px;
    color: var(--color-5);
    font-size: 16px;
    font-weight: 300
}

.HomeDownload .content .button[data-v-6963459d] {
    margin-top: 16px;
    min-width: 162px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 40px;
    background: #fff;
    border-radius: 44px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: #2980fe;
    line-height: 40px;
    padding: 0 20px
}

.HomeDownload .content .main-img[data-v-6963459d] {
    width: 335px
}

.HomeDownload .content .main-img-mobile[data-v-6963459d] {
    display: none
}

@media screen and (max-width:1200px) {
    .HomeDownload .content[data-v-6963459d] {
        flex-direction: row
    }

    .HomeDownload .content-left .title[data-v-6963459d] {
        text-align: left;
        font-size: 22px
    }

    .HomeDownload .content-left .desc[data-v-6963459d] {
        text-align: left
    }
}

@media screen and (max-width:768px) {
    .HomeDownload .content[data-v-6963459d] {
        flex-direction: column;
        padding-top: 32px;
        height: auto
    }

    .HomeDownload .content-left[data-v-6963459d] {
        width: 100%
    }

    .HomeDownload .content-left .desc[data-v-6963459d] {
        margin-top: 4px;
        font-size: 14px
    }

    .HomeDownload .content .button[data-v-6963459d] {
        min-width: 135px;
        margin-left: 28px;
        font-size: 14px
    }

    .HomeDownload .content .main-img[data-v-6963459d] {
        display: none
    }

    .HomeDownload .content .main-img-mobile[data-v-6963459d] {
        display: block;
        width: 100%;
        margin-top: 24px
    }
}

.close-btn {
    cursor: pointer;
    width: 340px;
    margin: 35px auto 0;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #2980fe;
    border-radius: 8px;
    box-shadow: 0 4px 40px 0 rgba(0, 77, 255, .1);
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #fff
}

.notice-modal {
    padding: 12px 30px;
    font-size: 14px;
    border-radius: 16px
}

.notice-modal p {
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #333
}

.notice-modal .title-bold {
    font-size: 22px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    color: #101010
}

.notice-modal .title-red {
    color: #f3202d
}

.extension-content {
    border-radius: 24px;
    display: flex
}

.extension-content img {
    width: 520px;
    height: 520px
}

.extension-content .desc-right {
    padding: 126px 14px 89px 59px
}

.extension-content .desc-right .title {
    width: 288px;
    font-size: 32px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 700;
    color: #101010;
    line-height: 45px
}

.extension-content .desc-right .desc {
    width: 256px;
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    line-height: 22px
}

.extension-content .desc-right .desc-wrap {
    margin: 16px 0 98px
}

.extension-content .desc-right .use-now {
    width: 247px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #2980fe;
    border-radius: 29px;
    box-shadow: 0 4px 40px 0 rgba(0, 77, 255, .1);
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    cursor: pointer
}

.extension-content .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.extension-content-mobile,
.tips-content {
    display: none
}

@media screen and (min-width:1921px) {
    .header-bg {
        background-size: contain
    }
}

@media screen and (min-width:1024px) {
    .notice-modal {
        padding: 12px 30px;
        font-size: 14px;
        border-radius: 16px
    }

    .notice-modal h4 {
        font-size: 16px;
        margin: 8px 0 16px
    }

    .header-bg {
        background: no-repeat 100%;
        background-size: 120% auto;
        background-size: 100% 100%;
        background-position: 0 57px
    }
}

@media screen and (max-width:992px) {
    .header-bg {
        background-image: none !important
    }

    .notice-modal {
        padding: 12px 25px;
        border-radius: 16px
    }

    .notice-modal,
    .notice-modal p {
        font-size: 13px
    }

    .notice-modal .title-bold {
        font-size: 16px
    }

    .notice-modal .title-red {
        color: #f3202d
    }

    .notice-modal .close-btn {
        width: 250px;
        height: 48px;
        line-height: 48px;
        font-size: 16px
    }

    .notice-modal h4 {
        font-size: 14px;
        margin: 8px 0
    }
}

@media screen and (max-width:767px) {
    .extension-content {
        display: none
    }

    .extension-content-mobile {
        border-radius: 16px;
        display: flex;
        flex-direction: column
    }

    .extension-content-mobile img {
        width: 314px;
        height: 314px
    }

    .extension-content-mobile .desc-right {
        padding: 22px 30px 30px
    }

    .extension-content-mobile .desc-right .title {
        width: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 22px
    }

    .extension-content-mobile .desc-right .desc {
        width: 100%;
        text-align: center;
        font-size: 13px
    }

    .extension-content-mobile .desc-right .desc-wrap {
        margin: 5px 0 18px
    }

    .extension-content-mobile .desc-right .use-now {
        margin: 0 auto;
        width: 234px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        background: #2980fe;
        border-radius: 29px;
        box-shadow: 0 4px 40px 0 rgba(0, 77, 255, .1);
        font-size: 13px;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #fff
    }

    .extension-content-mobile .close {
        width: 15px;
        height: 15px;
        right: 14px;
        top: 14px
    }

    .tips-content {
        position: fixed;
        z-index: 9999;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 270px;
        background: rgba(0, 0, 0, .8);
        border-radius: 15px;
        font-size: 12px;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: center;
        color: #fff;
        line-height: 16px;
        padding: 16px 35px
    }
}

@media screen and (max-width:370px) {
    .notice-modal {
        height: 994px;
        padding: 12px;
        font-size: 12px;
        border-radius: 16px
    }

    .notice-modal h4 {
        font-size: 13px;
        margin: 8px 0
    }
}