body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

.zn--wrapper p {
    margin-bottom: 0;
}

.zn--wrapper .progress-bar {
    background-color: transparent;
}

:root {
    --vw: 1vw;
    --r: 1;
    --vh: 1vh;
}

@media (min-width: 1025px) {
    :root {
        --nav-height: 96px;
        --content-height: calc(100vh - 96px);
    }
}

@media (max-width: 1024px) {
    :root {
        --nav-height: 92px;
        --content-height: calc(100vh - 92px);
    }
}

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

.bg-\[\#E2E6E9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(226, 230, 233, var(--tw-bg-opacity))
}

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

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

.bg-\[\#9E9A94\] {
    --tw-bg-opacity: 1;
    background-color: rgba(158, 154, 148, var(--tw-bg-opacity))
}

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

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

.border-b {
    border-bottom-width: 1px
}

.cursor-pointer {
    cursor: pointer
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex
}

.grid {
    display: -ms-grid;
    display: grid
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.items-start {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.items-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.items-stretch {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.justify-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.font-medium {
    font-weight: 500
}

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

.h-\[calc\(var\(--content-height\)-44px\)\] {
    height: -webkit-calc(var(--content-height) - 44px);
    height: -moz-calc(var(--content-height) - 44px);
    height: calc(var(--content-height) - 44px)
}

.h-\[calc\(100\%\+44px\)\] {
    height: -webkit-calc(100% + 44px);
    height: -moz-calc(100% + 44px);
    height: calc(100% + 44px)
}

.h-24rpx {
    height: -webkit-calc(var(--rpx, 1px)*24);
    height: -moz-calc(var(--rpx, 1px)*24);
    height: calc(var(--rpx, 1px)*24)
}

.h-220rpx {
    height: -webkit-calc(var(--rpx, 1px)*220);
    height: -moz-calc(var(--rpx, 1px)*220);
    height: calc(var(--rpx, 1px)*220)
}

.h-280rpx {
    height: -webkit-calc(var(--rpx, 1px)*280);
    height: -moz-calc(var(--rpx, 1px)*280);
    height: calc(var(--rpx, 1px)*280)
}

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

.h-\[var\(--fixed-sticky-height\)\] {
    height: var(--fixed-sticky-height)
}

.h-2px {
    height: 2px
}

.h-\[73\%\] {
    height: 73%
}

.h-\[100\%\] {
    height: 100%
}

.h-2rpx {
    height: -webkit-calc(var(--rpx, 1px)*2);
    height: -moz-calc(var(--rpx, 1px)*2);
    height: calc(var(--rpx, 1px)*2)
}

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

.h-42rpx {
    height: -webkit-calc(var(--rpx, 1px)*42);
    height: -moz-calc(var(--rpx, 1px)*42);
    height: calc(var(--rpx, 1px)*42)
}

.h-28rpx {
    height: -webkit-calc(var(--rpx, 1px)*28);
    height: -moz-calc(var(--rpx, 1px)*28);
    height: calc(var(--rpx, 1px)*28)
}

.h-\[73\.3\%\] {
    height: 73.3%
}

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

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

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

.h-\[20px\] {
    height: 20px
}

.h-36rpx {
    height: -webkit-calc(var(--rpx, 1px)*36);
    height: -moz-calc(var(--rpx, 1px)*36);
    height: calc(var(--rpx, 1px)*36)
}

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

.\!leading-20px {
    line-height: 20px !important
}

.leading-20px {
    line-height: 20px
}

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

.mx-12px {
    margin-left: 12px;
    margin-right: 12px
}

.my-4px {
    margin-bottom: 4px;
    margin-top: 4px
}

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

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

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

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

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

.ml-\[-1px\] {
    margin-left: -1px
}

.-ml-8\.5vw {
    margin-left: -8.5vw;
    margin-left: calc(var(--vw, 1vw)*-8.5)
}

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

.-mt-8\.5vw {
    margin-top: -8.5vw;
    margin-top: calc(var(--vw, 1vw)*-8.5)
}

.mt-8\.5vw {
    margin-top: 8.5vw;
    margin-top: calc(var(--vw, 1vw)*8.5)
}

.-ml-14vh {
    margin-left: -14vh;
    margin-left: calc(var(--vh, 1vh)*-14)
}

.ml-14vh {
    margin-left: 14vh;
    margin-left: calc(var(--vh, 1vh)*14)
}

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

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

.-ml-13vh {
    margin-left: -13vh;
    margin-left: calc(var(--vh, 1vh)*-13)
}

.ml-13vh {
    margin-left: 13vh;
    margin-left: calc(var(--vh, 1vh)*13)
}

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

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

.-ml-420rpx {
    margin-left: calc(var(--rpx, 1px)*-420)
}

.ml-430rpx {
    margin-left: calc(var(--rpx, 1px)*430)
}

.-mt-320rpx {
    margin-top: calc(var(--rpx, 1px)*-320)
}

.mt-315rpx {
    margin-top: calc(var(--rpx, 1px)*315)
}

.-ml-250rpx {
    margin-left: calc(var(--rpx, 1px)*-250)
}

.ml-250rpx {
    margin-left: calc(var(--rpx, 1px)*250)
}

.-mt-195rpx {
    margin-top: calc(var(--rpx, 1px)*-195)
}

.mt-185rpx {
    margin-top: calc(var(--rpx, 1px)*185)
}

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

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

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

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

.mt-200rpx {
    margin-top: calc(var(--rpx, 1px)*200)
}

.-ml-300rpx {
    margin-left: calc(var(--rpx, 1px)*-300)
}

.ml-300rpx {
    margin-left: calc(var(--rpx, 1px)*300)
}

.mt-530rpx {
    margin-top: calc(var(--rpx, 1px)*530)
}

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

.-ml-170rpx {
    margin-left: calc(var(--rpx, 1px)*-170)
}

.ml-170rpx {
    margin-left: calc(var(--rpx, 1px)*170)
}

.mt-330rpx {
    margin-top: calc(var(--rpx, 1px)*330)
}

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

.-ml-140rpx {
    margin-left: calc(var(--rpx, 1px)*-140)
}

.ml-140rpx {
    margin-left: calc(var(--rpx, 1px)*140)
}

.mt-173rpx {
    margin-top: calc(var(--rpx, 1px)*173)
}

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

.mb-66rpx {
    margin-bottom: calc(var(--rpx, 1px)*66)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-24rpx {
    margin-bottom: calc(var(--rpx, 1px)*24)
}

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

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

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

.\!opacity-100 {
    opacity: 1 !important
}

.opacity-95 {
    opacity: .95
}

.opacity-\[0\.5\] {
    opacity: .5
}

.overflow-hidden {
    overflow: hidden
}

.p-16rpx {
    padding: calc(var(--rpx, 1px)*16)
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-80rpx {
    padding-bottom: calc(var(--rpx, 1px)*80)
}

.pt-80rpx, .py-80rpx {
    padding-top: calc(var(--rpx, 1px)*80)
}

.pb-0 {
    padding-bottom: 0
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.top-\[var\(--nav-height\)\] {
    top: var(--nav-height)
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

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

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

.bottom-16rpx {
    bottom: -webkit-calc(var(--rpx, 1px)*16);
    bottom: -moz-calc(var(--rpx, 1px)*16);
    bottom: calc(var(--rpx, 1px)*16)
}

.right-16rpx {
    right: -webkit-calc(var(--rpx, 1px)*16);
    right: -moz-calc(var(--rpx, 1px)*16);
    right: calc(var(--rpx, 1px)*16)
}

.top-\[var\(--fixed-top\)\] {
    top: var(--fixed-top)
}

.bottom-0 {
    bottom: 0
}

.left-\[23\%\] {
    left: 23%
}

.top-\[12\.2\%\] {
    top: 12.2%
}

.right-0 {
    right: 0
}

.bottom-80rpx {
    bottom: -webkit-calc(var(--rpx, 1px)*80);
    bottom: -moz-calc(var(--rpx, 1px)*80);
    bottom: calc(var(--rpx, 1px)*80)
}

.bottom-\[3\.4\%\] {
    bottom: 3.4%
}

.left-\[8\.7\%\] {
    left: 8.7%
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

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

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

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

.text-opacity-95 {
    --tw-text-opacity: .95
}

.text-opacity-45 {
    --tw-text-opacity: .45
}

.text-opacity-55 {
    --tw-text-opacity: .55
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100)
}

.w-auto {
    width: auto
}

.w-24rpx {
    width: -webkit-calc(var(--rpx, 1px)*24);
    width: -moz-calc(var(--rpx, 1px)*24);
    width: calc(var(--rpx, 1px)*24)
}

.w-2px {
    width: 2px
}

.w-1312rpx {
    width: -webkit-calc(var(--rpx, 1px)*1312);
    width: -moz-calc(var(--rpx, 1px)*1312);
    width: calc(var(--rpx, 1px)*1312)
}

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

.w-546px {
    width: 546px
}

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

.w-328rpx {
    width: -webkit-calc(var(--rpx, 1px)*328);
    width: -moz-calc(var(--rpx, 1px)*328);
    width: calc(var(--rpx, 1px)*328)
}

.w-36rpx {
    width: -webkit-calc(var(--rpx, 1px)*36);
    width: -moz-calc(var(--rpx, 1px)*36);
    width: calc(var(--rpx, 1px)*36)
}

.w-121rpx {
    width: -webkit-calc(var(--rpx, 1px)*121);
    width: -moz-calc(var(--rpx, 1px)*121);
    width: calc(var(--rpx, 1px)*121)
}

.w-281rpx {
    width: -webkit-calc(var(--rpx, 1px)*281);
    width: -moz-calc(var(--rpx, 1px)*281);
    width: calc(var(--rpx, 1px)*281)
}

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

.w-\[46\.2\%\] {
    width: 46.2%
}

.w-156rpx {
    width: -webkit-calc(var(--rpx, 1px)*156);
    width: -moz-calc(var(--rpx, 1px)*156);
    width: calc(var(--rpx, 1px)*156)
}

.w-\[1px\] {
    width: 1px
}

.w-50rpx {
    width: -webkit-calc(var(--rpx, 1px)*50);
    width: -moz-calc(var(--rpx, 1px)*50);
    width: calc(var(--rpx, 1px)*50)
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

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

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.gap-24px {
    grid-gap: 24px;
    gap: 24px
}

.gap-y-30px {
    grid-row-gap: 30px;
    -webkit-row-gap: 30px;
    -moz-row-gap: 30px;
    row-gap: 30px
}

.gap-y-4px {
    grid-row-gap: 4px;
    -webkit-row-gap: 4px;
    -moz-row-gap: 4px;
    row-gap: 4px
}

.grid-flow-col {
    grid-auto-flow: column
}

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

.grid-cols-\[156rpx_156rpx\] {
    grid-template-columns: -webkit-calc(var(--rpx, 1px)*156) -webkit-calc(var(--rpx, 1px)*156);
    grid-template-columns: -moz-calc(var(--rpx, 1px)*156) -moz-calc(var(--rpx, 1px)*156);
    grid-template-columns: calc(var(--rpx, 1px)*156) calc(var(--rpx, 1px)*156)
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
}

.origin-left {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left
}

.origin-top {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top
}

.origin-right {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right
}

.origin-bottom {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom
}

.-rotate-60 {
    --tw-rotate: -60deg
}

.rotate-60 {
    --tw-rotate: 60deg
}

.-rotate-40 {
    --tw-rotate: -40deg
}

.rotate-40 {
    --tw-rotate: 40deg
}

.rotate-\[180deg\] {
    --tw-rotate: 180deg
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.transition-opacity {
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -moz-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-300 {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

.full {
    height: 100%;
    width: 100%
}

@media (min-width:650px) and (max-width:1023px) {
    .pad\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .pad\:grid {
        display: -ms-grid;
        display: grid
    }

    .pad\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .pad\:items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .pad\:justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .pad\:justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .pad\:flex-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }

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

    .pad\:h-30rpx {
        height: -webkit-calc(var(--rpx, 1px)*30);
        height: -moz-calc(var(--rpx, 1px)*30);
        height: calc(var(--rpx, 1px)*30)
    }

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

    .pad\:h-306rpx {
        height: -webkit-calc(var(--rpx, 1px)*306);
        height: -moz-calc(var(--rpx, 1px)*306);
        height: calc(var(--rpx, 1px)*306)
    }

    .pad\:h-220rpx {
        height: -webkit-calc(var(--rpx, 1px)*220);
        height: -moz-calc(var(--rpx, 1px)*220);
        height: calc(var(--rpx, 1px)*220)
    }

    .pad\:h-580rpx {
        height: -webkit-calc(var(--rpx, 1px)*580);
        height: -moz-calc(var(--rpx, 1px)*580);
        height: calc(var(--rpx, 1px)*580)
    }

    .pad\:h-36rpx {
        height: -webkit-calc(var(--rpx, 1px)*36);
        height: -moz-calc(var(--rpx, 1px)*36);
        height: calc(var(--rpx, 1px)*36)
    }

    .pad\:h-57vw {
        height: 57vw;
        height: -webkit-calc(var(--vw, 1vw)*57);
        height: -moz-calc(var(--vw, 1vw)*57);
        height: calc(var(--vw, 1vw)*57)
    }

    .pad\:h-\[73\%\] {
        height: 73%
    }

    .pad\:h-488rpx {
        height: -webkit-calc(var(--rpx, 1px)*488);
        height: -moz-calc(var(--rpx, 1px)*488);
        height: calc(var(--rpx, 1px)*488)
    }

    .pad\:h-484rpx {
        height: -webkit-calc(var(--rpx, 1px)*484);
        height: -moz-calc(var(--rpx, 1px)*484);
        height: calc(var(--rpx, 1px)*484)
    }

    .pad\:h-\[68\%\] {
        height: 68%
    }

    .pad\:h-26rpx {
        height: -webkit-calc(var(--rpx, 1px)*26);
        height: -moz-calc(var(--rpx, 1px)*26);
        height: calc(var(--rpx, 1px)*26)
    }

    .pad\:h-18rpx {
        height: -webkit-calc(var(--rpx, 1px)*18);
        height: -moz-calc(var(--rpx, 1px)*18);
        height: calc(var(--rpx, 1px)*18)
    }

    .pad\:h-16rpx {
        height: -webkit-calc(var(--rpx, 1px)*16);
        height: -moz-calc(var(--rpx, 1px)*16);
        height: calc(var(--rpx, 1px)*16)
    }

    .pad\:h-328rpx {
        height: -webkit-calc(var(--rpx, 1px)*328);
        height: -moz-calc(var(--rpx, 1px)*328);
        height: calc(var(--rpx, 1px)*328)
    }

    .pad\:h-28rpx {
        height: -webkit-calc(var(--rpx, 1px)*28);
        height: -moz-calc(var(--rpx, 1px)*28);
        height: calc(var(--rpx, 1px)*28)
    }

    .pad\:text-24px {
        font-size: 24px;
        line-height: 1
    }

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

    .pad\:leading-32px {
        line-height: 32px
    }

    .pad\:leading-20px {
        line-height: 20px
    }

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

    .pad\:mx-24rpx {
        margin-left: calc(var(--rpx, 1px)*24);
        margin-right: calc(var(--rpx, 1px)*24)
    }

    .pad\:mt-4px {
        margin-top: 4px
    }

    .pad\:mt-18px {
        margin-top: 18px
    }

    .pad\:mt-30rpx {
        margin-top: calc(var(--rpx, 1px)*30)
    }

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

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

    .pad\:mt-12px {
        margin-top: 12px
    }

    .pad\:mt-48rpx {
        margin-top: calc(var(--rpx, 1px)*48)
    }

    .pad\:-mt-86px {
        margin-top: -86px
    }

    .pad\:-ml-350rpx {
        margin-left: calc(var(--rpx, 1px)*-350)
    }

    .pad\:mt-\[-36rpx\] {
        margin-top: calc(var(--rpx, 1px)*-36)
    }

    .pad\:mt-\[-1rpx\] {
        margin-top: calc(var(--rpx, 1px)*-1)
    }

    .pad\:mr-4px {
        margin-right: 4px
    }

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

    .pad\:-mr-70vw {
        margin-right: -70vw;
        margin-right: calc(var(--vw, 1vw)*-70)
    }

    .pad\:-ml-207rpx {
        margin-left: calc(var(--rpx, 1px)*-207)
    }

    .pad\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .pad\:mt-8px {
        margin-top: 8px
    }

    .pad\:mt-24rpx {
        margin-top: calc(var(--rpx, 1px)*24)
    }

    .pad\:mr-36rpx {
        margin-right: calc(var(--rpx, 1px)*36)
    }

    .pad\:min-h-\[var\(--content-height\)\] {
        min-height: var(--content-height)
    }

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

    .pad\:p-12rpx {
        padding: calc(var(--rpx, 1px)*12)
    }

    .pad\:p-24rpx {
        padding: calc(var(--rpx, 1px)*24)
    }

    .pad\:py-140rpx {
        padding-bottom: calc(var(--rpx, 1px)*140);
        padding-top: calc(var(--rpx, 1px)*140)
    }

    .pad\:py-24px {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .pad\:px-24rpx {
        padding-left: calc(var(--rpx, 1px)*24);
        padding-right: calc(var(--rpx, 1px)*24)
    }

    .pad\:pb-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48)
    }

    .pad\:pt-48rpx {
        padding-top: calc(var(--rpx, 1px)*48)
    }

    .pad\:pb-140rpx {
        padding-bottom: calc(var(--rpx, 1px)*140)
    }

    .pad\:pb-52rpx {
        padding-bottom: calc(var(--rpx, 1px)*52)
    }

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

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

    .pad\:left-0 {
        left: 0
    }

    .pad\:left-\[21\%\] {
        left: 21%
    }

    .pad\:top-\[12\.2\%\] {
        top: 12.2%
    }

    .pad\:right-24rpx {
        right: -webkit-calc(var(--rpx, 1px)*24);
        right: -moz-calc(var(--rpx, 1px)*24);
        right: calc(var(--rpx, 1px)*24)
    }

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

    .pad\:w-auto {
        width: auto
    }

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

    .pad\:w-110rpx {
        width: -webkit-calc(var(--rpx, 1px)*110);
        width: -moz-calc(var(--rpx, 1px)*110);
        width: calc(var(--rpx, 1px)*110)
    }

    .pad\:w-328px {
        width: 328px
    }

    .pad\:w-36rpx {
        width: -webkit-calc(var(--rpx, 1px)*36);
        width: -moz-calc(var(--rpx, 1px)*36);
        width: calc(var(--rpx, 1px)*36)
    }

    .pad\:w-\[25\.5vw\] {
        width: 25.5vw;
        width: -webkit-calc(var(--vw, 1vw)*25.5);
        width: -moz-calc(var(--vw, 1vw)*25.5);
        width: calc(var(--vw, 1vw)*25.5)
    }

    .pad\:w-454rpx {
        width: -webkit-calc(var(--rpx, 1px)*454);
        width: -moz-calc(var(--rpx, 1px)*454);
        width: calc(var(--rpx, 1px)*454)
    }

    .pad\:w-100vw {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .pad\:w-\[59\%\] {
        width: 59%
    }

    .pad\:w-454px {
        width: 454px
    }

    .pad\:w-768rpx {
        width: -webkit-calc(var(--rpx, 1px)*768);
        width: -moz-calc(var(--rpx, 1px)*768);
        width: calc(var(--rpx, 1px)*768)
    }

    .pad\:w-868rpx {
        width: -webkit-calc(var(--rpx, 1px)*868);
        width: -moz-calc(var(--rpx, 1px)*868);
        width: calc(var(--rpx, 1px)*868)
    }

    .pad\:w-636rpx {
        width: -webkit-calc(var(--rpx, 1px)*636);
        width: -moz-calc(var(--rpx, 1px)*636);
        width: calc(var(--rpx, 1px)*636)
    }

    .pad\:w-\[73\%\] {
        width: 73%
    }

    .pad\:w-456px {
        width: 456px
    }

    .pad\:w-444px {
        width: 444px
    }

    .pad\:w-23rpx {
        width: -webkit-calc(var(--rpx, 1px)*23);
        width: -moz-calc(var(--rpx, 1px)*23);
        width: calc(var(--rpx, 1px)*23)
    }

    .pad\:w-78rpx {
        width: -webkit-calc(var(--rpx, 1px)*78);
        width: -moz-calc(var(--rpx, 1px)*78);
        width: calc(var(--rpx, 1px)*78)
    }

    .pad\:w-130rpx {
        width: -webkit-calc(var(--rpx, 1px)*130);
        width: -moz-calc(var(--rpx, 1px)*130);
        width: calc(var(--rpx, 1px)*130)
    }

    .pad\:w-266rpx {
        width: -webkit-calc(var(--rpx, 1px)*266);
        width: -moz-calc(var(--rpx, 1px)*266);
        width: calc(var(--rpx, 1px)*266)
    }

    .pad\:w-16rpx {
        width: -webkit-calc(var(--rpx, 1px)*16);
        width: -moz-calc(var(--rpx, 1px)*16);
        width: calc(var(--rpx, 1px)*16)
    }

    .pad\:w-431px {
        width: 431px
    }

    .pad\:w-237rpx {
        width: -webkit-calc(var(--rpx, 1px)*237);
        width: -moz-calc(var(--rpx, 1px)*237);
        width: calc(var(--rpx, 1px)*237)
    }

    .pad\:w-720rpx {
        width: -webkit-calc(var(--rpx, 1px)*720);
        width: -moz-calc(var(--rpx, 1px)*720);
        width: calc(var(--rpx, 1px)*720)
    }

    .pad\:w-336rpx {
        width: -webkit-calc(var(--rpx, 1px)*336);
        width: -moz-calc(var(--rpx, 1px)*336);
        width: calc(var(--rpx, 1px)*336)
    }

    .pad\:w-328rpx {
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .pad\:w-304rpx {
        width: -webkit-calc(var(--rpx, 1px)*304);
        width: -moz-calc(var(--rpx, 1px)*304);
        width: calc(var(--rpx, 1px)*304)
    }

    .pad\:w-28rpx {
        width: -webkit-calc(var(--rpx, 1px)*28);
        width: -moz-calc(var(--rpx, 1px)*28);
        width: calc(var(--rpx, 1px)*28)
    }

    .pad\:w-224rpx {
        width: -webkit-calc(var(--rpx, 1px)*224);
        width: -moz-calc(var(--rpx, 1px)*224);
        width: calc(var(--rpx, 1px)*224)
    }

    .pad\:w-450px {
        width: 450px
    }

    .pad\:z-0 {
        z-index: 0
    }

    .pad\:gap-14px {
        grid-gap: 14px;
        gap: 14px
    }

    .pad\:gap-y-\[26rpx\] {
        grid-row-gap: -webkit-calc(var(--rpx, 1px)*26);
        grid-row-gap: -moz-calc(var(--rpx, 1px)*26);
        grid-row-gap: calc(var(--rpx, 1px)*26);
        -webkit-row-gap: -webkit-calc(var(--rpx, 1px)*26);
        -moz-row-gap: -moz-calc(var(--rpx, 1px)*26);
        row-gap: calc(var(--rpx, 1px)*26)
    }

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

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

    .pad\:col-span-2 {
        -ms-grid-column-span: span 2/span 2;
        grid-column: span 2/span 2
    }

    .pad\:col-span-1 {
        -ms-grid-column-span: span 1/span 1;
        grid-column: span 1/span 1
    }
}

@media (min-width:1024px) {
    .pc\:cursor-pointer {
        cursor: pointer
    }

    .pc\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .pc\:inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: inline-flex
    }

    .pc\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .pc\:items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .pc\:items-end {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .pc\:items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .pc\:self-stretch {
        -ms-grid-row-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch
    }

    .pc\:justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .pc\:justify-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .pc\:justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .pc\:justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .pc\:flex-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .pc\:flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

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

    .pc\:h-auto {
        height: auto
    }

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

    .pc\:h-64rpx {
        height: -webkit-calc(var(--rpx, 1px)*64);
        height: -moz-calc(var(--rpx, 1px)*64);
        height: calc(var(--rpx, 1px)*64)
    }

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

    .pc\:h-\[75\%\] {
        height: 75%
    }

    .pc\:h-\[100\%\] {
        height: 100%
    }

    .pc\:h-\[50\%\] {
        height: 50%
    }

    .pc\:h-757rpx {
        height: -webkit-calc(var(--rpx, 1px)*757);
        height: -moz-calc(var(--rpx, 1px)*757);
        height: calc(var(--rpx, 1px)*757)
    }

    .pc\:h-843rpx {
        height: -webkit-calc(var(--rpx, 1px)*843);
        height: -moz-calc(var(--rpx, 1px)*843);
        height: calc(var(--rpx, 1px)*843)
    }

    .pc\:h-663rpx {
        height: -webkit-calc(var(--rpx, 1px)*663);
        height: -moz-calc(var(--rpx, 1px)*663);
        height: calc(var(--rpx, 1px)*663)
    }

    .pc\:h-819rpx {
        height: -webkit-calc(var(--rpx, 1px)*819);
        height: -moz-calc(var(--rpx, 1px)*819);
        height: calc(var(--rpx, 1px)*819)
    }

    .pc\:h-28rpx {
        height: -webkit-calc(var(--rpx, 1px)*28);
        height: -moz-calc(var(--rpx, 1px)*28);
        height: calc(var(--rpx, 1px)*28)
    }

    .pc\:h-426rpx {
        height: -webkit-calc(var(--rpx, 1px)*426);
        height: -moz-calc(var(--rpx, 1px)*426);
        height: calc(var(--rpx, 1px)*426)
    }

    .pc\:h-24rpx {
        height: -webkit-calc(var(--rpx, 1px)*24);
        height: -moz-calc(var(--rpx, 1px)*24);
        height: calc(var(--rpx, 1px)*24)
    }

    .pc\:h-2rpx {
        height: -webkit-calc(var(--rpx, 1px)*2);
        height: -moz-calc(var(--rpx, 1px)*2);
        height: calc(var(--rpx, 1px)*2)
    }

    .pc\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .pc\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .pc\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .pc\:leading-40px {
        line-height: 40px
    }

    .pc\:leading-22px {
        line-height: 22px
    }

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

    .pc\:my-80rpx {
        margin-bottom: calc(var(--rpx, 1px)*80);
        margin-top: calc(var(--rpx, 1px)*80)
    }

    .pc\:mx-64rpx {
        margin-left: calc(var(--rpx, 1px)*64);
        margin-right: calc(var(--rpx, 1px)*64)
    }

    .pc\:mt-12px {
        margin-top: 12px
    }

    .pc\:mt-24px {
        margin-top: 24px
    }

    .pc\:mb-\[0\.27vw\] {
        margin-bottom: .27vw;
        margin-bottom: calc(var(--vw, 1vw)*.27)
    }

    .pc\:mt-8px {
        margin-top: 8px
    }

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

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

    .pc\:mt-6px {
        margin-top: 6px
    }

    .pc\:mt-18px {
        margin-top: 18px
    }

    .pc\:mt-80rpx {
        margin-top: calc(var(--rpx, 1px)*80)
    }

    .pc\:-mt-146rpx {
        margin-top: calc(var(--rpx, 1px)*-146)
    }

    .pc\:mb-66rpx {
        margin-bottom: calc(var(--rpx, 1px)*66)
    }

    .pc\:mt-50rpx {
        margin-top: calc(var(--rpx, 1px)*50)
    }

    .pc\:-ml-74rpx {
        margin-left: calc(var(--rpx, 1px)*-74)
    }

    .pc\:-ml-80rpx {
        margin-left: calc(var(--rpx, 1px)*-80)
    }

    .pc\:-ml-40rpx {
        margin-left: calc(var(--rpx, 1px)*-40)
    }

    .pc\:mr-4px {
        margin-right: 4px
    }

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

    .pc\:mb-12px {
        margin-bottom: 12px
    }

    .pc\:-mr-70vw {
        margin-right: -70vw;
        margin-right: calc(var(--vw, 1vw)*-70)
    }

    .pc\:-ml-72rpx {
        margin-left: calc(var(--rpx, 1px)*-72)
    }

    .pc\:mt-24rpx {
        margin-top: calc(var(--rpx, 1px)*24)
    }

    .pc\:mt-48rpx {
        margin-top: calc(var(--rpx, 1px)*48)
    }

    .pc\:mr-48rpx {
        margin-right: calc(var(--rpx, 1px)*48)
    }

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

    .pc\:max-h-\[26\.04vw\] {
        max-height: 26.04vw;
        max-height: -webkit-calc(var(--vw, 1vw)*26.04);
        max-height: -moz-calc(var(--vw, 1vw)*26.04);
        max-height: calc(var(--vw, 1vw)*26.04)
    }

    .pc\:min-h-\[var\(--content-height\)\] {
        min-height: var(--content-height)
    }

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

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

    .pc\:p-\[1\.67vw\] {
        padding: 1.67vw;
        padding: calc(var(--vw, 1vw)*1.67)
    }

    .pc\:py-200rpx {
        padding-bottom: calc(var(--rpx, 1px)*200);
        padding-top: calc(var(--rpx, 1px)*200)
    }

    .pc\:py-64px {
        padding-bottom: 64px;
        padding-top: 64px
    }

    .pc\:pb-200rpx {
        padding-bottom: calc(var(--rpx, 1px)*200)
    }

    .pc\:pb-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80)
    }

    .pc\:pr-58rpx {
        padding-right: calc(var(--rpx, 1px)*58)
    }

    .pc\:fixed {
        position: fixed
    }

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

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

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

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

    .pc\:top-1\/2 {
        top: 50%
    }

    .pc\:right-5vw {
        right: 5vw;
        right: -webkit-calc(var(--vw, 1vw)*5);
        right: -moz-calc(var(--vw, 1vw)*5);
        right: calc(var(--vw, 1vw)*5)
    }

    .pc\:left-6vw {
        left: 6vw;
        left: -webkit-calc(var(--vw, 1vw)*6);
        left: -moz-calc(var(--vw, 1vw)*6);
        left: calc(var(--vw, 1vw)*6)
    }

    .pc\:bottom-20rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*20);
        bottom: -moz-calc(var(--rpx, 1px)*20);
        bottom: calc(var(--rpx, 1px)*20)
    }

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

    .pc\:w-auto {
        width: auto
    }

    .pc\:w-64rpx {
        width: -webkit-calc(var(--rpx, 1px)*64);
        width: -moz-calc(var(--rpx, 1px)*64);
        width: calc(var(--rpx, 1px)*64)
    }

    .pc\:w-100vw {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .pc\:w-\[33\.33\%\] {
        width: 33.33%
    }

    .pc\:w-588px {
        width: 588px
    }

    .pc\:w-587rpx {
        width: -webkit-calc(var(--rpx, 1px)*587);
        width: -moz-calc(var(--rpx, 1px)*587);
        width: calc(var(--rpx, 1px)*587)
    }

    .pc\:w-1312rpx {
        width: -webkit-calc(var(--rpx, 1px)*1312);
        width: -moz-calc(var(--rpx, 1px)*1312);
        width: calc(var(--rpx, 1px)*1312)
    }

    .pc\:w-546rpx {
        width: -webkit-calc(var(--rpx, 1px)*546);
        width: -moz-calc(var(--rpx, 1px)*546);
        width: calc(var(--rpx, 1px)*546)
    }

    .pc\:w-1440rpx {
        width: -webkit-calc(var(--rpx, 1px)*1440);
        width: -moz-calc(var(--rpx, 1px)*1440);
        width: calc(var(--rpx, 1px)*1440)
    }

    .pc\:w-1528rpx {
        width: -webkit-calc(var(--rpx, 1px)*1528);
        width: -moz-calc(var(--rpx, 1px)*1528);
        width: calc(var(--rpx, 1px)*1528)
    }

    .pc\:w-536rpx {
        width: -webkit-calc(var(--rpx, 1px)*536);
        width: -moz-calc(var(--rpx, 1px)*536);
        width: calc(var(--rpx, 1px)*536)
    }

    .pc\:w-956rpx {
        width: -webkit-calc(var(--rpx, 1px)*956);
        width: -moz-calc(var(--rpx, 1px)*956);
        width: calc(var(--rpx, 1px)*956)
    }

    .pc\:w-\[66\%\] {
        width: 66%
    }

    .pc\:w-590px {
        width: 590px
    }

    .pc\:w-1456rpx {
        width: -webkit-calc(var(--rpx, 1px)*1456);
        width: -moz-calc(var(--rpx, 1px)*1456);
        width: calc(var(--rpx, 1px)*1456)
    }

    .pc\:w-28rpx {
        width: -webkit-calc(var(--rpx, 1px)*28);
        width: -moz-calc(var(--rpx, 1px)*28);
        width: calc(var(--rpx, 1px)*28)
    }

    .pc\:w-\[434px\] {
        width: 434px
    }

    .pc\:w-490rpx {
        width: -webkit-calc(var(--rpx, 1px)*490);
        width: -moz-calc(var(--rpx, 1px)*490);
        width: calc(var(--rpx, 1px)*490)
    }

    .pc\:w-567rpx {
        width: -webkit-calc(var(--rpx, 1px)*567);
        width: -moz-calc(var(--rpx, 1px)*567);
        width: calc(var(--rpx, 1px)*567)
    }

    .pc\:w-559rpx {
        width: -webkit-calc(var(--rpx, 1px)*559);
        width: -moz-calc(var(--rpx, 1px)*559);
        width: calc(var(--rpx, 1px)*559)
    }

    .pc\:w-600rpx {
        width: -webkit-calc(var(--rpx, 1px)*600);
        width: -moz-calc(var(--rpx, 1px)*600);
        width: calc(var(--rpx, 1px)*600)
    }

    .pc\:w-234rpx {
        width: -webkit-calc(var(--rpx, 1px)*234);
        width: -moz-calc(var(--rpx, 1px)*234);
        width: calc(var(--rpx, 1px)*234)
    }

    .pc\:w-600px {
        width: 600px
    }

    .pc\:z-9 {
        z-index: 9
    }

    .pc\:z-5 {
        z-index: 5
    }

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

    .pc\:z-4 {
        z-index: 4
    }

    .pc\:transform {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-rotate: 0;
        --tw-rotate-x: 0;
        --tw-rotate-y: 0;
        --tw-rotate-z: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
    }

    .pc\:translate-y-\[100\%\] {
        --tw-translate-y: 100%
    }

    .pc\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
}

@media (max-width:649px) {
    .mo\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .mo\:grid {
        display: -ms-grid;
        display: grid
    }

    .mo\:hidden {
        display: none
    }

    .mo\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .mo\:items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .\!mo\:justify-between {
        -webkit-box-pack: justify !important;
        -moz-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        justify-content: space-between !important
    }

    .mo\:flex-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }

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

    .mo\:h-30rpx {
        height: -webkit-calc(var(--rpx, 1px)*30);
        height: -moz-calc(var(--rpx, 1px)*30);
        height: calc(var(--rpx, 1px)*30)
    }

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

    .mo\:h-180rpx {
        height: -webkit-calc(var(--rpx, 1px)*180);
        height: -moz-calc(var(--rpx, 1px)*180);
        height: calc(var(--rpx, 1px)*180)
    }

    .mo\:h-360rpx {
        height: -webkit-calc(var(--rpx, 1px)*360);
        height: -moz-calc(var(--rpx, 1px)*360);
        height: calc(var(--rpx, 1px)*360)
    }

    .mo\:h-600rpx {
        height: -webkit-calc(var(--rpx, 1px)*600);
        height: -moz-calc(var(--rpx, 1px)*600);
        height: calc(var(--rpx, 1px)*600)
    }

    .mo\:h-36rpx {
        height: -webkit-calc(var(--rpx, 1px)*36);
        height: -moz-calc(var(--rpx, 1px)*36);
        height: calc(var(--rpx, 1px)*36)
    }

    .mo\:h-100rpx {
        height: -webkit-calc(var(--rpx, 1px)*100);
        height: -moz-calc(var(--rpx, 1px)*100);
        height: calc(var(--rpx, 1px)*100)
    }

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

    .mo\:h-\[49\%\] {
        height: 49%
    }

    .mo\:h-246rpx {
        height: -webkit-calc(var(--rpx, 1px)*246);
        height: -moz-calc(var(--rpx, 1px)*246);
        height: calc(var(--rpx, 1px)*246)
    }

    .mo\:h-278rpx {
        height: -webkit-calc(var(--rpx, 1px)*278);
        height: -moz-calc(var(--rpx, 1px)*278);
        height: calc(var(--rpx, 1px)*278)
    }

    .mo\:h-\[67\%\] {
        height: 67%
    }

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

    .mo\:h-26rpx {
        height: -webkit-calc(var(--rpx, 1px)*26);
        height: -moz-calc(var(--rpx, 1px)*26);
        height: calc(var(--rpx, 1px)*26)
    }

    .mo\:h-18rpx {
        height: -webkit-calc(var(--rpx, 1px)*18);
        height: -moz-calc(var(--rpx, 1px)*18);
        height: calc(var(--rpx, 1px)*18)
    }

    .mo\:h-263rpx {
        height: -webkit-calc(var(--rpx, 1px)*263);
        height: -moz-calc(var(--rpx, 1px)*263);
        height: calc(var(--rpx, 1px)*263)
    }

    .mo\:h-\[88\.5\%\] {
        height: 88.5%
    }

    .mo\:h-16rpx {
        height: -webkit-calc(var(--rpx, 1px)*16);
        height: -moz-calc(var(--rpx, 1px)*16);
        height: calc(var(--rpx, 1px)*16)
    }

    .mo\:h-340rpx {
        height: -webkit-calc(var(--rpx, 1px)*340);
        height: -moz-calc(var(--rpx, 1px)*340);
        height: calc(var(--rpx, 1px)*340)
    }

    .mo\:h-248rpx {
        height: -webkit-calc(var(--rpx, 1px)*248);
        height: -moz-calc(var(--rpx, 1px)*248);
        height: calc(var(--rpx, 1px)*248)
    }

    .mo\:h-28rpx {
        height: -webkit-calc(var(--rpx, 1px)*28);
        height: -moz-calc(var(--rpx, 1px)*28);
        height: calc(var(--rpx, 1px)*28)
    }

    .mo\:text-24px {
        font-size: 24px;
        line-height: 1
    }

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

    .mo\:leading-32px {
        line-height: 32px
    }

    .mo\:leading-20px {
        line-height: 20px
    }

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

    .mo\:mt-4px {
        margin-top: 4px
    }

    .mo\:mt-18px {
        margin-top: 18px
    }

    .mo\:mt-33rpx {
        margin-top: calc(var(--rpx, 1px)*33)
    }

    .mo\:mt-2px {
        margin-top: 2px
    }

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

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

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

    .mo\:mt-12px {
        margin-top: 12px
    }

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

    .mo\:mr-4px {
        margin-right: 4px
    }

    .mo\:mb-6px {
        margin-bottom: 6px
    }

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

    .mo\:-ml-54rpx {
        margin-left: calc(var(--rpx, 1px)*-54)
    }

    .mo\:-mt-500rpx {
        margin-top: calc(var(--rpx, 1px)*-500)
    }

    .mo\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .mo\:mt-8px {
        margin-top: 8px
    }

    .mo\:mt-24rpx {
        margin-top: calc(var(--rpx, 1px)*24)
    }

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

    .mo\:p-16rpx {
        padding: calc(var(--rpx, 1px)*16)
    }

    .mo\:py-100rpx {
        padding-bottom: calc(var(--rpx, 1px)*100);
        padding-top: calc(var(--rpx, 1px)*100)
    }

    .mo\:px-\[22vw\] {
        padding-left: 22vw;
        padding-left: calc(var(--vw, 1vw)*22);
        padding-right: 22vw;
        padding-right: calc(var(--vw, 1vw)*22)
    }

    .mo\:py-24rpx {
        padding-bottom: calc(var(--rpx, 1px)*24);
        padding-top: calc(var(--rpx, 1px)*24)
    }

    .mo\:pt-64rpx {
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .mo\:pt-28rpx {
        padding-top: calc(var(--rpx, 1px)*28)
    }

    .mo\:pb-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64)
    }

    .mo\:pb-100rpx {
        padding-bottom: calc(var(--rpx, 1px)*100)
    }

    .mo\:pb-52rpx {
        padding-bottom: calc(var(--rpx, 1px)*52)
    }

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

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

    .mo\:left-0 {
        left: 0
    }

    .mo\:top-8\.6vw {
        top: 8.6vw;
        top: -webkit-calc(var(--vw, 1vw)*8.6);
        top: -moz-calc(var(--vw, 1vw)*8.6);
        top: calc(var(--vw, 1vw)*8.6)
    }

    .mo\:left-14\.7vw {
        left: 14.7vw;
        left: -webkit-calc(var(--vw, 1vw)*14.7);
        left: -moz-calc(var(--vw, 1vw)*14.7);
        left: calc(var(--vw, 1vw)*14.7)
    }

    .mo\:bottom-0 {
        bottom: 0
    }

    .mo\:text-left {
        text-align: left
    }

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

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

    .mo\:w-auto {
        width: auto
    }

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

    .mo\:w-110rpx {
        width: -webkit-calc(var(--rpx, 1px)*110);
        width: -moz-calc(var(--rpx, 1px)*110);
        width: calc(var(--rpx, 1px)*110)
    }

    .mo\:w-328rpx {
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .mo\:w-36rpx {
        width: -webkit-calc(var(--rpx, 1px)*36);
        width: -moz-calc(var(--rpx, 1px)*36);
        width: calc(var(--rpx, 1px)*36)
    }

    .mo\:w-100rpx {
        width: -webkit-calc(var(--rpx, 1px)*100);
        width: -moz-calc(var(--rpx, 1px)*100);
        width: calc(var(--rpx, 1px)*100)
    }

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

    .mo\:w-\[71\%\] {
        width: 71%
    }

    .mo\:w-447rpx {
        width: -webkit-calc(var(--rpx, 1px)*447);
        width: -moz-calc(var(--rpx, 1px)*447);
        width: calc(var(--rpx, 1px)*447)
    }

    .mo\:w-360rpx {
        width: -webkit-calc(var(--rpx, 1px)*360);
        width: -moz-calc(var(--rpx, 1px)*360);
        width: calc(var(--rpx, 1px)*360)
    }

    .mo\:w-\[73\%\] {
        width: 73%
    }

    .mo\:w-23rpx {
        width: -webkit-calc(var(--rpx, 1px)*23);
        width: -moz-calc(var(--rpx, 1px)*23);
        width: calc(var(--rpx, 1px)*23)
    }

    .mo\:w-78rpx {
        width: -webkit-calc(var(--rpx, 1px)*78);
        width: -moz-calc(var(--rpx, 1px)*78);
        width: calc(var(--rpx, 1px)*78)
    }

    .mo\:w-468rpx {
        width: -webkit-calc(var(--rpx, 1px)*468);
        width: -moz-calc(var(--rpx, 1px)*468);
        width: calc(var(--rpx, 1px)*468)
    }

    .mo\:w-\[54\%\] {
        width: 54%
    }

    .mo\:w-16rpx {
        width: -webkit-calc(var(--rpx, 1px)*16);
        width: -moz-calc(var(--rpx, 1px)*16);
        width: calc(var(--rpx, 1px)*16)
    }

    .mo\:w-\[328px\] {
        width: 328px
    }

    .mo\:w-336rpx {
        width: -webkit-calc(var(--rpx, 1px)*336);
        width: -moz-calc(var(--rpx, 1px)*336);
        width: calc(var(--rpx, 1px)*336)
    }

    .mo\:w-28rpx {
        width: -webkit-calc(var(--rpx, 1px)*28);
        width: -moz-calc(var(--rpx, 1px)*28);
        width: calc(var(--rpx, 1px)*28)
    }

    .mo\:w-224rpx {
        width: -webkit-calc(var(--rpx, 1px)*224);
        width: -moz-calc(var(--rpx, 1px)*224);
        width: calc(var(--rpx, 1px)*224)
    }

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

    .mo\:z-0 {
        z-index: 0
    }

    .mo\:gap-14px {
        grid-gap: 14px;
        gap: 14px
    }

    .mo\:gap-y-\[33rpx\] {
        grid-row-gap: -webkit-calc(var(--rpx, 1px)*33);
        grid-row-gap: -moz-calc(var(--rpx, 1px)*33);
        grid-row-gap: calc(var(--rpx, 1px)*33);
        -webkit-row-gap: -webkit-calc(var(--rpx, 1px)*33);
        -moz-row-gap: -moz-calc(var(--rpx, 1px)*33);
        row-gap: calc(var(--rpx, 1px)*33)
    }

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

@media (min-width:1024px) {
    .pct\:font-medium {
        font-weight: 500
    }

    .pct\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .pct\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .pct\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .pct\:leading-\[1\.67\] {
        line-height: 1.67
    }

    .pct\:tracking-0\.03em {
        letter-spacing: .03em
    }

    .pct\:tracking-0\.04em {
        letter-spacing: .04em
    }
}

.zn--wrapper {
    color: #000;
    font-size: 16px
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -webkit-background-size: cover;
    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
}

.zn--wrapper sup {
    font-size: 60%;
    top: -1em
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

[ani-will-change-view] .will-change {
    will-change: var(--will-change)
}

[ani-will-change-view] .will-change-opacity {
    will-change: var(--will-change-opacity)
}

[ani-will-change-view] .will-change-clip {
    will-change: var(--will-change-clip)
}

[ani-will-change-view] .will-change-t-w {
    will-change: var(--will-change-t-w)
}

[ani-will-change-view] .will-change-t-h {
    will-change: var(--will-change-t-h)
}

[ani-will-change-view] .--will-change-t-w-h {
    will-change: var(----will-change-t-w-h)
}

.fix-round {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.fix-edge {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px)
}

.fix-edge-x {
    -webkit-clip-path: inset(0 1px);
    clip-path: inset(0 1px)
}

.fix-edge-y {
    -webkit-clip-path: inset(1px 0);
    clip-path: inset(1px 0)
}

.fix-mt {
    margin-top: -1px
}

[data-comp-gallery] .images-container {
    padding-left: 0;
    padding-right: 0;
    touch-action: pan-y
}

[data-comp-gallery] .images-container img {
    -o-object-fit: cover;
    object-fit: cover
}

[data-comp-gallery] .swiper-slide>* {
    max-width: 100%
}

[data-comp-gallery] .double-button .button {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-comp-gallery] .double-button .button:first-child {
    opacity: .5
}

[data-comp-gallery] .color-switch>div>div {
    overflow: visible
}

[data-comp-gallery] .circle-button {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    overflow: visible;
    position: relative
}

[data-comp-gallery] .circle-button:before {
    border-color: var(--border-color, transparent);
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: var(--btn-w, "150%");
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s;
    width: var(--btn-w, "150%")
}

[data-comp-gallery] .circle-button:after {
    content: var(--s-text, " ");
    font-size: var(--t-size);
    left: 100%;
    line-height: var(--t-line-height);
    margin-left: var(--t-left);
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    white-space: nowrap
}

[data-comp-gallery] .circle-button.active:after {
    opacity: 1
}

[data-comp-gallery].comp-light-theme .double-button .button {
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

[data-comp-gallery].comp-light-theme .double-button .button:hover {
    background: #333
}

[data-comp-gallery].comp-dark-theme .double-button .button {
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

[data-comp-gallery].comp-dark-theme .double-button .button:hover {
    background: #eaeaea
}

#section-ksp img {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-kv-ksp-tvc] {
    --timing-function: cubic-bezier(.65, 0, .55, 1)
}

[ani-kv-ksp-tvc] .toggle-button {
    pointer-events: none
}

[ani-kv-ksp-tvc] .toggle-button img {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 20px #00000014;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -moz-transition: transform .4s, opacity .4s, -moz-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s, -moz-transform .4s
}

[ani-kv-ksp-tvc] .toggle-button.active img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[ani-kv-ksp-tvc] .status-1 #section-kv {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[ani-kv-ksp-tvc] .status-1 #section-kv .kv-container {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

[ani-kv-ksp-tvc] .status-1 #section-ksp .left-part {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    width: 100%
}

[ani-kv-ksp-tvc] .status-1 #section-ksp .left-part .ksp-tit {
    opacity: 1;
    -webkit-transform: scaleY(1) translateX(0) translateY(0);
    -moz-transform: scaleY(1) translateX(0) translateY(0);
    -ms-transform: scaleY(1) translateX(0) translateY(0);
    transform: scaleY(1) translate(0) translateY(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-1 #section-ksp .left-part .bottom-data, [ani-kv-ksp-tvc] .status-1 #section-ksp .left-part .ksp-text-wrapper {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-2 #section-kv {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[ani-kv-ksp-tvc] .status-2 #section-kv .kv-container {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .left-part {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    width: 0
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .left-part .ksp-tit {
    opacity: 0;
    -webkit-transform: scaleY(1) translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: scaleY(1) translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: scaleY(1) translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: scaleY(1) translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .left-part .bottom-data, [ani-kv-ksp-tvc] .status-2 #section-ksp .left-part .ksp-text-wrapper {
    opacity: 0;
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part {
    width: 100%
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part .top {
    height: 50%
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part .bottom-data, [ani-kv-ksp-tvc] .status-2 #section-ksp .right-part .ksp-text-wrapper {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part.reverse {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .bottom-data, [ani-kv-ksp-tvc] .status-2 #section-ksp .ksp-text-wrapper {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

[ani-kv-ksp-tvc] .status-3 #section-kv {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[ani-kv-ksp-tvc] .status-3 #section-kv .kv-container {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

[ani-kv-ksp-tvc] .status-3 #section-ksp img {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .left-part {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    width: 0
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .left-part .ksp-tit {
    opacity: 0;
    -webkit-transform: scaleY(1) translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: scaleY(1) translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: scaleY(1) translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: scaleY(1) translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30))
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .left-part .bottom-data, [ani-kv-ksp-tvc] .status-3 #section-ksp .left-part .ksp-text-wrapper {
    opacity: 0;
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30))
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .right-part {
    height: 0%;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
    width: 100%
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .right-part .top {
    height: 50%;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .right-part .bottom-data, [ani-kv-ksp-tvc] .status-3 #section-ksp .right-part .ksp-text-wrapper {
    opacity: 0;
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-3 #section-tvc {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

[ani-kv-ksp-tvc] #section-kv, [ani-kv-ksp-tvc] .kv-container {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-ksp .left-part {
    -webkit-transform: translateX(100%) translateY(100%);
    -moz-transform: translateX(100%) translateY(100%);
    -ms-transform: translateX(100%) translateY(100%);
    transform: translate(100%) translateY(100%);
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -moz-transition-property: transform, width, -moz-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function);
    width: 0
}

[ani-kv-ksp-tvc] #section-ksp .ksp-tit {
    -webkit-transform: scaleY(.5) translateX(-webkit-calc(var(--rpx, 1px)*50)) translateY(-webkit-calc(var(--rpx, 1px)*50));
    -moz-transform: scaleY(.5) translateX(-moz-calc(var(--rpx, 1px)*50)) translateY(-moz-calc(var(--rpx, 1px)*50));
    -ms-transform: scaleY(.5) translateX(calc(var(--rpx, 1px)*50)) translateY(calc(var(--rpx, 1px)*50));
    transform: scaleY(.5) translate(calc(var(--rpx, 1px)*50)) translateY(calc(var(--rpx, 1px)*50))
}

[ani-kv-ksp-tvc] #section-ksp .bottom-data, [ani-kv-ksp-tvc] #section-ksp .ksp-text-wrapper, [ani-kv-ksp-tvc] #section-ksp .ksp-tit {
    opacity: 0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, transform, -moz-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform, -moz-transform
}

[ani-kv-ksp-tvc] #section-ksp .bottom-data, [ani-kv-ksp-tvc] #section-ksp .ksp-text-wrapper {
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*50)) translateY(-webkit-calc(var(--rpx, 1px)*30));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*50)) translateY(-moz-calc(var(--rpx, 1px)*30));
    -ms-transform: translateX(calc(var(--rpx, 1px)*50)) translateY(calc(var(--rpx, 1px)*30));
    transform: translate(calc(var(--rpx, 1px)*50)) translateY(calc(var(--rpx, 1px)*30))
}

[ani-kv-ksp-tvc] #section-ksp .right-part {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    -moz-transition-property: transform, width, height, -moz-transform;
    transition-property: transform, width, height;
    transition-property: transform, width, height, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function);
    width: 0
}

[ani-kv-ksp-tvc] #section-ksp .right-part .top {
    height: 100%;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-ksp .border-layer {
    border: 1px solid #ccc
}

[ani-kv-ksp-tvc] #section-ksp .border-left {
    border-left: 1px solid #ccc
}

[ani-kv-ksp-tvc] #section-ksp .border-top {
    border-top: 1px solid #ccc
}

[ani-kv-ksp-tvc] #section-ksp .border-left-n {
    border-left: none
}

[ani-kv-ksp-tvc] #section-ksp .bg-color {
    background: #fff
}

[ani-kv-ksp-tvc] #section-ksp .corner-mark-color {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-linear-gradient(171.57deg, hsla(36, 30%, 61%, 0) -72.79%, #baa27f 80.31%), hsla(0, 0%, 100%, .75);
    background: -moz-linear-gradient(171.57deg, hsla(36, 30%, 61%, 0) -72.79%, #baa27f 80.31%), hsla(0, 0%, 100%, .75);
    background: linear-gradient(278.43deg, hsla(36, 30%, 61%, 0) -72.79%, #baa27f 80.31%), hsla(0, 0%, 100%, .75);
    -webkit-background-clip: text;
    background-clip: text
}

[ani-kv-ksp-tvc] #section-tvc {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-tvc .video {
    position: absolute
}

[ani-kv-ksp-tvc] #section-tvc .video canvas, [ani-kv-ksp-tvc] #section-tvc .video img, [ani-kv-ksp-tvc] #section-tvc .video video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

[ani-hand-feeling] .bg-ele {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))), radial-gradient(100% 100% at 0 0, #fefefc 0, #e9e5e1 36.13%, #9f9b95 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), -webkit-radial-gradient(0 0, 100% 100%, #fefefc 0, #e9e5e1 36.13%, #9f9b95 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), -moz-radial-gradient(0 0, 100% 100%, #fefefc 0, #e9e5e1 36.13%, #9f9b95 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), radial-gradient(100% 100% at 0 0, #fefefc 0, #e9e5e1 36.13%, #9f9b95 100%);
    height: 52.08vw;
    height: -webkit-calc(var(--vw, 1vw)*52.08);
    height: -moz-calc(var(--vw, 1vw)*52.08);
    height: calc(var(--vw, 1vw)*52.08);
    min-width: 100vw;
    min-width: -webkit-calc(var(--vw, 1vw)*100);
    min-width: -moz-calc(var(--vw, 1vw)*100);
    min-width: calc(var(--vw, 1vw)*100);
    position: absolute;
    width: 100%
}

[ani-hand-feeling] .title-container {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

[ani-hand-feeling] .text-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
    height: 24.6vw;
    height: -webkit-calc(var(--vw, 1vw)*24.6);
    height: -moz-calc(var(--vw, 1vw)*24.6);
    height: calc(var(--vw, 1vw)*24.6);
    opacity: .4;
    width: 100%;
    z-index: 3
}

[ani-hand-feeling] .text, [ani-hand-feeling] .video-wrapper {
    z-index: 5
}

[ani-hand-feeling] .special-container {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

[ani-key-function] {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-3.05%, #000), to(#1b1b1b));
    background: -webkit-linear-gradient(bottom, #000 -3.05%, #1b1b1b);
    background: -moz-linear-gradient(bottom, #000 -3.05%, #1b1b1b 100%);
    background: linear-gradient(0deg, #000 -3.05%, #1b1b1b)
}

[ani-key-function] .btn-active img, [ani-key-function] .btn-active p {
    opacity: 1
}

[ani-key-function] .svg-like {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.ksp-floating.anim {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -moz-transition: transform .7s, -moz-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s, -moz-transform .7s
}

.ksp-floating {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

.ksp-floating .selling-point-box {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(46, 46, 46, .5);
    -webkit-transition: height .4s, background .3s, width .4s;
    -moz-transition: height .4s, background .3s, width .4s;
    transition: height .4s, background .3s, width .4s
}

.ksp-floating .selling-point-box .activ span {
    display: inline-block
}

.ksp-floating .selling-point-box .list a:active, .ksp-floating .selling-point-box .list a:focus, .ksp-floating .selling-point-box .list a:hover, .ksp-floating .selling-point-box .list a:visited {
    color: #fff;
    opacity: .95 !important
}

.ksp-floating .selling-point-box .list a {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity, color, -webkit-transform;
    transition-property: opacity, color, -webkit-transform;
    -moz-transition-property: transform, opacity, color, -moz-transform;
    transition-property: transform, opacity, color;
    transition-property: transform, opacity, color, -webkit-transform, -moz-transform
}

.ksp-floating .selling-point-box.hover {
    height: 286px
}

.ksp-floating .selling-point-box.hover a {
    opacity: .55;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.ksp-floating .light-color {
    background: hsla(0, 0%, 89%, .5)
}

.ksp-floating .light-color .activ, .ksp-floating .light-color a {
    color: #000 !important
}

.ksp-floating .light-color a:active, .ksp-floating .light-color a:focus, .ksp-floating .light-color a:hover, .ksp-floating .light-color a:visited {
    color: #000 !important;
    opacity: .95 !important
}

.blur-mask {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.cooling-text-2 span:nth-child(2), .r-p5-text span:nth-child(2), .win-text span:nth-child(2) {
    color: #000000bf
}

body .hidden-mask {
    display: none
}

body.no-scroll {
    overflow-y: hidden
}

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

#webpack-dev-server-client-overlay {
    display: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#8ad2ff), color-stop(58%, #4977dd), to(#1c2c69));
    background: -webkit-linear-gradient(left, #8ad2ff, #4977dd 58%, #1c2c69);
    background: -moz-linear-gradient(left, #8ad2ff 0, #4977dd 58%, #1c2c69 100%);
    background: linear-gradient(90deg, #8ad2ff 0, #4977dd 58%, #1c2c69);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.link-text {
    text-decoration: underline;
    text-underline-offset: 4px
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#section-sec .b-line-w .b-line:first-child {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-sec .b-line-w .b-line:nth-child(2) {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

#section-sec .b-line-w .b-line:nth-child(3) {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-sec .b-line-w .b-line:nth-child(4) {
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.gradual-t {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-linear-gradient(344.63deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%);
    background: -moz-linear-gradient(344.63deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%);
    background: linear-gradient(105.37deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 1.2;
    text-align: center
}

.gradual-t sup {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: #4977dd;
    -webkit-background-clip: text;
    background-clip: text;
    letter-spacing: 0
}

sup.spe {
    font-size: .2em;
    top: -3em
}

sup.big {
    font-size: .4em;
    top: -1.1em
}

.pub-s-t {
    display: grid;
    gap: 10px;
    grid-template-columns: 20px 1fr
}

.pub-s-t p, .pub-s-t span {
    font-size: 14px;
    line-height: 20px
}

.pub-s-t img {
    height: 20px;
    width: 20px
}

.pub-box {
    background: #fff;
    border: 1px solid hsla(0, 0%, 60%, .4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.pub-box+.pub-box {
    border-top: none
}

.pub-box-i {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 50%
}

.pub-box-i-img {
    height: 0;
    overflow: hidden;
    padding-top: 47.22222%;
    position: relative;
    width: 50%
}

.pub-box-i-img>img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.pub-box-i-spe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.p-tit-lg {
    color: #000000f2;
    font-size: 24px;
    line-height: 32px
}

.p-desc-lg {
    color: #000000b3;
    font-size: 12px;
    line-height: 20px
}

#section-razor .b-line-inner, #section-sec .b-line-inner, #section-win .b-line-inner {
    background: hsla(0, 0%, 85%, .2)
}

#section-cooling .spe-line div {
    background: hsla(0, 0%, 85%, .2);
    position: absolute
}

[t-1] {
    font-size: 42px;
    line-height: 1.4;
    text-align: center
}

[t-2] {
    font-size: 28px;
    line-height: 36px
}

[t-3] {
    font-size: 14px;
    line-height: 22px
}

[t-4] {
    font-size: 42px;
    line-height: 50px
}

[t-6] {
    font-size: 10px;
    line-height: 14px
}

[t-9] {
    font-size: 24px;
    line-height: 32px
}

[t-10] {
    font-size: 14px;
    line-height: 22px
}

[t-11] {
    font-size: 18px;
    line-height: 26px
}

[t-12] {
    font-size: 10px;
    line-height: 16px
}

[t-13] {
    font-size: 24px;
    line-height: 1.3
}

[t-14] {
    font-size: 36px;
    line-height: 44px
}

[t-15] {
    font-size: 14px;
    line-height: 22px
}

[t-16] {
    font-size: 28px;
    line-height: 36px
}

[c-1] {
    --tw-text-opacity: .95
}

[c-2] {
    --tw-text-opacity: .75
}

[c-3] {
    --tw-text-opacity: .7
}

[c-4] {
    --tw-text-opacity: .4
}

[c-5] {
    --tw-text-opacity: .45
}

[c-6] {
    --tw-text-opacity: .5
}

[c-7] {
    --tw-text-opacity: .35
}

#section-power .power-title .pub-s-t:nth-child(2) {
    margin-top: 24px
}

#section-power .power-title .pub-s-t:nth-child(3) {
    margin-top: 20px
}

#section-power .battery-wrapper .power-battery, #section-power .battery-wrapper .power-cable, #section-power .battery-wrapper .power-cover, #section-power .battery-wrapper .power-cover img, #section-power .battery-wrapper .power-light, #section-power .battery-wrapper .power-light img, #section-power .battery-wrapper .power-light2, #section-power .battery-wrapper .power-light3, #section-power .battery-wrapper .power-shadow, #section-power .battery-wrapper .power-text {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

#section-power .cover-text {
    right: 5%;
    top: 34%
}

#section-power .cable-text {
    bottom: 29%;
    left: 4%;
    position: absolute
}

#section-power .cable-text .scaling-line {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

#section-power .p-desc-sm {
    color: #000000b3
}

#section-slim {
    background-color: #000;
    color: #fff
}

#section-slim .sticky {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: var(--content-height);
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    overflow: hidden;
    top: var(--nav-height);
    width: -webkit-calc(var(--content-height)*1.77778);
    width: -moz-calc(var(--content-height)*1.77778);
    width: calc(var(--content-height)*1.77778)
}

#section-slim .scaling-line {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-slim .video-w {
    height: 100%;
    position: relative;
    width: 100%
}

#section-slim .video-text {
    left: 50%;
    position: absolute;
    text-align: left;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

#section-slim .video-text .video-text-in {
    -webkit-transform: translateX(60%);
    -moz-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translate(60%)
}

#section-slim .video-text .p-tit-lg {
    color: #fffffff2
}

#section-slim .video-text .scaling-line {
    background-color: #ffffff4d
}

#section-slim .video-text .p-desc-lg {
    color: #ffffffb3
}

#section-slim .gradual-t-wrapper {
    padding-bottom: calc(var(--rpx, 1px)*20)
}

#section-slim .slim-p-w {
    overflow: hidden;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease;
    white-space: nowrap
}

#section-slim .slim-img-wrapper {
    padding: calc(var(--rpx, 1px)*80) 0
}

#section-slim .slim-img-wrapper-controls {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-top: calc(var(--rpx, 1px)*24)
}

#section-slim .slim-img-wrapper-controls-i {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 10px;
    grid-template-columns: 28px 1fr;
    overflow: hidden
}

#section-slim .slim-img-wrapper-controls-i .circle-f {
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-slim .slim-img-wrapper-controls-i.active .circle-f {
    opacity: 1
}

#section-slim .slim-img-wrapper-inner-b, #section-slim .slim-img-wrapper-inner-s {
    position: relative
}

#section-slim .slim-img-wrapper-inner-b img, #section-slim .slim-img-wrapper-inner-s img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%
}

#section-slim .slim-img-wrapper-inner-b img.active, #section-slim .slim-img-wrapper-inner-s img.active {
    opacity: 1
}

#section-slim .slim-img-wrapper-inner-s {
    height: -webkit-calc(var(--rpx, 1px)*565);
    height: -moz-calc(var(--rpx, 1px)*565);
    height: calc(var(--rpx, 1px)*565);
    width: -webkit-calc(var(--rpx, 1px)*424);
    width: -moz-calc(var(--rpx, 1px)*424);
    width: calc(var(--rpx, 1px)*424)
}

#section-slim .slim-img-wrapper-inner-b {
    height: -webkit-calc(var(--rpx, 1px)*565);
    height: -moz-calc(var(--rpx, 1px)*565);
    height: calc(var(--rpx, 1px)*565);
    width: -webkit-calc(var(--rpx, 1px)*880);
    width: -moz-calc(var(--rpx, 1px)*880);
    width: calc(var(--rpx, 1px)*880)
}

#section-gemini .gemini-i {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#section-remarks * {
    color: #0000008c
}

#section-remarks li {
    list-style: disc
}

#section-remarks div {
    word-wrap: break-word
}

.accordion {
    overflow: hidden;
    width: 100%
}

.accordion-svg {
    position: relative
}

.accordion-svg svg {
    left: 0;
    position: absolute;
    top: 0
}

.accordion-svg svg path {
    fill-opacity: .35
}

.accordion-plus {
    opacity: 1
}

.accordion-minus {
    opacity: 0
}

.accordion-item {
    border-top: 1px solid #ddd;
    cursor: pointer;
    padding: calc(var(--rpx, 1px)*36) calc(var(--rpx, 1px)*64);
    width: 100%
}

.accordion-item .accordion-button p {
    font-size: 22px;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
}

.accordion-item.active .accordion-plus {
    opacity: 0
}

.accordion-item.active .accordion-button>p {
    opacity: .95;
    -webkit-transform: scale(1.27);
    -moz-transform: scale(1.27);
    -ms-transform: scale(1.27);
    transform: scale(1.27)
}

.accordion-item.active .accordion-content {
    opacity: 1;
    visibility: visible
}

.accordion-item.active svg path {
    fill-opacity: .95
}

.accordion-item.active .accordion-minus {
    opacity: 1
}

.accordion-button {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-weight: 700;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    outline: none;
    text-align: left;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: 100%
}

.accordion-button p {
    opacity: .35
}

.accordion-content {
    background-color: #fff;
    color: #00000073;
    margin-right: calc(var(--rpx, 1px)*24 + 28px);
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden
}

.accordion-content p:last-child {
    margin-bottom: 0
}

.scaling-line {
    background-color: #000;
    height: 1px;
    margin: 16px 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.scaling-line[data-dirction-from-left] {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.scaling-line[data-dirction-from-right] {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.b-w-inner {
    background-color: #fff
}

#section-razor .label-t:not(:last-child) {
    margin-bottom: 5vw;
    margin-bottom: calc(var(--vw, 1vw)*5)
}

#section-razor .r-p3-text .label-t p:first-child, #section-razor .r-p3-text .label-t sup, #section-razor .r-p4-text .label-t p:first-child, #section-razor .r-p4-text .label-t sup {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-linear-gradient(344.63deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%), #000;
    background: -moz-linear-gradient(344.63deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%), #000;
    background: linear-gradient(105.37deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%), #000;
    -webkit-background-clip: text;
    background-clip: text
}

.text-www {
    opacity: 0
}

@media (min-width:1024px) {
    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    #section-ksp .ksp-text-wrapper {
        width: 100%
    }

    [ani-kv-ksp-tvc] #section-ksp .left-part .bottom, [ani-kv-ksp-tvc] #section-ksp .right-part, [ani-kv-ksp-tvc] #section-ksp a {
        cursor: none
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act img {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -moz-transition: transform .4s, -moz-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s, -moz-transform .4s
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    [ani-hand-feeling] .sticky-container {
        --inner-h: 52.08vw;
        --inner-h: -webkit-calc(var(--vw, 1vw)*52.08);
        --inner-h: -moz-calc(var(--vw, 1vw)*52.08);
        --inner-h: calc(var(--vw, 1vw)*52.08);
        margin-bottom: calc((var(--content-height) - min(var(--inner-h), var(--content-height)))/-2);
        margin-top: calc((var(--content-height) - min(var(--inner-h), var(--content-height)))/-2 - var(--rpx, 1px)*220)
    }

    .pub-s-t {
        gap: 16px;
        grid-template-columns: 28px 1fr
    }

    .pub-s-t p, .pub-s-t span {
        font-size: 20px;
        line-height: 28px
    }

    .pub-s-t img {
        height: 28px;
        width: 28px
    }

    .pub-s-t:not(.pub-s-t:first-child) {
        margin-top: 30px
    }

    .pub-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .pub-box-i:first-child {
        border-right: 1px solid hsla(0, 0%, 60%, .4)
    }

    .p-tit-lg {
        font-size: 48px;
        line-height: 56px
    }

    .p-desc-lg {
        font-size: 20px;
        line-height: 26px
    }

    [t-1] {
        font-size: 92px;
        letter-spacing: -1.84px;
        line-height: 1.4
    }

    [t-2] {
        font-size: 42px;
        line-height: 50px
    }

    [t-3] {
        font-size: 18px;
        line-height: 26px
    }

    [t-6] {
        font-size: 16px;
        line-height: 24px
    }

    [t-9] {
        font-size: 48px;
        line-height: 56px
    }

    [t-10] {
        font-size: 20px;
        line-height: 28px
    }

    [t-11] {
        font-size: 32px;
        line-height: 40px
    }

    [t-12] {
        font-size: 14px;
        line-height: 22px
    }

    [t-13] {
        font-size: 52px
    }

    [t-14] {
        font-size: 68px;
        line-height: 68px
    }

    [t-15] {
        font-size: 24px;
        line-height: 32px
    }

    #section-power {
        background: -webkit-linear-gradient(270.27deg, #fff 13.22%, #efefef 99.76%);
        background: -moz-linear-gradient(270.27deg, #fff 13.22%, #efefef 99.76%);
        background: linear-gradient(179.73deg, #fff 13.22%, #efefef 99.76%)
    }

    #section-power .scaling-line {
        background-color: #0000004d
    }

    #section-slim .slim-img-wrapper-inner {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: -webkit-calc(var(--rpx, 1px)*1312);
        width: -moz-calc(var(--rpx, 1px)*1312);
        width: calc(var(--rpx, 1px)*1312)
    }

    #section-gemini .gemini-t {
        margin: 0 calc(var(--rpx, 1px)*64);
        margin-top: calc(var(--rpx, 1px)*80)
    }

    .accordion-svg {
        height: 28px;
        width: 28px
    }

    .mo-show, .pad-show, .pc-hide {
        display: none !important
    }
}

@media (max-width:649px) {
    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    [data-comp-gallery] .images-container {
        width: 100%
    }

    [ani-kv-ksp-tvc] #section-ksp .border-layer {
        border-left: none;
        border-right: none
    }

    .sc-t2 {
        border-top: 1px solid hsla(0, 0%, 60%, .4)
    }

    .gradual-t {
        margin: 0 auto;
        width: -webkit-calc(var(--rpx, 1px)*318);
        width: -moz-calc(var(--rpx, 1px)*318);
        width: calc(var(--rpx, 1px)*318)
    }

    .pub-s-t:not(.pub-s-t:first-child) {
        margin-top: 14px
    }

    .pub-s-t:first-child {
        margin-top: 32px
    }

    .pub-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .pub-box {
        border-left: none;
        border-right: none
    }

    .pub-box-i {
        width: 100%
    }

    .pub-box-i-img {
        padding-top: 94.44444%
    }

    .pub-box-i:first-child {
        border-top: 1px solid hsla(0, 0%, 60%, .4)
    }

    #section-slim .sticky {
        height: -webkit-calc(var(--content-height)*1);
        height: -moz-calc(var(--content-height)*1);
        height: calc(var(--content-height)*1);
        overflow: visible;
        top: -webkit-calc(var(--nav-height) + var(--content-height)*0);
        top: -moz-calc(var(--nav-height) + var(--content-height)*0);
        top: calc(var(--nav-height) + var(--content-height)*0)
    }

    #section-slim .video-w {
        height: 87%;
        width: auto
    }

    #section-slim .video-text {
        top: 0
    }

    #section-slim .video-text .video-text-in {
        text-align: center;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }

    #section-slim .slim-img-wrapper {
        padding-bottom: calc(var(--rpx, 1px)*64);
        padding-top: 0
    }

    #section-slim .slim-img-wrapper-controls {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    #section-slim .slim-img-wrapper-inner {
        grid-gap: -webkit-calc(var(--rpx, 1px)*8);
        grid-gap: -moz-calc(var(--rpx, 1px)*8);
        grid-gap: calc(var(--rpx, 1px)*8);
        display: grid
    }

    #section-slim .slim-img-wrapper-inner-s, #section-slim .slim-img-wrapper-inner-b {
        height: -webkit-calc(var(--rpx, 1px)*340);
        height: -moz-calc(var(--rpx, 1px)*340);
        height: calc(var(--rpx, 1px)*340);
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .accordion-svg {
        height: 16px;
        width: 16px
    }

    .accordion-svg svg {
        height: 16px;
        width: 16px
    }

    .accordion-item {
        padding: calc(var(--rpx, 1px)*16)
    }

    .accordion-item .accordion-button p {
        font-size: 12px;
        line-height: 1.5
    }

    .accordion-item.active .accordion-button>p {
        -webkit-transform: scale(1.16);
        -moz-transform: scale(1.16);
        -ms-transform: scale(1.16);
        transform: scale(1.16)
    }

    .accordion-content {
        margin-right: calc(var(--rpx, 1px)*24 + 16px)
    }

    .mo-hide, .pad-show, .pc-show {
        display: none !important
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    [data-comp-gallery] .images-container {
        width: 100%
    }

    [ani-kv-ksp-tvc] #section-ksp .border-layer {
        border-left: none;
        border-right: none
    }

    .pub-s-t:not(.pub-s-t:first-child) {
        margin-top: 14px
    }

    .pub-box {
        border-left: none;
        border-right: none
    }

    .pub-box-i:first-child {
        border-right: 1px solid hsla(0, 0%, 60%, .4)
    }

    #section-power .gradual-t-wrapper {
        padding-bottom: calc(var(--rpx, 1px)*58)
    }

    #section-power {
        background: -webkit-linear-gradient(270.27deg, #fff 13.22%, #efefef 99.76%);
        background: -moz-linear-gradient(270.27deg, #fff 13.22%, #efefef 99.76%);
        background: linear-gradient(179.73deg, #fff 13.22%, #efefef 99.76%)
    }

    #section-power .scaling-line {
        background-color: #0000004d
    }

    #section-power .power-title .pub-s-t:nth-child(2) {
        margin-top: 18px
    }

    #section-power .power-title .pub-s-t:nth-child(3) {
        margin-top: 6px
    }

    #section-power .cover-text {
        right: 8%
    }

    #section-power .cable-text {
        left: 8%
    }

    #section-slim .slim-img-wrapper-inner {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    #section-slim .slim-img-wrapper-inner-s {
        height: -webkit-calc(var(--rpx, 1px)*340);
        height: -moz-calc(var(--rpx, 1px)*340);
        height: calc(var(--rpx, 1px)*340);
        margin-right: calc(var(--rpx, 1px)*8);
        width: -webkit-calc(var(--rpx, 1px)*260);
        width: -moz-calc(var(--rpx, 1px)*260);
        width: calc(var(--rpx, 1px)*260)
    }

    #section-slim .slim-img-wrapper-inner-b {
        height: -webkit-calc(var(--rpx, 1px)*340);
        height: -moz-calc(var(--rpx, 1px)*340);
        height: calc(var(--rpx, 1px)*340);
        width: -webkit-calc(var(--rpx, 1px)*452);
        width: -moz-calc(var(--rpx, 1px)*452);
        width: calc(var(--rpx, 1px)*452)
    }

    .accordion-svg {
        height: 16px;
        width: 16px
    }

    .accordion-svg svg {
        height: 16px;
        width: 16px
    }

    .accordion-item {
        padding: calc(var(--rpx, 1px)*16) calc(var(--rpx, 1px)*24)
    }

    .accordion-item .accordion-button p {
        font-size: 14px
    }

    .scaling-line {
        margin: 6px 0
    }

    .mo-show, .pad-hide, .pc-show {
        display: none !important
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }

    .sec-bottom-text {
        width: 500px
    }

    .r-p5-text {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media (min-width:1024px) and (max-width:1145px) and (min-aspect-ratio:42/25) {
    [ani-kv-ksp-tvc] .text-wrapper {
        -webkit-transform: translateY(22%);
        -moz-transform: translateY(22%);
        -ms-transform: translateY(22%);
        transform: translateY(22%)
    }
}

@media (min-width:1024px) and (max-aspect-ratio:1/1) and (min-width:1023px) {
    [ani-kv-ksp-tvc] #section-ksp .ksp-text-wrapper {
        top: -5%
    }

    [ani-kv-ksp-tvc] #section-ksp .bottom-data {
        bottom: -5%
    }
}

@media (width:1024px) {
    #section-power .cable-text {
        bottom: 27%
    }

    .kv-img {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .r-p3-text, .r-p4-text {
        -webkit-transform: scale(.55);
        -moz-transform: scale(.55);
        -ms-transform: scale(.55);
        transform: scale(.55)
    }

    #section-sec .core-text p {
        -webkit-transform: scale(.8) translateY(-15px);
        -moz-transform: scale(.8) translateY(-15px);
        -ms-transform: scale(.8) translateY(-15px);
        transform: scale(.8) translateY(-15px)
    }

    #section-sec .combine {
        -webkit-transform: scale(.75) translateY(15px);
        -moz-transform: scale(.75) translateY(15px);
        -ms-transform: scale(.75) translateY(15px);
        transform: scale(.75) translateY(15px)
    }

    #section-power .cover-text {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translate(20px)
    }

    .kv-text {
        left: 2vw;
        left: -webkit-calc(var(--vw, 1vw)*2);
        left: -moz-calc(var(--vw, 1vw)*2);
        left: calc(var(--vw, 1vw)*2);
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }

    .gradual-t {
        font-size: 60px
    }

    .pub-box [t-2] {
        font-size: 36px;
        line-height: 1.2
    }

    .kv-text {
        left: -3vw;
        left: -webkit-calc(var(--vw, 1vw)*-3);
        left: -moz-calc(var(--vw, 1vw)*-3);
        left: calc(var(--vw, 1vw)*-3)
    }

    .ksp-text-wrapper {
        padding-top: 0
    }

    .ksp-text-wrapper p[t-15] {
        font-size: 18px;
        line-height: 1.2
    }

    .ksp-text-wrapper p[t-6] {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 4px
    }

    .cable-text {
        bottom: 28% !important;
        left: 0 !important;
        width: 23% !important
    }

    .cable-text p[t-3] {
        font-size: 14px;
        line-height: 1.2
    }
}

@media (width:1143px) {
    .kv-img {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    #section-sec .sec-bottom-text>.combine {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    #section-sec .core-text p {
        -webkit-transform: scale(.55) translateY(3vw);
        -moz-transform: scale(.55) translateY(3vw);
        -ms-transform: scale(.55) translateY(3vw);
        transform: scale(.55) translateY(3vw);
        -webkit-transform: scale(.55) translateY(-webkit-calc(var(--vw, 1vw)*3));
        -moz-transform: scale(.55) translateY(-moz-calc(var(--vw, 1vw)*3));
        -ms-transform: scale(.55) translateY(calc(var(--vw, 1vw)*3));
        transform: scale(.55) translateY(calc(var(--vw, 1vw)*3))
    }

    .ksp-text-wrapper {
        padding: 8px
    }

    .ksp-text-wrapper>div {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .kv-text {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

@media (width:1728px) {
    #section-sec .bline-w, #section-sec .video-wrapper {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@media (min-width:1024px) and (max-width:1700px) {
    #section-sec .bline-w, #section-sec .video-wrapper {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@media (width:1280px) {
    #section-sec .sec-bottom-text>.combine {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    #section-sec .core-text p {
        -webkit-transform: scale(.5) translateY(4vw);
        -moz-transform: scale(.5) translateY(4vw);
        -ms-transform: scale(.5) translateY(4vw);
        transform: scale(.5) translateY(4vw);
        -webkit-transform: scale(.5) translateY(-webkit-calc(var(--vw, 1vw)*4));
        -moz-transform: scale(.5) translateY(-moz-calc(var(--vw, 1vw)*4));
        -ms-transform: scale(.5) translateY(calc(var(--vw, 1vw)*4));
        transform: scale(.5) translateY(calc(var(--vw, 1vw)*4))
    }

    .right-part a.hover-act:hover img {
        -webkit-transform: scale(.9) !important;
        -moz-transform: scale(.9) !important;
        -ms-transform: scale(.9) !important;
        transform: scale(.9) !important
    }

    .right-part a img {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }
}

@media (width:768px) {
    #section-sec .video-wrapper {
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01)
    }

    #section-sec .sec-bottom-text>.combine {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    #section-sec .core-text p {
        -webkit-transform: scale(.55);
        -moz-transform: scale(.55);
        -ms-transform: scale(.55);
        transform: scale(.55)
    }

    .cable-text {
        left: 6% !important;
        width: -webkit-calc(var(--rpx, 1px)*144) !important;
        width: -moz-calc(var(--rpx, 1px)*144) !important;
        width: calc(var(--rpx, 1px)*144) !important
    }

    .cable-text p[t-3] {
        font-size: 12px !important
    }
}

@media (aspect-ratio:4/3) {
    #section-sec .core-text p {
        margin-top: -44vw;
        margin-top: calc(var(--vw, 1vw)*-44)
    }
}

@media (width:698px) {
    #section-sec .core-text p {
        -webkit-transform: scale(.85) translateY(-1vw);
        -moz-transform: scale(.85) translateY(-1vw);
        -ms-transform: scale(.85) translateY(-1vw);
        transform: scale(.85) translateY(-1vw);
        -webkit-transform: scale(.85) translateY(-webkit-calc(var(--vw, 1vw)*-1));
        -moz-transform: scale(.85) translateY(-moz-calc(var(--vw, 1vw)*-1));
        -ms-transform: scale(.85) translateY(calc(var(--vw, 1vw)*-1));
        transform: scale(.85) translateY(calc(var(--vw, 1vw)*-1))
    }

    #section-sec .sec-bottom-text {
        margin-top: 27vh;
        margin-top: calc(var(--vh, 1vh)*27)
    }
}

@media (width:699px) {
    #section-sec .core-text p {
        -webkit-transform: scale(.85) translateY(-1vw);
        -moz-transform: scale(.85) translateY(-1vw);
        -ms-transform: scale(.85) translateY(-1vw);
        transform: scale(.85) translateY(-1vw);
        -webkit-transform: scale(.85) translateY(-webkit-calc(var(--vw, 1vw)*-1));
        -moz-transform: scale(.85) translateY(-moz-calc(var(--vw, 1vw)*-1));
        -ms-transform: scale(.85) translateY(calc(var(--vw, 1vw)*-1));
        transform: scale(.85) translateY(calc(var(--vw, 1vw)*-1))
    }

    #section-sec .sec-bottom-text {
        margin-top: 29vh;
        margin-top: calc(var(--vh, 1vh)*29)
    }
}

@media (width:751px) {
    #section-sec .core-text p {
        -webkit-transform: scale(.85) translateY(-1vw);
        -moz-transform: scale(.85) translateY(-1vw);
        -ms-transform: scale(.85) translateY(-1vw);
        transform: scale(.85) translateY(-1vw);
        -webkit-transform: scale(.85) translateY(-webkit-calc(var(--vw, 1vw)*-1));
        -moz-transform: scale(.85) translateY(-moz-calc(var(--vw, 1vw)*-1));
        -ms-transform: scale(.85) translateY(calc(var(--vw, 1vw)*-1));
        transform: scale(.85) translateY(calc(var(--vw, 1vw)*-1))
    }

    #section-sec .sec-bottom-text {
        margin-top: 29vh;
        margin-top: calc(var(--vh, 1vh)*29)
    }
}

@media (width:2560px) {
    .pub-box {
        margin: 0 auto;
        width: -webkit-calc(var(--rpx, 1px)*1312);
        width: -moz-calc(var(--rpx, 1px)*1312);
        width: calc(var(--rpx, 1px)*1312)
    }

    .r-p5-text {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media (width:1440px) and (max-height:700px) {
    .core-text p {
        -webkit-transform: scale(.6) translateY(35px);
        -moz-transform: scale(.6) translateY(35px);
        -ms-transform: scale(.6) translateY(35px);
        transform: scale(.6) translateY(35px)
    }
}

@media (min-width:1023px) and (max-width:1441px) {
    .r-p5-text {
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }
}

@media (min-width:2559px) {
    #section-power .cover-text {
        right: -5%;
        width: 40%
    }
}

@media (width:360px) and (max-height:700px) {
    #kv-ksp-tvc a {
        padding: calc(var(--rpx, 1px)*6)
    }
}

@media (min-width:1024px) {
    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    .fade-in-pc {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pc.show, .fade-in-pc[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (max-width:649px) {
    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-mo.show, .fade-in-mo[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    .fade-in-pad {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pad, .fade-in-pad[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in-pad[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pad.show, .fade-in-pad[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in, .fade-in[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

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

.zn--wrapper .font-b, .zn--wrapper .font-m {
    font-family: OnePlus Sans Medium, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

html {
    overflow: unset !important
}

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

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

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

.g--popup {
    height: var(--window-height, 100vh);
    height: var(--window-height, -webkit-calc(var(--vh, 1vh)*100));
    height: var(--window-height, -moz-calc(var(--vh, 1vh)*100));
    height: var(--window-height, calc(var(--vh, 1vh)*100));
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(120vh);
    -moz-transform: translateY(120vh);
    -ms-transform: translateY(120vh);
    transform: translateY(120vh);
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*120));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*120));
    -ms-transform: translateY(calc(var(--vh, 1vh)*120));
    transform: translateY(calc(var(--vh, 1vh)*120));
    width: 100%;
    z-index: 9999
}

.g--popup.show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.g--popup.disappear, .g--popup.show {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s
}

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

.g--popup .g--video-wrapper {
    margin-top: -12px;
    position: relative
}

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

.g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper .video, .g--popup .g--video-wrapper video {
    border: none;
    height: 100%;
    max-height: 75vh;
    max-height: -webkit-calc(var(--vh, 1vh)*75);
    max-height: -moz-calc(var(--vh, 1vh)*75);
    max-height: calc(var(--vh, 1vh)*75);
    outline: none;
    width: 100%
}

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

.g--popup .g--video-wrapper .iframe-poster {
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: skeletonLoading;
    -moz-animation-name: skeletonLoading;
    animation-name: skeletonLoading;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, .06)), color-stop(37%, rgba(0, 0, 0, .15)), color-stop(63%, rgba(0, 0, 0, .06)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    background: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    -webkit-background-size: 400% 100%;
    background-size: 400% 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.g--popup .g--video-wrapper iframe.video {
    position: relative;
    z-index: 1
}

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

.g--popup .g--popup-close.v1 {
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 0;
    top: -36px;
    width: 24px;
    z-index: 2
}

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

.g--popup .g--popup-close.v2 {
    cursor: pointer;
    height: 32px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    z-index: 2
}

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

.g--popup-container.v2.v2 {
    background: #201f1c
}

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

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

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

.light-theme :not(.dark-theme) .g--popup-container.v1 {
    background: #fff
}

.light-theme :not(.dark-theme) .g--popup-close.v1 polygon {
    fill: #000
}

.light-theme :not(.dark-theme) .g--popup-container.v2 {
    background: #fafafa
}

.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
    fill: #efede9
}

.light-theme :not(.dark-theme) .g--popup-close.v2 path {
    fill: #000
}

@-moz-keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-webkit-keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@media (min-width:1024px) {
    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 34.115vw;
        height: -webkit-calc(var(--vw, 1vw)*34.115);
        height: -moz-calc(var(--vw, 1vw)*34.115);
        height: calc(var(--vw, 1vw)*34.115)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 60.65vw;
        width: -webkit-calc(var(--vw, 1vw)*60.65);
        width: -moz-calc(var(--vw, 1vw)*60.65);
        width: calc(var(--vw, 1vw)*60.65)
    }
}

@media (max-width:649px) {
    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    .g--popup .g--popup-container {
        padding: 0
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 50.634vw;
        height: -webkit-calc(var(--vw, 1vw)*50.634);
        height: -moz-calc(var(--vw, 1vw)*50.634);
        height: calc(var(--vw, 1vw)*50.634);
        width: 90vw;
        width: -webkit-calc(var(--vw, 1vw)*90);
        width: -moz-calc(var(--vw, 1vw)*90);
        width: calc(var(--vw, 1vw)*90)
    }

    .g--popup .g--video-wrapper.v1 {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .g--popup .g--video-wrapper.v2 {
        max-width: 90vw;
        max-width: -webkit-calc(var(--vw, 1vw)*90);
        max-width: -moz-calc(var(--vw, 1vw)*90);
        max-width: calc(var(--vw, 1vw)*90)
    }

    .g--popup .g--popup-close.v1 {
        height: 28px;
        right: 16px;
        top: -48px;
        width: 28px
    }

    .g--popup .g--popup-close.v2 {
        right: -webkit-calc(50% - 16px);
        right: -moz-calc(50% - 16px);
        right: calc(50% - 16px);
        top: -webkit-calc(var(--window-height) - 59px);
        top: -moz-calc(var(--window-height) - 59px);
        top: calc(var(--window-height) - 59px)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 42.1875vw;
        height: -webkit-calc(var(--vw, 1vw)*42.1875);
        height: -moz-calc(var(--vw, 1vw)*42.1875);
        height: calc(var(--vw, 1vw)*42.1875);
        width: 75vw;
        width: -webkit-calc(var(--vw, 1vw)*75);
        width: -moz-calc(var(--vw, 1vw)*75);
        width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 75vw;
        width: -webkit-calc(var(--vw, 1vw)*75);
        width: -moz-calc(var(--vw, 1vw)*75);
        width: calc(var(--vw, 1vw)*75)
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }
}