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

#kitty .showpc {
    display: block;
}

#kitty .showmob {
    display: none;
}

#kitty .nowrap {
    white-space: nowrap;
}

#kitty a {
    color: #000;
    text-decoration: none;
}

#kitty sup {
    font-size: .6em;
    cursor: pointer;
    line-height: 0;
}

#kitty p {
    font-size: 1.145833vw;
    line-height: 1.6;
}

#kitty li {
    line-height: 1.6;
}

#kitty h2 {
    line-height: 1.25;
    font-weight: 700;
}

#kitty h3 {
    font-size: 1.25vw;
    line-height: 1.25;
    font-weight: 700;
}

#kitty img {
    width: 100%;
}

#kitty .spacer {
    margin-top: 10.416667vw;
}

#kitty .headline {
    font-size: 2.5vw;
}

#kitty .gray {
    color: #868686;
}

#kitty .note {
    font-size: max(.8333333333vw, 12px);
}

#kitty .gray a {
    color: #868686;
}

#kitty .section-hero {
    position: relative;
    z-index: 1;
}

#kitty .section-hero .hero-text {
    width: 32.459896vw;
    margin: 1.979166vw auto 0;
}

#kitty .section-hero .hero-text p {
    font-size: 1.25vw;
    margin: 1.5625vw auto 1.302083vw;
    text-align: center;
}

#kitty .bg-content {
    position: relative;
    background-image: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/wearables/kids-watch-5-lite/img/highlights/huawei-kids-watch-5-lite-product-highlights-bg.jpg);
    background-size: cover;
    margin-top: -10.3125vw;
}

#kitty .section-highlights {
    padding-top: 20.729167vw;
}

#kitty .section-highlights h2 {
    text-align: center;
    margin-bottom: 1.71875vw;
}

#kitty .section-highlights .highlights-list {
    width: 71.060417vw;
    display: flex;
    margin: 0 auto;
    flex-flow: row wrap;
}

#kitty .section-highlights .highlights-list .highlights-item {
    background-color: #ffffff;
    border-radius: 1.041667vw;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

#kitty .section-highlights .highlights-list .highlights-1 {
    width: 24.688542vw;
    margin-right: 1.25vw;
}

#kitty .section-highlights .highlights-list .highlights-2 {
    width: 26.302083vw;
    height: 14.114583vw;
}

#kitty .section-highlights .highlights-list .highlights-3 {
    width: 26.302083vw;
    margin: 15.364583vw 0 0 -26.302083vw;
}

#kitty .section-highlights .highlights-list .highlights-4 {
    width: 17.555208vw;
    margin: 0 0 0 1.25vw;
}

#kitty .section-highlights .highlights-list .highlights-5 {
    width: 34.895833vw;
    margin: 1.25vw 1.25vw 0 0;
}

#kitty .section-highlights .highlights-list .highlights-6 {
    width: 34.895833vw;
    margin: 1.25vw 0 0 0;
}

#kitty .section-highlights .highlights-list .highlights-item .highlights-desc {
    position: absolute;
}

#kitty .section-highlights .highlights-list .highlights-item .highlights-desc p {
    font-size: 1.354167vw;
    font-weight: 700;
    line-height: 1.25;
}

#kitty .section-highlights .highlights-list .highlights-1 .highlights-desc,
#kitty .section-highlights .highlights-list .highlights-4 .highlights-desc {
    top: 3.229167vw;
    left: 50%;
    transform: translateX(-50%);
}

#kitty .section-highlights .highlights-list .highlights-2 .highlights-desc {
    top: 50%;
    transform: translateY(-50%);
    left: 3.59375vw;
}

#kitty .section-highlights .highlights-list .highlights-3 .highlights-desc {
    top: 50%;
    transform: translateY(-50%);
    left: 2.083333vw;
}

#kitty .section-highlights .highlights-list .highlights-5 .highlights-desc,
#kitty .section-highlights .highlights-list .highlights-6 .highlights-desc {
    top: 50%;
    transform: translateY(-50%);
    left: 4.166667vw;
}

#kitty .section-highlights .highlights-list .highlights-item .highlights-arrow {
    position: absolute;
    bottom: 1.041667vw;
    right: 1.041667vw;
    width: 1.632813vw;
    height: 1.632813vw;
    background-color: #F8F8F8;
    border-radius: 50%;
    overflow: hidden;
}

#kitty .section-highlights .highlights-list .highlights-item .highlights-arrow .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 .section-highlights .highlights-list .highlights-item:hover .arrow-wrap {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

#kitty .section-design {
    position: relative;
}

#kitty .section-design .design-content {
    display: flex;
}

#kitty .section-design .design-content .left-pic {
    width: 41.145833vw;
    margin-right: 2.604167vw;
    margin-left: 12.239583vw;
    text-align: center;
}

#kitty .section-design .design-content .left-pic p {
    font-size: 1.041667vw;
    margin-top: -1.484375vw;
}

#kitty .section-design .design-content .design-title {
    margin-top: 11.078125vw;
}

#kitty .section-design .design-content-2 {
    margin-top: -16.419792vw;
}

#kitty .section-design .design-content .right-pic {
    width: 36.875vw;
    text-align: center;
    order: 2;
}

#kitty .section-design .design-content .right-pic p {
    font-size: 1.041667vw;
    margin-top: -3.057292vw;
}

#kitty .section-design .design-content .design-desc {
    width: 23.229167vw;
    order: 1;
    margin-left: 22.395833vw;
    margin-top: 20.197917vw;
}

#kitty .section-design .left-bg {
    width: 16.40625vw;
    position: absolute;
    left: 0;
    top: 14.911458vw;
}

#kitty .section-design .right-bg {
    width: 16.40625vw;
    position: absolute;
    right: 0;
    top: 30.640625vw;
}

#kitty .section-offline .copy-content {
    display: flex;
    justify-content: center;
    margin: 0 auto 2.953125vw;
}

#kitty .section-offline .copy-content p {
    width: 25.9375vw;
    margin-left: 12.760417vw;
}

#kitty .section-offline .pic-content {
    position: relative;
}

#kitty .section-offline .pic-content .pic-item {
    width: 56.197917vw;
    margin: 0 0 0 24.854167vw;
    z-index: 2;
    position: relative;
}

#kitty .section-offline .pic-content .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 .section-offline .pic-content .circle-wave {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #C6DAFC;
    transform: scale(0);
    will-change: opcity, transform;
}

#kitty .section-offline .pic-content .circle-wave:nth-child(1) {
    animation: cwave 4s ease-in-out infinite 0s;
    -webkit-animation: cwave 4s ease-in-out infinite 0s;
}

#kitty .section-offline .pic-content .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 .section-offline .pic-content .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 .section-offline .pic-content .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 .section-offline .pic-content .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 .section-offline .pic-content .circle-wave:nth-child(6) {
    animation: cwave 4s ease-in-out infinite 4s;
    -webkit-animation: cwave 4s ease-in-out infinite 4s;
}

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

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

#kitty .section-offline .pic-content .remark {
    width: 25.104167vw;
    margin: 1.354167vw auto 0;
    text-align: center;
}

#kitty .section-accurate .accurate-content {
    display: flex;
    justify-content: center;
}

#kitty .section-accurate .accurate-content .pic-item {
    width: 33.854167vw;
}

#kitty .section-accurate .accurate-content .copy-content {
    margin-left: 7.34375vw;
}

#kitty .section-accurate .accurate-content .copy-content p {
    width: 25vw;
    margin-top: 1.5625vw;
}

#kitty .section-accurate .accurate-content .copy-content .features-content {
    margin-top: 3.958333vw;
    display: flex;
    flex-wrap: wrap;
    width: 28.229167vw;
    justify-content: space-between;
}

#kitty .section-accurate .accurate-content .copy-content .features-content .features-item {
    width: 12.8125vw;
}

#kitty .section-accurate .accurate-content .copy-content .features-content .features-item:nth-child(1) {
    margin-bottom: 1.458333vw;
}

#kitty .section-accurate .accurate-content .copy-content .features-content .features-item img {
    width: 2.708333vw;
    margin-right: .729167vw;
}

#kitty .section-accurate .accurate-content .copy-content .features-content .features-item .title {
    display: flex;
    align-items: center;
}

#kitty .section-accurate .accurate-content .copy-content .features-content .features-item p {
    width: auto;
    margin-top: .729167vw;
}

#kitty .section-meetime .meetime-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -5.208333vw;
}

#kitty .section-meetime .meetime-content .copy-content {
    width: 23.177083vw;
    margin-right: 3.020833vw;
}

#kitty .section-meetime .meetime-content .copy-content p {
    margin-top: 1.5625vw;
}

#kitty .section-meetime .meetime-content .pic-content {
    width: 40.260417vw;
}

#kitty .section-fridens .fridens-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -4.525vw;
}

#kitty .section-fridens .fridens-content .pic-item {
    width: 36.614583vw;
}

#kitty .section-fridens .copy-content {
    width: 27.916667vw;
    margin-left: 4.583333vw;
}

#kitty .section-fridens .copy-content p {
    margin-top: 1.5625vw;
}

#kitty .section-fridens .copy-content .features-content {
    display: flex;
    justify-content: space-between;
    margin-top: 3.958333vw;
}

#kitty .section-fridens .copy-content .features-content .features-item .title {
    display: flex;
    align-items: center;
}

#kitty .section-fridens .copy-content .features-content .features-item .title img {
    width: 2.708333vw;
    margin-right: .520833vw;
}

#kitty .section-fridens .copy-content .features-content .features-item p {
    margin-top: .729167vw;
}

#kitty .section-fridens .copy-content .features-content .features-item:nth-child(1) {
    width: 11.458333vw;
}

#kitty .section-fridens .copy-content .features-content .features-item:nth-child(2) {
    width: 13.333333vw;
}

#kitty .section-resistance .copy-content {
    margin-left: 22.03125vw;
    display: flex;
    align-items: center;
    margin-top: -2.604167vw;
}

#kitty .section-resistance .copy-content p {
    width: 31.197917vw;
    margin-left: 10.052083vw;
}

#kitty .section-resistance .pic-content {
    width: 55.9375vw;
    margin: 0 auto;
}

#kitty .section-resistance .pic-content p {
    text-align: right;
}

#kitty .section-time .time-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

#kitty .section-time .time-content .pic-item {
    width: 38.072917vw;
}

#kitty .section-time .time-content .copy-content {
    width: 27.8125vw;
    margin-left: 5.677083vw;
}

#kitty .section-time .time-content .copy-content p {
    margin-top: 1.5625vw;
}

#kitty .section-time .time-content .copy-content .features-content {
    display: flex;
    justify-content: space-between;
    margin-top: 3.958333vw;
}

#kitty .section-time .time-content .copy-content .features-content .features-item:nth-child(1) {
    width: 11.458333vw;
}

#kitty .section-time .time-content .copy-content .features-content .features-item:nth-child(2) {
    width: 11.71875vw;
}

#kitty .section-time .time-content .copy-content .features-content .features-item .title {
    display: flex;
    align-items: center;
}

#kitty .section-time .time-content .copy-content .features-content .features-item .title img {
    width: 2.708333vw;
    margin-right: .520833vw;
}

#kitty .section-time .time-content .copy-content .features-content .features-item p {
    margin-top: 0.729167vw;
}

#kitty .section-health .copy-content {
    text-align: center;
    width: 48.020833vw;
    margin: 0 auto;
}

#kitty .section-health .pic-content .showpc {
    display: inline-block;
}

#kitty .section-health .copy-content p.gray {
    margin: 1.5625vw auto .729167vw;
}

#kitty .section-health .pic-content {
    display: flex;
    justify-content: center;
    margin-top: 2.604167vw;
}

#kitty .section-health .pic-content .pic-item {
    width: 21.927083vw;
    position: relative;
}

#kitty .section-health .pic-content .left-desc {
    margin-right: 3.177083vw;
    margin-top: 6.041667vw;
}

#kitty .section-health .pic-content .right-desc {
    margin-left: 2.864583vw;
    margin-top: 6.041667vw;
}

#kitty .section-health .pic-content .left-desc div,
#kitty .section-health .pic-content .right-desc div {
    display: flex;
    margin-bottom: 2.291667vw;
}

#kitty .section-health .pic-content .left-desc div {
    justify-content: flex-end;
}

#kitty .section-health .pic-content .right-desc div {
    justify-content: flex-start;
}

#kitty .section-health .pic-content p {
    font-size: max(.9375vw, 12px);
    padding: 1.041667vw;
    color: #6E8FE2;
    background-image: linear-gradient(45deg, rgba(111, 165, 252, .18), rgba(255, 165, 193, .18));
    border-radius: 1.666667vw;
}

#kitty .section-paying .paying-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

#kitty .section-paying .paying-content .copy-content {
    width: 24.427083vw;
    margin-right: 10vw;
}

#kitty .section-paying .paying-content .copy-content .features-content {
    width: 19.895833vw;
    display: flex;
    justify-content: space-between;
}

#kitty .section-paying .paying-content .copy-content .features-content .title {
    display: flex;
    align-items: center;
}

#kitty .section-paying .paying-content .copy-content .features-content .title img {
    width: 2.708333vw;
    margin-right: .520833vw;
}

#kitty .section-paying .paying-content .pic-item {
    width: 20.677083vw;
}

#kitty .section-paying .paying-content p {
    margin: 1.5625vw auto 1.458333vw;
}

#kitty .section-safety .copy-content {
    display: flex;
    justify-content: center;
}

#kitty .section-safety .copy-content p {
    width: 26.927083vw;
    margin-left: 13.645833vw;
}

#kitty .section-safety .pic-content {
    width: 51.09375vw;
    margin: 2.447917vw auto 0;
}

#kitty .section-app .app-content .left-box,
#kitty .section-app .app-content .right-box {
    width: 34.21875vw;
    height: 45.052083vw;
    background-color: #ffffff;
    border-radius: 1.041667vw;
}

#kitty .section-app .app-content .left-box {
    margin-right: 2.604167vw;
}

#kitty .section-app .app-content .left-box .copy-content,
#kitty .section-app .app-content .right-box .copy-content{
    margin: 2.8125vw auto 0;
}

#kitty .section-app .app-content .left-box .copy-content h2,
#kitty .section-app .app-content .left-box .copy-content .icon-content,
#kitty .section-app .app-content .right-box .copy-content h2{
    margin-left: 3.125vw;
}

#kitty .section-app .app-content .left-box .copy-content p.gray {
    margin: 1.5625vw 0 2.135417vw 3.125vw;
    width: 27.5vw;
}

#kitty .section-app .app-content .right-box .copy-content p.gray {
    margin: 1.5625vw 0 4.479167vw 3.125vw;
    width: 25.989583vw;
}

#kitty .section-app .app-content .left-box .copy-content .icon-content {
    display: flex;
}

#kitty .section-app .app-content .left-box .copy-content .icon-content img {
    width: 2.940625vw;
}

#kitty .section-app .app-content .left-box .copy-content .icon-content .icon-item {
    margin-right: 1.875vw;
    text-align: center;
}

#kitty .section-app .app-content .left-box .copy-content .icon-content .icon-item p {
    font-size: max(.9375vw, 12px);
    margin: .625vw auto 4.791667vw;
    font-weight: 700;
}

#kitty .section-app .app-content .left-box .copy-content .pic-content {
    width: 17.96875vw;
    margin: 0 auto;
}

#kitty .section-app .app-content .right-box .copy-content .pic-content {
    width: 30.9375vw;
    margin: 0 auto;
}

#kitty .section-performance .copy-content {
    width: 46.770833vw;
    text-align: center;
    margin: 0 auto;
}

#kitty .section-performance .copy-content img {
    width: 10.677083vw;
}

#kitty .section-performance .copy-content h2 {
    margin: .989583vw auto 1.5625vw;
}

#kitty .section-performance .features-content {
    display: flex;
    flex-wrap: wrap;
    width: 71.041667vw;
    justify-content: space-between;
    margin: 2.916667vw auto 0;
}

#kitty .section-performance .features-content .case {
    width: 22.395833vw;
    height: 15.364583vw;
    border-radius: 1.041667vw;
    background-color: #ffffff;
}

#kitty .section-performance .features-content .case:nth-child(1) {
    margin-bottom: 1.875vw;
}

#kitty .section-performance .features-content .case img {
    width: 4.166667vw;
}

#kitty .section-performance .features-content .case .case-item {
    width: 16.145833vw;
    text-align: center;
    margin: 2.083333vw auto 0;
}

#kitty .section-performance .features-content .case .case-item h3 {
    margin: 1.041667vw auto .78125vw;
    font-size: 1.666667vw;
}

#kitty .section-performance .features-content .case .case-item p {
    font-size: max(.9375vw, 12px);
}

#kitty .section-footnote .section-content {
    width: 71.041667vw;
    padding-top: 10.416667vw;
    padding-bottom: 6.25vw;
    margin: 0 auto;
}

#kitty .section-footnote li {
    list-style-type: decimal;
    color: #838389;
}

#kitty .section-footnote li:target,
#kitty .section-footnote li.active {
    color: #000;
}

#kitty .section-footnote ol {
    padding-left: 1.25vw;
    font-size: 1.145833vw;
}

#kitty .section-footnote a {
    color: #1f71ff;
    word-break: break-word;
}

@media (min-width: 1920px) {
    #kitty .section-footnote ol {
        padding-left: 1.25vw;
        font-size: .625vw;
    }
}

@media (max-width: 1920px) and (min-aspect-ratio: 11 / 10) {
    #kitty .section-footnote ol {
        padding-left: 24px;
        font-size: 12px;
    }
}

@media (max-aspect-ratio: 11 / 10) {
    #kitty .section-footnote {
        padding-top: 22.222222vw;
    }

    #kitty .section-footnote .section-content {
        width: 83.333333vw;
        padding-top: 5.555556vw;
        padding-bottom: 16.666667vw;
    }

    #kitty .section-footnote ol {
        padding-left: 4.166667vw;
        font-size: 3.333333vw;
    }
}

@media (max-width: 1200px) and (min-aspect-ratio: 11 / 10) {
    #kitty .section-performance .features-content .case:nth-child(3) .case-item {
        width: 19vw;
    }

    #kitty .section-performance .features-content .case:nth-child(6) .case-item {
        width: 21vw;
    }
}

@media (max-aspect-ratio: 11 / 10) {
    #kitty .showpc {
        display: none;
    }

    #kitty .showmob {
        display: block;
    }

    #kitty .spacer {
        padding-top: 27.777778vw;
        margin-top: 0;
    }

    #kitty p {
        font-size: 3.888889vw;
    }

    #kitty .note {
        font-size: 2.777778vw;
    }

    #kitty .headline {
        font-size: 6.666667vw;
    }

    #kitty .section-highlights h2 {
        margin-bottom: 5.555556vw;
    }

    #kitty h3 {
        font-size: 3.333333vw;
    }

    #kitty .section-hero .hero-text {
        width: 86.666667vw;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        top: 102.777778vw;
        margin: 0 auto;
    }

    #kitty .section-hero .hero-text p {
        font-size: 3.333333vw;
        margin-top: 4.166667vw;
    }

    #kitty .bg-content {
        background-image: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/wearables/kids-watch-5-lite/img/highlights/huawei-kids-watch-5-lite-product-highlights-bg-xs.jpg);
        margin-top: 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #kitty .section-highlights {
        padding: 0;
    }

    #kitty .section-highlights .highlights-list {
        width: 91.666667vw;
    }

    #kitty .section-highlights .highlights-list .highlights-item {
        border-radius: 2.777778vw;
    }

    #kitty .section-highlights .highlights-list .highlights-1 {
        width: 50.833333vw;
        margin-right: 1.944444vw;
    }

    #kitty .section-highlights .highlights-list .highlights-2 {
        width: 38.888889vw;
        height: 45vw;
    }

    #kitty .section-highlights .highlights-list .highlights-3 {
        width: 91.666667vw;
        margin: 2.777778vw auto;
        order: 4;
    }

    #kitty .section-highlights .highlights-list .highlights-4 {
        order: 3;
        width: 38.888889vw;
        margin-top: -32.5vw;
        margin-left: 52.777778vw;
    }

    #kitty .section-highlights .highlights-list .highlights-5 {
        order: 6;
        width: 35.277778vw;
        margin: 0 0 0 1.944444vw;
    }

    #kitty .section-highlights .highlights-list .highlights-6 {
        order: 5;
        width: 54.444444vw;
        margin: 0;
    }

    #kitty .section-highlights .highlights-list .highlights-item .highlights-desc p {
        font-size: 3.611111vw;
    }

    #kitty .section-highlights .highlights-list .highlights-1 .highlights-desc {
        top: 5.277778vw;
    }

    #kitty .section-highlights .highlights-list .highlights-2 .highlights-desc {
        top: 5.277778vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        text-align: center;
    }

    #kitty .section-highlights .highlights-list .highlights-4 .highlights-desc {
        top: 50%;
        left: 3.75vw;
        transform: translate(0, -50%);
    }

    #kitty .section-highlights .highlights-list .highlights-3 .highlights-desc {
        left: 11.111111vw;
    }

    #kitty .section-highlights .highlights-list .highlights-5 .highlights-desc {
        top: 1.25vw;
        left: 50%;
        transform: translate(-50%, 0);
    }

    #kitty .section-highlights .highlights-list .highlights-5 .highlights-desc p {
        line-height: 1;
    }

    #kitty .section-highlights .highlights-list .highlights-6 .highlights-desc {
        top: 50%;
        left: auto;
        right: 3.75vw;
        transform: translate(0, -50%);
    }

    #kitty .section-highlights .highlights-list .highlights-item .highlights-arrow {
        width: 3.333333vw;
        height: 3.333333vw;
        right: 2.083333vw;
        bottom: 2.083333vw;
    }

    #kitty .section-design.spacer {
        overflow: hidden;
        margin: 0;
    }

    #kitty .section-design .design-content {
        flex-direction: column-reverse;
    }

    #kitty .section-design .design-content-2 {
        margin-top: 0;
    }

    #kitty .section-design .design-content .left-pic {
        width: 84.027778vw;
        margin: 0;
        z-index: 2;
        margin-left: -4.444444vw;
    }

    #kitty .section-design .design-content .design-title {
        margin: 0 0 0 9.722222vw;
    }

    #kitty .section-design .design-content .left-pic p {
        font-size: 3.611111vw;
        margin-left: 63.888889vw;
        margin-top: -18.611111vw;
    }

    #kitty .section-design .right-bg {
        width: 28.611111vw;
        top: 44.444444vw;
    }

    #kitty .section-design .left-bg {
        width: 42.361111vw;
        top: 116.111111vw;
    }

    #kitty .section-design .design-content .right-pic {
        width: 83.680556vw;
        margin-left: 23.333333vw;
        z-index: 2;
    }

    #kitty .section-design .design-content .right-pic p {
        font-size: 3.611111vw;
        text-align: left;
        margin-left: 10.833333vw;
        margin-top: -15.277778vw;
    }

    #kitty .section-design .design-content .design-desc {
        margin-top: 8.333333vw;
        width: 79.166667vw;
        margin-left: 9.722222vw;
    }

    #kitty .section-offline {
        margin-top: .416667vw;
    }

    #kitty .section-offline .copy-content {
        width: 72.222222vw;
        flex-direction: column;
        margin: 0 0 0 9.722222vw;
    }

    #kitty .section-offline .copy-content p {
        width: auto;
        margin: 4.722222vw 0 0 0;
    }

    #kitty .section-offline .pic-content .pic-item {
        width: 94.791667vw;
        margin: 1.666667vw 0 0 auto;
    }

    #kitty .section-offline .pic-content .circle-waves {
        width: 97.916667vw;
        height: 45.972222vw;
        top: 49vw;
    }

    #kitty .section-offline .pic-content .remark {
        width: 75.277778vw;
        margin-top: 6.666667vw;
    }

    #kitty .section-accurate .accurate-content {
        flex-direction: column-reverse;
        width: 82.638889vw;
    }

    #kitty .section-accurate .accurate-content .copy-content {
        margin-left: 9.722222vw;
    }

    #kitty .section-accurate .accurate-content .copy-content p {
        width: auto;
        margin-top: 4.722222vw;
    }

    #kitty .section-accurate .accurate-content .copy-content .features-content .features-item .title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    #kitty .section-accurate .accurate-content .copy-content .features-content .features-item img {
        width: 11.944444vw;
        margin: 0 0 2.083333vw 0;
    }

    #kitty .section-accurate .accurate-content .copy-content .features-content {
        width: 79.444444vw;
        margin-top: 3.611111vw;
        margin-left: 1.111111vw;
    }

    #kitty .section-accurate .accurate-content .copy-content .features-content .features-item:nth-child(1) {
        width: 39.166667vw;
        margin-bottom: 5.138889vw;
    }

    #kitty .section-accurate .accurate-content .copy-content .features-content .features-item:nth-child(2),
    #kitty .section-accurate .accurate-content .copy-content .features-content .features-item:nth-child(4) {
        width: 33.333333vw;
    }

    #kitty .section-accurate .accurate-content .copy-content .features-content .features-item:nth-child(3) {
        width: 36.388889vw;
    }

    #kitty .section-accurate .accurate-content .copy-content .features-content .features-item p {
        font-size: 2.5vw;
    }

    #kitty .section-accurate .accurate-content .pic-item {
        width: 100vw;
        margin: 3.75vw 0 0 0;
    }

    #kitty .section-meetime .meetime-content {
        margin-top: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    #kitty .section-meetime .meetime-content .copy-content {
        width: 78.055556vw;
        margin: 0 0 0 9.722222vw;
    }

    #kitty .section-meetime .meetime-content .pic-content {
        width: 100%;
        margin-top: -18.472222vw;
    }

    #kitty .section-meetime .meetime-content .copy-content p {
        margin-top: 4.722222vw;
    }

    #kitty .section-fridens .fridens-content {
        align-items: flex-start;
        margin-top: -9.861111vw;
        flex-direction: column-reverse;
    }

    #kitty .section-fridens .copy-content {
        width: 80.833333vw;
        margin-left: 9.722222vw;
    }

    #kitty .section-fridens .copy-content p {
        margin-top: 4.722222vw;
    }

    #kitty .section-fridens .copy-content .features-content {
        margin-top: 3.611111vw;
    }

    #kitty .section-fridens .copy-content .features-content .features-item:nth-child(1) {
        width: 32.638889vw;
    }

    #kitty .section-fridens .copy-content .features-content .features-item:nth-child(2) {
        width: 33.194444vw;
    }

    #kitty .section-fridens .copy-content .features-content .features-item .title {
        align-items: flex-start;
        flex-direction: column;
    }

    #kitty .section-fridens .copy-content .features-content .features-item .title img {
        width: 11.944444vw;
        margin: 0 0 2.083333vw 0;
    }

    #kitty .section-fridens .copy-content .features-content .features-item p {
        font-size: 2.5vw;
        margin-top: 2.361111vw;
    }

    #kitty .section-fridens .fridens-content .pic-item {
        width: 100%;
        margin-top: -18.472222vw;
    }

    #kitty .section-resistance .copy-content {
        align-items: flex-start;
        margin-top: -9.861111vw;
        flex-direction: column;
        margin-left: 9.722222vw;
    }

    #kitty .section-resistance .copy-content p {
        width: 73.055556vw;
        margin-left: 0;
        margin-top: 4.722222vw;
    }

    #kitty .section-resistance .pic-content {
        width: 97.222222vw;
        margin-top: 3.472222vw;
    }

    #kitty .section-time .time-content {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    #kitty .section-time .time-content .copy-content {
        width: 78.194444vw;
        margin-left: 9.722222vw;
    }

    #kitty .section-time .time-content .copy-content p {
        margin-top: 4.722222vw;
    }

    #kitty .section-time .time-content .copy-content .features-content {
        margin-top: 3.611111vw;
    }

    #kitty .section-time .time-content .copy-content .features-content .features-item:nth-child(1) {
        width: 35.277778vw;
    }

    #kitty .section-time .time-content .copy-content .features-content .features-item:nth-child(2) {
        width: 32.777778vw;
    }

    #kitty .section-time .time-content .copy-content .features-content .features-item .title {
        align-items: flex-start;
        flex-direction: column;
    }

    #kitty .section-time .time-content .copy-content .features-content .features-item .title img {
        width: 11.944444vw;
        margin: 0 0 2.083333vw 0;
    }

    #kitty .section-time .time-content .copy-content .features-content .features-item p {
        margin-top: 2.361111vw;
        font-size: 2.5vw;
    }

    #kitty .section-time .time-content .pic-item {
        width: 93.680556vw;
        margin: 0 auto;
    }

    #kitty .section-health {
        position: relative;
        padding-bottom: 16.666667vw;
    }

    #kitty .section-health .copy-content {
        text-align: left;
        width: 80.694444vw;
        margin: 0 0 0 9.722222vw;
    }

    #kitty .section-health .copy-content p.gray {
        margin: 4.722222vw 0 0 0;
    }

    #kitty .section-health .copy-content p.note {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 75.972222vw;
        text-align: center;
    }

    #kitty .section-health .pic-content .pic-item {
        width: 46.666667vw;
    }

    #kitty .section-health .pic-content .left-desc {
        margin-right: 0;
        margin-top: 12.916667vw;
    }

    #kitty .section-health .pic-content p {
        font-size: 2.5vw;
        padding: 2.577778vw;
        border-radius: 12.5vw;
        text-align: center;
    }

    #kitty .section-health .pic-content .left-desc div:nth-child(1) p {
        padding: .555556vw 2.611111vw;
    }

    #kitty .section-health .pic-content .left-desc div:nth-child(3) p {
        padding: .555556vw 4vw;
    }

    #kitty .section-health .pic-content .right-desc {
        margin-left: 2.361111vw;
        margin-top: 12.916667vw;
    }

    #kitty .section-health .pic-content .left-desc div,
    #kitty .section-health .pic-content .right-desc div {
        margin-bottom: 5.916667vw;
    }

    #kitty .section-health .pic-content .right-desc div:nth-child(2) p {
        padding: .555556vw 3.888889vw;
    }

    #kitty .section-health .pic-content .right-desc div:nth-child(3) p {
        padding: .555556vw 4.861111vw;
    }

    #kitty .section-paying .paying-content {
        align-items: flex-start;
        flex-direction: column;
    }

    #kitty .section-paying .paying-content .copy-content {
        width: 75vw;
        margin: 0 0 0 9.722222vw;
    }

    #kitty .section-paying .paying-content p {
        margin: 4.722222vw auto 3.611111vw;
    }

    #kitty .section-paying .paying-content .copy-content .features-content {
        width: 41.944444vw;
        margin: 0 auto;
    }

    #kitty .section-paying .paying-content .copy-content .features-content .title {
        flex-direction: column;
    }

    #kitty .section-paying .paying-content .copy-content .features-content .title img {
        width: 11.898611vw;
        margin: 0 0 2.083333vw 0;
    }

    #kitty .section-paying .paying-content .pic-item {
        width: 51.527778vw;
        margin: 8.333333vw auto 0;
    }

    #kitty .section-safety .copy-content {
        flex-direction: column;
        margin-left: 9.722222vw;
    }

    #kitty .section-safety .copy-content p {
        width: 76.388889vw;
        margin: 4.722222vw 0 0 0;
    }

    #kitty .section-safety .pic-content {
        width: 100%;
        margin: 6.25vw auto 0;
    }

    #kitty .section-app .app-content .left-box,
    #kitty .section-app .app-content .right-box {
        width: 91.666667vw;
        margin: 0 auto;
        height: 147.222222vw;
        border-radius: 2.777778vw;
    }

    #kitty .section-app .app-content .left-box {
        margin: 0 0 13.888889vw 0;
    }

    #kitty .section-app .app-content .left-box .copy-content {
        width: 80.555556vw;
        margin: 8.333333vw auto 0;
    }

    #kitty .section-app .app-content .right-box .copy-content {
        width: 100%;
        margin: 8.333333vw auto 0;
    }

    #kitty .section-app .app-content .left-box .copy-content h2,
    #kitty .section-app .app-content .left-box .copy-content .icon-content,
    #kitty .section-app .app-content .right-box .copy-content h2 {
        margin-left: 0;
    }

    #kitty .section-app .app-content .right-box .copy-content h2 {
        margin-left: 5.555556vw;
    }

    #kitty .section-app .app-content .left-box .copy-content p.gray {
        margin: 4.722222vw auto 7.291667vw;
        width: auto;
    }

    #kitty .section-app .app-content .left-box .copy-content .icon-content {
        justify-content: space-between;
    }

    #kitty .section-app .app-content .left-box .copy-content .icon-content .icon-item {
        margin-right: 0;
        width: 16.66666666vw;
    }

    #kitty .section-app .app-content .left-box .copy-content .icon-content img {
        width: 10.555556vw;
    }

    #kitty .section-app .app-content .left-box .copy-content .icon-content .icon-item p {
        font-size: 2.777778vw;
        margin: 1.666667vw auto 12.027778vw;
    }

    #kitty .section-app .app-content .left-box .copy-content .pic-content {
        width: 71.111111vw;
    }

    #kitty .section-app .app-content .right-box .copy-content p.gray {
        width: 80.555556vw;
        margin: 4.722222vw 0 11.388889vw 5.555556vw;
    }

    #kitty .section-app .app-content .right-box .copy-content .pic-content {
        width: 88.888889vw;
    }

    #kitty .section-performance .copy-content {
        width: 80.555556vw;
        text-align: left;
    }

    #kitty .section-performance .copy-content img {
        width: 28.406944vw;
    }

    #kitty .section-performance .copy-content h2 {
        margin: 4.166667vw auto 4.722222vw;
    }

    #kitty .section-performance .features-content {
        width: 91.666667vw;
        margin: 6.388889vw auto 0;
    }

    #kitty .section-performance .features-content .case {
        width: 44.444444vw;
        height: 40.972222vw;
        border-radius: 2.777778vw;
    }

    #kitty .section-performance .features-content .case:nth-child(1),
    #kitty .section-performance .features-content .case:nth-child(3) {
        margin-bottom: 2.777778vw;
    }

    #kitty .section-performance .features-content .case img {
        width: 14.634722vw;
    }

    #kitty .section-performance .features-content .case .case-item {
        width: 39vw;
        text-align: center;
        margin: 3.75vw auto 0;
    }

    #kitty .section-performance .features-content .case .case-item h3 {
        margin: 2.916667vw auto 1.944444vw;
        font-size: 4.444444vw;
    }

    #kitty .section-performance .features-content .case .case-item p {
        font-size: 2.777778vw;
    }
}

.section-hero .section-pic-center {
    position: relative;
    z-index: 1;
    text-align: center;
}

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

#kitty .section-hero .section-kv-pic sup {
    font-size: 1.46vw;
    vertical-align: unset;
}

#kitty.ie-style .section-hero .section-kv-pic sup {
    vertical-align: text-top;
}

.section-hero .price_btn {
    color: #000 !important;
}

.section-hero .section-kv-pic span {
    font-size: .45em;
    font-weight: 500;
}

.section-hero .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: 24px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.section-slogan-botton:hover {
    opacity: 0.8;
}

.section-hero .section-slogan-botton a {
    color: #fff !important;
    cursor: pointer;
}

#kitty .footlast::before {
    content: "*";
    position: absolute;
    top: 0;
    /* left: -9px; */
    padding-right: 3px;
    transform: translateX(-100%);
}

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

@media (max-width: 1910px) {
    .section-hero .section-kv-pic span {
        font-size: 12px;
    }
}

@media (max-aspect-ratio: 51 / 50) {
    .section-hero .section-kv-pic {
        font-size: 5.56vw;
        margin-top: 6.6666666666vw;
    }

    #kitty .section-hero .section-kv-pic sup {
        font-size: 5.56vw;
    }

    .section-hero .section-kv-pic span {
        font-size: .65em;
    }

    #kitty .bg-content {
        margin-top: 34.777778vw;
    }

    #kitty .section-hero .hero-text p {
        margin-bottom: 0;

    }
}
#kitty .section-app{
    width: 100%;
    overflow: hidden;
    margin: 10.416667vw 0 0;
}
#kitty .app-swiper {
    position: relative;
    width: 71.09375vw;
    margin:0 auto;
}

#kitty .section-app .app-content .right2-box {
    width: 34.21875vw;
    height: 45.052083vw;
    background-color: #ffffff;
    border-radius: 1.041667vw;
}
#kitty .section-app .app-content .right-box {
    margin-right: 2.604167vw;
}

#kitty .section-app .app-content .right2-box .copy-content {
    margin: 2.8125vw auto 0;
}

#kitty .section-app .app-content .right2-box .copy-content h2{
    margin-left: 3.125vw;
}
#kitty .section-app .app-content .right2-box .copy-content p.gray{
    width: 26.041667vw;
    margin: 1.5625vw 0 1.927083vw 3.125vw;
}

#kitty .section-app .app-content .right2-box .img-wrap {
    width:31.25vw;
    margin: 0 auto;
}

#kitty .section-app .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 .section-app .swiper-btns .swiper-button-prev {
    left: -5.729167vw;
}

#kitty .section-app .swiper-btns .swiper-button-next {
    left: auto;
    right: -5.729167vw;
}

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

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

@media (max-aspect-ratio: 11 / 10) {
    #kitty .section-app{
        margin: 0;
    }
    #kitty .app-swiper {
        width: 100%;
    }
    #kitty .app-swiper .app-content{
        flex-direction: column;
        align-items: center;
    }

    #kitty .section-app .app-content .right2-box {
        width: 91.666667vw;
        margin: 0 auto;
        height: 147.222222vw;
        border-radius: 2.777778vw;
    }

    #kitty .section-app .app-content .right-box {
        margin: 0 0 13.888889vw 0;
    }

    #kitty .section-app .app-content .right2-box .copy-content {
        margin: 8.33333334vw auto 0;
    }

    #kitty .section-app .app-content .right2-box .copy-content h2 {
        margin-left: 5.555556vw;
    }

    #kitty .section-app .app-content .right2-box .copy-content p.gray {
        width: 81.944444444444445vw;
        margin: 4.722222vw 0 13.888889vw 5.555556vw;
    }

    #kitty .section-app .app-content .right2-box .img-wrap {
        width: 83.3333333333334vw;
    }
    #kitty .section-app .swiper-btns .swiper-button{
        display: none;
    }
}