.index-hero[data-v-7f381fd0] {
    background-color: #181d29;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 100vh;
    padding-top: 13vh
}

@media screen and (min-width:567px) {
    .index-hero[data-v-7f381fd0] {
        background-image: url(../image/B1589CCCD6DA4A19A86793F5E558810E-6-2.jpg);
        min-height: 670px
    }
}

@media screen and (min-width:567px)and (-webkit-min-device-pixel-ratio:1.5) {
    .index-hero[data-v-7f381fd0] {
        background-image: url(../image/67C8BC6C29BF4A4599BE8E42B43A05C0-6-2.jpg)
    }
}

@media screen and (max-width:567px) {
    .index-hero[data-v-7f381fd0] {
        background-image: url(../image/A1DC6C89F2AD42EDA70D114D09835EC1-6-2.jpg);
        padding-top: 102px
    }
}

@media screen and (max-width:567px)and (-webkit-min-device-pixel-ratio:1.5) {
    .index-hero[data-v-7f381fd0] {
        background-image: url(../image/F56A3EB18CCB42CCA868E96C4F5B950E-6-2.jpg)
    }
}

.index-hero__container[data-v-7f381fd0] {
    text-align: center
}

.index-hero .prod-subtitle[data-v-7f381fd0] {
    background: linear-gradient(135deg, #0ddf93, #00a1ff);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1vh;
    padding: 2px 8px
}

.index-hero__title[data-v-7f381fd0] {
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2vh
}

.index-hero__logo[data-v-7f381fd0] {
    margin-bottom: 5vh
}

.index-hero__logo img[data-v-7f381fd0] {
    height: 30px
}

@media screen and (max-height:768px) {
    .index-hero__logo[data-v-7f381fd0] {
        margin-bottom: 2vh
    }

    .index-hero__logo img[data-v-7f381fd0] {
        height: 24px
    }
}

@media screen and (max-width:567px) {
    .index-hero[data-v-7f381fd0] {
        padding-top: 102px
    }

    .index-hero__logo[data-v-7f381fd0] {
        margin-bottom: 40px
    }

    .index-hero__logo img[data-v-7f381fd0] {
        height: 24px
    }
}

.index-hero[data-v-5e86214c] {
    background-color: #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 100vh;
    padding-top: 13vh
}

.index-hero .a-preorder[data-v-5e86214c] {
    display: inline-block;
    margin-left: 30px;
    position: relative
}

@media screen and (max-width:567px) {
    .index-hero .a-preorder[data-v-5e86214c] {
        margin-left: 24px
    }
}

.index-hero .a-preorder .btn-preorder[data-v-5e86214c] {
    background: linear-gradient(135deg, #6d67ff, #47e1ea);
    border: none
}

.index-hero .a-preorder .img-kk[data-v-5e86214c] {
    bottom: -20px;
    height: 13px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%)
}

@media screen and (max-width:567px) {
    .index-hero .a-preorder .img-kk[data-v-5e86214c] {
        height: 12px
    }
}

@media screen and (min-width:567px) {
    .index-hero[data-v-5e86214c] {
        background-image: url(../image/3B6414DAC0FA48AFA27440CB6401C2DF-6-2.jpg);
        min-height: 670px
    }
}

@media screen and (min-width:567px)and (-webkit-min-device-pixel-ratio:1.5) {
    .index-hero[data-v-5e86214c] {
        background-image: url(../image/B49F099A6C5A40028AD2084E80AABDD6-6-2.jpg)
    }
}

@media screen and (max-width:567px) {
    .index-hero[data-v-5e86214c] {
        background-image: url(../image/90102A4568854456AEBEF6E3443B92D6-6-2.jpg);
        padding-top: 102px
    }
}

@media screen and (max-width:567px)and (-webkit-min-device-pixel-ratio:1.5) {
    .index-hero[data-v-5e86214c] {
        background-image: url(../image/54730C3BDFB6436695A51904A6A488D8-6-2.jpg)
    }
}

.index-hero__container[data-v-5e86214c] {
    text-align: center
}

.index-hero .prod-subtitle[data-v-5e86214c] {
    background: linear-gradient(135deg, #6d67ff, #47e1ea);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px;
    padding: 2px 8px
}

.index-hero__title[data-v-5e86214c] {
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 24px
}

.index-hero__logo[data-v-5e86214c] {
    margin-bottom: 4.7vh
}

.index-hero__logo img[data-v-5e86214c] {
    height: 30px
}

@media screen and (max-height:768px) {
    .index-hero__logo[data-v-5e86214c] {
        margin-bottom: 2vh
    }

    .index-hero__logo img[data-v-5e86214c] {
        height: 24px
    }
}

@media screen and (max-width:567px) {
    .index-hero[data-v-5e86214c] {
        padding-top: 102px
    }

    .index-hero__logo[data-v-5e86214c] {
        margin-bottom: 40px
    }

    .index-hero__logo img[data-v-5e86214c] {
        height: 24px
    }
}

@media screen and (max-width:567px) {
    .product-big-wrap[data-v-10069ac9] {
        margin-left: -20px;
        margin-right: -20px
    }
}

.product-big-wrap+.product-big-wrap[data-v-10069ac9] {
    margin-top: 200px
}

@media screen and (max-width:567px) {
    .product-big-wrap+.product-big-wrap[data-v-10069ac9] {
        margin-top: 150px
    }
}

.product-big-wrap .pb-title[data-v-10069ac9] {
    font-weight: 700;
    margin-bottom: 60px;
    text-align: center
}

@media screen and (max-width:567px) {
    .product-big-wrap .pb-title[data-v-10069ac9] {
        margin-bottom: 32px
    }
}

.product-big-wrap .product-big[data-v-10069ac9] {
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

@media screen and (max-width:567px) {
    .product-big-wrap .product-big[data-v-10069ac9] {
        border-radius: 0
    }
}

.product-big-wrap .product-big__left[data-v-10069ac9] {
    flex-shrink: 0;
    width: 56.95%
}

.product-big-wrap .product-big__right[data-v-10069ac9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 80px 0 80px 60px
}

[dir=rtl] .product-big-wrap .product-big__right[data-v-10069ac9] {
    padding: 80px 80px 90px 0
}

.product-big-wrap .product-big__logo[data-v-10069ac9] {
    display: flex;
    margin-bottom: 30px;
    color:#25A2C0;
    font-size: 32px;
    font-weight: 700;
}

.product-big-wrap .product-big__logo img[data-v-10069ac9] {
    height: 32px
}

.product-big-wrap .product-big__title[data-v-10069ac9] {
    font-weight: 600;
    line-height: 1.26;
    margin-bottom: 30px;
    margin-top: 30px;
}

.product-big-wrap .product-big__subtitle[data-v-10069ac9] {
    color: #000;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 8px
}

.product-big-wrap .product-big__image-wrap[data-v-10069ac9] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    transition: transform .2s;
    width: 100%;
    z-index: 1
}

.product-big-wrap .product-big__image-wrap .inner-image[data-v-10069ac9] {
    border-radius: 16px
}

@media screen and (max-width:567px) {
    .product-big-wrap .product-big__image-wrap .inner-image[data-v-10069ac9] {
        border-radius: 0
    }
}

.product-big-wrap .product-big__link .ob-button[data-v-10069ac9] {
    font-size: 16px;
    padding: 10px 32px
}

@media screen and (max-width:567px) {
    .product-big-wrap .product-big__link .ob-button[data-v-10069ac9] {
        font-size: 14px;
        padding: 11px 18px
    }
}

@media screen and (min-width:567px) {
    .product-big-wrap .product-big[data-v-10069ac9] {
        height: 100%
    }
}

@media screen and (min-width:2300px) {
    .product-big-wrap .product-big__logo img[data-v-10069ac9] {
        height: 40px
    }
}

@media screen and (max-width:1600px) {
    .product-big-wrap .product-big__logo img[data-v-10069ac9] {
        height: 25px
    }

    .product-big-wrap .product-big__logo[data-v-10069ac9] {
        margin-bottom: 15px
    }

    .product-big-wrap .product-big__title[data-v-10069ac9] {
        margin-bottom: 10px
    }
}

@media screen and (max-width:1024px) {
    .product-big-wrap .product-big__logo img[data-v-10069ac9] {
        height: 20px
    }

    .product-big-wrap .product-big__logo[data-v-10069ac9] {
        margin-bottom: 10px
    }

    .product-big-wrap .product-big__title[data-v-10069ac9] {
        margin-bottom: 5px
    }
}

@media screen and (max-width:567px) {
    .product-big-wrap .product-big[data-v-10069ac9] {
        flex-direction: column;
        height: auto
    }

    .product-big-wrap .product-big__left[data-v-10069ac9] {
        text-align: center;
        width: 100%
    }

    .product-big-wrap .product-big__right[data-v-10069ac9] {
        align-items: center;
        padding: 56px 20px;
        text-align: center;
        width: 100%
    }

    .product-big-wrap .product-big__logo[data-v-10069ac9] {
        justify-content: center;
        margin-bottom: 16px
    }

    .product-big-wrap .product-big__logo img[data-v-10069ac9] {
        height: 20px;
        width: auto
    }

    .product-big-wrap .product-big__title[data-v-10069ac9] {
        margin-bottom: 8px
    }

    .product-big-wrap .product-big__subtitle[data-v-10069ac9] {
        margin-bottom: 56px
    }

    .product-big-wrap .product-big__link[data-v-10069ac9] {
        display: inline-block
    }
}

.index-products-grid-wrap[data-v-c201a32e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 60px 30px
}

@media screen and (max-width:1024px) {
    .index-products-grid-wrap[data-v-c201a32e] {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        grid-gap: 80px;
        padding-left: 20px;
        padding-right: 20px
    }

    .index-products-grid-wrap .product-item-auto-box>.__height-box[data-v-c201a32e] {
        display: none
    }

    .index-products-grid-wrap .product-item-auto-box>.__box-content[data-v-c201a32e] {
        position: static
    }
}

.index-products-grid-wrap .product-item[data-v-c201a32e] {
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    justify-content: space-between
}

.index-products-grid-wrap .product-item .product-item-left[data-v-c201a32e] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 64px 0 80px 80px
}

[dir=rtl] .index-products-grid-wrap .product-item .product-item-left[data-v-c201a32e] {
    padding: 80px 80px 90px 0
}

@media screen and (max-width:1600px) {
    .index-products-grid-wrap .product-item .product-item-left[data-v-c201a32e] {
        padding: 50px 0 50px 50px
    }
}

@media screen and (max-width:1024px) {
    .index-products-grid-wrap .product-item .product-item-left[data-v-c201a32e] {
        padding: 30px 0 30px 30px
    }
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-item-left[data-v-c201a32e] {
        flex: 1;
        padding: 56px 20px 0 !important;
        text-align: center
    }
}

.index-products-grid-wrap .product-item .product-item-right[data-v-c201a32e] {
    flex-shrink: 0;
    width: 38%
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-item-right[data-v-c201a32e] {
        align-items: center;
        display: flex;
        height: 290px;
        width: 100%
    }
}

.index-products-grid-wrap .product-item .product-logo[data-v-c201a32e] {
    margin-bottom: 20px;
    color:#000;
    font-size: 28px;
    font-weight: 600;
}

.index-products-grid-wrap .product-item .product-logo img[data-v-c201a32e] {
    height: 30px
}

@media screen and (min-width:2300px) {
    .index-products-grid-wrap .product-item .product-logo img[data-v-c201a32e] {
        height: 40px
    }
}

@media screen and (max-width:1600px) {
    .index-products-grid-wrap .product-item .product-logo[data-v-c201a32e] {
        margin-bottom: 15px
    }

    .index-products-grid-wrap .product-item .product-logo img[data-v-c201a32e] {
        height: 25px
    }
}

@media screen and (max-width:1024px) {
    .index-products-grid-wrap .product-item .product-logo[data-v-c201a32e] {
        margin-bottom: 10px
    }

    .index-products-grid-wrap .product-item .product-logo img[data-v-c201a32e] {
        height: 20px
    }
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-logo[data-v-c201a32e] {
        margin-bottom: 16px
    }

    .index-products-grid-wrap .product-item .product-logo img[data-v-c201a32e] {
        height: 20px;
        width: auto
    }
}

.index-products-grid-wrap .product-item .product-title[data-v-c201a32e] {
    font-weight: 500;
    line-height: 1.26;
    margin-bottom: 16px
}

@media screen and (max-width:1600px) {
    .index-products-grid-wrap .product-item .product-title[data-v-c201a32e] {
        margin-bottom: 10px
    }
}

@media screen and (max-width:1024px) {
    .index-products-grid-wrap .product-item .product-title[data-v-c201a32e] {
        margin-bottom: 5px
    }
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-title[data-v-c201a32e] {
        font-size: 18px;
        margin-bottom: 40px
    }
}

.index-products-grid-wrap .product-item .product-subtitle[data-v-c201a32e] {
    color: #000;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 10px
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-subtitle[data-v-c201a32e] {
        display: none
    }
}

.index-products-grid-wrap .product-item .product-image-wrap[data-v-c201a32e] {
    align-items: center;
    display: flex;
    filter: drop-shadow(18px 18px 24px rgba(0, 0, 0, .43));
    height: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: translateY(0);
    transition: transform .2s;
    width: 90%;
    z-index: 1
}

@media screen and (min-width:567px) {
    .index-products-grid-wrap .product-item .product-image-wrap[data-v-c201a32e]:hover {
        transform: translateY(0) scale(1.05)
    }
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-image-wrap[data-v-c201a32e] {
        height: 100%;
        transform: translateY(5%);
        width: 100%
    }
}

.index-products-grid-wrap .product-item .product-image-wrap .product-image-inner[data-v-c201a32e] {
    transition: transform .3s;
    width: 80%
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-image-wrap .product-image-inner[data-v-c201a32e] {
        background-size: contain;
        height: 100%
    }
}

.index-products-grid-wrap .product-item .product-link .ob-button[data-v-c201a32e] {
    font-size: 16px;
    padding: 10px 32px
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item .product-link[data-v-c201a32e] {
        display: inline-block
    }

    .index-products-grid-wrap .product-item .product-link .ob-button[data-v-c201a32e] {
        font-size: 14px;
        padding: 10px 18px
    }
}

@media screen and (min-width:567px) {
    .index-products-grid-wrap .product-item[data-v-c201a32e] {
        height: 100%
    }
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .product-item[data-v-c201a32e] {
        flex-direction: column;
        height: auto
    }
}

.index-products-grid-wrap .links-wrap[data-v-c201a32e] {
    display: flex;
    gap: 8px
}

@media screen and (max-width:567px) {
    .index-products-grid-wrap .links-wrap[data-v-c201a32e] {
        justify-content: center
    }
}

.index-products {
    padding: 80px 0 0;
}

.index-products._old {
    padding-top: 120px
}

@media screen and (max-width:567px) {
    .index-products._old {
        padding-top: 60px
    }
}

@media screen and (min-width:567px) {
    .index-products {
        overflow: hidden
    }
}

@media screen and (max-width:1024px) {
    .index-products {
        padding: 80px 20px 16px
    }
}

.index-vision[data-v-9ad91ce2] {
    padding: 60px 30px
}

.index-vision__container[data-v-9ad91ce2] {
    border-radius: 10px;
    color: #000;
    padding: 50px 90px 140px;
    text-align: center
}

.index-vision__title[data-v-9ad91ce2] {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 60px
}

.index-vision__desc[data-v-9ad91ce2] {
    font-weight: 400;
    line-height: 1.7;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

@media screen and (max-width:1600px) {
    .index-vision[data-v-9ad91ce2] {
        padding-bottom: 0;
        padding-top: 0
    }

    .index-vision__container[data-v-9ad91ce2] {
        padding: 60px 20px 120px
    }
}

@media screen and (max-width:567px) {
    .index-vision[data-v-9ad91ce2] {
        padding: 60px 20px 80px
    }

    .index-vision__container[data-v-9ad91ce2] {
        padding: 40px 20px
    }

    .index-vision__title[data-v-9ad91ce2] {
        margin-bottom: 16px
    }
}

.index-education[data-v-0b2cf078] {
    padding: 0 30px 100px
}

@media screen and (max-width:567px) {
    .index-education[data-v-0b2cf078] {
        padding: 0 20px 120px
    }
}

.index-education .edu-auto-container[data-v-0b2cf078] {
    background-color: #e1e2e7;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px
}

.index-education .edu-auto-container._edu[data-v-0b2cf078] {
    background-image: url(../image/E5AA0F2928DC4593A38A5490D37165DD-6-2.jpg)
}

@media screen and (max-width:567px) {
    .index-education .edu-auto-container._edu[data-v-0b2cf078] {
        background-image: url(../image/2EB11DB7A0BD45A0AC23EF52DE9BA5E2-6-2.jpg)
    }
}

.index-education .edu-auto-container._cloud[data-v-0b2cf078] {
    background-image: url(../image/E96DDF85B8D74670BD56E89FBFA308A4-6-2.jpg)
}

@media screen and (max-width:567px) {
    .index-education .edu-auto-container._cloud[data-v-0b2cf078] {
        background-image: url(../image/DBD6E048989144C28C493EE8F477935F-6-2.jpg)
    }
}

[dir=rtl] .index-education .edu-cc[data-v-0b2cf078] {
    max-width: 490px
}

.index-education .edu-container[data-v-0b2cf078] {
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 80px 90px
}

@media screen and (max-width:567px) {
    .index-education .edu-container[data-v-0b2cf078] {
        display: block;
        padding: 40px 10px !important;
        text-align: center
    }
}

.index-education .edu-title[data-v-0b2cf078] {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px
}

.index-education .edu-subtitle[data-v-0b2cf078] {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px
}

.index-education .edu-desc[data-v-0b2cf078] {
    font-weight: 400;
    line-height: 1.7;
    max-width: 520px
}

@media screen and (max-width:567px) {

    .index-education .edu-subtitle[data-v-0b2cf078],
    .index-education .edu-title[data-v-0b2cf078] {
        margin-bottom: 16px
    }

    .index-education .edu-desc[data-v-0b2cf078] {
        margin-bottom: 40px
    }
}

@media screen and (max-width:1600px) {
    .index-education .edu-container[data-v-0b2cf078] {
        padding: 50px
    }

    .index-education .edu-subtitle[data-v-0b2cf078],
    .index-education .edu-title[data-v-0b2cf078] {
        margin-bottom: 16px
    }
}

@media screen and (max-width:1024px) {
    .index-education .edu-container[data-v-0b2cf078] {
        padding: 20px
    }
}

.index-awards .index-awards-title[data-v-9c1fb636] {
    margin-bottom: 50px;
    text-align: center
}

.index-awards .awards-list[data-v-9c1fb636] {
    display: flex;
    flex-wrap: wrap;
    gap: 56px 30px;
    justify-content: center
}

@media screen and (max-width:567px) {
    .index-awards .awards-list[data-v-9c1fb636] {
        gap: 40px 15px
    }
}

.index-awards .awards-list .awards-list-item[data-v-9c1fb636] {
    max-width: 285px;
    text-align: center
}

@media screen and (max-width:567px) {
    .index-awards .awards-list .awards-list-item[data-v-9c1fb636] {
        max-width: 160px
    }
}

.index-awards .awards-list .awards-list-item .award-image[data-v-9c1fb636] {
    height: 100px;
    margin-bottom: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 285px
}

@media screen and (max-width:567px) {
    .index-awards .awards-list .awards-list-item .award-image[data-v-9c1fb636] {
        height: 72px;
        width: 160px
    }
}

.index-awards .awards-list .awards-list-item .award-text[data-v-9c1fb636] {
    font-weight: 500;
    line-height: 1.5;
    min-height: 48px;
    word-break: break-word
}

.index-reviews-wrap._white[data-v-1ff972b6] {
    background-color: #fff;
    padding-top: 100px
}

.index-reviews-wrap .index-awards[data-v-1ff972b6] {
    padding-bottom: 100px
}

@media screen and (max-width:567px) {
    .index-reviews-wrap._white[data-v-1ff972b6] {
        padding-top: 80px
    }

    .index-reviews-wrap .index-awards[data-v-1ff972b6] {
        padding-bottom: 80px
    }
}

.index-reviews[data-v-1ff972b6] {
    padding-bottom: 100px;
    padding-top: 100px
}

.index-reviews__container .flex-wrap[data-v-1ff972b6] {
    display: flex;
    flex-direction: column-reverse
}

.index-reviews__title[data-v-1ff972b6] {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 80px;
    text-align: center
}

.index-reviews__review-text[data-v-1ff972b6] {
    background: #fff;
    border-radius: 16px;
    color: #000;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.3;
    margin: 40px 24px 0;
    padding: 56px;
    text-align: center
}

.index-reviews__review-text-cn[data-v-1ff972b6] {
    font-style: normal
}

@media screen and (max-width:1540px) {
    .index-reviews[data-v-1ff972b6] {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width:567px) {
    .index-reviews[data-v-1ff972b6] {
        padding-bottom: 0;
        padding-top: 0
    }

    .index-reviews__title[data-v-1ff972b6] {
        margin-bottom: 32px;
        padding: 0 10%
    }

    .index-reviews__review-text[data-v-1ff972b6] {
        font-size: 14px !important;
        margin-top: 0 !important;
        padding: 24px
    }
}

.index-reviews .review-main[data-v-1ff972b6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1704px;
    width: 100%;
}

.index-reviews .review-main__item[data-v-1ff972b6] {
    cursor: pointer;
    transition: all .3s;
    width: 11.6%
}

.index-reviews .review-main__image-wrap[data-v-1ff972b6] {
    width: 100%
}

.index-reviews .review-main__image-wrap img[data-v-1ff972b6] {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:567px) {
    .index-reviews .review-main[data-v-1ff972b6] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        margin-bottom: 32px;
        grid-gap: 10px;
        gap: 10px;
    }

    .index-reviews .review-main__item[data-v-1ff972b6] {
        width: auto
    }
}

.ytb-swiper[data-v-35f51c8b] {
    position: relative
}

.ytb-swiper .swiper-container[data-v-35f51c8b] {
    width: 100%
}

.ytb-swiper .swiper-slide[data-v-35f51c8b] {
    text-align: center;
    width: 484px
}

@media screen and (max-width:484px) {
    .ytb-swiper .swiper-slide[data-v-35f51c8b] {
        width: 100%
    }
}

.ytb-swiper .swiper-slide .clickable-area[data-v-35f51c8b] {
    cursor: pointer
}

.ytb-swiper .swiper-slide .sl--img[data-v-35f51c8b] {
    border-radius: 16px;
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
    width: 100%
}

.ytb-swiper .swiper-slide .sl--img .main-img[data-v-35f51c8b] {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.ytb-swiper .swiper-slide .sl--img .hover-fg[data-v-35f51c8b] {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    visibility: hidden;
    width: 100%
}

.ytb-swiper .swiper-slide .sl--img .hover-fg .play-icon[data-v-35f51c8b] {
    height: 80px;
    width: 113px
}

@media screen and (max-width:567px) {
    .ytb-swiper .swiper-slide .sl--img .hover-fg .play-icon[data-v-35f51c8b] {
        height: 55px;
        width: 78px
    }
}

.ytb-swiper .swiper-slide:hover .sl--img .main-img[data-v-35f51c8b] {
    transform: scale(1.1)
}

.ytb-swiper .swiper-slide:hover .sl--img .hover-fg[data-v-35f51c8b] {
    opacity: 1;
    visibility: visible
}

.ytb-swiper .swiper-slide .sl--desc[data-v-35f51c8b] {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-top: 10px
}

.ytb-swiper .swiper-slide .sl--desc .avatar[data-v-35f51c8b] {
    border-radius: 100px;
    display: block;
    height: 50px;
    width: 50px
}

.ytb-swiper .swiper-slide .sl--desc .title[data-v-35f51c8b] {
    color: #000;
    font-size: 18px;
    font-weight: 700
}

@media screen and (max-width:567px) {
    .ytb-swiper .swiper-slide .sl--desc[data-v-35f51c8b] {
        background-color: #fff;
        border-radius: 16px;
        gap: 16px;
        justify-content: center;
        margin-top: 8px;
        padding: 16px
    }

    .ytb-swiper .swiper-slide .sl--desc .avatar[data-v-35f51c8b] {
        height: 32px;
        width: 32px
    }

    .ytb-swiper .swiper-slide .sl--desc .title[data-v-35f51c8b] {
        font-size: 16px
    }
}

.ytb-swiper .swiper-button-prev[data-v-35f51c8b] {
    left: calc(50vw - 640px);
    right: auto;
    text-align: center
}

@media screen and (max-width:1024px) {
    .ytb-swiper .swiper-button-prev[data-v-35f51c8b] {
        left: 2%
    }
}

@media screen and (max-width:567px) {
    .ytb-swiper .swiper-button-prev[data-v-35f51c8b] {
        left: 2px
    }
}

.ytb-swiper .swiper-button-next[data-v-35f51c8b] {
    right: calc(50vw - 640px);
    text-align: center
}

@media screen and (max-width:1024px) {
    .ytb-swiper .swiper-button-next[data-v-35f51c8b] {
        right: 2%
    }
}

@media screen and (max-width:567px) {
    .ytb-swiper .swiper-button-next[data-v-35f51c8b] {
        right: 2px
    }
}

.ytb-swiper .swiper-button-next[data-v-35f51c8b],
.ytb-swiper .swiper-button-prev[data-v-35f51c8b] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    top: 37.5%;
    transition: all .3s;
    width: 80px
}

.ytb-swiper .swiper-button-next[data-v-35f51c8b]:hover,
.ytb-swiper .swiper-button-prev[data-v-35f51c8b]:hover {
    transform: scale(1.1)
}

.ytb-swiper .swiper-button-next[data-v-35f51c8b]:active,
.ytb-swiper .swiper-button-prev[data-v-35f51c8b]:active {
    transform: scale(.9)
}

@media screen and (max-width:567px) {

    .ytb-swiper .swiper-button-next[data-v-35f51c8b],
    .ytb-swiper .swiper-button-prev[data-v-35f51c8b] {
        height: 40px;
        width: 40px
    }
}

.ytb-swiper--style-v2 .swiper-container[data-v-35f51c8b] {
    padding-bottom: 60px
}

.ytb-swiper--style-v2 .swiper-button-prev[data-v-35f51c8b] {
    background-image: none;
    left: calc(50vw - 150px)
}

.ytb-swiper--style-v2 .swiper-button-next[data-v-35f51c8b] {
    background-image: none;
    right: calc(50vw - 150px)
}

.ytb-swiper--style-v2 .swiper-button-next[data-v-35f51c8b],
.ytb-swiper--style-v2 .swiper-button-prev[data-v-35f51c8b] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #000;
    border-radius: 20px;
    height: 32px;
    padding-top: 3px;
    top: 95%;
    transition: all .3s;
    width: 56px
}

.ytb-prompt-wrap[data-v-41462eab] {
    background: #000
}

.ytb-prompt-wrap[data-v-41462eab] .prompt-window-modal {
    height: 95%;
    max-width: 100%;
    width: 95%
}

.ytb-prompt-wrap .youtube-frame[data-v-41462eab] {
    height: 100%;
    width: 100%
}

.ytb-prompt-wrap .btn-close[data-v-41462eab] {
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    height: 40px;
    position: fixed;
    right: 5px;
    text-shadow: 0 0 5px #000;
    top: 5px;
    width: 40px
}

.ytb-prompt-wrap .btn-close[data-v-41462eab]:hover {
    background: #25A2C0
}

.ytb-swiper-v3[data-v-5884a24b] {
    position: relative
}

.ytb-swiper-v3 .swiper-container[data-v-5884a24b] {
    width: 100%
}

.ytb-swiper-v3 .swiper-slide[data-v-5884a24b] {
    border-radius: 16px;
    overflow: hidden;
    text-align: center;
    width: 960px
}

@media screen and (max-width:484px) {
    .ytb-swiper-v3 .swiper-slide[data-v-5884a24b] {
        width: 100%
    }
}

.ytb-swiper-v3 .swiper-slide .clickable-area[data-v-5884a24b] {
    cursor: pointer
}

.ytb-swiper-v3 .swiper-slide .sl--img[data-v-5884a24b] {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.ytb-swiper-v3 .swiper-slide .sl--img .main-img[data-v-5884a24b] {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.ytb-swiper-v3 .swiper-slide .sl--img .hover-fg[data-v-5884a24b] {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    visibility: hidden;
    width: 100%
}

.ytb-swiper-v3 .swiper-slide .sl--img .hover-fg .play-icon[data-v-5884a24b] {
    height: 80px;
    width: 113px
}

.ytb-swiper-v3 .swiper-slide:hover .sl--img .main-img[data-v-5884a24b] {
    transform: scale(1.1)
}

.ytb-swiper-v3 .swiper-slide:hover .sl--img .hover-fg[data-v-5884a24b] {
    opacity: 1;
    visibility: visible
}

.ytb-swiper-v3 .swiper-button-prev[data-v-5884a24b] {
    left: 16px
}

.ytb-swiper-v3 .swiper-button-next[data-v-5884a24b] {
    right: 16px
}

.ytb-swiper-v3 .swiper-button-next[data-v-5884a24b],
.ytb-swiper-v3 .swiper-button-prev[data-v-5884a24b] {
    background: none;
    display: flex;
    height: auto;
    margin-top: 0;
    position: absolute;
    top: 20px;
    transform: scale(1.33);
    transform-origin: center;
    width: auto
}

.ytb-swiper-v3 .navigation-wrap[data-v-5884a24b] {
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: hsla(0, 0%, 100%, .64);
    border-radius: 16px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08);
    display: flex;
    height: 64px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 944px;
    position: relative;
    transform: translateY(-72px);
    z-index: 10
}

.ytb-swiper-v3 .current-desc[data-v-5884a24b] {
    align-items: center;
    display: flex;
    gap: 20px
}

.ytb-swiper-v3 .current-desc .avatar[data-v-5884a24b] {
    border-radius: 100px;
    display: block;
    height: 50px;
    width: 50px
}

.ytb-swiper-v3 .current-desc .title[data-v-5884a24b] {
    color: #000;
    font-size: 18px;
    font-weight: 700
}

@media screen and (max-width:567px) {
    .ytb-swiper-v3 .current-desc[data-v-5884a24b] {
        justify-content: center
    }
}

.section-ytb-swiper[data-v-7d522907] {
    padding: 0 0 200px
}

.section-ytb-swiper .text-h1[data-v-7d522907] {
    line-height: 1.2;
    margin-bottom: 100px;
    text-align: center
}

.section-ytb-swiper.tiny-4k-fix[data-v-7d522907] {
    padding: 120px 0
}

@media screen and (max-width:567px) {
    .section-ytb-swiper[data-v-7d522907] {
        padding: 0 0 100px
    }

    .section-ytb-swiper .text-h1[data-v-7d522907] {
        font-size: 25px;
        margin-bottom: 50px;
        padding: 20px
    }

    .section-ytb-swiper.tiny-4k-fix[data-v-7d522907] {
        padding: 100px 0
    }
}

.news-cards-wrap[data-v-721b7514] {
    margin: 60px auto 30px
}

@media screen and (max-width:1024px) {
    .news-cards-wrap[data-v-721b7514] {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (max-width:567px) {
    .news-cards-wrap[data-v-721b7514] {
        margin-bottom: 10px
    }
}

.news-cards-wrap .cards-list[data-v-721b7514] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

@media screen and (max-width:1024px) {
    .news-cards-wrap .cards-list[data-v-721b7514] {
        flex-wrap: nowrap;
        gap: 8px;
        justify-content: flex-start;
        overflow-y: auto;
        padding-left: 20px;
        padding-right: 20px
    }

    .news-cards-wrap .cards-list[data-v-721b7514]:after {
        content: "";
        flex: 0 0 1px
    }
}

.news-cards-wrap .cards-list .list-item[data-v-721b7514] {
    background-color: #616161;
    border-radius: 16px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    transition: box-shadow .3s;
    width: 32%
}

@media screen and (max-width:567px) {
    .news-cards-wrap .cards-list .list-item[data-v-721b7514] {
        border-radius: 16px;
        flex-shrink: 0;
        width: 95%
    }
}

.news-cards-wrap .cards-list .list-item.__placeholder[data-v-721b7514] {
    visibility: hidden
}

@media screen and (max-width:567px) {
    .news-cards-wrap .cards-list .list-item.__placeholder[data-v-721b7514] {
        display: none
    }
}

.news-cards-wrap .cards-list .list-item[data-v-721b7514]:hover {
    box-shadow: 0 14px 30px 0 rgba(0, 0, 0, .28)
}

.news-cards-wrap .cards-list .list-item:hover .__bg[data-v-721b7514] {
    transform: scale(1.1)
}

.news-cards-wrap .cards-list .list-item[data-v-721b7514]:before {
    content: "";
    display: block;
    padding-bottom: 121%
}

.news-cards-wrap .cards-list .list-item .__bg[data-v-721b7514],
.news-cards-wrap .cards-list .list-item .__fg[data-v-721b7514] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s
}

.news-cards-wrap .cards-list .list-item .__bg img[data-v-721b7514] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.news-cards-wrap .cards-list .list-item .__fg[data-v-721b7514] {
    align-items: flex-end;
    background: linear-gradient(0deg, rgba(0, 0, 0, .56), transparent 50%);
    display: flex;
    line-height: 1.2;
    opacity: 1;
    padding: 50px
}

@media screen and (max-width:567px) {
    .news-cards-wrap .cards-list .list-item .__fg[data-v-721b7514] {
        padding: 30px
    }
}

.news-cards-wrap .cards-list .list-item .__fg .__content[data-v-721b7514] {
    word-break: break-word
}

.news-cards-wrap .cards-list .list-item .__fg h4[data-v-721b7514] {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 16px;
    -webkit-line-clamp: 3
}

.news-cards-wrap .cards-list .list-item .__fg h4[data-v-721b7514],
.news-cards-wrap .cards-list .list-item .__fg p[data-v-721b7514] {
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-cards-wrap .cards-list .list-item .__fg p[data-v-721b7514] {
    font-size: 16px;
    font-weight: 300;
    word-break: break-word;
    -webkit-line-clamp: 4
}

.index-more[data-v-ddb60996] {
    padding: 70px 0 120px
}

.index-more__container[data-v-ddb60996] {
    display: flex;
    gap: 200px;
    justify-content: center
}

@media screen and (max-width:1600px) {
    .index-more__container[data-v-ddb60996] {
        gap: 100px
    }
}

@media screen and (max-width:1024px) {
    .index-more__container[data-v-ddb60996] {
        gap: 50px
    }
}

@media screen and (max-width:567px) {
    .index-more__container[data-v-ddb60996] {
        gap: 0
    }

    .index-more[data-v-ddb60996] {
        padding: 50px 0 80px
    }

    .index-more__container[data-v-ddb60996] {
        padding: 0
    }
}

.index-more .feat-item[data-v-ddb60996] {
    text-align: center
}

.index-more .feat-item__icon[data-v-ddb60996] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 17px
}

.index-more .feat-item__icon img[data-v-ddb60996] {
    height: 50px;
    width: 50px
}

.index-more .feat-item__title[data-v-ddb60996] {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 20px
}

@media screen and (max-width:567px) {
    .index-more .feat-item__icon[data-v-ddb60996] {
        margin-bottom: 16px
    }

    .index-more .feat-item__icon img[data-v-ddb60996] {
        height: 32px;
        width: 32px
    }

    .index-more .feat-item__title[data-v-ddb60996] {
        font-size: 14px;
        margin-bottom: 0
    }

    .index-more .feat-item__link[data-v-ddb60996] .ob-button {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.bts-banner[data-v-f3df1aa8] {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    display: flex;
    height: 120px;
    justify-content: center;
    width: 100%
}

.bts-banner .bts-banner-inner[data-v-f3df1aa8] {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 700px
}

.bts-banner .bts-banner-inner .banner-title[data-v-f3df1aa8] {
    font-family: Rubik-MediumItalic, Rubik;
    font-size: 24px;
    font-style: italic;
    font-weight: 700
}

.bts-banner .bts-banner-inner[data-v-f3df1aa8] .banner-subtitle {
    font-size: 18px;
    font-weight: 400;
    margin-top: 5px
}

.bts-banner .bts-banner-inner[data-v-f3df1aa8] .banner-subtitle ._a {
    color: #e60044
}

@media screen and (max-width:567px) {
    .bts-banner .bts-banner-inner[data-v-f3df1aa8] {
        margin-left: 30px;
        margin-right: auto
    }

    .bts-banner .bts-banner-inner.isFixPadding[data-v-f3df1aa8] {
        margin-left: 20px
    }

    .bts-banner .bts-banner-inner .banner-title[data-v-f3df1aa8] {
        font-size: 18px;
        margin-bottom: 8px
    }

    .bts-banner .bts-banner-inner .banner-subtitle[data-v-f3df1aa8] {
        font-size: 14px
    }
}

.home-swiper[data-v-b45df858] {
    background-color: #fff;
    padding-bottom: 16px;
    padding-top: 60px
}

.home-swiper .swiper-slide[data-v-b45df858] {
    height: 600px;
    width: 100%
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-slide[data-v-b45df858] {
        height: 480px
    }
}

.home-swiper .swiper-slide .container[data-v-b45df858] {
    padding: 56px 0 0;
    text-align: center
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-slide .container[data-v-b45df858] {
        padding-left: 20px;
        padding-right: 20px
    }
}

.home-swiper .swiper-slide .container .s-tips[data-v-b45df858] {
    background: #25A2C0;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 16px;
    padding: 1px 28px
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-slide .container .s-tips[data-v-b45df858] {
        margin-bottom: 8px;
        padding: 1px 22px
    }
}

.home-swiper .swiper-slide .container .s-subtitle[data-v-b45df858] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 24px
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-slide .container .s-subtitle[data-v-b45df858] {
        margin-bottom: 16px
    }
}

.home-swiper .swiper-slide .container .s-title[data-v-b45df858] {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 40px
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-slide .container .s-title[data-v-b45df858] {
        font-size: 32px
    }
}

.home-swiper .swiper-slide .container .s-logo[data-v-b45df858] {
    display: block;
    height: 32px;
    margin: 24px auto 40px;
    width: auto
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-slide .container .s-logo[data-v-b45df858] {
        height: 24px;
        margin-top: 16px
    }
}

.home-swiper .swiper-slide .container .s-button[data-v-b45df858]:not(.home-swiper .swiper-slide .container .s-button:hover) {
    color: inherit
}

.home-swiper .swiper-button[data-v-b45df858] {
    height: 64px;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
    width: 64px
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-button[data-v-b45df858] {
        display: none
    }
}

.home-swiper .swiper-button.swiper-button-next[data-v-b45df858] {
    background-image: url(../image/icon_right.b4a0699.svg);
    background-size: cover;
    right: 104px
}

.home-swiper .swiper-button.swiper-button-prev[data-v-b45df858] {
    background-image: url(../image/icon_left.bec1d9c.svg);
    background-size: cover;
    left: 104px
}

@media screen and (max-width:567px) {
    .home-swiper .swiper-button[data-v-b45df858] {
        height: 44px;
        width: 44px
    }

    .home-swiper .swiper-button.swiper-button-next[data-v-b45df858] {
        right: 20px
    }

    .home-swiper .swiper-button.swiper-button-prev[data-v-b45df858] {
        left: 20px
    }
}

.home-swiper:hover .swiper-button[data-v-b45df858] {
    opacity: 1
}

@keyframes progress-b45df858 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.home-swiper[data-v-b45df858] .swiper-pagination {
    bottom: 7px
}

.home-swiper[data-v-b45df858] .swiper-pagination .swiper-pagination-bullet {
    background: rgba(0, 0, 0, .32);
    border-radius: 1px;
    height: 2px;
    opacity: 1;
    transition: all .5s;
    width: 16px
}

.home-swiper[data-v-b45df858] .swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
    width: 48px
}

.home-swiper[data-v-b45df858] .swiper-pagination .swiper-pagination-bullet-active:before {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-name: progress-b45df858;
    animation-timing-function: linear;
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0
}

@media screen and (max-width:567px) {
    .home-swiper[data-v-b45df858] .swiper-pagination {
        bottom: 5px
    }
}

.kr-activity-prompt .prompt-window-modal {
    max-width: 100% !important;
    width: 100%
}

.kr-activity-prompt .scrollable-content-wrap {
    align-items: flex-start;
    display: flex;
    height: 100vh;
    justify-content: center;
    overflow: auto;
    width: 100%
}

.kr-activity-prompt .cover-wrap {
    display: block;
    margin-bottom: 30px;
    margin-top: 15vh;
    position: relative
}

.kr-activity-prompt .cover-wrap .close-row {
    display: flex;
    height: 0;
    justify-content: flex-end;
    position: sticky;
    top: 0
}

.kr-activity-prompt .cover-wrap .close-row .btn-close {
    display: flex;
    height: 44px;
    width: 44px
}

.kr-activity-prompt .cover-img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 450px
}

@media screen and (max-width:567px) {
    .kr-activity-prompt .cover-img {
        height: auto;
        width: 100%
    }
}

.card-item[data-v-3bef4ae2] {
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
    transition: all .3s
}

.card-item[data-v-3bef4ae2]:hover {
    box-shadow: 0 14px 30px 0 rgba(0, 0, 0, .28)
}

.card-item:hover .__bg[data-v-3bef4ae2] {
    transform: scale(1.1)
}

.card-item:hover .__fg[data-v-3bef4ae2] {
    background: rgba(0, 0, 0, .5)
}

.card-item .__bg[data-v-3bef4ae2],
.card-item .__fg[data-v-3bef4ae2] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s
}

@media screen and (max-width:567px) {
    .card-item[data-v-3bef4ae2] {
        flex: initial
    }
}

.card-item .card-title[data-v-3bef4ae2] {
    bottom: 32px;
    color: #fff;
    font-weight: 700;
    left: 16px;
    line-height: 1.25;
    position: absolute;
    right: 16px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, .314);
    z-index: 2
}

@media screen and (max-width:567px) {
    .card-item .card-title[data-v-3bef4ae2] {
        bottom: 8px;
        font-size: 14px !important
    }
}

.index-solution-wrap[data-v-120f1158] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    padding-bottom: 180px
}

@media screen and (max-width:567px) {
    .index-solution-wrap[data-v-120f1158] {
        margin-top: 80px;
        padding-bottom: 120px
    }

    .index-solution-wrap .container[data-v-120f1158] {
        padding: 0
    }
}

.index-solution-wrap .index-solution-title[data-v-120f1158] {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 60px;
    text-align: center
}

@media screen and (max-width:567px) {
    .index-solution-wrap .index-solution-title[data-v-120f1158] {
        margin-bottom: 30px
    }
}

.index-solution-wrap .index-solution[data-v-120f1158] {
    align-items: center;
    display: flex;
    gap: 24px;
    padding: 0;
    width: 100%
}

.index-solution-wrap .index-solution .s-col[data-v-120f1158] {
    display: flex;
    gap: 24px
}

.index-solution-wrap .index-solution .h-split[data-v-120f1158] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between
}

.index-solution-wrap .index-solution-mobile[data-v-120f1158] {
    padding: 0 20px;
    width: 100%
}

.index-solution-wrap .index-solution-mobile .mobile-grid[data-v-120f1158] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 7px;
    gap: 7px;
    margin-top: 8px
}

.index-solution-wrap .index-solution-mobile .solution-list[data-v-120f1158] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.index-solution-wrap .learn-more-link[data-v-120f1158] {
    margin-top: 24px;
    text-align: center
}

@media screen and (max-width:567px) {
    .index-solution-wrap .learn-more-link[data-v-120f1158] {
        margin-top: 16px
    }
}

.home-swiper-full {
    background-color: #fafafa;
    color: #fff;
    position: relative
}

.home-swiper-full .grid-cols-2 {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 24px;
    gap: 24px
}

.home-swiper-full .multiple-cols_2:first-child {
    border-radius: 0 16px 16px 0
}

.home-swiper-full .multiple-cols_2:nth-child(2) {
    border-radius: 16px 0 0 16px
}

.home-swiper-full .multiple-cols_2 .w-100 {
    width: 100%
}

.home-swiper-full .loading-placeholder {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

@media screen and (max-width:567px) {
    .home-swiper-full {
        margin-top: 60px
    }
}

.home-swiper-full.lightBg {
    background-color: #fafafa;
    color: #000
}

.home-swiper-full.lightBg .swiper-button:hover {
    background-color: rgba(0, 0, 0, .16)
}

.home-swiper-full .swiper-slide {
    background-color: #fafafa;
    color: inherit;
    height: auto;
    min-height: 840px;
    width: 100%
}

@media screen and (max-height:840px) {
    .home-swiper-full .swiper-slide {
        height: 100vh;
        min-height: 360px
    }
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-slide {
        height: 700px
    }
}

.home-swiper-full .swiper-slide .container>* {
    opacity: 0;
    transform: translateY(25px)
}

.home-swiper-full .swiper-slide .auto-ratio-box {
    height: 100%
}

.home-swiper-full .swiper-slide.swiper-slide-active .container>* {
    opacity: 1;
    transform: none;
    transition: all .4s
}

.home-swiper-full .swiper-slide.swiper-slide-active .container>:first-child {
    transition-delay: .3s
}

.home-swiper-full .swiper-slide.swiper-slide-active .container>:nth-child(2) {
    transition-delay: .4s
}

.home-swiper-full .swiper-slide.swiper-slide-active .container>:nth-child(3) {
    transition-delay: .5s
}

.home-swiper-full .swiper-slide.swiper-slide-active .container>:nth-child(4) {
    transition-delay: .6s
}

.home-swiper-full .swiper-slide.swiper-slide-active .container>:nth-child(5) {
    transition-delay: .7s
}

.home-swiper-full .swiper-slide .container {
    padding: 100px 0 0;
    text-align: center
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-slide .container {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 47px
    }
}

.home-swiper-full .swiper-slide .container .s-tips {
    background: #25A2C0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 17px;
    padding: 2px 8px
}

.home-swiper-full .swiper-slide .container .s-tips.cyan-white {
    background: linear-gradient(135deg, #a0ece6, #45cdd5)
}

.home-swiper-full .swiper-slide .container .s-tips.cyan {
    background: linear-gradient(135deg, #6d67ff, #47e1ea)
}

.home-swiper-full .swiper-slide .container .s-tips.gray {
    background: linear-gradient(135deg, #686868, #999)
}

.home-swiper-full .swiper-slide .container .s-tips.orange {
    background: linear-gradient(135deg, #ff6940, #ffc944)
}

.home-swiper-full .swiper-slide .container .s-tips.green-blue {
    background: linear-gradient(135deg, #0ddf93, #00a1ff)
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-slide .container .s-tips {
        margin-bottom: 17px;
        padding: 1px 8px
    }
}

.home-swiper-full .swiper-slide .container .s-subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 40px
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-slide .container .s-subtitle {
        font-size: 14px;
        font-weight: 400
    }
}

.home-swiper-full .swiper-slide .container .s-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-slide .container .s-title {
        font-size: 32px
    }
}

.home-swiper-full .swiper-slide .container .s-logo {
    display: block;
    height: 32px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    width: auto
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-slide .container .s-logo {
        height: 24px
    }
}

.home-swiper-full .swiper-slide .container .s-button {
    font-size: 16px;
    padding: 10px 32px
}

.home-swiper-full .swiper-slide .container .s-button:not(.home-swiper-full .swiper-slide .container .s-button:hover) {
    color: inherit
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-slide .container .s-button {
        padding: 10px 18px
    }
}

.home-swiper-full .swiper-button {
    align-items: center;
    background-size: 32px;
    border-radius: 16px;
    display: flex;
    height: 104px;
    justify-content: center;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
    width: 48px
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-button {
        display: none
    }
}

.home-swiper-full .swiper-button:hover {
    background-color: hsla(0, 0%, 100%, .16)
}

.home-swiper-full .swiper-button:hover .btn-img {
    opacity: 1
}

.home-swiper-full .swiper-button .btn-img {
    color: inherit;
    display: flex;
    opacity: .16;
    transform: scale(1.4);
    transition: all .5s
}

.home-swiper-full .swiper-button .btn-img .css-arrow-btn:after {
    content: "";
    height: 72px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

.home-swiper-full .swiper-button.swiper-button-next {
    background-image: none;
    right: 8px
}

.home-swiper-full .swiper-button.swiper-button-prev {
    background-image: none;
    left: 8px
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-button {
        height: 44px;
        width: 44px
    }

    .home-swiper-full .swiper-button.swiper-button-next {
        right: 20px
    }

    .home-swiper-full .swiper-button.swiper-button-prev {
        left: 20px
    }
}

@keyframes progress {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-pagination {
        bottom: 16px
    }
}

@media screen and (max-width:567px)and (min-width:567px) {
    .home-swiper-full .swiper-pagination {
        display: none
    }
}

@media screen and (max-width:567px) {
    .home-swiper-full .swiper-pagination .swiper-pagination-bullet {
        background: currentColor;
        border-radius: 2px;
        height: 2px;
        opacity: .24;
        width: 24px
    }

    .home-swiper-full .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1
    }
}

@media screen and (max-width:567px)and (max-width:567px) {
    .home-swiper-full .swiper-pagination {
        bottom: 5px
    }
}

@media screen and (min-width:567px) {
    .home-swiper-full .p-numbers {
        align-items: center;
        bottom: 42px;
        display: flex;
        gap: 24px;
        left: 32px;
        position: absolute;
        z-index: 10
    }

    .home-swiper-full .p-numbers .p-number {
        color: inherit;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        opacity: .32
    }

    .home-swiper-full .p-numbers .p-number.active {
        opacity: 1
    }

    .home-swiper-full .swiper-pagination {
        bottom: 32px;
        margin: 0;
        padding-left: 32px;
        text-align: left
    }

    .home-swiper-full .swiper-pagination.disabled .swiper-pagination-bullet-active {
        display: none
    }

    .home-swiper-full .swiper-pagination.disabled .swiper-pagination-bullet-active:before {
        opacity: 0
    }

    .home-swiper-full .swiper-pagination .swiper-pagination-bullet {
        background: hsla(0, 0%, 100%, .32);
        border-radius: 1px;
        display: none;
        height: 2px;
        opacity: 1;
        transition: all .5s linear;
        width: 160px
    }

    .home-swiper-full .swiper-pagination .swiper-pagination-bullet-active {
        display: block;
        position: relative;
        width: 160px
    }

    .home-swiper-full .swiper-pagination .swiper-pagination-bullet-active:before {
        animation-duration: 8s;
        animation-fill-mode: forwards;
        animation-name: progress;
        animation-timing-function: linear;
        background-color: currentColor;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        right: auto;
        top: 0
    }
}

@media screen and (min-width:567px)and (max-width:567px) {
    .home-swiper-full .swiper-pagination {
        bottom: 5px
    }
}

@media screen and (max-width:567px) {
    .home-swiper-full .pTail2Preheat-container {
        height: 100%;
        position: relative
    }
}

.cn-home-banner[data-v-1abae3cf] {
    background-image: url(../image/pic_bg_2x_4_654e983b.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 120px;
    padding: 20px;
    width: 100%
}

@media screen and (max-width:567px) {
    .cn-home-banner[data-v-1abae3cf] {
        background-image: url(../image/pic_bg_2x_3_663917b2.jpg);
        padding: 19px 25px
    }
}

.cn-home-banner .b-content[data-v-1abae3cf] {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

.cn-home-banner .b-content .img-logo[data-v-1abae3cf] {
    height: 12px
}

@media screen and (max-width:567px) {
    .cn-home-banner .b-content .img-logo[data-v-1abae3cf] {
        display: none
    }
}

.cn-home-banner .b-content .row-1[data-v-1abae3cf] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-top: 8px
}

@media screen and (max-width:567px) {
    .cn-home-banner .b-content .row-1[data-v-1abae3cf] {
        margin-bottom: 6px;
        margin-top: 0
    }
}

.cn-home-banner .b-content .row-1 .text-1[data-v-1abae3cf] {
    background: linear-gradient(45deg, #fe8199, #f53f5d);
    -webkit-background-clip: text;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    -webkit-text-fill-color: transparent;
    line-height: 1
}

@media screen and (max-width:567px) {
    .cn-home-banner .b-content .row-1 .text-1[data-v-1abae3cf] {
        font-size: 20px
    }
}

.cn-home-banner .b-content .text-2[data-v-1abae3cf] {
    background: linear-gradient(135deg, #fe8199, #f53f5d);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 5px 8px
}

@media screen and (max-width:567px) {
    .cn-home-banner .b-content .text-2[data-v-1abae3cf] {
        display: none
    }
}

.cn-home-banner .b-content .text-2._mobile[data-v-1abae3cf] {
    display: none
}

@media screen and (max-width:567px) {
    .cn-home-banner .b-content .text-2._mobile[data-v-1abae3cf] {
        display: inline-block;
        margin-top: 6px;
        padding: 3px 8px
    }
}

.cn-home-banner .b-content .row-2[data-v-1abae3cf] {
    color: #333;
    font-size: 16px
}

.cn-home-banner .b-content .row-2 br[data-v-1abae3cf] {
    display: none
}

@media screen and (max-width:567px) {
    .cn-home-banner .b-content .row-2[data-v-1abae3cf] {
        font-size: 12px;
        line-height: 1.3
    }

    .cn-home-banner .b-content .row-2 br[data-v-1abae3cf] {
        display: block
    }
}

.common-home-banner[data-v-b3cda3f4] {
    background-image: url(../image/3D5EFF4347664CFEB7EB444E88CB9697-6-2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 120px;
    padding: 20px;
    width: 100%
}

@media screen and (max-width:567px) {
    .common-home-banner[data-v-b3cda3f4] {
        background-image: url(../image/D83B09DCF7644F85859C43580E7D8471-6-2.jpg);
        padding: 19px 25px
    }
}

.common-home-banner .b-content[data-v-b3cda3f4] {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

@media screen and (max-width:567px) {
    .common-home-banner .b-content[data-v-b3cda3f4] {
        margin-left: 0;
        width: 187px
    }
}

.common-home-banner .b-content .img-logo[data-v-b3cda3f4] {
    height: 12px
}

@media screen and (max-width:567px) {
    .common-home-banner .b-content .img-logo[data-v-b3cda3f4] {
        display: none
    }
}

.common-home-banner .b-content .row-1[data-v-b3cda3f4] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 16px;
    margin-top: 8px
}

@media screen and (max-width:567px) {
    .common-home-banner .b-content .row-1[data-v-b3cda3f4] {
        margin-bottom: 8px;
        margin-top: 6px
    }
}

.common-home-banner .b-content .row-1 .text-1[data-v-b3cda3f4] {
    color: #fff;
    font-family: Rubik-BoldItalic, Rubik;
    font-size: 20px;
    font-style: italic;
    font-weight: 600
}

@media screen and (max-width:567px) {
    .common-home-banner .b-content .row-1 .text-1[data-v-b3cda3f4] {
        font-size: 16px
    }
}

.common-home-banner .b-content .row-2[data-v-b3cda3f4] {
    border: 1px solid #fff;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 3px 26px
}

.common-home-banner .b-content .row-2 br[data-v-b3cda3f4] {
    display: none
}

@media screen and (max-width:567px) {
    .common-home-banner .b-content .row-2[data-v-b3cda3f4] {
        font-size: 14px;
        line-height: 1.3;
        padding: 4px 20px
    }

    .common-home-banner .b-content .row-2 br[data-v-b3cda3f4] {
        display: block
    }
}

.mys-countdown>.container[data-v-53d5e04f] {
    align-items: center;
    display: flex;
    justify-content: center
}

@media screen and (max-width:567px) {
    .mys-countdown>.container[data-v-53d5e04f] {
        padding: 0
    }
}

.mys-countdown .banner-countdown .countdown-main[data-v-53d5e04f],
.mys-countdown .banner-countdown[data-v-53d5e04f] {
    display: flex
}

@media screen and (min-width:567px) {
    .mys-countdown .banner-countdown .countdown-main._mini .c-time[data-v-53d5e04f] {
        margin-left: 10px;
        margin-right: 10px;
        min-width: auto
    }

    .mys-countdown .banner-countdown .countdown-main._mini .c-time._first[data-v-53d5e04f] {
        margin-left: 0
    }
}

@media screen and (max-width:567px) {
    .mys-countdown .banner-countdown .countdown-main._mini .c-time[data-v-53d5e04f] {
        min-width: 60px
    }
}

.mys-countdown .banner-countdown .countdown-main._mini .c-time .time-box[data-v-53d5e04f] {
    background: #fff
}

.mys-countdown .banner-countdown .countdown-main._mini .c-time .time-desc[data-v-53d5e04f] {
    font-size: 14px
}

.mys-countdown .banner-countdown .c-split[data-v-53d5e04f] {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    margin-top: 8px
}

.mys-countdown .banner-countdown .c-time[data-v-53d5e04f] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 90px
}

.mys-countdown .banner-countdown .c-time .time-box[data-v-53d5e04f] {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    color: #000;
    display: flex;
    font-size: 32px;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 1;
    width: 56px
}

.mys-countdown .banner-countdown .c-time .time-desc[data-v-53d5e04f] {
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px
}

@media screen and (max-width:1024px) {
    .mys-countdown .banner-countdown[data-v-53d5e04f] {
        flex-direction: column;
        justify-content: center
    }

    .mys-countdown .banner-countdown .c-split[data-v-53d5e04f] {
        font-size: 24px
    }

    .mys-countdown .banner-countdown .c-time[data-v-53d5e04f] {
        min-width: 74px
    }

    .mys-countdown .banner-countdown .c-time .time-box[data-v-53d5e04f] {
        font-size: 24px;
        height: 44px;
        width: 44px
    }

    .mys-countdown .banner-countdown .c-time .time-desc[data-v-53d5e04f] {
        font-size: 14px
    }
}

.dialog-tip-wrap[data-v-bfd97be8] {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999
}

.dialog-tip-wrap .dialog-tip-main[data-v-bfd97be8] {
    background: #fff;
    border-radius: 26px;
    box-shadow: 0 24px 36px 8px rgba(0, 0, 0, .12);
    padding: 40px;
    text-align: center;
    width: 450px
}

@media screen and (max-width:567px) {
    .dialog-tip-wrap .dialog-tip-main[data-v-bfd97be8] {
        width: 320px
    }
}

.dialog-tip-wrap .dialog-tip-main img[data-v-bfd97be8] {
    display: inline-block;
    height: 82px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 82px
}

.dialog-tip-wrap .dialog-tip-main h1[data-v-bfd97be8] {
    font-size: 26px;
    line-height: 1.23;
    margin-bottom: 10px;
    margin-top: 25px
}

.dialog-tip-wrap .dialog-tip-main h1.email[data-v-bfd97be8],
.dialog-tip-wrap .dialog-tip-main h1.success[data-v-bfd97be8] {
    color: #3ebe56
}

.dialog-tip-wrap .dialog-tip-main h1.error[data-v-bfd97be8] {
    color: #dd203f
}

@media screen and (max-width:567px) {
    .dialog-tip-wrap .dialog-tip-main h1[data-v-bfd97be8] {
        font-size: 20px
    }
}

.dialog-tip-wrap .dialog-tip-main p[data-v-bfd97be8] {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.28
}

@media screen and (max-width:567px) {
    .dialog-tip-wrap .dialog-tip-main p[data-v-bfd97be8] {
        font-size: 12px
    }
}

.btn-join-community[data-v-2545f7cb] {
    align-items: center;
    background: #1877f2;
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    padding: 5px 46px;
    width: -moz-fit-content;
    width: fit-content
}

.btn-join-community img[data-v-2545f7cb] {
    height: 30px;
    margin-right: 8px;
    width: 30px
}

@media screen and (max-width:567px) {
    .btn-join-community[data-v-2545f7cb] {
        font-size: 14px;
        height: 40px;
        padding: 9px 10px;
        width: 100%
    }
}

.email-form-wrap[data-v-7a9d64a2] {
    align-items: center;
    display: flex
}

.email-form-wrap .input-email[data-v-7a9d64a2] {
    background: #fff;
    border: 1px solid #d8d8d8;
    display: block;
    font-size: 14px;
    height: 48px;
    padding-left: 24px;
    width: 350px
}

.email-form-wrap .btn-submit[data-v-7a9d64a2] {
    background: linear-gradient(135deg, #6d67ff, #47e1ea);
    border: none;
    display: block;
    height: 48px;
    margin-left: 24px;
    min-width: 200px
}

@media screen and (max-width:567px) {
    .email-form-wrap[data-v-7a9d64a2] {
        width: 100%
    }

    .email-form-wrap .input-email[data-v-7a9d64a2] {
        font-size: 14px;
        width: 227px
    }

    .email-form-wrap .btn-submit[data-v-7a9d64a2] {
        font-size: 12px;
        margin-left: 8px;
        min-width: 100px;
        padding-left: 14px;
        padding-right: 14px
    }
}

.t2l-countdown-subscribe .text-desc {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px
}

@media screen and (max-width:567px) {
    .t2l-countdown-subscribe .text-desc {
        font-size: 14px
    }
}

.t2l-countdown-subscribe .banner-countdown {
    color: #000;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    transform: scale(.8) !important;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:567px) {
    .t2l-countdown-subscribe .banner-countdown {
        margin-bottom: 28px
    }
}

.t2l-countdown-subscribe .email-form-wrap {
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content
}

.t2l-countdown-subscribe .email-form-wrap .input-email {
    border-radius: 28px;
    height: 40px;
    outline: none !important;
    width: 360px
}

.t2l-countdown-subscribe .email-form-wrap .ob-button {
    background: linear-gradient(180deg, #f40062, #25A2C0);
    border-radius: 28px;
    height: 40px;
    margin-left: -30px
}

@media screen and (max-width:567px) {
    .t2l-countdown-subscribe .email-form-wrap {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .t2l-countdown-subscribe .email-form-wrap .input-email {
        font-size: 16px;
        width: 100%
    }

    .t2l-countdown-subscribe .email-form-wrap .ob-button {
        font-size: 16px;
        margin-left: 0;
        margin-top: 16px;
        width: 100%
    }
}

.ch-hero[data-v-0a4ffaeb] {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    height: 900px;
    justify-content: center
}

@media (min-width:1536px) and (max-width:1900px) {
    .ch-hero[data-v-0a4ffaeb] {
        height: 750px
    }
}

@media (min-width:1280px) and (max-width:1530px) {
    .ch-hero[data-v-0a4ffaeb] {
        height: 600px
    }
}

@media screen and (max-width:567px) {
    .ch-hero[data-v-0a4ffaeb] {
        height: 550px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.ch-hero .hero-text-wrap[data-v-0a4ffaeb] {
    text-align: center
}

.ch-hero .hero-text-wrap .hero-h1[data-v-0a4ffaeb] {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media screen and (max-width:567px) {
    .ch-hero .hero-text-wrap .hero-h1[data-v-0a4ffaeb] {
        font-size: 32px;
        text-transform: inherit
    }

    .ch-hero .hero-text-wrap .ch-text[data-v-0a4ffaeb] {
        font-size: 14px
    }
}

.ch-hero .hero-text-wrap .btn-atk[data-v-0a4ffaeb] {
    margin-top: 24px;
    min-height: 48px;
    min-width: 240px
}

@media screen and (max-width:567px) {
    .ch-hero .hero-text-wrap .btn-atk[data-v-0a4ffaeb] {
        border-width: 2px
    }
}

.index-clouds[data-v-9b9c5e8a] {
    display: flex;
    gap: 24px;
    margin-bottom: 100px;
    margin-top: 60px;
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (max-width:1024px) {
    .index-clouds[data-v-9b9c5e8a] {
        flex-direction: column
    }
}

@media screen and (max-width:567px) {
    .index-clouds[data-v-9b9c5e8a] {
        gap: 80px;
        margin-bottom: 120px;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.index-clouds .cloud-item[data-v-9b9c5e8a] {
    background-color: #fff;
    border-radius: 16px
}

.index-clouds .cloud-item .cloud-item-inner[data-v-9b9c5e8a] {
    height: 100%;
    padding: 80px
}

@media screen and (max-width:1700px) {
    .index-clouds .cloud-item .cloud-item-inner[data-v-9b9c5e8a] {
        padding: 60px
    }
}

@media screen and (max-width:1600px) {
    .index-clouds .cloud-item .cloud-item-inner[data-v-9b9c5e8a] {
        padding: 50px
    }
}

@media screen and (max-width:567px) {
    .index-clouds .cloud-item .cloud-item-inner[data-v-9b9c5e8a] {
        padding: 40px 16px
    }
}

.index-clouds .cloud-item .left-side[data-v-9b9c5e8a] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    max-width: 41%
}

@media screen and (max-width:567px) {
    .index-clouds .cloud-item .left-side[data-v-9b9c5e8a] {
        height: auto;
        max-width: 100%;
        text-align: center
    }
}

.index-clouds .cloud-item .c-title[data-v-9b9c5e8a] {
    font-size: 32px;
    font-weight: 700
}

.index-clouds .cloud-item .c-desc[data-v-9b9c5e8a] {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 16px
}

@media screen and (max-width:1700px)and (min-width:1024px) {
    .index-clouds .cloud-item .c-title[data-v-9b9c5e8a] {
        font-size: 24px
    }
}

@media screen and (max-width:1600px)and (min-width:1024px) {
    .index-clouds .cloud-item .c-title[data-v-9b9c5e8a] {
        font-size: 20px
    }

    .index-clouds .cloud-item .c-desc[data-v-9b9c5e8a] {
        font-size: 14px
    }
}

@media screen and (max-width:567px) {
    .index-clouds .cloud-item .c-title[data-v-9b9c5e8a] {
        font-size: 24px
    }
}

.index-clouds .cloud-item .ls-below[data-v-9b9c5e8a] {
    margin-top: 8px
}

@media screen and (max-width:567px) {
    .index-clouds .cloud-item .ls-below[data-v-9b9c5e8a] {
        margin-top: 40px
    }
}

.index-clouds .cloud-item .btn-more[data-v-9b9c5e8a] {
    height: 40px;
    min-width: 160px
}

@media screen and (max-width:567px) {
    .index-clouds .cloud-item .btn-more[data-v-9b9c5e8a] {
        min-width: 120px
    }
}

.tail-2-preheat-end-countdown {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: rgba(35, 35, 38, .5);
    border-radius: 32px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .56);
    margin: 0 auto;
    padding: 16px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:567px) {
    .tail-2-preheat-end-countdown {
        bottom: 40px;
        left: 20px;
        position: absolute;
        right: 20px;
        width: auto
    }
}

.tail-2-preheat-end-countdown .p-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 8px
}

@media screen and (max-width:567px) {
    .tail-2-preheat-end-countdown .p-title {
        font-size: 18px;
        line-height: 24px
    }
}

.tail-2-preheat-end-countdown .mys-countdown {
    margin-bottom: 16px
}

@media screen and (max-width:567px) {
    .tail-2-preheat-end-countdown .mys-countdown {
        margin-bottom: 0
    }
}

.tail-2-preheat-end-countdown .mys-countdown .mys-countdown-container.container {
    opacity: 1;
    padding-top: 0;
    transform: none;
    width: -moz-fit-content;
    width: fit-content
}

.tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-split {
    font-size: 24px
}

@media screen and (max-width:567px) {
    .tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-split {
        font-size: 14px
    }
}

.tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-time {
    min-width: 78px
}

@media screen and (max-width:567px) {
    .tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-time {
        min-width: 60px
    }
}

.tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-time .time-box {
    background: #323234;
    color: #fff;
    font-size: 24px;
    height: 45px;
    width: 45px
}

@media screen and (max-width:567px) {
    .tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-time .time-box {
        font-size: 14px;
        height: 32px;
        width: 32px
    }
}

.tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-time .time-desc {
    font-size: 12px
}

@media screen and (min-width:567px) {
    .tail-2-preheat-end-countdown .mys-countdown .banner-countdown .c-time .time-desc {
        display: none
    }
}

@media screen and (max-width:567px) {
    .tail-2-preheat-end-countdown .a-buy {
        display: none
    }
}

.index-v2-page__grey-area[data-v-6159a572] {
    transition: all 1s
}

.index-v2-page__grey-area.active[data-v-6159a572] {
    background-color: #fafafa
}

.index-v2-page .linear-bg[data-v-6159a572] {
    background: linear-gradient(180deg, #fafafa, #fff)
}

.index-v2-page .trans-bg[data-v-6159a572] {
    background: none
}

.index-v2-page .section-ytb-swiper[data-v-6159a572] {
    padding: 100px 0
}

@media screen and (max-width:567px) {
    .index-v2-page .section-ytb-swiper[data-v-6159a572] {
        padding: 40px 0
    }
}

.index-v2-page .section-news[data-v-6159a572] {
    padding-bottom: 79px;
    padding-top: 100px
}

.index-v2-page .section-news[data-v-6159a572] .section-title {
    font-weight: 700;
    text-align: center
}

@media screen and (max-width:567px) {
    .index-v2-page .section-news[data-v-6159a572] {
        padding-bottom: 0;
        padding-top: 40px
    }

    .index-v2-page .section-news[data-v-6159a572] .section-title {
        padding-bottom: 10px
    }
}

.index-v2-page .text-xl {
    font-size: 40px
}

@media screen and (min-width:2300px) {
    .index-v2-page .text-xl {
        font-size: 56px
    }
}

@media screen and (max-width:1600px) {
    .index-v2-page .text-xl {
        font-size: 32px
    }
}

@media screen and (max-width:567px) {
    .index-v2-page .text-xl {
        font-size: 24px
    }
}

.index-v2-page .text-lg {
    font-size: 40px;
}

@media screen and (min-width:2300px) {
    .index-v2-page .text-lg {
        font-size: 40px
    }
}

@media screen and (max-width:1600px) {
    .index-v2-page .text-lg {
        font-size: 26px
    }
}

@media screen and (max-width:567px) {
    .index-v2-page .text-lg {
        font-size: 18px
    }
}

.index-v2-page .text-md {
    font-size: 16px
}

@media screen and (min-width:2300px) {
    .index-v2-page .text-md {
        font-size: 16px
    }
}

@media screen and (max-width:1600px) {
    .index-v2-page .text-md {
        font-size: 14px
    }
}

.index-v2-page .text-sm {
    font-size: 18px
}

@media screen and (min-width:2300px) {
    .index-v2-page .text-sm {
        font-size: 18px
    }
}

@media screen and (max-width:1600px) {
    .index-v2-page .text-sm {
        font-size: 16px
    }
}

.index-v2-page .text-xs {
    font-size: 18px
}

@media screen and (min-width:2300px) {
    .index-v2-page .text-xs {
        font-size: 18px
    }
}

@media screen and (max-width:1600px) {
    .index-v2-page .text-xs {
        font-size: 14px
    }
}