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

.so-container {
    width: 100%;
    position: relative;
}

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

.so-container img {
    width: 100%;
}

.so-container .blur-up {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s;
}

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

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

.so-container .so-txt-100 {
    font-size: 5.208333vw;
    font-size: var(--so-txt-100);
}

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

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

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

.so-container .so-txt-120,
.so-container .so-txt-100,
.so-container .so-txt-80,
.so-container .so-txt-64,
.so-container .so-txt-48,
.so-container h2,
.so-container h3,
.so-container h4 {
    line-height: 1.25;
    font-weight: bold;
    color: #1E2022;
}

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

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

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

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

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

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

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

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

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

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

.so-container .so-txt-32,
.so-container .so-txt-24,
.so-container .so-txt-22,
.so-container .so-txt-16,
.so-container .so-txt-13,
.so-container .so-xin-txt-20-b,
.so-container .so-xin-txt-20-m,
.so-container .so-xin-txt-20-s,
.so-container p {
    line-height: 1.6;
    color: #1E2022;
}

.so-container .so-txt-left {
    text-align: left;
}

.so-container .so-txt-center {
    text-align: center;
}

.so-container .so-txt-right {
    text-align: right;
}

.so-container .so-txt-black-80 {
    color: #4B4C4E;
}

.so-container .so-txt-black-50 {
    color: #8F8D8E;
}

.so-container .so-txt-white-80 {
    color: #CECECE;
}

.so-container .so-txt-white-50 {
    color: #808080;
}

.so-container .so-txt-white {
    color: #FFFFFF;
}

.so-container .so-txt-bg-s {
    background: -webkit-linear-gradient(left, #B2A79F, #EEEADD, #B2A79F);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

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

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

.so-container .so-animation-up {
    opacity: 0;
}

.so-container .so-animation-up.active {
    -webkit-animation: fadeInUp 1s ease forwards;
    animation: fadeInUp 1s ease forwards;
    will-change: transform, opacity;
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translateY(4vw);
        transform: translateY(4vw);
        opacity: 0;
    }

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

@keyframes fadeInUp {
    from {
        -webkit-transform: translateY(4vw);
        transform: translateY(4vw);
        opacity: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.so-container .so-section {
    width: 100%;
    display: block;
    position: relative;
    line-height: 0;
}

.so-container .so-content-ws {
    width: 65.052083vw;
    width: var(--so-content-ws);
    margin: 0 auto;
    position: relative;
}

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

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

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

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

.so-container .so-showmob {
    display: none;
}

.so-container .so-showpc {
    display: inline-block;
}

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

.so-container .wx-img {
    display: none;
}

.so-container .nowrap {
    white-space: nowrap;
}

.so-container sup {
    line-height: 0;
    font-size: 0.6em;
}

.so-container sup a {
    color: inherit;
}

/*common*/
#so-container {
    width: 100%;
}

#so-container .so-txt-link {
    font-size: 1.041667vw;
}

#so-container .so-txt-link a {
    color: #1B69FD;
}

#so-container .so-kv .so-kv-title-wrap {
    position: absolute;
    top: 55%;
    right: 9.114583vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #FFFFFF;
}

#so-container .so-kv .so-kv-title-wrap img {
    width: 23.75vw;
}

#so-container .so-kv .so-kv-title-wrap p {
    color: #FFFFFF;
    font-size: 1.666667vw;
    margin-top: 0.885417vw;
    letter-spacing: 0.78125vw;
    margin-bottom: 1.5625vw;
}

#so-container .so-kv .so-kv-video-wrap span {
    font-size: 1.197917vw;
    line-height: 1.6;
    vertical-align: middle;
    color: #FFFFFF;
}

#so-container .so-kv .so-kv-video-wrap img {
    width: 1.302083vw;
    height: 1.302083vw;
    margin-left: 0.520833vw;
    vertical-align: middle;
}

#so-container .so-kv .so-kv-dis-wrap {
    width: 18.645833vw;
    position: absolute;
    left: 3.958333vw;
    bottom: 1.666667vw;
}

#so-container .so-reason {
    text-align: center;
}

#so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title {
    height: 3.125vw;
    overflow: hidden;
    position: relative;
    height: 6.354167vw;
}

#so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title .so-reason-txt-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
    text-align: center;
    opacity: 0;
}

#so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title p {
    font-size: 1.041667vw;
}

#so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title h4 {
    width: 100%;
    text-align: center;
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='1'] div .so-reason-txt-wrap6 {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='1'] div .so-reason-txt-wrap1 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='1'] div .so-reason-txt-wrap1,
#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='1'] div .so-reason-txt-wrap2 {
    opacity: 1;
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='2'] div .so-reason-txt-wrap1 {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='2'] div .so-reason-txt-wrap2 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='2'] div .so-reason-txt-wrap2,
#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='2'] div .so-reason-txt-wrap3 {
    opacity: 1;
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='3'] div .so-reason-txt-wrap2 {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='3'] div .so-reason-txt-wrap3 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='3'] div .so-reason-txt-wrap3,
#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='3'] div .so-reason-txt-wrap4 {
    opacity: 1;
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='4'] div .so-reason-txt-wrap3 {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='4'] div .so-reason-txt-wrap4 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='4'] div .so-reason-txt-wrap4,
#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='4'] div .so-reason-txt-wrap5 {
    opacity: 1;
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='5'] div .so-reason-txt-wrap4 {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='5'] div .so-reason-txt-wrap5 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='5'] div .so-reason-txt-wrap5,
#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='5'] div .so-reason-txt-wrap6 {
    opacity: 1;
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='6'] div .so-reason-txt-wrap5 {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='6'] div .so-reason-txt-wrap6 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='6'] div .so-reason-txt-wrap6,
#so-container .so-reason .so-reason-swiper-txt-wrap[data-index='6'] div .so-reason-txt-wrap1 {
    opacity: 1;
}

#so-container .so-reason .so-reason-swiper {
    width: 100%;
}

#so-container .so-reason .so-reason-swiper .swiper-slide {
    width: 50%;
}

#so-container .so-reason .so-reason-swiper .swiper-slide img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
}

#so-container .so-reason .so-reason-swiper .swiper-slide a {
    pointer-events: none;
}

#so-container .so-reason .so-reason-swiper .swiper-slide .so-reason-swiper-txt {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#so-container .so-reason .so-reason-swiper .swiper-slide-active img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#so-container .so-reason .so-reason-swiper .swiper-slide-active a {
    pointer-events: auto;
}

#so-container .so-reason .so-reason-swiper .swiper-slide-active .so-reason-swiper-txt {
    opacity: 1;
}

#so-container .so-reason .so-reason-swiper .swiper-button-next:after,
#so-container .so-reason .so-reason-swiper .swiper-container-rtl .swiper-button-prev:after,
#so-container .so-reason .so-reason-swiper .swiper-button-prev:after,
#so-container .so-reason .so-reason-swiper .swiper-container-rtl .swiper-button-next:after {
    display: none;
}

#so-container .so-reason .so-reason-swiper .swiper-button-next,
#so-container .so-reason .so-reason-swiper .swiper-button-prev {
    width: 3.229167vw;
    height: 3.229167vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#so-container .so-reason .so-reason-swiper .swiper-button-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#so-container .so-tVideo {
    width: 100%;
    height: 210vh;
}

#so-container .so-tVideo .so-tVideo-t-wrap {
    height: var(--so-sticky-h);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: var(--so-nav);
    left: 0;
    margin-bottom: -1.927083vw;
    overflow: hidden;
}

#so-container .so-tVideo h3 {
    -webkit-transform: translateY(50%) scale(1.5);
    transform: translateY(50%) scale(1.5);
}

#so-container .so-tVideo .so-tVideo-v-wrap {
    width: 70.9217%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#so-container .so-tVideo .so-tVideo-v-wrap .so-tVideo-v-div {
    -webkit-transform: translate(0%, 100%) scale(0.7218);
    transform: translate(0%, 100%) scale(0.7218);
}

#so-container .so-tVideo .so-tVideo-v-wrap .so-tVideo-toScale {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#so-container .so-tVideo.so-tVideo1 span {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(30%, #8467FF), color-stop(80%, #4191FD));
    background-image: linear-gradient(to bottom right, #8467FF 30%, #4191FD 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#so-container .so-tVideo.so-tVideo2 span {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(30%, #2BEFFF), color-stop(80%, #336FC1));
    background-image: linear-gradient(to bottom right, #2BEFFF 30%, #336FC1 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#so-container .so-tVideo.so-tVideo3 span {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(30%, #FAB89A), color-stop(80%, #ED4343));
    background-image: linear-gradient(to bottom right, #FAB89A 30%, #ED4343 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#so-container .so-tVideo.so-tVideo4 span {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(40%, #2BCFED), to(#39A957));
    background-image: linear-gradient(to bottom right, #2BCFED 40%, #39A957 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#so-container .so-tVideo.so-tVideo5 span {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(30%, #63CAEF), color-stop(80%, #4472F0));
    background-image: linear-gradient(to bottom right, #63CAEF 30%, #4472F0 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#so-container .so-tVideo.so-tVideo6 span {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(30%, #FC6E61), color-stop(80%, #F42C97));
    background-image: linear-gradient(to bottom right, #FC6E61 30%, #F42C97 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#so-container .so-creation {
    height: 700vh;
}

#so-container .so-creation .so-txt-link {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 2.39583vw);
    transform: translate(-50%, 2.39583vw);
}

#so-container .so-creation .so-creation-sticky {
    height: var(--so-sticky-h);
    position: -webkit-sticky;
    position: sticky;
    top: var(--so-nav);
    left: 0;
    overflow: hidden;
}

#so-container .so-creation .so-content-ws {
    width: 56.927083vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#so-container .so-creation .so-creation-title-wrap {
    width: 95.3339432%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

#so-container .so-creation .so-creation-title-wrap .so-creation-title:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

#so-container .so-creation .so-creation-title-wrap .so-creation-title p {
    margin-bottom: 0.520833vw;
    color: #838383;
}

#so-container .so-creation .so-creation-dis-wrap {
    width: 95.3339432%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

#so-container .so-creation .so-creation-dis-wrap .so-creation-dis:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

#so-container .so-creation .so-creation-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#so-container .so-creation .so-creation-wrap .so-creation-title,
#so-container .so-creation .so-creation-wrap .so-creation-dis {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

#so-container .so-creation .so-creation-wrap .so-creation-img-div {
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

#so-container .so-creation .so-creation-wrap[data-index='1'] .so-creation-title1,
#so-container .so-creation .so-creation-wrap[data-index='1'] .so-creation-dis1 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

#so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-title1,
#so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-dis1 {
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
}

#so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-title2,
#so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-dis2 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

#so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-img-div1 {
    opacity: 0;
}

#so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-img-div2 {
    opacity: 1;
}

#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title1,
#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis1,
#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title2,
#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis2 {
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
}

#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title3,
#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis3 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-img-div1,
#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-img-div2 {
    opacity: 0;
}

#so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-img-div3 {
    opacity: 1;
}

#so-container .so-creation .so-creation-img-wrap {
    width: 89.38428874734607%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#so-container .so-creation .so-creation-img-wrap>div {
    width: 100%;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 {
    position: relative;
    opacity: 1;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1>div {
    width: 100%;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-img1-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-img1-3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-img1-4 {
    width: 7.708333vw;
    position: absolute;
    top: 13.541667vw;
    left: 38.333333vw;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-img1-5 {
    width: 2.8125vw;
    position: absolute;
    top: 14.84375vw;
    left: 40.572917vw;
    z-index: 2;
    -webkit-transform: translate(-19.114583vw, -7.604167vw);
    transform: translate(-19.114583vw, -7.604167vw);
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-arrow {
    width: 0.416667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-0.3125vw, 6.36667vw);
    transform: translate(-0.3125vw, 6.36667vw);
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-hand {
    width: 1.5625vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div2,
#so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div3>div {
    width: 100%;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 .so-creation3-img2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 .so-creation3-img3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 .so-creation3-img4 {
    width: 15.729167vw;
    position: absolute;
    top: 8vw;
    left: 43.90625vw;
    z-index: 8;
    -webkit-transform: translateX(-13.75vw);
    transform: translateX(-13.75vw);
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 .so-creation3-img5 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
}

#so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 .so-creation3-img6 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    opacity: 1;
}

#so-container .so-common .so-content-wf {
    width: 68.22916666%;
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-common .so-content-wf video {
    width: 100%;
}

#so-container .so-common .so-content-wf .so-common-title-wrap p {
    color: #838383;
    margin-bottom: 0.520833vw;
}

#so-container .so-common .so-content-wf .so-common-title-wrap,
#so-container .so-common .so-content-wf .so-common-dis-wrap {
    width: 88.9075%;
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-common .so-content-wf .so-common-img-wrap {
    font-size: 0;
    line-height: 0;
}

#so-container .so-common .so-content-wf .so-common-dis-div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#so-container .so-common .so-content-wf .so-common-dis-div h4 {
    line-height: 1.25;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #37B7FA), color-stop(64%, #4472F0));
    background-image: linear-gradient(to right, #37B7FA 30%, #4472F0 64%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#so-container .so-common .so-content-wf .so-common-dis-div p {
    color: #7E7E7E;
}

#so-container .so-common .so-content-wf .so-common-spe {
    text-align: right;
}

#so-container .so-common .so-content-wf .so-common-spe img {
    width: 88.0508474%;
}

#so-container .so-common-harmonyos .so-common-img-wrap {
    width: 84.2239%;
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-sound .so-content-wf {
    height: 150vh;
}

#so-container .so-sound .so-sound-sticky {
    height: var(--so-sticky-h);
    position: -webkit-sticky;
    position: sticky;
    top: var(--so-nav);
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#so-container .so-sound .so-sound-sticky .so-sound-dis {
    display: block;
    font-size: 12px;
    color: #A3A3A3;
}

#so-container .so-sound .so-txt-link {
    width: 100%;
    position: absolute;
    bottom: -5.125vw;
    left: 50%;
    -webkit-transform: translate(-50%, 400%);
    transform: translate(-50%, 400%);
    margin-top: 0;
}

#so-container .so-sound .so-txt-link.active {
    bottom: -13.479167vw;
}

#so-container .so-sound .so-common-img-wrap {
    width: 77.20338%;
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-sound .so-common-dis-wrap {
    position: relative;
}

#so-container .so-sound .so-sound-wrap {
    width: 100%;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 400%);
    transform: translate(-50%, 400%);
}

#so-container .so-sound .so-sound-btn-wrap {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#so-container .so-sound .so-audio-preload {
    width: 0;
    height: 0;
    display: none;
    opacity: 0;
}

#so-container .so-sound .so-sound-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#so-container .so-sound .so-sound-btn.active .so-sound-video {
    display: block;
}

#so-container .so-sound .so-sound-btn.active .so-meeting-svg-off {
    opacity: 0;
}

#so-container .so-sound .so-sound-btn.active .so-meeting-svg-on {
    opacity: 1;
}

#so-container .so-sound .so-sound-btn .so-meeting-btn-img {
    width: 1.09375vw;
    height: 1.09375vw;
    margin-right: 0.364583vw;
    position: relative;
}

#so-container .so-sound .so-sound-btn .so-meeting-btn-img svg {
    width: 100%;
    height: 100%;
}

#so-container .so-sound .so-sound-btn .so-meeting-svg-on {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#so-container .so-sound .so-sound-btn .so-sound-control-btn-hand {
    width: 1.5625vw;
    -webkit-animation: breath 3s ease-in-out infinite;
    animation: breath 3s ease-in-out infinite;
    position: absolute;
    top: 1.875vw;
    left: 6.666667vw;
}

@-webkit-keyframes breath {
    0% {
        opacity: .4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .4;
    }
}

@keyframes breath {
    0% {
        opacity: .4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .4;
    }
}

#so-container .so-sound .so-sound-video-gif {
    position: relative;
}

#so-container .so-sound .so-sound-video-gif .so-sound-video-gif1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

#so-container .so-sound .so-sound-video {
    width: 21.875vw;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: calc(100% + 2.083333vw);
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    display: none;
    cursor: default;
}

#so-container .so-sound .so-sound-video.active .so-sound-control-btn-close {
    opacity: 0;
}

#so-container .so-sound .so-sound-video.active .so-sound-control-btn-open {
    opacity: 1;
}

#so-container .so-sound .so-sound-video.active .so-sound-video-gif1 {
    opacity: 0;
}

#so-container .so-sound .so-sound-video-control {
    width: 5.989583vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    cursor: auto;
}

#so-container .so-sound .so-sound-video-control>div {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

#so-container .so-sound .so-sound-video-control>div span {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
}

#so-container .so-sound .so-sound-video-control .so-sound-control-btn-open {
    width: 100%;
    opacity: 0;
}

#so-container .so-sound .so-sound-video-control .so-sound-control-btn-open span {
    padding-right: 1.5625vw;
}

#so-container .so-sound .so-sound-video-control .so-sound-control-btn-close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

#so-container .so-sound .so-sound-video-control .so-sound-control-btn-close span {
    padding-left: 1.5625vw;
}

#so-container .so-sound .so-sound-video-control span {
    font-size: 0.729167vw;
    line-height: 1.6;
}

#so-container .so-app .so-content-wf {
    height: 250vh;
}

#so-container .so-app .so-common-title-wrap {
    padding-bottom: 4.348958vw;
}

#so-container .so-app .so-common-img-wrap {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: var(--so-nav);
    left: 0;
}

#so-container .so-app .so-app-img-container {
    width: 100%;
    height: var(--so-sticky-h);
    pointer-events: none;
}

#so-container .so-app .so-app-img-wrap {
    width: 100%;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: var(--so-nav);
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#so-container .so-app .so-app-img-wrap>picture:last-child {
    width: 100%;
}

#so-container .so-app .so-app-logo {
    width: 0.885417vw;
    position: absolute;
    left: 15vw;
    top: 7.083333vw;
    -webkit-transform: translate(17.5vw, 12vw) scale(29.5);
    transform: translate(17.5vw, 12vw) scale(29.5);
    z-index: 5;
}

#so-container .so-app .so-app-bg {
    width: 82.1875vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

#so-container .so-app .so-app-pc-wrap {
    width: 100%;
    opacity: 1;
    z-index: 7;
    position: relative;
}

#so-container .so-app .so-app-pc-wrap .so-app-pc-img {
    opacity: 0;
}

#so-container .so-cloud .so-content-wf {
    width: 68.22916666%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#so-container .so-cloud .so-cloud-div {
    width: 48.854961832%;
    padding: 3.229167vw 1.5625vw 2.708333vw;
    background-color: #FAFAFA;
}

#so-container .so-cloud .so-cloud-content {
    width: 82.578397%;
    margin: 0 auto;
}

#so-container .so-cloud .so-cloud-dis {
    font-size: 1.041667vw;
    margin: 1.822917vw auto 1.71875vw;
}

#so-container .so-cloud .so-cloud-dis a {
    color: #1B69FD;
    font-size: 0.833333vw;
}

#so-container .so-cloud .x-pro-cloud {
    width: 26.041667vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#so-container .so-cloud .pc-and-pad-cloud {
    width: 29.84375vw;
}

#so-container .so-cloud .so-cloud-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#so-container .so-cloud .so-cloud-title img {
    width: 2.8125vw;
    height: 2.8125vw;
    margin-right: 0.729167vw;
}

#so-container .so-cloud .so-cloud-title p {
    line-height: 1.25;
    color: #000;
}

#so-container .so-nav {
    max-width: 135px;
    height: 433px;
    position: -webkit-sticky;
    position: sticky;
    top: calc((var(--so-sticky-h) - 433px) / 2 + var(--so-nav));
    left: 36px;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#so-container .so-nav .so-nav-line {
    width: 1px;
    height: 100%;
    background-color: #D3D3D3;
    margin-right: 12px;
    background-blend-mode: difference;
}

#so-container .so-nav .so-nav-line .so-nav-point {
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    height: 72px;
    background: #000;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    will-change: transform;
}

#so-container .so-nav .so-nav-txt {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#so-container .so-nav .so-nav-txt a {
    color: #1E2022;
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
    opacity: 0.4;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#so-container .so-nav .so-nav-txt a.active {
    opacity: 1;
}

#so-container .so-nav-wrap[data-nav-id="1"] {
    margin-top: -433px;
    z-index: 6;
}

#so-container .so-nav-wrap[data-nav-id="1"] .so-tVideo .so-tVideo-t-wrap {
    margin-top: calc((-100vh + var(--so-nav) + 13.020833vw) / 2 - 433px + 5.208333vw);
}

#so-container .so-nav-wrap[data-nav-id="2"] {
    z-index: 5;
}

#so-container .so-nav-wrap[data-nav-id="3"] {
    z-index: 4;
}

#so-container .so-nav-wrap[data-nav-id="4"] {
    z-index: 3;
}

#so-container .so-nav-wrap[data-nav-id="5"] {
    z-index: 2;
}

#so-container .so-nav-wrap[data-nav-id="6"] {
    z-index: 1;
}

#so-container .so-disclaimer-wrap {
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-disclaimer-wrap .so-disclaimer {
    padding-left: 1.8em;
    font-size: 12px;
    color: #747474;
    padding-bottom: 120px;
}

#so-container .so-disclaimer-wrap p {
    font-size: 12px;
    color: #747474;
}

#so-container .so-disclaimer-wrap .so-disclaimer.so-txt-white-80 {
    color: #B8B8B8;
}

#so-container .so-disclaimer-wrap .so-disclaimer li,
#so-container .so-disclaimer-wrap .so-disclaimer p {
    line-height: 1.6em;
    padding-left: 0.5em;
    padding-top: 120px;
    margin-bottom: -120px;
}

#so-container .so-disclaimer-wrap .so-disclaimer li {
    list-style-type: decimal;
}

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

#so-container .so-disclaimer-wrap .so-disclaimer li:nth-last-child(-n+2) {
    list-style: none;
}

#so-container .so-common.so-common-printing .so-common-img-wrap {
    width: 51.302083vw;
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-ma-engine .so-content-wf {
    width: 71.354167vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

#so-container .so-ma-engine .so-ma-engine-img {
    width: 9.635417vw;
}

#so-container .so-ma-engine .so-ma-engine-title {
    width: 26.302083vw;
}

#so-container .so-ma-engine .so-ma-engine-dis {
    width: 27.916667vw;
}

#so-container .so-app-use .so-content-wf {
    width: 71.354167vw;
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-app-use .so-app-use-wrap {
    display: flex;
    justify-content: space-between;
}

#so-container .so-app-use .so-app-use-wrap .so-app-use-div {
    width: 22.916667vw;
    padding: 2.1875vw 2.083333vw 1.927083vw;
    background-color: #FAFAFA;
}

#so-container .so-app-use .so-app-use-wrap .so-app-use-div img {
    width: 13.802083vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#so-container .so-cloud-space .so-content-wf {
    width: 100%;
}

#so-container .so-cloud-space .so-content-wf h3 {
    margin-bottom: 5.208333vw;
}

#so-container .so-cloud-space .so-cloud-space-div {
    width: 71.354167vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #FAFAFA;
    padding: 5.104167vw 3.177083vw 5.104167vw 5.208333vw;
    display: flex;
    justify-content: space-between;
}

#so-container .so-cloud-space .so-cloud-space-txt {
    width: 31.322917vw;
}

#so-container .so-cloud-space .so-cloud-space-txt p {
    color: #1E2022;
}

#so-container .so-cloud-space .so-cloud-space-txt p a {
    color: #2788D9;
}

#so-container .so-cloud-space .so-cloud-space-txt-title {
    margin-bottom: 1.302083vw;
    display: flex;
    justify-content: flex-start;
}

#so-container .so-cloud-space .so-cloud-space-txt-title img {
    width: 3.333333vw;
    height: 3.333333vw;
    margin-right: 1.197917vw;
}

#so-container .so-cloud-space .so-cloud-space-img {
    width: 30.9375vw;
}

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

.static-style #so-container .so-nav {
    display: none;
}

.static-style #so-container [data-nav-id='1'].so-nav-wrap {
    margin-top: 0;
}

.static-style #so-container .so-tVideo.so-tVideo1 span {
    color: #4191FD;
}

.static-style #so-container .so-tVideo.so-tVideo2 span {
    color: #336FC1;
}

.static-style #so-container .so-tVideo.so-tVideo3 span {
    color: #ED4343;
}

.static-style #so-container .so-tVideo.so-tVideo4 span {
    color: #39A957;
}

.static-style #so-container .so-tVideo.so-tVideo5 span {
    color: #4472F0;
}

.static-style #so-container .so-tVideo.so-tVideo6 span {
    color: #F42C97;
}

.static-style #so-container .so-tVideo.so-tVideo1 span,
.static-style #so-container .so-tVideo.so-tVideo2 span,
.static-style #so-container .so-tVideo.so-tVideo3 span,
.static-style #so-container .so-tVideo.so-tVideo4 span,
.static-style #so-container .so-tVideo.so-tVideo5 span,
.static-style #so-container .so-tVideo.so-tVideo6 span {
    background-image: none;
}

.static-style #so-container .so-tVideo {
    height: auto;
}

.static-style #so-container [data-nav-id='1'].so-nav-wrap .so-tVideo .so-tVideo-t-wrap {
    margin-top: 0;
}

.static-style #so-container .so-tVideo .so-tVideo-t-wrap {
    height: auto;
    display: block;
    position: relative;
    overflow: visible;
}

.static-style #so-container .so-tVideo .so-tVideo-v-wrap {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    margin: 10.416667vw auto 0;
}

.static-style #so-container .so-tVideo .so-tVideo-v-wrap .so-tVideo-toScale {
    height: auto;
}

.static-style #so-container .so-tVideo h3 {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

.static-style #so-container .so-creation {
    height: auto;
}

.static-style #so-container .so-creation .so-creation-sticky {
    height: auto;
    overflow: hidden;
}

.static-style #so-container .so-nav-wrap:not(:first-child) {
    margin-top: 10.416667vw;
}

.static-style .so-container .so-animation-up {
    opacity: 1;
}

.static-style #so-container .so-common .so-content-wf .so-common-dis-div h4 {
    background-image: none;
}

.static-style #so-container .so-sound .so-content-wf {
    height: auto;
}

.static-style #so-container .so-sound .so-sound-sticky {
    height: auto;
    position: relative;
    top: 0;
    pointer-events: none;
}

.static-style #so-container .so-sound .so-common-dis-wrap {
    pointer-events: auto;
}

.static-style #so-container .so-app .so-app-img-container {
    pointer-events: none;
}

.static-style .so-container .so-section.so-sound {
    margin-bottom: 23.4375vw;
}

.static-style #so-container .so-app .so-content-wf {
    height: auto;
}

.static-style #so-container .so-app .so-common-img-wrap {
    position: relative;
    top: 0;
}

.static-style #so-container .so-app .so-app-img-container {
    height: auto;
}

.static-style #so-container .so-app .so-app-bg {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.static-style #so-container .so-app .so-app-pc-wrap .so-app-pc-img {
    opacity: 1;
    position: relative;
    top: 51.375vw;
}

.static-style #so-container .so-app .so-app-pc-wrap {
    margin-bottom: 51.375vw;
}

.static-style #so-container .so-app .so-app-img-wrap {
    height: auto;
    top: 0;
}

.static-style #so-container .so-creation .so-creation-title-wrap :not(:first-child).so-creation-title {
    position: relative;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    margin-top: 10.416667vw;
}

.static-style #so-container .so-creation .so-creation-img-wrap {
    display: none;
}

.static-style #so-container .so-creation .so-creation-dis-wrap :not(:first-child).so-creation-dis {
    position: relative;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.static-style #so-container .so-creation .so-creation-title-wrap .so-creation-img-ie {
    margin-top: 3.125vw;
    padding-bottom: 2.083333vw;
}

.static-style #so-container .so-creation .so-creation-title-wrap .so-creation-img-ie.so-creation-img-ie-s {
    width: 111%;
}

.static-style #so-container .so-creation .so-creation-title-wrap {
    margin-bottom: 0;
    width: 100%;
    overflow: visible;
}

.static-style #so-container .so-creation .so-creation-title-wrap .so-creation-title {
    width: 95.33%;
}

.static-style #so-container .so-creation .so-creation-title-wrap p.so-show-ie {
    width: 95.33%;
}

.static-style #so-container .so-creation .so-creation-dis-wrap {
    display: none;
}

.static-style #so-container .so-tVideo .so-tVideo-v-wrap .so-tVideo-v-div {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}

.static-style #so-container .so-creation .so-txt-link {
    -webkit-transform: translate(-50%, 3vw);
    transform: translate(-50%, 3vw);
}

.static-style #so-container .so-sound .so-txt-link {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.static-style #so-container .so-reason .so-reason-swiper .swiper-slide-active a {
    pointer-events: none;
}

.static-style #so-container .so-sound .so-sound-wrap {
    transform: translate(-50%, 538%);
}

@media screen and (max-width: 1200px) {
    :root {
        --so-nav: 60px;
    }
}

@media screen and (max-aspect-ratio: 51 / 50) {
    :root {
        --so-content-ws: 92.9166667%;
        --so-sticky-h: calc(100vh - var(--so-nav));
        --so-spc-200: 27.777778vw;
        --so-spc-120: 16.666667vw;
        --so-spc-80: 11.111111vw;
        --so-spc-60: 8.333333vw;
        --so-spc-40: 5.555556vw;
        --so-spc-30: 4.166667vw;
        --so-spc-10: 2.777778vw;
        --so-txt-120: 13.333333vw;
        --so-txt-100: 13.888889vw;
        --so-txt-80: 13.333333vw;
        --so-txt-64: 8.888889vw;
        --so-txt-48: 6.666667vw;
        --so-txt-32: 4.444444vw;
        --so-txt-24: 3.333333vw;
        --so-txt-22: 3.333333vw;
        --so-txt-16: 3.611111vw;
        --so-txt-13: 13px;
        --so-txt-12: 12px;
        --so-xin-txt-40: 6.666667vw;
        --so-xin-txt-20-b: 3.333333vw;
        --so-xin-txt-20-m: 3.055556vw;
        --so-xin-txt-20-s: 2.777778vw;
    }

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

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

    .so-container .so-showmob {
        display: block;
    }

    .so-container .so-showpc {
        display: none;
    }

    .so-container .so-content-ws {
        width: 92.9166667%;
        width: var(--so-content-ws);
    }

    #so-container .so-reason .so-sellpoint-arrow {
        width: 5.4vw;
        height: 5.4vw;
        bottom: 2.666667vw;
        right: 2.666667vw;
    }

    #so-container .so-disclaimer-wrap .so-disclaimer {
        font-size: 3.055556vw;
    }

    #so-container .so-disclaimer-wrap p {
        font-size: 3.055556vw;
    }

    #so-container .so-kv .so-kv-title-wrap img {
        width: 49.444444vw;
    }

    #so-container .so-kv .so-kv-title-wrap p {
        line-height: 1.25;
        font-size: 3.888889vw;
        margin-top: 1.527778vw;
        margin-bottom: 1.25vw;
        letter-spacing: 1.388889vw;
        text-indent: 1.388889vw;
        color: #000000;
    }

    #so-container .so-kv .so-kv-video-wrap span {
        font-size: 3.194444vw;
    }

    #so-container .so-kv .so-kv-title-wrap {
        top: auto;
        right: 2.777778vw;
        bottom: 5.833333vw;
        color: #000000;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #so-container .so-kv .so-kv-video-wrap span {
        color: #000000;
    }

    #so-container .so-kv .so-kv-video-wrap a {
        display: inline-block;
    }

    #so-container .so-kv .so-kv-video-wrap img {
        width: 3.472222vw;
        height: 3.472222vw;
    }

    #so-container .so-reason {
        margin-bottom: 0;
    }

    .so-reason .so-content-wf {
        padding-bottom: 5vw;
    }

    .so-reason .swiper-pagination.so-showmob {
        width: 100%;
        margin-top: 2.777778vw;
        text-align: center;
    }

    .so-reason .swiper-pagination.so-showmob .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
        border: 1px solid #8B8B8B;
        background-color: transparent;
        margin: 0 0.694444vw;
        opacity: 1;
        outline: none;
    }

    .so-reason .swiper-pagination.so-showmob .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #8B8B8B;
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title {
        height: 16.944444vw;
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title p {
        font-size: 2.777778vw;
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title h4 {
        margin-bottom: 2.777778vw;
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap .so-reason-txt-title .so-reason-txt-wrap {
        top: calc(100% + 8.333333vw);
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='1'] div .so-reason-txt-wrap6 {
        -webkit-transform: translateY(calc(-200% - 8.333333vw));
        transform: translateY(calc(-200% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='1'] div .so-reason-txt-wrap1 {
        -webkit-transform: translateY(calc(-100% - 8.333333vw));
        transform: translateY(calc(-100% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='2'] div .so-reason-txt-wrap1 {
        -webkit-transform: translateY(calc(-200% - 8.333333vw));
        transform: translateY(calc(-200% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='2'] div .so-reason-txt-wrap2 {
        -webkit-transform: translateY(calc(-100% - 8.333333vw));
        transform: translateY(calc(-100% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='3'] div .so-reason-txt-wrap2 {
        -webkit-transform: translateY(calc(-200% - 8.333333vw));
        transform: translateY(calc(-200% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='3'] div .so-reason-txt-wrap3 {
        -webkit-transform: translateY(calc(-100% - 8.333333vw));
        transform: translateY(calc(-100% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='4'] div .so-reason-txt-wrap3 {
        -webkit-transform: translateY(calc(-200% - 8.333333vw));
        transform: translateY(calc(-200% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='4'] div .so-reason-txt-wrap4 {
        -webkit-transform: translateY(calc(-100% - 8.333333vw));
        transform: translateY(calc(-100% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='5'] div .so-reason-txt-wrap4 {
        -webkit-transform: translateY(calc(-200% - 8.333333vw));
        transform: translateY(calc(-200% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='5'] div .so-reason-txt-wrap5 {
        -webkit-transform: translateY(calc(-100% - 8.333333vw));
        transform: translateY(calc(-100% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='6'] div .so-reason-txt-wrap5 {
        -webkit-transform: translateY(calc(-200% - 8.333333vw));
        transform: translateY(calc(-200% - 8.333333vw));
    }

    #so-container .so-reason .so-reason-swiper-txt-wrap[data-index='6'] div .so-reason-txt-wrap6 {
        -webkit-transform: translateY(calc(-100% - 8.333333vw));
        transform: translateY(calc(-100% - 8.333333vw));
    }

    #so-container .so-nav {
        display: none;
    }

    #so-container .so-nav-wrap[data-nav-id="1"] {
        margin-top: 0;
    }

    #so-container .so-nav-wrap[data-nav-id="1"] .so-tVideo .so-tVideo-t-wrap {
        margin-top: calc((-100vh + var(--so-nav) + 56.25vw) / 2 + 27.777778vw);
    }

    #so-container .so-creation .so-content-ws {
        width: 92.9166667%;
    }

    #so-container .so-creation .so-creation-dis-wrap .so-creation-dis:not(:first-child) {
        -webkit-transform: translateY(130%);
        transform: translateY(130%);
    }

    #so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-title2,
    #so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-dis2 {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title3,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis3 {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title1,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis1,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title2,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis2 {
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%);
    }

    #so-container .so-creation .so-creation-title-wrap .so-creation-title p {
        margin-bottom: 2.777778vw;
    }

    #so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 .so-creation3-img4 {
        width: 17.222222vw;
        top: 19.305556vw;
        left: 71.111111vw;
        -webkit-transform: translateX(-22.361111vw);
        transform: translateX(-22.361111vw);
    }

    #so-container .so-creation .so-creation-img-wrap .so-creation-img-div3 .so-creation3-img7 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 7;
    }

    #so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-img1-4 {
        width: 12.5vw;
        top: 29.444444vw;
        left: 62.361111vw;
    }

    #so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-img1-5 {
        width: 4.722222vw;
        top: 31.305556vw;
        left: 66.277778vw;
        -webkit-transform: translate(-29.027778vw, -18.611111vw);
        transform: translate(-29.027778vw, -18.611111vw);
    }

    #so-container .so-creation .so-creation-img-wrap .so-creation-img-div1 .so-creation-arrow {
        width: 8px;
        -webkit-transform: translate(-0.3125vw, 10.66667vw);
        transform: translate(-0.3125vw, 10.66667vw);
    }

    #so-container .so-tVideo .so-tVideo-t-wrap {
        overflow: hidden;
        margin-top: calc((-100vh + var(--so-nav) + 56.25vw) / 2 + 27.777778vw);
        margin-bottom: calc((-100vh + var(--so-nav) + 56.25vw) / 2 + 27.777778vw);
    }

    #so-container .so-tVideo.so-tVideo2 .so-tVideo-t-wrap {
        margin-top: 0;
    }

    #so-container .so-common .so-content-wf {
        width: 92.638888%;
    }

    #so-container .so-common.so-common-ai .so-content-wf {
        width: 100%;
    }

    #so-container .so-common .so-content-wf .so-common-title-wrap p {
        margin-bottom: 2.777778vw;
    }

    #so-container .so-common.so-common-ai .so-content-wf .so-common-title-wrap {
        width: 83.333333333%;
    }

    #so-container .so-common.so-common-ai .so-content-wf .so-common-dis-wrap {
        width: 100%;
    }

    #so-container .so-common.so-common-ai .so-content-wf .so-common-dis-wrap>p {
        width: 83.333333333%;
        margin-left: auto;
        margin-right: auto;
    }

    #so-container .so-common.so-common-ai .so-content-wf .so-common-dis-wrap .so-mb-40 {
        margin-bottom: 8.333333vw;
    }

    #so-container .so-common.so-common-ai .so-content-wf .so-common-dis-div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #so-container .so-common.so-common-ai .so-content-wf .so-common-dis-div>div {
        width: 50%;
        text-align: center;
    }

    #so-container .so-common.so-common-ai .so-content-wf .so-common-dis-div>div:nth-child(-n+2) {
        margin-bottom: 5.555556vw;
    }

    #so-container .so-sound .so-sound-btn .so-meeting-btn-img {
        width: 2.777778vw;
        height: 2.777778vw;
        margin-right: 0.972222vw;
    }

    #so-container .so-sound .so-sound-video {
        width: 58.333333vw;
        top: calc(100% + 5.555556vw);
    }

    #so-container .so-sound .so-sound-video-control {
        width: 26.944444vw;
    }

    #so-container .so-sound .so-sound-video-control .so-sound-control-btn-close span {
        padding-left: 6.944444vw;
    }

    #so-container .so-sound .so-sound-video-control .so-sound-control-btn-open span {
        padding-right: 6.944444vw;
    }

    #so-container .so-sound .so-sound-video-control span {
        font-size: 2.777778vw;
    }

    #so-container .so-common.so-app .so-content-wf {
        width: 100%;
    }

    #so-container .so-app .so-common-title-wrap {
        padding-bottom: 0;
    }

    #so-container .so-app .so-app-logo {
        width: 28.611111vw;
        left: 34%;
        top: 20%;
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }

    #so-container .so-app .so-app-img-wrap {
        margin-top: calc((-100vh + var(--so-nav) + 71.25vw) / 2);
        margin-bottom: calc((-100vh + var(--so-nav) + 71.25vw) / 2);
        overflow: hidden;
    }

    #so-container .so-app .so-app-bg {
        width: 123.055556vw;
    }

    #so-container .so-app .so-app-pc-wrap {
        width: 92.638888%;
        margin-left: auto;
        margin-right: auto;
    }

    #so-container .so-features .so-content-wf h4 {
        font-size: 13.888889vw;
    }

    #so-container .so-cloud .so-content-wf {
        width: 83.33334%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #so-container .so-cloud .so-cloud-div {
        width: 100%;
        padding: 10.833333vw 6.111111vw 8.333333vw;
    }

    #so-container .so-cloud .so-cloud-content {
        width: 100%;
    }

    #so-container .so-cloud .so-cloud-title p {
        font-size: 6.666667vw;
    }

    #so-container .so-cloud .so-cloud-dis {
        font-size: 3.333333vw;
        margin: 4.861111vw auto 6.388889vw;
    }

    #so-container .so-cloud .so-cloud-title img {
        width: 9.166667vw;
        height: 9.166667vw;
        margin-right: 2.777778vw;
    }

    #so-container .so-cloud .x-pro-cloud,
    #so-container .so-cloud .pc-and-pad-cloud {
        width: 100%;
    }

    #so-container .so-cloud .so-cloud-div1 {
        margin-bottom: 8.333333vw;
    }

    #so-container .so-common.so-engine .so-content-wf {
        width: 100%;
    }

    #so-container .so-common.so-engine .so-content-wf .so-img-border-radius {
        border-radius: 0;
    }

    #so-container .so-tVideo {
        margin-bottom: 0;
    }

    #so-container .so-tVideo .so-tVideo-v-wrap {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    #so-container .so-tVideo .so-tVideo-v-wrap .so-tVideo-v-div {
        -webkit-transform: translate(0%, 200%) scale(0.7218);
        transform: translate(0%, 200%) scale(0.7218);
    }

    #so-container .so-sound .so-sound-btn .so-sound-control-btn-hand {
        width: 5vw;
        top: 5vw;
        left: 4.722222vw;
    }

    #so-container .so-kv .so-kv-dis-wrap {
        width: 37.361111vw;
        left: 1.944444vw;
        bottom: 5.277778vw;
    }

    #so-container .so-txt-link {
        font-size: 3.611111vw;
    }

    #so-container .so-creation .so-txt-link {
        -webkit-transform: translate(-50%, 8.33333vw);
        transform: translate(-50%, 8.33333vw);
    }

    #so-container .so-txt-link {
        margin-top: 5vw;
    }

    #so-container .so-sound .so-txt-link {
        bottom: -17.125vw;
        -webkit-transform: translate(-50%, 58.75vw);
        transform: translate(-50%, 58.75vw);
    }

    #so-container .so-sound .so-sound-sticky .so-sound-dis {
        font-size: 2.222222vw;
    }

    #so-container .so-sound .so-txt-link.active {
        bottom: -42.625vw;
    }

    #so-container .so-reason .so-reason-swiper .swiper-slide a {
        pointer-events: auto;
    }

    #so-container .so-common .so-content-wf .so-common-spe img {
        width: 98.2%;
        margin: 0 auto;
    }

    #so-container .so-common-printing .so-common-img-wrap img {
        width: 91.9%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #so-container .so-common-harmonyos .so-common-img-wrap {
        width: 100%;
    }

    #so-container .so-cloud .so-cloud-dis a {
        font-size: 2.777778vw;
    }

    #so-container .so-app .so-common-img-wrap {
        pointer-events: none;
    }

    #so-container .so-common.so-common-printing .so-common-img-wrap {
        width: 100%;
    }

    #so-container .so-ma-engine .so-content-wf {
        width: 83.33333333333334%;
        flex-direction: column;
    }

    #so-container .so-ma-engine .so-ma-engine-title {
        width: 100%;
        order: 2;
        margin: 15.972222vw 0 7.777778vw;
        text-align: center;
    }

    #so-container .so-ma-engine .so-ma-engine-img {
        width: 32.222222vw;
        margin-left: auto;
        margin-right: auto;
    }

    #so-container .so-ma-engine .so-ma-engine-dis {
        width: 100%;
        order: 3;
        text-align: center;
    }

    #so-container .so-app-use .so-content-wf {
        width: 83.33333333333334%;
    }

    #so-container .so-app-use .so-app-use-wrap {
        flex-direction: column;
    }

    #so-container .so-app-use .so-app-use-wrap .so-app-use-div {
        width: 100%;
        padding: 8.333333vw 4.861111vw 6.944444vw;
    }

    #so-container .so-app-use .so-app-use-wrap .so-app-use-div:nth-child(-n+2) {
        margin-bottom: 8.333333vw;
    }

    #so-container .so-app-use .so-app-use-wrap .so-app-use-div img {
        width: 52.916667vw;
    }

    #so-container .so-cloud-space .so-content-wf h3 {
        margin-bottom: 13.055556vw;
    }

    #so-container .so-cloud-space .so-cloud-space-div {
        width: 83.33333333333334%;
        padding: 10vw 6.25vw 8.611111vw;
        flex-direction: column;
    }

    #so-container .so-cloud-space .so-cloud-space-txt {
        width: 100%;
    }

    #so-container .so-cloud-space .so-cloud-space-txt-title img {
        width: 8.888889vw;
        height: 8.888889vw;
        margin-right: 0;
        margin-bottom: 1.944444vw;
    }

    #so-container .so-cloud-space .so-cloud-space-txt-title {
        margin-bottom: 2.777778vw;
        flex-direction: column;
    }

    #so-container .so-cloud-space .so-cloud-space-txt {
        margin-bottom: 7.5vw;
    }

    #so-container .so-cloud-space .so-cloud-space-img {
        width: 100%;
    }

    #so-container .so-sound .so-sound-sticky {
        pointer-events: none;
    }

    #so-container .so-sound .so-sound-wrap {
        pointer-events: all;
    }

    #so-container .so-common-ai .so-common-img-wrap video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (min-width: 675px) and (max-width: 740px) and (min-aspect-ratio: 734 / 747) {
    .so-container .so-section.so-sound {
        margin-bottom: 22.488756vw;
    }

    #so-container .so-creation .so-creation-wrap .so-creation-title h3 {
        font-size: 4.726736vw;
    }

    #so-container .so-creation .so-creation-wrap .so-creation-title p {
        font-size: 2.95421vw;
    }

    #so-container .so-creation .so-creation-wrap .so-creation-dis p {
        font-size: 2.658789vw;
    }

    #so-container .so-creation .so-creation-title-wrap,
    #so-container .so-creation .so-creation-img-wrap {
        margin-bottom: 2.215657vw;
    }

    #so-container .so-creation .so-creation-title-wrap .so-creation-title p {
        margin-bottom: 0.738552vw;
    }

    #so-container .so-creation .so-creation-dis-wrap .so-creation-dis:not(:first-child) {
        -webkit-transform: translateY(145%);
        transform: translateY(145%);
    }

    #so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-title2,
    #so-container .so-creation .so-creation-wrap[data-index='2'] .so-creation-dis2 {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title3,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis3 {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title1,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis1,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-title2,
    #so-container .so-creation .so-creation-wrap[data-index='3'] .so-creation-dis2 {
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%);
    }
}

@media screen and (min-width: 740px) and (min-aspect-ratio: 1 / 1) and (max-width: 1440px) {
    .so-container .so-disclaimer-wrap .so-disclaimer {
        font-size: 12px;
    }

    #so-container .so-cloud .so-cloud-dis a {
        font-size: 12px;
    }
}

@media screen and (min-width: 1366px) and (min-aspect-ratio: 51 / 50) and (max-width: 1600px) {
    #so-container .so-sound .so-sound-video-control {
        width: 6.989583vw;
    }
}

@media screen and (min-width: 834px) and (min-aspect-ratio: 51 / 50) and (max-width: 1200px) {
    #so-container .so-nav-wrap[data-nav-id="1"] .so-tVideo .so-tVideo-t-wrap {
        margin-top: calc((-100vh + var(--so-nav) + 13.020833vw) / 2 - 433px + 14.208333vw);
    }

    #so-container .so-nav-wrap[data-nav-id="2"] {
        margin-top: 2.39583vw;
    }
}

@media screen and (min-width: 2545px) and (min-aspect-ratio: 2560 / 1182) and (max-width: 2575px) {
    #so-container .so-app .so-app-logo {
        left: 15.05vw;
        top: 7.15vw;
    }
}

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

    #so-container .so-disclaimer-wrap p {
        font-size: 0.625vw;
    }

    #so-container .so-nav .so-nav-txt a {
        font-size: 0.625vw;
    }

    #so-container .so-sound .so-sound-sticky .so-sound-dis {
        font-size: 0.625vw;
    }
}

#so-container .so-kv .so-kv-title-wrap p {
    letter-spacing: 0;
}

.so-container .so-content-wf .so-kv-title-wrap .so-kv-video-wrap{
    display: none;
}