@import url("/template/cn/public/assest/css/font-face.min.css");

#nice-container * {
    letter-spacing: calc(-0.03783em + 0.52609px);
}

#nice-container .nr {
    white-space: nowrap;
}

html[lang="zh-CN"] #nice-container *,
html[lang="ja-JP"] #nice-container *,
html[lang="ko-KR"] #nice-container * {
    letter-spacing: 0;
}

html[lang="ar-AE"] #nice-container *,
html[lang="ar-BH"] #nice-container *,
html[lang="ar-DZ"] #nice-container *,
html[lang="ar-EG"] #nice-container *,
html[lang="ar-JO"] #nice-container *,
html[lang="ar-KW"] #nice-container *,
html[lang="ar-MA"] #nice-container *,
html[lang="ar-SA"] #nice-container *,
html[lang="ar-TN"] #nice-container *,
html[lang="ar-om"] #nice-container *,
html[lang="ar-qa"] #nice-container * {
    letter-spacing: -0.01em !important;
}

:root {
    --nice-content-ws: 68.229167vw;
    --nice-nav: 0;
    --nice-sticky-h: calc(100vh - var(--nice-nav));
    --nice-spc-200: 10.416667vw;
    --nice-spc-120: 6.25vw;
    --nice-spc-80: 4.166667vw;
    --nice-spc-60: 3.125vw;
    --nice-spc-40: 2.083333vw;
    --nice-spc-30: 1.5625vw;
    --nice-spc-10: 0.520833vw;
    --nice-txt-120: 6.25vw;
    --nice-txt-120-80: 6.25vw;
    --nice-txt-80-80: 4.166667vw;
    --nice-txt-80-60: 4.166667vw;
    --nice-txt-64: 3.333333vw;
    --nice-txt-48-48: 2.5vw;
    --nice-txt-48-40: 2.5vw;
    --nice-txt-40-40: 2.083333vw;
    --nice-txt-40-30: 2.083333vw;
    --nice-txt-32-32: 1.666667vw;
    --nice-txt-30-30: 1.5625vw;
    --nice-txt-30-25: 1.5625vw;
    --nice-txt-25-30: 1.302083vw;
    --nice-txt-24-24: 1.25vw;
    --nice-txt-24-26: 1.25vw;
    --nice-txt-22-22: 1.145833vw;
    --nice-txt-22-28: 1.145833vw;
    --nice-txt-20-20: 1.041667vw;
    --nice-txt-20-18: 1.041667vw;
    --nice-txt-20-16: 1.041667vw;
    --nice-txt-18-22: 0.9375vw;
    --nice-txt-18-18: 0.9375vw;
    --nice-txt-16-16: 0.833333vw;
    --nice-txt-16-24: 0.833333vw;
    --nice-txt-13: 13px;
    --nice-txt-12: 12px;
    --nice-xin-txt-40: 2.083333vw;
    --nice-xin-txt-20-b: 1.041667vw;
    --nice-xin-txt-20-m: 1.041667vw;
    --nice-xin-txt-20-s: 1.041667vw;
}

body.nice-over-hidden {
    overflow-y: hidden;
}

#nice-container {
    width: 100%;
    position: relative;
    /* font-family: "Manrope", "Harmony"; */
}

#nice-container * {
    letter-spacing: 0;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

#nice-container img {
    width: 100%;
}

#nice-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#nice-container .blur-up {
    filter: blur(20px);
    transition: filter 0.4s;
}

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

#nice-container .nice-txt-120 {
    font-size: 6.25vw;
    font-size: var(--nice-txt-120);
}

#nice-container .nice-txt-120-80 {
    font-size: 6.25vw;
    font-size: var(--nice-txt-120-80);
}

#nice-container .nice-txt-80-80 {
    font-size: 4.166667vw;
    font-size: var(--nice-txt-80-80);
}

#nice-container .nice-txt-80-60 {
    font-size: 4.166667vw;
    font-size: var(--nice-txt-80-60);
}

#nice-container .nice-txt-64 {
    font-size: 3.333333vw;
    font-size: var(--nice-txt-64);
}

#nice-container .nice-txt-48-48 {
    font-size: 2.5vw;
    font-size: var(--nice-txt-48-48);
}

#nice-container .nice-txt-48-40 {
    font-size: 2.5vw;
    font-size: var(--nice-txt-48-40);
}

#nice-container h2,
#nice-container h3,
#nice-container h4,
#nice-container h5,
#nice-container h6 {
    line-height: 1.25;
    font-weight: bold;
}

#nice-container .nice-txt-40-40 {
    font-size: 2.083333vw;
    font-size: var(--nice-txt-40-40);
}

#nice-container .nice-txt-40-30 {
    font-size: 2.083333vw;
    font-size: var(--nice-txt-40-30);
}

#nice-container .nice-txt-32-32 {
    font-size: 1.666667vw;
    font-size: var(--nice-txt-32-32);
}

#nice-container .nice-txt-30-30 {
    font-size: 1.5625vw;
    font-size: var(--nice-txt-30-30);
}

#nice-container .nice-txt-30-25 {
    font-size: 1.5625vw;
    font-size: var(--nice-txt-30-25);
}

#nice-container .nice-txt-25-30 {
    font-size: 1.302083vw;
    font-size: var(--nice-txt-25-30);
}

#nice-container .nice-txt-24-24 {
    font-size: 1.25vw;
    font-size: var(--nice-txt-24-24);
}

#nice-container .nice-txt-24-26 {
    font-size: 1.25vw;
    font-size: var(--nice-txt-24-26);
}

#nice-container .nice-txt-22-22 {
    font-size: 1.145833vw;
    font-size: var(--nice-txt-22-22);
}

#nice-container .nice-txt-22-28 {
    font-size: 1.145833vw;
    font-size: var(--nice-txt-22-28);
}

#nice-container .nice-txt-20-20 {
    font-size: 1.041667vw;
    font-size: var(--nice-txt-20-20);
}

#nice-container .nice-txt-20-18 {
    font-size: 1.041667vw;
    font-size: var(--nice-txt-20-18);
}

#nice-container .nice-txt-20-16 {
    font-size: 1.041667vw;
    font-size: var(--nice-txt-20-16);
}

#nice-container .nice-txt-18-22 {
    font-size: 0.9375vw;
    font-size: var(--nice-txt-18-22);
}

#nice-container .nice-txt-18-18 {
    font-size: 0.9375vw;
    font-size: var(--nice-txt-18-18);
}

#nice-container .nice-txt-16-16 {
    font-size: 0.833333vw;
    font-size: var(--nice-txt-16-16);
}

#nice-container .nice-txt-16-24 {
    font-size: 0.833333vw;
    font-size: var(--nice-txt-16-24);
}

#nice-container .nice-txt-13 {
    font-size: 0.677083vw;
    font-size: var(--nice-txt-13);
}

#nice-container .nice-txt-12 {
    font-size: 0.625vw;
    font-size: var(--nice-txt-12);
}

#nice-container .nice-xin-txt-40 {
    font-size: 2.083333vw;
    font-size: var(--nice-xin-txt-40);
}

#nice-container .nice-xin-txt-20-b {
    font-size: 1.041667vw;
    font-size: var(--nice-xin-txt-20-b);
}

#nice-container .nice-xin-txt-20-m {
    font-size: 1.041667vw;
    font-size: var(--nice-xin-txt-20-m);
}

#nice-container .nice-xin-txt-20-s {
    font-size: 1.041667vw;
    font-size: var(--nice-xin-txt-20-s);
}

#nice-container .nice-txt-30-30,
#nice-container .nice-txt-30-25,
#nice-container .nice-txt-25-30,
#nice-container .nice-txt-24-24,
#nice-container .nice-txt-24-26,
#nice-container .nice-txt-22-22,
#nice-container .nice-txt-22-28,
#nice-container .nice-txt-20-20,
#nice-container .nice-txt-20-18,
#nice-container .nice-txt-20-16,
#nice-container .nice-txt-18-22,
#nice-container .nice-txt-18-18,
#nice-container .nice-txt-16-16,
#nice-container .nice-txt-16-24,
#nice-container .nice-txt-13,
#nice-container .nice-xin-txt-20-b,
#nice-container .nice-xin-txt-20-m,
#nice-container .nice-xin-txt-20-s,
#nice-container p,
#nice-container span {
    line-height: 1.6;
}

#nice-container .nice-txt-bold {
    font-weight: bold;
}

#nice-container .nice-txt-left {
    text-align: left;
}

#nice-container .nice-txt-center {
    text-align: center;
}

#nice-container .nice-txt-right {
    text-align: right;
}

#nice-container .nice-txt-color-00 {
    color: #000;
}

#nice-container .nice-txt-color-86 {
    color: #868686;
}

#nice-container .nice-txt-color-f4 {
    color: #f4f3f3;
}

#nice-container .nice-txt-color-ad {
    color: #adadad;
}

#nice-container .nice-txt-bg-s {
    background: -webkit-linear-gradient(45deg,
            #d1d1d1,
            #ffffff,
            #ffffff,
            #d1d1d1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#nice-container .nice-txt-op-80 {
    opacity: 0.8;
}

#nice-container .nice-txt-op-50 {
    opacity: 0.5;
}

#nice-container .nice-txt-op-30 {
    opacity: 0.3;
}

#nice-container .nice-animation-up.active {
    animation: fadeInUp 0.5s ease forwards;
    will-change: transform, opacity;
}

@keyframes fadeInUp {
    from {
        transform: translateY(40%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#nice-container .nice-mt-200 {
    margin-top: 10.416667vw;
    margin-top: var(--nice-spc-200);
}

#nice-container .nice-mb-200 {
    margin-bottom: 10.416667vw;
    margin-bottom: var(--nice-spc-200);
}

#nice-container .nice-pt-200 {
    padding-top: 10.416667vw;
    padding-top: var(--nice-spc-200);
}

#nice-container .nice-pb-200 {
    padding-bottom: 10.416667vw;
    padding-bottom: var(--nice-spc-200);
}

#nice-container .nice-mt-120 {
    margin-top: 6.25vw;
    margin-top: var(--nice-spc-120);
}

#nice-container .nice-mb-120 {
    margin-bottom: 6.25vw;
    margin-bottom: var(--nice-spc-120);
}

#nice-container .nice-pt-120 {
    padding-top: 6.25vw;
    padding-top: var(--nice-spc-120);
}

#nice-container .nice-pb-120 {
    padding-bottom: 6.25vw;
    padding-bottom: var(--nice-spc-120);
}

#nice-container .nice-mt-80 {
    margin-top: 4.166667vw;
    margin-top: var(--nice-spc-80);
}

#nice-container .nice-mb-80 {
    margin-bottom: 4.166667vw;
    margin-bottom: var(--nice-spc-80);
}

#nice-container .nice-pt-80 {
    padding-top: 4.166667vw;
    padding-top: var(--nice-spc-80);
}

#nice-container .nice-pb-80 {
    padding-bottom: 4.166667vw;
    padding-bottom: var(--nice-spc-80);
}

#nice-container .nice-mt-60 {
    margin-top: 3.125vw;
    margin-top: var(--nice-spc-60);
}

#nice-container .nice-mb-60 {
    margin-bottom: 3.125vw;
    margin-bottom: var(--nice-spc-60);
}

#nice-container .nice-pt-60 {
    padding-top: 3.125vw;
    padding-top: var(--nice-spc-60);
}

#nice-container .nice-pb-60 {
    padding-bottom: 3.125vw;
    padding-bottom: var(--nice-spc-60);
}

#nice-container .nice-mt-40 {
    margin-top: 2.083333vw;
    margin-top: var(--nice-spc-40);
}

#nice-container .nice-mb-40 {
    margin-bottom: 2.083333vw;
    margin-bottom: var(--nice-spc-40);
}

#nice-container .nice-pt-40 {
    padding-top: 2.083333vw;
    padding-top: var(--nice-spc-40);
}

#nice-container .nice-pb-40 {
    padding-bottom: 2.083333vw;
    padding-bottom: var(--nice-spc-40);
}

#nice-container .nice-mt-30 {
    margin-top: 1.5625vw;
    margin-top: var(--nice-spc-30);
}

#nice-container .nice-mb-30 {
    margin-bottom: 1.5625vw;
    margin-bottom: var(--nice-spc-30);
}

#nice-container .nice-pt-30 {
    padding-top: 1.5625vw;
    padding-top: var(--nice-spc-30);
}

#nice-container .nice-pb-30 {
    padding-bottom: 1.5625vw;
    padding-bottom: var(--nice-spc-30);
}

#nice-container .nice-mt-10 {
    margin-top: 0.520833vw;
    margin-top: var(--nice-spc-10);
}

#nice-container .nice-mb-10 {
    margin-bottom: 0.520833vw;
    margin-bottom: var(--nice-spc-10);
}

#nice-container .nice-pt-10 {
    padding-top: 0.520833vw;
    padding-top: var(--nice-spc-10);
}

#nice-container .nice-pb-10 {
    padding-bottom: 0.520833vw;
    padding-bottom: var(--nice-spc-10);
}

#nice-container .nice-will-change .will-change-tf {
    will-change: transform;
}

#nice-container .nice-will-change .will-change-op {
    will-change: opacity;
}

#nice-container .nice-will-change .will-change-tf-op {
    will-change: transform, opacity;
}

#nice-container .nice-section {
    width: 100%;
    display: block;
    position: relative;
}

#nice-container .nice-content-ws {
    width: 68.229167vw;
    width: var(--nice-content-ws);
    margin: 0 auto;
    position: relative;
}

#nice-container .nice-content-wf {
    width: 100%;
    position: relative;
    line-height: 0;
}

#nice-container .nice-img-border-radius {
    border-radius: 1.041667vw;
    overflow: hidden;
}

#nice-container .nice-img-border-radius-s {
    border-radius: 0.520833vw;
    overflow: hidden;
}

#nice-container .nice-bg-black {
    background-color: #000000;
}

#nice-container .nice-space-100vh {
    height: 100vh;
}

#nice-container .nice-space-50vh {
    height: 50vh;
}

#nice-container .nice-showmob {
    display: none;
}

#nice-container .nice-showpc {
    display: inline-block;
}

#nice-container .nice-show-ie {
    display: none;
}

#nice-container .nice-hide-ie {
    display: block;
}

#nice-container .wx-img {
    display: none;
}

#nice-container .nowrap {
    white-space: nowrap;
    line-height: inherit;
    color: inherit;
}

#nice-container sup {
    font-size: 0.6em;
    cursor: pointer;
}

#nice-container .nice-sellpoint-arrow {
    width: 1.666667vw;
    height: 1.666667vw;
    position: absolute;
    bottom: 1.041667vw;
    right: 1.041667vw;
    cursor: pointer;
    background: transparent;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
    transform: translate3d(0, 0, 0);
}

#nice-container .nice-sellpoint-arrow .nice-arrow {
    width: 100%;
    transition: all 1s;
    transform: translateY(-58%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 3;
}

#nice-container .nice-sellpoint-arrow .nice-arrow-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}

#nice-container .nice-sellpoint-arrow .nice-arrow-light {
    width: 100%;
    opacity: 0;
    transition: opacity 0.8s;
}

#nice-container .nice-reason {
    padding-top: var(--nice-spc-200);
}

#nice-container .nice-reason-div:hover .nice-sellpoint-arrow .nice-arrow {
    transform: translateY(0);
    transition: all 1s;
}

#nice-container .nice-reason-div:hover .nice-sellpoint-arrow .nice-arrow-light {
    opacity: 1;
}

#nice-container .stick-full {
    position: sticky;
    top: var(--nice-nav);
    height: var(--nice-sticky-h);
    overflow: hidden;
}

#nice-container .nice-animation-reason {
    opacity: 0;
    transform: translateY(4vw);
}

#nice-container .aspect-ratio-picture {
    display: block;
    max-width: 100%;
    position: relative;
}

#nice-container .aspect-ratio-picture::before {
    display: block;
    content: "";
}

#nice-container .aspect-ratio-picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

#nice-container .nice-disclaimer-wrap {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: var(--nice-spc-200);
}

#nice-container .nice-disclaimer-wrap .nice-disclaimer {
    width: 71.041667vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.8em;
    font-size: 12px;
}

#nice-container .nice-disclaimer-wrap .nice-disclaimer li,
#nice-container .nice-disclaimer-wrap .nice-disclaimer p {
    line-height: 1.6em;
    padding-left: 0.5em;
}

#nice-container .nice-disclaimer-wrap .nice-disclaimer li {
    list-style-type: decimal;
    color: #868686;
}

#nice-container .nice-disclaimer-wrap .nice-disclaimer li a {
    color: blue;
    word-wrap: break-word;
    word-break: break-word;
}

#nice-container .nice-disclaimer-wrap .nice-disclaimer li.active {
    color: #000;
}

#nice-container .nice-disclaimer-wrap .nice-disclaimer li:last-child {
    list-style-type: none;
    position: relative;
}

#nice-container .nice-disclaimer-wrap .nice-disclaimer li:last-child::before {
    content: "*";
    position: absolute;
    bottom: 0;
    left: -9px;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-disclaimer-wrap {
        padding-bottom: 55.5555555556vw;
    }

    #nice-container .nice-disclaimer-wrap .nice-disclaimer {
        width: 83.333333vw;
        font-size: 12px;
    }
}

@media (min-width: 1920px) {
    #nice-container .nice-disclaimer-wrap .nice-disclaimer {
        font-size: 0.625vw;
    }
}

@media screen and (min-width: 640px) and (max-aspect-ratio: 11/10) and (max-width: 1200px) {
    #nice-container .nice-disclaimer-wrap .nice-disclaimer {
        font-size: 2.7777777778vw;
    }
}

.nice-btn-style {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: 2px solid #000;
    display: inline-block;
    line-height: 24px;
    font-weight: 800;
    padding: 10px 26px;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
    transition: 0.3s ease-out;
}

.nice-btn-style a {
    color: inherit;
}

.nice-btn-style:hover {
    opacity: 0.8;
}

/*common end*/
@media screen and (max-aspect-ratio: 11/10) {
    :root {
        --nice-content-ws: 91.66666666%;
        --nice-nav: 0;
        --nice-sticky-h: calc(100vh - var(--nice-nav));
        --nice-spc-200: 27.777778vw;
        --nice-spc-120: 16.666667vw;
        --nice-spc-80: 13.888889vw;
        --nice-spc-60: 11.111111vw;
        --nice-spc-40: 8.333333vw;
        --nice-spc-30: 5.555556vw;
        --nice-spc-10: 2.777778vw;
        --nice-txt-120: 16.666667vw;
        --nice-txt-120-80: 11.111111vw;
        --nice-txt-80-80: 11.111111vw;
        --nice-txt-80-60: 8.333333vw;
        --nice-txt-64: 8.888889vw;
        --nice-txt-48-48: 6.666667vw;
        --nice-txt-48-40: 5.555556vw;
        --nice-txt-40-40: 5.555556vw;
        --nice-txt-40-30: 4.166667vw;
        --nice-txt-32-32: 4.444444vw;
        --nice-txt-30-30: 4.166667vw;
        --nice-txt-30-25: 3.472222vw;
        --nice-txt-25-30: 4.166667vw;
        --nice-txt-24-24: 3.333333vw;
        --nice-txt-24-26: 3.611111vw;
        --nice-txt-22-22: 3.055556vw;
        --nice-txt-22-28: 3.888889vw;
        --nice-txt-20-20: 2.777778vw;
        --nice-txt-20-18: 2.5vw;
        --nice-txt-20-16: 2.222222vw;
        --nice-txt-18-22: 3.055556vw;
        --nice-txt-18-18: 2.5vw;
        --nice-txt-16-16: 2.222222vw;
        --nice-txt-16-24: 3.333333vw;
        --nice-txt-13: 13px;
        --nice-txt-12: 12px;
        --nice-xin-txt-40: 6.666667vw;
        --nice-xin-txt-20-b: 3.333333vw;
        --nice-xin-txt-20-m: 3.055556vw;
        --nice-xin-txt-20-s: 2.777778vw;
    }

    #nice-container .nice-animation-up {
        opacity: 0;
    }

    #nice-container .nice-img-border-radius {
        border-radius: 2.777778vw;
    }

    #nice-container .nice-img-border-radius-s {
        border-radius: 1.388889vw;
    }

    #nice-container .nice-space-100vh {
        display: none;
    }

    #nice-container .nice-space-50vh {
        display: none;
    }

    #nice-container .nice-showmob {
        display: block;
    }

    #nice-container .nice-showpc {
        display: none;
    }

    #nice-container .nice-content-ws {
        width: 91.66666666%;
        width: var(--nice-content-ws);
    }

    #nice-container .nice-reason .nice-sellpoint-arrow {
        width: 3.3333333333vw;
        height: 3.3333333333vw;
        bottom: 1.9444444444vw;
        right: 1.9444444444vw;
    }

    /* common end*/
}

#nice-container {
    width: 100%;
}

#nice-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    outline: none;
}

#nice-container .nice-kv {
    position: relative;
}

#nice-container .nice-kv .nice-kv-txt-container {
    width: 30vw;
    position: absolute;
    right: 8.6458vw;
    top: 17.4479166667vw;
    text-align: center;
}

#nice-container .nice-kv .nice-kv-txt-container h2 {
    font-size: 2.5vw;
    margin-top: 1.1979166667vw;
    margin-bottom: 1.0416666667vw;
    letter-spacing: 0.7591666667vw;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
}

#nice-container .nice-kv .nice-kv-txt-container h2 span {
    letter-spacing: 0;
    line-height: 1.25;
}

#nice-container .nice-kv .nice-kv-txt-container .nice-kv-dis {
    font-size: 0.92vw;
    margin-bottom: 2.34375vw;
    letter-spacing: 0.035vw;
}

#nice-container .nice-kv .nice-kv-txt-container .nice-kv-video {
    font-size: 1.0416666667vw;
    display: inline-flex;
    justify-content: center;
}

#nice-container .nice-kv .nice-kv-txt-container .nice-kv-video-icon {
    width: 1.6145833333vw;
    height: 1.6145833333vw;
    margin-left: 0.5208333333vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-kv .nice-kv-txt-container {
        width: 74.4vw;
        left: 50%;
        top: 23.3333vw;
        transform: translateX(-50%);
    }

    #nice-container .nice-kv .nice-kv-txt-container h2 {
        font-size: 5.3333vw;
        margin-top: 3.6111111111vw;
        margin-bottom: 2.9166666667vw;
        letter-spacing: 2.7777777778vw;
    }

    #nice-container .nice-kv .nice-kv-txt-container .nice-kv-dis {
        width: 76.4vw;
        font-size: 2.4vw;
        margin-bottom: 4.1666666667vw;
        letter-spacing: 0.00222222vw;
        text-wrap: nowrap;
        margin-left: -1vw;
    }

    #nice-container .nice-kv .nice-kv-txt-container .nice-kv-video {
        font-size: 4.4444444444vw;
    }

    #nice-container .nice-kv .nice-kv-txt-container .nice-kv-video-icon {
        width: 6.5277777778vw;
        height: 6.5277777778vw;
        margin-left: 1.6666666667vw;
    }
}

#nice-container .nice-kv .nice-kv-buy .section-kv-pic {
    line-height: 1.25;
    margin-top: 1.40625vw;
    font-size: 1.46vw;
    font-weight: 400;
    color: #000;
    margin-bottom: 24px;
}

#nice-container .nice-kv .nice-kv-buy .section-kv-pic span {
    font-size: 0.6770833333vw;
    font-weight: 500;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-kv .nice-kv-buy {
        margin-top: 75.4166666667vw;
    }

    #nice-container .nice-kv .nice-kv-buy .section-kv-pic {
        font-size: 5.56vw;
        margin-top: 0vw;
    }

    #nice-container .nice-kv .nice-kv-buy .section-kv-pic span {
        font-size: 3.8888888889vw;
    }
}

#nice-container .nice-reason .nice-content-wf {
    width: 72.9167vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#nice-container .nice-reason .nice-reason-div {
    position: relative;
    cursor: pointer;
    border-radius: 0.7vw;
}

#nice-container .nice-reason .nice-reason-div p {
    width: 100%;
    color: #f4f3f3;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    line-height: 1.25;
}

#nice-container .nice-reason .nice-reason-div .nice-sellpoint-arrow {
    width: 2.395833vw;
    height: 2.395833vw;
    position: absolute;
    bottom: 1.145833vw;
    right: 1.145833vw;
}

#nice-container .nice-reason .nice-reason-div1,
#nice-container .nice-reason .nice-reason-div2,
#nice-container .nice-reason .nice-reason-div4,
#nice-container .nice-reason .nice-reason-div5 {
    width: 19.2708333333vw;
    overflow: hidden;
}

#nice-container .nice-reason .nice-reason-div3,
#nice-container .nice-reason .nice-reason-div6 {
    width: 29.1146vw;
    overflow: hidden;
}

.nice-reason-div1,
.nice-reason-div3,
.nice-reason-div5 {
    margin-bottom: 1.4063vw;
}


#nice-container .nice-reason .nice-reason-div1,
#nice-container .nice-reason .nice-reason-div3,
#nice-container .nice-reason .nice-reason-div5 {
    height: 22.2917vw;
}

#nice-container .nice-reason .nice-reason-div2,
#nice-container .nice-reason .nice-reason-div4,
#nice-container .nice-reason .nice-reason-div6 {
    height: 15.7292vw;
}
#nice-container .nice-reason .nice-reason-div3 {
    background-color: #00143a;
}
.nice-reason .nice-reason-div3 .img-box {
    margin-top: -2vw;    
}

.nice-reason .nice-reason-div .img-box {
    display: block;
    height: 100%;
    overflow: hidden;
}

#nice-container .nice-reason .nice-reason-div1 p {
    font-size: 1.9vw;
    top: 4.1667vw;
}

#nice-container .nice-reason .nice-reason-div2 p {
    font-size: 2.4479vw;
    top: 50%;
    transform: translate(-50%, -50%);
}

#nice-container .nice-reason .nice-reason-div3 p {
    font-size: 1.8229vw;
    top: 2.0833vw;
}

#nice-container .nice-reason .nice-reason-div6 p {
    font-size: 1.4323vw;
    top: 1.6146vw;
}

#nice-container .nice-reason .nice-reason-div4 p {
    width: auto;
    font-size: 1.6666666667vw;
    top: 2.3438vw;
    left: 11.71875vw;
    transform: translate(0, 0);
}

#nice-container .nice-reason .nice-reason-div5 p {
    font-size: 1.8229vw;
    top: 3.2292vw;
}

.nice-reason .nice-reason-div5 {
    border-radius: 0.5vw;
    overflow: hidden;
}

#nice-container .footnote {
    width: 75vw;
    margin: 7vw auto;
    color: #000000;
}

#nice-container .footnote .content {
    margin-top: 11vw;
}

#nice-container .footnote .content ol {
    padding: 0;
    margin: 0;
}

#nice-container .footnote .content li {
    font-size: 0.78125vw;
    line-height: 1.6;
    opacity: 0.7;
    list-style: decimal;
}

#nice-container .footnote .content li.current {
    opacity: 1;
}

#nice-container .footnote .content .footnote-last {
    margin-top: 2.604167vw;
    list-style: none;
    transform: translateX(-1.3vw);
    opacity: 0.6;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-reason {
        padding-top: 25vw;
    }

    #nice-container .nice-reason .nice-content-wf {
        width: 92vw;
        flex-wrap: wrap;
    }

    #nice-container .nice-reason .nice-reason-div {
        width: 44.3333vw;
        margin-bottom: 2.6667vw;
        height: 40.4vw;
    }


    #nice-container .nice-reason .nice-reason-div .nice-sellpoint-arrow {
        width: 5.8333333333vw;
        height: 5.8333333333vw;
        bottom: 3.0555555556vw;
        right: 3.0555555556vw;
    }


    #nice-container .nice-reason .nice-reason-div1 p {
        font-size: 4.3333vw;
        top: 3.4722222222vw;
    }

    #nice-container .nice-reason .nice-reason-div2 p {
        font-size: 7.2vw;
    }

    #nice-container .nice-reason .nice-reason-div3 h3 {
        font-size: 5.5555555556vw;
    }

    #nice-container .nice-reason .nice-reason-div3 p {
        font-size: 3.2vw;
        margin-top: 2vw;
    }

    #nice-container .nice-reason .nice-reason-div3 .nice-sellpoint-arrow {
        bottom: 4.0277777778vw;
        right: 4.0277777778vw;
    }


    #nice-container .nice-reason .nice-reason-div4 p {
        font-size: 3.8667vw;
        width: 16vw;
        top: 11vw;
        left: 26.5vw;
        text-align: left;
    }

    #nice-container .nice-reason .nice-reason-div5 p,
    #nice-container .nice-reason .nice-reason-div6 p  {
        font-size: 4.4444444444vw;
        top: 3.6111111111vw;
        transform: translate(-50%, 0);
    }
}

#nice-container .nice-screen-up-btn {
    width: 3.4375vw;
    height: 3.4375vw;
    position: absolute;
    right: 11.3541666667vw;
    bottom: 2.604167vw;
    cursor: pointer;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 50%;
}

#nice-container .nice-point .nice-screen-up-btn {
    width: 2.916667vw;
    height: 2.916667vw;
}

#nice-container .nice-screen-up-btn .nice-screen-up-btn-light {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s;
}

#nice-container .nice-screen-up-btn:hover .nice-screen-up-btn-light {
    opacity: 1;
}

#nice-container .nice-screen-up-btn::before {
    content: "";
    width: 0.208333vw;
    height: 0.9375vw;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #d5d5d5;
    transition: transform 0.3s;
}

#nice-container .nice-screen-up-btn::after {
    content: "";
    width: 0.208333vw;
    height: 0.9375vw;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #d5d5d5;
    transition: transform 0.3s;
}

#nice-container .nice-point .nice-screen-up-btn::before {
    width: 0.208333vw;
    height: 0.78125vw;
}

#nice-container .nice-point .nice-screen-up-btn::after {
    width: 0.208333vw;
    height: 0.78125vw;
}

#nice-container .nice-screen-up-div-radius {
    border-radius: 10px;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-screen-up-btn {
        width: 9.722222vw;
        height: 9.722222vw;
        right: 9.7222222222vw;
        bottom: 9.7222222222vw;
    }

    #nice-container .nice-point .nice-screen-up-btn {
        width: 9.722222vw;
        height: 9.722222vw;
    }

    #nice-container .nice-screen-up-btn::before {
        width: 0.5555555556vw;
        height: 2.3611111111vw;
        border-radius: 17px;
    }

    #nice-container .nice-screen-up-btn::after {
        width: 0.5555555556vw;
        height: 2.5vw;
        border-radius: 17px;
    }

    #nice-container .nice-point .nice-screen-up-btn::before {
        width: 0.555556vw;
        height: 2.638889vw;
    }

    #nice-container .nice-point .nice-screen-up-btn::after {
        width: 0.555556vw;
        height: 2.638889vw;
    }

    #nice-container .nice-screen-up-btn .nice-screen-up-btn-light {
        opacity: 1;
    }
}

#nice-container .nice-screen-up-div {
    background-color: #181b1f;
    position: absolute;
    z-index: 5;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    opacity: 0;
    display: flex;
    justify-content: space-evenly;
    transition: opacity 0.3s ease 0.5s;
    align-items: center;
    pointer-events: none;
    will-change: transform;
}
#nice-container .nice-processor-video-container .nice-screen-up-div {
    background-color: #181b1f;
    position: absolute;
    z-index: 5;
    top: -1px;
    /* left: -1px; */
    left: -25vw;    
    bottom: -1px;
    right: -1px;
    opacity: 0;
    display: flex;
    justify-content: space-evenly;
    transition: opacity 0.3s ease 0.5s;
    align-items: center;
    pointer-events: none;
    will-change: transform;
}

#nice-container .nice-screen-up-div-center {
    align-items: flex-start;
}

#nice-container .nice-screen-up-div-center .nice-screen-up-div-center-box {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#nice-container .nice-screen-up-div-top {
    display: block;
    padding: 8.854166667vw 0 0 3.75vw;
}

#nice-container .nice-screen-up-div-top .nice-screen-up1 img {
    height: 2.6vw;
    object-fit: contain;
    -o-object-fit: contain;
}

#nice-container .nice-screen-up-div img {
    width: 3.75vw;
}

#nice-container .nice-screen-up-div h3 {
    font-size: 1.6666666667vw;
    margin-top: 1.3020833333vw;
    margin-bottom: 1.0416666667vw;
    color: #f4f3f3;
}

#nice-container .nice-screen-up-div p {
    font-size: 1.0416666667vw;
    color: #868686;
}

#nice-container .nice-screen-up-div .nice-screen-up2 {
    margin: 0 11.9791666667vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-screen-up-div {
        flex-direction: column;
        padding-left: 16.3888888889vw;
        align-items: flex-start;
    }

    #nice-container .nice-screen-up-div-top {
        display: flex;
        padding: 0 0 0 16.3888888889vw;
    }

    #nice-point .nice-screen-up-div {
        padding-left: 11.11111111vw;
    }

    #nice-point .nice-screen-up-div-top {
        padding: 0 0 0 11.11111111vw;
    }

    #nice-container .nice-point .nice-point-div2 .nice-screen-up-div-top .nice-screen-up1 {
        width: 69.44444445vw;
    }

    #nice-container .nice-screen-up-div-center .nice-screen-up-div-center-box {
        display: block;
    }

    #nice-container .nice-screen-up-div img {
        width: 10.1388888889vw;
    }

    #nice-container .nice-screen-up-div h3 {
        font-size: 3.8888888889vw;
        margin-top: 2.7777777778vw;
        margin-bottom: 1.3888888889vw;
        color: #f4f3f3;
    }

    #nice-container .nice-screen-up-div p {
        font-size: 2.7777777778vw;
        color: #868686;
        margin-top: 1.666667vw;
    }

    #nice-container .nice-screen-up-div .nice-screen-up2 {
        margin: 12.5vw 0;
    }

    #nice-container .footnote {
        width: 83.333333vw;
        margin: 15vw auto auto auto;
        padding-bottom: 20vw;
    }

    #nice-container .footnote .content li {
        font-size: 2.525vw;
        line-height: 1.4;
        opacity: 0.5;
    }

    #nice-container .footnote .content .footnote-last {
        margin-top: 4vw;
        list-style: none;
        opacity: 0.5;
    }
}

#nice-container .nice-screen-up {
    opacity: 0;
    transform: translateY(3vw);
    transition: all 0.4s ease;
}

#nice-container .nice-up-father {
    overflow: hidden;
}

#nice-container .nice-up-father.active .nice-screen-up-div {
    opacity: 1;
    z-index: 3;
    transform: translate(0, 0);
    transition: opacity 0.3s;
    pointer-events: all;
}

#nice-container .nice-up-father.active .nice-screen-up-btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#nice-container .nice-up-father.active .nice-screen-up-btn::after {
    transform: translate(-50%, -50%) rotate(135deg);
}

#nice-container .nice-up-father.active .nice-screen-up {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.5s ease 0.4s;
}

#nice-container .nice-screen .nice-screen-text-container {
    width: 42.6666666667vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.125vw;
}

#nice-container .nice-screen .nice-screen-text-container span:not(.nr) {
    color: #e2e2e2;
}

#nice-container .nice-screen .nice-screen-text-container h2 {
    width: 41.6666666667vw;
    font-size: 6.25vw;
    margin-bottom: 2.0833333333vw;
}

#nice-container .nice-screen .nice-screen-text-container p {
    color: #868686;
    font-size: 1.1458333333vw;
    margin-left: 12.770833vw;
}

#nice-container .nice-screen .nice-screen-text-container p .text-aggravation {
    color: #e2e2e2;
    font-weight: 600;
}

#nice-container .nice-screen .nice-screen-video-container {
    position: relative;
}

#nice-container .nice-screen .nice-screen-video-container.active .nice-screen-cover-container {
    opacity: 1;
    transform: translateY(0);
}

#nice-container .nice-screen .nice-screen-cover-container {
    width: 39.4791666667vw;
    position: absolute;
    bottom: 2.604167vw;
    left: 30.2604166667vw;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(4vw);
    transition: all 0.5s ease;
}

#nice-container .nice-screen .nice-screen-cover span {
    font-size: 0.8333333333vw;
    color: #005fce;
}

#nice-container .nice-screen .nice-screen-cover p {
    font-size: 4.1666666667vw;
    font-weight: bold;
    line-height: 1.25;
}

#nice-container .nice-screen .nice-screen-cover p span {
    font-size: 1.1458333333vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-screen {
        margin-bottom: 13vw;
    }
    #nice-container .nice-screen .nice-screen-text-container {
        width: 77.7777777778vw;
        margin-bottom: 8.3333333vw;
    }

    #nice-container .nice-screen .nice-screen-text-container h2 {
        width: 77.7777777778vw;
        font-size: 12.222222222vw;
        margin-bottom: 5.5555555556vw;
        margin-top: 0;
    }

    #nice-container .nice-screen .nice-screen-text-container p {
        font-size: 3.8888888889vw;
        margin-left: 0;
    }

    #nice-container .nice-screen .nice-screen-video-container {
        position: relative;
        height: 111.1111111111vw;
    }

    #nice-container .nice-screen .nice-screen-cover-container {
        width: 82.5vw;
        bottom: 25vw;
        left: 8.75vw;
        opacity: 0;
        transform: translateY(5.5555555556vw);
    }

    #nice-container .nice-screen .nice-screen-cover span {
        font-size: 2.2222222222vw;
    }

    #nice-container .nice-screen .nice-screen-cover p {
        font-size: 11.1111111111vw;
    }

    #nice-container .nice-screen .nice-screen-cover p span {
        font-size: 3.0555555556vw;
    }
    .nice-screen-cover1 p span {
        margin-left: -1vw;
    }
}

#nice-container .nice-thin .nice-thin-txt-container {
    width: 53.8020833333vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.125vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#nice-container .nice-thin .nice-thin-txt-container h2 {
    font-size: 3.3333333333vw;
    color: #f4f3f3;
}

#nice-container .nice-thin .nice-thin-txt-container p {
    width: 24.90625vw;
    font-size: 1.1458333333vw;
    color: #868686;
}

#nice-container .nice-thin .nice-thin-txt-container p .text-aggravation {
    color: #e2e2e2;
    font-weight: 600;
}

#nice-container .nice-thin .nice-thin-swiper-container {
    width: 72.7083333333vw;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 2390px) and (max-width: 2410px) {
    #nice-container .nice-thin .nice-thin-swiper-container {
        width: 1744px !important;
    }
}

#nice-container .nice-thin .nice-thin-swiper-container .nice-thin-swiper {
    overflow: hidden;
}

#nice-container .nice-thin .nice-thin-swiper-control {
    margin-top: 1.0416666667vw;
}

#nice-container .nice-thin .nice-thin-swiper-control .swiper-pagination {
    position: relative;
    display: flex;
    justify-content: center;
}

#nice-container .nice-thin .nice-thin-swiper-control .colour-bullet {
    width: 2.1875vw;
    height: 2.1875vw;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    border-radius: 50%;
}

#nice-container .nice-thin .nice-thin-swiper-control .colour-bullet.active {
    border: 2px solid #9f9f9f;
}

#nice-container .nice-thin .nice-thin-swiper-control .colour-bullet:nth-child(1) {
    margin-right: 2.2916666667vw;
}

#nice-container .nice-thin .nice-thin-swiper-control .colour-bullet:nth-child(1)::before {
    content: "";
    width: 1.041667vw;
    height: 1.041667vw;
    background-color: #d6d6d6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

#nice-container .nice-thin .nice-thin-swiper-control .colour-bullet:nth-child(2)::before {
    content: "";
    width: 1.041667vw;
    height: 1.041667vw;
    background-color: #3a393c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-thin {
        margin-bottom: 20vw;
    }
    #nice-container .nice-thin .nice-thin-txt-container {
        width: 78.8888888889vw;
        margin-bottom: 8.3333333vw;
        flex-direction: column;
        align-items: flex-start;
    }

    #nice-container .nice-thin .nice-thin-txt-container h2 {
        font-size: 8.6667vw; 
        margin-bottom: 5.5555555556vw;
        color: #f4f3f3;
    }

    #nice-container .nice-thin .nice-thin-txt-container p {
        width: 77.7777777778vw;
        font-size: 3.8888888889vw;
    }

    #nice-container .nice-thin .nice-thin-swiper-container {
        width: 100%;
    }

    #nice-container .nice-thin .nice-thin-swiper-control {
        margin-top: 2.7777777778vw;
    }

    #nice-container .nice-thin .nice-thin-swiper-control .colour-bullet {
        width: 7.7777777778vw;
        height: 7.7777777778vw;
    }

    #nice-container .nice-thin .nice-thin-swiper-control .colour-bullet:nth-child(1) {
        margin-right: 8.0555555556vw;
    }

    #nice-container .nice-thin .nice-thin-swiper-control .colour-bullet:nth-child(1)::before {
        width: 3.6111111111vw;
        height: 3.6111111111vw;
    }

    #nice-container .nice-thin .nice-thin-swiper-control .colour-bullet:nth-child(2)::before {
        width: 3.6111111111vw;
        height: 3.6111111111vw;
    }
}

#nice-container .nice-processor .nice-processor-text-container {
    width: 72vw;
    margin: auto;
    margin-bottom: 3.125vw;
}
.nice-processor-text-container .mob-br {
    display: none;
}
#nice-container .nice-processor .nice-processor-text-container h2 {
    font-size: 5.2083vw;
    text-align: left;
    margin-bottom: 2.0833333333vw;
}

#nice-container .nice-processor .nice-processor-text-container p {
    width: 35vw;
    color: #818181;
    font-size: 1.1979vw;
    text-align: left;
    margin: auto;
}

#nice-container .nice-processor .nice-processor-text-container p .text-aggravation {
    color: #e2e2e2;
    font-weight: 600;
}

#nice-container .nice-processor .nice-processor-video-container {
    position: relative;
}

#nice-container .nice-processor .nice-processor-video-container .nice-screen-up1 img {
    width: 4.4791666667vw;
}

#nice-container .nice-processor .nice-processor-video-container .nice-screen-up2 {
    margin: 0 7.96875vw 0 8.6458333333vw;
}

#nice-container .nice-processor .nice-processor-video-container .nice-screen-up2 img {
    width: 2.6041666667vw;
}

#nice-container .nice-processor .nice-processor-video-container .nice-screen-up3 img {
    width: 2.96875vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-processor .nice-processor-text-container {
        width: 84vw;
        margin-bottom: 8.333333vw;
    }

    #nice-container .nice-processor .nice-processor-text-container h2 {
        width: 100%;
        font-size: 8.55vw; 
        margin-bottom: 5.5555555556vw;
        margin-top: 0;
        text-wrap: wrap;
        text-align: left;
    }
    .nice-processor-text-container .mob-br {
        display: inline;
    }
    .nice-processor-text-container .pc-br {
        display: none;
    }
    #nice-container .nice-processor .nice-processor-text-container p {
        width: 100%;
        font-size: 3.86vw;
        margin-left: 0;
    }

    #nice-container .nice-processor .nice-processor-video-container {
        position: relative;
        height: 111.1111111111vw;
    }

    #nice-container .nice-processor .nice-processor-video-container .nice-screen-up1 {
        width: 58.6111111111vw;
    }

    #nice-container .nice-processor .nice-processor-video-container .nice-screen-up1 img {
        width: 11.25vw;
    }

    #nice-container .nice-processor .nice-processor-video-container .nice-screen-up3 {
        width: 58.6111111111vw;
    }

    #nice-container .nice-processor .nice-processor-video-container .nice-screen-up3 img {
        width: 7.7777777778vw;
    }
}

#nice-container .nice-point .nice-content-wf {
    width: 72.7083333333vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #f4f3f3;
}

#nice-container .nice-point .nice-screen-up-btn {
    right: 1.71875vw;
    bottom: 1.71875vw;
}

#nice-container .nice-point .nice-point-div {
    position: relative;
}

#nice-container .nice-point .nice-point-div .nice-screen-up-div {
    border: 1px solid #181b1f;
    transform: translate3d(0, 0, -1px);
    border-radius: 0.6vw;
}

#nice-container .nice-point .nice-point-txt-container {
    position: absolute;
    z-index: 2;
}

#nice-container .nice-point .nice-point-txt-container h3 {
    font-size: 1.6666666667vw;
    margin-bottom: 1.5625vw;
}

#nice-container .nice-point .nice-point-txt-container p {
    font-size: 1.0416666667vw;
    color: #868686;
}

#nice-container .nice-point .nice-point-txt-container p .text-aggravation {
    color: #e2e2e2;
    font-weight: 600;
}

#nice-container .nice-point .nice-point-div1 {
    width: 100%;
    margin-bottom: 1.5625vw;
}

#nice-container .nice-point .nice-point-div1 .nice-point-txt-container {
    width: 20.0520833333vw;
    left: 40.625vw;
    top: 50%;
    transform: translateY(-50%);
}

#nice-container .nice-point .nice-point-div1 .nice-screen-up1 img {
    width: 3.1770833333vw;
}

#nice-container .nice-point .nice-point-div1 .nice-screen-up2 {
    margin: 0;
}

#nice-container .nice-point .nice-point-div1 .nice-screen-up2 img {
    width: 3.5416666667vw;
}

#nice-container .nice-point .nice-point-div1 .nice-screen-up3 img {
    width: 2.8125vw;
}

#nice-container .nice-point .nice-point-div2 {
    width: 43.4375vw;
    margin-bottom: 1.5625vw;
}

#nice-container .nice-point .nice-point-div2 .nice-point-txt-container {
    width: 31.3vw;
    left: 3.6458333333vw;
    top: 20.1041666667vw;
}

#nice-container .nice-point .nice-point-div2 .nice-screen-up1 {
    width: 29.4270833333vw;
}

#nice-container .nice-point .nice-point-div2 .nice-screen-up1 img {
    width: 3.3854166667vw;
}

#nice-container .nice-point .nice-point-div2 .nice-point2-wifi {
    width: 1.7708333333vw;
    position: absolute;
    top: 7.03125vw;
    left: 16.40625vw;
    z-index: 1;
}

#nice-container .nice-point .nice-point-div2 .wave-box-right {
    position: absolute;
    width: 13.958333vw;
    height: 7.177083vw;
    overflow: hidden;
    top: 1.3020833333vw;
    left: 15.625vw;
    z-index: 1;
}

#nice-container .nice-point .nice-point-div2 .wave-box-left {
    position: absolute;
    width: 13.958333vw;
    height: 7.177083vw;
    overflow: hidden;
    top: 1.3020833333vw;
    left: 5.2083333333vw;
    z-index: 1;
}

#nice-container .nice-point .nice-point-div2 .wave-box-right .wave,
#nice-container .nice-point .nice-point-div2 .wave-box-left .wave {
    height: 13.958333vw;
    width: 13.958333vw;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 255, 255, 0) 45%, #0b70c8);
}

#nice-container .nice-point .nice-point-div2 .rollef-wave-box .wave1 {
    animation: soundWave 4s linear infinite;
}

#nice-container .nice-point .nice-point-div2 .rollef-wave-box .wave2 {
    animation: soundWave 4s linear infinite 0.8s;
}

#nice-container .nice-point .nice-point-div2 .rollef-wave-box .wave3 {
    animation: soundWave 4s linear infinite 1.6s;
}

#nice-container .nice-point .nice-point-div2 .rollef-wave-box .wave4 {
    animation: soundWave 4s linear infinite 2.4s;
}

#nice-container .nice-point .nice-point-div2 .rollef-wave-box .wave5 {
    animation: soundWave 4s linear infinite 3.2s;
}

@keyframes soundWave {
    0% {
        opacity: 0.7;
        transform: scale(0.2);
    }

    50% {
        opacity: 1;
    }

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

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-point .nice-point-div .nice-screen-up-div {
        border-radius: 1.805556vw;
    }

    #nice-container .nice-point .nice-point-div2 .wave-box-left {
        width: 33.3333333333vw;
        height: 17.1666666667vw;
        top: 6.3888888889vw;
        left: 5.4166666667vw;
    }

    #nice-container .nice-point .nice-point-div2 .wave-box-right {
        width: 33.3333333333vw;
        height: 17.1666666667vw;
        top: 6.3888888889vw;
        left: 34.0833333333vw;
    }

    #nice-container .nice-point .nice-point-div2 .rollef-wave-box .wave {
        width: 32.7777777778vw;
        height: 32.7777777778vw;
    }
}

#nice-container .nice-point .nice-point-div3 {
    width: 27.65625vw;
    margin-bottom: 1.5625vw;
}

#nice-container .nice-point .nice-point-div3 .nice-point-txt-container {
    left: 4.1666666667vw;
    top: 3.3854166667vw;
}

#nice-container .nice-point .nice-point-div3 .nice-screen-up1 {
    width: 18.9583333333vw;
}

#nice-container .nice-point .nice-point-div3 .nice-screen-up1 img {
    width: 4.21875vw;
}

#nice-container .nice-point .nice-point-div3 .nice-point-txt-dis {
    margin-top: 3.6458333333vw;
}

#nice-container .nice-point .nice-point-div3 .nice-point-txt-dis p {
    font-size: 1.4583333333vw;
    color: #dcdcdc;
}

#nice-container .nice-point .nice-point-div3 .nice-point-txt-dis p span {
    color: #868686;
    font-size: 1.0416666667vw;
}

#nice-container .nice-point .nice-point-div3 .nice-point-txt-dis h2 {
    font-size: 9.0625vw;
    background: -webkit-linear-gradient(45deg, #0b4b2a 20%, #149856);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.877777vw;
    margin: 0;
}

#nice-container .nice-point .nice-point-div3 .nice-point-txt-dis h2 span {
    font-size: 3.59375vw;
}

#nice-container .nice-point .nice-point-div4 {
    width: 27.65625vw;
    background-color: #181b1f;
}

#nice-container .nice-point .nice-point-div4 .nice-point-txt-container {
    width: 22.2395833333vw;
    left: 3.125vw;
    top: 3.3854166667vw;
}

#nice-container .nice-point .nice-point-div4 .nice-point-div4-video {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 100%;
    overflow: hidden;
}

#nice-container .nice-point .nice-point-div5 {
    width: 43.4375vw;
}

#nice-container .nice-point .nice-point-div5 .nice-point-txt-container {
    width: 24.8958333333vw;
    left: 3.6458333333vw;
    top: 3.3854166667vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-point {
        padding-bottom: 21.3333vw;
    }
    #nice-container .nice-point .nice-content-wf {
        width: 91.6666666667vw;
        flex-direction: column;
    }

    #nice-container .nice-point .nice-screen-up-btn {
        right: 4.1666666667vw;
        bottom: 4.1666666667vw;
    }

    #nice-container .nice-point .nice-point-txt-container {
        position: absolute;
    }

    #nice-container .nice-point .nice-point-txt-container h3 {
        font-size: 5.5555555556vw;
        margin-bottom: 5.5555555556vw;
    }

    #nice-container .nice-point .nice-point-txt-container p {
        font-size: 3.0555555556vw;
    }

    #nice-container .nice-point .nice-point-div1 {
        margin-bottom: 6.9444444444vw;
    }

    #nice-container .nice-point .nice-point-div1 .nice-point-txt-container {
        width: 37.9166666667vw;
        left: 50.8333333333vw;
    }

    #nice-container .nice-point .nice-point-div1 .nice-point-txt-container h3 {
        font-size: 4.4444444444vw;
    }

    #nice-container .nice-point .nice-point-div1 .nice-screen-up1 img {
        width: 8.4722222222vw;
    }

    #nice-container .nice-point .nice-point-div1 .nice-screen-up2 {
        margin: 9.3055555556vw 0;
    }

    #nice-container .nice-point .nice-point-div1 .nice-screen-up2 img {
        width: 9.3055555556vw;
    }

    #nice-container .nice-point .nice-point-div1 .nice-screen-up3 img {
        width: 7.9166666667vw;
    }

    #nice-container .nice-point .nice-point-div2 {
        width: 100%;
        margin-bottom: 6.9444444444vw;
    }

    #nice-container .nice-point .nice-point-div2 .nice-point-txt-container {
        width: 71.5277777778vw;
        left: 8.3333333333vw;
        top: 53.75vw;
    }

    #nice-container .nice-point .nice-point-div2 .nice-screen-up1 {
        width: 70.4166666667vw;
    }

    #nice-container .nice-point .nice-point-div2 .nice-screen-up1 img {
        width: 9.5833333333vw;
        height: auto;
    }

    #nice-container .nice-point .nice-point-div2 .nice-point2-wifi {
        width: 4.5833333333vw;
        top: 20.9722222222vw;
        left: 34.0277777778vw;
    }

    #nice-container .nice-point .nice-point-div3 {
        width: 100%;
        margin-bottom: 0;
    }

    #nice-container .nice-point .nice-point-div3 .nice-point-txt-container {
        left: 8.3333333333vw;
        top: 8.8888888889vw;
    }

    #nice-container .nice-point .nice-point-div3 .nice-screen-up1 {
        width: 69.8611111111vw;
    }

    #nice-container .nice-point .nice-point-div3 .nice-screen-up1 img {
        width: 11.25vw;
        height: auto;
    }

    #nice-container .nice-point .nice-point-div3 .nice-point-txt-dis {
        margin-top: 10vw;
        margin-left: 5.8055555556vw;
    }

    #nice-container .nice-point .nice-point-div3 .nice-point-txt-dis p {
        font-size: 5.2777777778vw;
        color: #bdbdbd;
    }

    #nice-container .nice-point .nice-point-div3 .nice-point-txt-dis p span {
        font-size: 3.75vw;
    }

    #nice-container .nice-point .nice-point-div3 .nice-point-txt-dis h2 {
        font-size: 30vw;
        margin: -2vw 0;
    }

    #nice-container .nice-point .nice-point-div3 .nice-point-txt-dis h2 .power-unit {
        font-size: 9.3333vw;
        margin-left: -4vw;
    }

    #nice-container .nice-point .nice-point-div4 {
        width: 100%;
        margin-bottom: 6.9444444444vw;
    }

    #nice-container .nice-point .nice-point-div4 .nice-point-txt-container {
        width: 78.2222222222vw;
        left: 8.3333333333vw;
        top: 8.8888888889vw;
    }

    #nice-container .nice-point .nice-point-div4 .nice-point-div4-video {
        width: 102%;
        margin-top: 0;
        margin-bottom: -1px;
        margin-left: -1%;
    }

    #nice-container .nice-point .nice-point-div5 {
        width: 100%;
    }

    #nice-container .nice-point .nice-point-div5 .nice-point-txt-container {
        width: 72.2222222222vw;
        left: 8.3333333333vw;
        top: 8.8888888889vw;
    }
}

#nice-container .nice-connection .nice-connection-txt {
    width: 100%;
    margin: auto;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 7vw;
}

.nice-connection-txt .mob-br {
    display: none;
}
#nice-container .nice-connection .nice-connection-txt h2 {
    font-size: 6.25vw;
    margin: 0;
    color: #1e2022;
}

/* multi-screen-swiper start */
.multi-screen-swiper-container {
    position: relative;
    padding-bottom: 2.5vw;
    overflow: hidden;
}

.multi-screen-swiper-container .multi-screen-swiper {
    width: 50.0781vw;
    height: 37.1615vw;
    margin: auto;
}

.multi-screen-swiper .swiper-slide {
    position: relative;
    width: 50.1042vw;
    height: 37.2135vw;
    padding: 0 1.0417vw;
    overflow: hidden;
    border-radius: 2vw;
}

.multi-screen-swiper .text-content {
    position: absolute;
    top: 2vw;
    z-index: 1;
    width: 100%;
    padding: 0 3.125vw;
    box-sizing: border-box;
}

.multi-screen-swiper .text-content .title {
    position: relative;
    color: #000;
    font-size: 2.3958vw;
    font-weight: bolder;
    margin-bottom: 1.2vw;
}

.multi-screen-swiper .text-content .title-right-img {
    position: absolute;
    right: 0.6771vw;
    top: 1vw;
    width: 7.2396vw !important;
    height: 1.6146vw;
}

.multi-screen-swiper .text-content p {
    color: #6d6d6d;
    font-size: 1.0417vw;
}

.multi-screen-swiper-button-next,
.multi-screen-swiper-button-prev {
    width: 2.604167vw;
    height: 2.604167vw;
    background-size: 100% 100%;
    outline: none;
    border-radius: 50%;
    overflow: hidden;
    top: 16.9271vw;
    z-index: 99;
}

.multi-screen-swiper-button-next:after,
.multi-screen-swiper-button-prev:after {
    content: unset;
}

.multi-screen-swiper-button-prev {
    left: 17.3438vw;
    background-image: url(../images/screen/hi-matebook-d-16-2025-swiper-left0.svg);
    transition: background-image 0.5s;
    -webkit-transition: background-image 0.5s;
    /* Safari */
}

.multi-screen-swiper-button-prev:hover {
    background-image: url(../images/screen/hi-matebook-d-16-2025-swiper-left1.svg);
}

.multi-screen-swiper-button-next {
    right: 17.3438vw;
    background-image: url(../images/screen/hi-matebook-d-16-2025-swiper-right0.svg);
    transition: background-image 0.5s;
    -webkit-transition: background-image 0.5s;
    /* Safari */
}

.multi-screen-swiper-button-next:hover {
    background-image: url(../images/screen/hi-matebook-d-16-2025-swiper-right1.svg);
}

.multi-screen-swiper .swiper-pagination {
    bottom: 0;
}

.multi-screen-swiper .swiper-pagination-bullet-active {
    width: 1.5625vw;
    border-radius: .4167vw;
    background: #000;
}

/* end multi-screen-swiper */

#nice-container .nice-connection .nice-connection-img {
    width: 100%;
    position: relative;
}

#nice-container .nice-connection .nice-connection-img .nice-screen-up {
    width: 13.8020833333vw;
}

#nice-container .nice-connection .nice-connection-img .nice-screen-up1 img {
    width: 4.1666666667vw;
}

#nice-container .nice-connection .nice-connection-img .nice-screen-up2 {
    width: 15.9375vw;
    margin: 0 7.2916666667vw 0 7.2916666667vw;
}

#nice-container .nice-connection .nice-connection-img .nice-screen-up2 img {
    width: 5.625vw;
}

#nice-container .nice-connection .nice-connection-img .nice-screen-up3 {
    margin-right: 7.2916666667vw;
}

#nice-container .nice-connection .nice-connection-img .nice-screen-up3 img {
    width: 5.7291666667vw;
}

#nice-container .nice-connection .nice-connection-img .nice-screen-up4 img {
    width: 6.3020833333vw;
}

#nice-container .nice-connection .nice-screen-up-div {
    background-color: #f7f7f7;
}

#nice-container .nice-connection .nice-screen-up-div h3 {
    color: #211d1e;
}

#nice-container .nice-connection .nice-screen-up-btn::before {
    background-color: #2c435f;
}

#nice-container .nice-connection .nice-screen-up-btn::after {
    background-color: #2c435f;
}

/* AI办公 */
.nice-AI-work {
    text-align: center;
}
.nice-AI-work-txt .mob-br {
    display: none;
}
.nice-AI-work-txt h2 {
    font-size: 5.8854vw;
}

.nice-AI-work-txt h3 {
    font-size: 3.1771vw;
}

.nice-AI-work-txt p {
    color: #6d6d6d;
    font-size: 1.02vw;
    text-align: center;
    margin-bottom: 3.4896vw;
}

.nice-AI-work-img {
    width: 60.7813vw;
    height: 30.4688vw;
    margin: auto;
}

/* 智慧办公 */
#nice-smart-work {
    position: relative;
    width: 79.9479vw;
    min-height: 84.375vw;
    margin: auto;
    margin-top: 9.375vw;
}

#nice-smart-work h2 {
    font-size: 3.1771vw;
    margin-bottom: 5.8333vw;
    text-align: center;
}

.smart-work-wrap {
    background-color: #f8f8f8;
    position: relative;
    border-radius: 1vw;
    /* overflow: hidden; */
}

.smart-work-wrap .text-content .title {
    color: #000;
    font-size: 2.0833vw;
    font-weight: bold;
    text-align: left;
    margin-bottom: 1.3021vw;
}

.smart-work-wrap .text-content p {
    color: #6d6d6d;
    font-size: 1.02vw;
    text-align: left;
}

.smart-work-1 {
    width: 100%;
    height: 32.5521vw;
}

.smart-work-1 .text-content {
    width: 30.6771vw;
    min-height: 10.4167vw;
    position: absolute;
    left: 3.9063vw;
    top: 50%;
    transform: translateY(-50%);
}

.smart-work-2,
.smart-work-3 {
    position: absolute;
    bottom: 0;
    width: 37.7605vw;
    height: 38.8021vw;
}

.smart-work-2 {
    left: 0;
}

.smart-work-3 {
    right: 0;
}

.smart-work-2 .text-content,
.smart-work-3 .text-content {
    position: absolute;
    width: 100%;
    height: 14.7396vw;
    bottom: 0;
    left: 0;
    padding: 2.0833vw 3.6458vw 0;
    box-sizing: border-box;
}

.smart-work-1 .img-box {
    width: 36.9271vw;
    height: 23.125vw;
    position: absolute;
    top: 4.6875vw;
    right: 3.9063vw;
}

.smart-work-2 .img-box {
    width: 29.8438vw;
    height: 19.5833vw;
    position: absolute;
    top: 3.8021vw;
    left: 50%;
    transform: translateX(-50%);
}

.smart-work-3 .img-box {
    width: 32.8646vw;
    height: 16.4583vw;
    position: absolute;
    top: 6.25vw;
    left: 50%;
    transform: translateX(-50%);
}
.smart-work-swiper {
    display: none;
}

/* @media screen and (max-aspect-ratio: 11/10) {

    #nice-container .nice-connection .nice-connection-img h3 {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up1 {
        width: 63.8888888889vw;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up1 img {
        width: 7.2222222222vw;
        margin-right: 4.861111vw;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up2 {
        width: 70.5555555556vw;
        margin: 7.916667vw 0 7.916667vw 0;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up2 img {
        width: 9.1666666667vw;
        margin-right: 3.333333vw;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up3 {
        width: 65.9444444444vw;
        margin-right: 0;
        margin-bottom: 7.916667vw;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up3 img {
        width: 9.0277777778vw;
        margin-right: 3.472222vw;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up4 {
        width: 65.9444444444vw;
    }

    #nice-container .nice-connection .nice-connection-img .nice-screen-up4 img {
        width: 9.4444444444vw;
        margin-right: 3.055556vw;
    }

    #nice-container .nice-connection .nice-screen-up-div {
        padding-left: 13.8888888889vw;
    }

    #nice-container .nice-connection .nice-screen-up-btn {
        right: 8.3333333333vw;
        bottom: 7.6388888889vw;
    }
} */

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-connection {
        margin: 18.6667vw 0;
    }
    #nice-container .nice-connection .nice-connection-txt {
        width: 80.5555555556vw;
        margin-bottom: 8.333333vw;
        text-align: left;
        padding-left: 5.6vw;
        box-sizing: border-box;
    }
    .nice-connection-txt .mob-br {
        display: inline;
    }
    #nice-container .nice-connection .nice-connection-txt h2 {
        font-size: 12.222222222vw;
        margin-bottom: 5.5555555556vw;
    }

    #nice-container .nice-connection .nice-connection-txt p {
        width: 70.8333333333vw;
        font-size: 3.8888888889vw;
        margin-left: 0;
    }

    .multi-screen-swiper-container {
        padding-bottom: 6.6667vw;
        width: 93.3334vw;
        margin: auto;
    }
    
    .multi-screen-swiper-container .multi-screen-swiper {
        width: 100%;
        height: 106.6667vw;
        overflow: hidden;
        overflow-y: visible;
        border-radius: 2vw;
    }
    
    .multi-screen-swiper .swiper-slide {
        position: relative;
        width: 93.3334vw;
        height: 106.6667vw;
        padding: 0;
        overflow: hidden;
        border-radius: 2vw;
    }
    .multi-screen-swiper .pc-br,
    .multi-screen-swiper .pc-dot {
        display: none;
    }
    .multi-screen-swiper .text-content .mob-br {
        display: inline;
    }
    .multi-screen-swiper .text-content {
        position: absolute;
        top: 12vw;
        padding: 0 9vw;
    }
    .multi-screen-swiper .text-content .title {
        font-size: 5.3333vw;
        margin-bottom: 6.4vw;
    }
    
    .multi-screen-swiper .text-content .title-right-img {
        position: absolute;
        right: 0;
        top: 2vw;
        width: 18.6667vw !important;
        height: 4.2667vw;
    }
    
    .multi-screen-swiper .text-content p {
        font-size: 3.2vw;
        text-align: justify;
    }
    .multi-screen-swiper-button-next,
    .multi-screen-swiper-button-prev {
        display: none;
    }
    .multi-screen-swiper .swiper-pagination-bullet-active {
        width: 4.7333vw;
        border-radius: 1.1333vw;
    }
}

/* AI智慧办公 */
@media screen and (max-aspect-ratio: 11/10) {
    #nice-container #nice-AI-work {
        margin-top: 24vw;
        margin-bottom: 0;
    }
    .nice-AI-work-txt .mob-br {
        display: inline;
    }
    .nice-AI-work-txt {
        width: 92vw;
        margin: auto;
    }
    .nice-AI-work-txt h2 {
        font-size: 12.222222222vw;
        margin-top: 0;
        margin-bottom: 5.5555555556vw;
        text-align: left;
        padding-left: 4.9333vw;
        box-sizing: border-box;
        /* margin-bottom: 13.7333vw; */
    }
    
    .nice-AI-work-txt h3 {
        font-size: 6.6667vw;    
        margin-bottom: 6.4vw;
        text-align: left;
        padding-left: 4.9333vw;
        box-sizing: border-box;
    }
    .pc-br {
        display: none;
    }
    .nice-AI-work-txt p {
        width: 100%;
        font-size: 3.2vw;
        text-align: left;
        padding: 0 7.7vw;
        box-sizing: border-box;
        margin: auto;
        margin-bottom: 8.4vw;
    }
    
    .nice-AI-work-img {
        width: 88vw;
        height: 43.8667vw;
        margin: auto;
    }
}
/* 全场景智慧办公 */
@media screen and (max-aspect-ratio: 11/10) {
    .smart-work-pc {
        display: none;
    }
    .smart-work-swiper {
        display: block;
    }
    #nice-smart-work {
        position: relative;
        width: 93.3334vw;
        margin: auto;
        margin-top: 16.1334vw;
        padding-bottom: 8vw;
    }
    
    #nice-smart-work h2 {
        font-size: 6.6667vw;
        margin-bottom: 8vw;
        padding-left: 8vw;
        box-sizing: border-box;
    }
    .smart-work-swiper {
        border-radius: 2vw;
        overflow: hidden;
        overflow-y: visible;
    }
    .smart-work-swiper .swiper-pagination {
        bottom: 0;
    }
    .smart-work-swiper .swiper-pagination-bullet-active {
        width: 4.7333vw;
        border-radius: 1.1333vw;
        background: #000;
    }
    .smart-work-swiper .swiper-slide {
        height: 106.6667vw;
        background-color: #f4f8fb;
        position: relative;
        border-radius: 2vw;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .smart-work-swiper .swiper-slide .title {
        color: #000;
        font-size: 5.3334vw;
        font-weight: bold;
        text-align: left;
        margin-bottom: 6.9333vw;
    }
    
    .smart-work-swiper .swiper-slide .text-content {
        padding: 11.3333vw 8.666vw 0;
        box-sizing: border-box;
        margin-bottom: 11.2vw;
    }
    .smart-work-swiper .swiper-slide .text-content p {
        color: #575757;
        font-size: 2.9334vw;
        text-align: left;
    }
    
    .smart-work-slide1 .img-box {
        width: 71.2vw;
        height: 51.3333vw;
        margin: auto;
    }
    .smart-work-slide2 .img-box {
        width: 76vw;
        height: 50.8vw;
        margin: auto;
    }
    .smart-work-slide3 .img-box {
        width: 87.7333vw;
        height: 47.0667vw;
        margin: auto;
    }
    
}


#nice-container .nice-transfer .nice-content-wf {
    width: 72.7083333333vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f7f7;
    padding-top: 2.6041666667vw;
}

#nice-container .nice-transfer .nice-transfer-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5625vw;
    padding-left: 14.1145833333vw;
    padding-right: 14.1145833333vw;
}

#nice-container .nice-transfer .nice-transfer-txt h2 {
    width: 18.3333333333vw;
    font-size: 3.3333333333vw;
}

#nice-container .nice-transfer .nice-transfer-txt p {
    width: 20.8333333333vw;
    font-size: 1.1458333333vw;
    color: #868686;
}

#nice-container .nice-transfer .nice-transfer-video {
    width: 47.1875vw;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0px, 0) rotate(0.1deg);
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-transfer .nice-content-wf {
        width: 100%;
        padding-top: 14.4444444444vw;
    }

    #nice-container .nice-transfer .nice-img-border-radius-s {
        border-radius: 0;
    }

    #nice-container .nice-transfer .nice-transfer-txt {
        width: 80.5555555556vw;
        margin-left: 3.8888888889vw;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 6.666667vw;
        padding-right: 2.6388888889vw;
        padding-left: 5.6944444444vw;
    }

    #nice-container .nice-transfer .nice-transfer-txt h2 {
        width: 48.8888888889vw;
        font-size: 8.6667vw; 
        margin-bottom: 5.5555555556vw;
    }

    #nice-container .nice-transfer .nice-transfer-txt p {
        width: 68.6111111111vw;
        font-size: 3.8888888889vw;
    }

    #nice-container .nice-transfer .nice-transfer-video {
        width: 91.6666666667vw;
        margin-bottom: 2.777778vw;
    }
}

#nice-container .nice-quality .nice-content-wf {
    width: 57.2916666667vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#nice-container .nice-quality .nice-quality-txt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.125vw;
}

#nice-container .nice-quality .nice-quality-txt h2 {
    font-size: 3.3333333333vw;
}

#nice-container .nice-quality .nice-quality-txt p {
    width: 23.4895833333vw;
    font-size: 1.1458333333vw;
    color: #868686;
}

#nice-container .nice-quality .nice-quality-img {
    width: 36.7708333333vw;
    margin-bottom: 2.6041666667vw;
}

#nice-container .nice-quality .nice-quality-div-wrap {
    width: 51.3541666667vw;
    display: flex;
    flex-wrap: wrap;
}

#nice-container .nice-quality .nice-quality-div-wrap .nice-quality-div {
    width: 33.33%;
    text-align: center;
}

#nice-container .nice-quality .nice-quality-div-wrap .nice-quality-div:nth-child(-n + 3) {
    margin-bottom: 1.5625vw;
}

#nice-container .nice-quality .nice-quality-div-wrap img {
    width: 5.5208333333vw;
    margin: 0 auto;
}

#nice-container .nice-quality .nice-quality-div-wrap p {
    font-size: 1.0416666667vw;
    color: #1e2022;
    opacity: 0.7;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-quality {
        margin-bottom: 15.7333vw;
        margin-top: 20vw;
    }
    #nice-container .nice-quality .nice-content-wf {
        width: 91.6666666667vw;
    }

    #nice-container .nice-quality .nice-quality-txt {
        flex-direction: column;
        margin-bottom: 8.333333vw;
        align-items: flex-start;
        padding-left: 5.5555555556vw;
    }

    #nice-container .nice-quality .nice-quality-txt h2 {
        font-size: 11.1111111111vw;
        margin-top: 0;
        margin-bottom: 5.5555555556vw;
    }

    #nice-container .nice-quality .nice-quality-txt p {
        width: 77.7777777778vw;
        font-size: 3.8888888889vw;
    }

    #nice-container .nice-quality .nice-quality-img {
        width: 80.5555555556vw;
        margin-bottom: 4.1666666667vw;
    }

    #nice-container .nice-quality .nice-quality-div-wrap {
        width: 100%;
    }

    #nice-container .nice-quality .nice-quality-div-wrap .nice-quality-div {
        width: 33.33%;
        text-align: center;
    }

    #nice-container .nice-quality .nice-quality-div-wrap .nice-quality-div:nth-child(-n + 3) {
        margin-bottom: 6.9444444444vw;
    }

    #nice-container .nice-quality .nice-quality-div-wrap img {
        width: 14.7222222222vw;
    }

    #nice-container .nice-quality .nice-quality-div-wrap p {
        font-size: 2.7777777778vw;
    }
}

#nice-container .nice-app .nice-content-wf {
    width: 72.7083333333vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

#nice-container .nice-app .nice-app-div {
    width: 35.5729166667vw;
    color: #211d1e;
    background-color: #f7f7f7;
    padding: 3.125vw 0 3.125vw;
}

#nice-container .nice-app .nice-app-div .nice-app-txt {
    padding-left: 4.16666667vw;
}

#nice-container .nice-app .nice-app-div .nice-app-txt .nice-app-line {
    display: inline-flex;
}

#nice-container .nice-app .nice-app-div h3 {
    font-size: 1.6666666667vw;
    display: inline-block;
    vertical-align: middle;
}

#nice-container .nice-app .nice-app-div p {
    width: 26.5625vw;
    font-size: 1.0416666667vw;
    margin-top: 1.8229166667vw;
    margin-bottom: 1.6666666667vw;
    color: #211d1e;
    opacity: 0.7;
}

#nice-container .nice-app .nice-app-div a {
    color: #1b69fd;
}

#nice-container .nice-app .nice-app-txt img {
    width: 2.8125vw;
    margin-right: 0.7291666667vw;
}

#nice-container .nice-app .nice-app-img {
    width: 29.5833333333vw;
    margin-left: auto;
    margin-right: auto;
}

#nice-container .nice-app .nice-app-img2 {
    width: 30.0520833333vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    #nice-container .nice-app .nice-content-wf {
        width: 91.6666666667vw;
        flex-direction: column;
    }

    #nice-container .nice-app .nice-app-div {
        width: 100%;
        padding: 8.3333333333vw 6.25vw 8.0555555556vw;
    }

    #nice-container .nice-app .nice-app-div h3 {
        font-size: 4.4444444444vw;
    }

    #nice-container .nice-app .nice-app-div p {
        width: 70.8333333333vw;
        font-size: 2.7777777778vw;
        margin-top: 5.8333333333vw;
        margin-bottom: 4.4444444444vw;
    }

    #nice-container .nice-app .nice-app-div1 {
        margin-bottom: 4.1666666667vw;
    }

    #nice-container .nice-app .nice-img-border-radius-s {
        border-radius: 0;
    }

    #nice-container .nice-app .nice-img-border-radius-s .nice-app-txt {
        padding-left: 4.861111vw;
    }

    #nice-container .nice-app .nice-app-txt img {
        width: 7.5vw;
        margin-right: 1.9444444444vw;
        vertical-align: middle;
    }

    #nice-container .nice-app .nice-app-img {
        width: 78.8888888889vw;
    }

    #nice-container .nice-app .nice-app-img2 {
        width: 80.1388888889vw;
    }
}

/* IE */
.static-style .nice-show-ie {
    display: block;
}

.static-style .nice-hide-ie {
    display: none;
}

.static-style .nice-space-50vh {
    display: none;
}

.static-style .nice-space-100vh {
    display: none;
}

.static-style .nice-container .stick-full {
    position: relative;
    top: 0;
    height: auto;
    margin-top: 0;
}

@media screen and (min-width: 360px) and (max-aspect-ratio: 11/10) and (max-width: 641px) {
    :root {
        --nice-txt-12: 10px;
    }
}

/*# sourceMappingURL=index.css.map */