/* common start */
html.noscroll body {
    overflow: hidden;
    scrollbar-gutter: stable;
}

.niki-main {
    position: relative;
    font-weight: 400;
    line-height: 1.6;
    background: #f5f5f7;
}

.niki-main * {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

.niki-main sup {
    font-size: 0.6em;
}

.niki-main sup.yes-click {
    cursor: pointer;
}

.niki-main a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.niki-main ul,
.niki-main ol {
    list-style: none;
    list-style-image: none;
}

.niki-main button {
    border: 0;
    font-size: 0;
    line-height: 0;
}

.niki-main .nr {
    white-space: nowrap;
    display: inline-block;
}

.niki-main img,
.niki-main picture {
    border: 0;
    width: 100%;
    display: block;
}

.niki-main svg {
    width: 100%;
    display: block;
    overflow: visible;
}

.niki-main video {
    border: 0;
    width: 100%;
    display: block;
    object-fit: cover;
}

.niki-main canvas {
    display: block;
    width: 100%;
}

.niki-main em {
    font-style: inherit;
}

.niki-main .is-ucwx {
    display: none !important;
}

.niki-main .blur-up {
    filter: blur(20px);
    -webkit-filter: blur(20px);
    transition: filter 0.2s;
    -webkit-transition: filter 0.2s;
    -moz-transition: filter 0.2s;
}

.niki-main .blur-up.lazyloaded {
    filter: blur(0);
    -webkit-filter: blur(0);
}

.niki-main br {
    line-height: 0;
}

.niki-main .show-mob,
.niki-main .show-mob-inline {
    display: none;
}

.niki-main .show-pc {
    display: block;
}

.niki-main .show-pc-inline {
    display: inline-block;
}

.niki-main .common-big-title {
    color: #18191a;
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.niki-main .common-sub-title {
    color: #000;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.niki-main .common-desc {
    color: #797c80;
    font-size: 1.145833vw;
    font-weight: 400;
    line-height: 1.6;
}

.niki-main .common-desc .highlight-txt {
    color: #000;
    font-style: inherit;
    font-weight: inherit;
}

.niki-main .video-control-btn {
    width: 2.0833334vw;
    height: 2.0833334vw;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.niki-main .video-control-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(128, 128, 128, 0.5);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    border-radius: 50%;
    overflow: hidden;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transform: translate3d(0, 0, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
}

.niki-main .video-control-btn .video-btn {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.niki-main .video-control-btn .btn-item {
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .video-control-btn:hover {
        cursor: pointer;
    }

    .niki-main .video-control-btn:hover::before {
        opacity: .6;
    }

}

.niki-main .control-video[data-video-state="play"] .video-play {
    opacity: 1;
}

.niki-main .control-video[data-video-state="pause"] .video-pause {
    opacity: 1;
}

.niki-main .control-video[data-video-state="replay"] .video-replay {
    opacity: 1;
}

.niki-main .floating {
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transition: none;
}

/* common end */

/* kv start */
.niki-main .niki-kv {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.niki-main .niki-kv .kv-video {
    position: relative;
    width: 100%;
    height: 50vw;
    overflow: hidden;
    mix-blend-mode: darken;
}

.niki-main .niki-kv .kv-video video {
    width: 100vw;
    height: 100%;
}

.niki-main .niki-kv .kv-info {
    position: absolute;
    top: 21.875vw;
    left: 61.822917vw;
    width: 31.770833vw;
    z-index: 1;
    text-align: center;
    opacity: 0;
    transform: translate(10.416667vw, 0);
    -webkit-transform: translate(10.416667vw, 0);
    -moz-transform: translate(10.416667vw, 0);
}

.niki-main .niki-kv.animated .kv-info {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
}

.niki-main .niki-kv .product-img {
    width: 30.989583vw;
    margin: 0 auto;
}

.niki-main .niki-kv .slogan-txt {
    color: #18191a;
    font-size: 1.979167vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    margin-top: 1.666667vw;
}

.niki-main .product-buy-btn-wrap {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 2.916667vw;
}

.niki-main .product-buy-btn-price {
    color: #000;
    font-size: 1.458333vw;
    font-weight: 400;
    line-height: 1.25;
}

.niki-main .product-buy-btn-price .price_btn {
    color: inherit;
}

.niki-main .product-buy-btn-price span {
    font-size: 0.677083vw;
    font-weight: 400;
}

.niki-main .product-buy-btn-wrap .product-buy-btn {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 6px 20px;
    border: 2px solid #000;
    background: #000;
    transition: 0.3s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 4px;
}

.niki-main .niki-kv .hm-logo {
    position: absolute;
    width: 8.333333vw;
    bottom: 3.125vw;
    right: 3.125vw;
    opacity: 0;
    transform: translate(10.416667vw, 0);
    -webkit-transform: translate(10.416667vw, 0);
    -moz-transform: translate(10.416667vw, 0);
}

.niki-main .niki-kv.animated .hm-logo {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
}


@media (pointer: fine) and (hover: hover) {
    .niki-main .product-buy-btn-wrap .product-buy-btn:hover {
        opacity: .8;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-kv .kv-video {
        height: 200vw;
    }

    .niki-main .niki-kv .kv-video::before {
        content: "";
        display: block;
        width: 100%;
        height: 29.16666666666667vw;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(245, 245, 247, 0) 0%, #f5f5f7 87.18%);
        pointer-events: none;
    }

    .niki-main .niki-kv .kv-info {
        width: 90%;
        top: 121.3888888888889vw;
        left: 50%;
        transform: translate(-50%, 27.777778vw);
        -webkit-transform: translate(-50%, 27.777778vw);
        -moz-transform: translate(-50%, 27.777778vw);
    }

    .niki-main .niki-kv.animated .kv-info {
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
    }

    .niki-main .niki-kv .product-img {
        width: 71.111111vw;
    }

    .niki-main .niki-kv .slogan-txt {
        font-size: 4.444444vw;
        margin-top: 4.444444vw;
    }

    .niki-main .product-buy-btn-wrap {
        margin-top: 16.666667vw;
    }

    .niki-main .product-buy-btn-price {
        font-size: 5.555555556vw;
    }

    .niki-main .product-buy-btn-price span {
        font-size: 3.61111111vw;
    }

    .niki-main .niki-kv .hm-logo {
        width: 25vw;
        right: 7.777778vw;
        bottom: 8.3333333333333334vw;
        transform: translate(0, 27.777778vw);
        -webkit-transform: translate(0, 27.777778vw);
        -moz-transform: translate(0, 27.777778vw);
    }
}

/* kv end */
/* s2 start */

.niki-main .niki-bg1 {
    position: relative;
    z-index: 2;
}

.niki-main .niki-bg1::before {
    content: "";
    width: 100%;
    opacity: 0.29;
    height: 137.135417vw;
    background: linear-gradient(180deg, rgba(223, 240, 162, 0) 17.35%, #dff0a2 55.9%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: -10.416667vw;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-bg1::before {
        top: 42.833333vw;
        height: 271.527778vw;
        background: linear-gradient(180deg, rgba(223, 240, 162, 0) 17.35%, #dff0a2 55.9%, rgba(255, 255, 255, 0) 100%);
    }

}

.niki-main .niki-reasontobuy {
    position: relative;
    z-index: 1;
    padding: 8.333333vw 0 0;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-reasontobuy .reasontobuy-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content {
    position: relative;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap {
    height: 37.5vw;
    position: relative;
    overflow: hidden;
    border-radius: 0.833333vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    background: #fff;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content .mask-video::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    inset: 0;
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
    background: var(--mask-url) center / 100% no-repeat;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content .mask-video.show-mask::before {
    opacity: 1;
    transition: opacity 600ms 200ms linear;
    -webkit-transition: opacity 600ms 200ms linear;
    -moz-transition: opacity 600ms 200ms linear;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content1 video {
    transform: scale(1.003);
    -webkit-transform: scale(1.003);
    -moz-transform: scale(1.003);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content2 .watch-iframe {
    position: absolute;
    z-index: 1;
    width: 16.979167vw;
    height: 29.53125vw;
    top: 3.90625vw;
    left: 25.104167vw;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content2 .watch-screen {
    position: absolute;
    z-index: -1;
    width: 13.333333vw;
    height: 15.625vw;
    top: 6.979167vw;
    left: 1.302083vw;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .8;
    background: linear-gradient(180deg, #f0ecf8 0%, #ffffff 100%);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content4 .content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .8;
    background: linear-gradient(180deg, #ecf2c5 0%, #ffffff 100%);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, #ccf5c9 0%, #ffffff 100%);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content6 .content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, #f6f1ea 0%, #ffffff 100%);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-list {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 1;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item {
    position: absolute;
    transition: transform 0.8s cubic-bezier(0.56, 0.06, 0.48, 1), opacity 0.2s linear;
    -webkit-transition: transform 0.8s cubic-bezier(0.56, 0.06, 0.48, 1), opacity 0.2s linear;
    -moz-transition: transform 0.8s cubic-bezier(0.56, 0.06, 0.48, 1), opacity 0.2s linear;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item1 {
    width: 15.833333vw;
    height: 17.864583vw;
    top: 6.770833vw;
    left: 14.6875vw;
    transform-origin: top right;
    transform: translate(7.8vw, 0vw) rotate(-20deg) scale(1.09);
    -webkit-transform: translate(7.8vw, 0vw) rotate(-20deg) scale(1.09);
    -moz-transform: translate(7.8vw, 0vw) rotate(-20deg) scale(1.09);
    opacity: 0;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item1 img {
    transform: translate3d(0, 0, 0) rotate(22deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(22deg);
    -moz-transform: translate3d(0, 0, 0) rotate(22deg);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item2 {
    width: 18.541667vw;
    height: 20.885417vw;
    top: 10.520833vw;
    left: 23.75vw;
    z-index: 1;
    transform: translate(0.7vw, -1.8vw) rotate(5deg) scale(0.95);
    -webkit-transform: translate(0.7vw, -1.8vw) rotate(5deg) scale(0.95);
    -moz-transform: translate(0.7vw, -1.8vw) rotate(5deg) scale(0.95);
    opacity: 0;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item2 img {
    transform: translate3d(0, 0, 0) rotate(-5deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(-5deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-5deg);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item3 {
    width: 19.21875vw;
    height: 21.614583vw;
    top: 10.885417vw;
    left: 35.208333vw;
    z-index: 2;
    transform-origin: top left;
    transform: translate(-5.8vw, -4.9vw) rotate(23.3deg) scale(0.95);
    -webkit-transform: translate(-5.8vw, -4.9vw) rotate(23.3deg) scale(0.95);
    -moz-transform: translate(-5.8vw, -4.9vw) rotate(23.3deg) scale(0.95);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item3 img {
    transform: translate3d(0, 0, 0) rotate(-23deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(-23deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-23deg);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3.animated .watch-item {
    opacity: 1;
    transform: translate(0, 0) rotate(0) scale(1);
    -webkit-transform: translate(0, 0) rotate(0) scale(1);
    -moz-transform: translate(0, 0) rotate(0) scale(1);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .battery-icon {
    width: 31.458333vw;
    height: 15.989583vw;
    margin: 8.697917vw auto 0;
    position: relative;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .battery-progress {
    position: absolute;
    z-index: 1;
    width: 23.541667vw;
    height: 11.041667vw;
    top: 50%;
    left: 2.395833vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    display: flex;
    background: #fff;
    border-radius: 1.822917vw;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .progress-inline {
    flex-basis: 16.151%;
    background: #00CC1F;
    border-radius: 1.822917vw;
    transition: flex-basis 0.8s linear;
    -webkit-transition: flex-basis 0.8s linear;
    -moz-transition: flex-basis 0.8s linear;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5.animated .progress-inline {
    flex-basis: 100%;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .battery-para {
    display: flex;
    justify-content: center;
    margin-top: 2.604167vw;
    gap: 0 4.166667vw;
    opacity: 0;
    transform: translateY(2.083333vw);
    -webkit-transform: translateY(2.083333vw);
    -moz-transform: translateY(2.083333vw);
    transition: opacity 0.6s linear, transform 0.8s linear;
    -webkit-transition: opacity 0.6s linear, transform 0.8s linear;
    -moz-transition: opacity 0.6s linear, transform 0.8s linear;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5.animated .battery-para {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item {
    position: relative;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item:nth-child(n+2):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    left: -2.083333vw;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    background: #d9d9d9;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item .para-number {
    width: fit-content;
    color: transparent;
    font-size: 1.25vw;
    line-height: 1.25;
    font-weight: 500;
    background: linear-gradient(180deg, #d0d0d0 0%, #d0d0d0 22.21%, #b9ffc3 38.97%, #00cc1f 66.92%, #00cc1f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 100% 300%;
    transition: background-position-y 0.8s 0.05s linear;
    -webkit-transition: background-position-y 0.8s 0.05s linear;
    -moz-transition: background-position-y 0.8s 0.05s linear;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5.animated .para-number {
    background-position-y: 100%;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item .para-number span {
    font-size: 3.333333vw;
}

.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item p {
    color: #797c80;
    font-size: 1.145833vw;
    line-height: 1.6;
    font-weight: 500;
    margin-top: 0.15625vw;
}


.niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasontobuy-title {
    position: absolute;
    padding: 2.5vw;
    top: 0;
    left: 0;
    z-index: 1;
    transition-timing-function: cubic-bezier(0.85, 0.02, 0.15, 0.53);
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.niki-main .niki-reasontobuy.will-change .reasontobuy-title {
    will-change: transform, opacity;
}

.niki-main .niki-reasontobuy .reasontobuy-title h2 {
    color: #18191a;
    font-size: 1.666667vw;
    font-weight: 600;
    line-height: 1.5;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container {
    margin-top: 2.5vw;
    display: flex;
    justify-content: center;
    position: relative;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .reasontobuy-btn-wrap {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    overflow: hidden;
    padding: 0.625vw 1.041667vw;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .btn-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(224, 233, 44, .3);
    pointer-events: none;
    border-radius: 999px;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    box-shadow: 0px 0px 0.78125vw #e0e92c inset;
    opacity: .6;
    border-radius: 999px;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .button-item {
    width: 2.0833334vw;
    height: 2.0833334vw;
    flex-shrink: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .button-disabled {
    pointer-events: none;
    opacity: .3;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .button-prev {
    transform: translate3d(0, 0, 0) rotate(180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(180deg);
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-reasontobuy .reasontobuy-btn-container .button-item:hover {
        cursor: pointer;
        opacity: 0.6;
    }
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .swiper-pagination {
    position: static;
    margin: 0 0.9375vw;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 0.5208334vw;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet {
    margin: 0;
    cursor: default;
    flex-shrink: 0;
    width: 0.5208334vw;
    height: 0.5208334vw;
    background: #5D6500;
    opacity: 0.2;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet-active {
    opacity: .8;
    pointer-events: none;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet:hover {
        opacity: .5;
        cursor: pointer;
    }
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .cursor-shadow-wrap {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    border-radius: 999px;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-container .cursor-shadow-wrap .shadow-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.15625vw;
    height: 5.15625vw;
    opacity: 0.75;
    background: radial-gradient(ellipse 50% 50% at 50% 50%, #feffe5 0%, rgba(254, 255, 229, 0) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.niki-main .niki-reasontobuy .reasontobuy-btn-wrap.show .shadow-item {
    opacity: 1;
}


@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-reasontobuy {
        padding: 16.666667vw 0 27.77777777778vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper {
        width: 82.222222vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap {
        height: 108.33333333333334vw;
        border-radius: 2.2222222222222223vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content2 .watch-iframe {
        width: 45.416667vw;
        height: 78.888889vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content2 .watch-screen {
        width: 35.416667vw;
        height: 41.666667vw;
        top: 18.75vw;
        left: 3.611111vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item1 {
        width: 42.222222vw;
        height: 47.638889vw;
        top: 21.944444vw;
        left: -3.055556vw;
        transform: translate(13.5vw, -1vw) rotate(-22deg) scale(1.1);
        -webkit-transform: translate(13.5vw, -1vw) rotate(-22deg) scale(1.1);
        -moz-transform: translate(13.5vw, -1vw) rotate(-22deg) scale(1.1);
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item2 {
        width: 49.444444vw;
        height: 55.694444vw;
        top: 31.805556vw;
        left: 21.111111vw;
        transform: translate(-4.9vw, -5vw) rotate(5deg) scale(0.97);
        -webkit-transform: translate(-4.9vw, -5vw) rotate(5deg) scale(0.97);
        -moz-transform: translate(-4.9vw, -5vw) rotate(5deg) scale(0.97);
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content3 .watch-item3 {
        width: 51.25vw;
        height: 57.638889vw;
        top: 32.777778vw;
        left: 51.666667vw;
        transform: translate(-23vw, -14vw) rotate(22.8deg) scale(0.97);
        -webkit-transform: translate(-23vw, -14vw) rotate(22.8deg) scale(0.97);
        -moz-transform: translate(-23vw, -14vw) rotate(22.8deg) scale(0.97);
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .battery-icon {
        width: 64.861111vw;
        height: 33.055556vw;
        margin: 21.11111111111111vw auto 0;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .battery-progress {
        width: 48.611111vw;
        height: 22.777778vw;
        left: 5vw;
        border-radius: 4.861111vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .progress-inline {
        border-radius: 4.444444vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .battery-para {
        margin-top: 15.27777777777778vw;
        flex-wrap: wrap;
        gap: 4.444444vw 7.777777777777778vw;
        transform: translateY(11.111111vw);
        -webkit-transform: translateY(11.111111vw);
        -moz-transform: translateY(11.111111vw);
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item:nth-child(n+2):after {
        display: none;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item .para-number {
        font-size: 3.611111vw;
        margin: 0 auto;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item .para-number span {
        font-size: 9.444444vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content5 .para-item p {
        font-size: 3.333333334vw;
        margin-top: 1.111111vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasontobuy-title {
        width: 100%;
        position: static;
        padding: 6.666667vw 0 0;
        text-align: center;
        opacity: 1;
    }

    .niki-main .niki-reasontobuy.will-change .reasontobuy-title h2 {
        color: #000;
        font-size: 5.555556vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-btn-container {
        margin-top: 8.888888888888889vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-btn-container .reasontobuy-btn-wrap {
        padding: 0 1.666667vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-btn-container .btn-bg-wrap {
        box-shadow: 0px 0px 2.0833333333333334vw #e0e92c inset;
    }

    .niki-main .niki-reasontobuy .reasontobuy-btn-container .button-item {
        width: 13.333333vw;
        height: 13.333333vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-btn-container .swiper-pagination {
        margin: 0 1.111111vw;
        gap: 0 3.333333vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
    }

    .niki-main .niki-reasontobuy .reasontobuy-btn-container .cursor-shadow-wrap {
        display: none;
    }

}

/* s2 end */
/* s3 start */
.niki-main .niki-s3 {
    margin-top: 10.416667vw;
}

.niki-main .niki-s3 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.niki-main .niki-s3 .content-wrap .common-big-title {
    color: #c3cc00;
}

.niki-main .niki-s3 .id-container {
    width: 67.5vw;
    position: relative;
    margin: 4.166667vw auto 0;
}

.niki-main .niki-s3 .id-container .id-wrap {
    width: 100%;
    height: 35.625vw;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 0.833333vw;
    overflow: hidden;
}

.niki-main .niki-s3 .id-container .mask-bg {
    position: absolute;
    width: 75.416667vw;
    height: 45.208333vw;
    z-index: 1;
    top: -2.34375vw;
    left: 9.8125vw;
    pointer-events: none;
    transition: transform 0.6s, opacity 0.1s;
    -webkit-transition: transform 0.6s, opacity 0.1s;
    -moz-transition: transform 0.6s, opacity 0.1s;
    will-change: transform, opacity;
}

.niki-main .niki-s3 .id-container .mask-bg .mask-img {
    transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
}

.niki-main .niki-s3 .id-container .mask-bg.animated1 {
    transform: scale(0.923);
    -webkit-transform: scale(0.923);
    -moz-transform: scale(0.923);
    transition: transform 0.6s, opacity 0.1s 0.6s;
    -webkit-transition: transform 0.6s, opacity 0.1s 0.6s;
    -moz-transition: transform 0.6s, opacity 0.1s 0.6s;
}

.niki-main .niki-s3 .id-container .mask-bg.animated2 {
    opacity: 0;
    transform: scale(0.923);
    -webkit-transform: scale(0.923);
    -moz-transform: scale(0.923);
    transition: transform 0.6s, opacity 0.4s;
    -webkit-transition: transform 0.6s, opacity 0.4s;
    -moz-transition: transform 0.6s, opacity 0.4s;
}

.niki-main .niki-s3 .id-container .close-btn-wrap {
    position: absolute;
    z-index: 3;
    width: fit-content;
    height: 50%;
    top: 1.666667vw;
    right: 1.666667vw;
}

.niki-main .niki-s3 .id-container .close-btn-wrap .close-item {
    visibility: hidden;
    position: relative;
    z-index: 1;
    width: 2.083333vw;
    height: 2.083333vw;
    border-radius: 50%;
    background: rgba(128, 128, 128, 0.6);
    backdrop-filter: blur(8px) brightness(1.2);
    -webkit-backdrop-filter: blur(8px) brightness(1.2);
    pointer-events: none;
    opacity: 0;
    transform: translateY(3.125vw);
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    transition: background-color 300ms linear, transform 600ms linear, opacity 600ms linear;
    -webkit-transition: background-color 300ms linear, transform 600ms linear, opacity 600ms linear;
    -moz-transition: background-color 300ms linear, transform 600ms linear, opacity 600ms linear;
}

.niki-main .niki-s3 .id-container .close-btn-wrap.show .close-item {
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    pointer-events: all;
    opacity: 1;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s3 .id-container .close-btn-wrap .close-item:hover {
        cursor: pointer;
        background: rgba(128, 128, 128, 0.5);
    }
}

.niki-main .niki-s3 .id-container .tab-container {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 3.333333vw;
    bottom: 0;
    width: 40%;
    z-index: 2;
}

.niki-main .niki-s3 .id-container .tab-swiper {
    width: 100%;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-wrapper {
    gap: 0.833333vw 0;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide {
    width: calc(var(--close-width) / var(--innerWidth) * 100vw);
    height: calc(var(--close-height) / var(--innerWidth) * 100vw);
    position: relative;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    overflow: hidden;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #f5f5f7;
    border-radius: 5.208333vw;
    -webkit-backdrop-filter: blur(1.041667vw);
    backdrop-filter: blur(1.041667vw);
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded::before {
    border-radius: 0.9375vw;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide:not(.expanded):hover {
        cursor: pointer;
    }
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded {
    width: calc(var(--open-width) / var(--innerWidth) * 100vw);
    height: calc(var(--open-height) / var(--innerWidth) * 100vw);
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded .close-content {
    opacity: 0;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    pointer-events: none;
}


.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .close-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625vw 0.83333333vw 0.625vw 1.66666667vw;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    width: fit-content;
    pointer-events: all;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .close-content span {
    flex-shrink: 0;
    color: #190900;
    font-size: max(0.885417vw, 8px);
    line-height: 1.25;
    font-weight: 500;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .close-content img {
    flex-shrink: 0;
    width: 1.4583334vw;
    height: 1.4583334vw;
    margin-left: 0.833333vw;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .open-content {
    position: absolute;
    width: 18.489583vw;
    padding: 1.25vw 1.666667vw;
    top: 0;
    left: 0;
    pointer-events: none;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded .open-content {
    pointer-events: all;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide4 .open-content {
    width: 17.1875vw;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .open-content .content-text {
    opacity: 0;
    transform: translateY(1.45833333vw);
    -webkit-transform: translateY(1.45833333vw);
    -moz-transform: translateY(1.45833333vw);
    transition: opacity 100ms linear 0ms, transform 200ms linear 0ms;
    -webkit-transition: opacity 100ms linear 0ms, transform 200ms linear 0ms;
    -moz-transition: opacity 100ms linear 0ms, transform 200ms linear 0ms;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded .open-content .content-text {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: opacity 800ms ease 50ms, transform 600ms ease 0ms;
    -webkit-transition: opacity 800ms ease 50ms, transform 600ms ease 0ms;
    -moz-transition: opacity 800ms ease 50ms, transform 600ms ease 0ms;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .open-content p {
    color: #190900;
    font-weight: 500;
    font-size: max(0.885417vw, 8px);
    line-height: 1.6;
    font-weight: 500;
}

.niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .open-content p b {
    font-weight: 700;
}

.niki-main .niki-s3 .id-container .id-swiper-container {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.niki-main .niki-s3 .id-container .id-swiper {
    width: 100%;
    height: 100%;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content1 {
    position: absolute;
    width: 75.416667vw;
    height: 45.208333vw;
    top: -2.34375vw;
    left: 9.8125vw;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: transform 0.6s ease, opacity 0.1s linear;
    -webkit-transition: transform 0.6s ease, opacity 0.1s linear;
    -moz-transition: transform 0.6s ease, opacity 0.1s linear;
}

.niki-main .niki-s3 .id-container .id-swiper-container .swiper-slide.active .id-content1 {
    opacity: 1;
    transform: scale(0.923);
    -webkit-transform: scale(0.923);
    -moz-transform: scale(0.923);
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content1 img {
    transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content2 {
    opacity: 0;
    transform: translateY(10.416667vw) scale(0.8);
    -webkit-transform: translateY(10.416667vw) scale(0.8);
    -moz-transform: translateY(10.416667vw) scale(0.8);
}

.niki-main .niki-s3 .id-container .id-swiper-container .swiper-slide.active .id-content2 {
    opacity: 1;
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content3 .material-item {
    position: absolute;
    width: 46.614583vw;
    height: 42.916667vw;
    top: -3.645833vw;
    left: 26.354167vw;
    transform: translateY(2.083333vw);
    -webkit-transform: translateY(2.083333vw);
    -moz-transform: translateY(2.083333vw);
    opacity: 0;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide.active .id-content3 .material-item {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
}


.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line {
    position: absolute;
    z-index: 1;
    left: 56.614583vw;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-container {
    position: absolute;
    z-index: 1;
    inset: 0;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line1 {
    top: 6.979167vw;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line2 {
    top: 14.791667vw;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line3 {
    top: 21.927083vw;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide.active .id-content3 .line-item span {
    opacity: 1;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .line-item {
    position: absolute;
    top: 50%;
    right: calc(100% + 1.041667vw);
    display: flex;
    align-items: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .line-item::after {
    content: "";
    display: block;
    height: 0.104167vw;
    background: #e2e2e2;
    clip-path: inset(0 100% 0 0);
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide.active .id-content3 .line-item::after {
    clip-path: inset(0 0 0 0);
    transition: clip-path 0.6s ease-out 0.3s;
    -webkit-transition: clip-path 0.6s ease-out 0.3s;
    -moz-transition: clip-path 0.6s ease-out 0.3s;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line1 .line-item::after {
    width: 8.958333vw;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line2 .line-item::after {
    width: 24.322917vw;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line3 .line-item::after {
    width: 20.104167vw;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .line-item span {
    position: relative;
    display: block;
    width: 0.833333vw;
    height: 0.833333vw;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .line-item span::before {
    content: "";
    display: block;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #c3cc00;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line .number-item {
    position: relative;
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line .number-txt {
    opacity: 0;
    color: #c3cc00;
    font-size: 1.979167vw;
    font-weight: 500;
    line-height: 1.25;
    transform: translateY(2.083333vw);
    -webkit-transform: translateY(2.083333vw);
    -moz-transform: translateY(2.083333vw);
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line p {
    color: #86868a;
    font-weight: 500;
    font-size: max(0.885417vw, 8px);
    line-height: 1.6;
    opacity: 0;
    transform: translateY(2.083333vw);
    -webkit-transform: translateY(2.083333vw);
    -moz-transform: translateY(2.083333vw);
}

.niki-main .niki-s3 .id-swiper-container .swiper-slide.active .id-content3 .tip-line .number-txt,
.niki-main .niki-s3 .id-swiper-container .swiper-slide.active .id-content3 .tip-line p {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transition: opacity 0.6s linear 0.2s, transform 0.6s ease-out 0.2s;
    -webkit-transition: opacity 0.6s linear 0.2s, transform 0.6s ease-out 0.2s;
    -moz-transition: opacity 0.6s linear 0.2s, transform 0.6s ease-out 0.2s;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content4 {
    opacity: 0;
    transform: translateY(5.208333vw);
    -webkit-transform: translateY(5.208333vw);
    -moz-transform: translateY(5.208333vw);
}

.niki-main .niki-s3 .id-container .id-swiper-container .swiper-slide.active .id-content4 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content4 .video-wrap {
    width: 41.302083vw;
    margin: 9.583333vw 0 0 22.395833vw;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content4 .video-item {
    height: 15.625vw;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content4 .video-item.animated+.color-list {
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content4 .color-list {
    margin-top: 1.25vw;
    display: flex;
    justify-content: center;
    gap: 0 4.84375vw;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content4 .color-list li {
    color: #797c80;
    font-size: max(0.9375vw, 8px);
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 .id-theme-list {
    width: 41.25vw;
    margin: 3.4375vw 0 0 21.458333vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2.083333vw 0.833333vw;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 .id-theme-list li {
    width: 7.552083vw;
    height: 13.229167vw;
    opacity: 0;
}

.niki-main .niki-s3 .id-container .id-swiper-container .swiper-slide.active .id-content5 .id-theme-list li {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transition: opacity 1s ease, transform 1s ease-out;
    -webkit-transition: opacity 1s ease, transform 1s ease-out;
    -moz-transition: opacity 1s ease, transform 1s ease-out;
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(1),
.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(3),
.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(5) {
    transform: translateY(3.125vw);
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(2),
.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(4) {
    transform: translateY(6.25vw);
    -webkit-transform: translateY(6.25vw);
    -moz-transform: translateY(6.25vw);
}

.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(6),
.niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(7) {
    transform: translateY(9.375vw);
    -webkit-transform: translateY(9.375vw);
    -moz-transform: translateY(9.375vw);
}

.niki-main .niki-s3 .id-swiper-container .id-content5 .id-theme-list li:nth-child(2) img,
.niki-main .niki-s3 .id-swiper-container .id-content5 .id-theme-list li:nth-child(4) img {
    transform: translateY(7.8125vw);
    -webkit-transform: translateY(7.8125vw);
    -moz-transform: translateY(7.8125vw);
}

.niki-main .niki-s3 .id-swiper-container .id-content5 .id-theme-list li:nth-child(7) {
    margin-left: 8.385417vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s3 {
        margin-top: 0;
    }

    .niki-main .niki-s3 .content-wrap {
        width: 77.777778vw;
    }

    .niki-main .niki-s3 .id-container {
        width: 100%;
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s3 .id-container .id-wrap {
        height: 150vw;
        border-radius: 0;
    }

    .niki-main .niki-s3 .id-container .mask-bg {
        width: 227.083333vw;
        height: 136.111111vw;
        top: 12.916667vw;
        left: -43.75vw;
    }

    .niki-main .niki-s3 .id-container .mask-bg .mask-img {
        transform: rotate(-21deg);
        -webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
    }

    .niki-main .niki-s3 .id-container .mask-bg {
        transition: transform 0.6s, opacity 0s;
        -webkit-transition: transform 0.6s, opacity 0s;
        -moz-transition: transform 0.6s, opacity 0s;
    }

    .niki-main .niki-s3 .id-container .mask-bg.animated1 {
        opacity: 0;
        transform: scale(.88);
        -webkit-transform: scale(.88);
        -moz-transform: scale(.88);
    }

    .niki-main .niki-s3 .id-container .mask-bg.animated2 {
        transform: scale(0.88);
        -webkit-transform: scale(0.88);
        -moz-transform: scale(0.88);
    }

    .niki-main .niki-s3 .id-container .close-btn-wrap {
        top: 4.4444445vw;
        right: 4.44444445vw;
    }

    .niki-main .niki-s3 .id-container .close-btn-wrap .close-item {
        width: 11.111111vw;
        height: 11.111111vw;
        position: sticky;
        top: calc(48px + 4.444444vw);
        right: 4.44444445vw;
        transform: translateY(5.555555555555556vw);
        -webkit-transform: translateY(5.555555555555556vw);
        -moz-transform: translateY(5.555555555555556vw);
    }

    .niki-main .niki-s3 .id-container .tab-container {
        display: flex;
        align-items: flex-end;
        top: auto;
        left: 0;
        bottom: 7.777777777777778vw;
        width: 100%;
    }

    .niki-main .niki-s3 .id-container .tab-swiper {
        padding: 0 7.222222222222222vw;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-wrapper {
        align-items: flex-end;
        gap: 0;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 1.666666666666667vw;
    }

    .niki-main .niki-s3 .id-container.open .tab-swiper .swiper-slide {
        width: calc(var(--open-width) / var(--innerWidth) * 100vw);
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide::before {
        background: rgba(245, 245, 247, .6);
        -webkit-backdrop-filter: blur(0.833333vw);
        backdrop-filter: blur(0.833333vw);
        border-radius: 6.666667vw;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded::before {
        border-radius: 3.333333vw;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded {
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
    }

    .niki-main .niki-s3 .id-container.open .tab-swiper .swiper-slide:not(.expanded)::before,
    .niki-main .niki-s3 .id-container.open .tab-swiper .swiper-slide:not(.expanded) .close-content {
        opacity: 0;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .close-content {
        padding: 3.888889vw 4.444444vw;
        transition: all 0.1s;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .close-content span {
        font-size: 3.888889vw;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .close-content img {
        width: 5.555556vw;
        height: 5.555556vw;
        margin-left: 2.222222vw;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .open-content {
        width: 71.111111vw;
        padding: 5.555555555555556vw;
        top: auto;
        bottom: 0;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .open-content .content-text {
        transform: translateY(1.45833333vw);
        -webkit-transform: translateY(1.45833333vw);
        -moz-transform: translateY(1.45833333vw);
        transition: opacity 100ms linear 0ms, transform 200ms linear 0ms;
        -webkit-transition: opacity 100ms linear 0ms, transform 200ms linear 0ms;
        -moz-transition: opacity 100ms linear 0ms, transform 200ms linear 0ms;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide.expanded .open-content .content-text {
        transition: opacity 720ms linear 30ms, transform 480ms linear 0ms;
        -webkit-transition: opacity 720ms linear 30ms, transform 480ms linear 0ms;
        -moz-transition: opacity 720ms linear 30ms, transform 480ms linear 0ms;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .swiper-slide .open-content p {
        font-size: 3.888889vw;
    }

    .niki-main .niki-s3 .id-container .nav-container {
        margin-top: 5.555556vw;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
    }

    .niki-main .niki-s3 .id-container.open .nav-container {
        opacity: 1;
        pointer-events: all;
    }

    .niki-main .niki-s3 .id-container .nav-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 5.555555555555556vw;
    }

    .niki-main .niki-s3 .id-container .nav-wrap li {
        width: 11.111111vw;
        height: 11.111111vw;
        border-radius: 50%;
        background-color: rgba(224, 233, 44, .4);
        pointer-events: all;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        position: relative;
        z-index: 1;
    }

    .niki-main .niki-s3 .id-container .nav-wrap li .btn-bg {
        position: absolute;
        z-index: -1;
        inset: 0;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0px 0px 10px #c3cc00 inset;
        opacity: .3;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
    }

    .niki-main .niki-s3 .id-container .nav-wrap .next-btn img {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }

    .niki-main .niki-s3 .id-container .nav-wrap li.button-disabled {
        background: #d1d1d1;
        opacity: .3;
        pointer-events: none;
    }

    .niki-main .niki-s3 .id-container .nav-wrap li.button-disabled .btn-bg {
        opacity: 0;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-list {
        display: flex;
        justify-content: space-between;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn {
        width: 11.111111vw;
        height: 11.111111vw;
        border-radius: 50%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        border-width: 0.555556vw;
        border-style: solid;
        opacity: 0;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn.active::before {
        opacity: 1;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn::after {
        content: "";
        display: block;
        width: 7.777778vw;
        height: 7.777778vw;
        border-radius: 50%;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-purple::before {
        border-color: #d5bcf1;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-purple::after {
        background: conic-gradient(from 90deg at 50% 50%, #e5d8f9 0%, #c199e8 100%);
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-black::before {
        border-color: #5c5b5f;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-black::after {
        background: conic-gradient(from 90deg at 50% 50%, #848387 0%, #37363a 100%);
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-white::before {
        border-color: #e9d0b7;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-white::after {
        background: conic-gradient(from 90deg at 50% 50%, #f3eadf 0%, #e8cdb3 100%);
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-green::before {
        border-color: #74c4b1;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-green::after {
        background: conic-gradient(from 90deg at 50% 50%, #b9f4e9 0%, #248c6f 100%);
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-silver::before {
        border-color: #cfd65f;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .pag-btn-silver::after {
        background: conic-gradient(from 90deg at 50% 50%, #ecf1a6 0%, #b0bf00 100%);
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .color-content {
        width: 100%;
        margin: 1.666667vw auto 0;
        display: flex;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .color-content p {
        flex-shrink: 0;
        width: 100%;
        color: #190900;
        font-size: 3.888889vw;
        font-weight: 500;
        line-height: 1.6;
        opacity: 0;
        pointer-events: none;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .color-content p.active {
        opacity: 1;
        pointer-events: all;
    }

    .niki-main .niki-s3 .id-container .tab-swiper .open-content .color-content p+p {
        margin-left: -100%;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content1 {
        width: 227.083333vw;
        height: 136.111111vw;
        top: 12.916667vw;
        left: -43.75vw;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .swiper-slide.active .id-content1 {
        transform: scale(0.88);
        -webkit-transform: scale(0.88);
        -moz-transform: scale(0.88);
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content1 img {
        transform: rotate(-21deg);
        -webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content2 {
        transform: translateY(27.777778vw) scale(0.8);
        -webkit-transform: translateY(27.777778vw) scale(0.8);
        -moz-transform: translateY(27.777778vw) scale(0.8);
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content3 .material-item {
        width: 103.472222vw;
        height: 144.444444vw;
        top: 16.111111111111112vw;
        left: 6.805556vw;
        transform: translateY(11.111111vw);
        -webkit-transform: translateY(11.111111vw);
        -moz-transform: translateY(11.111111vw);
    }

    .niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-container {
        padding: 6.944444vw 0 0 8.888889vw;
    }

    .niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line {
        width: fit-content;
        position: static;
        display: flex;
        flex-direction: column-reverse;
    }

    .niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line:nth-child(n+2) {
        margin-top: 5.555556vw;
    }

    .niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .line-item {
        display: none;
    }

    .niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line .number-txt {
        font-size: 6.666667vw;
        transform: translateY(5.555556vw);
        -webkit-transform: translateY(5.555556vw);
        -moz-transform: translateY(5.555556vw);
    }

    .niki-main .niki-s3 .id-swiper-container .swiper-slide .id-content3 .tip-line p {
        font-size: 3.888889vw;
        transform: translateY(5.555556vw);
        -webkit-transform: translateY(5.555556vw);
        -moz-transform: translateY(5.555556vw);
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content4 {
        transform: translateY(5.555556vw);
        -webkit-transform: translateY(5.555556vw);
        -moz-transform: translateY(5.555556vw);
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content4 .color-swiper-container {
        width: 86.388889vw;
        height: 97.222222vw;
        margin: 18.055556vw auto 0;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content4 .color-swiper-container .swiper-slide5 img {
        transform: translate(0, -0.5555555555555556vw) scale(1.005);
        -webkit-transform: translate(0, -0.5555555555555556vw) scale(1.005);
        -moz-transform: translate(0, -0.5555555555555556vw) scale(1.005);
    }


    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 .id-theme-list {
        width: 100%;
        margin: 20.833333vw auto 0;
        justify-content: center;
        gap: 7.777778vw 2.777778vw;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 .id-theme-list li {
        width: 27.777778vw;
        height: 48.333333vw;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(1) {
        order: 4;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(2) {
        order: 3;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(3) {
        order: 5;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(4) {
        order: 1;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(5) {
        order: 2;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(7) {
        order: 0;
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(4),
    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(5),
    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(7) {
        transform: translateY(8.333333vw);
        -webkit-transform: translateY(8.333333vw);
        -moz-transform: translateY(8.333333vw);
    }

    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(1),
    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(2),
    .niki-main .niki-s3 .id-container .id-swiper-container .id-content5 li:nth-child(3) {
        transform: translateY(13.888889vw);
        -webkit-transform: translateY(13.888889vw);
        -moz-transform: translateY(13.888889vw);
    }

    .niki-main .niki-s3 .id-swiper-container .id-content5 .id-theme-list li:nth-child(1) img,
    .niki-main .niki-s3 .id-swiper-container .id-content5 .id-theme-list li:nth-child(4) img {
        transform: translateY(-26.805556vw);
        -webkit-transform: translateY(-26.805556vw);
        -moz-transform: translateY(-26.805556vw);
    }

    .niki-main .niki-s3 .id-swiper-container .id-content5 .id-theme-list li:nth-child(7) {
        margin-left: 0;
    }

}

/* s3 end */
/* s4 start */
.niki-main .niki-s4 {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 10.416667vw 0;
}

.niki-main .niki-s4::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 95.729167vw;
    left: 0;
    bottom: 0;
    opacity: .7;
    background: linear-gradient(180deg, rgba(219, 241, 237, 0) 0%, #dcf1ee 63.82%, #dbf1ed 100%);
    pointer-events: none;
}

.niki-main .niki-s4 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.niki-main .niki-s4 .content-wrap .common-sub-title {
    color: #87c9be;
    margin-bottom: 1.25vw;
}

.niki-main .niki-s4 .workout-container {
    width: 100%;
    margin-top: 4.166667vw;
    position: relative;
    height: 280vh;
    padding-bottom: 6.25vw;
}

.niki-main .niki-s4 .workout-container .sticky-wrap {
    width: 100%;
    position: sticky;
    top: calc(calc(100vh - var(--stickyHeight)/ var(--innerWidth) * 100vw)/2);
}

.niki-main .niki-s4 .workout-container .watch-list {
    position: relative;
    z-index: 1;
    width: fit-content;
    margin-left: 41.822917vw;
}

.niki-main .niki-s4 .workout-container .watch-left {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 3.854167vw;
    right: 11.666667vw;
    width: 27.8125vw;
    height: 29.791667vw;
    transform: translate(-9vw, 9vw);
    -webkit-transform: translate(-9vw, 9vw);
    -moz-transform: translate(-9vw, 9vw);
    transition: opacity 0.6s linear, transform 1s ease-out;
    -webkit-transition: opacity 0.6s linear, transform 1s ease-out;
    -moz-transition: opacity 0.6s linear, transform 1s ease-out;
}

.niki-main .niki-s4 .workout-container .watch-center {
    position: relative;
    z-index: 1;
    width: 18.020833vw;
    height: 31.5625vw;
    transform: translate3d(0, 0, 0) scale(2.46);
    -webkit-transform: translate3d(0, 0, 0) scale(2.46);
    -moz-transform: translate3d(0, 0, 0) scale(2.46);
}

.niki-main .niki-s4 .workout-container .watch-center .picture-item {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.niki-main .niki-s4 .workout-container .watch-center .theme-container {
    position: absolute;
    z-index: -1;
    width: 14.166667vw;
    height: 16.614583vw;
    top: 7.604167vw;
    left: 1.40625vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.niki-main .niki-s4 .workout-container .watch-center .theme-bg1 {
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: 0;
}

.niki-main .niki-s4 .workout-container .watch-center .theme-bg2 {
    position: absolute;
    z-index: 2;
    inset: 0;
    opacity: 0;
}

.niki-main .niki-s4 .workout-container .watch-center .sequence-container {
    position: absolute;
    z-index: 1;
    inset: 0;
}

.niki-main .niki-s4 .workout-container .watch-center .sequence-container canvas {
    width: 100%;
    height: 100%;
}

.niki-main .niki-s4 .workout-container .watch-right {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: -2.708333vw;
    left: 9.53125vw;
    width: 27.96875vw;
    height: 29.84375vw;
    transform: translate(9vw, -9vw);
    -webkit-transform: translate(9vw, -9vw);
    -moz-transform: translate(9vw, -9vw);
    transition: opacity 0.6s linear, transform 1s ease-out;
    -webkit-transition: opacity 0.6s linear, transform 1s ease-out;
    -moz-transition: opacity 0.6s linear, transform 1s ease-out;
}

.niki-main .niki-s4 .workout-container .common-desc {
    width: 39.0625vw;
    margin: 5vw auto 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.niki-main .niki-s4 .workout-swiper-contianer .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide {
    width: 21.666667vw;
    height: auto;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide-visible.swiper-slide-next:hover {
        cursor: default;
    }
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide1 .video-wrap {
    position: absolute;
    z-index: 1;
    width: 12.083333vw;
    height: 21.041667vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide1 .video-wrap video {
    position: absolute;
    z-index: -1;
    width: 9.479167vw;
    height: 11.145833vw;
    top: 4.947917vw;
    left: 0.9375vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide3 {
    width: 33.125vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide3 video {
    transform: scale(1.005);
    -webkit-transform: scale(1.005);
    -moz-transform: scale(1.005);
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .dial-swiper-container {
    width: 11.458333vw;
    height: 19.947917vw;
    margin: 2.604167vw auto 1.666667vw;
    position: relative;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .dial-swiper {
    position: absolute;
    z-index: -1;
    width: 8.958333vw;
    height: 10.520833vw;
    top: 4.739583vw;
    left: 0.9375vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .dial-swiper .swiper-slide:nth-last-child(n+2) {
    margin: 0;
}

.niki-main .niki-s4 .workout-swiper-contianer .dial-swiper .swiper-slide {
    height: 100%;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .swiper-pagination {
    position: static;
    line-height: 0;
    text-align: left;
    padding-left: 7.96875vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .swiper-pagination-bullet {
    margin: 0 0.208333vw;
    opacity: .3;
    width: 0.625vw;
    height: 0.625vw;
    background: #c9c9c9;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .swiper-pagination-bullet-active {
    opacity: 1;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .slide-content {
    position: relative;
    z-index: 1;
    height: 26.041667vw;
    overflow: hidden;
    border-radius: 0.833333vw;
    background: #fff;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide3 .slide-content {
    background: transparent;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .slide-content video {
    height: 100%;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .desc-word {
    width: 17.1875vw;
    color: #797c80;
    font-size: 1.041667vw;
    font-weight: 400;
    line-height: 1.6;
    margin: 2.083333vw 0 0 0.833333vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide3 .desc-word {
    width: 28.020833vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .desc-word b {
    color: #18191a;
    font-weight: 500;
}

.niki-main .niki-s4 .workout-swiper-contianer .button-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.niki-main .niki-s4 .workout-swiper-contianer .button-container li {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #b6e0d9;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    pointer-events: all;
    opacity: 1;
}

.niki-main .niki-s4 .workout-swiper-contianer .button-container li.btn-disabled {
    background: #d1d1d1;
    pointer-events: none;
    opacity: .3;
}

.niki-main .niki-s4 .workout-swiper-contianer .button-container li.btn-disabled .btn-bg {
    opacity: 0;
}

.niki-main .niki-s4 .workout-swiper-contianer .button-container .prev-btn {
    margin-right: 1.25vw;
}

.niki-main .niki-s4 .workout-swiper-contianer .button-container .prev-btn img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.niki-main .niki-s4 .workout-swiper-contianer .button-container li .btn-bg {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 180, 130, 0.3) inset;
    opacity: .3;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s4 .workout-swiper-contianer .button-container li:hover {
        cursor: pointer;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .button-container li:hover .btn-bg {
        opacity: 1;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s4 {
        padding: 27.777778vw 0;
    }

    .niki-main .niki-s4::before {
        height: 353.333333vw;
    }

    .niki-main .niki-s4 .content-wrap {
        width: 77.777778vw;
    }

    .niki-main .niki-s4 .content-wrap .common-sub-title {
        margin-bottom: 2.222222vw;
    }

    .niki-main .niki-s4 .workout-container {
        margin-top: 0;
        height: auto;
        overflow: hidden;
        padding-bottom: 22.222222222222223vw;
    }

    .niki-main .niki-s4 .workout-container .sticky-wrap {
        position: static;
        display: flex;
        flex-direction: column-reverse;
    }

    .niki-main .niki-s4 .workout-container .watch-list {
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s4 .workout-container .watch-left {
        top: 18.472222vw;
        right: 23.055556vw;
        width: 60.694444vw;
        height: 65vw;
    }

    .niki-main .niki-s4 .workout-container .watch-center {
        width: 47.638889vw;
        height: 83.472222vw;
        transform: scale(1.676);
        -webkit-transform: scale(1.676);
        -moz-transform: scale(1.676);
        transform-origin: center 10%;
    }

    .niki-main .niki-s4 .workout-container .watch-center .picture-item {
        opacity: 1;
    }

    .niki-main .niki-s4 .workout-container .watch-center .theme-video {
        position: absolute;
        z-index: -1;
        width: 37.361111vw;
        height: 43.75vw;
        top: 20.277778vw;
        left: 3.888889vw;
    }

    .niki-main .niki-s4 .workout-container .watch-right {
        top: 0;
        left: 20.833333vw;
        width: 61.111111vw;
        height: 65.138889vw;
    }

    .niki-main .niki-s4 .workout-container .common-desc {
        width: 77.777778vw;
        margin: 4.444444vw auto 0;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper {
        width: 82.222222vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide {
        width: 100%;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide1 .video-wrap {
        width: 42.083333vw;
        height: 73.333333vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide1 .video-wrap video {
        width: 33.055556vw;
        height: 38.888889vw;
        top: 17.222222vw;
        left: 3.333333vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide3 {
        width: 100%;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .dial-swiper-container {
        width: 42.083333vw;
        height: 73.333333vw;
        margin: 11.944444vw auto 4.166667vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .dial-swiper {
        width: 32.916667vw;
        height: 38.75vw;
        top: 17.361111vw;
        left: 3.472222vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.4444444444444445vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .dial-swiper .swiper-slide:nth-last-child(n+2) {
        margin: 0;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .swiper-pagination {
        padding-left: 30.55555555555556vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide4 .swiper-pagination-bullet {
        margin: 0 0.694444vw;
        width: 2.222222vw;
        height: 2.222222vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .slide-content {
        height: 97.222222vw;
        border-radius: 2.222222vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .desc-word {
        width: 64.444444vw;
        font-size: 3.888889vw;
        margin: 6.666667vw 0 0 2.2222222222222223vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .workout-swiper .swiper-slide3 .desc-word {
        width: 64.444444vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .button-container {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .button-container li {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .niki-main .niki-s4 .workout-swiper-contianer .button-container .prev-btn {
        margin-right: 4.444444vw;
    }
}

/* s4 end */
/* s5 start */
.niki-main .niki-s5 .ball-sports {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.niki-main .niki-s5 .ball-sports .bg-wrap {
    width: 100vw;
    height: 56.25vw;
    position: relative;
}

.niki-main .niki-s5 .ball-sports .bg-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.82;
    height: 32.447917vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.niki-main .niki-s5 .ball-sports .bg-wrap img {
    transform: scale(1.14);
    -webkit-transform: scale(1.14);
    -moz-transform: scale(1.14);
}

.niki-main .niki-s5 .ball-sports .content-wrap {
    position: absolute;
    z-index: 1;
    left: 17.083333vw;
    bottom: 8.333333vw;
    opacity: 0;
    transform: translateY(10.416667vw);
    -webkit-transform: translateY(10.416667vw);
    -moz-transform: translateY(10.416667vw);
}

.niki-main .niki-s5 .ball-sports .content-wrap .common-sub-title {
    color: #edf53c;
    margin-bottom: 0.833333vw;
}

.niki-main .niki-s5 .ball-sports .content-wrap .common-big-title {
    color: #fff;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s5 .ball-sports .bg-wrap {
        height: 133.333333vw;
    }

    .niki-main .niki-s5 .ball-sports .bg-wrap::after {
        height: 32.447917vw;
        display: none;
    }

    .niki-main .niki-s5 .ball-sports .content-wrap {
        left: 11.111111vw;
        bottom: 11.111111vw;
        transform: translateY(27.777778vw);
        -webkit-transform: translateY(27.777778vw);
        -moz-transform: translateY(27.777778vw);
    }

    .niki-main .niki-s5 .ball-sports .content-wrap .common-sub-title {
        margin-bottom: 2.222222222222222vw;
    }
}

.niki-main .niki-s5 .ball-sports-swiper-container {
    margin-top: 6.25vw;
}

.niki-main .niki-s5 .ball-sports-swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .swiper-slide {
    width: 21.666667vw;
    height: auto;
}

.niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .img-wrap {
    height: 26.041667vw;
    border-radius: 0.833333vw;
    overflow: hidden;
}

.niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .desc-word {
    margin: 2.083333vw 0 0 0.833333vw;
    width: 17.708333vw;
    color: #797c80;
    font-size: 1.041667vw;
    font-weight: 400;
    line-height: 1.6;
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container:has(.swiper-button-lock) {
    margin: 0 auto;
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container li {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: rgba(224, 233, 44, .4);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    pointer-events: all;
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container li.btn-disabled {
    background: #d1d1d1;
    pointer-events: none;
    opacity: .3;
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container li.btn-disabled .btn-bg {
    opacity: 0;
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container .prev-btn {
    margin-right: 1.25vw;
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container .prev-btn img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.niki-main .niki-s5 .ball-sports-swiper-container .button-container li .btn-bg {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px #c3cc00 inset;
    opacity: .3;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s5 .ball-sports-swiper-container .button-container li:hover {
        cursor: pointer;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .button-container li:hover .btn-bg {
        opacity: 1;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s5 .ball-sports-swiper-container {
        margin-top: 22.222222vw;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper {
        width: 82.222222vw;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .swiper-slide {
        width: 100%;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.4444444445vw;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .img-wrap {
        height: 97.222222vw;
        border-radius: 2.222222vw;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .ball-sports-swiper .desc-word {
        margin: 6.666667vw 0 0 2.2222222222222223vw;
        width: 64.444444vw;
        font-size: 3.888889vw;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .button-container {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .button-container li {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .niki-main .niki-s5 .ball-sports-swiper-container .button-container .prev-btn {
        margin-right: 4.444444vw;
    }
}

/* s5 end */
/* s6 start */
.niki-main .niki-s6 .cycling-sports {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 10.416667vw;
}

.niki-main .niki-s6 .cycling-sports .bg-wrap {
    width: 100vw;
    height: 56.25vw;
    position: relative;
}

.niki-main .niki-s6 .cycling-sports .bg-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.25;
    height: 29.6875vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.niki-main .niki-s6 .cycling-sports .bg-wrap img {
    transform: scale(1.14);
    -webkit-transform: scale(1.14);
    -moz-transform: scale(1.14);
}

.niki-main .niki-s6 .cycling-sports .content-wrap {
    position: absolute;
    z-index: 1;
    left: 17.083333vw;
    bottom: 8.333333vw;
    opacity: 0;
    transform: translateY(10.416667vw);
    -webkit-transform: translateY(10.416667vw);
    -moz-transform: translateY(10.416667vw);
}

.niki-main .niki-s6 .cycling-sports .content-wrap .common-sub-title {
    color: #c199e8;
    margin-bottom: 0.833333vw;
}

.niki-main .niki-s6 .cycling-sports .content-wrap .common-big-title {
    color: #fff;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s6 .cycling-sports {
        margin-top: 27.777778vw;
    }

    .niki-main .niki-s6 .cycling-sports .bg-wrap {
        height: 133.333333vw;
    }

    .niki-main .niki-s6 .cycling-sports .bg-wrap::after {
        height: 29.6875vw;
        display: none;
    }

    .niki-main .niki-s6 .cycling-sports .content-wrap {
        left: 11.111111vw;
        bottom: 11.111111vw;
        transform: translateY(27.777778vw);
        -webkit-transform: translateY(27.777778vw);
        -moz-transform: translateY(27.777778vw);
    }

    .niki-main .niki-s6 .cycling-sports .content-wrap .common-sub-title {
        margin-bottom: 2.2222222223vw;
    }
}

.niki-main .niki-s6 .cycling-sports-swiper-container {
    margin-top: 6.25vw;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .cycling-sports-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.niki-main .niki-s6 .cycling-sports-swiper .swiper-slide {
    width: 21.666667vw;
    height: auto;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s6 .cycling-sports-swiper .swiper-slide:not(.swiper-slide-visible):hover {
        cursor: pointer;
    }
}

.niki-main .niki-s6 .cycling-sports-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.niki-main .niki-s6 .cycling-sports-swiper .img-wrap {
    height: 26.041667vw;
    border-radius: 0.833333vw;
    overflow: hidden;
    background: #fff;
}

.niki-main .niki-s6 .cycling-sports-swiper .desc-word {
    width: 17.708333vw;
    margin: 2.083333vw 0 0 0.833333vw;
    color: #797c80;
    font-size: 1.041667vw;
    font-weight: 400;
    line-height: 1.6;
}

.niki-main .niki-s6 .cycling-sports-swiper .desc-word b {
    color: #18191a;
    font-weight: 500;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container:has(.swiper-button-lock) {
    margin: 0 auto;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container li {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: rgba(233, 226, 242, .7);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    pointer-events: all;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container li.btn-disabled {
    background: #d1d1d1;
    pointer-events: none;
    opacity: .3;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container li.btn-disabled .btn-bg {
    opacity: 0;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container .prev-btn {
    margin-right: 1.25vw;
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container .prev-btn img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.niki-main .niki-s6 .cycling-sports-swiper-container .button-container li .btn-bg {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(161, 84, 229, 0.3) inset;
    opacity: .3;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s6 .cycling-sports-swiper-container .button-container li:hover {
        cursor: pointer;
    }

    .niki-main .niki-s6 .cycling-sports-swiper-container .button-container li:hover .btn-bg {
        opacity: 1;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s6 .cycling-sports-swiper-container {
        margin-top: 22.222222vw;
    }

    .niki-main .niki-s6 .cycling-sports-swiper-container .cycling-sports-swiper {
        width: 82.222222vw;
    }

    .niki-main .niki-s6 .cycling-sports-swiper .swiper-slide {
        width: 100%;
    }

    .niki-main .niki-s6 .cycling-sports-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.44444445vw;
    }

    .niki-main .niki-s6 .cycling-sports-swiper .img-wrap {
        height: 97.222222vw;
        border-radius: 2.222222vw;
    }

    .niki-main .niki-s6 .cycling-sports-swiper .desc-word {
        width: 64.444444vw;
        margin: 6.666667vw 0 0 2.22222222223vw;
        font-size: 3.888889vw;
    }

    .niki-main .niki-s6 .cycling-sports-swiper-container .button-container {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s6 .cycling-sports-swiper-container .button-container li {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .niki-main .niki-s6 .cycling-sports-swiper-container .button-container .prev-btn {
        margin-right: 4.444444vw;
    }
}

/* s6 end */
/* s7 start */
.niki-main .niki-s7 .running-sports {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 10.416667vw;
}

.niki-main .niki-s7 .running-sports .bg-wrap {
    width: 100vw;
    height: 56.25vw;
    position: relative;
}

.niki-main .niki-s7 .running-sports .bg-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.63;
    height: 39.114583vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.niki-main .niki-s7 .running-sports .bg-wrap img {
    transform: scale(1.14);
    -webkit-transform: scale(1.14);
    -moz-transform: scale(1.14);
}

.niki-main .niki-s7 .running-sports .content-wrap {
    position: absolute;
    z-index: 1;
    left: 17.083333vw;
    bottom: 8.333333vw;
    opacity: 0;
    transform: translateY(10.416667vw);
    -webkit-transform: translateY(10.416667vw);
    -moz-transform: translateY(10.416667vw);
}

.niki-main .niki-s7 .running-sports .content-wrap .common-sub-title {
    color: #ffb424;
    margin-bottom: 0.833333vw;
}

.niki-main .niki-s7 .running-sports .content-wrap .common-big-title {
    color: #fff;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s7 .running-sports {
        margin-top: 27.777778vw;
    }

    .niki-main .niki-s7 .running-sports .bg-wrap {
        height: 133.3333333333333vw;
    }

    .niki-main .niki-s7 .running-sports .bg-wrap::after {
        height: 29.6875vw;
        display: none;
    }

    .niki-main .niki-s7 .running-sports .content-wrap {
        left: 11.111111vw;
        bottom: 11.111111vw;
        transform: translateY(27.777778vw);
        -webkit-transform: translateY(27.777778vw);
        -moz-transform: translateY(27.777778vw);
    }

    .niki-main .niki-s7 .running-sports .content-wrap .common-sub-title {
        margin-bottom: 2.2222222227vw;
    }
}

.niki-main .niki-s7 .running-sports-swiper-container {
    margin-top: 6.25vw;
}

.niki-main .niki-s7 .running-sports-swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.niki-main .niki-s7 .running-sports-swiper-container .running-sports-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.niki-main .niki-s7 .running-sports-swiper .swiper-slide {
    width: 21.666667vw;
    height: auto;
}

.niki-main .niki-s7 .running-sports-swiper .swiper-slide4 {
    width: 33.125vw;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s7 .running-sports-swiper .swiper-slide:not(.swiper-slide-visible):hover {
        cursor: pointer;
    }

    .niki-main .niki-s7 .running-sports-swiper .swiper-slide.swiper-slide-prev:hover {
        cursor: pointer;
    }
}

.niki-main .niki-s7 .running-sports-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.niki-main .niki-s7 .running-sports-swiper .img-wrap {
    height: 26.041667vw;
    border-radius: 0.833333vw;
    overflow: hidden;
    background: #fff;
}

.niki-main .niki-s7 .running-sports-swiper .desc-word {
    width: 17.708333vw;
    margin: 2.083333vw 0 0 0.833333vw;
    color: #797c80;
    font-size: 1.041667vw;
    font-weight: 400;
    line-height: 1.6;
}

.niki-main .niki-s7 .running-sports-swiper .swiper-slide4 .desc-word {
    width: 24.53125vw;
}

.niki-main .niki-s7 .running-sports-swiper .desc-word b {
    color: #18191a;
    font-weight: 500;
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container:has(.swiper-button-lock) {
    margin: 0 auto;
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container li {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: rgba(195, 204, 0, .4);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    pointer-events: all;
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container li.btn-disabled {
    background: #d1d1d1;
    pointer-events: none;
    opacity: .3;
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container li.btn-disabled .btn-bg {
    opacity: 0;
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container .prev-btn {
    margin-right: 1.25vw;
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container .prev-btn img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.niki-main .niki-s7 .running-sports-swiper-container .button-container li .btn-bg {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px #c3cc00 inset;
    opacity: .3;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s7 .running-sports-swiper-container .button-container li:hover {
        cursor: pointer;
    }

    .niki-main .niki-s7 .running-sports-swiper-container .button-container li:hover .btn-bg {
        opacity: 1;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s7 .running-sports-swiper-container {
        margin-top: 22.222222vw;
    }

    .niki-main .niki-s7 .running-sports-swiper-container .running-sports-swiper {
        width: 82.222222vw;
    }

    .niki-main .niki-s7 .running-sports-swiper .swiper-slide {
        width: 100%;
    }

    .niki-main .niki-s7 .running-sports-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444445vw;
    }

    .niki-main .niki-s7 .running-sports-swiper .img-wrap {
        height: 97.222222vw;
        border-radius: 2.222222vw;
    }

    .niki-main .niki-s7 .running-sports-swiper .desc-word {
        width: 64.444444vw;
        margin: 6.666667vw 0 0 2.22222223vw;
        font-size: 3.888889vw;
    }

    .niki-main .niki-s7 .running-sports-swiper .swiper-slide4 .desc-word {
        width: 64.444444vw;
    }

    .niki-main .niki-s7 .running-sports-swiper-container .button-container {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s7 .running-sports-swiper-container .button-container li {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .niki-main .niki-s7 .running-sports-swiper-container .button-container .prev-btn {
        margin-right: 4.444444vw;
    }
}

/* s7 end */



/* footer start */
.niki-main .footer-list {
    width: 67.5vw;
    margin: 0 auto;
    padding-top: 10.416667vw;
    padding-bottom: 80px;
    --arrowdark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjY3NSIgZGF0YS1uYW1lPSLnu4QgODI2NzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iIzQzNDM0MyIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    --arrowlight: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjY3OSIgZGF0YS1uYW1lPSLnu4QgODI2NzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iI2U3ZTdlOCIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
}

.niki-main .footer-list ol {
    list-style-type: decimal;
    padding-left: 1.8em;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

.niki-main .footer-list li {
    color: #000;
    margin: 0.5em 0;
    position: relative;
}

.niki-main .footer-list li.active {
    font-weight: 800;
}

.niki-main .footer-list li i {
    display: none;
    width: max(0.83333334vw, 16px);
    height: max(0.83333334vw, 16px);
    background-image: var(--arrowlight);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    cursor: pointer;
    transform: translateY(0.15em);
    -webkit-transform: translateY(0.15em);
    -moz-transform: translateY(0.15em);
}

.niki-main .footer-list li.active i {
    display: inline-block;
}

.niki-main .footer-list li a {
    color: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: underline;
    word-wrap: break-word;
}

.niki-main .footer-list .footlast1 {
    list-style-type: "*";
}

.niki-main .footer-list .footlast2 {
    list-style-type: "**";
}

.niki-main .footer-list .footlast3 {
    list-style-type: "***";
}


@media screen and (max-aspect-ratio:11/10) {
    .niki-main .footer-list {
        width: 91.11111111111111vw;
        padding-top: 27.777777778vw;
    }

    .niki-main .footer-list ol {
        font-size: 3.333333334vw;
    }

    .niki-main .footer-list li i {
        width: 4.722222vw;
        height: 4.722222vw;
        transform: translateY(0.3em);
        -webkit-transform: translateY(0.3em);
        -moz-transform: translateY(0.3em);
    }
}

/* footer end */

/* mob */
@media screen and (max-aspect-ratio:11/10) {
    .niki-main .show-mob {
        display: block;
    }

    .niki-main .show-pc,
    .niki-main .show-pc-inline {
        display: none;
    }

    .niki-main .show-mob-inline {
        display: inline-block;
    }

    .niki-main .common-big-title {
        font-size: 8.888888888888889vw;
    }

    .niki-main .common-sub-title {
        font-size: 4.444444444444444vw;
    }

    .niki-main .common-desc {
        font-size: 4.444444444444vw;
    }

    .niki-main .video-control-btn {
        width: 8.888889vw;
        height: 8.888889vw;
        right: 3.3333333334vw;
        bottom: 3.3333333334vw;
    }
}


.niki-main .floating {
    opacity: 0;
    transform: translateY(30px);
    transition: none;
}

.niki-main .txt-center {
    text-align: center;
}

.niki-main .sec-big-title {
    color: #18191a;
    font-size: 3.33333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.niki-main .highlight {
    color: #18191a;
    font-style: inherit;
    font-weight: inherit;
    font-weight: 500;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .sec-big-title {
        font-size: 8.88888889vw;
    }
}

/* swiper button common start*/
.niki-main .button-list {
    display: flex;
    justify-content: flex-end;
}

.niki-main .button-list .swiper-button-item {
    outline: 0;
    width: 2.5vw;
    height: 2.5vw;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    flex-shrink: 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    background: transparent;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    position: relative;
}

.niki-main .button-list .swiper-button-item .inner-inset {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s;
}

.niki-main .button-list .swiper-button-item.swiper-button-disabled {
    pointer-events: none;
    opacity: .3;
}

.niki-main .button-list .swiper-button-item:first-child {
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
}

.niki-main .button-list .swiper-button-item+.swiper-button-item {
    margin-left: 1.25vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .button-list .swiper-button-item {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .niki-main .button-list .swiper-button-item+.swiper-button-item {
        margin-left: 5.555556vw;
    }

    .niki-main .button-list .swiper-button-item img {
        transform: translate3d(0, 0, 0) rotate(0);
    }
}

/* swiper button common end*/

.niki-main .bg-color-part {
    overflow: hidden;
}

.niki-main .bgcolor2 {
    background: linear-gradient(0deg, rgba(229, 216, 249, 0) 17.35%, rgba(229, 216, 249, 0.3) 82.08%, rgba(255, 255, 255, 0) 100%);
}

.niki-main .bgcolor3 {
    background: linear-gradient(180deg, rgba(219, 241, 237, 0) 17.35%, rgba(220, 241, 238, 0.7) 43%, rgba(219, 241, 237, 0) 93.44%);
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .bgcolor3 {
        background: linear-gradient(180deg, rgba(219, 241, 237, 0) 17.35%, rgba(220, 241, 238, 0.7) 38%, rgba(245, 245, 247, 0.8) 49%, rgba(245, 245, 247, 1) 100%);
    }
}

/* s12 */
.niki-main .niki-s12 {
    padding-top: 10.41666667vw;
}

.niki-main .niki-s12 .s12-wrapper {
    overflow: hidden;
    margin-top: 4.16666667vw;
}

.niki-main .niki-s12 .s12-swiper {
    width: 67.5vw;
    height: 37.5vw;
    margin: 0 auto;
    overflow: visible;
}

.niki-main .niki-s12 .txt-wrapper {
    width: 50%;
    height: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.niki-main .niki-s12 .txt-wrapper h2 {
    line-height: 1.25;
    font-weight: 500;
    color: #18191A;
    font-size: 1.66666667vw;
}

.niki-main .niki-s12 .txt-wrapper p {
    line-height: 1.6;
    font-weight: 400;
    color: #797C80;
    font-size: 1.04166667vw;
    margin-top: 0.83333333vw;
}

.niki-main .niki-s12 .swiper-slide {
    display: flex;
    height: 100%;
    border-radius: 0.83333333vw;
    overflow: hidden;
}

.niki-main .niki-s12 .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}


@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s12 .s12-swiper .swiper-slide:hover {
        cursor: pointer;
    }

    .niki-main .niki-s12 .s12-swiper .swiper-slide.swiper-slide-visible.swiper-slide-active,
    .niki-main .niki-s12 .s12-swiper .swiper-slide.swiper-slide-visible.swiper-slide-next {
        cursor: default;
    }
}

.niki-main .niki-s12 .img-wrapper {
    width: 50%;
    flex-shrink: 0;
    pointer-events: none;
}

.niki-main .niki-s12 .slide1 .img-wrapper {
    background-color: rgba(192, 218, 252, 0.6);
    overflow: hidden;
    position: relative;
}

.niki-main .niki-s12 .top-icon {
    position: absolute;
    top: 3.33333333vw;
    left: -47.29166667vw;
}

.niki-main .niki-s12 .center-icon {
    position: absolute;
    top: 14.16666667vw;
    left: -52.65625vw;
}

.niki-main .niki-s12 .bot-icon {

    position: absolute;
    left: -47.29166667vw;
    top: 25vw;
}

.niki-main .niki-s12 .icon-item {
    will-change: transform;
    display: flex;
    opacity: 0;
    transition: transform 2s 2s ease-in-out, opacity 2s ease-in-out;
}

.niki-main .niki-s12 .icon-item .icon-move {
    box-sizing: content-box;
    flex-shrink: 0;
}

.niki-main .niki-s12 .top-icon .icon-move {
    width: 128.33333333vw;
}

.niki-main .niki-s12 .center-icon .icon-move {
    width: 139.16666667vw;
}

.niki-main .niki-s12 .bot-icon .icon-move {
    width: 128.33333333vw;
}

.niki-main .niki-s12 .icon-item .icon-move {
    margin-right: 1.66666667vw;
}

.niki-main .niki-s12 .slide1.active1 .icon-item {
    opacity: 1;
}

.niki-main .niki-s12 .slide1.active2 .top-icon {
    animation: lamp 18s linear 2.2s infinite reverse;
}

.niki-main .niki-s12 .slide1.active2 .center-icon {
    animation: lamp 18.95s linear 2.2s infinite;
}

.niki-main .niki-s12 .slide1.active2 .bot-icon {
    animation: lamp 18s linear 2.2s infinite reverse;
}

.niki-main .niki-s12 .mid-scale-icon {
    width: 9.16666667vw;
    position: absolute;
    left: calc(50% - 9.16666667vw / 2);
    top: calc(50% - 9.16666667vw / 2);
    transform: scale(2.56);
    transform-origin: center center;
    opacity: 1;
}

.niki-main .niki-s12 .slide1.active1 .mid-scale-icon {
    opacity: 0;
    transform: scale(1);
    transition: transform 2s ease-in-out, opacity 0.1s 2s linear;
}

.niki-main .niki-s12 .inner-txt {
    text-align: center;
}

.niki-main .niki-s12 .slide1 .inner-txt {
    width: 23.22916667vw;
}

.niki-main .niki-s12 .slide2 .inner-txt {
    width: 21.35416667vw;
}

.niki-main .niki-s12 .slide3 .inner-txt {
    width: 19.16666667vw;
}

@keyframes lamp {
    from {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0%)
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s12 {
        padding-top: 27.77777778vw;
    }

    .niki-main .niki-s12 .s12-wrapper {
        margin-top: 0;
    }

    .niki-main .niki-s12 .s12-swiper {
        width: 91.11111111vw;
        height: auto;
        margin-top: 11.11111111vw;
    }

    .niki-main .niki-s12 .txt-wrapper {
        width: 100%;
        justify-content: flex-start;
    }

    .niki-main .niki-s12 .txt-wrapper h2 {
        font-size: 5.55555556vw;
        text-align: center;
        margin-top: 8.88888889vw;
    }

    .niki-main .niki-s12 .txt-wrapper p {
        font-size: 3.88888889vw;
        margin-top: 2.77777778vw;
        text-align: center;
        margin-bottom: 20.13888889vw;
    }

    .niki-main .niki-s12 .swiper-slide {
        flex-direction: column;
        border-radius: 2.22222222vw;
        height: auto;
    }

    .niki-main .niki-s12 .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.44444444vw;
    }

    .niki-main .niki-s12 .img-wrapper {
        width: 100%;
        height: 118.05555556vw;
    }

    .niki-main .niki-s12 .top-icon {
        top: 11.80555556vw;
        left: -151.66666667vw;
    }

    .niki-main .niki-s12 .center-icon {
        top: 45.13888889vw;
        left: -168.33333333vw;
    }

    .niki-main .niki-s12 .bot-icon {
        top: 78.47222222vw;
        left: -151.66666667vw;
    }

    .niki-main .niki-s12 .top-icon .icon-move {
        width: 394.44444444vw;
    }

    .niki-main .niki-s12 .center-icon .icon-move {
        width: 427.77777778vw;
    }

    .niki-main .niki-s12 .bot-icon .icon-move {
        width: 394.44444444vw;
    }

    .niki-main .niki-s12 .icon-item .icon-move {
        margin-right: 4.44444444vw;
    }

    .niki-main .niki-s12 .slide1 .inner-txt {
        width: 68.88888889vw;
    }

    .niki-main .niki-s12 .slide2 .inner-txt {
        width: 68.88888889vw;
    }

    .niki-main .niki-s12 .slide3 .inner-txt {
        width: 68.88888889vw;
    }

    .niki-main .niki-s12 .mid-scale-icon {
        width: 27.77777778vw;
        left: calc(50% - 27.77777778vw / 2);
        top: calc(50% - 27.77777778vw / 2);
        transform: scale(2.85);
    }
}

.niki-main .niki-s12 .s12-btn-container {
    margin-top: 2.5vw;
    display: flex;
    justify-content: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.niki-main .niki-s12 .s12-btn-container .s12-btn-wrap {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    overflow: hidden;
    padding: 0.625vw 1.041667vw;
}

.niki-main .niki-s12 .s12-btn-container .btn-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(228, 237, 249, 0.8);
    box-shadow: 0vw 0vw 0.78125vw rgba(105, 177, 255, 0.6) inset;
    border-radius: 999px;
    pointer-events: none;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    transition: all 0.3s;
}

.niki-main .niki-s12 .s12-btn-container .button-item {
    width: 2.0833334vw;
    height: 2.0833334vw;
    flex-shrink: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.niki-main .niki-s12 .s12-btn-container .cursor-shadow-wrap {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    border-radius: 999px;
}

.niki-main .niki-s12 .s12-btn-container .cursor-shadow-wrap .shadow-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.15625vw;
    height: 5.15625vw;
    background: radial-gradient(ellipse 50% 50% at 50% 50%, #f0f6ff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.niki-main .niki-s12 .btn-container-hover.show .shadow-item {
    opacity: 1;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s12 .s12-btn-container .button-item:hover {
        cursor: pointer;
        opacity: 0.6;
    }

    .niki-main .niki-s12 .s12-btn-container:hover .btn-bg-wrap {
        box-shadow: 0vw 0vw 0.78125vw rgba(105, 177, 255, 0.8) inset;
    }

}

.niki-main .niki-s12 .s12-btn-container .button-item.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.niki-main .niki-s12 .s12-btn-container .button-prev {
    transform: translate3d(0, 0, 0) rotate(180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(180deg);
}

.niki-main .niki-s12 .s12-btn-container .swiper-pagination {
    position: static;
    margin: 0 0.9375vw;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.niki-main .niki-s12 .s12-btn-container .swiper-pagination-bullet {
    margin: 0;
    cursor: default;
    flex-shrink: 0;
    width: 0.5208334vw;
    height: 0.5208334vw;
    background: #3c3c3c;
    opacity: 0.2;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

.niki-main .niki-s12 .s12-btn-container .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: 0.5208334vw;
}

.niki-main .niki-s12 .s12-btn-container .swiper-pagination-bullet-active {
    opacity: .7;
    pointer-events: none;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s12 .s12-btn-container .swiper-pagination-bullet:hover {
        opacity: .6;
        cursor: pointer;
    }
}


@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s12 .s12-btn-container {
        margin-top: 8.88888889vw;
    }

    .niki-main .niki-s12 .s12-btn-container .s12-btn-wrap {
        padding: 0 1.666667vw;
    }

    .niki-main .niki-s12 .s12-btn-container .btn-bg-wrap {
        box-shadow: 0vw 0vw 2.08333333vw rgba(105, 177, 255, 0.6) inset;
    }

    .niki-main .niki-s12 .s12-btn-container .button-item {
        width: 13.333333vw;
        height: 13.333333vw;
    }

    .niki-main .niki-s12 .s12-btn-container .swiper-pagination {
        margin: 0 1.111111vw;
    }

    .niki-main .niki-s12 .s12-btn-container .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
    }

    .niki-main .niki-s12 .s12-btn-container .swiper-pagination-bullet:nth-child(n+2) {
        margin-left: 3.333333vw;
    }

}

/* s13 */
.niki-main .niki-s13 {
    padding-top: 10.41666667vw;
    padding-bottom: 5.9375vw;
    overflow: hidden;
}

.niki-main .niki-s13 .s13-wrapper {
    display: flex;
    position: relative;
}

.niki-main .niki-s13 .sec-big-title {
    color: #C199E8;
}

.niki-main .niki-s13 .txt-wrapper h2 {
    line-height: 1.25;
    font-weight: 500;
    color: #18191A;
    font-size: 1.66666667vw;
}

.niki-main .niki-s13 .txtbox1 {
    width: 19.11458333vw;
    position: absolute;
    top: 21.66666667vw;
    left: 59.79166667vw;
    transform: translateY(13.02083333vw);
    opacity: 0;
}

.niki-main .niki-s13 .s13-wrapper.animated1 .txtbox1 {
    transform: translateY(0vw);
    opacity: 1;
}

.niki-main .niki-s13 .s13-wrapper.animated2 .txtbox1 {
    transform: translateY(-5.20833333vw);
}

.niki-main .niki-s13 .txtbox2 {
    width: 18.75vw;
    position: absolute;
    top: 46.51041667vw;
    left: 22.60416667vw;
    transform: translateY(10.41666667vw);
    opacity: 0;
}

.niki-main .niki-s13 .s13-wrapper.animated2 .txtbox2 {
    transform: translateY(0vw);
    opacity: 1;
}

.niki-main .niki-s13 .txt-wrapper p {
    line-height: 1.6;
    font-weight: 400;
    color: #797c80;
    font-size: 1.04166667vw;
    margin-top: 0.83333333vw;
}

.niki-main .niki-s13 .img-left {
    flex-shrink: 0;
    width: 47.76041667vw;
    height: fit-content;
    margin-left: 14.73958333vw;
    transform: translateY(10.41666667vw);
    margin-top: -1.04166667vw;
}

.niki-main .niki-s13 .s13-wrapper.animated1 .img-left {
    transform: translateY(0vw);

}

.niki-main .niki-s13 .s13-wrapper.animated2 .img-left {
    transform: translateY(-5.20833333vw);
}

.niki-main .niki-s13 .img-right {
    flex-shrink: 0;
    width: 44.375vw;
    height: fit-content;
    margin-left: -24.27083333vw;
    margin-top: 29.79166667vw;
    transform: translate(-3.30729167vw, 10.41666667vw);
    opacity: 0;
}

.niki-main .niki-s13 .s13-wrapper.animated2 .img-right {
    transform: translate(0vw, 0vw);
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s13 {
        padding-top: 27.77777778vw;
        padding-bottom: 27.77777778vw;
    }

    .niki-main .niki-s13 .s13-wrapper {
        flex-direction: column;
        margin-top: 11.11111111vw;
    }

    .niki-main .niki-s13 .txt-wrapper h2 {
        font-size: 5.55555556vw;
    }

    .niki-main .niki-s13 .txtbox1 {
        width: 76.38888889vw;
        position: static;
        transform: translateY(22.22222222vw);
        margin-left: 11.11111111vw;
    }

    .niki-main .niki-s13 .s13-wrapper.animated2 .txtbox1 {
        transform: translateY(-5.55555556vw);
    }

    .niki-main .niki-s13 .txtbox2 {
        width: 38.88888889vw;
        position: static;
        margin-left: 11.11111111vw;
        margin-top: -35.69444444vw;
        transform: translateY(22.22222222vw);
    }

    .niki-main .niki-s13 .txt-wrapper p {
        font-size: 4.44444444vw;
        margin-top: 2.77777778vw;
    }

    .niki-main .niki-s13 .img-left {
        width: 125.83333333vw;
        margin-top: -7.63888889vw;
        margin-left: -47.36111111vw;
        transform: translateY(34.72222222vw);
        will-change: transform;
        opacity: 0;
    }

    .niki-main .niki-s13 .s13-wrapper.animated2 .img-left {
        transform: translateY(-5.55555556vw);
    }

    .niki-main .niki-s13 .img-right {
        width: 116.94444444vw;
        margin-left: 25vw;
        margin-top: -59.16666667vw;
        transform: translate(0, 34.72222222vw);
        opacity: 0;
    }
}

/* s14 */
.niki-main .niki-s14 .small-title {
    line-height: 1.25;
    font-weight: 500;
    color: #c199e8;
    font-size: 1.66666667vw;
    display: block;
    margin-bottom: 1.66666667vw;
}

.niki-main .niki-s14 .txt-desc {
    width: 40.83333333vw;
    margin: 1.66666667vw auto 0;
    font-weight: 400;
    line-height: 1.6;
    color: #797c80;
    font-size: 1.14583333vw;
    text-align: center;
}

.niki-main .niki-s14 .bg-img {
    width: 67.5vw;
    border-radius: 0.83333333vw;
    overflow: hidden;
    margin: 4.16666667vw auto 0;
}

.niki-main .niki-s14 .switch-model {
    display: flex;
    width: 67.5vw;
    margin: 2.5vw auto 0;
}

.niki-main .niki-s14 .watch-wrapper {
    flex-shrink: 0;
    width: 13.07291667vw;
    height: 22.70833333vw;
    position: relative;
    margin-top: -9.89583333vw;
}

.niki-main .niki-s14 .watch-frame {
    position: absolute;
    z-index: 10;
    pointer-events: none;
}

.niki-main .niki-s14 .sleeping-swiper {
    width: 10.3125vw;
    position: absolute;
    top: 5.41666667vw;
    left: 0.98958333vw;
    z-index: 2;
}

.niki-main .niki-s14 .switch-text-container {
    display: flex;
    flex-shrink: 0;
    width: 29.16666667vw;
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    color: #797C80;
    position: relative;
    margin: 0.41666667vw 3.07291667vw 0 1.04166667vw;
}

.niki-main .niki-s14 .switch-text-container .text-item {
    width: 100%;
    opacity: 0;
    transition: 0.3s;
    position: relative;
}

.niki-main .niki-s14 .switch-text-container .text-item.current {
    position: relative;
    z-index: 1;
    opacity: 1;
    transition-delay: 0.3s;
}

.niki-main .niki-s14 .switch-text-container .text-item+.text-item {
    margin-left: -100%;
}

.niki-main .niki-s14 .switch-mask {
    width: fit-content;
    margin: 0 0.20833333vw 0 1.875vw;
}

.niki-main .niki-s14 .switch-mask-inner {
    padding: 0.20833333vw;
    position: relative;
    background: #ffffff;
    border-radius: 999px;
    overflow: hidden;
}

.niki-main .niki-s14 .switch-indicator {
    position: absolute;
    top: 0.20833333vw;
    left: 0.20833333vw;
    z-index: 1;
    background-color: #c199e8;
    border-radius: 999px;
    width: var(--s14-indicator-width, 6.25vw);
    height: calc(100% - 0.20833333vw * 2);
    transform: translateX(calc(var(--s14-indicator-offset, 0)));
    transition: all 0.3s;
}

.niki-main .niki-s14 .switch-paginations {
    display: flex;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.niki-main .niki-s14 .switch-paginations .pagination-item {
    padding: 0.72916667vw 1.25vw;
    font-size: 0.9375vw;
    line-height: 1.25;
    font-weight: 500;
    color: rgba(24, 25, 26, 0.6);
    background-color: transparent;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    z-index: 3;
}

.niki-main .niki-s14 .switch-paginations .pagination-item.current {
    color: #fff;
    opacity: 1;
    cursor: default;
}

@media (hover: hover) and (pointer: fine) {
    .niki-main .niki-s14 .switch-paginations .pagination-item:not(.current):hover {
        color: rgba(24, 25, 26, 0.8);
    }
}


@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s14 .small-title {
        font-size: 4.44444444vw;
        margin-bottom: 4.44444444vw;
    }

    .niki-main .niki-s14 .txt-desc {
        width: 77.777777778vw;
        margin: 4.44444444vw auto 0;
        font-size: 4.444444444444444vw;
    }

    .niki-main .niki-s14 .bg-img {
        width: 91.11111111vw;
        border-radius: 2.22222222vw;
        margin: 11.11111111vw auto 0;
    }

    .niki-main .niki-s14 .switch-model {
        flex-direction: column;
        margin: -33.05555556vw auto 0;
        width: 100%;
    }

    .niki-main .niki-s14 .watch-wrapper {
        width: 37.91666667vw;
        height: 65.97222222vw;
        order: 1;
        margin: 0 auto;
    }

    .niki-main .niki-s14 .sleeping-swiper {
        width: 29.58333333vw;
        top: 15.69444444vw;
        left: 3.05555556vw;
    }

    .niki-main .niki-s14 .switch-text-container {
        width: 77.777777778vw;
        font-size: 4.44444444vw;
        margin: 8.88888889vw auto 0;
        order: 2;
    }

    .niki-main .niki-s14 .switch-mask {
        order: 3;
        margin: 8.88888889vw auto 0;
    }

    .niki-main .niki-s14 .switch-mask-inner {
        padding: 1.11111111vw;
    }

    .niki-main .niki-s14 .switch-paginations .pagination-item {
        padding: 3.33333333vw 5.55555556vw 3.33333333vw;
        font-size: 3.8888889vw;
    }

    .niki-main .niki-s14 .switch-indicator {
        top: 1.11111111vw;
        left: 1.11111111vw;
        width: var(--s14-indicator-width, 26.66666666vw);
        height: calc(100% - 1.11111111vw * 2);
        transform: translateX(calc(var(--s14-indicator-offset, 0)));
    }
}

/* s15 */
.niki-main .niki-s15 {
    overflow: hidden;
    padding-top: 10.41666667vw;
}

.niki-main .niki-s15 .s15-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
    margin-top: 4.16666667vw;
}

.niki-main .niki-s15 .s15-swiper .card-slide {
    width: 33.125vw;
    height: 46.97916667vw;
    background-color: #FFFFFF;
    position: relative;
    border-radius: 0.83333333vw;
    overflow: hidden;
}

.niki-main .niki-s15 .s15-swiper .card-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.niki-main .niki-s15 .s15-swiper .swiper-slide .swiper-img {
    width: 100%;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s15 .s15-swiper .card-slide:hover {
        cursor: pointer;
    }

    .niki-main .niki-s15 .s15-swiper .card-slide.swiper-slide-visible.swiper-slide-active,
    .niki-main .niki-s15 .s15-swiper .card-slide.swiper-slide-visible.swiper-slide-next {
        cursor: default;
    }
}

.niki-main .niki-s15 .s15-swiper .text-container {
    margin: 3.33333333vw 0 0 3.33333333vw;
    position: absolute;
    top: 0;
    left: 0;
}

.niki-main .niki-s15 .s15-swiper .swiper-slide .function-title {
    color: #18191A;
    font-size: 1.66666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.niki-main .niki-s15 .s15-swiper .swiper-slide p {
    color: #797C80;
    font-size: 1.04166667vw;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 1.04166667vw;
}

.niki-main .niki-s15 .s15-swiper .swiper-slide3 p {
    width: 26.45833333vw;
}

.niki-main .niki-s15 .s15-swiper-button {
    width: 67.5vw;
    margin: 2.5vw auto 0;
}

.niki-main .niki-s15 .s15-swiper-button .swiper-button-item {
    background: #E9E2F2;
}

.niki-main .niki-s15 .s15-swiper-button .swiper-button-item.swiper-button-disabled {
    background: #d1d1d1;
}

.niki-main .niki-s15 .s15-swiper-button .inner-inset {
    box-shadow: 0vw 0vw 0.52083333vw rgba(161, 84, 229, 0.3) inset;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s15 .s15-swiper-button .swiper-button-item:hover .inner-inset {
        opacity: 0.7;
        cursor: pointer;
    }
}

.niki-main .niki-s15 .s15-swiper .swiper-slide3 {
    width: 50.52083333vw;
}

.niki-main .niki-s15 .certifications-content {
    width: 100%;
    margin-top: 14.16666667vw;
    margin-left: 3.33333333vw;
    position: relative;
    pointer-events: none;
}

.niki-main .niki-s15 .certifications-swiper {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 51.5625vw;
}

.niki-main .niki-s15 .certifications-swiper .swiper-slide {
    width: 20.98958333vw;
    height: 29.42708333vw;
}

.niki-main .niki-s15 .certifications-swiper .swiper-slide:first-child {
    margin-right: 1.875vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s15 {
        padding-top: 27.77777778vw;
    }

    .niki-main .niki-s15 .s15-swiper {
        width: 91.11111111vw;
        margin: 11.11111111vw auto 0;
    }

    .niki-main .niki-s15 .s15-swiper .card-slide {
        width: 100%;
        height: 186.11111111vw;
        border-radius: 2.22222222vw;
    }

    .niki-main .niki-s15 .s15-swiper .card-slide:nth-last-child(n+2) {
        margin-right: 4.44444444vw;
    }

    .niki-main .niki-s15 .s15-swiper .swiper-slide3 {
        width: 100%;
    }

    .niki-main .niki-s15 .s15-swiper .text-container {
        margin: 6.66666667vw 6.66666667vw 0 6.66666667vw;
    }

    .niki-main .niki-s15 .s15-swiper .swiper-slide .function-title {
        font-size: 5.55555556vw;
    }

    .niki-main .niki-s15 .s15-swiper .swiper-slide p {
        font-size: 4.44444444vw;
        margin-top: 2.77777778vw;
        width: 64.44444444vw;
    }

    .niki-main .niki-s15 .s15-swiper .swiper-slide3 p {
        width: 100%;
    }

    .niki-main .niki-s15 .s15-swiper-button {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s15 .s15-swiper-button .button-list li {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .niki-main .niki-s15 .certifications-content {
        margin-top: 55.42vw;
        margin-left: 0;
        pointer-events: all;
    }

    .niki-main .niki-s15 .certifications-swiper {
        width: 68.19444444vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 70.27777778vw;
        overflow: visible;
    }

    .niki-main .niki-s15 .certifications-swiper .swiper-slide {
        width: 100%;
        height: 98.33333333vw;
    }

    .niki-main .niki-s15 .certifications-swiper .swiper-slide:first-child {
        margin-right: 0;
    }

    .niki-main .niki-s15 .certifications-swiper .swiper-slide.swiper-slide-active img {
        will-change: transform, transform-origin;
        transition: transform 400ms ease, transform-origin 400ms ease;
        box-sizing: border-box;
        transform: scale(1);
        transform-origin: center center;
    }

    .niki-main .niki-s15 .certifications-swiper .swiper-slide.swiper-slide-next img {
        will-change: transform, transform-origin;
        transition: transform 400ms ease, transform-origin 400ms ease;
        box-sizing: border-box;
        transform: scale(0.7786);
        transform-origin: left center;
    }

    .niki-main .niki-s15 .certifications-swiper .swiper-slide.swiper-slide-prev img {
        will-change: transform, transform-origin;
        transition: transform 400ms ease, transform-origin 400ms ease;
        box-sizing: border-box;
        transform: scale(0.7786);
        transform-origin: right center;
    }

    .niki-main .niki-s15 .certifications-content .swiper-pagination {
        position: relative;
        margin-top: 10.69444444vw;
        top: 0;
        bottom: 0;
    }

    .niki-main .niki-s15 .certifications-content .swiper-pagination .swiper-pagination-bullet {
        width: 2.22222222vw;
        height: 2.22222222vw;
        margin: 0 1.66666667vw;
        opacity: 0.2;
        background-color: #636364;
        transition: 0.3s;
    }

    .niki-main .niki-s15 .certifications-content .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 0.8;
        background-color: #000000;
    }
}



/* s16 */
.niki-main .niki-s16 {
    padding-top: 10.41666667vw;
}

.niki-main .niki-s16 .s16-swiper {
    overflow: hidden;
    margin-left: 19.79166667vw;
}

.niki-main .niki-s16 .txt-wrapper {
    width: 21.875vw;
    margin-top: 13.59375vw;
}

.niki-main .niki-s16 .swiper-slide.slide3 .txt-wrapper {
    width: 21.875vw;
}

.niki-main .niki-s16 .txt-wrapper h2 {
    line-height: 1.25;
    font-weight: 500;
    color: #18191A;
    font-size: 2.08333333vw;
}

.niki-main .niki-s16 .txt-wrapper p {
    line-height: 1.6;
    font-weight: 400;
    color: #797C80;
    font-size: 1.14583333vw;
    margin-top: 1.04166667vw;
}

.niki-main .niki-s16 .swiper-slide {
    display: flex;
}

.niki-main .niki-s16 .swiper-slide.slide1 .right-wrapper {
    width: 31.25vw;
    margin-left: 10.83333333vw;
    margin-top: 6.82291667vw;
    position: relative;
}

.niki-main .niki-s16 .watch-frame {
    position: relative;
    z-index: 9;
}

.niki-main .niki-s16 .left-video-container {
    width: 8.22916667vw;
    height: auto;
    position: absolute;
    z-index: -2;
    top: 6.35416667vw;
    left: 0.78125vw;
}

.niki-main .niki-s16 .mid-video-container {
    width: 10.20833333vw;
    height: auto;
    position: absolute;
    z-index: -2;
    top: 5.20833333vw;
    left: 10.15625vw;
}

.niki-main .niki-s16 .right-video-container {
    width: 8.17708333vw;
    height: auto;
    position: absolute;
    z-index: -2;
    top: 6.43229167vw;
    right: 1.40625vw;
}


.niki-main .niki-s16 .swiper-slide.slide2 .img-wrapper {
    width: 20.83333333vw;
    margin-left: 14.6875vw;
    margin-top: 7.23958333vw;
}

.niki-main .niki-s16 .swiper-slide.slide3 .img-wrapper {
    position: relative;
    width: 39.01041667vw;
    height: 31.82291667vw;
    margin-top: 1.875vw;
    margin-left: 1.97916667vw;
}

.niki-main .niki-s16 .watch-health-img {
    width: 14.375vw;
    position: absolute;
    left: 14.0625vw;
    top: 4.63541667vw;
    z-index: 10;
}

.niki-main .niki-s16 .wave-img {
    width: 29.16666667vw;
    height: 29.16666667vw;
    position: absolute;
    top: 2.65625vw;
    left: 6.35416667vw;
    z-index: 2;
    transform: scale(0.1);
    transform-origin: center center;
    transition: 1s;
}

.niki-main .niki-s16 .swiper-slide-active .wave-img {
    transform: scale(1);
}

.niki-main .niki-s16 .icon-box {
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    position: absolute;
    flex-direction: column;
    align-items: center;
    z-index: 9;
}

.niki-main .niki-s16 .circlebox1 {
    width: 9.27083333vw;
    height: 9.27083333vw;
    right: 1.71875vw;
    top: 0;
    transform: translate(-11.71875vw, 12.5vw);
    transition: 1s;
}

.niki-main .niki-s16 .swiper-slide-active .circlebox1 {
    transform: translate(0, 0);
}

.niki-main .niki-s16 .circlebox2 {
    width: 9.53125vw;
    height: 9.53125vw;
    left: 0;
    bottom: 3.54166667vw;
    transform: translate(16.25vw, -6.25vw);
    transition: 1s;
}

.niki-main .niki-s16 .swiper-slide-active .circlebox2 {
    transform: translate(0, 0);
}

.niki-main .niki-s16 .circlebox3 {
    width: 6.82291667vw;
    height: 6.82291667vw;
    right: 0;
    bottom: 3.95833333vw;
    transform: translate(-14.6875vw, -7.08333333vw);
    transition: 1s;
}

.niki-main .niki-s16 .swiper-slide-active .circlebox3 {
    transform: translate(0, 0);
}

.niki-main .niki-s16 .icon-box:after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0.6;
    background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(243, 241, 251, 0) 0%, rgba(229, 223, 252, 0.41) 88.67%, #dfd8fc 100%);
}

.niki-main .niki-s16 .icon-tit {
    width: fit-content;
    display: inline-block;
    line-height: 1.25;
    font-weight: 500;
    color: #797C80;
    text-align: center;
}

.niki-main .niki-s16 .circlebox1 .icon-tit {
    font-size: 0.98958333vw;
    margin-top: 1.09375vw;
}

.niki-main .niki-s16 .circlebox2 .icon-tit {
    font-size: 1.04166667vw;
    margin-top: 0.83333333vw;
}

.niki-main .niki-s16 .circlebox3 .icon-tit {
    font-size: 0.72916667vw;
    margin-top: 0.78125vw;
}

.niki-main .niki-s16 .icon-desc {
    position: relative;
    display: flex;
    justify-content: center;
}

.niki-main .niki-s16 .circlebox1 .icon-desc {
    width: 6.14583333vw;
    margin-top: 0.3125vw;
}

.niki-main .niki-s16 .circlebox2 .icon-desc {
    width: 6.30208333vw;
    margin-top: 0.52083333vw;
}

.niki-main .niki-s16 .circlebox3 .icon-desc {
    width: 4.53125vw;
    margin-top: 0.20833333vw;
}

.niki-main .niki-s16 .top-info {
    line-height: 1.25;
    font-weight: 700;
    color: #18191A;
    text-align: center;
    display: flex;
    align-items: baseline;
}

.niki-main .niki-s16 .circlebox1 .top-info {
    font-size: 2.39583333vw;
    margin-top: 0.57291667vw;
}

.niki-main .niki-s16 .circlebox2 .top-info {
    font-size: 2.5vw;
    margin-top: 0.41666667vw;
}

.niki-main .niki-s16 .circlebox3 .top-info {
    font-size: 1.71875vw;
    margin-top: 0.36458333vw;
}

.niki-main .niki-s16 .top-info span {
    line-height: 1.25;
    font-weight: 500;
}

.niki-main .niki-s16 .circlebox1 .top-info span {
    font-size: 0.83333333vw;
}

.niki-main .niki-s16 .circlebox3 .top-info span {
    font-size: 0.57291667vw;
}

.niki-main .niki-s16 .icon-box .top-info img {
    display: inline-block;
    flex-shrink: 0;
}

.niki-main .niki-s16 .circlebox1 .top-info img {
    width: 0.78125vw;
}

.niki-main .niki-s16 .circlebox2 .top-info img {
    width: 0.83333333vw;
}

.niki-main .niki-s16 .circlebox3 .top-info img {
    width: 0.57291667vw;
    margin-right: 0.20833333vw;
}

.niki-main .niki-s16 .bot-info {
    line-height: 1.25;
    color: #797C80;
    text-align: center;
}

.niki-main .niki-s16 .circlebox1 .bot-info {
    font-size: 0.78125vw;
    margin-top: 0.52083333vw;
}

.niki-main .niki-s16 .circlebox2 .bot-info {
    font-size: 0.83333333vw;
    margin-top: 0.57291667vw;
}

.niki-main .niki-s16 .circlebox3 .bot-info {
    font-size: 0.57291667vw;
}

.niki-main .niki-s16 .inner-desc {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.8s 0s ease-in-out;
    will-change: opacity;
}

.niki-main .niki-s16 .swiper-slide-active .inner-desc {
    opacity: 1;
    transition: opacity 0.8s 1.6s ease-in-out;
}

.niki-main .niki-s16 .run-icon {
    opacity: 1;
    transition: opacity 0.8s 0s ease-in-out;
    will-change: opacity;
}

.niki-main .niki-s16 .swiper-slide-active .run-icon {
    opacity: 0;
    transition: opacity 0.8s 1.6s ease-in-out;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s16 {
        padding-top: 27.77777778vw;
    }

    .niki-main .niki-s16 .s16-swiper {
        margin-left: 0;
        margin-top: 11.11111111vw;
    }

    .niki-main .niki-s16 .txt-wrapper {
        width: 77.777777778vw;
        margin: 0 0 0 11.11111111vw;
    }

    .niki-main .niki-s16 .txt-wrapper:first-child {
        width: 80vw;
    }

    .niki-main .niki-s16 .swiper-slide.slide3 .txt-wrapper {
        width: 77.777777778vw;
    }

    .niki-main .niki-s16 .txt-wrapper h2 {
        font-size: 5.55555556vw;
        text-align: center;
    }

    .niki-main .niki-s16 .txt-wrapper p {
        font-size: 4.44444444vw;
        margin-top: 3.33333333vw;
        text-align: center;
    }

    .niki-main .niki-s16 .swiper-slide {
        flex-direction: column;
    }

    .niki-main .niki-s16 .swiper-slide.slide1 .right-wrapper {
        width: 96.38888889vw;
        margin-left: 1.94444444vw;
        margin-top: 26.80555556vw;
    }

    .niki-main .niki-s16 .left-video-container {
        width: 23.61111111vw;
        top: 23.61111111vw;
        left: 2.5vw;
    }

    .niki-main .niki-s16 .mid-video-container {
        width: 33.61111111vw;
        top: 17.63888889vw;
        left: 31.25vw;
      }

    .niki-main .niki-s16 .right-video-container {
        width: 23.61111111vw;
        top: 23.47222222vw;
        right: 4.16666667vw;
    }


    .niki-main .niki-s16 .swiper-slide.slide2 .img-wrapper {
        width: 67.5vw;
        margin: 18.88888889vw auto 0;
    }

    .niki-main .niki-s16 .swiper-slide.slide3 .img-wrapper {
        position: relative;
        width: 100%;
        height: 108.47222222vw;
        margin-top: 0;
        margin-left: 0;
    }

    .niki-main .niki-s16 .watch-health-img {
        width: 45.41666667vw;
        left: 28.33333333vw;
        top: 16.66666667vw;
    }

    .niki-main .niki-s16 .wave-img {
        width: 92.08333333vw;
        height: 92.08333333vw;
        top: 10.41666667vw;
        left: calc((100% - 92.0833333vw) / 2);
    }

    .niki-main .niki-s16 .circlebox1 {
        width: 29.30555556vw;
        height: 29.30555556vw;
        right: 3.88888889vw;
        top: 0;
        transform: translate(-16.11111111vw, 18.33333333vw);
    }

    .niki-main .niki-s16 .circlebox2 {
        width: 31.52777778vw;
        height: 31.52777778vw;
        left: 2.22222222vw;
        bottom: 0;
        transform: translate(16.11111111vw, -20.83333333vw);
    }

    .niki-main .niki-s16 .circlebox3 {
        width: 29.30555556vw;
        height: 29.30555556vw;
        right: 1.66666667vw;
        bottom: 12.08333333vw;
        transform: translate(-17.36111111vw, -14.72222222vw);
    }

    .niki-main .niki-s16 .circlebox1 .icon-tit {
        font-size: 3.05555556vw;
        margin-top: 3.33333333vw;
    }

    .niki-main .niki-s16 .circlebox2 .icon-tit {
        font-size: 3.33333333vw;
        margin-top: 3.05555556vw;
    }

    .niki-main .niki-s16 .circlebox3 .icon-tit {
        font-size: 3.05555556vw;
        margin-top: 3.61111111vw;
    }

    .niki-main .niki-s16 .circlebox1 .icon-desc {
        width: 19.44444444vw;
        margin-top: 1.11111111vw;
    }

    .niki-main .niki-s16 .circlebox2 .icon-desc {
        width: 20.83333333vw;
        margin-top: 1.66666667vw;
    }

    .niki-main .niki-s16 .circlebox3 .icon-desc {
        width: 19.44444444vw;
        margin-top: 1.94444444vw;
    }

    .niki-main .niki-s16 .circlebox1 .top-info {
        font-size: 7.36111111vw;
        margin-top: 1.80555556vw;
    }

    .niki-main .niki-s16 .circlebox2 .top-info {
        font-size: 7.91666667vw;
        margin-top: 1.94444444vw;
    }

    .niki-main .niki-s16 .circlebox3 .top-info {
        font-size: 6.80555556vw;
        margin-top: 0.36458333vw;
    }

    .niki-main .niki-s16 .circlebox1 .top-info span {
        font-size: 2.5vw;
    }

    .niki-main .niki-s16 .circlebox3 .top-info span {
        font-size: 2.36111111vw;
    }

    .niki-main .niki-s16 .circlebox1 .top-info img {
        width: 2.5vw;
        margin-right: 0.83333333vw;
    }

    .niki-main .niki-s16 .circlebox2 .top-info img {
        width: 2.63888889vw;
        transform: translateX(-0.83333333vw);
    }

    .niki-main .niki-s16 .circlebox3 .top-info img {
        width: 2.5vw;
        margin-right: 0.55555556vw;
    }

    .niki-main .niki-s16 .circlebox1 .bot-info {
        font-size: 2.5vw;
        margin-top: 1.38888889vw;
    }

    .niki-main .niki-s16 .circlebox2 .bot-info {
        font-size: 2.5vw;
        margin-top: 1.94444444vw;
    }

    .niki-main .niki-s16 .circlebox3 .bot-info {
        font-size: 2.77777778vw;
        margin-top: 1.94444444vw;
    }
}

.niki-main .niki-s16 .s16-btn-container {
    margin-top: 1.77083333vw;
    display: flex;
    justify-content: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.niki-main .niki-s16 .s16-btn-container .s16-btn-wrap {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    overflow: hidden;
    padding: 0.625vw 1.041667vw;
}

.niki-main .niki-s16 .s16-btn-container .btn-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(225, 195, 255, 0.3);
    box-shadow: 0vw 0vw 0.52083333vw rgba(161, 84, 229, 0.3) inset;
    border-radius: 999px;
    pointer-events: none;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    transition: 0.3s;
}

.niki-main .niki-s16 .s16-btn-container .button-item {
    width: 2.0833334vw;
    height: 2.0833334vw;
    flex-shrink: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.niki-main .niki-s16 .s16-btn-container .button-item.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.niki-main .niki-s16 .s16-btn-container .button-prev {
    transform: translate3d(0, 0, 0) rotate(180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(180deg);
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s16 .s16-btn-container .button-item:hover {
        cursor: pointer;
        opacity: 0.6;
    }

    .niki-main .niki-s16 .s16-btn-container:hover .btn-bg-wrap {
        box-shadow: 0vw 0vw 0.52083333vw rgba(161, 84, 229, 0.6) inset;
    }
}

.niki-main .niki-s16 .s16-btn-container .swiper-pagination {
    position: static;
    margin: 0 0.9375vw;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.niki-main .niki-s16 .s16-btn-container .swiper-pagination-bullet {
    margin: 0;
    cursor: default;
    flex-shrink: 0;
    width: 0.5208334vw;
    height: 0.5208334vw;
    background: #3c3c3c;
    opacity: 0.2;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

.niki-main .niki-s16 .s16-btn-container .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: 0.5208334vw;
}

.niki-main .niki-s16 .s16-btn-container .swiper-pagination-bullet-active {
    opacity: .7;
    pointer-events: none;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s16 .s16-btn-container .swiper-pagination-bullet:hover {
        opacity: .6;
        cursor: pointer;
    }
}

.niki-main .niki-s16 .s16-btn-container .cursor-shadow-wrap {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    border-radius: 999px;
}

.niki-main .niki-s16 .s16-btn-container .cursor-shadow-wrap .shadow-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.15625vw;
    height: 5.15625vw;
    opacity: 0.75;
    background: radial-gradient(ellipse 50% 50% at 50% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.niki-main .niki-s16 .btn-container-hover.show .shadow-item {
    opacity: 1;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s16 .s16-btn-container {
        margin-top: 6.66666667vw;
    }

    .niki-main .niki-s16 .s16-btn-container .s16-btn-wrap {
        padding: 0 1.666667vw;
    }

    .niki-main .niki-s16 .s16-btn-container .btn-bg-wrap {
        box-shadow: 0vw 0vw 2.08333333vw #e1c3ff inset;
    }

    .niki-main .niki-s16 .s16-btn-container .btn-bg-wrap::before {
        inset: 0.416667vw 2.222222223vw auto;
        height: 9.166667vw;
    }

    .niki-main .niki-s16 .s16-btn-container .btn-bg-wrap::after {
        inset: auto 2.222222223vw 1.666667vw;
        height: 5.416667vw;
    }

    .niki-main .niki-s16 .s16-btn-container .button-item {
        width: 13.333333vw;
        height: 13.333333vw;
    }

    .niki-main .niki-s16 .s16-btn-container .swiper-pagination {
        margin: 0 1.111111vw;
    }

    .niki-main .niki-s16 .s16-btn-container .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
    }

    .niki-main .niki-s16 .s16-btn-container .swiper-pagination-bullet:nth-child(n+2) {
        margin-left: 3.333333vw;
    }

}

/* s17 */
.niki-main .niki-s17 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 10.41666667vw;
}

.niki-main .niki-s17 .s17-swiper {
    width: 67.5vw;
    margin: 4.16666667vw auto 0;
    overflow: visible;
}

.niki-main .niki-s17 .s17-swiper .swiper-slide {
    width: 26.25vw;
    height: auto;
}

.niki-main .niki-s17 .s17-swiper .swiper-slide .swiper-img {
    position: relative;
    border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}


.niki-main .niki-s17 .s17-swiper .swiper-slide5 .swiper-img img {
    width: 20.625vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.niki-main .niki-s17 .s17-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s17 .s17-swiper .swiper-slide:nth-of-type(n+2):hover {
        cursor: default;
    }

    .niki-main .niki-s17 .s17-swiper .swiper-slide:nth-last-of-type(-n+2):hover {
        cursor: pointer;
    }

    .niki-main .niki-s17 .s17-swiper.isend .swiper-slide:nth-of-type(n+2):hover {
        cursor: pointer;
    }

    .niki-main .niki-s17 .s17-swiper.isend .swiper-slide:nth-last-of-type(-n+2):hover {
        cursor: default;
    }
}

.niki-main .niki-s17 .s17-swiper .swiper-slide .desc-content {
    transition: 0.6s;
    transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
    margin: 2.08333333vw 0 0 0.833333vw;
    width: 23.4375vw;
}

.niki-main .niki-s17 .s17-swiper .swiper-slide .desc-content h2 {
    line-height: 1.25;
    font-weight: 500;
    color: #18191a;
    font-size: 1.66666667vw;
}

.niki-main .niki-s17 .s17-swiper .swiper-slide .desc-content p {
    line-height: 1.6;
    font-weight: 400;
    color: #797c80;
    font-size: 1.04166667vw;
    margin-top: 0.83333333vw;
}

.niki-main .niki-s17 .s17-swiper .swiper-slide.swiper-slide-visible .desc-content {
    opacity: 1;
}


.niki-main .niki-s17 .s17-swiper .swiper-slide .desc-content i {
    color: #000;
    font-weight: 700;
}

.niki-main .niki-s17 .s17-swiper-button {
    width: 67.5vw;
    margin: 2.5vw auto 0;
}

.niki-main .niki-s17 .s17-swiper-button .swiper-button-item {
    background: #E9E2F2;
}


.niki-main .niki-s17 .s17-swiper-button .swiper-button-item.swiper-button-disabled {
    background: #d1d1d1;
}

.niki-main .niki-s17 .s17-swiper-button .inner-inset {
    box-shadow: 0vw 0vw 0.52083333vw rgba(161, 84, 229, 0.3) inset;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s17 .s17-swiper-button .swiper-button-item:hover .inner-inset {
        opacity: 0.7;
        cursor: pointer;
    }
}

@media screen and (max-aspect-ratio:11/10) {

    .niki-main .niki-s17 {
        padding-top: 27.77777778vw;
    }

    .niki-main .niki-s17 .s17-swiper {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }

    .niki-main .niki-s17 .s17-swiper .swiper-slide {
        width: 100%;
    }

    .niki-main .niki-s17 .s17-swiper .swiper-slide .swiper-img {
        border-radius: 2.22222222vw;
    }

    .niki-main .niki-s17 .s17-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .niki-main .niki-s17 .s17-swiper .swiper-slide .desc-content {
        margin: 6.66666667vw 0 0 2.22222222vw;
        width: 66.66666667vw;
    }

    .niki-main .niki-s17 .s17-swiper .swiper-slide .desc-content h2 {
        font-size: 5.55555556vw;
    }

    .niki-main .niki-s17 .s17-swiper .swiper-slide .desc-content p {
        font-size: 4.44444444vw;
        margin-top: 2.77777778vw;
    }

    .niki-main .niki-s17 .s17-swiper-button {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }
}






.niki-main .niki-s18 {
    padding-top: 10.41666667vw;
}

.niki-main .niki-s18 .card-container {
    display: flex;
    width: 67.5vw;
    height: 25vw;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.83333333vw;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.niki-main .niki-s18 .text-box {
    width: 25.72916667vw;
    margin-top: 5.15625vw;
    margin-left: 4.16666667vw;
    margin-right: 4.6875vw;
}

.niki-main .niki-s18 .text-box h2 {
    font-weight: 500;
    line-height: 1.25;
    font-weight: 500;
    color: #18191a;
    font-size: 2.5vw;
}

.niki-main .niki-s18 .text-box p {
    font-weight: 500;
    line-height: 1.6;
    font-weight: 400;
    color: #797c80;
    font-size: 1.04166667vw;
    margin-top: 1.25vw;
}

.niki-main .niki-s18 .text-box p b {
    color: #18191a;
    font-weight: 500;
}


.niki-main .niki-s18 .icon-list {
    display: flex;
    flex-direction: column;
    width: 28.90625vw;
    margin-top: 6.77083333vw;
}

.niki-main .niki-s18 .icon-top {
    display: flex;
    justify-content: center;
    gap: 0 1.97916667vw;
}

.niki-main .niki-s18 .icon-bottom {
    display: flex;
    justify-content: center;
    gap: 0 1.97916667vw;
    margin-top: 1.66666667vw;
}

.niki-main .niki-s18 .icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3.95833333vw;
}

.niki-main .niki-s18 .icon-item.show-mob {
    display: none;
}

.niki-main .niki-s18 .icon-item img {
    width: 3.95833333vw;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
}

.niki-main .niki-s18 .icon-item span {
    display: inline-block;
    line-height: 1.25;
    font-weight: 400;
    color: #18191A;
    text-align: center;
    width: 160%;
    font-size: 0.88541667vw;
    margin-top: 0.41666667vw;
    white-space: nowrap;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s18 {
        padding-top: 27.77777778vw;
    }

    .niki-main .niki-s18 .card-container {
        flex-direction: column;
        width: 91.11111111vw;
        height: auto;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 2.22222222vw;
    }

    .niki-main .niki-s18 .text-box {
        width: 77.777777778vw;
        margin-top: 11.11111111vw;
        margin-left: auto;
        margin-right: auto;
    }

    .niki-main .niki-s18 .text-box h2 {
        font-size: 8.88888889vw;
        text-align: center;
    }

    .niki-main .niki-s18 .text-box p {
        font-size: 4.44444444vw;
        margin-top: 4.44444444vw;
    }

    .niki-main .niki-s18 .icon-item img {
        width: 20vw;
    }

    .niki-main .niki-s18 .icon-item.show-mob {
        display: flex;
    }

    .niki-main .niki-s18 .icon-item.show-pc {
        display: none;
    }

    .niki-main .niki-s18 .icon-list {
        width: 77.777777778vw;
        margin: 11.11111111vw auto;
    }

    .niki-main .niki-s18 .icon-top {
        gap: 0 8.88888889vw;
        justify-content: flex-start;
    }

    .niki-main .niki-s18 .icon-bottom {
        flex-wrap: wrap;
        gap: 6.66666667vw 8.88888889vw;
        margin-top: 6.66666667vw;
    }

    .niki-main .niki-s18 .icon-item {
        width: 20vw;
    }

    .niki-main .niki-s18 .icon-item span {
        width: 140%;
        font-size: 3.33333333vw;
        margin-top: 3.33333333vw;
    }
}

/* s19 start */
.niki-main .niki-s19 {
    margin-top: 10.416667vw;
}

.niki-main .niki-s19 .sec-big-title {
    color: #21886b;
}

.niki-main .niki-s19 .s19-swiper-box {
    width: 100%;
    overflow: hidden;
    margin-top: 4.16666667vw;
}

.niki-main .niki-s19 .s19-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper {
    transition-timing-function: ease;
}

.niki-main .clip-bordre-img {
    width: 100%;
    height: auto;
    height: 0;
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide {
    width: 21.66666667vw;
    height: 31.25vw;
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .card-img {
    position: absolute;
    width: 99.8%;
    height: 99.8%;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: hidden;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTYiIGhlaWdodD0iNjAwLjAwMSIgdmlld0JveD0iMCAwIDQxNiA2MDAuMDAxIj4KICA8cGF0aCBpZD0icGMiIGQ9Ik00MTYsNjAwSDBWMEgzMjguNGEyMi4zMTcsMjIuMzE3LDAsMCwxLDMuOTI1LjQwNywyMS41MzQsMjEuNTM0LDAsMCwxLDMuOTMyLDEuMTY2LDIxLjMsMjEuMywwLDAsMSwzLjU1OSwxLjg0NSwyMC45MTEsMjAuOTExLDAsMCwxLDMuMSwyLjQ0MywyMC40MzksMjAuNDM5LDAsMCwxLDIuNTU5LDIuOTYyLDE5Ljc2NCwxOS43NjQsMCwwLDEsMS45MywzLjQsMTkuMTUyLDE5LjE1MiwwLDAsMSwxLjYyMyw2LjgyMnYxLjg5MmE0MS43ODIsNDEuNzgyLDAsMCwwLDMuNTU0LDE2LjkyNyw0My4yOSw0My4yOSwwLDAsMCw5LjY5MiwxMy44MjMsNDUuMjE3LDQ1LjIxNywwLDAsMCwxNC4zNzUsOS4zMiw0Ni41LDQ2LjUsMCwwLDAsMTcuNiwzLjQxN2guOTc1YTIyLjA1MSwyMi4wNTEsMCwwLDEsNC4wNzMuNDA2QTIxLjU1MSwyMS41NTEsMCwwLDEsNDAzLjIzNCw2NmEyMS4zLDIxLjMsMCwwLDEsMy41NTksMS44NDUsMjAuODg4LDIwLjg4OCwwLDAsMSwzLjEsMi40NDQsMjAuMzMsMjAuMzMsMCwwLDEsMi41NTgsMi45NjIsMTkuODA3LDE5LjgwNywwLDAsMSwxLjkzMiwzLjRBMTkuMTgyLDE5LjE4MiwwLDAsMSw0MTYsODMuMzY3VjYwMFoiLz4KPC9zdmc+Cg==");
    -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTYiIGhlaWdodD0iNjAwLjAwMSIgdmlld0JveD0iMCAwIDQxNiA2MDAuMDAxIj4KICA8cGF0aCBpZD0icGMiIGQ9Ik00MTYsNjAwSDBWMEgzMjguNGEyMi4zMTcsMjIuMzE3LDAsMCwxLDMuOTI1LjQwNywyMS41MzQsMjEuNTM0LDAsMCwxLDMuOTMyLDEuMTY2LDIxLjMsMjEuMywwLDAsMSwzLjU1OSwxLjg0NSwyMC45MTEsMjAuOTExLDAsMCwxLDMuMSwyLjQ0MywyMC40MzksMjAuNDM5LDAsMCwxLDIuNTU5LDIuOTYyLDE5Ljc2NCwxOS43NjQsMCwwLDEsMS45MywzLjQsMTkuMTUyLDE5LjE1MiwwLDAsMSwxLjYyMyw2LjgyMnYxLjg5MmE0MS43ODIsNDEuNzgyLDAsMCwwLDMuNTU0LDE2LjkyNyw0My4yOSw0My4yOSwwLDAsMCw5LjY5MiwxMy44MjMsNDUuMjE3LDQ1LjIxNywwLDAsMCwxNC4zNzUsOS4zMiw0Ni41LDQ2LjUsMCwwLDAsMTcuNiwzLjQxN2guOTc1YTIyLjA1MSwyMi4wNTEsMCwwLDEsNC4wNzMuNDA2QTIxLjU1MSwyMS41NTEsMCwwLDEsNDAzLjIzNCw2NmEyMS4zLDIxLjMsMCwwLDEsMy41NTksMS44NDUsMjAuODg4LDIwLjg4OCwwLDAsMSwzLjEsMi40NDQsMjAuMzMsMjAuMzMsMCwwLDEsMi41NTgsMi45NjIsMTkuODA3LDE5LjgwNywwLDAsMSwxLjkzMiwzLjRBMTkuMTgyLDE5LjE4MiwwLDAsMSw0MTYsODMuMzY3VjYwMFoiLz4KPC9zdmc+Cg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTYiIGhlaWdodD0iNjAwLjAwMSIgdmlld0JveD0iMCAwIDQxNiA2MDAuMDAxIj4KICA8cGF0aCBpZD0icGMiIGQ9Ik00MTYsNjAwSDBWMEgzMjguNGEyMi4zMTcsMjIuMzE3LDAsMCwxLDMuOTI1LjQwNywyMS41MzQsMjEuNTM0LDAsMCwxLDMuOTMyLDEuMTY2LDIxLjMsMjEuMywwLDAsMSwzLjU1OSwxLjg0NSwyMC45MTEsMjAuOTExLDAsMCwxLDMuMSwyLjQ0MywyMC40MzksMjAuNDM5LDAsMCwxLDIuNTU5LDIuOTYyLDE5Ljc2NCwxOS43NjQsMCwwLDEsMS45MywzLjQsMTkuMTUyLDE5LjE1MiwwLDAsMSwxLjYyMyw2LjgyMnYxLjg5MmE0MS43ODIsNDEuNzgyLDAsMCwwLDMuNTU0LDE2LjkyNyw0My4yOSw0My4yOSwwLDAsMCw5LjY5MiwxMy44MjMsNDUuMjE3LDQ1LjIxNywwLDAsMCwxNC4zNzUsOS4zMiw0Ni41LDQ2LjUsMCwwLDAsMTcuNiwzLjQxN2guOTc1YTIyLjA1MSwyMi4wNTEsMCwwLDEsNC4wNzMuNDA2QTIxLjU1MSwyMS41NTEsMCwwLDEsNDAzLjIzNCw2NmEyMS4zLDIxLjMsMCwwLDEsMy41NTksMS44NDUsMjAuODg4LDIwLjg4OCwwLDAsMSwzLjEsMi40NDQsMjAuMzMsMjAuMzMsMCwwLDEsMi41NTgsMi45NjIsMTkuODA3LDE5LjgwNywwLDAsMSwxLjkzMiwzLjRBMTkuMTgyLDE5LjE4MiwwLDAsMSw0MTYsODMuMzY3VjYwMFoiLz4KPC9zdmc+Cg==");
    mask-size: 100.2% 100%;
    -webkit-mask-size: 100.2% 100%;
    -moz-mask-size: 100.2% 100%;
    mask-mode: alpha;
    transform: translate3d(0, 0, 0);
    will-change: mask-image，transform;
    border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .card-img img {
    transform: translate3d(0, 0, 0);
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide4 .card-img {
    background: linear-gradient(180deg, #173c6e 0%, #0e2661 100%);
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide4 .card-img img {
    width: 12.44791667vw;
    height: auto;
    position: absolute;
    top: 6.71875vw;
    left: 4.73958333vw;
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide5 .card-img {
    background: linear-gradient(180deg, #003287 0%, #000a1a 100%);
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide5 .card-img img {
    width: 18.28125vw;
    height: auto;
    position: absolute;
    top: 10.9375vw;
    left: 1.71875vw;
}

.niki-main .niki-s19 .s19-swiper .swiper-wrapper .mask-svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 20%;
    pointer-events: none;
}

.niki-main .niki-s19 .s19-swiper .card-img img,
.niki-main .niki-s19 .s19-swiper .card-img picture {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    overflow: hidden;
}

.niki-main .niki-s19 .s19-swiper .card-container {
    width: 100%;
    height: 100%;
}

@media (hover: hover) and (pointer: fine) {
    .niki-main .niki-s19 .s19-swiper .card-container:hover {
        cursor: pointer;
    }
}

.niki-main .niki-s19 .s19-swiper .card-container .mask-content {
    position: absolute;
    inset: 0;
    padding: 0 2.08333333vw 2.08333333vw;
    opacity: 0;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    pointer-events: none;
    z-index: 5;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    will-change: transform, opacity;
}

.niki-main .niki-s19 .s19-swiper .card-container.active .mask-content {
    pointer-events: auto;
    opacity: 1;
}

.niki-main .niki-s19 .s19-swiper .swiper-slide .blur-bg {
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    backdrop-filter: blur(2.08333333vw);
    -webkit-backdrop-filter: blur(2.08333333vw);
    -moz-backdrop-filter: blur(2.08333333vw);
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    opacity: 0;
    will-change: transform, opacity, backdrop-filter, mask-image;
    transform: translate3d(0, 0, 0) rotate(0);
    z-index: 4;

    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTYiIGhlaWdodD0iNjAwLjAwMSIgdmlld0JveD0iMCAwIDQxNiA2MDAuMDAxIj4KICA8cGF0aCBpZD0icGMiIGQ9Ik00MTYsNjAwSDBWMEgzMjguNGEyMi4zMTcsMjIuMzE3LDAsMCwxLDMuOTI1LjQwNywyMS41MzQsMjEuNTM0LDAsMCwxLDMuOTMyLDEuMTY2LDIxLjMsMjEuMywwLDAsMSwzLjU1OSwxLjg0NSwyMC45MTEsMjAuOTExLDAsMCwxLDMuMSwyLjQ0MywyMC40MzksMjAuNDM5LDAsMCwxLDIuNTU5LDIuOTYyLDE5Ljc2NCwxOS43NjQsMCwwLDEsMS45MywzLjQsMTkuMTUyLDE5LjE1MiwwLDAsMSwxLjYyMyw2LjgyMnYxLjg5MmE0MS43ODIsNDEuNzgyLDAsMCwwLDMuNTU0LDE2LjkyNyw0My4yOSw0My4yOSwwLDAsMCw5LjY5MiwxMy44MjMsNDUuMjE3LDQ1LjIxNywwLDAsMCwxNC4zNzUsOS4zMiw0Ni41LDQ2LjUsMCwwLDAsMTcuNiwzLjQxN2guOTc1YTIyLjA1MSwyMi4wNTEsMCwwLDEsNC4wNzMuNDA2QTIxLjU1MSwyMS41NTEsMCwwLDEsNDAzLjIzNCw2NmEyMS4zLDIxLjMsMCwwLDEsMy41NTksMS44NDUsMjAuODg4LDIwLjg4OCwwLDAsMSwzLjEsMi40NDQsMjAuMzMsMjAuMzMsMCwwLDEsMi41NTgsMi45NjIsMTkuODA3LDE5LjgwNywwLDAsMSwxLjkzMiwzLjRBMTkuMTgyLDE5LjE4MiwwLDAsMSw0MTYsODMuMzY3VjYwMFoiLz4KPC9zdmc+Cg==");
    -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTYiIGhlaWdodD0iNjAwLjAwMSIgdmlld0JveD0iMCAwIDQxNiA2MDAuMDAxIj4KICA8cGF0aCBpZD0icGMiIGQ9Ik00MTYsNjAwSDBWMEgzMjguNGEyMi4zMTcsMjIuMzE3LDAsMCwxLDMuOTI1LjQwNywyMS41MzQsMjEuNTM0LDAsMCwxLDMuOTMyLDEuMTY2LDIxLjMsMjEuMywwLDAsMSwzLjU1OSwxLjg0NSwyMC45MTEsMjAuOTExLDAsMCwxLDMuMSwyLjQ0MywyMC40MzksMjAuNDM5LDAsMCwxLDIuNTU5LDIuOTYyLDE5Ljc2NCwxOS43NjQsMCwwLDEsMS45MywzLjQsMTkuMTUyLDE5LjE1MiwwLDAsMSwxLjYyMyw2LjgyMnYxLjg5MmE0MS43ODIsNDEuNzgyLDAsMCwwLDMuNTU0LDE2LjkyNyw0My4yOSw0My4yOSwwLDAsMCw5LjY5MiwxMy44MjMsNDUuMjE3LDQ1LjIxNywwLDAsMCwxNC4zNzUsOS4zMiw0Ni41LDQ2LjUsMCwwLDAsMTcuNiwzLjQxN2guOTc1YTIyLjA1MSwyMi4wNTEsMCwwLDEsNC4wNzMuNDA2QTIxLjU1MSwyMS41NTEsMCwwLDEsNDAzLjIzNCw2NmEyMS4zLDIxLjMsMCwwLDEsMy41NTksMS44NDUsMjAuODg4LDIwLjg4OCwwLDAsMSwzLjEsMi40NDQsMjAuMzMsMjAuMzMsMCwwLDEsMi41NTgsMi45NjIsMTkuODA3LDE5LjgwNywwLDAsMSwxLjkzMiwzLjRBMTkuMTgyLDE5LjE4MiwwLDAsMSw0MTYsODMuMzY3VjYwMFoiLz4KPC9zdmc+Cg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTYiIGhlaWdodD0iNjAwLjAwMSIgdmlld0JveD0iMCAwIDQxNiA2MDAuMDAxIj4KICA8cGF0aCBpZD0icGMiIGQ9Ik00MTYsNjAwSDBWMEgzMjguNGEyMi4zMTcsMjIuMzE3LDAsMCwxLDMuOTI1LjQwNywyMS41MzQsMjEuNTM0LDAsMCwxLDMuOTMyLDEuMTY2LDIxLjMsMjEuMywwLDAsMSwzLjU1OSwxLjg0NSwyMC45MTEsMjAuOTExLDAsMCwxLDMuMSwyLjQ0MywyMC40MzksMjAuNDM5LDAsMCwxLDIuNTU5LDIuOTYyLDE5Ljc2NCwxOS43NjQsMCwwLDEsMS45MywzLjQsMTkuMTUyLDE5LjE1MiwwLDAsMSwxLjYyMyw2LjgyMnYxLjg5MmE0MS43ODIsNDEuNzgyLDAsMCwwLDMuNTU0LDE2LjkyNyw0My4yOSw0My4yOSwwLDAsMCw5LjY5MiwxMy44MjMsNDUuMjE3LDQ1LjIxNywwLDAsMCwxNC4zNzUsOS4zMiw0Ni41LDQ2LjUsMCwwLDAsMTcuNiwzLjQxN2guOTc1YTIyLjA1MSwyMi4wNTEsMCwwLDEsNC4wNzMuNDA2QTIxLjU1MSwyMS41NTEsMCwwLDEsNDAzLjIzNCw2NmEyMS4zLDIxLjMsMCwwLDEsMy41NTksMS44NDUsMjAuODg4LDIwLjg4OCwwLDAsMSwzLjEsMi40NDQsMjAuMzMsMjAuMzMsMCwwLDEsMi41NTgsMi45NjIsMTkuODA3LDE5LjgwNywwLDAsMSwxLjkzMiwzLjRBMTkuMTgyLDE5LjE4MiwwLDAsMSw0MTYsODMuMzY3VjYwMFoiLz4KPC9zdmc+Cg==");
    mask-size: 100.2% 100%;
    -webkit-mask-size: 100.2% 100%;
    -moz-mask-size: 100.2% 100%;
    mask-mode: alpha;
}

.niki-main .niki-s19 .s19-swiper .card-container.active .blur-bg {
    opacity: 1;
    pointer-events: auto;
}

.niki-main .niki-s19 .s19-swiper .swiper-slide1 .blur-bg {
    background: rgba(76, 22, 23, 0.3);
}

.niki-main .niki-s19 .s19-swiper .swiper-slide2 .blur-bg {
    background-color: rgba(70, 128, 213, 0.3);
}

.niki-main .niki-s19 .s19-swiper .swiper-slide3 .blur-bg {
    background: rgba(0, 32, 86, 0.3);
}

.niki-main .niki-s19 .s19-swiper .swiper-slide4 .blur-bg {
    background-color: rgba(21, 55, 107, 0.3);
}

.niki-main .niki-s19 .s19-swiper .swiper-slide5 .blur-bg {
    background-color: rgba(1, 41, 112, 0.3);
}

.niki-main .niki-s19 .s19-swiper .swiper-slide6 .blur-bg {
    background-color: rgba(210, 230, 228, 0.3);
}

.niki-main .niki-s19 .s19-swiper .card-container .mask-content .card-word {
    margin-top: 2.08333333vw;
    position: relative;
    z-index: 6;
}

.niki-main .niki-s19 .s19-swiper .card-container .btn-wrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 7;
    width: 4.58333333vw;
    height: auto;
    transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    -moz-transform: rotate(0deg) translate3d(0, 0, 0);
    will-change: transform;
}

.niki-main .niki-s19 .s19-swiper .card-container .btn-item {
    width: 2.5vw;
    height: 2.5vw;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    -moz-transform: rotate(0deg) translate3d(0, 0, 0);
    transition: 0.6s ease-in-out;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
}

.niki-main .niki-s19 .s19-swiper .card-container.active .btn-item {
    transform: rotate(45deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
}


.niki-main .niki-s19 .s19-swiper .card-container .btn-item img {
    transition: 0.6s ease-in-out;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
}


@media (hover: hover) and (pointer: fine) {
    .niki-main .niki-s19 .s19-swiper .card-container .btn-item:hover img {
        cursor: pointer;
        opacity: 0.6;
    }
}

.niki-main .niki-s19 .s19-swiper .card-container .card-content {
    position: relative;
    height: 100%;
}

.niki-main .niki-s19 .s19-swiper .card-container .card-content .card-word {
    width: 82%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2.08333333vw 0 0 2.08333333vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    z-index: 5;
}

.niki-main .niki-s19 .s19-swiper .card-container .card-word {
    width: 17.5vw;
}

.niki-main .niki-s19 .s19-swiper .card-container .card-word .card-title {
    font-weight: 500;
    color: #ffffff;
    font-size: 1.66666667vw;
    line-height: 1.25;
    transition: transform 0.6s ease-in-out;
    -webkit-transition: transform 0.6s ease-in-out;
    -moz-transition: transform 0.6s ease-in-out;
}

.niki-main .niki-s19 .s19-swiper .swiper-slide6 .card-container .card-word .card-title {
    color: #18191a;
}

.niki-main .niki-s19 .s19-swiper .card-container .card-word .card-desc {
    width: 100%;
    font-weight: 400;
    color: #ffffff;
    font-size: 1.14583333vw;
    line-height: 1.6;
    transition: transform 0.6s ease-in-out;
    -webkit-transition: transform 0.6s ease-in-out;
    -moz-transition: transform 0.6s ease-in-out;
    margin-top: 8.125vw;
}

.niki-main .niki-s19 .s19-swiper .swiper-slide6 .card-container .card-word .card-desc {
    color: #797c80;
}

.niki-main .niki-s19 .s19-swiper-button {
    width: 67.5vw;
    margin: 2.5vw auto 0;
}

.niki-main .niki-s19 .s19-swiper-button .swiper-button-item {
    background: rgba(182, 224, 217, 0.7);
}

.niki-main .niki-s19 .s19-swiper-button .swiper-button-item.swiper-button-disabled {
    background: #d1d1d1;
}

.niki-main .niki-s19 .s19-swiper-button .inner-inset {
    box-shadow: 0vw 0vw 0.41666667vw #5bb9ac inset;

}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s19 .s19-swiper-button .swiper-button-item:hover .inner-inset {
        opacity: 0.4;
        cursor: pointer;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s19 {
        margin-top: 27.777778vw;
    }

    .niki-main .niki-s19 .s19-swiper-box {
        margin-top: 11.11111111vw;
    }

    .niki-main .niki-s19 .s19-swiper {
        width: 86.666667vw;
        margin: 0 0 0 4.166667vw;
    }

    .niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 125vw;
    }

    .niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .niki-main .niki-s19 .s19-swiper .swiper-slide .blur-bg {
        backdrop-filter: blur(5.55555556vw);
        -webkit-backdrop-filter: blur(5.55555556vw);
        -moz-backdrop-filter: blur(5.55555556vw);
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjQiIGhlaWdodD0iOTAwIiB2aWV3Qm94PSIwIDAgNjI0IDkwMCI+CiAgPHBhdGggaWQ9Im1vYiIgZD0iTTYyNCw5MDBIMFYwSDQ5Mi41NDhhMzMuMzI4LDMzLjMyOCwwLDAsMSw1Ljk0MS42MSwzMi4zMTYsMzIuMzE2LDAsMCwxLDUuOSwxLjc1LDMxLjg4NywzMS44ODcsMCwwLDEsNS4zMzgsMi43NjgsMzEuMzcyLDMxLjM3MiwwLDAsMSw0LjY1LDMuNjY1LDMwLjY2NywzMC42NjcsMCwwLDEsMy44MzcsNC40NDMsMjkuNjEyLDI5LjYxMiwwLDAsMSwyLjksNS4xLDI4LjY4NywyOC42ODcsMCwwLDEsMi40MzQsMTAuMjMzdjIuODM4YTYyLjY3Myw2Mi42NzMsMCwwLDAsNS4zMzEsMjUuMzksNjQuNSw2NC41LDAsMCwwLDYuMjU1LDExLjA4LDY2LjM0Myw2Ni4zNDMsMCwwLDAsOC4yODQsOS42NTQsNjcuODI3LDY3LjgyNywwLDAsMCwxMC4wNCw3Ljk2NSw2OC43NTIsNjguNzUyLDAsMCwwLDExLjUyMyw2LjAxNCw2OS43NDgsNjkuNzQ4LDAsMCwwLDI2LjQwNiw1LjEyNmgxLjQ2MmEzMy4xLDMzLjEsMCwwLDEsNi4xMS42MDgsMzIuMDcyLDMyLjA3MiwwLDAsMSwxMS4yMzYsNC41MTcsMzEuMzE5LDMxLjMxOSwwLDAsMSw0LjY0OSwzLjY2NywzMC40MDgsMzAuNDA4LDAsMCwxLDMuODM4LDQuNDQzLDI5LjU4MywyOS41ODMsMCwwLDEsMi45LDUuMUEyOC43ODIsMjguNzgyLDAsMCwxLDYyNCwxMjUuMDYyWiIvPgo8L3N2Zz4K");
        -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjQiIGhlaWdodD0iOTAwIiB2aWV3Qm94PSIwIDAgNjI0IDkwMCI+CiAgPHBhdGggaWQ9Im1vYiIgZD0iTTYyNCw5MDBIMFYwSDQ5Mi41NDhhMzMuMzI4LDMzLjMyOCwwLDAsMSw1Ljk0MS42MSwzMi4zMTYsMzIuMzE2LDAsMCwxLDUuOSwxLjc1LDMxLjg4NywzMS44ODcsMCwwLDEsNS4zMzgsMi43NjgsMzEuMzcyLDMxLjM3MiwwLDAsMSw0LjY1LDMuNjY1LDMwLjY2NywzMC42NjcsMCwwLDEsMy44MzcsNC40NDMsMjkuNjEyLDI5LjYxMiwwLDAsMSwyLjksNS4xLDI4LjY4NywyOC42ODcsMCwwLDEsMi40MzQsMTAuMjMzdjIuODM4YTYyLjY3Myw2Mi42NzMsMCwwLDAsNS4zMzEsMjUuMzksNjQuNSw2NC41LDAsMCwwLDYuMjU1LDExLjA4LDY2LjM0Myw2Ni4zNDMsMCwwLDAsOC4yODQsOS42NTQsNjcuODI3LDY3LjgyNywwLDAsMCwxMC4wNCw3Ljk2NSw2OC43NTIsNjguNzUyLDAsMCwwLDExLjUyMyw2LjAxNCw2OS43NDgsNjkuNzQ4LDAsMCwwLDI2LjQwNiw1LjEyNmgxLjQ2MmEzMy4xLDMzLjEsMCwwLDEsNi4xMS42MDgsMzIuMDcyLDMyLjA3MiwwLDAsMSwxMS4yMzYsNC41MTcsMzEuMzE5LDMxLjMxOSwwLDAsMSw0LjY0OSwzLjY2NywzMC40MDgsMzAuNDA4LDAsMCwxLDMuODM4LDQuNDQzLDI5LjU4MywyOS41ODMsMCwwLDEsMi45LDUuMUEyOC43ODIsMjguNzgyLDAsMCwxLDYyNCwxMjUuMDYyWiIvPgo8L3N2Zz4K");
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjQiIGhlaWdodD0iOTAwIiB2aWV3Qm94PSIwIDAgNjI0IDkwMCI+CiAgPHBhdGggaWQ9Im1vYiIgZD0iTTYyNCw5MDBIMFYwSDQ5Mi41NDhhMzMuMzI4LDMzLjMyOCwwLDAsMSw1Ljk0MS42MSwzMi4zMTYsMzIuMzE2LDAsMCwxLDUuOSwxLjc1LDMxLjg4NywzMS44ODcsMCwwLDEsNS4zMzgsMi43NjgsMzEuMzcyLDMxLjM3MiwwLDAsMSw0LjY1LDMuNjY1LDMwLjY2NywzMC42NjcsMCwwLDEsMy44MzcsNC40NDMsMjkuNjEyLDI5LjYxMiwwLDAsMSwyLjksNS4xLDI4LjY4NywyOC42ODcsMCwwLDEsMi40MzQsMTAuMjMzdjIuODM4YTYyLjY3Myw2Mi42NzMsMCwwLDAsNS4zMzEsMjUuMzksNjQuNSw2NC41LDAsMCwwLDYuMjU1LDExLjA4LDY2LjM0Myw2Ni4zNDMsMCwwLDAsOC4yODQsOS42NTQsNjcuODI3LDY3LjgyNywwLDAsMCwxMC4wNCw3Ljk2NSw2OC43NTIsNjguNzUyLDAsMCwwLDExLjUyMyw2LjAxNCw2OS43NDgsNjkuNzQ4LDAsMCwwLDI2LjQwNiw1LjEyNmgxLjQ2MmEzMy4xLDMzLjEsMCwwLDEsNi4xMS42MDgsMzIuMDcyLDMyLjA3MiwwLDAsMSwxMS4yMzYsNC41MTcsMzEuMzE5LDMxLjMxOSwwLDAsMSw0LjY0OSwzLjY2NywzMC40MDgsMzAuNDA4LDAsMCwxLDMuODM4LDQuNDQzLDI5LjU4MywyOS41ODMsMCwwLDEsMi45LDUuMUEyOC43ODIsMjguNzgyLDAsMCwxLDYyNCwxMjUuMDYyWiIvPgo8L3N2Zz4K");
    }

    .niki-main .niki-s19 .s19-swiper .card-container .mask-content {
        padding: 0 8.33333333vw 8.33333333vw;
    }

    .niki-main .niki-s19 .s19-swiper .card-container .mask-content .card-word {
        margin-top: 8.33333333vw;
    }

    .niki-main .niki-s19 .s19-swiper .card-container .btn-wrap {
        width: 18.33333333vw;
        height: auto;
    }

    .niki-main .niki-s19 .s19-swiper .card-container .btn-item {
        width: 10vw;
        height: 10vw;
    }

    .niki-main .niki-s19 .s19-swiper .swiper-wrapper .card-img {
        border-radius: 2.22222222vw;
        -moz-border-radius: 2.22222222vw;
        -webkit-border-radius: 2.22222222vw;
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjQiIGhlaWdodD0iOTAwIiB2aWV3Qm94PSIwIDAgNjI0IDkwMCI+CiAgPHBhdGggaWQ9Im1vYiIgZD0iTTYyNCw5MDBIMFYwSDQ5Mi41NDhhMzMuMzI4LDMzLjMyOCwwLDAsMSw1Ljk0MS42MSwzMi4zMTYsMzIuMzE2LDAsMCwxLDUuOSwxLjc1LDMxLjg4NywzMS44ODcsMCwwLDEsNS4zMzgsMi43NjgsMzEuMzcyLDMxLjM3MiwwLDAsMSw0LjY1LDMuNjY1LDMwLjY2NywzMC42NjcsMCwwLDEsMy44MzcsNC40NDMsMjkuNjEyLDI5LjYxMiwwLDAsMSwyLjksNS4xLDI4LjY4NywyOC42ODcsMCwwLDEsMi40MzQsMTAuMjMzdjIuODM4YTYyLjY3Myw2Mi42NzMsMCwwLDAsNS4zMzEsMjUuMzksNjQuNSw2NC41LDAsMCwwLDYuMjU1LDExLjA4LDY2LjM0Myw2Ni4zNDMsMCwwLDAsOC4yODQsOS42NTQsNjcuODI3LDY3LjgyNywwLDAsMCwxMC4wNCw3Ljk2NSw2OC43NTIsNjguNzUyLDAsMCwwLDExLjUyMyw2LjAxNCw2OS43NDgsNjkuNzQ4LDAsMCwwLDI2LjQwNiw1LjEyNmgxLjQ2MmEzMy4xLDMzLjEsMCwwLDEsNi4xMS42MDgsMzIuMDcyLDMyLjA3MiwwLDAsMSwxMS4yMzYsNC41MTcsMzEuMzE5LDMxLjMxOSwwLDAsMSw0LjY0OSwzLjY2NywzMC40MDgsMzAuNDA4LDAsMCwxLDMuODM4LDQuNDQzLDI5LjU4MywyOS41ODMsMCwwLDEsMi45LDUuMUEyOC43ODIsMjguNzgyLDAsMCwxLDYyNCwxMjUuMDYyWiIvPgo8L3N2Zz4K");
        -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjQiIGhlaWdodD0iOTAwIiB2aWV3Qm94PSIwIDAgNjI0IDkwMCI+CiAgPHBhdGggaWQ9Im1vYiIgZD0iTTYyNCw5MDBIMFYwSDQ5Mi41NDhhMzMuMzI4LDMzLjMyOCwwLDAsMSw1Ljk0MS42MSwzMi4zMTYsMzIuMzE2LDAsMCwxLDUuOSwxLjc1LDMxLjg4NywzMS44ODcsMCwwLDEsNS4zMzgsMi43NjgsMzEuMzcyLDMxLjM3MiwwLDAsMSw0LjY1LDMuNjY1LDMwLjY2NywzMC42NjcsMCwwLDEsMy44MzcsNC40NDMsMjkuNjEyLDI5LjYxMiwwLDAsMSwyLjksNS4xLDI4LjY4NywyOC42ODcsMCwwLDEsMi40MzQsMTAuMjMzdjIuODM4YTYyLjY3Myw2Mi42NzMsMCwwLDAsNS4zMzEsMjUuMzksNjQuNSw2NC41LDAsMCwwLDYuMjU1LDExLjA4LDY2LjM0Myw2Ni4zNDMsMCwwLDAsOC4yODQsOS42NTQsNjcuODI3LDY3LjgyNywwLDAsMCwxMC4wNCw3Ljk2NSw2OC43NTIsNjguNzUyLDAsMCwwLDExLjUyMyw2LjAxNCw2OS43NDgsNjkuNzQ4LDAsMCwwLDI2LjQwNiw1LjEyNmgxLjQ2MmEzMy4xLDMzLjEsMCwwLDEsNi4xMS42MDgsMzIuMDcyLDMyLjA3MiwwLDAsMSwxMS4yMzYsNC41MTcsMzEuMzE5LDMxLjMxOSwwLDAsMSw0LjY0OSwzLjY2NywzMC40MDgsMzAuNDA4LDAsMCwxLDMuODM4LDQuNDQzLDI5LjU4MywyOS41ODMsMCwwLDEsMi45LDUuMUEyOC43ODIsMjguNzgyLDAsMCwxLDYyNCwxMjUuMDYyWiIvPgo8L3N2Zz4K");
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjQiIGhlaWdodD0iOTAwIiB2aWV3Qm94PSIwIDAgNjI0IDkwMCI+CiAgPHBhdGggaWQ9Im1vYiIgZD0iTTYyNCw5MDBIMFYwSDQ5Mi41NDhhMzMuMzI4LDMzLjMyOCwwLDAsMSw1Ljk0MS42MSwzMi4zMTYsMzIuMzE2LDAsMCwxLDUuOSwxLjc1LDMxLjg4NywzMS44ODcsMCwwLDEsNS4zMzgsMi43NjgsMzEuMzcyLDMxLjM3MiwwLDAsMSw0LjY1LDMuNjY1LDMwLjY2NywzMC42NjcsMCwwLDEsMy44MzcsNC40NDMsMjkuNjEyLDI5LjYxMiwwLDAsMSwyLjksNS4xLDI4LjY4NywyOC42ODcsMCwwLDEsMi40MzQsMTAuMjMzdjIuODM4YTYyLjY3Myw2Mi42NzMsMCwwLDAsNS4zMzEsMjUuMzksNjQuNSw2NC41LDAsMCwwLDYuMjU1LDExLjA4LDY2LjM0Myw2Ni4zNDMsMCwwLDAsOC4yODQsOS42NTQsNjcuODI3LDY3LjgyNywwLDAsMCwxMC4wNCw3Ljk2NSw2OC43NTIsNjguNzUyLDAsMCwwLDExLjUyMyw2LjAxNCw2OS43NDgsNjkuNzQ4LDAsMCwwLDI2LjQwNiw1LjEyNmgxLjQ2MmEzMy4xLDMzLjEsMCwwLDEsNi4xMS42MDgsMzIuMDcyLDMyLjA3MiwwLDAsMSwxMS4yMzYsNC41MTcsMzEuMzE5LDMxLjMxOSwwLDAsMSw0LjY0OSwzLjY2NywzMC40MDgsMzAuNDA4LDAsMCwxLDMuODM4LDQuNDQzLDI5LjU4MywyOS41ODMsMCwwLDEsMi45LDUuMUEyOC43ODIsMjguNzgyLDAsMCwxLDYyNCwxMjUuMDYyWiIvPgo8L3N2Zz4K");
    }

    .niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide4 .card-img img {
        width: 50.83333333vw;
        top: 25.83333333vw;
        left: 17.91666667vw;
    }

    .niki-main .niki-s19 .s19-swiper .swiper-wrapper .swiper-slide5 .card-img img {
        width: 69.86111111vw;
        top: 42.77777778vw;
        left: 8.33333333vw;
    }

    .niki-main .niki-s19 .s19-swiper .card-container .card-content .card-word {
        padding: 8.33333333vw 0 0 8.33333333vw;
    }

    .niki-main .niki-s19 .s19-swiper .card-container .card-word {
        width: 66.66666667vw;
    }

    .niki-main .niki-s19 .s19-swiper .card-container .card-word .card-title {
        font-size: 6.666667vw;
    }

    .niki-main .niki-s19 .s19-swiper .card-container .card-word .card-desc {
        width: 70vw;
        font-size: 4.44444444vw;
        margin-top: 33.33333333vw;
    }

    .niki-main .niki-s19 .s19-swiper-button {
        width: 82.222222vw;
        margin: 11.111111vw auto 0;
    }
}

/* s19 end */

/* s20 */
.niki-main .niki-s20 {
    padding-top: 10.41666667vw;
    padding-bottom: 10.41666667vw;
    overflow: hidden;
}

.niki-main .niki-s20 .s20-container {
    margin-top: 5.72916667vw;
    margin-left: 21.5625vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    min-height: 31.30208333vw;
    transform: translateY(6.25vw);
    transition: transform 1s;
    will-change: transform;
}

.niki-main .niki-s20 .s20-container.animated {
    transform: translateY(0);
    transition: transform 1s;
}

.niki-main .niki-s20 .s20-container .text-wrapper {
    width: 26.875vw;
}

.niki-main .niki-s20 .s20-container .text-wrapper .main-desc {
    font-weight: 400;
    line-height: 1.6;
    color: #797c80;
    font-size: 1.14583333vw;
}

.niki-main .niki-s20 .s20-container .params-desc {
    font-weight: 400;
    line-height: 1.6;
    color: #797c80;
    font-size: 1.14583333vw;
}

.niki-main .niki-s20 .params-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2.29166667vw 3.33333333vw;
    margin-top: 3.33333333vw;
    width: 26.875vw;
}

.niki-main .niki-s20 .number-txt {
    line-height: 1.25;
    font-weight: 500;
    color: #21886b;
    font-size: 3.33333333vw;
}

.niki-main .niki-s20 .txt-gradient {
    background-image: linear-gradient(180deg, #D0D0D0 0%, #D0D0D0 50%, #8fdec6 56%, #51a188 100%);
    background-size: 100% 200%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition: all 1.2s 0s;
}


.niki-main .niki-s20 .s20-container.animated .txt-gradient {
    background-position-y: 100%;
    transition: all 1.2s 1.2s;
}

.niki-main .niki-s20 .number-txt span {
    font-size: 1.25vw;
    display: inline-block;
    margin-left: 0.20833333vw;
}

.niki-main .niki-s20 .params-item p {
    margin-top: 0.83333333vw;
}

.niki-main .niki-s20 .img-wrapper {
    position: absolute;
    top: 50%;
    left: 35.05208333vw;
    transform: translateY(-50%) scale(1.24927);
    transform-origin: center center;
    will-change: transform;
    transition: transform 1.2s;
}

.niki-main .niki-s20 .s20-container.animated .img-wrapper {
    transform: translateY(-50%) scale(1.104347);
    transition: transform 1.2s;
}

.niki-main .niki-s20 .watch-img {
    width: 17.96875vw;
    position: relative;
    z-index: 10;
    transform-origin: center center;
    will-change: transform;
    transition: transform 1.2s;
}

.niki-main .niki-s20 .s20-container.animated2 .watch-img {
    transform: scale(0.90551181);
    transition: transform 1.2s 1.2s;
}

.niki-main .niki-s20 .watch-img .img-after {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.6s 0s;
}

.niki-main .niki-s20 .s20-container.animated2 .img-after {
    opacity: 1;
    transition: opacity 0.6s 1.2s, transform 1.2s 1.2s;
    transform: scale(1);
}

.niki-main .niki-s20 .charging-cable-img {
    width: 50.72916667vw;
    position: absolute;
    top: 8.64583333vw;
    left: 1.60416667vw;
    z-index: 1;
    transform: translateX(37.604167vw);
    transition: transform 1s;
    will-change: transform;
}

.niki-main .niki-s20 .s20-container.animated .charging-cable-img {
    transform: translateX(0vw);
    transition: transform 1.2s;
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s20 {
        padding-top: 27.77777778vw;
        padding-bottom: 27.77777778vw;
    }

    .niki-main .niki-s20 .s20-container {
        margin: 4.44444444vw auto 0;
        min-height: auto;
    }

    .niki-main .niki-s20 .s20-container .text-wrapper {
        width: 77.777777778vw;
        margin: 0 auto;
    }

    .niki-main .niki-s20 .s20-container .text-wrapper .main-desc {
        font-size: 4.44444444vw;
    }

    .niki-main .niki-s20 .s20-container .params-desc {
        font-size: 3.88888889vw;
    }

    .niki-main .niki-s20 .params-wrapper {
        width: 83.33333333vw;
        gap: 6.66666667vw 7.77777778vw;
        margin: 15.55555556vw auto 0;
        order: 2;
        transform: translateY(10vw);
        transition: transform 1s;
    }

    .niki-main .niki-s20 .s20-container.animated2 .params-wrapper {
        transition: transform 1s 1s;
        transform: translateY(0vw);
    }

    .niki-main .niki-s20 .number-txt {
        font-size: 11.11111111vw;
    }

    .niki-main .niki-s20 .number-txt span {
        font-size: 4.16666667vw;
        margin-left: 0.83333333vw;
    }

    .niki-main .niki-s20 .params-item p {
        margin-top: 2.08333333vw;
    }

    .niki-main .niki-s20 .img-wrapper {
        position: static;
        order: 1;
        margin: 11.11111111vw auto 0;
        width: 60.41666667vw;
        transform: translateY(12.77777778vw);
        transform-origin: center center;
    }

    .niki-main .niki-s20 .s20-container.animated .img-wrapper {
        transform: translateY(0);
        transition: transform 1s;
        will-change: transform;
        transform-origin: center center;
    }

    .niki-main .niki-s20 .watch-img {
        transform-origin: center center;
        width: 50.83333333vw;
        transform: scale(1.1885);
        margin: 0 auto;
    }

    .niki-main .niki-s20 .s20-container.animated .watch-img {
        transition: none;
        will-change: transform;
    }

    .niki-main .niki-s20 .s20-container.animated2 .watch-img {
        transition: transform 1s 1s;
        transform: scale(1);
    }

    .niki-main .niki-s20 .charging-cable-img {
        width: 143.61111111vw;
        top: 24.44444444vw;
        left: 11.875vw;
        transform: translateX(74vw);
    }

    .niki-main .niki-s20 .s20-container.animated .charging-cable-img {
        transform: translateX(0vw);
    }

}

/* s21 */
.niki-main .niki-s21 .card-container {
    width: 67.5vw;
    height: 31.25vw;
    margin: 4.16666667vw auto 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.83333333vw;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.niki-main .niki-s21 .s21-img {
    width: 35.20833333vw;
    flex-shrink: 0;
    margin-right: 5.20833333vw;
}

.niki-main .niki-s21 .s21-txt {
    width: 21.97916667vw;
    line-height: 1.6;
    font-weight: 400;
    color: #797C80;
    font-size: 1.14583333vw;
}

.niki-main .niki-s21 .link-list {
    line-height: 1.6;
    font-weight: 400;
    color: #000;
    font-size: 1.04166667vw;
    margin-top: 1.25vw;
    transition: all .6s ease;
}

.niki-main .niki-s21 .link-list a {
    width: fit-content;
    display: flex;
    align-items: center;
    transition: all .6s ease;
}

.niki-main .niki-s21 .link-list svg {
    flex-shrink: 0;
    display: inline-block;
    width: 1.14583333vw;
    height: 1.14583333vw;
    overflow: visible;
    transition: transform 0.6s ease;
    -webkit-transition: transform 0.6s ease;
    -moz-transition: transform 0.6s ease;
    will-change: transform;
}

@media (pointer: fine) and (hover: hover) {
    .niki-main .niki-s21 .link-list:hover a {
        opacity: 0.6;
    }

    .niki-main .niki-s21 .link-list:hover svg {
        transform: translateX(4px);
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .niki-main .niki-s21 .card-container {
        width: 91.11111111vw;
        height: auto;
        border-radius: 2.22222222vw;
        flex-direction: column-reverse;
        margin: 11.11111111vw auto 0;
    }

    .niki-main .niki-s21 .s21-img {
        width: 100%;
        margin: 10.41666667vw auto 0;
    }

    .niki-main .niki-s21 .s21-txt {
        width: 77.777777778vw;
        font-size: 4.44444444vw;
        margin: 11.11111111vw auto 0;
    }

    .niki-main .niki-s21 .link-list {
        font-size: 3.88888889vw;
        margin-top: 4.44444444vw;
    }

    .niki-main .niki-s21 .link-list svg {
        width: 4.166667vw;
        height: 4.166667vw;
        transition: none;
    }
}