.kitty-container {
    background-color: #fff;
    letter-spacing: calc(-0.037em + 0.526px);
    --Kitty-navH: 76px;
    position: relative;
}

.kitty-container * {
    box-sizing: border-box;
}

.kitty-container picture {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.kitty-container sup {
    font-size: 0.6em;
    cursor: pointer;
}

.kitty-container a {
    font-size: inherit;
    color: inherit;
}

.kitty-container ul {
    list-style: none;
    list-style-image: none;
}

.kitty-container .nr {
    white-space: nowrap;
    display: inline-block;
}

.kitty-container img {
    width: 100%;
    height: auto;
    display: block;
    border: 0;
    vertical-align: bottom;
}

.kitty-container video {
    width: 100%;
    height: auto;
    border: 0;
    display: block;
    object-fit: cover;
}

.kitty-container .blur-up {
    filter: blur(10px);
    transition: filter .2s;
    -webkit-filter: blur(10px);
}

.kitty-container .blur-up.lazyloaded {
    filter: blur(0);
}

.kitty-container .show-mob {
    display: none;
}

.kitty-container .show-pc {
    display: block;
}

.kitty-container .show-mob-inline {
    display: none;
}

.kitty-container .show-pc-inline {
    display: inline;
}

.kitty-container .show-ie {
    display: none;
}

.kitty-container .hide-ie {
    display: block;
}

.kitty-container .kitty-section {
    position: relative;
}

.kitty-container .content-wrap {
    display: flex;
    flex-direction: column;
}

.kitty-container .big-title {
    color: #211d1e;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.kitty-container .text-p {
    color: #868686;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.6;
}



/* mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .show-mob {
        display: block;
    }

    .kitty-container .show-pc {
        display: none;
    }

    .kitty-container .show-mob-inline {
        display: inline-block;
    }

    .kitty-container .show-pc-inline {
        display: none;
    }

    .kitty-container .big-title {
        font-size: 6.6666666vw;
    }

    .kitty-container .text-p {
        font-size: 3.888888889vw;
    }
}

/* ie */
@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .kitty-container .show-ie {
        display: block;
    }

    .kitty-container .hide-ie {
        display: none;
    }
}

/* pc */
/* s1 start */
.kitty-container .kitty-s1 {
    width: 100%;
}

.kitty-container .kitty-s1 .kv-img {
    width: 100%;
}

.kitty-container .kitty-s1 .kv-text {
    margin: 2.083333vw auto 0;
    width: 25.364583vw;
}

.kitty-container .kitty-s1 .ksp-wrap {
    text-align: center;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    margin-top: 1.041667vw;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s1 .kv-img {
        width: 91.66666667vw;
        margin: 4.16666667vw auto 0;
    }

    .kitty-container .kitty-s1 .kv-text {
        margin: 12.5vw auto 23.194444vw;
        width: 70.833333vw;
    }

    .kitty-container .kitty-s1 .ksp-wrap {
        font-size: 3.333333vw;
        margin-top: 3.888889vw;
    }
}

/* s1 end */

/* bg-content start */
.kitty-container .bg-content {
    position: relative;
    background-image: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/wearables/kids-watch-5/assets/imgs/Huawei-kids-watch-5-product-highlights-bg.jpg);
    background-size: cover;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .bg-content {
        background-image: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/wearables/kids-watch-5/assets/imgs/Huawei-kids-watch-5-product-highlights-bg-mob.jpg);
    }
}

@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .kitty-container .bg-content {
        width: 100vw;
    }
}

/* bg-content end */

/* s2 start */
.kitty-container .kitty-s2 {
    padding-top: 10.416667vw;
}

.kitty-container .kitty-s2 .content-wrap {
    text-align: center;
}

.kitty-container .kitty-s2 .s2-love-wrap {
    margin: 1.875vw auto 0;
    width: 71.145833vw;
    display: flex;
    flex-flow: row wrap;
}

.kitty-s2 .s2-love-wrap .s2-love {
    position: relative;
    background: #fff;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    overflow: hidden;
    cursor: pointer;
}

.kitty-s2 .s2-love-wrap .s2-love1 {
    width: 24.6875vw;
    height: 29.375vw;
    margin: 0 1.25vw 0 0;
}

.kitty-s2 .s2-love-wrap .s2-love2 {
    width: 26.302083vw;
    height: 14.0625vw;
}

.kitty-s2 .s2-love-wrap .s2-love3 {
    width: 26.302083vw;
    height: 14.0625vw;
    margin: 15.364583vw 0 0 -26.302083vw;
}

.kitty-s2 .s2-love-wrap .s2-love4 {
    width: 17.552083vw;
    height: 29.375vw;
    margin: 0 0 0 1.25vw;
}

.kitty-s2 .s2-love-wrap .s2-love5 {
    width: 34.895833vw;
    height: 12.8125vw;
    margin: 1.25vw 1.25vw 0 0;
}

.kitty-s2 .s2-love-wrap .s2-love6 {
    width: 34.895833vw;
    height: 12.8125vw;
    margin: 1.25vw 0 0;
}

.kitty-s2 .s2-love .love-title {
    position: absolute;
    color: #1e2022;
    font-size: 1.354167vw;
    font-weight: 700;
    line-height: 1.25;
}

.kitty-s2 .s2-love1 .love-title {
    top: 3.4375vw;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.kitty-s2 .s2-love2 .love-title {
    top: 50%;
    left: 3.020833vw;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.kitty-s2 .s2-love3 .love-title {
    top: 3.958333vw;
    left: 2.760417vw;
}

.kitty-s2 .s2-love4 .love-title {
    top: 4.3vw;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    text-align: center;
}

.kitty-s2 .s2-love5 .love-title {
    top: 50%;
    left: 2.552083vw;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.kitty-s2 .s2-love6 .love-title {
    top: 50%;
    left: 4.010417vw;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.kitty-s2 .s2-love .arrow-container {
    position: absolute;
    right: 1.041667vw;
    bottom: 1.041667vw;
    width: 1.666667vw;
    height: 1.666667vw;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #f8f8f8;
}

.kitty-s2 .s2-love .arrow-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.kitty-s2 .s2-love:hover .arrow-wrap {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.kitty-s2 .s2-love .arrow-wrap img {
    height: 100%;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s2 {
        padding-top: 8.333333vw;
    }

    .kitty-container .kitty-s2 .s2-love-wrap {
        margin: 5.555556vw auto 0;
        width: 91.666667vw;
    }

    .kitty-s2 .s2-love-wrap .s2-love {
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
        -ms-border-radius: 2.777778vw;
        -o-border-radius: 2.777778vw;
    }

    .kitty-s2 .s2-love-wrap .s2-love1 {
        width: 50.833333vw;
        height: 79.722222vw;
        margin: 0 1.944444vw 0 0;
        order: 1;
    }

    .kitty-s2 .s2-love-wrap .s2-love1 img {
        transform: scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
    }

    .kitty-s2 .s2-love-wrap .s2-love2 {
        width: 38.888889vw;
        height: 45vw;
        order: 2;
    }

    .kitty-s2 .s2-love-wrap .s2-love3 {
        width: 91.666667vw;
        height: 26.805556vw;
        margin: 2.777778vw 0 0;
        order: 6;
    }

    .kitty-s2 .s2-love-wrap .s2-love4 {
        width: 38.888889vw;
        height: 31.944444vw;
        margin: 47.777778vw 0 0 -38.888889vw;
        order: 3;
    }

    .kitty-s2 .s2-love-wrap .s2-love5 {
        width: 35.277778vw;
        height: 25.277778vw;
        margin: 2.777778vw 1.944444vw 0 0;
        order: 4;
    }

    .kitty-s2 .s2-love-wrap .s2-love6 {
        width: 54.444444vw;
        height: 25.277778vw;
        margin: 2.777778vw 0 0;
        order: 5;
    }

    .kitty-s2 .s2-love .love-title {
        font-size: 3.611111vw;
    }

    .kitty-s2 .s2-love1 .love-title {
        top: 6.944444vw;
    }

    .kitty-s2 .s2-love2 .love-title {
        width: 80%;
        text-align: center;
        top: 6.944444vw;
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }

    .kitty-s2 .s2-love3 .love-title {
        left: 8.194444vw;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }

    .kitty-s2 .s2-love4 .love-title {
        top: 50%;
        left: 3.75vw;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        text-align: left;
    }

    .kitty-s2 .s2-love5 .love-title {
        top: 1.666667vw;
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }

    .kitty-s2 .s2-love6 .love-title {
        top: 50%;
        left: 4.444444vw;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }

    .kitty-s2 .s2-love .arrow-container {
        right: 2.083333vw;
        bottom: 2.083333vw;
        width: 3.3333333vw;
        height: 3.3333333vw;
    }


}

/* s2 end */

/* s3 start */
.kitty-container .kitty-s3 {
    margin-top: 10.416667vw;
    overflow: hidden;
    position: relative;
}

.kitty-container .kitty-s3 .s3-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
}

.kitty-container .kitty-s3 .s3-content2 {
    margin: -16.40625vw 0 0 22.1875vw;
}

.kitty-container .kitty-s3 .s3-bg {
    position: absolute;
}

.kitty-container .kitty-s3 .s3-img {
    position: relative;
}

.kitty-container .kitty-s3 .s3-img1 {
    width: 41.145833vw;
    margin: 0 0 0 12.03125vw;
}

.kitty-container .kitty-s3 .s3-img2 {
    width: 36.822917vw;
}

.kitty-container .kitty-s3 .content-wrap1 {
    margin: 11.40625vw 0 0 2.65625vw;
}

.kitty-container .kitty-s3 .content-wrap2 {
    width: 21.770833vw;
    margin: 20.208333vw 1.458333vw 0 0;
}

.kitty-container .kitty-s3 .left-bg {
    width: 14.739583vw;
    top: 8.489583vw;
    left: 0;
}

.kitty-container .kitty-s3 .right-bg {
    width: 16.09375vw;
    top: 30.572917vw;
    right: 0;
}

.kitty-s3 .s3-img .img-desc {
    position: absolute;
    color: #868686;
    font-size: 1.041667vw;
    font-weight: 500;
    line-height: 1.6;
}

.kitty-s3 .s3-img1 .img-desc {
    bottom: 1.510417vw;
    right: 50%;
    transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
}

.kitty-s3 .s3-img2 .img-desc {
    bottom: 3.072917vw;
    left: 20.208333vw;
}


@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {

    .kitty-container .kitty-s3 {
        margin-top: 25vw;
    }

    .kitty-container .kitty-s3 .s3-content {
        flex-direction: column;
        justify-content: flex-start;
    }

    .kitty-container .kitty-s3 .s3-content2 {
        margin: -13.333333vw 0 0;
    }

    .kitty-container .kitty-s3 .s3-img1 {
        width: 84.027778vw;
        margin: 0 0 0 -4.16666667vw;
    }

    .kitty-container .kitty-s3 .s3-img2 {
        width: 83.611111vw;
        margin: 0 0 0 23.472222vw;
    }

    .kitty-container .kitty-s3 .content-wrap1 {
        margin: 0 0 0 9.7222222vw;
    }

    .kitty-container .kitty-s3 .content-wrap2 {
        width: 81.25vw;
        margin: 0 0 0 9.722222vw;
    }

    .kitty-container .kitty-s3 .left-bg {
        width: 39.722222vw;
        top: 87.666667vw;
    }

    .kitty-container .kitty-s3 .right-bg {
        width: 27.638889vw;
        top: 4.527778vw;
    }

    .kitty-s3 .s3-img .img-desc {
        font-size: 3.611111vw;
    }

    .kitty-s3 .s3-img1 .img-desc {
        bottom: 14.166667vw;
        right: 9.5833333vw;
    }

    .kitty-s3 .s3-img2 .img-desc {
        bottom: 10.277778vw;
        left: 10.833333vw;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

}

/* s3 end */

/* s4 start */
.kitty-container .kitty-s4 {
    margin: 7.395833vw 0 0;
}

.kitty-container .kitty-s4 .content-wrap {
    flex-direction: row;
    margin: 0 0 0 23.072917vw;
}

.kitty-s4 .content-wrap .text-p {
    width: 26.5625vw;
    margin: 0 0 0 12.760417vw;
}

.kitty-container .kitty-s4 .s4-img-wrap {
    position: relative;
    margin: 3.020833vw 0 0;
}

.kitty-s4 .s4-img-wrap .s4-img {
    width: 56.5625vw;
    margin: 0 0 0 24.895833vw;
    position: relative;
    z-index: 2;
}

.kitty-s4 .s4-img-wrap .circle-waves {
    width: 65.208333vw;
    height: 25.9375vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 13vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.kitty-s4 .s4-img-wrap .circle-wave {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #e3f0df;
    transform: scale(0);
    will-change: opcity, transform;
}

.kitty-s4 .s4-img-wrap .circle-wave:nth-child(1) {
    animation: cwave 4s ease-in-out infinite 0s;
    -webkit-animation: cwave 4s ease-in-out infinite 0s;
}

.kitty-s4 .s4-img-wrap .circle-wave:nth-child(2) {
    animation: cwave 4s ease-in-out infinite 0.8s;
    -webkit-animation: cwave 4s ease-in-out infinite 0.8s;
}

.kitty-s4 .s4-img-wrap .circle-wave:nth-child(3) {
    animation: cwave 4s ease-in-out infinite 1.6s;
    -webkit-animation: cwave 4s ease-in-out infinite 1.6s;
}

.kitty-s4 .s4-img-wrap .circle-wave:nth-child(4) {
    animation: cwave 4s ease-in-out infinite 2.4s;
    -webkit-animation: cwave 4s ease-in-out infinite 2.4s;
}

.kitty-s4 .s4-img-wrap .circle-wave:nth-child(5) {
    animation: cwave 4s ease-in-out infinite 3.2s;
    -webkit-animation: cwave 4s ease-in-out infinite 3.2s;
}

.kitty-s4 .s4-img-wrap .circle-wave:nth-child(6) {
    animation: cwave 4s ease-in-out infinite 4s;
    -webkit-animation: cwave 4s ease-in-out infinite 4s;
}

.kitty-s4 .s4-img-wrap .s4-ps {
    width: 25.104167vw;
    color: #393939;
    font-size: 0.833333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    margin: 0.260417vw auto 0;
}

@media screen and (min-width: 1360px) and (max-width: 1440px) {
    .kitty-s4 .s4-img-wrap .s4-ps {
        font-size: 12px;
    }
}

@keyframes cwave {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s4 {
        margin: 25vw 0 0;
    }

    .kitty-container .kitty-s4 .content-wrap {
        flex-direction: column;
        width: 82.25vw;
        margin: 0 0 0 9.722222vw;
    }

    .kitty-s4 .content-wrap .text-p {
        width: 100%;
        margin: 4.8611111vw 0 0;
    }

    .kitty-container .kitty-s4 .s4-img-wrap {
        margin: 6.94444445vw 0 0;
    }

    .kitty-s4 .s4-img-wrap .s4-img {
        width: 100%;
        margin: 0 auto;
    }

    .kitty-s4 .s4-img-wrap .circle-waves {
        width: 97.916667vw;
        height: 45.972222vw;
        top: 49vw;
    }

    .kitty-s4 .s4-img-wrap .s4-ps {
        width: 75.277778vw;
        font-size: 2.7777778vw;
        margin: 6.38888889vw auto 0;
    }

}

/* s4 end */

/* s5 start */
.kitty-container .kitty-s5 {
    margin: 10.416667vw 0 0;
}

.kitty-container .kitty-s5 .content-wrap {
    flex-direction: row;
    margin: 0 0 0 21.822917vw;
}

.kitty-s5 .content-wrap .text-p {
    width: 26.5625vw;
    margin: 0 0 0 11.25vw;
}

.kitty-container .kitty-s5 .img-wrap {
    width: 71.041667vw;
    margin: 1.875vw auto 0;
    position: relative;
}

.kitty-s5 .img-wrap .s5-img {
    position: relative;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

.kitty-s5 .img-wrap .s5-img img {
    height: 33.854167vw;
}

.kitty-s5 .img-wrap .s5-img .bg-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7;
    transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -webkit-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -moz-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -ms-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -o-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    will-change: transform, opacity;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    overflow: hidden;
}

.kitty-s5 .img-wrap .desc-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kitty-s5 .desc-content .desc-wrap {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 0 14.270833vw 0;
    transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -webkit-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -moz-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -ms-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -o-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    will-change: transform, opacity;
}

.kitty-s5 .desc-wrap .desc-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.kitty-s5 .desc-wrap .desc-item picture {
    width: auto;
}

.kitty-s5 .desc-wrap .desc-item:nth-child(even) {
    margin-left: 5.104167vw;
}

.kitty-s5 .desc-wrap .desc-item:nth-child(n+3) {
    margin-top: 3.229167vw;
}


.kitty-s5 .desc-wrap .desc-item img {
    width: 3.125vw;
}

.kitty-s5 .desc-wrap .desc-item .desc-txt {
    width: 14.0625vw;
    margin: 0.572917vw 0 0 0.677083vw;
}

.kitty-s5 .desc-item .desc-txt h5 {
    color: #f4f3f3;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.25;
}

.kitty-s5 .desc-item .desc-txt p {
    color: #f4f3f3;
    font-size: 0.833333vw;
    font-weight: 500;
    line-height: 1.6;
    margin: 1.041667vw 0 0;
}

@media screen and (min-width: 1360px) and (max-width:1440px) {
    .kitty-s5 .desc-item .desc-txt p {
        font-size: 12px;
    }
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s5 {
        margin: 25vw 0 0;
    }

    .kitty-container .kitty-s5 .content-wrap {
        flex-direction: column;
        margin: 0 0 0 9.722222vw;
        width: 81.25vw;
    }

    .kitty-s5 .content-wrap .text-p {
        width: 100%;
        margin: 4.861111vw 0 0;
    }

    .kitty-container .kitty-s5 .img-wrap {
        width: 100%;
        margin: 6.944444vw auto 0;
    }

    .kitty-s5 .img-wrap .s5-img {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .kitty-s5 .img-wrap .s5-img img {
        height: 111.111111vw;
    }

    .kitty-s5 .img-wrap .s5-img .bg-mask {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .kitty-s5 .desc-wrap .desc-item {
        flex-direction: column;
    }

    .kitty-s5 .desc-content .desc-wrap {
        padding: 0 0 0 10.833333vw;
        justify-content: flex-start;
    }

    .kitty-s5 .desc-wrap .desc-item:nth-child(even) {
        margin-left: 6.944444vw;
    }

    .kitty-s5 .desc-wrap .desc-item:nth-child(n+3) {
        margin-top: 15.972222vw;
    }

    .kitty-s5 .desc-wrap .desc-item img {
        width: 10vw;
    }

    .kitty-s5 .desc-wrap .desc-item .desc-txt {
        width: 39.166667vw;
        margin: 2.5vw 0 0;
    }

    .kitty-s5 .desc-wrap .desc-item:nth-child(even) .desc-txt {
        width: 35vw;
    }


    .kitty-s5 .desc-item .desc-txt h5 {
        font-size: 3.333333vw;
    }

    .kitty-s5 .desc-item .desc-txt p {
        font-size: 2.5vw;
        margin: 2.777778vw 0 0;
    }
}

/* s5 end */

/* s6 start */
.kitty-container .kitty-s6 {
    margin: 10.416667vw 0 0;
}

.kitty-container .kitty-s6 .content-wrap {
    flex-direction: row;
    margin: 0 0 0 21.822917vw;
}

.kitty-s6 .content-wrap .text-p {
    width: 26.5625vw;
    margin: 0 0 0 13.645833vw;
}

.kitty-s6 .s6-img {
    width: 71.041667vw;
    margin: 1.875vw auto 0;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    overflow: hidden;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s6 {
        margin: 25vw 0 0;
    }

    .kitty-container .kitty-s6 .content-wrap {
        flex-direction: column;
        margin: 0 0 0 9.722222vw;
        width: 82.25vw;
    }

    .kitty-s6 .content-wrap .text-p {
        width: 100%;
        margin: 4.861111vw 0 0;
    }

    .kitty-s6 .s6-img {
        width: 100%;
        margin: 6.94444445vw auto 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
}

/* s6 end */

/* s7  start*/
.kitty-container .kitty-s7 {
    margin: 10.416667vw 0 0;
}

.kitty-container .kitty-s7 .content-wrap {
    flex-direction: row;
    margin: 0 0 0 21.822917vw;
}

.kitty-s7 .content-wrap .text-p {
    width: 26.5625vw;
    margin: 0 0 0 11.25vw;
}

.kitty-container .kitty-s7 .img-wrap {
    width: 71.041667vw;
    margin: 1.875vw auto 0;
    position: relative;
}

.kitty-s7 .img-wrap .s7-img {
    position: relative;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.kitty-s7 .img-wrap .s7-img img {
    height: 33.854167vw;
}

.kitty-s7 .img-wrap .s7-img .bg-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7;
    transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -webkit-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -moz-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -ms-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -o-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    will-change: transform, opacity;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    overflow: hidden;
}

.kitty-s7 .img-wrap .desc-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kitty-s7 .desc-content .desc-wrap {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -webkit-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -moz-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -ms-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    -o-transition: all 1s cubic-bezier(0, 0.6, 0.3, 1);
    will-change: transform, opacity;
}

.kitty-s7 .desc-wrap .desc-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.kitty-s7 .desc-wrap .desc-item picture {
    width: auto;
}

.kitty-s7 .desc-wrap .desc-item:nth-child(2) {
    margin-left: 10.104167vw;
}

.kitty-s7 .desc-wrap .desc-item img {
    width: 3.125vw;
}

.kitty-s7 .desc-wrap .desc-item .desc-txt {
    width: 13.333333vw;
    margin: 0.572917vw 0 0 0.677083vw;
}

.kitty-s7 .desc-wrap .desc-item1 .desc-txt {
    width: 11.25vw;
}

.kitty-s7 .desc-item .desc-txt h5 {
    color: #f4f3f3;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.25;
}

.kitty-s7 .desc-item .desc-txt p {
    color: #f4f3f3;
    font-size: 0.833333vw;
    font-weight: 500;
    line-height: 1.6;
    margin: 1.354167vw 0 0;
}

@media screen and (min-width: 1360px) and (max-width: 1440px) {
    .kitty-s7 .desc-item .desc-txt p {
        font-size: 12px;
    }
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s7 {
        margin: 25vw 0 0;
    }

    .kitty-container .kitty-s7 .content-wrap {
        flex-direction: column;
        margin: 0 0 0 9.722222vw;
        width: 81.25vw;
    }

    .kitty-s7 .content-wrap .text-p {
        width: 100%;
        margin: 4.861111vw 0 0;
    }

    .kitty-container .kitty-s7 .img-wrap {
        width: 100%;
        margin: 6.944444vw auto 0;
    }

    .kitty-s7 .img-wrap .s7-img {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .kitty-s7 .img-wrap .s7-img img {
        height: 111.111111vw;
    }

    .kitty-s7 .img-wrap .s7-img .bg-mask {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .kitty-s7 .desc-content .desc-wrap {
        align-items: flex-start;
    }

    .kitty-s7 .desc-wrap .desc-item {
        flex-direction: column;
    }

    .kitty-s7 .desc-wrap .desc-item:nth-child(2) {
        margin-left: 13.472222vw;
    }

    .kitty-s7 .desc-wrap .desc-item img {
        width: 10vw;
    }

    .kitty-s7 .desc-wrap .desc-item .desc-txt {
        width: 33.194444vw;
        margin: 2.5vw 0 0;
    }

    .kitty-s7 .desc-item .desc-txt h5 {
        font-size: 3.333333vw;
    }

    .kitty-s7 .desc-item .desc-txt p {
        font-size: 2.5vw;
        margin: 2.777778vw 0 0;
    }
}

/* s7  end*/
/* s8 */
.kitty-container .kitty-s8 {
    margin-top: 10.41666667vw;
    margin-bottom: 10.41666667vw;
    overflow: hidden;
}

.kitty-s8 .content-wrap {
    flex-direction: row;
    margin: 0 0 0 21.66666667vw;
}

.kitty-s8 .text-p {
    width: 26.5625vw;
    margin: 0 0 0 16.61458333vw;
}

.kitty-s8 .main-container {
    position: relative;
}

.kitty-s8 .flower-bgc {
    width: 58.22916667vw;
    margin: 0 auto;
}

.kitty-s8 .watch-frame-img {
    width: 19.0625vw;
    position: absolute;
    top: 3.28125vw;
    left: 40vw;
    z-index: 20;
}

.kitty-s8 .main-container .video {
    position: absolute;
    width: 10.78125vw;
    top: 12.85125vw;
    left: 43.75vw;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}


@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s8 {
        margin-top: 25vw;
        margin-bottom: 25vw;
    }

    .kitty-s8 .content-wrap {
        width: 81.25vw;
        flex-direction: column;
        margin: 0 0 0 9.72222222vw;
    }

    .kitty-s8 .big-title {
        margin-bottom: 4.8611111vw;
    }

    .kitty-s8 .text-p {
        width: 81.25vw;
        margin: 0 0 4.72222222vw 0;
    }

    .kitty-s8 .watch-frame-img {
        width: 43.4722222vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .kitty-s8 .flower-bgc {
        width: 100%;
    }

    .kitty-s8 .main-container .video {
        width: 24.722222vw;
        top: 24.83125vw;
        left: 36.65vw;
    }
}

/* s9 */
.kitty-container .kitty-s9 {
    margin-bottom: 10.41666667vw;
}

.kitty-s9 .main-container {
    display: flex;
    padding: 0 0 0 12.39583333vw;
}

.kitty-s9 .left-img {
    width: 38.02083333vw;
    margin-right: 0.72916667vw;
}

.kitty-s9 .big-title {
    margin: 7.1875vw 0 1.5625vw 0;
}

.kitty-s9 .content-wrap {
    width: 26.5625vw;
    margin-bottom: 4.375vw;
}

.kitty-s9 .icon-item {
    width: 11.71875vw;
}

.kitty-s9 .icon-title picture {
    width: auto;
}

.kitty-s9 .icon-title img {
    width: 3.125vw;
    flex-shrink: 0;
}

.kitty-s9 .icon-title {
    display: flex;
    align-items: center;
    margin-bottom: 0.72916667vw;
}

.kitty-s9 .icon-title span {
    font-weight: 700;
    color: #1e2022;
    font-size: 1.25vw;
    line-height: 1.25;
    margin-left: 0.52083333vw;
}

.kitty-s9 .icon-item p {
    font-weight: 500;
    color: #868686;
    font-size: 0.83333333vw;
    line-height: 1.6;
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .kitty-s9 .icon-item p {
        font-size: 12px;
    }
}

.kitty-s9 .right-icon {
    display: flex;
}

.kitty-s9 .icon-item:first-child {
    margin-right: 4.375vw;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s9 {
        margin-bottom: 25vw;
    }

    .kitty-s9 .big-title {
        margin: 0 0 4.86111111vw 0;
    }

    .kitty-s9 .main-container {
        padding: 0 0 0 0;
        flex-direction: column-reverse;
    }

    .kitty-s9 .content-wrap {
        width: 81.25vw;
        margin: 0 0 4.30555555vw 9.722222222vw;
    }

    .kitty-s9 .right-icon {
        margin: 0 0 4.861111vw 9.722222222vw;
    }

    .kitty-s9 .left-img {
        width: 100%;
        margin-right: 0;
    }

    .kitty-s9 .icon-title img {
        width: 11.9444444vw;
    }

    .kitty-s9 .icon-title span {
        font-size: 3.33333333vw;
        margin-left: 0;
        margin-top: 2.5vw;
    }

    .kitty-s9 .icon-title {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2.5vw;
    }

    .kitty-s9 .icon-item p {
        font-size: 2.5vw;
    }

    .kitty-s9 .icon-item {
        width: 35.27777777vw;
    }

    .kitty-s9 .icon-item:last-child {
        width: 32.777777vw;
    }

    .kitty-s9 .icon-item:first-child {
        margin-right: 9.44444444vw;
    }

}

/* s10 */
.kitty-container .kitty-s10 {
    padding-bottom: 10.41666667vw;
}

.kitty-s10 .content-wrap {
    width: 48.22083333vw;
    margin: 0 auto;
    text-align: center;
}

.kitty-s10 .big-title {
    margin-bottom: 1.5625vw;
}

.kitty-s10 .text-p {
    padding-bottom: 1.04166667vw;
}

.kitty-s10 .remark-note {
    font-weight: 500;
    color: #393939;
    font-size: 0.83333333vw;
    line-height: 1.6;
    text-align: center;
    padding-bottom: 2.60416667vw;
}

.kitty-s10 .kitty-s10-img {
    width: 21.92708333vw;
    margin: 0 auto;
}

.kitty-s10 .talk-box {
    font-weight: 500;
    color: #9377c9;
    font-size: 0.9375vw;
    line-height: 1.6;
    position: relative;
}

.kitty-s10 .talk-box div {
    background: linear-gradient(204.3deg, rgba(186, 255, 234, 0.2) 0%, rgba(195, 150, 255, 0.35) 100%);
    border-radius: 4.6875vw;
    -webkit-border-radius: 4.6875vw;
    -moz-border-radius: 4.6875vw;
    -ms-border-radius: 4.6875vw;
    -o-border-radius: 4.6875vw;
    height: 3.3046875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.kitty-s10 .talk-box .info1 {
    width: 10.503125vw;
    top: 5.98958333vw;
    right: 63.80208333vw;

}

.kitty-s10 .talk-box .info2 {
    width: 6.909375vw;
    top: 11.61458333vw;
    right: 63.80208333vw;
}

.kitty-s10 .talk-box .info3 {
    width: 9.65625vw;
    top: 17.29166667vw;
    right: 63.80208333vw;
}

.kitty-s10 .talk-box .info4 {
    width: 8.8640625vw;
    left: 64.16666667vw;
    top: 5.98958333vw;
}

.kitty-s10 .talk-box .info5 {
    width: 10.20833333vw;
    left: 64.16666667vw;
    top: 11.61458333vw;
}

.kitty-s10 .talk-box .info6 {
    width: 8.48958333vw;
    left: 64.16666667vw;
    top: 17.29166667vw;
}

@media screen and (max-width: 1440px) {
    .kitty-s10 .remark-note {
        font-size: 12px;
    }
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s10 {
        padding-bottom: 25vw;
    }

    .kitty-s10 .content-wrap {
        width: 83.33333333vw;
        text-align: left;
        margin: 0 0 0 9.72222222vw
    }

    .kitty-s10 .big-title {
        margin-bottom: 4.86111111vw;
    }

    .kitty-s10 .text-p {
        padding-bottom: 6.944444444vw;
    }

    .kitty-s10 .kitty-s10-img {
        width: 46.73611111vw;
        margin: 0 0 8.47222222vw 24.861111111vw;
    }

    .kitty-s10 .main-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .kitty-s10 .remark-note {
        width: 75.9722222vw;
        margin: 0 auto;
        font-size: 2.77777778vw;
    }

    .kitty-s10 .talk-box {
        font-size: 2.5vw;
    }

    .kitty-s10 .talk-box div {
        height: 8.8125vw;
        border-radius: 12.5vw;
        -webkit-border-radius: 12.5vw;
        -moz-border-radius: 12.5vw;
        -ms-border-radius: 12.5vw;
        -o-border-radius: 12.5vw;
        background: linear-gradient(202.35deg, rgba(186, 255, 234, 0.2) 0%, rgba(195, 150, 255, 0.2) 100%);
        text-align: center;
    }

    .kitty-s10 .talk-box .info1 {
        width: 20.9722222vw;
        top: 27.63888888vw;
        right: 75.694444vw;
    }

    .kitty-s10 .talk-box .info2 {
        width: 18.4722222vw;
        right: 75.694444vw;
        top: 12.91666666vw;
    }

    .kitty-s10 .talk-box .info3 {
        width: 19.86111111vw;
        right: 75.694444vw;
        top: 43.6111111vw;
    }

    .kitty-s10 .talk-box .info4 {
        width: 23.611111111vw;
        left: 73.8888888vw;
        top: 27.63888888vw;
    }

    .kitty-s10 .talk-box .info5 {
        width: 20.1388888vw;
        left: 73.8888888vw;
        top: 12.91666666vw;
    }

    .kitty-s10 .talk-box .info6 {
        width: 19.7222222vw;
        left: 73.8888888vw;
        top: 43.6111111vw;
    }
}

/* s11 */
.kitty-container .kitty-s11 {
    padding-bottom: 10.41666667vw;
}

.kitty-s11 .s11-container {
    display: flex;
}

.kitty-s11 .text-p {
    padding: 1.5625vw 0;
}

.kitty-s11 .content-wrap {
    width: 26.5625vw;
    margin: 7.08333333vw 10vw 0 21.82291667vw;
}

.kitty-s11 .watch-frame {
    width: 20.67708333vw;
}

.kitty-s11 .s11-swiper-box {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.kitty-s11 .icon-item {
    display: flex;
    align-items: center;
}

.kitty-s11 .icon-item picture {
    width: auto;
}

.kitty-s11 .icon-item:first-child {
    margin-right: 3.4375vw;
}

.kitty-s11 .icon-txt {
    display: flex;
}

.kitty-s11 .icon-txt img {
    width: 3.125vw;
    flex-shrink: 0;
}

.kitty-s11 .icon-txt p {
    font-weight: 700;
    color: #1e2022;
    font-size: 1.25vw;
    line-height: 1.25;
    text-align: center;
    padding-left: 0.52083333vw;
}

.s11-swiper .swiper-wrapper {
    width: 11.71875vw;
    height: 11.71875vw;
    position: absolute;
    bottom: 11.35vw;
    left: 4vw;
    z-index: -1;
}

.s11-swiper .swiper-slide img {
    width: 11.71875vw;
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s11 {
        padding-bottom: 25vw;
    }

    .kitty-s11 .s11-container {
        flex-direction: column;
    }

    .kitty-s11 .icon-item {
        flex-direction: column;
    }

    .kitty-s11 .content-wrap {

        width: 80.5555555vw;
        margin: 0 0 6.944444444vw 9.722222222vw;
    }

    .kitty-s11 .icon-txt img {
        width: 11.9444444vw;
    }

    .kitty-s11 .icon-txt p {
        font-size: 3.33333333vw;
        padding-left: 0;
        padding-top: 2.5vw;

    }

    .kitty-s11 .icon-item:first-child {
        margin-right: 15.277777777vw;
    }

    .kitty-s11 .text-p {
        width: 81.25vw;
        padding: 4.86111111vw 0;
    }

    .kitty-s11 .watch-frame {
        width: 51.52777777vw;
        margin: 0 auto;
    }

    .kitty-s11 .icon-txt {
        justify-content: center;
    }

    .s11-swiper .swiper-wrapper {
        width: 29.2vw;
        height: 29.2vw;
        bottom: 28.34vw;
        left: 34.5vw;
        overflow: hidden;
    }

    .s11-swiper .swiper-slide {
        width: 29.2vw;
    }

    .s11-swiper .swiper-slide img {
        width: 29.2vw;
    }

}

/* s12 */
.kitty-s12 .content-wrap {
    flex-direction: row;
    margin-left: 21.82291667vw;
}

.kitty-s12 .text-p {
    width: 26.5625vw;
    margin-left: 13.64583333vw;
}

.kitty-s12 .kitty-s12-img {
    width: 46.77083333vw;
    margin: 4.16666667vw 0 12.864583vw 25.26041667vw;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-s12 .big-title {
        margin-bottom: 4.86111111vw;
    }

    .kitty-s12 .content-wrap {
        flex-direction: column;
        justify-content: center;
        width: 81.25vw;
        margin-left: 9.7222222vw;
    }

    .kitty-s12 .text-p {
        width: auto;
        margin-left: 0;
    }

    .kitty-s12 .kitty-s12-img {
        width: 100%;
        margin: 6.944444444vw 0 25vw 0;
    }
}

/* s13 */
.kitty-container .kitty-s13 {
    width: 100%;
    overflow: hidden;
}
.kitty-container .kitty-s13 .swiper13{
    margin: 0 auto 10.41666667vw;
    width: 71.09375vw;
    position: relative;
}

.kitty-s13 .card-item {
    width: 34.21875vw;
    height: 45.05208333vw;
    background: #ffffff;
    border-radius: 1.04166667vw;
    -webkit-border-radius: 1.04166667vw;
    -moz-border-radius: 1.04166667vw;
    -ms-border-radius: 1.04166667vw;
    -o-border-radius: 1.04166667vw;
}

.kitty-s13 .card-item:not(:last-child){
    margin-right: 2.604167vw;
}

.kitty-s13 .big-title {
    margin-bottom: 1.5625vw;
}

.kitty-s13 .card-left .content-wrap {
    width: 27.5vw;
    margin: 3.125vw 0 2.34375vw 3.125vw;
}

.kitty-s13 .card-right .content-wrap {
    width: 25.98958333vw;
    margin: 3.125vw 0 4.84375vw 3.125vw;
}

.kitty-s13 .bottom-img {
    width: 17.94270833vw;
    margin: 0 auto;
}

.kitty-s13 .middle-content {
    display: flex;
    align-items: center;
    width: 28.07291667vw;
    margin: 0 auto;
    justify-content: space-between;
    padding-bottom: 4.84375vw;
}

.kitty-s13 .middle-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 5.625vw;
}

.kitty-s13 .middle-item picture {
    width: auto;
}

.kitty-s13 .middle-item img {
    width: 2.940625vw;
    flex-shrink: 0;
    padding-bottom: 0.78125vw;
}

.kitty-s13 .middle-item p {
    font-weight: 700;
    color: #1e2022;
    font-size: 0.9375vw;
    line-height: 1.6;
    text-align: center;
}

.kitty-s13 .right-img {
    width: 30.88541667vw;
    margin: 0 auto;
}

.kitty-s13 .card-right2 .content-wrap{
    width: 26.041667vw;
    margin: 3.125vw 0 0 3.125vw;
}

.kitty-s13 .card-right2 .img-wrap{
    width: 30.78125vw;
    margin: 2.1875vw auto 0;
}
.kitty-s13 .swiper-btns .swiper-button{
    position: absolute;
    top: 50%;
    z-index: 2;
    width:4.166667vw;
    height: 4.166667vw;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    cursor: pointer;
    margin: 0;
}

.kitty-s13 .swiper-btns .swiper-button-prev{
    left: -5.729167vw;
}
.kitty-s13 .swiper-btns .swiper-button-next {
    left: auto;
    right: -5.729167vw;
}

.kitty-s13 .swiper-btns .swiper-button-prev:after,
.kitty-s13 .swiper-btns .swiper-button-next:after {
    display: none;
}

.kitty-s13 .swiper-btns .swiper-button-next img{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-container .kitty-s13 .swiper13{
        width: 100%;
        margin:0 auto 25vw;
    }

    .kitty-s13 .cardbox {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .kitty-s13 .card-left {
        margin:0 0 13.8888888vw 0;
    }

    .kitty-s13 .card-item {
        width: 91.6666666vw;
        height: 147.2222222vw;
        border-radius: 2.777777778vw;
        -webkit-border-radius: 2.777777778vw;
        -moz-border-radius: 2.777777778vw;
        -ms-border-radius: 2.777777778vw;
        -o-border-radius: 2.777777778vw;
    }

    .kitty-s13 .card-left .content-wrap {
        width: 81.25vw;
        margin: 8.611111111vw 0 8.0555555vw 5.69444444vw;
    }

    .kitty-s13 .card-right .content-wrap {
        width: 81.25vw;
        margin: 8.611111111vw 0 6.944444444vw 5.69444444vw;
    }

    .kitty-s13 .big-title {
        margin-bottom: 4.86111111vw;
    }

    .kitty-s13 .middle-item img {
        width: 10.52777777vw;
        padding-bottom: 2.083333333vw;
    }

    .kitty-s13 .middle-item p {
        font-size: 2.777777777vw;
    }

    .kitty-s13 .middle-item {
        width: 16.66666666vw;
    }

    .kitty-s13 .middle-content {
        width: 80.55555555vw;
        padding-bottom: 12.08333333vw;
    }

    .kitty-s13 .bottom-img {
        width: 71.11111111vw;
    }

    .kitty-s13 .right-img {
        width: 88.88888888vw;
    }
    .kitty-s13 .card-item:not(:last-child) {
        margin: 0 auto 13.888889vw;
    }

    .kitty-s13 .card-right2 .content-wrap {
        width: 81.25vw;
        margin: 8.611111111vw 0 0 5.69444444vw;
    }

    .kitty-s13 .card-right2 .img-wrap {
        width: 81.944444vw;
        margin: 13.888889vw auto 0;
    }
}

/* s14 start */
.kitty-s14 .content-wrap {
    width: 38.54166667vw;
    margin: 0 auto;
    align-items: center;
    text-align: center;
}

.kitty-s14 .top-img {
    width: 10.65260417vw;
    padding-bottom: 1.30208333vw;
    flex-shrink: 0;
}

.kitty-s14 .big-title {
    margin-bottom: 1.5625vw;
}

.kitty-s14 .text-p {
    width: 100%;
    padding-bottom: 1.30208333vw;
}

.kitty-s14 .content-card {
    width: 70.98958333vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.kitty-s14 .content-card .card-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 22.34375vw;
    height: 15.3125vw;
    background: #ffffff;
    border-radius: 1.04166667vw;
    -webkit-border-radius: 1.04166667vw;
    -moz-border-radius: 1.04166667vw;
    -ms-border-radius: 1.04166667vw;
    -o-border-radius: 1.04166667vw;
}

.kitty-s14 .content-card .card-item picture {
    width: auto;
}

.kitty-s14 .content-card .card-item:nth-child(-n+3) {
    margin-bottom: 1.92708333vw;
}

.kitty-s14 .content-card img {
    width: 4.42708333vw;
    flex-shrink: 0;
    margin: 2.11979167vw auto 1.25vw;
}

.kitty-s14 .content-card .sub-title {
    font-weight: 700;
    color: #000000;
    font-size: 1.66666667vw;
    line-height: 1.25;
    padding-bottom: 0.9375vw;
}

.kitty-s14 .content-card .sub-txt {
    font-weight: 500;
    color: #868686;
    font-size: 0.9375vw;
    line-height: 1.6;
    text-align: center;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-s14 .top-img {
        width: 28.40694444vw;
        padding-bottom: 4.8611111vw;
    }

    .kitty-s14 .content-wrap {
        width: 81.25vw;
        align-items: flex-start;
        text-align: left;
        margin: 0 0 0 9.72222222vw;
    }

    .kitty-s14 .big-title {
        margin-bottom: 4.86111111vw;
    }

    .kitty-s14 .text-p {
        padding-bottom: 6.944444444vw;
    }

    .kitty-s14 .content-card {
        width: 91.666666667vw;
    }

    .kitty-s14 .content-card .card-item {
        width: 44.3055555vw;
        height: 40.8333333vw;
        border-radius: 2.7777778vw;
        -webkit-border-radius: 2.7777778vw;
        -moz-border-radius: 2.7777778vw;
        -ms-border-radius: 2.7777778vw;
        -o-border-radius: 2.7777778vw;
    }

    .kitty-s14 .content-card img {
        width: 14.58333333vw;
        margin: 4.1666666vw 0 3.4722222vw 0;
    }

    .kitty-s14 .content-card .sub-title {
        font-size: 4.4444444vw;
        padding-bottom: 2.15277777vw;
    }

    .kitty-s14 .content-card .sub-txt {
        font-size: 2.7777778vw;
        width: 35vw;
    }

    .kitty-s14 .content-card .card-item:nth-child(-n+4) {
        margin-bottom: 2.777777778vw;
    }
}

/* s14 end */
/* footer */
.kitty-footer ul {
    width: 70.98958333vw;
    margin: 0 auto;
    font-weight: 500;
    color: #7f7f7f;
    font-size: 0.625vw;
    line-height: 1.6;
    padding: 10.41666667vw 0 10.41666667vw 1.041767vw;
}


.kitty-footer ul .link-footer {
    word-wrap: break-word;
    color: #1f71ff !important;
}

.kitty-footer ul .color-black {
    color: #7f7f7f;
}

.kitty-footer ul li.active .color-black {
    color: #000;
}

@media screen and (max-width:1920px) {
    .kitty-footer ul {
        font-size: 12px;
    }

}

.kitty-footer ul li {
    list-style: decimal;
}

.kitty-footer ul li.active {
    color: #000;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .kitty-footer ul {
        width: 82.9166666vw;
        padding: 25vw 0 25vw 5.277778vw;
        font-size: 3.3333333vw;
    }
}

.kitty-container .section-pic-center * {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: calc(-.037em + .526px);
}

.kitty-container .kitty-s1 .section-pic-center {
    position: relative;
    z-index: 1;
    text-align: center;
    font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.kitty-container .kitty-s1 .section-kv-pic {
    line-height: 1.25;
    margin-top: 1.5625vw;
    font-size: 1.46vw;
    font-weight: 400;
    color: #000;
}

.kitty-container .kitty-s1 .section-kv-pic span {
    font-size: 13px;
    font-weight: 500;
}

.kitty-container .kitty-s1 .section-slogan-botton {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: 2px solid #000;
    display: inline-block;
    line-height: 24px;
    font-weight: 800;
    padding: 10px 26px;
    text-align: left;
    cursor: pointer;
    transition: .3s ease-out;
    margin-top: 1.25vw;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.kitty-container .kitty-s1 .section-slogan-botton:hover {
    opacity: .8;
}

.kitty-container .kitty-s1 .section-slogan-botton a {
    color: inherit;
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1 / 1) and (max-width: 1024px) {
    .kitty-container .kitty-s1 .section-kv-pic span {
        font-size: .65em;
    }

    .kitty-container .kitty-s1 .section-kv-pic {
        font-size: 5.56vw;
        margin-top: 6.6666666666vw;
    }

    .kitty-container .kitty-s1 .section-slogan-botton {
        margin-top: 3.333333333333vw;
    }
}


.kitty-container .footlast {
    list-style: none !important;
    position: relative;
}

.kitty-container .footlast::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}