.main-content {
    overflow-x: initial;
}

[ani-text-fade], [mo\:ani-text-fade], [pc\:ani-text-fade] {
    will-change: transform opacity
}

[ani-scroll-container] {
    will-change: transform
}

[ani-section-leave] {
    will-change: transform
}

[ani-autoplay-video], [ani-video-wrapper] {
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video] canvas, [ani-autoplay-video] img, [ani-video-wrapper] canvas, [ani-video-wrapper] img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[ani-autoplay-video] canvas, [ani-video-wrapper] canvas {
    -o-object-fit: initial;
    object-fit: fill
}

[ani-autoplay-video] img, [ani-video-wrapper] img {
    -o-object-fit: cover;
    object-fit: cover
}

.zn--wrapper {
    font-family: OnePlus Sans, OnePlus Sans Text, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.zn--wrapper .font-b, .zn--wrapper .font-m {
    font-weight: 700
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-\[\#cacaca\] {
    --tw-bg-opacity: 1;
    background-color: rgba(202, 202, 202, var(--tw-bg-opacity))
}

.bg-\[\#141111\] {
    --tw-bg-opacity: 1;
    background-color: rgba(20, 17, 17, var(--tw-bg-opacity))
}

.bg-\[transparent\] {
    background-color: transparent
}

.bg-\[\#121212\] {
    --tw-bg-opacity: 1;
    background-color: rgba(18, 18, 18, var(--tw-bg-opacity))
}

.bg-\[\#242424\] {
    --tw-bg-opacity: 1;
    background-color: rgba(36, 36, 36, var(--tw-bg-opacity))
}

.border-\[\#CACACA\] {
    --tw-border-opacity: 1;
    border-color: rgba(202, 202, 202, var(--tw-border-opacity))
}

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.cursor-pointer, .hover\:cursor-pointer:hover {
    cursor: pointer
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.\!flex {
    display: flex !important
}

.\!grid {
    display: grid !important
}

.flex-col {
    flex-direction: column
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.h-full {
    height: 100%
}

.h-screen, .h-100vh {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.h-440vh {
    height: 440vh;
    height: calc(var(--vh, 1vh)*440)
}

.h-200vh {
    height: 200vh;
    height: calc(var(--vh, 1vh)*200)
}

.h-\[78\.2vh\] {
    height: 78.2vh;
    height: calc(var(--vh, 1vh)*78.2)
}

.h-\[52\.78vh\] {
    height: 52.78vh;
    height: calc(var(--vh, 1vh)*52.78)
}

.h-\[70\.83vh\] {
    height: 70.83vh;
    height: calc(var(--vh, 1vh)*70.83)
}

.h-\[53\.15vh\] {
    height: 53.15vh;
    height: calc(var(--vh, 1vh)*53.15)
}

.h-\[42\.13vh\] {
    height: 42.13vh;
    height: calc(var(--vh, 1vh)*42.13)
}

.h-\[59\.54vh\] {
    height: 59.54vh;
    height: calc(var(--vh, 1vh)*59.54)
}

.text-24, .text-40m, .text-48, .text-96 {
    line-height: 120%
}

.text-48 {
    letter-spacing: -.3px
}

.text-28m {
    line-height: 120%
}

.text-20 {
    letter-spacing: -.12px;
    line-height: 150%
}

.text-14m {
    line-height: 140%
}

.text-18 {
    letter-spacing: -.12px;
    line-height: 150%
}

.text-20m {
    line-height: 110%
}

.text-28, .text-48m {
    line-height: 120%
}

.text-28 {
    letter-spacing: -.1px
}

.text-14 {
    line-height: 150%
}

.text-128rpx, .text-12ex, .text-12rpx, .text-14ex, .text-14rpx, .text-16ex, .text-16rpx, .text-18ex, .text-20ex, .text-20rpx, .text-22ex, .text-24rpx, .text-26ex, .text-28ex, .text-32rpx, .text-36rpx, .text-38ex, .text-40ex, .text-40rpx, .text-48ex, .text-48rpx, .text-50rpx, .text-54rpx, .text-56rpx, .text-64rpx, .text-68rpx, .text-96rpx {
    line-height: 1
}

.text-\[4\.44vh\] {
    font-size: 4.44vh;
    font-size: calc(var(--vh, 1vh)*4.44);
    line-height: 1
}

.text-12px {
    font-size: 12px;
    line-height: 1
}

.leading-\[120\%\] {
    line-height: 120%
}

.leading-\[140\%\] {
    line-height: 140%
}

.leading-\[150\%\] {
    line-height: 150%
}

.leading-\[110\%\] {
    line-height: 110%
}

.leading-\[135\%\] {
    line-height: 135%
}

.leading-\[100\%\] {
    line-height: 100%
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-mt-100vh {
    margin-top: -100vh;
    margin-top: calc(var(--vh, 1vh)*-100)
}

.mt-5vh {
    margin-top: 5vh;
    margin-top: calc(var(--vh, 1vh)*5)
}

.mt-50px {
    margin-top: 50px
}

.-mt-70vh {
    margin-top: -70vh;
    margin-top: calc(var(--vh, 1vh)*-70)
}

.mt-\[6\.4vh\] {
    margin-top: 6.4vh;
    margin-top: calc(var(--vh, 1vh)*6.4)
}

.mt-\[7\.27vh\] {
    margin-top: 7.27vh;
    margin-top: calc(var(--vh, 1vh)*7.27)
}

.mt-\[7\.4vh\] {
    margin-top: 7.4vh;
    margin-top: calc(var(--vh, 1vh)*7.4)
}

.mt-\[7\.78vh\] {
    margin-top: 7.78vh;
    margin-top: calc(var(--vh, 1vh)*7.78)
}

.mt-\[8\.33vh\] {
    margin-top: 8.33vh;
    margin-top: calc(var(--vh, 1vh)*8.33)
}

.mt-\[5\.2vh\] {
    margin-top: 5.2vh;
    margin-top: calc(var(--vh, 1vh)*5.2)
}

.mt-10px {
    margin-top: 10px
}

.mt-\[-8vh\] {
    margin-top: -8vh;
    margin-top: calc(var(--vh, 1vh)*-8)
}

.min-h-100vh {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.pb-10px {
    padding-bottom: 10px
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.bottom-12vh {
    bottom: 12vh;
    bottom: calc(var(--vh, 1vh)*12)
}

.top-100vh {
    top: 100vh;
    top: calc(var(--vh, 1vh)*100)
}

.top-200vh {
    top: 200vh;
    top: calc(var(--vh, 1vh)*200)
}

.top-300vh {
    top: 300vh;
    top: calc(var(--vh, 1vh)*300)
}

.right-0 {
    right: 0
}

.left-1\/2 {
    left: 50%
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-1, .shadow-2 {
    --tw-shadow: var(--tw-shadow-colored)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-grey {
    --tw-text-opacity: 1;
    color: rgba(202, 202, 202, var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#707070\] {
    --tw-text-opacity: 1;
    color: rgba(112, 112, 112, var(--tw-text-opacity))
}

.text-\[\#cacaca\] {
    --tw-text-opacity: 1;
    color: rgba(202, 202, 202, var(--tw-text-opacity))
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#CACACA\] {
    --tw-text-opacity: 1;
    color: rgba(202, 202, 202, var(--tw-text-opacity))
}

.text-\[\#999999\] {
    --tw-text-opacity: 1;
    color: rgba(153, 153, 153, var(--tw-text-opacity))
}

.text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgba(102, 102, 102, var(--tw-text-opacity))
}

.-tracking-\[0\.005em\] {
    letter-spacing: -.005em
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.w-full {
    width: 100%
}

.w-1px {
    width: 1px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[110\%\] {
    width: 110%
}

.w-\[66\.67vh\] {
    width: 66.67vh;
    width: calc(var(--vh, 1vh)*66.67)
}

.w-\[53\.15vh\] {
    width: 53.15vh;
    width: calc(var(--vh, 1vh)*53.15)
}

.w-\[70\.83vh\] {
    width: 70.83vh;
    width: calc(var(--vh, 1vh)*70.83)
}

.w-\[56\.2vh\] {
    width: 56.2vh;
    width: calc(var(--vh, 1vh)*56.2)
}

.w-\[44\.63vh\] {
    width: 44.63vh;
    width: calc(var(--vh, 1vh)*44.63)
}

.z-4 {
    z-index: 4
}

.z-0 {
    z-index: 0
}

.z-5 {
    z-index: 5
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-100 {
    z-index: 100
}

.-z-1 {
    z-index: -1
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (max-width:500px), (orientation:portrait) and (min-width:100px) and (max-width:1023px) {
    .h-228ex {
        height: 63.3333vw
    }

    .h-18ex {
        height: 5vw
    }

    .h-20ex {
        height: 5.5556vw
    }

    .h-602\.03ex {
        height: 167.2306vw
    }

    .h-108ex {
        height: 30vw
    }

    .h-154ex {
        height: 42.7778vw
    }

    .h-102ex {
        height: 28.3333vw
    }

    .h-24ex {
        height: 6.6667vw
    }

    .h-186ex {
        height: 51.6667vw
    }

    .h-40ex {
        height: 11.1111vw
    }

    .h-60ex {
        height: 16.6667vw
    }

    .h-300ex {
        height: 83.3333vw
    }

    .h-178ex {
        height: 49.4444vw
    }

    .h-350ex {
        height: 97.2222vw
    }

    .h-36ex {
        height: 10vw
    }

    .h-210ex {
        height: 58.3333vw
    }

    .h-310ex {
        height: 86.1111vw
    }

    .h-100ex {
        height: 27.7778vw
    }

    .h-41ex {
        height: 11.3889vw
    }

    .h-32ex {
        height: 8.8889vw
    }

    .h-360ex {
        height: 100vw
    }

    .h-48ex {
        height: 13.3333vw
    }

    .h-176ex {
        height: 48.8889vw
    }

    .h-439ex {
        height: 121.9444vw
    }

    .h-35ex {
        height: 9.7222vw
    }

    .h-33ex {
        height: 9.1667vw
    }

    .h-218ex {
        height: 60.5556vw
    }

    .h-199ex {
        height: 55.2778vw
    }

    .h-280ex {
        height: 77.7778vw
    }

    .h-188ex {
        height: 52.2222vw
    }

    .h-187ex {
        height: 51.9444vw
    }

    .h-240ex {
        height: 66.6667vw
    }

    .h-287ex {
        height: 79.7222vw
    }

    .h-198ex {
        height: 55vw
    }

    .h-298ex {
        height: 82.7778vw
    }

    .h-320ex {
        height: 88.8889vw
    }

    .h-204ex {
        height: 56.6667vw
    }

    .h-55ex {
        height: 15.2778vw
    }

    .h-416ex {
        height: 115.5556vw
    }

    .h-63ex {
        height: 17.5vw
    }

    .h-370ex {
        height: 102.7778vw
    }

    .h-45ex {
        height: 12.5vw
    }

    .h-67ex {
        height: 18.6111vw
    }

    .h-201ex {
        height: 55.8333vw
    }

    .h-400ex {
        height: 111.1111vw
    }

    .h-381ex {
        height: 105.8333vw
    }

    .text-40m {
        font-size: 11.1111vw
    }

    .text-28m {
        font-size: 7.7778vw
    }

    .text-14m {
        font-size: 3.8889vw
    }

    .text-20m {
        font-size: 5.5556vw
    }

    .text-48m {
        font-size: 13.3333vw
    }

    .text-22ex {
        font-size: 6.1111vw
    }

    .text-12ex {
        font-size: 3.3333vw
    }

    .text-20ex {
        font-size: 5.5556vw
    }

    .text-28ex {
        font-size: 7.7778vw
    }

    .text-14ex {
        font-size: 3.8889vw
    }

    .text-48ex {
        font-size: 13.3333vw
    }

    .text-40ex {
        font-size: 11.1111vw
    }

    .text-18ex {
        font-size: 5vw
    }

    .text-38ex {
        font-size: 10.5556vw
    }

    .text-26ex {
        font-size: 7.2222vw
    }

    .text-16ex {
        font-size: 4.4444vw
    }

    .my-48ex {
        margin-bottom: 13.3333vw;
        margin-top: 13.3333vw
    }

    .my-12ex {
        margin-bottom: 3.3333vw;
        margin-top: 3.3333vw
    }

    .mt-40ex {
        margin-top: 11.1111vw
    }

    .mt-4ex {
        margin-top: 1.1111vw
    }

    .ml-4ex {
        margin-left: 1.1111vw
    }

    .mt-20ex {
        margin-top: 5.5556vw
    }

    .mt-100ex {
        margin-top: 27.7778vw
    }

    .mt-50ex {
        margin-top: 13.8889vw
    }

    .mb-30ex {
        margin-bottom: 8.3333vw
    }

    .mt-2ex {
        margin-top: .5556vw
    }

    .mt-35ex {
        margin-top: 9.7222vw
    }

    .ml-16ex {
        margin-left: 4.4444vw
    }

    .mr-6ex {
        margin-right: 1.6667vw
    }

    .mb-40ex {
        margin-bottom: 11.1111vw
    }

    .mt-180ex {
        margin-top: 50vw
    }

    .mb-80ex {
        margin-bottom: 22.2222vw
    }

    .mt-30ex {
        margin-top: 8.3333vw
    }

    .ml-32ex {
        margin-left: 8.8889vw
    }

    .ml-24ex {
        margin-left: 6.6667vw
    }

    .mt-22ex {
        margin-top: 6.1111vw
    }

    .mt-18ex {
        margin-top: 5vw
    }

    .ml-68ex {
        margin-left: 18.8889vw
    }

    .mt-10ex {
        margin-top: 2.7778vw
    }

    .mb-70ex {
        margin-bottom: 19.4444vw
    }

    .mt-65ex {
        margin-top: 18.0556vw
    }

    .mt-12ex {
        margin-top: 3.3333vw
    }

    .mt-54ex {
        margin-top: 15vw
    }

    .mb-20ex {
        margin-bottom: 5.5556vw
    }

    .mb-100ex {
        margin-bottom: 27.7778vw
    }

    .mt-75ex {
        margin-top: 20.8333vw
    }

    .mt-60ex {
        margin-top: 16.6667vw
    }

    .mt-108ex {
        margin-top: 30vw
    }

    .ml-12ex {
        margin-left: 3.3333vw
    }

    .mt-\[-4ex\] {
        margin-top: -1.1111vw
    }

    .mt-14ex {
        margin-top: 3.8889vw
    }

    .mt-13ex {
        margin-top: 3.6111vw
    }

    .mt-8ex {
        margin-top: 2.2222vw
    }

    .mb-28ex {
        margin-bottom: 7.7778vw
    }

    .mb-18ex {
        margin-bottom: 5vw
    }

    .ml-110ex {
        margin-left: 30.5556vw
    }

    .ml-71ex {
        margin-left: 19.7222vw
    }

    .ml-105ex {
        margin-left: 29.1667vw
    }

    .mt-68ex {
        margin-top: 18.8889vw
    }

    .ml-96ex {
        margin-left: 26.6667vw
    }

    .ml-48ex {
        margin-left: 13.3333vw
    }

    .\!mb-8ex {
        margin-bottom: 2.2222vw !important
    }

    .mt-210ex {
        margin-top: 58.3333vw
    }

    .ml-20ex {
        margin-left: 5.5556vw
    }

    .mt-36ex {
        margin-top: 10vw
    }

    .ml-30ex {
        margin-left: 8.3333vw
    }

    .mt-32ex {
        margin-top: 8.8889vw
    }

    .mt-45ex {
        margin-top: 12.5vw
    }

    .mt-28ex {
        margin-top: 7.7778vw
    }

    .mt-21ex {
        margin-top: 5.8333vw
    }

    .min-h-57ex {
        min-height: 15.8333vw
    }

    .px-20ex {
        padding-left: 5.5556vw;
        padding-right: 5.5556vw
    }

    .py-44ex {
        padding-bottom: 12.2222vw;
        padding-top: 12.2222vw
    }

    .px-8ex {
        padding-left: 2.2222vw;
        padding-right: 2.2222vw
    }

    .py-22ex {
        padding-bottom: 6.1111vw;
        padding-top: 6.1111vw
    }

    .py-32ex {
        padding-bottom: 8.8889vw;
        padding-top: 8.8889vw
    }

    .px-18ex {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .py-68ex {
        padding-bottom: 18.8889vw;
        padding-top: 18.8889vw
    }

    .py-80ex {
        padding-bottom: 22.2222vw;
        padding-top: 22.2222vw
    }

    .pt-60ex {
        padding-top: 16.6667vw
    }

    .pt-36ex {
        padding-top: 10vw
    }

    .pl-9ex {
        padding-left: 2.5vw
    }

    .pt-49ex {
        padding-top: 13.6111vw
    }

    .pt-50ex {
        padding-top: 13.8889vw
    }

    .pl-8ex {
        padding-left: 2.2222vw
    }

    .pr-20ex {
        padding-right: 5.5556vw
    }

    .pr-10ex {
        padding-right: 2.7778vw
    }

    .pt-48ex {
        padding-top: 13.3333vw
    }

    .pb-50ex {
        padding-bottom: 13.8889vw
    }

    .pt-64ex {
        padding-top: 17.7778vw
    }

    .pb-147ex {
        padding-bottom: 40.8333vw
    }

    .pb-61ex {
        padding-bottom: 16.9444vw
    }

    .pb-108ex {
        padding-bottom: 30vw
    }

    .pl-120ex {
        padding-left: 33.3333vw
    }

    .pb-10ex {
        padding-bottom: 2.7778vw
    }

    .pt-80ex {
        padding-top: 22.2222vw
    }

    .pb-18ex {
        padding-bottom: 5vw
    }

    .pt-110ex {
        padding-top: 30.5556vw
    }

    .left-20ex {
        left: 5.5556vw
    }

    .top-295ex {
        top: 81.9444vw
    }

    .-left-17ex {
        left: -4.7222vw
    }

    .top-10ex {
        top: 2.7778vw
    }

    .right-10ex {
        right: 2.7778vw
    }

    .-top-30ex {
        top: -8.3333vw
    }

    .top-160ex {
        top: 44.4444vw
    }

    .bottom-56ex {
        bottom: 15.5556vw
    }

    .bottom-6ex {
        bottom: 1.6667vw
    }

    .top-77ex {
        top: 21.3889vw
    }

    .top-\[calc\(50\%-196ex\)\] {
        top: calc(50% - 54.4444vw)
    }

    .left-\[calc\(50\%-161ex\)\] {
        left: calc(50% - 44.7222vw)
    }

    .bottom-25ex {
        bottom: 6.9444vw
    }

    .left-23ex {
        left: 6.3889vw
    }

    .w-456ex {
        width: 126.6667vw
    }

    .w-320ex {
        width: 88.8889vw
    }

    .w-8ex {
        width: 2.2222vw
    }

    .w-300ex {
        width: 83.3333vw
    }

    .w-10ex {
        width: 2.7778vw
    }

    .w-80ex {
        width: 22.2222vw
    }

    .w-280ex {
        width: 77.7778vw
    }

    .w-210\.47ex {
        width: 58.4639vw
    }

    .w-107ex {
        width: 29.7222vw
    }

    .w-234ex {
        width: 65vw
    }

    .w-24ex {
        width: 6.6667vw
    }

    .w-40ex {
        width: 11.1111vw
    }

    .w-60ex {
        width: 16.6667vw
    }

    .w-328ex {
        width: 91.1111vw
    }

    .w-360ex {
        width: 100vw
    }

    .w-20ex {
        width: 5.5556vw
    }

    .w-160ex {
        width: 44.4444vw
    }

    .w-92ex {
        width: 25.5556vw
    }

    .w-232ex {
        width: 64.4444vw
    }

    .w-260ex {
        width: 72.2222vw
    }

    .w-68ex {
        width: 18.8889vw
    }

    .w-322ex {
        width: 89.4444vw
    }

    .w-400ex {
        width: 111.1111vw
    }

    .w-32ex {
        width: 8.8889vw
    }

    .w-270ex {
        width: 75vw
    }

    .w-210ex {
        width: 58.3333vw
    }

    .w-272ex {
        width: 75.5556vw
    }

    .w-249ex {
        width: 69.1667vw
    }

    .w-215ex {
        width: 59.7222vw
    }

    .w-265ex {
        width: 73.6111vw
    }

    .w-224ex {
        width: 62.2222vw
    }

    .w-326ex {
        width: 90.5556vw
    }

    .w-274ex {
        width: 76.1111vw
    }

    .w-\[calc\(100\%-20ex\)\] {
        width: calc(100% - 5.5556vw)
    }

    .w-106ex {
        width: 29.4444vw
    }

    .w-120ex {
        width: 33.3333vw
    }

    .w-77ex {
        width: 21.3889vw
    }

    .w-59ex {
        width: 16.3889vw
    }

    .w-79ex {
        width: 21.9444vw
    }

    .w-252ex {
        width: 70vw
    }

    .w-325ex {
        width: 90.2778vw
    }

    .w-98ex {
        width: 27.2222vw
    }

    .w-177ex {
        width: 49.1667vw
    }

    .w-151ex {
        width: 41.9444vw
    }

    .w-139ex {
        width: 38.6111vw
    }

    .w-314ex {
        width: 87.2222vw
    }

    .gap-32ex {
        grid-gap: 8.8889vw;
        gap: 8.8889vw
    }

    .gap-24ex {
        grid-gap: 6.6667vw;
        gap: 6.6667vw
    }

    .gap-x-40ex {
        grid-column-gap: 11.1111vw;
        -webkit-column-gap: 11.1111vw;
        -moz-column-gap: 11.1111vw;
        column-gap: 11.1111vw
    }

    .gap-y-16ex {
        grid-row-gap: 4.4444vw;
        -webkit-row-gap: 4.4444vw;
        -moz-row-gap: 4.4444vw;
        row-gap: 4.4444vw
    }

    .mo\:flex-col {
        flex-direction: column
    }

    .mo\:justify-center {
        justify-content: center
    }

    .mo\:h-400vh {
        height: 400vh;
        height: calc(var(--vh, 1vh)*400)
    }

    .mo\:h-177vw {
        height: 177vw;
        height: calc(var(--vw, 1vw)*177)
    }

    .mo\:h-200vh {
        height: 200vh;
        height: calc(var(--vh, 1vh)*200)
    }

    .mo\:h-100vh {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100)
    }

    .mo\:h-40vh {
        height: 40vh;
        height: calc(var(--vh, 1vh)*40)
    }

    .mo\:h-29\.5vh {
        height: 29.5vh;
        height: calc(var(--vh, 1vh)*29.5)
    }

    .mo\:text-12 {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 150%
    }

    .mo\:text-40m {
        line-height: 120%
    }

    .mo\:text-14m {
        line-height: 140%
    }

    .mo\:leading-\[120\%\] {
        line-height: 120%
    }

    .mo\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .mo\:-mt-200vh {
        margin-top: -200vh;
        margin-top: calc(var(--vh, 1vh)*-200)
    }

    .mo\:mb-\[3\.75vh\] {
        margin-bottom: 3.75vh;
        margin-bottom: calc(var(--vh, 1vh)*3.75)
    }

    .mo\:mt-\[2vh\] {
        margin-top: 2vh;
        margin-top: calc(var(--vh, 1vh)*2)
    }

    .mo\:overflow-hidden {
        overflow: hidden
    }

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

    .mo\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .mo\:top-0px {
        top: 0
    }

    .mo\:-top-20vh {
        top: -20vh;
        top: calc(var(--vh, 1vh)*-20)
    }

    .mo\:top-42vh {
        top: 42vh;
        top: calc(var(--vh, 1vh)*42)
    }

    .mo\:whitespace-nowrap {
        white-space: nowrap
    }

    .mo\:w-full {
        width: 100%
    }

    .mo\:w-200vw {
        width: 200vw;
        width: calc(var(--vw, 1vw)*200)
    }

    .mo\:mt-20ex {
        margin-top: 5.5556vw
    }

    .mo\:mt-38ex {
        margin-top: 10.5556vw
    }

    .mo\:text-14m {
        font-size: 3.8889vw
    }

    .mo\:text-40m {
        font-size: 11.1111vw
    }
}

@media (min-width:1024px), (orientation:landscape) {
    .rounded-\[80rpx\] {
        border-radius: 4.1667vw;
        border-radius: calc(var(--vw, 1vw)*4.1667)
    }

    .rounded-20rpx {
        border-radius: 1.0417vw;
        border-radius: calc(var(--vw, 1vw)*1.0417)
    }

    .border-2rpx {
        border-width: .1042vw;
        border-width: calc(var(--vw, 1vw)*.1042)
    }

    .h-258rpx {
        height: 13.4375vw;
        height: calc(var(--vw, 1vw)*13.4375)
    }

    .h-90rpx {
        height: 4.6875vw;
        height: calc(var(--vw, 1vw)*4.6875)
    }

    .h-177rpx {
        height: 9.2188vw;
        height: calc(var(--vw, 1vw)*9.2188)
    }

    .h-154rpx {
        height: 8.0208vw;
        height: calc(var(--vw, 1vw)*8.0208)
    }

    .h-180rpx {
        height: 9.375vw;
        height: calc(var(--vw, 1vw)*9.375)
    }

    .h-400rpx {
        height: 20.8333vw;
        height: calc(var(--vw, 1vw)*20.8333)
    }

    .h-404rpx {
        height: 21.0417vw;
        height: calc(var(--vw, 1vw)*21.0417)
    }

    .h-680rpx {
        height: 35.4167vw;
        height: calc(var(--vw, 1vw)*35.4167)
    }

    .h-31rpx {
        height: 1.6146vw;
        height: calc(var(--vw, 1vw)*1.6146)
    }

    .h-34rpx {
        height: 1.7708vw;
        height: calc(var(--vw, 1vw)*1.7708)
    }

    .h-420rpx {
        height: 21.875vw;
        height: calc(var(--vw, 1vw)*21.875)
    }

    .h-760rpx {
        height: 39.5833vw;
        height: calc(var(--vw, 1vw)*39.5833)
    }

    .h-353rpx {
        height: 18.3854vw;
        height: calc(var(--vw, 1vw)*18.3854)
    }

    .h-30rpx {
        height: 1.5625vw;
        height: calc(var(--vw, 1vw)*1.5625)
    }

    .h-640rpx {
        height: 33.3333vw;
        height: calc(var(--vw, 1vw)*33.3333)
    }

    .h-60rpx {
        height: 3.125vw;
        height: calc(var(--vw, 1vw)*3.125)
    }

    .h-632rpx {
        height: 32.9167vw;
        height: calc(var(--vw, 1vw)*32.9167)
    }

    .h-10rpx {
        height: .5208vw;
        height: calc(var(--vw, 1vw)*.5208)
    }

    .h-44rpx {
        height: 2.2917vw;
        height: calc(var(--vw, 1vw)*2.2917)
    }

    .h-522rpx {
        height: 27.1875vw;
        height: calc(var(--vw, 1vw)*27.1875)
    }

    .h-408rpx {
        height: 21.25vw;
        height: calc(var(--vw, 1vw)*21.25)
    }

    .h-826rpx {
        height: 43.0208vw;
        height: calc(var(--vw, 1vw)*43.0208)
    }

    .h-130rpx {
        height: 6.7708vw;
        height: calc(var(--vw, 1vw)*6.7708)
    }

    .h-469rpx {
        height: 24.4271vw;
        height: calc(var(--vw, 1vw)*24.4271)
    }

    .h-111rpx {
        height: 5.7813vw;
        height: calc(var(--vw, 1vw)*5.7813)
    }

    .h-84rpx {
        height: 4.375vw;
        height: calc(var(--vw, 1vw)*4.375)
    }

    .h-610rpx {
        height: 31.7708vw;
        height: calc(var(--vw, 1vw)*31.7708)
    }

    .h-40rpx {
        height: 2.0833vw;
        height: calc(var(--vw, 1vw)*2.0833)
    }

    .h-46rpx {
        height: 2.3958vw;
        height: calc(var(--vw, 1vw)*2.3958)
    }

    .h-223rpx {
        height: 11.6146vw;
        height: calc(var(--vw, 1vw)*11.6146)
    }

    .h-66rpx {
        height: 3.4375vw;
        height: calc(var(--vw, 1vw)*3.4375)
    }

    .h-74\.46rpx {
        height: 3.8781vw;
        height: calc(var(--vw, 1vw)*3.8781)
    }

    .h-113rpx {
        height: 5.8854vw;
        height: calc(var(--vw, 1vw)*5.8854)
    }

    .h-700rpx {
        height: 36.4583vw;
        height: calc(var(--vw, 1vw)*36.4583)
    }

    .h-150rpx {
        height: 7.8125vw;
        height: calc(var(--vw, 1vw)*7.8125)
    }

    .h-708rpx {
        height: 36.875vw;
        height: calc(var(--vw, 1vw)*36.875)
    }

    .h-56rpx {
        height: 2.9167vw;
        height: calc(var(--vw, 1vw)*2.9167)
    }

    .h-480rpx {
        height: 25vw;
        height: calc(var(--vw, 1vw)*25)
    }

    .h-70rpx {
        height: 3.6458vw;
        height: calc(var(--vw, 1vw)*3.6458)
    }

    .h-63rpx {
        height: 3.2813vw;
        height: calc(var(--vw, 1vw)*3.2813)
    }

    .h-67rpx {
        height: 3.4896vw;
        height: calc(var(--vw, 1vw)*3.4896)
    }

    .h-169rpx {
        height: 8.8021vw;
        height: calc(var(--vw, 1vw)*8.8021)
    }

    .h-360rpx {
        height: 18.75vw;
        height: calc(var(--vw, 1vw)*18.75)
    }

    .h-660rpx {
        height: 34.375vw;
        height: calc(var(--vw, 1vw)*34.375)
    }

    .h-307rpx {
        height: 15.9896vw;
        height: calc(var(--vw, 1vw)*15.9896)
    }

    .h-98rpx {
        height: 5.1042vw;
        height: calc(var(--vw, 1vw)*5.1042)
    }

    .h-126rpx {
        height: 6.5625vw;
        height: calc(var(--vw, 1vw)*6.5625)
    }

    .h-72rpx {
        height: 3.75vw;
        height: calc(var(--vw, 1vw)*3.75)
    }

    .h-712rpx {
        height: 37.0833vw;
        height: calc(var(--vw, 1vw)*37.0833)
    }

    .h-684rpx {
        height: 35.625vw;
        height: calc(var(--vw, 1vw)*35.625)
    }

    .text-24 {
        font-size: 1.25vw;
        font-size: calc(var(--vw, 1vw)*1.25)
    }

    .text-96 {
        font-size: 5vw;
        font-size: calc(var(--vw, 1vw)*5)
    }

    .text-48 {
        font-size: 2.5vw;
        font-size: calc(var(--vw, 1vw)*2.5)
    }

    .text-20 {
        font-size: 1.0417vw;
        font-size: calc(var(--vw, 1vw)*1.0417)
    }

    .text-18 {
        font-size: .9375vw;
        font-size: calc(var(--vw, 1vw)*.9375)
    }

    .text-28 {
        font-size: 1.4583vw;
        font-size: calc(var(--vw, 1vw)*1.4583)
    }

    .text-14, .text-14rpx {
        font-size: .7292vw;
        font-size: calc(var(--vw, 1vw)*.7292)
    }

    .text-40rpx {
        font-size: 2.0833vw;
        font-size: calc(var(--vw, 1vw)*2.0833)
    }

    .text-48rpx {
        font-size: 2.5vw;
        font-size: calc(var(--vw, 1vw)*2.5)
    }

    .text-20rpx {
        font-size: 1.0417vw;
        font-size: calc(var(--vw, 1vw)*1.0417)
    }

    .text-16rpx {
        font-size: .8333vw;
        font-size: calc(var(--vw, 1vw)*.8333)
    }

    .text-128rpx {
        font-size: 6.6667vw;
        font-size: calc(var(--vw, 1vw)*6.6667)
    }

    .text-96rpx {
        font-size: 5vw;
        font-size: calc(var(--vw, 1vw)*5)
    }

    .text-54rpx {
        font-size: 2.8125vw;
        font-size: calc(var(--vw, 1vw)*2.8125)
    }

    .text-32rpx {
        font-size: 1.6667vw;
        font-size: calc(var(--vw, 1vw)*1.6667)
    }

    .text-24rpx {
        font-size: 1.25vw;
        font-size: calc(var(--vw, 1vw)*1.25)
    }

    .text-12rpx {
        font-size: .625vw;
        font-size: calc(var(--vw, 1vw)*.625)
    }

    .text-50rpx {
        font-size: 2.6042vw;
        font-size: calc(var(--vw, 1vw)*2.6042)
    }

    .text-56rpx {
        font-size: 2.9167vw;
        font-size: calc(var(--vw, 1vw)*2.9167)
    }

    .text-64rpx {
        font-size: 3.3333vw;
        font-size: calc(var(--vw, 1vw)*3.3333)
    }

    .text-36rpx {
        font-size: 1.875vw;
        font-size: calc(var(--vw, 1vw)*1.875)
    }

    .text-68rpx {
        font-size: 3.5417vw;
        font-size: calc(var(--vw, 1vw)*3.5417)
    }

    .leading-19rpx {
        line-height: .9896vw;
        line-height: calc(var(--vw, 1vw)*.9896)
    }

    .leading-44rpx {
        line-height: 2.2917vw;
        line-height: calc(var(--vw, 1vw)*2.2917)
    }

    .mx-160rpx {
        margin-left: 8.3333vw;
        margin-left: calc(var(--vw, 1vw)*8.3333);
        margin-right: 8.3333vw;
        margin-right: calc(var(--vw, 1vw)*8.3333)
    }

    .mb-11rpx {
        margin-bottom: .5729vw;
        margin-bottom: calc(var(--vw, 1vw)*.5729)
    }

    .mt-11rpx {
        margin-top: .5729vw;
        margin-top: calc(var(--vw, 1vw)*.5729)
    }

    .mt-60rpx {
        margin-top: 3.125vw;
        margin-top: calc(var(--vw, 1vw)*3.125)
    }

    .ml-11rpx {
        margin-left: .5729vw;
        margin-left: calc(var(--vw, 1vw)*.5729)
    }

    .mt-41rpx {
        margin-top: 2.1354vw;
        margin-top: calc(var(--vw, 1vw)*2.1354)
    }

    .mt-48rpx {
        margin-top: 2.5vw;
        margin-top: calc(var(--vw, 1vw)*2.5)
    }

    .mb-20rpx {
        margin-bottom: 1.0417vw;
        margin-bottom: calc(var(--vw, 1vw)*1.0417)
    }

    .mb-3rpx {
        margin-bottom: .1563vw;
        margin-bottom: calc(var(--vw, 1vw)*.1563)
    }

    .mr-8rpx {
        margin-right: .4167vw;
        margin-right: calc(var(--vw, 1vw)*.4167)
    }

    .mt-3rpx {
        margin-top: .1563vw;
        margin-top: calc(var(--vw, 1vw)*.1563)
    }

    .ml-160rpx {
        margin-left: 8.3333vw;
        margin-left: calc(var(--vw, 1vw)*8.3333)
    }

    .mt-46rpx {
        margin-top: 2.3958vw;
        margin-top: calc(var(--vw, 1vw)*2.3958)
    }

    .mt-80rpx {
        margin-top: 4.1667vw;
        margin-top: calc(var(--vw, 1vw)*4.1667)
    }

    .ml-12rpx {
        margin-left: .625vw;
        margin-left: calc(var(--vw, 1vw)*.625)
    }

    .mt-280rpx {
        margin-top: 14.5833vw;
        margin-top: calc(var(--vw, 1vw)*14.5833)
    }

    .mr-20rpx {
        margin-right: 1.0417vw;
        margin-right: calc(var(--vw, 1vw)*1.0417)
    }

    .mt-40rpx {
        margin-top: 2.0833vw;
        margin-top: calc(var(--vw, 1vw)*2.0833)
    }

    .mt-42rpx {
        margin-top: 2.1875vw;
        margin-top: calc(var(--vw, 1vw)*2.1875)
    }

    .mt-64rpx {
        margin-top: 3.3333vw;
        margin-top: calc(var(--vw, 1vw)*3.3333)
    }

    .ml-70rpx {
        margin-left: 3.6458vw;
        margin-left: calc(var(--vw, 1vw)*3.6458)
    }

    .ml-60rpx {
        margin-left: 3.125vw;
        margin-left: calc(var(--vw, 1vw)*3.125)
    }

    .ml-72rpx {
        margin-left: 3.75vw;
        margin-left: calc(var(--vw, 1vw)*3.75)
    }

    .ml-54rpx {
        margin-left: 2.8125vw;
        margin-left: calc(var(--vw, 1vw)*2.8125)
    }

    .mt-50rpx {
        margin-top: 2.6042vw;
        margin-top: calc(var(--vw, 1vw)*2.6042)
    }

    .ml-76rpx {
        margin-left: 3.9583vw;
        margin-left: calc(var(--vw, 1vw)*3.9583)
    }

    .mb-190rpx {
        margin-bottom: 9.8958vw;
        margin-bottom: calc(var(--vw, 1vw)*9.8958)
    }

    .mt-182rpx {
        margin-top: 9.4792vw;
        margin-top: calc(var(--vw, 1vw)*9.4792)
    }

    .mt-24rpx {
        margin-top: 1.25vw;
        margin-top: calc(var(--vw, 1vw)*1.25)
    }

    .mb-72rpx {
        margin-bottom: 3.75vw;
        margin-bottom: calc(var(--vw, 1vw)*3.75)
    }

    .ml-22rpx {
        margin-left: 1.1458vw;
        margin-left: calc(var(--vw, 1vw)*1.1458)
    }

    .mb-84rpx {
        margin-bottom: 4.375vw;
        margin-bottom: calc(var(--vw, 1vw)*4.375)
    }

    .mt-58rpx {
        margin-top: 3.0208vw;
        margin-top: calc(var(--vw, 1vw)*3.0208)
    }

    .mt-12rpx {
        margin-top: .625vw;
        margin-top: calc(var(--vw, 1vw)*.625)
    }

    .mb-18rpx {
        margin-bottom: .9375vw;
        margin-bottom: calc(var(--vw, 1vw)*.9375)
    }

    .mt-18rpx {
        margin-top: .9375vw;
        margin-top: calc(var(--vw, 1vw)*.9375)
    }

    .mt-168rpx {
        margin-top: 8.75vw;
        margin-top: calc(var(--vw, 1vw)*8.75)
    }

    .mb-58rpx {
        margin-bottom: 3.0208vw;
        margin-bottom: calc(var(--vw, 1vw)*3.0208)
    }

    .mt-190rpx {
        margin-top: 9.8958vw;
        margin-top: calc(var(--vw, 1vw)*9.8958)
    }

    .mb-168rpx {
        margin-bottom: 8.75vw;
        margin-bottom: calc(var(--vw, 1vw)*8.75)
    }

    .mb-80rpx {
        margin-bottom: 4.1667vw;
        margin-bottom: calc(var(--vw, 1vw)*4.1667)
    }

    .ml-10rpx {
        margin-left: .5208vw;
        margin-left: calc(var(--vw, 1vw)*.5208)
    }

    .mt-14rpx {
        margin-top: .7292vw;
        margin-top: calc(var(--vw, 1vw)*.7292)
    }

    .mt-82rpx {
        margin-top: 4.2708vw;
        margin-top: calc(var(--vw, 1vw)*4.2708)
    }

    .ml-20rpx {
        margin-left: 1.0417vw;
        margin-left: calc(var(--vw, 1vw)*1.0417)
    }

    .mt-225rpx {
        margin-top: 11.7188vw;
        margin-top: calc(var(--vw, 1vw)*11.7188)
    }

    .mt-30rpx {
        margin-top: 1.5625vw;
        margin-top: calc(var(--vw, 1vw)*1.5625)
    }

    .mt-\[-8rpx\] {
        margin-top: -.4167vw;
        margin-top: calc(var(--vw, 1vw)*-.4167)
    }

    .mt-36rpx {
        margin-top: 1.875vw;
        margin-top: calc(var(--vw, 1vw)*1.875)
    }

    .mt-35rpx {
        margin-top: 1.8229vw;
        margin-top: calc(var(--vw, 1vw)*1.8229)
    }

    .mt-31rpx {
        margin-top: 1.6146vw;
        margin-top: calc(var(--vw, 1vw)*1.6146)
    }

    .mb-60rpx {
        margin-bottom: 3.125vw;
        margin-bottom: calc(var(--vw, 1vw)*3.125)
    }

    .mb-40rpx {
        margin-bottom: 2.0833vw;
        margin-bottom: calc(var(--vw, 1vw)*2.0833)
    }

    .ml-47rpx {
        margin-left: 2.4479vw;
        margin-left: calc(var(--vw, 1vw)*2.4479)
    }

    .ml-360rpx {
        margin-left: 18.75vw;
        margin-left: calc(var(--vw, 1vw)*18.75)
    }

    .ml-53rpx {
        margin-left: 2.7604vw;
        margin-left: calc(var(--vw, 1vw)*2.7604)
    }

    .\!mb-13rpx {
        margin-bottom: .6771vw !important;
        margin-bottom: calc(var(--vw, 1vw)*.6771) !important
    }

    .mt-448rpx {
        margin-top: 23.3333vw;
        margin-top: calc(var(--vw, 1vw)*23.3333)
    }

    .mt-45rpx {
        margin-top: 2.3438vw;
        margin-top: calc(var(--vw, 1vw)*2.3438)
    }

    .mt-120rpx {
        margin-top: 6.25vw;
        margin-top: calc(var(--vw, 1vw)*6.25)
    }

    .mt-20rpx {
        margin-top: 1.0417vw;
        margin-top: calc(var(--vw, 1vw)*1.0417)
    }

    .ml-\[-12rpx\] {
        margin-left: -.625vw;
        margin-left: calc(var(--vw, 1vw)*-.625)
    }

    .ml-\[-8rpx\] {
        margin-left: -.4167vw;
        margin-left: calc(var(--vw, 1vw)*-.4167)
    }

    .mt-220rpx {
        margin-top: 11.4583vw;
        margin-top: calc(var(--vw, 1vw)*11.4583)
    }

    .mt-110rpx {
        margin-top: 5.7292vw;
        margin-top: calc(var(--vw, 1vw)*5.7292)
    }

    .ml-83rpx {
        margin-left: 4.3229vw;
        margin-left: calc(var(--vw, 1vw)*4.3229)
    }

    .ml-85rpx {
        margin-left: 4.4271vw;
        margin-left: calc(var(--vw, 1vw)*4.4271)
    }

    .ml-106rpx {
        margin-left: 5.5208vw;
        margin-left: calc(var(--vw, 1vw)*5.5208)
    }

    .ml-\[calc\(50\%-1000rpx\)\] {
        margin-left: calc(50% - 52.0833vw);
        margin-left: calc(50% - var(--vw, 1vw)*52.0833)
    }

    .mt-57rpx {
        margin-top: 2.9688vw;
        margin-top: calc(var(--vw, 1vw)*2.9688)
    }

    .mt-56rpx {
        margin-top: 2.9167vw;
        margin-top: calc(var(--vw, 1vw)*2.9167)
    }

    .mt-\[-10rpx\] {
        margin-top: -.5208vw;
        margin-top: calc(var(--vw, 1vw)*-.5208)
    }

    .ml-5rpx {
        margin-left: .2604vw;
        margin-left: calc(var(--vw, 1vw)*.2604)
    }

    .ml-32rpx {
        margin-left: 1.6667vw;
        margin-left: calc(var(--vw, 1vw)*1.6667)
    }

    .ml-1020rpx {
        margin-left: 53.125vw;
        margin-left: calc(var(--vw, 1vw)*53.125)
    }

    .py-150rpx {
        padding-bottom: 7.8125vw;
        padding-bottom: calc(var(--vw, 1vw)*7.8125);
        padding-top: 7.8125vw;
        padding-top: calc(var(--vw, 1vw)*7.8125)
    }

    .px-156rpx {
        padding-left: 8.125vw;
        padding-left: calc(var(--vw, 1vw)*8.125);
        padding-right: 8.125vw;
        padding-right: calc(var(--vw, 1vw)*8.125)
    }

    .py-128rpx {
        padding-bottom: 6.6667vw;
        padding-bottom: calc(var(--vw, 1vw)*6.6667);
        padding-top: 6.6667vw;
        padding-top: calc(var(--vw, 1vw)*6.6667)
    }

    .py-160rpx {
        padding-bottom: 8.3333vw;
        padding-bottom: calc(var(--vw, 1vw)*8.3333);
        padding-top: 8.3333vw;
        padding-top: calc(var(--vw, 1vw)*8.3333)
    }

    .pt-40rpx {
        padding-top: 2.0833vw;
        padding-top: calc(var(--vw, 1vw)*2.0833)
    }

    .pl-160rpx {
        padding-left: 8.3333vw;
        padding-left: calc(var(--vw, 1vw)*8.3333)
    }

    .pt-78rpx {
        padding-top: 4.0625vw;
        padding-top: calc(var(--vw, 1vw)*4.0625)
    }

    .pb-224rpx {
        padding-bottom: 11.6667vw;
        padding-bottom: calc(var(--vw, 1vw)*11.6667)
    }

    .pt-208rpx {
        padding-top: 10.8333vw;
        padding-top: calc(var(--vw, 1vw)*10.8333)
    }

    .pt-120rpx {
        padding-top: 6.25vw;
        padding-top: calc(var(--vw, 1vw)*6.25)
    }

    .pt-37rpx {
        padding-top: 1.9271vw;
        padding-top: calc(var(--vw, 1vw)*1.9271)
    }

    .pl-40rpx {
        padding-left: 2.0833vw;
        padding-left: calc(var(--vw, 1vw)*2.0833)
    }

    .pt-84rpx {
        padding-top: 4.375vw;
        padding-top: calc(var(--vw, 1vw)*4.375)
    }

    .pt-27rpx {
        padding-top: 1.4063vw;
        padding-top: calc(var(--vw, 1vw)*1.4063)
    }

    .pt-56rpx {
        padding-top: 2.9167vw;
        padding-top: calc(var(--vw, 1vw)*2.9167)
    }

    .pr-106rpx {
        padding-right: 5.5208vw;
        padding-right: calc(var(--vw, 1vw)*5.5208)
    }

    .pr-66rpx {
        padding-right: 3.4375vw;
        padding-right: calc(var(--vw, 1vw)*3.4375)
    }

    .pt-75rpx {
        padding-top: 3.9063vw;
        padding-top: calc(var(--vw, 1vw)*3.9063)
    }

    .pb-240rpx {
        padding-bottom: 12.5vw;
        padding-bottom: calc(var(--vw, 1vw)*12.5)
    }

    .pt-110rpx {
        padding-top: 5.7292vw;
        padding-top: calc(var(--vw, 1vw)*5.7292)
    }

    .pb-63rpx {
        padding-bottom: 3.2813vw;
        padding-bottom: calc(var(--vw, 1vw)*3.2813)
    }

    .pt-160rpx {
        padding-top: 8.3333vw;
        padding-top: calc(var(--vw, 1vw)*8.3333)
    }

    .pb-128rpx {
        padding-bottom: 6.6667vw;
        padding-bottom: calc(var(--vw, 1vw)*6.6667)
    }

    .pb-10rpx {
        padding-bottom: .5208vw;
        padding-bottom: calc(var(--vw, 1vw)*.5208)
    }

    .pt-220rpx {
        padding-top: 11.4583vw;
        padding-top: calc(var(--vw, 1vw)*11.4583)
    }

    .pb-241rpx {
        padding-bottom: 12.5521vw;
        padding-bottom: calc(var(--vw, 1vw)*12.5521)
    }

    .pt-180rpx {
        padding-top: 9.375vw;
        padding-top: calc(var(--vw, 1vw)*9.375)
    }

    .pb-192rpx {
        padding-bottom: 10vw;
        padding-bottom: calc(var(--vw, 1vw)*10)
    }

    .pt-216rpx {
        padding-top: 11.25vw;
        padding-top: calc(var(--vw, 1vw)*11.25)
    }

    .left-200rpx {
        left: 10.4167vw;
        left: calc(var(--vw, 1vw)*10.4167)
    }

    .left-306rpx {
        left: 15.9375vw;
        left: calc(var(--vw, 1vw)*15.9375)
    }

    .left-362rpx {
        left: 18.8542vw;
        left: calc(var(--vw, 1vw)*18.8542)
    }

    .top-231rpx {
        top: 12.0313vw;
        top: calc(var(--vw, 1vw)*12.0313)
    }

    .left-350rpx {
        left: 18.2292vw;
        left: calc(var(--vw, 1vw)*18.2292)
    }

    .top-241rpx {
        top: 12.5521vw;
        top: calc(var(--vw, 1vw)*12.5521)
    }

    .left-631rpx {
        left: 32.8646vw;
        left: calc(var(--vw, 1vw)*32.8646)
    }

    .right-420rpx {
        right: 21.875vw;
        right: calc(var(--vw, 1vw)*21.875)
    }

    .right-287rpx {
        right: 14.9479vw;
        right: calc(var(--vw, 1vw)*14.9479)
    }

    .right-171rpx {
        right: 8.9063vw;
        right: calc(var(--vw, 1vw)*8.9063)
    }

    .right-480rpx {
        right: 25vw;
        right: calc(var(--vw, 1vw)*25)
    }

    .left-1195rpx {
        left: 62.2396vw;
        left: calc(var(--vw, 1vw)*62.2396)
    }

    .left-160rpx {
        left: 8.3333vw;
        left: calc(var(--vw, 1vw)*8.3333)
    }

    .top-88rpx {
        top: 4.5833vw;
        top: calc(var(--vw, 1vw)*4.5833)
    }

    .left-80rpx {
        left: 4.1667vw;
        left: calc(var(--vw, 1vw)*4.1667)
    }

    .right-80rpx {
        right: 4.1667vw;
        right: calc(var(--vw, 1vw)*4.1667)
    }

    .-top-80rpx {
        top: -4.1667vw;
        top: calc(var(--vw, 1vw)*-4.1667)
    }

    .top-398rpx {
        top: 20.7292vw;
        top: calc(var(--vw, 1vw)*20.7292)
    }

    .right-11rpx {
        right: .5729vw;
        right: calc(var(--vw, 1vw)*.5729)
    }

    .top-121rpx {
        top: 6.3021vw;
        top: calc(var(--vw, 1vw)*6.3021)
    }

    .bottom-20rpx {
        bottom: 1.0417vw;
        bottom: calc(var(--vw, 1vw)*1.0417)
    }

    .right-156rpx {
        right: 8.125vw;
        right: calc(var(--vw, 1vw)*8.125)
    }

    .bottom-128rpx {
        bottom: 6.6667vw;
        bottom: calc(var(--vw, 1vw)*6.6667)
    }

    .w-320rpx {
        width: 16.6667vw;
        width: calc(var(--vw, 1vw)*16.6667)
    }

    .w-1300rpx {
        width: 67.7083vw;
        width: calc(var(--vw, 1vw)*67.7083)
    }

    .w-565rpx {
        width: 29.4271vw;
        width: calc(var(--vw, 1vw)*29.4271)
    }

    .w-600rpx {
        width: 31.25vw;
        width: calc(var(--vw, 1vw)*31.25)
    }

    .w-14rpx {
        width: .7292vw;
        width: calc(var(--vw, 1vw)*.7292)
    }

    .w-743rpx {
        width: 38.6979vw;
        width: calc(var(--vw, 1vw)*38.6979)
    }

    .w-16rpx {
        width: .8333vw;
        width: calc(var(--vw, 1vw)*.8333)
    }

    .w-500rpx {
        width: 26.0417vw;
        width: calc(var(--vw, 1vw)*26.0417)
    }

    .w-1905rpx {
        width: 99.2188vw;
        width: calc(var(--vw, 1vw)*99.2188)
    }

    .w-520rpx {
        width: 27.0833vw;
        width: calc(var(--vw, 1vw)*27.0833)
    }

    .w-400rpx {
        width: 20.8333vw;
        width: calc(var(--vw, 1vw)*20.8333)
    }

    .w-1600rpx {
        width: 83.3333vw;
        width: calc(var(--vw, 1vw)*83.3333)
    }

    .w-540rpx {
        width: 28.125vw;
        width: calc(var(--vw, 1vw)*28.125)
    }

    .w-30rpx {
        width: 1.5625vw;
        width: calc(var(--vw, 1vw)*1.5625)
    }

    .w-960rpx {
        width: 50vw;
        width: calc(var(--vw, 1vw)*50)
    }

    .w-60rpx {
        width: 3.125vw;
        width: calc(var(--vw, 1vw)*3.125)
    }

    .w-1440rpx {
        width: 75vw;
        width: calc(var(--vw, 1vw)*75)
    }

    .w-470rpx {
        width: 24.4792vw;
        width: calc(var(--vw, 1vw)*24.4792)
    }

    .w-890rpx {
        width: 46.3542vw;
        width: calc(var(--vw, 1vw)*46.3542)
    }

    .w-42rpx {
        width: 2.1875vw;
        width: calc(var(--vw, 1vw)*2.1875)
    }

    .w-86rpx {
        width: 4.4792vw;
        width: calc(var(--vw, 1vw)*4.4792)
    }

    .w-493rpx {
        width: 25.6771vw;
        width: calc(var(--vw, 1vw)*25.6771)
    }

    .w-1280rpx {
        width: 66.6667vw;
        width: calc(var(--vw, 1vw)*66.6667)
    }

    .w-1920rpx {
        width: 100vw;
        width: calc(var(--vw, 1vw)*100)
    }

    .w-1284rpx {
        width: 66.875vw;
        width: calc(var(--vw, 1vw)*66.875)
    }

    .w-580rpx {
        width: 30.2083vw;
        width: calc(var(--vw, 1vw)*30.2083)
    }

    .w-843rpx {
        width: 43.9063vw;
        width: calc(var(--vw, 1vw)*43.9063)
    }

    .w-106rpx {
        width: 5.5208vw;
        width: calc(var(--vw, 1vw)*5.5208)
    }

    .w-756rpx {
        width: 39.375vw;
        width: calc(var(--vw, 1vw)*39.375)
    }

    .w-105rpx {
        width: 5.4688vw;
        width: calc(var(--vw, 1vw)*5.4688)
    }

    .w-63rpx {
        width: 3.2813vw;
        width: calc(var(--vw, 1vw)*3.2813)
    }

    .w-131rpx {
        width: 6.8229vw;
        width: calc(var(--vw, 1vw)*6.8229)
    }

    .w-219\.34rpx {
        width: 11.424vw;
        width: calc(var(--vw, 1vw)*11.424)
    }

    .w-1900rpx {
        width: 98.9583vw;
        width: calc(var(--vw, 1vw)*98.9583)
    }

    .w-1121rpx {
        width: 58.3854vw;
        width: calc(var(--vw, 1vw)*58.3854)
    }

    .w-484rpx {
        width: 25.2083vw;
        width: calc(var(--vw, 1vw)*25.2083)
    }

    .w-380rpx {
        width: 19.7917vw;
        width: calc(var(--vw, 1vw)*19.7917)
    }

    .w-94rpx {
        width: 4.8958vw;
        width: calc(var(--vw, 1vw)*4.8958)
    }

    .w-1140rpx {
        width: 59.375vw;
        width: calc(var(--vw, 1vw)*59.375)
    }

    .w-900rpx {
        width: 46.875vw;
        width: calc(var(--vw, 1vw)*46.875)
    }

    .w-64rpx {
        width: 3.3333vw;
        width: calc(var(--vw, 1vw)*3.3333)
    }

    .w-440rpx {
        width: 22.9167vw;
        width: calc(var(--vw, 1vw)*22.9167)
    }

    .w-640rpx {
        width: 33.3333vw;
        width: calc(var(--vw, 1vw)*33.3333)
    }

    .w-590rpx {
        width: 30.7292vw;
        width: calc(var(--vw, 1vw)*30.7292)
    }

    .w-660rpx {
        width: 34.375vw;
        width: calc(var(--vw, 1vw)*34.375)
    }

    .w-650rpx {
        width: 33.8542vw;
        width: calc(var(--vw, 1vw)*33.8542)
    }

    .w-1660rpx {
        width: 86.4583vw;
        width: calc(var(--vw, 1vw)*86.4583)
    }

    .w-310rpx {
        width: 16.1458vw;
        width: calc(var(--vw, 1vw)*16.1458)
    }

    .w-247rpx {
        width: 12.8646vw;
        width: calc(var(--vw, 1vw)*12.8646)
    }

    .w-655rpx {
        width: 34.1146vw;
        width: calc(var(--vw, 1vw)*34.1146)
    }

    .w-164rpx {
        width: 8.5417vw;
        width: calc(var(--vw, 1vw)*8.5417)
    }

    .w-143rpx {
        width: 7.4479vw;
        width: calc(var(--vw, 1vw)*7.4479)
    }

    .w-171rpx {
        width: 8.9063vw;
        width: calc(var(--vw, 1vw)*8.9063)
    }

    .w-620rpx {
        width: 32.2917vw;
        width: calc(var(--vw, 1vw)*32.2917)
    }

    .w-1245rpx {
        width: 64.8438vw;
        width: calc(var(--vw, 1vw)*64.8438)
    }

    .w-2000rpx {
        width: 104.1667vw;
        width: calc(var(--vw, 1vw)*104.1667)
    }

    .w-586rpx {
        width: 30.5208vw;
        width: calc(var(--vw, 1vw)*30.5208)
    }

    .w-510rpx {
        width: 26.5625vw;
        width: calc(var(--vw, 1vw)*26.5625)
    }

    .w-344rpx {
        width: 17.9167vw;
        width: calc(var(--vw, 1vw)*17.9167)
    }

    .w-276rpx {
        width: 14.375vw;
        width: calc(var(--vw, 1vw)*14.375)
    }

    .w-235rpx {
        width: 12.2396vw;
        width: calc(var(--vw, 1vw)*12.2396)
    }

    .w-219rpx {
        width: 11.4063vw;
        width: calc(var(--vw, 1vw)*11.4063)
    }

    .w-490rpx {
        width: 25.5208vw;
        width: calc(var(--vw, 1vw)*25.5208)
    }

    .w-417rpx {
        width: 21.7188vw;
        width: calc(var(--vw, 1vw)*21.7188)
    }

    .w-420rpx {
        width: 21.875vw;
        width: calc(var(--vw, 1vw)*21.875)
    }

    .gap-67rpx {
        grid-gap: 3.4896vw;
        grid-gap: calc(var(--vw, 1vw)*3.4896);
        gap: 3.4896vw;
        gap: calc(var(--vw, 1vw)*3.4896)
    }

    .gap-78rpx {
        grid-gap: 4.0625vw;
        grid-gap: calc(var(--vw, 1vw)*4.0625);
        gap: 4.0625vw;
        gap: calc(var(--vw, 1vw)*4.0625)
    }

    .gap-40rpx {
        grid-gap: 2.0833vw;
        grid-gap: calc(var(--vw, 1vw)*2.0833);
        gap: 2.0833vw;
        gap: calc(var(--vw, 1vw)*2.0833)
    }

    .gap-x-80rpx {
        grid-column-gap: 4.1667vw;
        grid-column-gap: calc(var(--vw, 1vw)*4.1667);
        -webkit-column-gap: 4.1667vw;
        -webkit-column-gap: calc(var(--vw, 1vw)*4.1667);
        -moz-column-gap: 4.1667vw;
        -moz-column-gap: calc(var(--vw, 1vw)*4.1667);
        column-gap: 4.1667vw;
        column-gap: calc(var(--vw, 1vw)*4.1667)
    }

    .gap-x-50rpx {
        grid-column-gap: 2.6042vw;
        grid-column-gap: calc(var(--vw, 1vw)*2.6042);
        -webkit-column-gap: 2.6042vw;
        -webkit-column-gap: calc(var(--vw, 1vw)*2.6042);
        -moz-column-gap: 2.6042vw;
        -moz-column-gap: calc(var(--vw, 1vw)*2.6042);
        column-gap: 2.6042vw;
        column-gap: calc(var(--vw, 1vw)*2.6042)
    }

    .gap-y-40rpx {
        grid-row-gap: 2.0833vw;
        grid-row-gap: calc(var(--vw, 1vw)*2.0833);
        -webkit-row-gap: 2.0833vw;
        -webkit-row-gap: calc(var(--vw, 1vw)*2.0833);
        -moz-row-gap: 2.0833vw;
        -moz-row-gap: calc(var(--vw, 1vw)*2.0833);
        row-gap: 2.0833vw;
        row-gap: calc(var(--vw, 1vw)*2.0833)
    }

    .pc\:flex {
        display: flex
    }

    .pc\:flex-col {
        flex-direction: column
    }

    .pc\:items-start {
        align-items: flex-start
    }

    .pc\:items-center {
        align-items: center
    }

    .pc\:justify-center {
        justify-content: center
    }

    .pc\:justify-between {
        justify-content: space-between
    }

    .pc\:h-full {
        height: 100%
    }

    .pc\:h-200vh {
        height: 200vh;
        height: calc(var(--vh, 1vh)*200)
    }

    .pc\:h-100vh {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100)
    }

    .pc\:text-14 {
        line-height: 150%
    }

    .pc\:ml-\[calc\(69\.53vw-123\.6vh\)\] {
        margin-left: calc(69.53vw - 123.6vh);
        margin-left: calc(var(--vw, 1vw)*69.53 - var(--vh, 1vh)*123.6)
    }

    .pc\:-mt-340vh {
        margin-top: -340vh;
        margin-top: calc(var(--vh, 1vh)*-340)
    }

    .pc\:-mt-60vh {
        margin-top: -60vh;
        margin-top: calc(var(--vh, 1vh)*-60)
    }

    .pc\:-mt-100vh {
        margin-top: -100vh;
        margin-top: calc(var(--vh, 1vh)*-100)
    }

    .pc\:overflow-hidden {
        overflow: hidden
    }

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

    .pc\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .pc\:bottom-12vh {
        bottom: 12vh;
        bottom: calc(var(--vh, 1vh)*12)
    }

    .pc\:top-0 {
        top: 0
    }

    .pc\:top-5vh {
        top: 5vh;
        top: calc(var(--vh, 1vh)*5)
    }

    .pc\:top-33vh {
        top: 33vh;
        top: calc(var(--vh, 1vh)*33)
    }

    .pc\:text-center {
        text-align: center
    }

    .pc\:w-full {
        width: 100%
    }

    .pc\:w-177vh {
        width: 177vh;
        width: calc(var(--vh, 1vh)*177)
    }

    .pc\:text-14 {
        font-size: .7292vw;
        font-size: calc(var(--vw, 1vw)*.7292)
    }
}

.zn--wrapper {
    font-weight: 400
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

.zn--wrapper {
    font-size: 16px
}

.zn--wrapper * {
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status], .zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    background-size: cover
}

.zn--wrapper br {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, "sans-serif"
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.g--popup .g--popup-container {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.g--popup .g--video-wrapper {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 75%
}

.video-portrait.g--popup .g--video-wrapper {
    height: 100%;
    margin-top: 0;
    padding: 32px 0;
    width: 100%
}

.g--popup .g--video-wrapper video {
    height: 100%;
    outline: none;
    width: 100%
}

.video-portrait.g--popup .g--video-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.g--popup .g--video-wrapper video[src=""] {
    display: none
}

.g--popup .g--popup-close {
    cursor: pointer;
    margin-left: auto;
    position: absolute;
    right: 0;
    z-index: 2
}

.g--popup .g--popup-close polygon {
    fill: #fff
}

.video-portrait.g--popup .g--popup-close {
    top: 8px
}

.g--popup .g--popup-close .inner {
    height: 100%;
    width: 100%
}

.g--popup .container {
    background: #000
}

.g--popup .container .close polygon {
    fill: #fff
}

.g--popup .container[data-theme=white] {
    background: #fff
}

.g--popup .container[data-theme=white] .close polygon {
    fill: #000
}

[ani-clip-in-trigger] {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    display: inline-block
}

.ani-clip-in {
    clip-path: inset(0) !important;
    -webkit-clip-path: inset(0) !important;
    transition: clip-path 1s cubic-bezier(.77, 0, .175, 1), -webkit-clip-path 1s cubic-bezier(.77, 0, .175, 1)
}

.ani-clip-in-trigger-class {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    display: inline-block
}

.ani-clip-in-trigger-class.ani-clip-in {
    clip-path: inset(0);
    -webkit-clip-path: inset(0);
    transition: clip-path 1s cubic-bezier(.77, 0, .175, 1) .2s, -webkit-clip-path 1s cubic-bezier(.77, 0, .175, 1) .2s
}

.ani-opacity-in {
    opacity: 1 !important;
    transition: .5s
}

.hover-arr-wrapper .hover-arr {
    transition: .5s
}

#section-vooc .sticky-container {
    height: 300vh;
    height: calc(var(--vh, 1vh)*300);
    position: relative;
    width: 100%
}

#section-vooc .sticky-container .content-wrapper {
    position: absolute;
    z-index: 2
}

#section-vooc .sticky-container .content-wrapper .title-wrapper {
    display: inline-block
}

#section-vooc .sticky-container .content-wrapper .content-container {
    position: absolute
}

#section-vooc .sticky-container .content-wrapper .content-container .vooc-150-wrapper {
    overflow: hidden;
    position: relative
}

#section-vooc .sticky-container .content-wrapper .content-container .vooc-150-wrapper .vooc-150-bg {
    background: -webkit-repeating-linear-gradient(0deg, #fff, #bababa, #757575, #0a0a0a, #0a0a0a);
    background-repeat: no-repeat;
    background-size: 100%;
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: 1px;
    width: 250%;
    z-index: 1
}

#section-vooc .sticky-container .content-wrapper .content-container .vooc-150-wrapper .vooc-150 {
    height: auto;
    left: -2px;
    position: relative;
    top: 0;
    width: calc(100% + 4px);
    z-index: 2
}

#section-vooc .sticky-container .content-wrapper .content-container.container-1 {
    left: 0;
    top: 60vh;
    top: calc(var(--vh, 1vh)*60)
}

#section-vooc .sticky-container .content-wrapper .content-container.container-2 {
    right: 29.35vh;
    right: calc(var(--vh, 1vh)*29.35);
    top: 150vh;
    top: calc(var(--vh, 1vh)*150)
}

#section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-text-32 {
    letter-spacing: -6%
}

#section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-bar {
    position: relative
}

#section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-bar .text {
    line-height: 1.1;
    position: relative;
    z-index: 2
}

#section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-bar .bar {
    background: linear-gradient(90deg, #d9d9d9, hsla(0, 0%, 85%, 0));
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(180deg);
    width: 100%;
    z-index: 1
}

#section-vooc .sticky-container .content-wrapper .content-container.container-3 {
    bottom: 15vh;
    bottom: calc(var(--vh, 1vh)*15);
    right: 29.35vh;
    right: calc(var(--vh, 1vh)*29.35)
}

#section-vooc .sticky-container .sticky-item {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1
}

#section-vooc .sticky-container .sticky-item .mo-shadow {
    background: linear-gradient(180deg, #000, transparent);
    height: 50vh;
    height: calc(var(--vh, 1vh)*50);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 3
}

#section-vooc .sticky-container .sticky-item .bg {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 178vh;
    width: calc(var(--vh, 1vh)*178);
    z-index: 1
}

#section-vooc .sticky-container .sticky-item .bg.show {
    opacity: 1;
    transition: opacity .5s ease
}

#section-vooc .sticky-container .sticky-item .shadow {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper {
    height: 130.37vh;
    height: calc(var(--vh, 1vh)*130.37);
    left: 0;
    position: absolute;
    top: -20.185vh;
    top: calc(var(--vh, 1vh)*-20.185);
    width: 115vh;
    width: calc(var(--vh, 1vh)*115);
    z-index: 2
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone-container0 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone-0 {
    z-index: 5
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-1 {
    transform: translateY(60.28vh);
    transform: translateY(calc(var(--vh, 1vh)*60.28));
    z-index: 6
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-2 {
    transform: translateY(37.69vh);
    transform: translateY(calc(var(--vh, 1vh)*37.69));
    z-index: 5
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-3 {
    transform: translate(6.3vh) translateY(20.93vh);
    transform: translate(calc(var(--vh, 1vh)*6.3)) translateY(calc(var(--vh, 1vh)*20.93));
    z-index: 4
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-4 {
    z-index: 3
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-5 {
    transform: translateY(-23.7vh);
    transform: translateY(calc(var(--vh, 1vh)*-23.7));
    z-index: 2
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.line {
    left: -9vh;
    left: calc(var(--vh, 1vh)*-9);
    width: 124.07vh;
    width: calc(var(--vh, 1vh)*124.07);
    z-index: 6
}

#section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.line.line-head {
    z-index: 4
}

#section-vooc .part-2 .card-wrapper {
    position: relative;
    z-index: 2
}

#section-vooc .part-2 .card-wrapper .card-img {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

#section-vooc .part-2 .card-wrapper .card-content {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2
}

#section-kv [ani-kv-title] .flex:first-child {
    justify-content: center
}

#section-kv .kv-title-wrapper {
    text-align: center
}

#section-kv .ksp-cover {
    background: #000;
    opacity: .5;
    position: absolute;
    z-index: 0
}

#section-kv .kv-title-wrapper {
    transition: clip-path 1s cubic-bezier(.77, 0, .175, 1) .2s, -webkit-clip-path 1s cubic-bezier(.77, 0, .175, 1) .2s
}

#section-kv .kv-title-wrapper.active {
    clip-path: inset(0);
    -webkit-clip-path: inset(0)
}

#section-kv .cursor {
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    z-index: 9
}

#section-kv .cursor img {
    transform: translate(-50%, -50%)
}

#section-kv a {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAABaADAAQAAAABAAAABQAAAABcYj7LAAAADElEQVQIHWNgoBMAAABpAAGDG4YMAAAAAElFTkSuQmCC), auto
}

#section-kv .hover-text {
    color: #cacaca;
    opacity: .7;
    transition: .5s
}

#section-kv .hover-text:hover {
    color: #fff;
    opacity: 1
}

#section-kv .mo-phone {
    -webkit-animation: ty 1.5s .5s;
    animation: ty 1.5s .5s
}

@-webkit-keyframes ty {
    to {
        transform: translateY(0)
    }
}

@keyframes ty {
    to {
        transform: translateY(0)
    }
}

#section-design {
    margin-top: 100vh;
    margin-top: calc(var(--vh, 1vh)*100)
}

#section-design.move {
    margin-top: -100vh;
    margin-top: calc(var(--vh, 1vh)*-100)
}

#section-design .left-wrapper img, #section-design .right-wrapper img {
    -o-object-fit: cover;
    object-fit: cover
}

#section-design [ani-art-pos] {
    transform: scale(1.1)
}

#section-design .black-before-phone, #section-design .green-before-phone {
    opacity: 0
}

#section-design .left-wrapper, #section-design .right-wrapper {
    overflow: hidden
}

#section-design .left-wrapper canvas, #section-design .right-wrapper canvas {
    transform: scale(1.1)
}

#section-design .bottom-cover, #section-design .right-cover {
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#section-design .bottom-cover.active, #section-design .right-cover.active {
    opacity: 1
}

#section-design .after-wrapper .core:nth-child(3) {
    bottom: 31.85185185185185vh;
    bottom: calc(var(--vh, 1vh)*31.85185);
    height: 15.648148148148147vh;
    height: calc(var(--vh, 1vh)*15.64815);
    right: 47.129629629629626vh;
    right: calc(var(--vh, 1vh)*47.12963);
    width: 15.925925925925926vh;
    width: calc(var(--vh, 1vh)*15.92593)
}

#section-design [ani-design-clip] {
    overflow: hidden;
    transform: translateZ(0);
    transform-origin: center top
}

#section-design .shadow-1 {
    position: absolute;
    width: 100%
}

#section-design .shadow-2 {
    bottom: 0;
    position: absolute
}

#section-design .select {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative
}

#section-design .select .border {
    border-radius: 50%;
    height: 100%;
    position: absolute;
    width: 100%
}

#section-design .select .inner {
    border-radius: 50%
}

#section-design .select-black .border {
    border: 1px solid #3f3f3f
}

#section-design .select-black .inner {
    background: linear-gradient(90deg, #3f3f3f, #000)
}

#section-design .select-green .border {
    border: 1px solid #9cd7be
}

#section-design .select-green .inner {
    background: radial-gradient(82.89% 82.89% at 19.74% 10.53%, #e1f3ea 0, #9cd7be 100%)
}

#section-design .design-btn-border, #section-design .design-left-img, #section-design .design-right-img, #section-design .design-text, #section-design .shadow-black, #section-design .shadow-green {
    opacity: 0
}

#section-design[data-color=black] .black-before-phone, #section-design[data-color=black] .design-btn-border-black, #section-design[data-color=black] .design-left-img-black, #section-design[data-color=black] .design-right-img-black, #section-design[data-color=black] .design-text-black, #section-design[data-color=black] .shadow-black {
    opacity: 1;
    transition: .5s
}

#section-design[data-color=black] .design-left-img-black canvas, #section-design[data-color=black] .design-right-img-black canvas {
    transform: scale(1);
    transition: .5s
}

#section-design[data-color=black] .design-left-img-black [ani-art-pos], #section-design[data-color=black] .design-right-img-black [ani-art-pos] {
    transform: scale(1);
    transition: .5s
}

#section-design[data-color=black] .new-cover {
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, .3) 30%, transparent)
}

#section-design[data-color=green] .design-btn-border-green, #section-design[data-color=green] .design-left-img-green, #section-design[data-color=green] .design-right-img-green, #section-design[data-color=green] .design-text-green, #section-design[data-color=green] .green-before-phone, #section-design[data-color=green] .shadow-green {
    opacity: 1;
    transition: .5s
}

#section-design[data-color=green] .design-left-img-green canvas, #section-design[data-color=green] .design-right-img-green canvas {
    transform: scale(1);
    transition: .5s
}

#section-design[data-color=green] .design-left-img-green [ani-art-pos], #section-design[data-color=green] .design-right-img-green [ani-art-pos] {
    transform: scale(1);
    transition: .5s
}

#section-design #peerless-power {
    text-align: center
}

#section-design #peerless-power div {
    margin-left: 0
}

#section-linked .part-1 .p1-container {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

#section-linked .part-1 .p1-container .p1img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

#section-linked .part-1 .p1-container .p1img canvas, #section-linked .part-1 .p1-container .p1img img {
    height: 100%;
    width: 100%
}

#section-linked .part-1 .p1-container .content-wrapper {
    position: relative;
    text-align: center;
    z-index: 2
}

#section-linked .part-2 {
    position: relative;
    width: 100%
}

#section-linked .part-2 canvas {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

#section-linked .part-2 .wave-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

#section-linked .part-2 .wave-content .block-container {
    position: relative
}

#section-linked .part-2 .wave-content .block-container .block-bg {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

#section-linked .part-2 .wave-content .block-container .block-content {
    position: absolute;
    z-index: 2
}

#section-linked .part-2 .wave-content .block-container .block-content.block-title {
    line-height: 1.2
}

#section-linked .part-2 .wave-content .block-container .block-content.block-text {
    line-height: 1.5
}

#section-photo .sticky-container {
    height: 400vh;
    height: calc(var(--vh, 1vh)*400);
    position: relative;
    width: 100%
}

#section-photo .sticky-container .content-wrapper {
    left: 50%;
    position: absolute;
    top: 50vh;
    top: calc(var(--vh, 1vh)*50);
    transform: translate(-50%) translateY(-50%);
    white-space: nowrap;
    z-index: 2
}

#section-photo .sticky-container .sticky-item {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1
}

#section-photo .sticky-container .sticky-item .part-0 {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 2
}

#section-photo .sticky-container .sticky-item .part-0 .circle-wrapper {
    height: 156vh;
    height: calc(var(--vh, 1vh)*156);
    left: calc(50% - 78vh);
    left: calc(50% - var(--vh, 1vh)*78);
    position: absolute;
    top: -28vh;
    top: calc(var(--vh, 1vh)*-28);
    transform-origin: 49% 53.6%;
    width: 156vh;
    width: calc(var(--vh, 1vh)*156)
}

#section-photo .sticky-container .sticky-item .part-0 .circle-wrapper .circle {
    border: 1px solid #cacaca;
    border-radius: 50%;
    position: absolute
}

#section-photo .sticky-container .sticky-item .part-0 .circle-wrapper .circle.circle5 {
    border-width: 6px;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

#section-photo .sticky-container .sticky-item .part-0 .circle-wrapper .circle.circle4 {
    border-width: 5px;
    height: 76.2%;
    left: 11.9%;
    top: 11.9%;
    width: 76.2%
}

#section-photo .sticky-container .sticky-item .part-0 .circle-wrapper .circle.circle3 {
    border-width: 4px;
    height: 54.76%;
    left: 22.62%;
    top: 22.62%;
    width: 54.76%
}

#section-photo .sticky-container .sticky-item .part-0 .circle-wrapper .circle.circle2 {
    border-width: 3px;
    height: 39.29%;
    left: 30.355%;
    top: 30.355%;
    width: 39.29%
}

#section-photo .sticky-container .sticky-item .part-0 .circle-wrapper .circle.circle1 {
    border-width: 2px;
    height: 27.38%;
    left: 36.31%;
    top: 36.31%;
    width: 27.38%
}

#section-photo .sticky-container .sticky-item .part-1 {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

#section-photo .sticky-container .sticky-item .part-1 .shadow {
    bottom: -1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3
}

#section-photo .sticky-container .sticky-item .part-1 .phone {
    bottom: -24vh;
    bottom: calc(var(--vh, 1vh)*-24);
    height: 89vh;
    height: calc(var(--vh, 1vh)*89);
    position: absolute;
    right: calc(50% - 21.67vh);
    right: calc(50% - var(--vh, 1vh)*21.67);
    transform-origin: left bottom;
    width: 189vh;
    width: calc(var(--vh, 1vh)*189);
    z-index: 1
}

#section-photo .sticky-container .sticky-item .part-1 .target {
    border: 2px solid red;
    border-radius: 50%;
    bottom: calc(50% - 14vh);
    bottom: calc(50% - var(--vh, 1vh)*14);
    height: 18vh;
    height: calc(var(--vh, 1vh)*18);
    left: calc(50% - 32vh);
    left: calc(50% - var(--vh, 1vh)*32);
    position: absolute;
    visibility: hidden;
    width: 18vh;
    width: calc(var(--vh, 1vh)*18);
    z-index: 2
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container {
    position: absolute;
    right: calc(50% - 65vh);
    right: calc(50% - var(--vh, 1vh)*65);
    text-align: right;
    z-index: 2
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container .line {
    background-color: #cacaca
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container .line.line1 {
    left: 0;
    position: absolute;
    width: 1px
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container .line.line2 {
    height: 1px
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container .len-detail {
    line-height: 1
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container .len-detail.detail-1, #section-photo .sticky-container .sticky-item .part-1 .lens-container .len-detail.detail-2 {
    font-size: 3.7vh;
    font-size: calc(var(--vh, 1vh)*3.7)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 {
    bottom: 48.8vh;
    bottom: calc(var(--vh, 1vh)*48.8)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 .line1 {
    bottom: .5vh;
    bottom: calc(var(--vh, 1vh)*.5);
    height: 7.6vh;
    height: calc(var(--vh, 1vh)*7.6)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 .line2 {
    margin: 1.67vh 0 1.11vh;
    margin: calc(var(--vh, 1vh)*1.67) 0 calc(var(--vh, 1vh)*1.11);
    width: 66.48vh;
    width: calc(var(--vh, 1vh)*66.48)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 .detail-2 {
    padding-bottom: 3.15vh;
    padding-bottom: calc(var(--vh, 1vh)*3.15)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 {
    bottom: 32.37vh;
    bottom: calc(var(--vh, 1vh)*32.37)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .detail-1 {
    padding-bottom: 1.67vh;
    padding-bottom: calc(var(--vh, 1vh)*1.67)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .detail-2 {
    padding-top: 1.11vh;
    padding-top: calc(var(--vh, 1vh)*1.11)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .line1 {
    height: 3.56vh;
    height: calc(var(--vh, 1vh)*3.56);
    top: 1.8vh;
    top: calc(var(--vh, 1vh)*1.8)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .line2 {
    width: 88vh;
    width: calc(var(--vh, 1vh)*88)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-3 {
    bottom: 15.83vh;
    bottom: calc(var(--vh, 1vh)*15.83)
}

#section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-3 .line2 {
    margin: 1.67vh 0 1.11vh;
    margin: calc(var(--vh, 1vh)*1.67) 0 calc(var(--vh, 1vh)*1.11);
    width: 84vh;
    width: calc(var(--vh, 1vh)*84)
}

#section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper {
    bottom: 68vh;
    bottom: calc(var(--vh, 1vh)*68);
    left: 52.31vh;
    left: calc(var(--vh, 1vh)*52.31);
    position: absolute;
    width: 46vh;
    width: calc(var(--vh, 1vh)*46);
    z-index: 2
}

#section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper .title {
    font-size: 4.44vh;
    font-size: calc(var(--vh, 1vh)*4.44);
    white-space: nowrap
}

#section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper .text {
    font-size: 1.85vh;
    font-size: calc(var(--vh, 1vh)*1.85);
    line-height: 1.5;
    margin-top: 3vh;
    margin-top: calc(var(--vh, 1vh)*3)
}

#section-photo .sticky-container .sticky-item .part-2 {
    align-items: center;
    display: flex;
    height: 100%;
    left: calc(59.5vh + 50vw);
    left: calc(var(--vh, 1vh)*59.5 + 50vw);
    left: calc(59.5vh + var(--vw, 1vw)*50);
    left: calc(var(--vh, 1vh)*59.5 + var(--vw, 1vw)*50);
    position: absolute;
    top: 0;
    z-index: 2
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en {
    display: flex
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .img-1 {
    height: 32.59vh;
    height: calc(var(--vh, 1vh)*32.59);
    width: 43.52vh;
    width: calc(var(--vh, 1vh)*43.52)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .img-2 {
    height: 43.8vh;
    height: calc(var(--vh, 1vh)*43.8);
    margin-top: 7.78vh;
    margin-top: calc(var(--vh, 1vh)*7.78);
    width: 32.87vh;
    width: calc(var(--vh, 1vh)*32.87)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .block-1 {
    display: flex;
    margin-top: 5.5vh;
    margin-top: calc(var(--vh, 1vh)*5.5)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .block-1 .content {
    margin-top: 39.1vh;
    margin-top: calc(var(--vh, 1vh)*39.1)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .block-1 .img-3 {
    height: 53.8vh;
    height: calc(var(--vh, 1vh)*53.8);
    width: 41.02vh;
    width: calc(var(--vh, 1vh)*41.02)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block .title {
    font-size: 3.33vh;
    font-size: calc(var(--vh, 1vh)*3.33)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block .text {
    color: #cacaca;
    font-size: 1.85vh;
    font-size: calc(var(--vh, 1vh)*1.85)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block .img {
    width: 100%
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block.block-2 {
    width: 56.57vh;
    width: calc(var(--vh, 1vh)*56.57)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block.block-2 .img {
    height: 42.41vh;
    height: calc(var(--vh, 1vh)*42.41)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block.block-2 .content {
    margin-top: 2.87vh;
    margin-top: calc(var(--vh, 1vh)*2.87)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block.block-3 {
    width: 56.57vh;
    width: calc(var(--vh, 1vh)*56.57)
}

#section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block.block-3 .img {
    height: 42.41vh;
    height: calc(var(--vh, 1vh)*42.41);
    margin-top: 3.47vh;
    margin-top: calc(var(--vh, 1vh)*3.47)
}

#section-display .sticky-container {
    height: 200vh;
    height: calc(var(--vh, 1vh)*200);
    position: relative;
    width: 100%
}

#section-display .sticky-container .main-title {
    position: absolute;
    z-index: 1
}

#section-display .sticky-container .content-wrapper {
    position: absolute;
    top: 140vh;
    top: calc(var(--vh, 1vh)*140);
    z-index: 3
}

#section-display .sticky-container .sticky-item {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2
}

#section-display .sticky-container .sticky-item .phone {
    height: 98.29vh;
    height: calc(var(--vh, 1vh)*98.29);
    left: -59vh;
    left: calc(var(--vh, 1vh)*-59);
    position: absolute;
    top: -37vh;
    top: calc(var(--vh, 1vh)*-37);
    width: 177vh;
    width: calc(var(--vh, 1vh)*177);
    z-index: 2
}

#section-display .sticky-container .sticky-item .shadow {
    height: 85.2vh;
    height: calc(var(--vh, 1vh)*85.2);
    left: -7vh;
    left: calc(var(--vh, 1vh)*-7);
    opacity: 0;
    position: absolute;
    top: 17vh;
    top: calc(var(--vh, 1vh)*17);
    width: 147.5vh;
    width: calc(var(--vh, 1vh)*147.5);
    z-index: 1
}

#section-display .sticky-container .sticky-item .shadow.show {
    opacity: 1;
    transition: opacity .5s ease
}

#section-chill .right-cover {
    background: linear-gradient(270deg, #000 44.99%, transparent);
    opacity: 0;
    right: 0
}

#section-chill .left-cover {
    background: linear-gradient(90deg, #000 39.08%, rgba(0, 0, 0, .5) 84.31%);
    opacity: 0
}

#section-chill img {
    transition: opacity .5s
}

#section-chill .sm-outer-wrapper {
    opacity: 0;
    transition: opacity .5s
}

#section-chill .sm-outer-wrapper.active {
    opacity: 1;
    transition: opacity .5s .5s
}

#section-chill.before .rect-wrapper {
    transform: scale(1) translateY(0)
}

#section-chill.active .left-cover, #section-chill.active .right-cover {
    opacity: 1;
    transition: .5s .5s
}

#section-chill.active .rect {
    transform: translate(0);
    transition: .75s
}

#section-chill.active .rect-4 .before {
    opacity: 0
}

#section-chill.active .rect-4 .after {
    opacity: 1
}

#section-chill.active .rect-box:first-child .before, #section-chill.active .rect-box:nth-child(2) .before, #section-chill.active .rect-box:nth-child(4) .before, #section-chill.active .rect-box:nth-child(6) .before, #section-chill.active .rect-box:nth-child(8) .before, #section-chill.active .rect-box:nth-child(9) .before {
    opacity: 0
}

#section-chill.active .rect-box:first-child .after, #section-chill.active .rect-box:nth-child(2) .after, #section-chill.active .rect-box:nth-child(4) .after, #section-chill.active .rect-box:nth-child(6) .after, #section-chill.active .rect-box:nth-child(8) .after, #section-chill.active .rect-box:nth-child(9) .after {
    opacity: 1
}

#section-chill .rect-wrapper {
    position: relative
}

#section-chill .rect {
    position: absolute;
    transition: .5s
}

#section-chill .rect-box:first-child {
    bottom: 0;
    left: 0;
    position: absolute
}

#section-chill .rect-1 {
    height: 100%;
    width: 100%
}

#section-chill .rect-4 .after, #section-chill .rect-4 .before {
    opacity: 0;
    transition: .5s
}

#section-chill .rect-9 {
    right: 0;
    top: 0;
    z-index: 9
}

#section-hyper .fast-and-smooth .d {
    letter-spacing: -.04em
}

#section-hyper [ani-opacity-in] {
    opacity: 0
}

#section-hyper [ani-opacity-in].active {
    opacity: 1;
    transition: opacity .5s
}

#section-hyper .shadows-1 {
    background: linear-gradient(180deg, #ff9b52 100%, #ffbb60 0);
    background: linear-gradient(180deg, #ff9b52 76.02%, rgba(255, 187, 96, .536));
    filter: blur(46px);
    opacity: .6
}

#section-hyper .shadows-1, #section-hyper .shadows-2 {
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

#section-hyper .shadows-2 {
    background: linear-gradient(180deg, #db8c26 24.18%, rgba(255, 209, 149, 0) 93.84%);
    filter: blur(300px)
}

#section-ram [ani-ram-text] {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

#section-ram .top-cover {
    background: linear-gradient(180deg, #000, transparent);
    transition: .5s
}

#section-ram .bottom-cover {
    background: linear-gradient(0deg, #000, transparent);
    transition: .5s
}

#zn-starry-star {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.zn--modal {
    --bg-blur: none;
    --bg-dark: #000;
    --bg-light: #fff;
    align-items: center;
    display: flex;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateY(100vh);
    transform: translateY(calc(var(--vh, 1vh)*100));
    transition: transform .4s ease-out, visibility .4s;
    visibility: hidden;
    width: 100%;
    z-index: 1030 !important
}

.zn--modal .popup-close {
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute
}

.zn--modal .popup-close:hover {
    border-color: #cacaca
}

.zn--modal.zn--modal-show {
    transform: translateY(0);
    transition: transform .4s ease-out, height .2s ease;
    visibility: visible
}

.zn--modal .zn--modal-bg {
    -webkit-backdrop-filter: var(--bg-blur);
    backdrop-filter: var(--bg-blur);
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.zn--modal .zn--modal-content {
    position: relative;
    z-index: 2
}

.zn--modal #popup-design[data-active="1"] .img-1 {
    opacity: 1;
    transition: .5s
}

.zn--modal #popup-design[data-active="1"] .img:not(.img-1) {
    opacity: 0
}

.zn--modal #popup-design[data-active="2"] .img-2 {
    opacity: 1;
    transition: .5s
}

.zn--modal #popup-design[data-active="2"] .img:not(.img-2) {
    opacity: 0
}

.zn--modal #popup-design[data-active="3"] .img-3 {
    opacity: 1;
    transition: .5s
}

.zn--modal #popup-design[data-active="3"] .img:not(.img-3) {
    opacity: 0
}

.zn--modal #popup-design[data-active="4"] .img-4 {
    opacity: 1;
    transition: .5s
}

.zn--modal #popup-design[data-active="4"] .img:not(.img-4) {
    opacity: 0
}

.zn--modal #popup-design[data-active="5"] .img-5 {
    opacity: 1;
    transition: .5s
}

.zn--modal #popup-design[data-active="5"] .img:not(.img-5) {
    opacity: 0
}

.zn--modal #popup-design .arrow.un-active {
    opacity: 0;
    pointer-events: none
}

.zn--modal #popup-design .left-arrow .border, .zn--modal #popup-design .right-arrow .border {
    opacity: 0
}

.zn--modal #popup-design .left-arrow:hover .border, .zn--modal #popup-design .right-arrow:hover .border {
    opacity: 1
}

.zn--modal #popup-design .t-black, .zn--modal #popup-design .t-green {
    opacity: 0;
    transition: .5s
}

.zn--modal #popup-design .design-modal-left-img-wrapper-black, .zn--modal #popup-design .design-modal-left-img-wrapper-green, .zn--modal #popup-design .design-modal-right-img-wrapper-black, .zn--modal #popup-design .design-modal-right-img-wrapper-green {
    transition: .5s
}

.zn--modal #popup-design[data-color=black] .t-black, .zn--modal #popup-design[data-color=black] .select-black .border, .zn--modal #popup-design[data-color=black] .design-modal-right-img-wrapper-black, .zn--modal #popup-design[data-color=black] .design-modal-left-img-wrapper-black, .zn--modal #popup-design[data-color=green] .select-green .border, .zn--modal #popup-design[data-color=green] .design-modal-right-img-wrapper-green, .zn--modal #popup-design[data-color=green] .design-modal-left-img-wrapper-green, .zn--modal #popup-design[data-color=green] .t-green {
    opacity: 1
}

.zn--modal #popup-design .select {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative
}

.zn--modal #popup-design .select .border {
    border-radius: 50%;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
}

.zn--modal #popup-design .select .inner {
    border-radius: 50%
}

.zn--modal #popup-design .select-black .border {
    border: 1px solid #3f3f3f
}

.zn--modal #popup-design .select-black .inner {
    background: linear-gradient(90deg, #3f3f3f, #000)
}

.zn--modal #popup-design .select-green .border {
    border: 1px solid #9cd7be
}

.zn--modal #popup-design .select-green .inner {
    background: radial-gradient(82.89% 82.89% at 19.74% 10.53%, #e1f3ea 0, #9cd7be 100%)
}

:not(.zn--modal)>.zn--modal-content {
    display: none
}

#section-smooth .os-wrapper .selector-wrapper .selector {
    opacity: .4
}

#section-smooth .os-wrapper .selector-wrapper .selector .s-text {
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    transition: padding-bottom .5s ease
}

#section-smooth .os-wrapper .selector-wrapper .selector .s-text .s-content {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#section-smooth .os-wrapper .content-wrapper {
    position: relative
}

#section-smooth .os-wrapper .content-wrapper .c-1, #section-smooth .os-wrapper .content-wrapper .phone-wrapper {
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .5s ease
}

#section-smooth .os-wrapper .content-wrapper .phone-wrapper .os-phone {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

#section-smooth .os-wrapper .content-wrapper .phone-wrapper .os-content {
    opacity: 0;
    position: absolute;
    transition: opacity .5s ease;
    z-index: 1
}

#section-smooth .os-wrapper[active-os="0"] .selector-wrapper .selector-1, #section-smooth .os-wrapper[active-os="0"] .content-wrapper .phone-wrapper, #section-smooth .os-wrapper[active-os="0"] .content-wrapper .phone-wrapper .os-2, #section-smooth .os-wrapper[active-os="1"] .selector-wrapper .selector-2, #section-smooth .os-wrapper[active-os="1"] .content-wrapper .phone-wrapper, #section-smooth .os-wrapper[active-os="1"] .content-wrapper .phone-wrapper .os-3, #section-smooth .os-wrapper[active-os="2"] .selector-wrapper .selector-3, #section-smooth .os-wrapper[active-os="2"] .content-wrapper .phone-wrapper, #section-smooth .os-wrapper[active-os="2"] .content-wrapper .phone-wrapper .os-4, #section-smooth .os-wrapper[active-os="3"] .selector-wrapper .selector-4, #section-smooth .os-wrapper[active-os="3"] .content-wrapper .c-1 {
    opacity: 1
}

body.zn--body-fixed {
    position: fixed
}

body sup {
    font-size: 75%;
    line-height: 0;
    top: -.5em
}

body .en-only {
    display: none
}

@media (max-width:500px), (orientation:portrait) and (min-width:100px) and (max-width:1023px) {
    .g--popup .g--popup-close {
        right: 4.4444vw;
        top: -8.8889vw
    }

    #section-vooc {
        padding-top: 11.1111vw
    }

    #section-vooc .sticky-container .content-wrapper {
        left: 5.5556vw;
        top: 13.3333vw;
        width: 88.8889vw
    }

    #section-vooc .sticky-container .content-wrapper .content-container .vooc-150-wrapper {
        margin-bottom: 2.7778vw;
        width: 50vw
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-1 {
        top: 11.1111vw
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 {
        width: 88.8889vw
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-text-32 {
        font-size: 5.5556vw
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-bar .text {
        font-size: 3.8889vw
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-bar .bar {
        border-radius: 2.7778vw 0 0 2.7778vw;
        height: 3.0556vw;
        top: .5556vw
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-3 {
        width: 88.8889vw
    }

    #section-vooc .part-2 .mo-card-wrapper[active-card="2"] .card3 .card-text, #section-vooc .part-2 .mo-card-wrapper[active-card="1"] .card2 .card-text, #section-vooc .part-2 .mo-card-wrapper[active-card="0"] .card1 .card-text {
        padding-bottom: 5.5556vw
    }

    #section-vooc .part-2 .mo-card-wrapper .card .card-text {
        font-size: 3.8889vw;
        margin-top: 1.6667vw
    }

    #section-vooc .part-2 .mo-card-wrapper .card .card-title {
        font-size: 5vw
    }

    #section-vooc .part-2 .mo-card-wrapper .mo-line {
        margin: 2.7778vw 0
    }

    #section-kv .sticky {
        top: -41.3889vw
    }

    #section-kv [ani-kv-bg-wrapper] {
        margin-bottom: 11.1111vw
    }

    #section-kv .kv-title-wrapper {
        margin-bottom: 25vw
    }

    #section-kv .mo-phone {
        top: 50.2778vw
    }

    #section-kv [ani-kv-text] {
        font-size: 5vw;
        line-height: 7.5vw;
        width: 88.8889vw
    }

    @-webkit-keyframes ty {
        0% {
            transform: translateY(27.7778vw)
        }
    }

    @keyframes ty {
        0% {
            transform: translateY(27.7778vw)
        }
    }

    #section-design [ani-zh-title] {
        margin-bottom: 22.2222vw
    }

    #section-design .mo-s-i {
        margin-top: 17.7778vw
    }

    #section-design .s-i {
        padding-top: 17.7778vw
    }

    #section-design .sticky.h-100vh {
        height: 210.3333vw;
        height: calc(var(--vw, 1vw)*177 + 33.3333vw)
    }

    #section-design .sp-text {
        margin-top: 8.8889vw
    }

    #section-design .new-cover {
        height: 38.8889vw
    }

    #section-design .left-wrapper {
        height: 36.9444vw
    }

    #section-design .right-wrapper {
        height: 48.8889vw
    }

    #section-design [ani-custom-clip-text] {
        font-size: 11.1111vw
    }

    #section-design .after-wrapper {
        margin-top: 66.6667vw
    }

    #section-design .shadow-1 {
        height: 157.5vw;
        height: 133.3333vw;
        left: -43.3333vw;
        width: 191.9444vw
    }

    #section-design .shadow-2 {
        height: 133.3333vw;
        width: 100vw
    }

    #section-design .select {
        height: 6.6667vw;
        width: 6.6667vw
    }

    #section-design .select .inner {
        height: 5vw;
        width: 5vw
    }

    #section-design #peerless-power {
        padding-left: 5.5556vw
    }

    #section-linked {
        padding-bottom: 27.2222vw;
        padding-top: 13.8889vw
    }

    #section-linked .part-1 .p1-container {
        margin: 11.1111vw auto
    }

    #section-linked .part-1 .p1-container .content-wrapper {
        width: 70vw
    }

    #section-photo .sticky-container .sticky-item .part-1 .shadow {
        height: 19.1667vw
    }

    #section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper {
        left: 5.5556vw;
        width: 91.6667vw
    }

    #section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper .text {
        margin-top: 8.3333vw
    }

    #section-display {
        margin-bottom: calc(277.7778vw - 120vh);
        margin-bottom: calc(277.7778vw - var(--vh, 1vh)*120)
    }

    #section-display .sticky-container .main-title {
        padding-left: 5.5556vw;
        padding-top: 13.8889vw
    }

    #section-display .sticky-container .content-wrapper {
        right: 5.5556vw;
        top: calc(30vh + 132.2222vw);
        top: calc(var(--vh, 1vh)*30 + 132.2222vw);
        width: 88.8889vw
    }

    #section-display .sticky-container .sticky-item .phone {
        height: 129.4444vw;
        left: -131.9444vw;
        top: -50vw;
        width: 233.3333vw
    }

    #section-display .sticky-container .sticky-item .shadow {
        height: 106.3889vw;
        left: -54.1667vw;
        top: 25.8333vw;
        width: 184.1667vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(8) .line {
        height: 22.7778vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(8) {
        bottom: 47.2222vw;
        right: 18.3333vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(7) .line {
        height: 25.5556vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(7) {
        bottom: 3.3333vw;
        right: 20.5556vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(6) .line {
        height: 28.3333vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(6) {
        bottom: -11.1111vw;
        right: 32.7778vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(5) .line {
        height: 22.7778vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(5) {
        left: 59.7222vw;
        top: 16.6667vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(4) .line {
        height: 14.4444vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(4) {
        left: 31.6667vw;
        top: 25vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:first-child .line {
        height: 23.3333vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:first-child {
        left: 16.6667vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper .line {
        width: .2778vw
    }

    #section-chill .sm-outer-wrapper .sm-wrapper {
        font-size: 3.3333vw;
        gap: 1.1111vw;
        line-height: 5.5556vw
    }

    #section-chill .rect-wrapper {
        margin-left: -10vw;
        margin-top: 27.7778vw
    }

    #section-chill .rect-box:first-child {
        height: 48.3333vw;
        width: 16.9444vw
    }

    #section-chill .rect-1 {
        transform: translate(54.4444vw, -9.4444vw)
    }

    #section-chill .rect-2 {
        height: 40.5556vw;
        left: 18.8889vw;
        top: 17.2222vw;
        transform: translate(38.8889vw, -8.3333vw);
        width: 13.3333vw
    }

    #section-chill .rect-3 {
        height: 16.6667vw;
        left: 31.1111vw;
        top: 10.5556vw;
        transform: translate(30.5556vw);
        width: 8.3333vw
    }

    #section-chill .rect-4 {
        height: 51.1111vw;
        left: 41.1111vw;
        top: 10vw;
        transform: translate(16.6667vw);
        width: 16.1111vw
    }

    #section-chill .rect-5 {
        height: 13.3333vw;
        left: 58.3333vw;
        top: 8.8889vw;
        transform: translate(-2.7778vw);
        width: 13.3333vw
    }

    #section-chill .rect-6 {
        height: 49.4444vw;
        left: 70vw;
        top: 5vw;
        transform: translate(-16.6667vw);
        width: 17.7778vw
    }

    #section-chill .rect-7 {
        height: 34.7222vw;
        left: 86.3889vw;
        top: 3.3333vw;
        transform: translate(-30.5556vw, 11.1111vw);
        width: 16.3889vw
    }

    #section-chill .rect-8 {
        height: 32.7778vw;
        right: 15.2778vw;
        top: 2.2222vw;
        transform: translate(-40.5556vw, 11.1111vw);
        width: 14.1667vw
    }

    #section-chill .rect-9 {
        height: 48.0556vw;
        right: 2.7778vw;
        transform: translate(-52.7778vw, 5.5556vw);
        width: 16.6667vw
    }

    #section-ram .sticky-container {
        margin-bottom: 25vw;
        margin-top: 17.7778vw
    }

    .zn--modal #popup-design .select {
        height: 6.6667vw;
        width: 6.6667vw
    }

    .zn--modal #popup-design .select .inner {
        height: 5vw;
        width: 5vw
    }

    #section-smooth .os-wrapper .selector-wrapper .selector {
        margin-bottom: 2.7778vw
    }

    #section-smooth .os-wrapper .selector-wrapper .selector .s-title {
        font-size: 3.8889vw;
        line-height: 5.2778vw
    }

    #section-smooth .os-wrapper .selector-wrapper .selector .s-text {
        font-size: 3.3333vw;
        line-height: 4.4444vw;
        margin-top: 1.6667vw
    }

    #section-smooth .os-wrapper .content-wrapper .c-1 {
        height: 56.9444vw;
        top: -4.1667vw;
        width: 121.3889vw
    }

    #section-smooth .os-wrapper .content-wrapper .phone-wrapper {
        height: 118.0556vw;
        top: -15.2778vw;
        width: 56.6667vw
    }

    #section-smooth .os-wrapper .content-wrapper .phone-wrapper .os-content {
        height: 108.6111vw;
        left: 3.0556vw;
        top: 5.2778vw;
        width: 48.8889vw
    }

    #section-smooth .os-wrapper[active-os="0"] .selector-wrapper .selector-1 .s-text {
        padding-bottom: 4.4444vw
    }

    #section-smooth .os-wrapper[active-os="1"] .selector-wrapper .selector-2 .s-text {
        padding-bottom: 13.3333vw
    }

    #section-smooth .os-wrapper[active-os="2"] .selector-wrapper .selector-3 .s-text {
        padding-bottom: 8.8889vw
    }

    #section-smooth .os-wrapper[active-os="3"] .selector-wrapper .selector-4 .s-text {
        padding-bottom: 4.4444vw
    }

    body .m-t, body .s-t {
        font-size: 7.7778vw
    }

    body .s-t {
        margin-bottom: 8.3333vw
    }
}

@media (max-width:720px) and (orientation:landscape) and (min-width:400px) {
    #section-photo .sticky-container .sticky-item .part-1 .lens-container {
        right: calc(50% - 50vh);
        right: calc(50% - var(--vh, 1vh)*50)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 .line2 {
        width: 52vh;
        width: calc(var(--vh, 1vh)*52)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .line2 {
        width: 73.5vh;
        width: calc(var(--vh, 1vh)*73.5)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-3 .line2 {
        width: 67vh;
        width: calc(var(--vh, 1vh)*67)
    }
}

@media (min-width:1024px), (orientation:landscape) {
    .g--popup .g--popup-close {
        height: 1.3542vw;
        height: calc(var(--vw, 1vw)*1.3542);
        top: -2.0833vw;
        top: calc(var(--vw, 1vw)*-2.0833);
        width: 1.3542vw;
        width: calc(var(--vw, 1vw)*1.3542)
    }

    .hover-arr-wrapper:hover .hover-arr {
        transform: translate(.8333vw);
        transform: translate(calc(var(--vw, 1vw)*.8333))
    }

    #section-vooc .sticky-container .content-wrapper {
        height: calc(100% - 10.4167vw);
        height: calc(100% - var(--vw, 1vw)*10.4167);
        left: 8.3333vw;
        left: calc(var(--vw, 1vw)*8.3333);
        top: 10.4167vw;
        top: calc(var(--vw, 1vw)*10.4167);
        width: calc(100% - 8.3333vw);
        width: calc(100% - var(--vw, 1vw)*8.3333)
    }

    #section-vooc .sticky-container .content-wrapper .content-container .vooc-150-wrapper {
        margin-bottom: 1.5625vw;
        margin-bottom: calc(var(--vw, 1vw)*1.5625);
        width: 26.0417vw;
        width: calc(var(--vw, 1vw)*26.0417)
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-1 .text {
        width: 20.2083vw;
        width: calc(var(--vw, 1vw)*20.2083)
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-text-32 {
        font-size: 1.6667vw;
        font-size: calc(var(--vw, 1vw)*1.6667)
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-bar .text {
        font-size: 1.0417vw;
        font-size: calc(var(--vw, 1vw)*1.0417)
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 .vooc-bar .bar {
        border-radius: .5208vw 0 0 .5208vw;
        border-radius: calc(var(--vw, 1vw)*.5208) 0 0 calc(var(--vw, 1vw)*.5208);
        height: 1.0417vw;
        height: calc(var(--vw, 1vw)*1.0417)
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-3 .text {
        width: 20.2083vw;
        width: calc(var(--vw, 1vw)*20.2083)
    }

    #section-vooc .part-2 .card-wrapper {
        height: 29.6875vw;
        height: calc(var(--vw, 1vw)*29.6875);
        width: 25vw;
        width: calc(var(--vw, 1vw)*25)
    }

    #section-vooc .part-2 .card-wrapper .card-content {
        top: 22.1354vw;
        top: calc(var(--vw, 1vw)*22.1354)
    }

    #section-vooc .part-2 .card-wrapper .card-content .card-title {
        /* font-size: 2.5vw;
        font-size: calc(var(--vw, 1vw)*2.5) */
        font-size: 2vw;
        font-size: calc(var(--vw, 1vw)*2)
    }

    #section-vooc .part-2 .card-wrapper .card-content .card-text {
        font-size: 1.0417vw;
        font-size: calc(var(--vw, 1vw)*1.0417);
        margin-top: 1.1458vw;
        margin-top: calc(var(--vw, 1vw)*1.1458)
    }

    #section-kv .w-94rpx {
        height: 3.0729vw;
        height: calc(var(--vw, 1vw)*3.0729);
        width: 4.8958vw;
        width: calc(var(--vw, 1vw)*4.8958)
    }

    #section-kv .kv-title-wrapper .text-84 {
        font-size: 5vw;
        font-size: calc(var(--vw, 1vw)*5)
    }

    #section-kv .cursor img {
        height: 3.125vw;
        height: calc(var(--vw, 1vw)*3.125);
        width: 3.125vw;
        width: calc(var(--vw, 1vw)*3.125)
    }

    #section-design .shadow-1 {
        height: 56.25vw;
        height: calc(var(--vw, 1vw)*56.25);
        width: 64.6354vw;
        width: calc(var(--vw, 1vw)*64.6354)
    }

    #section-design .shadow-2 {
        height: 38.3536vw;
        height: calc(var(--vw, 1vw)*38.3536);
        left: 18.7526vw;
        left: calc(var(--vw, 1vw)*18.7526);
        width: 73.5224vw;
        width: calc(var(--vw, 1vw)*73.5224)
    }

    #section-design .select {
        height: 1.9792vw;
        height: calc(var(--vw, 1vw)*1.9792);
        width: 1.9792vw;
        width: calc(var(--vw, 1vw)*1.9792)
    }

    #section-design .select .inner {
        height: 1.6667vw;
        height: calc(var(--vw, 1vw)*1.6667);
        width: 1.6667vw;
        width: calc(var(--vw, 1vw)*1.6667)
    }

    #section-design #peerless-power div {
        font-size: 6.6667vw;
        font-size: calc(var(--vw, 1vw)*6.6667)
    }

    #section-linked {
        padding-bottom: 9.375vw;
        padding-bottom: calc(var(--vw, 1vw)*9.375);
        padding-top: 3.75vw;
        padding-top: calc(var(--vw, 1vw)*3.75)
    }

    #section-linked .part-1 .p1-container {
        height: 31.25vw;
        height: calc(var(--vw, 1vw)*31.25);
        margin: 5.2083vw auto;
        margin: calc(var(--vw, 1vw)*5.2083) auto;
        width: 57.2917vw;
        width: calc(var(--vw, 1vw)*57.2917)
    }

    #section-linked .part-1 .p1-container .content-wrapper {
        width: 34.2188vw;
        width: calc(var(--vw, 1vw)*34.2188)
    }

    #section-linked .part-2 {
        margin-top: 8.4375vw;
        margin-top: calc(var(--vw, 1vw)*8.4375)
    }

    #section-linked .part-2 canvas {
        left: 8.3333vw;
        left: calc(var(--vw, 1vw)*8.3333)
    }

    #section-linked .part-2 .wave-content, #section-linked .part-2 canvas {
        width: 83.3333vw;
        width: calc(var(--vw, 1vw)*83.3333)
    }

    #section-linked .part-2 .wave-content .block-container {
        height: 33.3333vw;
        height: calc(var(--vw, 1vw)*33.3333);
        width: 39.375vw;
        width: calc(var(--vw, 1vw)*39.375)
    }

    #section-linked .part-2 .wave-content .block-container .block-content {
        left: 3.125vw;
        left: calc(var(--vw, 1vw)*3.125)
    }

    #section-linked .part-2 .wave-content .block-container .block-content.block-title {
        font-size: 2.5vw;
        font-size: calc(var(--vw, 1vw)*2.5);
        top: 3.125vw;
        top: calc(var(--vw, 1vw)*3.125)
    }

    #section-linked .part-2 .wave-content .block-container .block-content.block-text {
        bottom: 3.125vw;
        bottom: calc(var(--vw, 1vw)*3.125);
        font-size: 1.0417vw;
        font-size: calc(var(--vw, 1vw)*1.0417);
        width: 33.125vw;
        width: calc(var(--vw, 1vw)*33.125)
    }

    #section-photo .sticky-container .sticky-item .part-2 {
        padding: 0 8.3333vw;
        padding: 0 calc(var(--vw, 1vw)*8.3333)
    }

    #section-photo .sticky-container .sticky-item .part-2 .part-2-en .m-t-24 {
        margin-top: 1.0417vw;
        margin-top: calc(var(--vw, 1vw)*1.0417)
    }

    #section-photo .sticky-container .sticky-item .part-2 .part-2-en .img-2 {
        margin-left: 2.5521vw;
        margin-left: calc(var(--vw, 1vw)*2.5521)
    }

    #section-photo .sticky-container .sticky-item .part-2 .part-2-en .block-1 {
        margin-left: 10.4688vw;
        margin-left: calc(var(--vw, 1vw)*10.4688)
    }

    #section-photo .sticky-container .sticky-item .part-2 .part-2-en .block-1 .content {
        width: 18.2292vw;
        width: calc(var(--vw, 1vw)*18.2292)
    }

    #section-photo .sticky-container .sticky-item .part-2 .part-2-en .block-1 .img-3 {
        margin-left: 1.3542vw;
        margin-left: calc(var(--vw, 1vw)*1.3542)
    }

    #section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block.block-2, #section-photo .sticky-container .sticky-item .part-2 .part-2-en .photo-block.block-3 {
        margin-left: 10.8333vw;
        margin-left: calc(var(--vw, 1vw)*10.8333)
    }

    #section-display {
        margin-bottom: calc(41.6667vw - 60vh);
        margin-bottom: calc(var(--vw, 1vw)*41.6667 - var(--vh, 1vh)*60);
        margin-bottom: 10.4167vw;
        margin-bottom: calc(var(--vw, 1vw)*10.4167)
    }

    #section-display .sticky-container .main-title {
        font-size: 6.6667vw;
        font-size: calc(var(--vw, 1vw)*6.6667);
        padding-left: 8.3333vw;
        padding-left: calc(var(--vw, 1vw)*8.3333);
        padding-top: 13.9583vw;
        padding-top: calc(var(--vw, 1vw)*13.9583)
    }

    #section-display .sticky-container .content-wrapper {
        right: 11.9271vw;
        right: calc(var(--vw, 1vw)*11.9271);
        width: 32.8125vw;
        width: calc(var(--vw, 1vw)*32.8125)
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(2) {
        left: 17.2396vw;
        left: calc(var(--vw, 1vw)*17.2396);
        top: 2.6042vw;
        top: calc(var(--vw, 1vw)*2.6042)
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(2) .line {
        height: 1.5625vw;
        height: calc(var(--vw, 1vw)*1.5625);
        width: 3.2292vw;
        width: calc(var(--vw, 1vw)*3.2292)
    }

    #section-chill .rect-wrapper {
        margin-left: 25.1563vw;
        margin-left: calc(var(--vw, 1vw)*25.1563)
    }

    #section-chill .right-cover {
        width: 8.3333vw;
        width: calc(var(--vw, 1vw)*8.3333)
    }

    #section-chill .left-cover {
        left: 5.9896vw;
        left: calc(var(--vw, 1vw)*5.9896);
        width: 28.6458vw;
        width: calc(var(--vw, 1vw)*28.6458)
    }

    #section-chill .rect-box:first-child {
        height: 25.7292vw;
        height: calc(var(--vw, 1vw)*25.7292);
        width: 9.0104vw;
        width: calc(var(--vw, 1vw)*9.0104)
    }

    #section-chill .rect-1 {
        transform: translate(24.2188vw, -2.7604vw);
        transform: translate(calc(var(--vw, 1vw)*24.2188), calc(var(--vw, 1vw)*-2.7604))
    }

    #section-chill .rect-2 {
        height: 21.4583vw;
        height: calc(var(--vw, 1vw)*21.4583);
        left: 10.5208vw;
        left: calc(var(--vw, 1vw)*10.5208);
        top: 7.6042vw;
        top: calc(var(--vw, 1vw)*7.6042);
        transform: translate(14.2708vw, 1.1979vw);
        transform: translate(calc(var(--vw, 1vw)*14.2708), calc(var(--vw, 1vw)*1.1979));
        width: 7.0313vw;
        width: calc(var(--vw, 1vw)*7.0313)
    }

    #section-chill .rect-3 {
        height: 8.9583vw;
        height: calc(var(--vw, 1vw)*8.9583);
        left: 17.0313vw;
        left: calc(var(--vw, 1vw)*17.0313);
        top: 5.0521vw;
        top: calc(var(--vw, 1vw)*5.0521);
        transform: translate(9.7917vw, 6.4583vw);
        transform: translate(calc(var(--vw, 1vw)*9.7917), calc(var(--vw, 1vw)*6.4583));
        width: 4.5313vw;
        width: calc(var(--vw, 1vw)*4.5313)
    }

    #section-chill .rect-4 {
        height: 27.0313vw;
        height: calc(var(--vw, 1vw)*27.0313);
        left: 22.2396vw;
        left: calc(var(--vw, 1vw)*22.2396);
        top: 6.6667vw;
        top: calc(var(--vw, 1vw)*6.6667);
        transform: translate(1.875vw, .8854vw);
        transform: translate(calc(var(--vw, 1vw)*1.875), calc(var(--vw, 1vw)*.8854));
        width: 8.6458vw;
        width: calc(var(--vw, 1vw)*8.6458)
    }

    #section-chill .rect-5 {
        height: 6.875vw;
        height: calc(var(--vw, 1vw)*6.875);
        left: 31.3542vw;
        left: calc(var(--vw, 1vw)*31.3542);
        top: 8.6979vw;
        top: calc(var(--vw, 1vw)*8.6979);
        transform: translate(-6.0937vw, -.1042vw);
        transform: translate(calc(var(--vw, 1vw)*-6.0937), calc(var(--vw, 1vw)*-.1042));
        width: 7.1875vw;
        width: calc(var(--vw, 1vw)*7.1875)
    }

    #section-chill .rect-6 {
        height: 26.25vw;
        height: calc(var(--vw, 1vw)*26.25);
        left: 37.5521vw;
        left: calc(var(--vw, 1vw)*37.5521);
        top: 4.1667vw;
        top: calc(var(--vw, 1vw)*4.1667);
        transform: translate(-13.6458vw, 2.5vw);
        transform: translate(calc(var(--vw, 1vw)*-13.6458), calc(var(--vw, 1vw)*2.5));
        width: 9.4792vw;
        width: calc(var(--vw, 1vw)*9.4792)
    }

    #section-chill .rect-7 {
        height: 18.3333vw;
        height: calc(var(--vw, 1vw)*18.3333);
        left: 46.5625vw;
        left: calc(var(--vw, 1vw)*46.5625);
        top: 3.125vw;
        top: calc(var(--vw, 1vw)*3.125);
        transform: translate(-22.2396vw, 5.7292vw);
        transform: translate(calc(var(--vw, 1vw)*-22.2396), calc(var(--vw, 1vw)*5.7292));
        width: 8.6979vw;
        width: calc(var(--vw, 1vw)*8.6979)
    }

    #section-chill .rect-8 {
        height: 17.3438vw;
        height: calc(var(--vw, 1vw)*17.3438);
        left: 53.5417vw;
        left: calc(var(--vw, 1vw)*53.5417);
        top: 1.5625vw;
        top: calc(var(--vw, 1vw)*1.5625);
        transform: translate(-28.5417vw, 7.8125vw);
        transform: translate(calc(var(--vw, 1vw)*-28.5417), calc(var(--vw, 1vw)*7.8125));
        width: 7.6042vw;
        width: calc(var(--vw, 1vw)*7.6042)
    }

    #section-chill .rect-9 {
        height: 25.625vw;
        height: calc(var(--vw, 1vw)*25.625);
        transform: translate(-34.375vw, 6.7708vw);
        transform: translate(calc(var(--vw, 1vw)*-34.375), calc(var(--vw, 1vw)*6.7708));
        width: 8.9583vw;
        width: calc(var(--vw, 1vw)*8.9583)
    }

    #section-hyper .shadows-1 {
        height: 9.874vw;
        height: calc(var(--vw, 1vw)*9.874);
        top: 10.7813vw;
        top: calc(var(--vw, 1vw)*10.7813);
        width: 64.6984vw;
        width: calc(var(--vw, 1vw)*64.6984)
    }

    #section-hyper .shadows-2 {
        height: 11.7708vw;
        height: calc(var(--vw, 1vw)*11.7708);
        top: 15.0521vw;
        top: calc(var(--vw, 1vw)*15.0521);
        width: 77.2396vw;
        width: calc(var(--vw, 1vw)*77.2396)
    }

    .zn--modal .popup-close {
        height: 3.125vw;
        height: calc(var(--vw, 1vw)*3.125);
        right: 4.1667vw;
        right: calc(var(--vw, 1vw)*4.1667);
        top: 4.1667vw;
        top: calc(var(--vw, 1vw)*4.1667);
        width: 3.125vw;
        width: calc(var(--vw, 1vw)*3.125)
    }

    .zn--modal #popup-design .select {
        height: 1.9792vw;
        height: calc(var(--vw, 1vw)*1.9792);
        width: 1.9792vw;
        width: calc(var(--vw, 1vw)*1.9792)
    }

    .zn--modal #popup-design .select .inner {
        height: 1.6667vw;
        height: calc(var(--vw, 1vw)*1.6667);
        width: 1.6667vw;
        width: calc(var(--vw, 1vw)*1.6667)
    }
}

@media (min-width:1024px), (orientation:landscape) {
    #section-kv .kv-title-wrapper {
        clip-path: inset(0 100% 0 0);
        -webkit-clip-path: inset(0 100% 0 0)
    }

    #section-kv .sticky .text-wrapper {
        transform: translate(-50%)
    }

    #section-design .before-wrapper {
        opacity: 0;
        transition: 0s !important
    }

    #section-design .before-wrapper.active {
        opacity: 1
    }

    #section-design .after-wrapper {
        transform-origin: 111.48148148148148vh 46.666666666666664vh;
        transform-origin: calc(var(--vh, 1vh)*111.48148) calc(var(--vh, 1vh)*46.66667)
    }

    #section-design .after-wrapper .core:first-child {
        bottom: 26.574074074074073vh;
        bottom: calc(var(--vh, 1vh)*26.57407);
        height: 24.814814814814813vh;
        height: calc(var(--vh, 1vh)*24.81481);
        right: 42.407407407407405vh;
        right: calc(var(--vh, 1vh)*42.40741);
        width: 22.962962962962962vh;
        width: calc(var(--vh, 1vh)*22.96296)
    }

    #section-design .after-wrapper .core:nth-child(2) {
        bottom: 31.018518518518515vh;
        bottom: calc(var(--vh, 1vh)*31.01852);
        height: 19.814814814814813vh;
        height: calc(var(--vh, 1vh)*19.81481);
        right: 47.03703703703703vh;
        right: calc(var(--vh, 1vh)*47.03704);
        width: 16.34259259259259vh;
        width: calc(var(--vh, 1vh)*16.34259)
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(2) .sm-text {
        opacity: 0
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(2) .line {
        background: none;
        border-left: 1px solid #cacaca;
        border-top: 1px solid #cacaca
    }

    #section-chill .rect-wrapper {
        transform: scale(.98)
    }

    #section-hyper [ani-opacity-in] {
        transform: translate(-50%)
    }

    #section-ram .sticky-container {
        height: 200vh;
        height: calc(var(--vh, 1vh)*200)
    }

    #section-ram .sticky-container .sticky {
        align-items: center;
        display: flex;
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        top: 0
    }

    body .pc-s-i {
        height: calc(100vh - 60px);
        height: calc(var(--vh, 1vh)*100 - 60px);
        margin-top: 60px
    }

    body .s-i {
        height: calc(100vh - 50px);
        height: calc(var(--vh, 1vh)*100 - 50px);
        margin-top: 50px
    }
}

@media (min-width:2300px) {
    .g--popup .g--video-wrapper {
        margin-top: -24px
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .g--popup .g--popup-container {
        padding: 0
    }

    .g--popup .g--video-wrapper {
        width: 100vw;
        width: calc(var(--vw, 1vw)*100)
    }

    .g--popup .g--video-wrapper video {
        height: 70vh;
        height: calc(var(--vh, 1vh)*70)
    }

    .g--popup .g--popup-close {
        height: 24px;
        width: 24px
    }

    .g--popup .g--popup-close .inner {
        transform: scale(.5)
    }

    [ani-clip-in-trigger] {
        clip-path: inset(0) !important;
        -webkit-clip-path: inset(0) !important
    }

    .ani-clip-in-trigger-class.ani-clip-in {
        transition-duration: .5s
    }

    #section-vooc .sticky-container {
        height: 200vh;
        height: calc(var(--vh, 1vh)*200)
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-1 {
        position: relative
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-2 {
        right: 0;
        top: 65vh;
        top: calc(var(--vh, 1vh)*65);
        transition: opacity .5s ease
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-3 {
        bottom: 11vh;
        bottom: calc(var(--vh, 1vh)*11);
        left: 0;
        right: unset
    }

    #section-vooc .sticky-container .content-wrapper .content-container.container-3 .text {
        width: 100%
    }

    #section-vooc .sticky-container .sticky-item {
        z-index: 3
    }

    #section-vooc .sticky-container .sticky-item .bg {
        width: 48.26vh;
        width: calc(var(--vh, 1vh)*48.26)
    }

    #section-vooc .sticky-container .sticky-item .vooc-phone-wrapper {
        height: 88.425vh;
        height: calc(var(--vh, 1vh)*88.425);
        left: -30vh;
        left: calc(var(--vh, 1vh)*-30);
        top: 10vh;
        top: calc(var(--vh, 1vh)*10);
        width: 78vh;
        width: calc(var(--vh, 1vh)*78)
    }

    #section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-1 {
        top: 40.9vh;
        top: calc(var(--vh, 1vh)*40.9)
    }

    #section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-2 {
        top: 25.56vh;
        top: calc(var(--vh, 1vh)*25.56)
    }

    #section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-3 {
        left: 4.27vh;
        left: calc(var(--vh, 1vh)*4.27);
        top: 14.2vh;
        top: calc(var(--vh, 1vh)*14.2)
    }

    #section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.phone-5 {
        top: -16.1vh;
        top: calc(var(--vh, 1vh)*-16.1)
    }

    #section-vooc .sticky-container .sticky-item .vooc-phone-wrapper .phone.line {
        left: -6.2vh;
        left: calc(var(--vh, 1vh)*-6.2);
        width: 84.152vh;
        width: calc(var(--vh, 1vh)*84.152)
    }

    #section-vooc .part-2 .mo-card-wrapper img {
        opacity: 0;
        transition: opacity .5s ease
    }

    #section-vooc .part-2 .mo-card-wrapper .mo-line {
        background-color: #cacaca;
        height: 1px;
        opacity: .8;
        width: 100%
    }

    #section-vooc .part-2 .mo-card-wrapper .card {
        color: #cacaca;
        opacity: .8
    }

    #section-vooc .part-2 .mo-card-wrapper .card .card-text {
        overflow: hidden;
        padding-bottom: 0;
        position: relative;
        transition: padding-bottom .5s ease
    }

    #section-vooc .part-2 .mo-card-wrapper .card .card-text .card-detail {
        left: 0;
        position: absolute;
        top: 0
    }

    #section-vooc .part-2 .mo-card-wrapper[active-card="0"] .img1 {
        opacity: 1
    }

    #section-vooc .part-2 .mo-card-wrapper[active-card="0"] .card1 {
        color: #fff;
        opacity: 1
    }

    #section-vooc .part-2 .mo-card-wrapper[active-card="1"] .img2 {
        opacity: 1
    }

    #section-vooc .part-2 .mo-card-wrapper[active-card="1"] .card2 {
        color: #fff;
        opacity: 1
    }

    #section-vooc .part-2 .mo-card-wrapper[active-card="2"] .img3 {
        opacity: 1
    }

    #section-vooc .part-2 .mo-card-wrapper[active-card="2"] .card3 {
        color: #fff;
        opacity: 1
    }

    #section-kv .kv-title-wrapper {
        position: relative
    }

    #section-kv .kv-title-wrapper [ani-kv-title] {
        margin-left: auto;
        margin-right: auto
    }

    #section-kv [ani-kv-bg-wrapper] .absolute {
        position: relative;
        top: 0
    }

    #section-kv .sticky, #section-kv .sticky-container {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

    #section-kv .sticky {
        position: relative;
        top: 0
    }

    #section-kv [ani-kv-ksp] {
        margin-top: 0
    }

    #section-kv .hover-text:first-child {
        letter-spacing: -.05em
    }

    #section-kv .hover-text:nth-child(3) {
        letter-spacing: -.05em
    }

    #section-kv [ani-kv-text] {
        margin: 0 auto
    }

    #section-design {
        margin-top: 0
    }

    #section-design .new-cover {
        background: linear-gradient(0deg, #000, rgba(0, 0, 0, .5) 50%, transparent);
        bottom: 0;
        position: absolute
    }

    #section-design .s-i {
        height: 100%;
        margin-top: 0
    }

    #section-design .edit-after, #section-design .mo-s-i {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

    #section-design .zh-special {
        margin-top: 0 !important
    }

    #section-design .sticky-container.h-440vh {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

    #section-design [ani-zh-title] {
        position: relative
    }

    #section-design .img-container {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        margin-top: 0
    }

    #section-design .mo-sticky {
        position: relative
    }

    #section-design .sticky {
        position: relative;
        top: 0
    }

    #section-design.move {
        margin-top: 0
    }

    #section-design .before-wrapper, #section-design .m-td, #section-design .zh-special {
        margin-top: 6vh;
        margin-top: calc(var(--vh, 1vh)*6)
    }

    #section-design .cover-phone {
        transform: scale(1.01) translateY(-.5%)
    }

    #section-design .black-mask {
        background: #000;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    #section-design .mo-special {
        margin-top: 0;
        text-align: left
    }

    #section-design .left-wrapper [ani-art-pos], #section-design .right-wrapper [ani-art-pos] {
        transform: scale(1.1)
    }

    #section-design .bottom-cover {
        transform: translateY(5px)
    }

    #section-design .after-wrapper {
        top: 0;
        transform-origin: 23.88888888888889vw 96.94444444444444vw;
        transform-origin: calc(var(--vw, 1vw)*23.88889) calc(var(--vw, 1vw)*96.94444)
    }

    #section-design .after-wrapper .core:first-child {
        bottom: 33.05555555555556vw;
        bottom: calc(var(--vw, 1vw)*33.05556);
        height: 33.61111111111111vw;
        height: calc(var(--vw, 1vw)*33.61111);
        right: 36.666666666666664vw;
        right: calc(var(--vw, 1vw)*36.66667);
        width: 31.11111111111111vw;
        width: calc(var(--vw, 1vw)*31.11111)
    }

    #section-design .after-wrapper .core:nth-child(2) {
        bottom: 36.388888888888886vw;
        bottom: calc(var(--vw, 1vw)*36.38889);
        height: 26.666666666666664vw;
        height: calc(var(--vw, 1vw)*26.66667);
        right: 41.666666666666664vw;
        right: calc(var(--vw, 1vw)*41.66667);
        width: 21.944444444444443vw;
        width: calc(var(--vw, 1vw)*21.94444)
    }

    #section-design .after-wrapper .core:nth-child(3) {
        bottom: 37.5vw;
        bottom: calc(var(--vw, 1vw)*37.5);
        height: 24.444444444444443vw;
        height: calc(var(--vw, 1vw)*24.44444);
        right: 41.666666666666664vw;
        right: calc(var(--vw, 1vw)*41.66667);
        width: 21.38888888888889vw;
        width: calc(var(--vw, 1vw)*21.38889)
    }

    #section-design .shadow-1 {
        top: -50px
    }

    #section-design .shadow-2 {
        left: 0
    }

    #section-design #peerless-power {
        text-align: left
    }

    #section-linked .part-1 .p1-container {
        height: 165vw;
        height: calc(var(--vw, 1vw)*165);
        width: 90vw;
        width: calc(var(--vw, 1vw)*90)
    }

    #section-linked .part-1 .p1-container .content-wrapper {
        text-align: left
    }

    #section-photo .sticky-container {
        height: 180vh;
        height: calc(var(--vh, 1vh)*180)
    }

    #section-photo .sticky-container .content-wrapper {
        left: 50%;
        top: 50vh;
        top: calc(var(--vh, 1vh)*50);
        transform: translate(-50%) translateY(-50%)
    }

    #section-photo .sticky-container .sticky-item .part-0 .circle-wrapper {
        height: 194vw;
        height: calc(var(--vw, 1vw)*194);
        left: -47vw;
        left: calc(var(--vw, 1vw)*-47);
        top: calc(55% - 105vw);
        top: calc(55% - var(--vw, 1vw)*105);
        transform-origin: 55.4% 53.5%;
        width: 194vw;
        width: calc(var(--vw, 1vw)*194)
    }

    #section-photo .sticky-container .sticky-item .part-1 .phone {
        bottom: unset;
        height: 170vw;
        height: calc(var(--vw, 1vw)*170);
        right: -22vw;
        right: calc(var(--vw, 1vw)*-22);
        top: calc(55% - 23.1vw);
        top: calc(55% - var(--vw, 1vw)*23.1);
        width: 80.28vw;
        width: calc(var(--vw, 1vw)*80.28)
    }

    #section-photo .sticky-container .sticky-item .part-1 .target {
        bottom: calc(55% - 6.5vw);
        bottom: calc(55% - var(--vw, 1vw)*6.5);
        height: 16vw;
        height: calc(var(--vw, 1vw)*16);
        left: unset;
        right: 32vw;
        right: calc(var(--vw, 1vw)*32);
        width: 16vw;
        width: calc(var(--vw, 1vw)*16)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container {
        right: 40.56vw;
        right: calc(var(--vw, 1vw)*40.56);
        text-align: left
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container .len-detail.detail-1 {
        font-size: 4.44vw;
        font-size: calc(var(--vw, 1vw)*4.44)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container .len-detail.detail-2 {
        font-size: 3.33vw;
        font-size: calc(var(--vw, 1vw)*3.33)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 {
        bottom: unset;
        top: calc(55% - 18vw);
        top: calc(55% - var(--vw, 1vw)*18)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 .line1 {
        bottom: 0;
        height: 5vw;
        height: calc(var(--vw, 1vw)*5);
        left: unset;
        right: 0
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 .line2 {
        margin: 1.67vw 0;
        margin: calc(var(--vw, 1vw)*1.67) 0;
        width: 53.89vw;
        width: calc(var(--vw, 1vw)*53.89)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-1 .detail-2 {
        padding-bottom: 0
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 {
        bottom: unset;
        top: calc(55% + 1vw);
        top: calc(55% + var(--vw, 1vw)*1)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .line1 {
        bottom: 0;
        height: 5vw;
        height: calc(var(--vw, 1vw)*5);
        left: unset;
        right: 0;
        top: unset
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .line2 {
        margin: 1.67vw 0;
        margin: calc(var(--vw, 1vw)*1.67) 0;
        width: 53.89vw;
        width: calc(var(--vw, 1vw)*53.89)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .detail-1, #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-2 .detail-2 {
        padding: 0
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-3 {
        bottom: unset;
        padding-top: 13vw;
        padding-top: calc(var(--vw, 1vw)*13);
        right: 17.78vw;
        right: calc(var(--vw, 1vw)*17.78);
        top: calc(55% + 12vw);
        top: calc(55% + var(--vw, 1vw)*12)
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-3 .line1 {
        bottom: 5vw;
        bottom: calc(var(--vw, 1vw)*5);
        height: 10vw;
        height: calc(var(--vw, 1vw)*10);
        left: unset;
        right: 0
    }

    #section-photo .sticky-container .sticky-item .part-1 .lens-container.lens-3 .line2 {
        margin: 1.67vw 0;
        margin: calc(var(--vw, 1vw)*1.67) 0;
        width: 76.67vw;
        width: calc(var(--vw, 1vw)*76.67)
    }

    #section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper {
        bottom: calc(50% + 23vw);
        bottom: calc(50% + var(--vw, 1vw)*23)
    }

    #section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper .title {
        font-size: 7.78vw;
        font-size: calc(var(--vw, 1vw)*7.78)
    }

    #section-photo .sticky-container .sticky-item .part-1 .camera-content-wrapper .text {
        font-size: 3.9vw;
        font-size: calc(var(--vw, 1vw)*3.9)
    }

    #section-display .sticky-container {
        height: 150vh;
        height: calc(var(--vh, 1vh)*150)
    }

    #section-chill [ani-chill-clip-text-zh] .s-d {
        letter-spacing: -.005em
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(2), #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(3) {
        display: none
    }

    #section-chill .sm-outer-wrapper .sm-wrapper:nth-child(8) {
        flex-direction: column-reverse
    }

    body .pc-only {
        display: none
    }

    body .mo-s-i, body .s-i {
        height: calc(100vh - 50px);
        height: calc(var(--vh, 1vh)*100 - 50px);
        margin-top: 50px
    }
}

#section-vooc .card {
    position: initial;
    display: initial;
    display: block;
    -ms-flex-direction: initial;
    flex-direction: initial;
    min-width: initial;
    word-wrap: initial;
    background-color: initial;
    background-clip: initial;
    border: initial;
    border-radius: initial;
}

#section-vooc .card-img {
    border-bottom-right-radius: initial;
    border-bottom-left-radius: initial;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}

#section-vooc .card-title {
    margin-bottom: initial;
}