body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

:root {
    --vw: 1vw;
    --r: 1;
    --vh: 1vh;
    --bg-dark: #000;
}

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

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

.section-title .title-wrapper, .section-title .title-wrapper .inner-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.section-title .title-wrapper .inner-title {
    color: #fff;
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    transform: rotateY(45deg)
}

.section-title .title-wrapper .inner-title span[data-color] {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, var(--data-color)), color-stop(66%, #fff));
    background-image: -webkit-linear-gradient(left, var(--data-color) 33%, #fff 66%);
    background-image: -moz-linear-gradient(left, var(--data-color) 33%, #fff 66%);
    background-image: linear-gradient(90deg, var(--data-color) 33%, #fff 66%);
    background-position: 100%;
    -webkit-background-size: 300% 100%;
    background-size: 300% 100%;
    color: transparent
}

@media (min-width:1024px) and (max-width:1280px) {
    .section-title .title-wrapper .inner-title {
        font-size: -webkit-calc(var(--rpx, 1px)*68);
        font-size: -moz-calc(var(--rpx, 1px)*68);
        font-size: calc(var(--rpx, 1px)*68)
    }
}

.zn--wrapper .zn--drawer-wrapper {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99
}

.zn--wrapper .zn--drawer-modal {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.zn--wrapper .zn--drawer-modal.drawer-enter {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.zn--wrapper .squeezed-mask {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20
}

.zn--wrapper .squeezed-leave:not(.in-place) {
    -webkit-transform: translate3d(-50vw, 0, 0);
    -moz-transform: translate3d(-50vw, 0, 0);
    transform: translate3d(-50vw, 0, 0);
    -webkit-transform: translate3d(-webkit-calc(var(--vw, 1vw)*-50), 0, 0);
    -moz-transform: translate3d(-moz-calc(var(--vw, 1vw)*-50), 0, 0);
    transform: translate3d(calc(var(--vw, 1vw)*-50), 0, 0)
}

.zn--wrapper .squeezed-leave .squeezed-mask {
    opacity: 1
}

.zn--wrapper .drawer-trans, .zn--wrapper .squeezed-trans:not(.in-place) {
    -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
}

.zn--wrapper .squeezed-mask {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

.zn--wrapper .zn--drawer-modal {
    background: #fff;
    -webkit-transform: translate3d(100vw, 0, 0);
    -moz-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0);
    -webkit-transform: translate3d(-webkit-calc(var(--vw, 1vw)*100), 0, 0);
    -moz-transform: translate3d(-moz-calc(var(--vw, 1vw)*100), 0, 0);
    transform: translate3d(calc(var(--vw, 1vw)*100), 0, 0);
    visibility: hidden;
    z-index: 999
}

.zn--wrapper .zn--drawer-modal .zn--drawer-close path {
    fill: #000
}

.zn--wrapper .zn--drawer-modal[data-theme=dark] {
    background: #000
}

.zn--wrapper .zn--drawer-modal[data-theme=dark] .zn--drawer-close path {
    fill: #fff
}

.zn--wrapper .zn--drawer-modal .drawer-scroll-y-wrapper {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.zn--wrapper .zn--drawer-modal .drawer-scroll-y-wrapper.need-scroll-y {
    -ms-overflow-style: none;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.zn--wrapper .zn--drawer-modal .drawer-scroll-y-wrapper.need-scroll-y::-webkit-scrollbar {
    display: none
}

.zn--wrapper .container {
    width: 100%
}

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

.zn--wrapper .bg-\[\#00000024\] {
    --tw-bg-opacity: .1411764705882353;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#f50514\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 5, 20, var(--tw-bg-opacity))
}

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

.zn--wrapper .bg-\[\#DAF64F\] {
    --tw-bg-opacity: 1;
    background-color: rgba(218, 246, 79, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#01B2D2\] {
    --tw-bg-opacity: 1;
    background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#FFFFFFA0\] {
    --tw-bg-opacity: .6274509803921569;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#00000080\] {
    --tw-bg-opacity: .5019607843137255;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#FFFFFF4D\] {
    --tw-bg-opacity: .30196078431372547;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#ffffff33\] {
    --tw-bg-opacity: .2;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#1D1D1D\] {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 29, 29, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#FFFFFF1A\] {
    --tw-bg-opacity: .10196078431372549;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#FFFFFF33\] {
    --tw-bg-opacity: .2;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

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

.zn--wrapper .bg-\[\#333333\] {
    --tw-bg-opacity: 1;
    background-color: rgba(51, 51, 51, var(--tw-bg-opacity))
}

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

.zn--wrapper .bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

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

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

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

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

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

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

.zn--wrapper .bg-black\/25 {
    --tw-bg-opacity: .25;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-white\/10 {
    --tw-bg-opacity: .1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.zn--wrapper .bg-black\/20 {
    --tw-bg-opacity: .2;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-black\/9 {
    --tw-bg-opacity: .09;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-white\/70 {
    --tw-bg-opacity: .7;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#E6E6E6\] {
    --tw-bg-opacity: 1;
    background-color: rgba(230, 230, 230, var(--tw-bg-opacity))
}

.zn--wrapper .bg-black\/8 {
    --tw-bg-opacity: .08;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#999\] {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 153, 153, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 217, 217, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[white\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[rgba\(0\,0\,0\,0\.4\)\] {
    --tw-bg-opacity: .4;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#00000033\] {
    --tw-bg-opacity: .2;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#dadada\] {
    --tw-bg-opacity: 1;
    background-color: rgba(218, 218, 218, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[rgba\(115\,137\,227\,0\.08\)\)\] {
    --tw-bg-opacity: 1;
    background-color: rgba(rgba(115, 137, 227, .08)), var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[rgba\(0\,0\,0\,0\.2\)\] {
    --tw-bg-opacity: .2;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.zn--wrapper .bg-\[\#f5f5f7\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 245, 247, var(--tw-bg-opacity))
}

.zn--wrapper .bg-opacity-40 {
    --tw-bg-opacity: .4
}

.zn--wrapper .border-\[\#FFFFFF33\] {
    --tw-border-opacity: .2;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.zn--wrapper .border-\[\#333\], .zn--wrapper .border-color-\[\#333333\] {
    --tw-border-opacity: 1;
    border-color: rgba(51, 51, 51, var(--tw-border-opacity))
}

.zn--wrapper .rounded-4px {
    border-radius: 4px
}

.zn--wrapper .rounded-\[999px\] {
    border-radius: 999px
}

.zn--wrapper .rounded-44\.5rpx {
    border-radius: -webkit-calc(var(--rpx, 1px)*44.5);
    border-radius: -moz-calc(var(--rpx, 1px)*44.5);
    border-radius: calc(var(--rpx, 1px)*44.5)
}

.zn--wrapper .rounded-24\.91rpx {
    border-radius: -webkit-calc(var(--rpx, 1px)*24.91);
    border-radius: -moz-calc(var(--rpx, 1px)*24.91);
    border-radius: calc(var(--rpx, 1px)*24.91)
}

.zn--wrapper .rounded-\[6px\] {
    border-radius: 6px
}

.zn--wrapper .rounded-full {
    border-radius: 9999px
}

.zn--wrapper .rounded-9px {
    border-radius: 9px
}

.zn--wrapper .rounded-14px {
    border-radius: 14px
}

.zn--wrapper .rounded-8rpx {
    border-radius: -webkit-calc(var(--rpx, 1px)*8);
    border-radius: -moz-calc(var(--rpx, 1px)*8);
    border-radius: calc(var(--rpx, 1px)*8)
}

.zn--wrapper .rounded-\[115vw\] {
    border-radius: 115vw;
    border-radius: -webkit-calc(var(--vw, 1vw)*115);
    border-radius: -moz-calc(var(--vw, 1vw)*115);
    border-radius: calc(var(--vw, 1vw)*115)
}

.zn--wrapper .border-solid {
    border-style: solid
}

.zn--wrapper .border-1px {
    border-width: 1px
}

.zn--wrapper .border-b-0 {
    border-bottom-width: 0
}

.zn--wrapper .border-l-0 {
    border-left-width: 0
}

.zn--wrapper .cursor-pointer {
    cursor: pointer
}

.zn--wrapper .block {
    display: block
}

.zn--wrapper .inline-block {
    display: inline-block
}

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

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

.zn--wrapper .hidden {
    display: none
}

.zn--wrapper .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
}

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

.zn--wrapper .items-end {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

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

.zn--wrapper .self-stretch {
    -ms-grid-row-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch
}

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

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

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

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

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

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

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

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

.zn--wrapper .font-medium {
    font-weight: 500
}

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

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

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

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

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

.zn--wrapper .h-full {
    height: 100%
}

.zn--wrapper .h-auto {
    height: auto
}

.zn--wrapper .h-1\/2 {
    height: 50%
}

.zn--wrapper .h-1\/6 {
    height: 16.666667%
}

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

.zn--wrapper .h-40px {
    height: 40px
}

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

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

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

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

.zn--wrapper .h-38px {
    height: 38px
}

.zn--wrapper .h-9\.37px {
    height: 9.37px
}

.zn--wrapper .h-\[48px\] {
    height: 48px
}

.zn--wrapper .h-28px {
    height: 28px
}

.zn--wrapper .h-32px {
    height: 32px
}

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

.zn--wrapper .h-96px {
    height: 96px
}

.zn--wrapper .h-\[calc\(1000px\+var\(--content-height\)\)\] {
    height: -webkit-calc(1000px + var(--content-height));
    height: -moz-calc(1000px + var(--content-height));
    height: calc(1000px + var(--content-height))
}

.zn--wrapper .h-\[var\(--content-height\)\] {
    height: var(--content-height)
}

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

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

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

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

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

.zn--wrapper .h-\[23\.39\%\] {
    height: 23.39%
}

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

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

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

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

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

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

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

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

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

.zn--wrapper .h-59px {
    height: 59px
}

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .\!h-\[var\(--content-height\)\] {
    height: var(--content-height) !important
}

.zn--wrapper .h-55\.6vw {
    height: 55.6vw;
    height: -webkit-calc(var(--vw, 1vw)*55.6);
    height: -moz-calc(var(--vw, 1vw)*55.6);
    height: calc(var(--vw, 1vw)*55.6)
}

.zn--wrapper .h-\[67\.9\%\] {
    height: 67.9%
}

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

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

.zn--wrapper .h-402px {
    height: 402px
}

.zn--wrapper .h-80px {
    height: 80px
}

.zn--wrapper .h-250px {
    height: 250px
}

.zn--wrapper .h-52px {
    height: 52px
}

.zn--wrapper .h-24px {
    height: 24px
}

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

.zn--wrapper .h-68px {
    height: 68px
}

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

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

.zn--wrapper .h-33px {
    height: 33px
}

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

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

.zn--wrapper .h-18px {
    height: 18px
}

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

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

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

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

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

.zn--wrapper .h-\[calc\(var\(--content-height\)\+200vh\)\] {
    height: -webkit-calc(var(--content-height) + 200vh);
    height: -moz-calc(var(--content-height) + 200vh);
    height: calc(var(--content-height) + 200vh);
    height: -webkit-calc(var(--content-height) + var(--vh, 1vh)*200);
    height: -moz-calc(var(--content-height) + var(--vh, 1vh)*200);
    height: calc(var(--content-height) + var(--vh, 1vh)*200)
}

.zn--wrapper .h-1px {
    height: 1px
}

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

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

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

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

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

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

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

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

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

.zn--wrapper .h-85\.5px {
    height: 85.5px
}

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

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

.zn--wrapper .h-22\.5vw {
    height: 22.5vw;
    height: -webkit-calc(var(--vw, 1vw)*22.5);
    height: -moz-calc(var(--vw, 1vw)*22.5);
    height: calc(var(--vw, 1vw)*22.5)
}

.zn--wrapper .h-14\.17vw {
    height: 14.17vw;
    height: -webkit-calc(var(--vw, 1vw)*14.17);
    height: -moz-calc(var(--vw, 1vw)*14.17);
    height: calc(var(--vw, 1vw)*14.17)
}

.zn--wrapper .h-52\.78vw {
    height: 52.78vw;
    height: -webkit-calc(var(--vw, 1vw)*52.78);
    height: -moz-calc(var(--vw, 1vw)*52.78);
    height: calc(var(--vw, 1vw)*52.78)
}

.zn--wrapper .h-50px {
    height: 50px
}

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

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

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

.zn--wrapper .h-\[calc\(var\(--content-height\)-276rpx\)\] {
    height: -webkit-calc(var(--content-height) - var(--rpx, 1px)*276);
    height: -moz-calc(var(--content-height) - var(--rpx, 1px)*276);
    height: calc(var(--content-height) - var(--rpx, 1px)*276)
}

.zn--wrapper .h-34px {
    height: 34px
}

.zn--wrapper .h-44px {
    height: 44px
}

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

.zn--wrapper .h-\[62\.2px\] {
    height: 62.2px
}

.zn--wrapper .h-3px {
    height: 3px
}

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

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

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

.zn--wrapper .h-\[calc\(100vh\+200vh\)\] {
    height: 300vh;
    height: -webkit-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*200);
    height: -moz-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*200);
    height: calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*200)
}

.zn--wrapper .h-\[calc\(100vh\+150vh\)\] {
    height: 250vh;
    height: -webkit-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150);
    height: -moz-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150);
    height: calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150)
}

.zn--wrapper .\!h-110px {
    height: 110px !important
}

.zn--wrapper .\!h-68px {
    height: 68px !important
}

.zn--wrapper .h-93vw {
    height: 93vw;
    height: -webkit-calc(var(--vw, 1vw)*93);
    height: -moz-calc(var(--vw, 1vw)*93);
    height: calc(var(--vw, 1vw)*93)
}

.zn--wrapper .h-76vw {
    height: 76vw;
    height: -webkit-calc(var(--vw, 1vw)*76);
    height: -moz-calc(var(--vw, 1vw)*76);
    height: calc(var(--vw, 1vw)*76)
}

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

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

.zn--wrapper .\!h-97rpx {
    height: -webkit-calc(var(--rpx, 1px)*97) !important;
    height: -moz-calc(var(--rpx, 1px)*97) !important;
    height: calc(var(--rpx, 1px)*97) !important
}

.zn--wrapper .\!h-157px {
    height: 157px !important
}

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

.zn--wrapper .h-2px {
    height: 2px
}

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

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

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

.zn--wrapper .h-\[calc\(var\(--content-height\)\+2600px\)\] {
    height: -webkit-calc(var(--content-height) + 2600px);
    height: -moz-calc(var(--content-height) + 2600px);
    height: calc(var(--content-height) + 2600px)
}

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

.zn--wrapper .h-76px {
    height: 76px
}

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

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

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

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

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

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

.zn--wrapper .h-13px {
    height: 13px
}

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

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

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

.zn--wrapper .h-74px {
    height: 74px
}

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

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

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

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

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

.zn--wrapper .text-80rpx {
    font-size: -webkit-calc(var(--rpx, 1px)*80);
    font-size: -moz-calc(var(--rpx, 1px)*80);
    font-size: calc(var(--rpx, 1px)*80);
    line-height: 1
}

.zn--wrapper .text-38rpx {
    font-size: -webkit-calc(var(--rpx, 1px)*38);
    font-size: -moz-calc(var(--rpx, 1px)*38);
    font-size: calc(var(--rpx, 1px)*38);
    line-height: 1
}

.zn--wrapper .text-\[22\.47rpx\] {
    font-size: -webkit-calc(var(--rpx, 1px)*22.47);
    font-size: -moz-calc(var(--rpx, 1px)*22.47);
    font-size: calc(var(--rpx, 1px)*22.47);
    line-height: 1
}

.zn--wrapper .text-36px {
    font-size: 36px;
    line-height: 1
}

.zn--wrapper .text-16\.9px {
    font-size: 16.9px;
    line-height: 1
}

.zn--wrapper .text-\[12\.58rpx\] {
    font-size: -webkit-calc(var(--rpx, 1px)*12.58);
    font-size: -moz-calc(var(--rpx, 1px)*12.58);
    font-size: calc(var(--rpx, 1px)*12.58);
    line-height: 1
}

.zn--wrapper .text-90rpx {
    font-size: -webkit-calc(var(--rpx, 1px)*90);
    font-size: -moz-calc(var(--rpx, 1px)*90);
    font-size: calc(var(--rpx, 1px)*90);
    line-height: 1
}

.zn--wrapper .text-42px {
    font-size: 42px;
    line-height: 1
}

.zn--wrapper .text-64px {
    font-size: 64px;
    line-height: 1
}

.zn--wrapper .text-14px {
    font-size: 14px;
    line-height: 1
}

.zn--wrapper .text-68px {
    font-size: 68px;
    line-height: 1
}

.zn--wrapper .text-52px {
    font-size: 52px;
    line-height: 1
}

.zn--wrapper .text-24px {
    font-size: 24px;
    line-height: 1
}

.zn--wrapper .text-32px {
    font-size: 32px;
    line-height: 1
}

.zn--wrapper .text-44px {
    font-size: 44px;
    line-height: 1
}

.zn--wrapper .text-16px {
    font-size: 16px;
    line-height: 1
}

.zn--wrapper .text-18px {
    font-size: 18px;
    line-height: 1
}

.zn--wrapper .text-34px {
    font-size: 34px;
    line-height: 1
}

.zn--wrapper .text-20px {
    font-size: 20px;
    line-height: 1
}

.zn--wrapper .text-28px {
    font-size: 28px;
    line-height: 1
}

.zn--wrapper .leading-\[1\.25\] {
    line-height: 1.25
}

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

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

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

.zn--wrapper .leading-\[1\.2\] {
    line-height: 1.2
}

.zn--wrapper .leading-\[24px\] {
    line-height: 24px
}

.zn--wrapper .leading-\[1\] {
    line-height: 1
}

.zn--wrapper .\!leading-\[1\.3\] {
    line-height: 1.3 !important
}

.zn--wrapper .\!leading-\[1\.5\] {
    line-height: 1.5 !important
}

.zn--wrapper .\!leading-\[1\.2\] {
    line-height: 1.2 !important
}

.zn--wrapper .\!leading-\[1\.4\] {
    line-height: 1.4 !important
}

.zn--wrapper .\!leading-\[1\.66\] {
    line-height: 1.66 !important
}

.zn--wrapper .list-decimal {
    list-style-type: decimal
}

.zn--wrapper .mx-28px {
    margin-left: 28px;
    margin-right: 28px
}

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

.zn--wrapper .my-8px {
    margin-bottom: 8px;
    margin-top: 8px
}

.zn--wrapper .my-22rpx {
    margin-bottom: calc(var(--rpx, 1px)*22);
    margin-top: calc(var(--rpx, 1px)*22)
}

.zn--wrapper .mt-37px {
    margin-top: 37px
}

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

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

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

.zn--wrapper .ml-16px {
    margin-left: 16px
}

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

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

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

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

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

.zn--wrapper .-mt-165px {
    margin-top: -165px
}

.zn--wrapper .mt-23px {
    margin-top: 23px
}

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

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

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

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

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

.zn--wrapper .-mt-175px {
    margin-top: -175px
}

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

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

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

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

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

.zn--wrapper .-mt-13px {
    margin-top: -13px
}

.zn--wrapper .ml-\[5\.5px\] {
    margin-left: 5.5px
}

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

.zn--wrapper .mt-7px {
    margin-top: 7px
}

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

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

.zn--wrapper .ml-0\.1rpx {
    margin-left: calc(var(--rpx, 1px)*.1)
}

.zn--wrapper .-mt-1px {
    margin-top: -1px
}

.zn--wrapper .-mt-800px {
    margin-top: -800px
}

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

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

.zn--wrapper .ml-8px {
    margin-left: 8px
}

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

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

.zn--wrapper .ml-5px {
    margin-left: 5px
}

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

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

.zn--wrapper .mt-auto {
    margin-top: auto
}

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

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

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

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

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

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

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

.zn--wrapper .ml-12px {
    margin-left: 12px
}

.zn--wrapper .mt-8px {
    margin-top: 8px
}

.zn--wrapper .mr-7px {
    margin-right: 7px
}

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

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

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

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

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

.zn--wrapper .max-h-\[395px\] {
    max-height: 395px
}

.zn--wrapper .max-w-full {
    max-width: 100%
}

.zn--wrapper .max-w-800px {
    max-width: 800px
}

.zn--wrapper .max-w-\[93\%\] {
    max-width: 93%
}

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

.zn--wrapper .max-w-300px {
    max-width: 300px
}

.zn--wrapper .max-w-327px {
    max-width: 327px
}

.zn--wrapper .max-w-1328rpx {
    max-width: -webkit-calc(var(--rpx, 1px)*1328);
    max-width: -moz-calc(var(--rpx, 1px)*1328);
    max-width: calc(var(--rpx, 1px)*1328)
}

.zn--wrapper .max-w-554rpx {
    max-width: -webkit-calc(var(--rpx, 1px)*554);
    max-width: -moz-calc(var(--rpx, 1px)*554);
    max-width: calc(var(--rpx, 1px)*554)
}

.zn--wrapper .max-w-477px {
    max-width: 477px
}

.zn--wrapper .max-w-\[287px\] {
    max-width: 287px
}

.zn--wrapper .max-w-604rpx {
    max-width: -webkit-calc(var(--rpx, 1px)*604);
    max-width: -moz-calc(var(--rpx, 1px)*604);
    max-width: calc(var(--rpx, 1px)*604)
}

.zn--wrapper .max-w-\[748px\] {
    max-width: 748px
}

.zn--wrapper .min-h-\[2\.8em\] {
    min-height: 2.8em
}

.zn--wrapper .min-w-50px {
    min-width: 50px
}

.zn--wrapper .min-w-100px {
    min-width: 100px
}

.zn--wrapper .object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.zn--wrapper .\!object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

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

.zn--wrapper .opacity-95 {
    opacity: .95
}

.zn--wrapper .opacity-50 {
    opacity: .5
}

.zn--wrapper .opacity-55 {
    opacity: .55
}

.zn--wrapper .opacity-0 {
    opacity: 0
}

.zn--wrapper .opacity-30 {
    opacity: .3
}

.zn--wrapper .opacity-35 {
    opacity: .35
}

.zn--wrapper .opacity-90 {
    opacity: .9
}

.zn--wrapper .opacity-20 {
    opacity: .2
}

.zn--wrapper .opacity-60 {
    opacity: .6
}

.zn--wrapper .opacity-32 {
    opacity: .32
}

.zn--wrapper .overflow-hidden {
    overflow: hidden
}

.zn--wrapper .overflow-visible {
    overflow: visible
}

.zn--wrapper .px-20px {
    padding-left: 20px;
    padding-right: 20px
}

.zn--wrapper .py-14px {
    padding-bottom: 14px;
    padding-top: 14px
}

.zn--wrapper .px-16px {
    padding-left: 16px;
    padding-right: 16px
}

.zn--wrapper .py-16px {
    padding-bottom: 16px;
    padding-top: 16px
}

.zn--wrapper .px-21rpx {
    padding-left: calc(var(--rpx, 1px)*21);
    padding-right: calc(var(--rpx, 1px)*21)
}

.zn--wrapper .py-13rpx {
    padding-bottom: calc(var(--rpx, 1px)*13);
    padding-top: calc(var(--rpx, 1px)*13)
}

.zn--wrapper .px-12rpx {
    padding-left: calc(var(--rpx, 1px)*12);
    padding-right: calc(var(--rpx, 1px)*12)
}

.zn--wrapper .py-7rpx {
    padding-bottom: calc(var(--rpx, 1px)*7);
    padding-top: calc(var(--rpx, 1px)*7)
}

.zn--wrapper .py-8px {
    padding-bottom: 8px;
    padding-top: 8px
}

.zn--wrapper .py-70rpx {
    padding-bottom: calc(var(--rpx, 1px)*70);
    padding-top: calc(var(--rpx, 1px)*70)
}

.zn--wrapper .py-20rpx {
    padding-bottom: calc(var(--rpx, 1px)*20);
    padding-top: calc(var(--rpx, 1px)*20)
}

.zn--wrapper .px-16rpx {
    padding-left: calc(var(--rpx, 1px)*16);
    padding-right: calc(var(--rpx, 1px)*16)
}

.zn--wrapper .px-12px {
    padding-left: 12px;
    padding-right: 12px
}

.zn--wrapper .px-8px {
    padding-left: 8px;
    padding-right: 8px
}

.zn--wrapper .px-8rpx {
    padding-left: calc(var(--rpx, 1px)*8);
    padding-right: calc(var(--rpx, 1px)*8)
}

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

.zn--wrapper .px-14px {
    padding-left: 14px;
    padding-right: 14px
}

.zn--wrapper .py-150rpx {
    padding-bottom: calc(var(--rpx, 1px)*150);
    padding-top: calc(var(--rpx, 1px)*150)
}

.zn--wrapper .px-20rpx {
    padding-left: calc(var(--rpx, 1px)*20);
    padding-right: calc(var(--rpx, 1px)*20)
}

.zn--wrapper .px-24px {
    padding-left: 24px;
    padding-right: 24px
}

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

.zn--wrapper .pl-16px {
    padding-left: 16px
}

.zn--wrapper .pr-24px {
    padding-right: 24px
}

.zn--wrapper .pt-192rpx {
    padding-top: calc(var(--rpx, 1px)*192)
}

.zn--wrapper .pb-202rpx {
    padding-bottom: calc(var(--rpx, 1px)*202)
}

.zn--wrapper .pt-16rpx {
    padding-top: calc(var(--rpx, 1px)*16)
}

.zn--wrapper .pt-114rpx {
    padding-top: calc(var(--rpx, 1px)*114)
}

.zn--wrapper .pb-98rpx {
    padding-bottom: calc(var(--rpx, 1px)*98)
}

.zn--wrapper .pt-85rpx {
    padding-top: calc(var(--rpx, 1px)*85)
}

.zn--wrapper .pb-40rpx {
    padding-bottom: calc(var(--rpx, 1px)*40)
}

.zn--wrapper .pt-75rpx {
    padding-top: calc(var(--rpx, 1px)*75)
}

.zn--wrapper .pb-44rpx {
    padding-bottom: calc(var(--rpx, 1px)*44)
}

.zn--wrapper .pl-75rpx {
    padding-left: calc(var(--rpx, 1px)*75)
}

.zn--wrapper .pl-64rpx {
    padding-left: calc(var(--rpx, 1px)*64)
}

.zn--wrapper .pt-93rpx {
    padding-top: calc(var(--rpx, 1px)*93)
}

.zn--wrapper .pr-30rpx {
    padding-right: calc(var(--rpx, 1px)*30)
}

.zn--wrapper .pt-8px {
    padding-top: 8px
}

.zn--wrapper .pt-130rpx {
    padding-top: calc(var(--rpx, 1px)*130)
}

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

.zn--wrapper .pt-54rpx {
    padding-top: calc(var(--rpx, 1px)*54)
}

.zn--wrapper .pb-82rpx {
    padding-bottom: calc(var(--rpx, 1px)*82)
}

.zn--wrapper .pb-70rpx {
    padding-bottom: calc(var(--rpx, 1px)*70)
}

.zn--wrapper .pt-44rpx {
    padding-top: calc(var(--rpx, 1px)*44)
}

.zn--wrapper .pb-54rpx {
    padding-bottom: calc(var(--rpx, 1px)*54)
}

.zn--wrapper .pb-38rpx {
    padding-bottom: calc(var(--rpx, 1px)*38)
}

.zn--wrapper .pb-112rpx {
    padding-bottom: calc(var(--rpx, 1px)*112)
}

.zn--wrapper .pt-30rpx {
    padding-top: calc(var(--rpx, 1px)*30)
}

.zn--wrapper .pl-1em {
    padding-left: 1em
}

.zn--wrapper .pointer-events-none {
    pointer-events: none
}

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

.zn--wrapper .absolute {
    position: absolute
}

.zn--wrapper .\!absolute {
    position: absolute !important
}

.zn--wrapper .relative {
    position: relative
}

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

.zn--wrapper .inset-0 {
    inset: 0
}

.zn--wrapper .top-\[calc\(50\%-98px\)\] {
    top: -webkit-calc(50% - 98px);
    top: -moz-calc(50% - 98px);
    top: calc(50% - 98px)
}

.zn--wrapper .right-\[calc\(50\%\+153rpx\)\] {
    right: -webkit-calc(50% + var(--rpx, 1px)*153);
    right: -moz-calc(50% + var(--rpx, 1px)*153);
    right: calc(50% + var(--rpx, 1px)*153)
}

.zn--wrapper .top-21rpx {
    top: -webkit-calc(var(--rpx, 1px)*21);
    top: -moz-calc(var(--rpx, 1px)*21);
    top: calc(var(--rpx, 1px)*21)
}

.zn--wrapper .left-\[calc\(50\%-72rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px)*72);
    left: -moz-calc(50% - var(--rpx, 1px)*72);
    left: calc(50% - var(--rpx, 1px)*72)
}

.zn--wrapper .top-0 {
    top: 0
}

.zn--wrapper .left-39rpx {
    left: -webkit-calc(var(--rpx, 1px)*39);
    left: -moz-calc(var(--rpx, 1px)*39);
    left: calc(var(--rpx, 1px)*39)
}

.zn--wrapper .top-56rpx {
    top: -webkit-calc(var(--rpx, 1px)*56);
    top: -moz-calc(var(--rpx, 1px)*56);
    top: calc(var(--rpx, 1px)*56)
}

.zn--wrapper .left-54rpx {
    left: -webkit-calc(var(--rpx, 1px)*54);
    left: -moz-calc(var(--rpx, 1px)*54);
    left: calc(var(--rpx, 1px)*54)
}

.zn--wrapper .top-207rpx {
    top: -webkit-calc(var(--rpx, 1px)*207);
    top: -moz-calc(var(--rpx, 1px)*207);
    top: calc(var(--rpx, 1px)*207)
}

.zn--wrapper .left-99rpx {
    left: -webkit-calc(var(--rpx, 1px)*99);
    left: -moz-calc(var(--rpx, 1px)*99);
    left: calc(var(--rpx, 1px)*99)
}

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

.zn--wrapper .left-43rpx {
    left: -webkit-calc(var(--rpx, 1px)*43);
    left: -moz-calc(var(--rpx, 1px)*43);
    left: calc(var(--rpx, 1px)*43)
}

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

.zn--wrapper .bottom-0 {
    bottom: 0
}

.zn--wrapper .-left-20px {
    left: -20px
}

.zn--wrapper .bottom-54px {
    bottom: 54px
}

.zn--wrapper .-top-12px {
    top: -12px
}

.zn--wrapper .-right-70px {
    right: -70px
}

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

.zn--wrapper .top-28rpx {
    top: -webkit-calc(var(--rpx, 1px)*28);
    top: -moz-calc(var(--rpx, 1px)*28);
    top: calc(var(--rpx, 1px)*28)
}

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

.zn--wrapper .left-0 {
    left: 0
}

.zn--wrapper .left-24rpx {
    left: -webkit-calc(var(--rpx, 1px)*24);
    left: -moz-calc(var(--rpx, 1px)*24);
    left: calc(var(--rpx, 1px)*24)
}

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

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

.zn--wrapper .top-\[calc\(50\%-223rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*223);
    top: -moz-calc(50% - var(--rpx, 1px)*223);
    top: calc(50% - var(--rpx, 1px)*223)
}

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

.zn--wrapper .top-24rpx {
    top: -webkit-calc(var(--rpx, 1px)*24);
    top: -moz-calc(var(--rpx, 1px)*24);
    top: calc(var(--rpx, 1px)*24)
}

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

.zn--wrapper .left-\[calc\(50\%-225rpx-77rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px)*225 - var(--rpx, 1px)*77);
    left: -moz-calc(50% - var(--rpx, 1px)*225 - var(--rpx, 1px)*77);
    left: calc(50% - var(--rpx, 1px)*225 - var(--rpx, 1px)*77)
}

.zn--wrapper .left-92rpx {
    left: -webkit-calc(var(--rpx, 1px)*92);
    left: -moz-calc(var(--rpx, 1px)*92);
    left: calc(var(--rpx, 1px)*92)
}

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

.zn--wrapper .left-389rpx {
    left: -webkit-calc(var(--rpx, 1px)*389);
    left: -moz-calc(var(--rpx, 1px)*389);
    left: calc(var(--rpx, 1px)*389)
}

.zn--wrapper .top-\[7\.25\%\] {
    top: 7.25%
}

.zn--wrapper .left-\[41\.9\%\] {
    left: 41.9%
}

.zn--wrapper .top-\[50\.4\%\] {
    top: 50.4%
}

.zn--wrapper .left-\[3\.3\%\] {
    left: 3.3%
}

.zn--wrapper .bottom-\[8\.06\%\] {
    bottom: 8.06%
}

.zn--wrapper .right-\[3\.3\%\] {
    right: 3.3%
}

.zn--wrapper .top-\[26\.32\%\] {
    top: 26.32%
}

.zn--wrapper .left-\[11\.88\%\] {
    left: 11.88%
}

.zn--wrapper .left-100vw {
    left: 100vw;
    left: -webkit-calc(var(--vw, 1vw)*100);
    left: -moz-calc(var(--vw, 1vw)*100);
    left: calc(var(--vw, 1vw)*100)
}

.zn--wrapper .left-\[calc\(50\%-347rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px)*347);
    left: -moz-calc(50% - var(--rpx, 1px)*347);
    left: calc(50% - var(--rpx, 1px)*347)
}

.zn--wrapper .top-\[36\%\] {
    top: 36%
}

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

.zn--wrapper .top-26rpx {
    top: -webkit-calc(var(--rpx, 1px)*26);
    top: -moz-calc(var(--rpx, 1px)*26);
    top: calc(var(--rpx, 1px)*26)
}

.zn--wrapper .left-45rpx {
    left: -webkit-calc(var(--rpx, 1px)*45);
    left: -moz-calc(var(--rpx, 1px)*45);
    left: calc(var(--rpx, 1px)*45)
}

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

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

.zn--wrapper .top-\[calc\(50\%-98rpx\+20rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*98 + var(--rpx, 1px)*20);
    top: -moz-calc(50% - var(--rpx, 1px)*98 + var(--rpx, 1px)*20);
    top: calc(50% - var(--rpx, 1px)*98 + var(--rpx, 1px)*20)
}

.zn--wrapper .left-216rpx {
    left: -webkit-calc(var(--rpx, 1px)*216);
    left: -moz-calc(var(--rpx, 1px)*216);
    left: calc(var(--rpx, 1px)*216)
}

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

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

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

.zn--wrapper .left-16px {
    left: 16px
}

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

.zn--wrapper .top-94px {
    top: 94px
}

.zn--wrapper .left-6rpx {
    left: -webkit-calc(var(--rpx, 1px)*6);
    left: -moz-calc(var(--rpx, 1px)*6);
    left: calc(var(--rpx, 1px)*6)
}

.zn--wrapper .-bottom-0 {
    bottom: 0
}

.zn--wrapper .top-61rpx {
    top: -webkit-calc(var(--rpx, 1px)*61);
    top: -moz-calc(var(--rpx, 1px)*61);
    top: calc(var(--rpx, 1px)*61)
}

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

.zn--wrapper .top-73rpx {
    top: -webkit-calc(var(--rpx, 1px)*73);
    top: -moz-calc(var(--rpx, 1px)*73);
    top: calc(var(--rpx, 1px)*73)
}

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

.zn--wrapper .top-11rpx {
    top: -webkit-calc(var(--rpx, 1px)*11);
    top: -moz-calc(var(--rpx, 1px)*11);
    top: calc(var(--rpx, 1px)*11)
}

.zn--wrapper .left-21rpx {
    left: -webkit-calc(var(--rpx, 1px)*21);
    left: -moz-calc(var(--rpx, 1px)*21);
    left: calc(var(--rpx, 1px)*21)
}

.zn--wrapper .bottom-16px {
    bottom: 16px
}

.zn--wrapper .top-33rpx {
    top: -webkit-calc(var(--rpx, 1px)*33);
    top: -moz-calc(var(--rpx, 1px)*33);
    top: calc(var(--rpx, 1px)*33)
}

.zn--wrapper .top-83rpx {
    top: -webkit-calc(var(--rpx, 1px)*83);
    top: -moz-calc(var(--rpx, 1px)*83);
    top: calc(var(--rpx, 1px)*83)
}

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

.zn--wrapper .left-196rpx {
    left: -webkit-calc(var(--rpx, 1px)*196);
    left: -moz-calc(var(--rpx, 1px)*196);
    left: calc(var(--rpx, 1px)*196)
}

.zn--wrapper .top-\[calc\(50\%-27\.8vw\)\] {
    top: -webkit-calc(50% - 27.8vw);
    top: -moz-calc(50% - 27.8vw);
    top: calc(50% - 27.8vw);
    top: -webkit-calc(50% - var(--vw, 1vw)*27.8);
    top: -moz-calc(50% - var(--vw, 1vw)*27.8);
    top: calc(50% - var(--vw, 1vw)*27.8)
}

.zn--wrapper .top-\[24\.65\%\] {
    top: 24.65%
}

.zn--wrapper .left-\[-21\.25\%\] {
    left: -21.25%
}

.zn--wrapper .top-\[calc\(50\%-58rpx-22rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*58 - var(--rpx, 1px)*22);
    top: -moz-calc(50% - var(--rpx, 1px)*58 - var(--rpx, 1px)*22);
    top: calc(50% - var(--rpx, 1px)*58 - var(--rpx, 1px)*22)
}

.zn--wrapper .left-\[calc\(50\%-68rpx\+95rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px)*68 + var(--rpx, 1px)*95);
    left: -moz-calc(50% - var(--rpx, 1px)*68 + var(--rpx, 1px)*95);
    left: calc(50% - var(--rpx, 1px)*68 + var(--rpx, 1px)*95)
}

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

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

.zn--wrapper .top-\[calc\(50\%-154rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*154);
    top: -moz-calc(50% - var(--rpx, 1px)*154);
    top: calc(50% - var(--rpx, 1px)*154)
}

.zn--wrapper .left-\[calc\(50\%-158px\)\] {
    left: -webkit-calc(50% - 158px);
    left: -moz-calc(50% - 158px);
    left: calc(50% - 158px)
}

.zn--wrapper .left-\[calc\(50\%-287px\)\] {
    left: -webkit-calc(50% - 287px);
    left: -moz-calc(50% - 287px);
    left: calc(50% - 287px)
}

.zn--wrapper .left-\[calc\(50\%-227px\)\] {
    left: -webkit-calc(50% - 227px);
    left: -moz-calc(50% - 227px);
    left: calc(50% - 227px)
}

.zn--wrapper .top-\[calc\(50\%-159px\)\] {
    top: -webkit-calc(50% - 159px);
    top: -moz-calc(50% - 159px);
    top: calc(50% - 159px)
}

.zn--wrapper .right-\[calc\(50\%\+187rpx\)\] {
    right: -webkit-calc(50% + var(--rpx, 1px)*187);
    right: -moz-calc(50% + var(--rpx, 1px)*187);
    right: calc(50% + var(--rpx, 1px)*187)
}

.zn--wrapper .top-\[calc\(50\%-155rpx\+29rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*155 + var(--rpx, 1px)*29);
    top: -moz-calc(50% - var(--rpx, 1px)*155 + var(--rpx, 1px)*29);
    top: calc(50% - var(--rpx, 1px)*155 + var(--rpx, 1px)*29)
}

.zn--wrapper .left-\[calc\(50\%\+177rpx\)\] {
    left: -webkit-calc(50% + var(--rpx, 1px)*177);
    left: -moz-calc(50% + var(--rpx, 1px)*177);
    left: calc(50% + var(--rpx, 1px)*177)
}

.zn--wrapper .top-\[calc\(50\%-38\.4px\)\] {
    top: -webkit-calc(50% - 38.4px);
    top: -moz-calc(50% - 38.4px);
    top: calc(50% - 38.4px)
}

.zn--wrapper .left-\[calc\(50\%-100px\)\] {
    left: -webkit-calc(50% - 100px);
    left: -moz-calc(50% - 100px);
    left: calc(50% - 100px)
}

.zn--wrapper .top-\[calc\(50\%-200rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*200);
    top: -moz-calc(50% - var(--rpx, 1px)*200);
    top: calc(50% - var(--rpx, 1px)*200)
}

.zn--wrapper .left-283rpx {
    left: -webkit-calc(var(--rpx, 1px)*283);
    left: -moz-calc(var(--rpx, 1px)*283);
    left: calc(var(--rpx, 1px)*283)
}

.zn--wrapper .left-\[calc\(50\%-272px\+10rpx\)\] {
    left: -webkit-calc(50% - 272px + var(--rpx, 1px)*10);
    left: -moz-calc(50% - 272px + var(--rpx, 1px)*10);
    left: calc(50% - 272px + var(--rpx, 1px)*10)
}

.zn--wrapper .top-\[calc\(50\%-34px\+0rpx\)\] {
    top: -webkit-calc(50% - 34px + var(--rpx, 1px)*0);
    top: -moz-calc(50% - 34px + var(--rpx, 1px)*0);
    top: calc(50% - 34px + var(--rpx, 1px)*0)
}

.zn--wrapper .-left-8\.5rpx {
    left: -webkit-calc(var(--rpx, 1px)*-8.5);
    left: -moz-calc(var(--rpx, 1px)*-8.5);
    left: calc(var(--rpx, 1px)*-8.5)
}

.zn--wrapper .-top-313rpx {
    top: -webkit-calc(var(--rpx, 1px)*-313);
    top: -moz-calc(var(--rpx, 1px)*-313);
    top: calc(var(--rpx, 1px)*-313)
}

.zn--wrapper .-left-119rpx {
    left: -webkit-calc(var(--rpx, 1px)*-119);
    left: -moz-calc(var(--rpx, 1px)*-119);
    left: calc(var(--rpx, 1px)*-119)
}

.zn--wrapper .left-24px {
    left: 24px
}

.zn--wrapper .top-\[calc\(50\%-119px\)\] {
    top: -webkit-calc(50% - 119px);
    top: -moz-calc(50% - 119px);
    top: calc(50% - 119px)
}

.zn--wrapper .top-\[calc\(50\%-535rpx\+281rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*535 + var(--rpx, 1px)*281);
    top: -moz-calc(50% - var(--rpx, 1px)*535 + var(--rpx, 1px)*281);
    top: calc(50% - var(--rpx, 1px)*535 + var(--rpx, 1px)*281)
}

.zn--wrapper .left-275rpx {
    left: -webkit-calc(var(--rpx, 1px)*275);
    left: -moz-calc(var(--rpx, 1px)*275);
    left: calc(var(--rpx, 1px)*275)
}

.zn--wrapper .top-\[calc\(50\%-535rpx\+500rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*535 + var(--rpx, 1px)*500);
    top: -moz-calc(50% - var(--rpx, 1px)*535 + var(--rpx, 1px)*500);
    top: calc(50% - var(--rpx, 1px)*535 + var(--rpx, 1px)*500)
}

.zn--wrapper .left-\[calc\(50\%-33rpx\+78rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px)*33 + var(--rpx, 1px)*78);
    left: -moz-calc(50% - var(--rpx, 1px)*33 + var(--rpx, 1px)*78);
    left: calc(50% - var(--rpx, 1px)*33 + var(--rpx, 1px)*78)
}

.zn--wrapper .left-487rpx {
    left: -webkit-calc(var(--rpx, 1px)*487);
    left: -moz-calc(var(--rpx, 1px)*487);
    left: calc(var(--rpx, 1px)*487)
}

.zn--wrapper .top-\[calc\(50\%-131px\)\] {
    top: -webkit-calc(50% - 131px);
    top: -moz-calc(50% - 131px);
    top: calc(50% - 131px)
}

.zn--wrapper .left-\[calc\(50\%-150px\)\] {
    left: -webkit-calc(50% - 150px);
    left: -moz-calc(50% - 150px);
    left: calc(50% - 150px)
}

.zn--wrapper .top-117rpx {
    top: -webkit-calc(var(--rpx, 1px)*117);
    top: -moz-calc(var(--rpx, 1px)*117);
    top: calc(var(--rpx, 1px)*117)
}

.zn--wrapper .left-59rpx {
    left: -webkit-calc(var(--rpx, 1px)*59);
    left: -moz-calc(var(--rpx, 1px)*59);
    left: calc(var(--rpx, 1px)*59)
}

.zn--wrapper .top-59rpx {
    top: -webkit-calc(var(--rpx, 1px)*59);
    top: -moz-calc(var(--rpx, 1px)*59);
    top: calc(var(--rpx, 1px)*59)
}

.zn--wrapper .left-\[16px\] {
    left: 16px
}

.zn--wrapper .left-\[4\.5rpx\] {
    left: -webkit-calc(var(--rpx, 1px)*4.5);
    left: -moz-calc(var(--rpx, 1px)*4.5);
    left: calc(var(--rpx, 1px)*4.5)
}

.zn--wrapper .-top-137rpx {
    top: -webkit-calc(var(--rpx, 1px)*-137);
    top: -moz-calc(var(--rpx, 1px)*-137);
    top: calc(var(--rpx, 1px)*-137)
}

.zn--wrapper .top-76px {
    top: 76px
}

.zn--wrapper .top-206rpx {
    top: -webkit-calc(var(--rpx, 1px)*206);
    top: -moz-calc(var(--rpx, 1px)*206);
    top: calc(var(--rpx, 1px)*206)
}

.zn--wrapper .-left-72rpx {
    left: -webkit-calc(var(--rpx, 1px)*-72);
    left: -moz-calc(var(--rpx, 1px)*-72);
    left: calc(var(--rpx, 1px)*-72)
}

.zn--wrapper .top-245rpx {
    top: -webkit-calc(var(--rpx, 1px)*245);
    top: -moz-calc(var(--rpx, 1px)*245);
    top: calc(var(--rpx, 1px)*245)
}

.zn--wrapper .left-178rpx {
    left: -webkit-calc(var(--rpx, 1px)*178);
    left: -moz-calc(var(--rpx, 1px)*178);
    left: calc(var(--rpx, 1px)*178)
}

.zn--wrapper .left-176rpx {
    left: -webkit-calc(var(--rpx, 1px)*176);
    left: -moz-calc(var(--rpx, 1px)*176);
    left: calc(var(--rpx, 1px)*176)
}

.zn--wrapper .top-334rpx {
    top: -webkit-calc(var(--rpx, 1px)*334);
    top: -moz-calc(var(--rpx, 1px)*334);
    top: calc(var(--rpx, 1px)*334)
}

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

.zn--wrapper .-left-81rpx {
    left: -webkit-calc(var(--rpx, 1px)*-81);
    left: -moz-calc(var(--rpx, 1px)*-81);
    left: calc(var(--rpx, 1px)*-81)
}

.zn--wrapper .-top-39rpx {
    top: -webkit-calc(var(--rpx, 1px)*-39);
    top: -moz-calc(var(--rpx, 1px)*-39);
    top: calc(var(--rpx, 1px)*-39)
}

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

.zn--wrapper .top-20rpx {
    top: -webkit-calc(var(--rpx, 1px)*20);
    top: -moz-calc(var(--rpx, 1px)*20);
    top: calc(var(--rpx, 1px)*20)
}

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

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

.zn--wrapper .-left-100rpx {
    left: -webkit-calc(var(--rpx, 1px)*-100);
    left: -moz-calc(var(--rpx, 1px)*-100);
    left: calc(var(--rpx, 1px)*-100)
}

.zn--wrapper .top-43rpx {
    top: -webkit-calc(var(--rpx, 1px)*43);
    top: -moz-calc(var(--rpx, 1px)*43);
    top: calc(var(--rpx, 1px)*43)
}

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

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

.zn--wrapper .top-22rpx {
    top: -webkit-calc(var(--rpx, 1px)*22);
    top: -moz-calc(var(--rpx, 1px)*22);
    top: calc(var(--rpx, 1px)*22)
}

.zn--wrapper .left-22rpx {
    left: -webkit-calc(var(--rpx, 1px)*22);
    left: -moz-calc(var(--rpx, 1px)*22);
    left: calc(var(--rpx, 1px)*22)
}

.zn--wrapper .top-61\.5rpx {
    top: -webkit-calc(var(--rpx, 1px)*61.5);
    top: -moz-calc(var(--rpx, 1px)*61.5);
    top: calc(var(--rpx, 1px)*61.5)
}

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

.zn--wrapper .right-58px {
    right: 58px
}

.zn--wrapper .bottom-40px {
    bottom: 40px
}

.zn--wrapper .left-38\.5vw {
    left: 38.5vw;
    left: -webkit-calc(var(--vw, 1vw)*38.5);
    left: -moz-calc(var(--vw, 1vw)*38.5);
    left: calc(var(--vw, 1vw)*38.5)
}

.zn--wrapper .bottom-20\.3vw {
    bottom: 20.3vw;
    bottom: -webkit-calc(var(--vw, 1vw)*20.3);
    bottom: -moz-calc(var(--vw, 1vw)*20.3);
    bottom: calc(var(--vw, 1vw)*20.3)
}

.zn--wrapper .top-5\.56vw {
    top: 5.56vw;
    top: -webkit-calc(var(--vw, 1vw)*5.56);
    top: -moz-calc(var(--vw, 1vw)*5.56);
    top: calc(var(--vw, 1vw)*5.56)
}

.zn--wrapper .left-59vw {
    left: 59vw;
    left: -webkit-calc(var(--vw, 1vw)*59);
    left: -moz-calc(var(--vw, 1vw)*59);
    left: calc(var(--vw, 1vw)*59)
}

.zn--wrapper .top-98rpx {
    top: -webkit-calc(var(--rpx, 1px)*98);
    top: -moz-calc(var(--rpx, 1px)*98);
    top: calc(var(--rpx, 1px)*98)
}

.zn--wrapper .right-\[62\.22vw\] {
    right: 62.22vw;
    right: -webkit-calc(var(--vw, 1vw)*62.22);
    right: -moz-calc(var(--vw, 1vw)*62.22);
    right: calc(var(--vw, 1vw)*62.22)
}

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

.zn--wrapper .left-\[69\.58vw\] {
    left: 69.58vw;
    left: -webkit-calc(var(--vw, 1vw)*69.58);
    left: -moz-calc(var(--vw, 1vw)*69.58);
    left: calc(var(--vw, 1vw)*69.58)
}

.zn--wrapper .top-70rpx {
    top: -webkit-calc(var(--rpx, 1px)*70);
    top: -moz-calc(var(--rpx, 1px)*70);
    top: calc(var(--rpx, 1px)*70)
}

.zn--wrapper .left-269rpx {
    left: -webkit-calc(var(--rpx, 1px)*269);
    left: -moz-calc(var(--rpx, 1px)*269);
    left: calc(var(--rpx, 1px)*269)
}

.zn--wrapper .left-14px {
    left: 14px
}

.zn--wrapper .top-276rpx {
    top: -webkit-calc(var(--rpx, 1px)*276);
    top: -moz-calc(var(--rpx, 1px)*276);
    top: calc(var(--rpx, 1px)*276)
}

.zn--wrapper .top-\[calc\(100\%\+2px\)\] {
    top: -webkit-calc(100% + 2px);
    top: -moz-calc(100% + 2px);
    top: calc(100% + 2px)
}

.zn--wrapper .-left-px {
    left: -1px
}

.zn--wrapper .top-0rpx {
    top: -webkit-calc(var(--rpx, 1px)*0);
    top: -moz-calc(var(--rpx, 1px)*0);
    top: calc(var(--rpx, 1px)*0)
}

.zn--wrapper .top-484rpx {
    top: -webkit-calc(var(--rpx, 1px)*484);
    top: -moz-calc(var(--rpx, 1px)*484);
    top: calc(var(--rpx, 1px)*484)
}

.zn--wrapper .left-\[calc\(50\%-196rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px)*196);
    left: -moz-calc(50% - var(--rpx, 1px)*196);
    left: calc(50% - var(--rpx, 1px)*196)
}

.zn--wrapper .right-0 {
    right: 0
}

.zn--wrapper .-top-1px {
    top: -1px
}

.zn--wrapper .top-39rpx {
    top: -webkit-calc(var(--rpx, 1px)*39);
    top: -moz-calc(var(--rpx, 1px)*39);
    top: calc(var(--rpx, 1px)*39)
}

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

.zn--wrapper .left-\[calc\(50vw-656rpx\)\] {
    left: -webkit-calc(50vw - var(--rpx, 1px)*656);
    left: -moz-calc(50vw - var(--rpx, 1px)*656);
    left: calc(50vw - var(--rpx, 1px)*656);
    left: -webkit-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    left: -moz-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)
}

.zn--wrapper .bottom-\[calc\(50vh-330rpx\)\] {
    bottom: -webkit-calc(50vh - var(--rpx, 1px)*330);
    bottom: -moz-calc(50vh - var(--rpx, 1px)*330);
    bottom: calc(50vh - var(--rpx, 1px)*330);
    bottom: -webkit-calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*330);
    bottom: -moz-calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*330);
    bottom: calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*330)
}

.zn--wrapper .top-\[3200px\] {
    top: 3200px
}

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

.zn--wrapper .top-1px {
    top: 1px
}

.zn--wrapper .bottom-1px {
    bottom: 1px
}

.zn--wrapper .right-16px {
    right: 16px
}

.zn--wrapper .left-70px {
    left: 70px
}

.zn--wrapper .bottom-2px {
    bottom: 2px
}

.zn--wrapper .-top-40px {
    top: -40px
}

.zn--wrapper .left-full {
    left: 100%
}

.zn--wrapper .-bottom-1em {
    bottom: -1em
}

.zn--wrapper .-top-100rpx {
    top: -webkit-calc(var(--rpx, 1px)*-100);
    top: -moz-calc(var(--rpx, 1px)*-100);
    top: calc(var(--rpx, 1px)*-100)
}

.zn--wrapper .-left-\[2\.5vw\] {
    left: -2.5vw;
    left: -webkit-calc(var(--vw, 1vw)*-2.5);
    left: -moz-calc(var(--vw, 1vw)*-2.5);
    left: calc(var(--vw, 1vw)*-2.5)
}

.zn--wrapper .-top-59rpx {
    top: -webkit-calc(var(--rpx, 1px)*-59);
    top: -moz-calc(var(--rpx, 1px)*-59);
    top: calc(var(--rpx, 1px)*-59)
}

.zn--wrapper .left-\[2vw\] {
    left: 2vw;
    left: -webkit-calc(var(--vw, 1vw)*2);
    left: -moz-calc(var(--vw, 1vw)*2);
    left: calc(var(--vw, 1vw)*2)
}

.zn--wrapper .right-\[1\.8vw\] {
    right: 1.8vw;
    right: -webkit-calc(var(--vw, 1vw)*1.8);
    right: -moz-calc(var(--vw, 1vw)*1.8);
    right: calc(var(--vw, 1vw)*1.8)
}

.zn--wrapper .top-\[1\.8vw\] {
    top: 1.8vw;
    top: -webkit-calc(var(--vw, 1vw)*1.8);
    top: -moz-calc(var(--vw, 1vw)*1.8);
    top: calc(var(--vw, 1vw)*1.8)
}

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

.zn--wrapper .-right-35px {
    right: -35px
}

.zn--wrapper .top-2em {
    top: 2em
}

.zn--wrapper .left-\[60\%\] {
    left: 60%
}

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

.zn--wrapper .left-12rpx {
    left: -webkit-calc(var(--rpx, 1px)*12);
    left: -moz-calc(var(--rpx, 1px)*12);
    left: calc(var(--rpx, 1px)*12)
}

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

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

.zn--wrapper .left-8rpx {
    left: -webkit-calc(var(--rpx, 1px)*8);
    left: -moz-calc(var(--rpx, 1px)*8);
    left: calc(var(--rpx, 1px)*8)
}

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

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

.zn--wrapper .left-\[95\%\] {
    left: 95%
}

.zn--wrapper .-top-\[0\.5em\] {
    top: -.5em
}

.zn--wrapper .top-25px {
    top: 25px
}

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

.zn--wrapper .-left-\[7vw\] {
    left: -7vw;
    left: -webkit-calc(var(--vw, 1vw)*-7);
    left: -moz-calc(var(--vw, 1vw)*-7);
    left: calc(var(--vw, 1vw)*-7)
}

.zn--wrapper .text-center {
    text-align: center
}

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

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

.zn--wrapper .text-\[\#00B2D2\] {
    --tw-text-opacity: 1;
    color: rgba(0, 178, 210, var(--tw-text-opacity))
}

.zn--wrapper .text-\[\#00B2D2F2\] {
    --tw-text-opacity: .9490196078431372;
    color: rgba(0, 178, 210, var(--tw-text-opacity))
}

.zn--wrapper .text-\[\#DAF64F\] {
    --tw-text-opacity: 1;
    color: rgba(218, 246, 79, var(--tw-text-opacity))
}

.zn--wrapper .text-\[\#00b2d2\] {
    --tw-text-opacity: 1;
    color: rgba(0, 178, 210, var(--tw-text-opacity))
}

.zn--wrapper .text-\[\#daf64f\] {
    --tw-text-opacity: 1;
    color: rgba(218, 246, 79, var(--tw-text-opacity))
}

.zn--wrapper .text-\[\#01B2D2\], .zn--wrapper .text-\[\#01b2d2\] {
    --tw-text-opacity: 1;
    color: rgba(1, 178, 210, var(--tw-text-opacity))
}

.zn--wrapper .text-white\/95 {
    --tw-text-opacity: .95;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.zn--wrapper .text-black\/55 {
    --tw-text-opacity: .55;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.zn--wrapper .text-black\/50 {
    --tw-text-opacity: .5;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.zn--wrapper .text-black\/30 {
    --tw-text-opacity: .3;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

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

.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.55\)\] {
    --tw-text-opacity: .55;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.zn--wrapper .text-black\/60 {
    --tw-text-opacity: .6;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.zn--wrapper .text-black\/45 {
    --tw-text-opacity: .45;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.zn--wrapper .text-white\/30 {
    --tw-text-opacity: .3;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.zn--wrapper .text-white\/55 {
    --tw-text-opacity: .55;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.zn--wrapper .text-black\/75 {
    --tw-text-opacity: .75;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.zn--wrapper .content-wrapper {
    content: "wrapper"
}

.zn--wrapper .content-img {
    content: "img"
}

.zn--wrapper .whitespace-nowrap {
    white-space: nowrap
}

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

.zn--wrapper .w-full {
    width: 100%
}

.zn--wrapper .w-auto {
    width: auto
}

.zn--wrapper .w-1\/2 {
    width: 50%
}

.zn--wrapper .w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.zn--wrapper .w-148px {
    width: 148px
}

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

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

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

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

.zn--wrapper .w-119px {
    width: 119px
}

.zn--wrapper .w-459px {
    width: 459px
}

.zn--wrapper .w-200px {
    width: 200px
}

.zn--wrapper .w-1px {
    width: 1px
}

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

.zn--wrapper .w-96px {
    width: 96px
}

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

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

.zn--wrapper .w-\[calc\(100\%-48rpx\)\] {
    width: -webkit-calc(100% - var(--rpx, 1px)*48);
    width: -moz-calc(100% - var(--rpx, 1px)*48);
    width: calc(100% - var(--rpx, 1px)*48)
}

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

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

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

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

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

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

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

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

.zn--wrapper .w-\[75\.25\%\] {
    width: 75.25%
}

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

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

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

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

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

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

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

.zn--wrapper .w-108px {
    width: 108px
}

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

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

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

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

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

.zn--wrapper .w-168px {
    width: 168px
}

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

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

.zn--wrapper .w-107px {
    width: 107px
}

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

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

.zn--wrapper .w-32px {
    width: 32px
}

.zn--wrapper .w-\[56\.32\%\] {
    width: 56.32%
}

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

.zn--wrapper .w-317px {
    width: 317px
}

.zn--wrapper .w-575px {
    width: 575px
}

.zn--wrapper .w-454px {
    width: 454px
}

.zn--wrapper .w-469px {
    width: 469px
}

.zn--wrapper .w-24px {
    width: 24px
}

.zn--wrapper .w-230px {
    width: 230px
}

.zn--wrapper .w-271\.5rpx {
    width: -webkit-calc(var(--rpx, 1px)*271.5);
    width: -moz-calc(var(--rpx, 1px)*271.5);
    width: calc(var(--rpx, 1px)*271.5)
}

.zn--wrapper .w-544px {
    width: 544px
}

.zn--wrapper .w-328px {
    width: 328px
}

.zn--wrapper .w-360px {
    width: 360px
}

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

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

.zn--wrapper .w-232px {
    width: 232px
}

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

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

.zn--wrapper .w-18px {
    width: 18px
}

.zn--wrapper .w-300px {
    width: 300px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .w-83px {
    width: 83px
}

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

.zn--wrapper .w-23\.75vw {
    width: 23.75vw;
    width: -webkit-calc(var(--vw, 1vw)*23.75);
    width: -moz-calc(var(--vw, 1vw)*23.75);
    width: calc(var(--vw, 1vw)*23.75)
}

.zn--wrapper .w-8\.54vw {
    width: 8.54vw;
    width: -webkit-calc(var(--vw, 1vw)*8.54);
    width: -moz-calc(var(--vw, 1vw)*8.54);
    width: calc(var(--vw, 1vw)*8.54)
}

.zn--wrapper .w-83\.47vw {
    width: 83.47vw;
    width: -webkit-calc(var(--vw, 1vw)*83.47);
    width: -moz-calc(var(--vw, 1vw)*83.47);
    width: calc(var(--vw, 1vw)*83.47)
}

.zn--wrapper .w-480px {
    width: 480px
}

.zn--wrapper .w-396px {
    width: 396px
}

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

.zn--wrapper .w-210px {
    width: 210px
}

.zn--wrapper .w-28px {
    width: 28px
}

.zn--wrapper .w-\[calc\(50\%-196rpx\)\] {
    width: -webkit-calc(50% - var(--rpx, 1px)*196);
    width: -moz-calc(50% - var(--rpx, 1px)*196);
    width: calc(50% - var(--rpx, 1px)*196)
}

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

.zn--wrapper .w-\[calc\(50\%\+196rpx\)\] {
    width: -webkit-calc(50% + var(--rpx, 1px)*196);
    width: -moz-calc(50% + var(--rpx, 1px)*196);
    width: calc(50% + var(--rpx, 1px)*196)
}

.zn--wrapper .w-142px {
    width: 142px
}

.zn--wrapper .w-36px {
    width: 36px
}

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

.zn--wrapper .w-94px {
    width: 94px
}

.zn--wrapper .w-31\.5rpx {
    width: -webkit-calc(var(--rpx, 1px)*31.5);
    width: -moz-calc(var(--rpx, 1px)*31.5);
    width: calc(var(--rpx, 1px)*31.5)
}

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

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

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

.zn--wrapper .w-\[150vw\] {
    width: 150vw;
    width: -webkit-calc(var(--vw, 1vw)*150);
    width: -moz-calc(var(--vw, 1vw)*150);
    width: calc(var(--vw, 1vw)*150)
}

.zn--wrapper .w-656px {
    width: 656px
}

.zn--wrapper .w-487\.8rpx {
    width: -webkit-calc(var(--rpx, 1px)*487.8);
    width: -moz-calc(var(--rpx, 1px)*487.8);
    width: calc(var(--rpx, 1px)*487.8)
}

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

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

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

.zn--wrapper .\!w-110px {
    width: 110px !important
}

.zn--wrapper .\!w-68px {
    width: 68px !important
}

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

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

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

.zn--wrapper .\!w-97rpx {
    width: -webkit-calc(var(--rpx, 1px)*97) !important;
    width: -moz-calc(var(--rpx, 1px)*97) !important;
    width: calc(var(--rpx, 1px)*97) !important
}

.zn--wrapper .\!w-157px {
    width: 157px !important
}

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

.zn--wrapper .w-34px {
    width: 34px
}

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

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

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

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

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

.zn--wrapper .w-220px {
    width: 220px
}

.zn--wrapper .w-76px {
    width: 76px
}

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

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

.zn--wrapper .w-280px {
    width: 280px
}

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

.zn--wrapper .w-592rpx, .zn--wrapper .w-max-592rpx {
    width: -webkit-calc(var(--rpx, 1px)*592);
    width: -moz-calc(var(--rpx, 1px)*592);
    width: calc(var(--rpx, 1px)*592)
}

.zn--wrapper .w-17px {
    width: 17px
}

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

.zn--wrapper .w-172px {
    width: 172px
}

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

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

.zn--wrapper .w-\[115\%\] {
    width: 115%
}

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

.zn--wrapper .z-99 {
    z-index: 99
}

.zn--wrapper .z-2 {
    z-index: 2
}

.zn--wrapper .z-3 {
    z-index: 3
}

.zn--wrapper .z-4 {
    z-index: 4
}

.zn--wrapper .z-0 {
    z-index: 0
}

.zn--wrapper .z-10 {
    z-index: 10
}

.zn--wrapper .z-30 {
    z-index: 30
}

.zn--wrapper .z-20 {
    z-index: 20
}

.zn--wrapper .gap-x-4rpx {
    grid-column-gap: -webkit-calc(var(--rpx, 1px)*4);
    grid-column-gap: -moz-calc(var(--rpx, 1px)*4);
    grid-column-gap: calc(var(--rpx, 1px)*4);
    -webkit-column-gap: -webkit-calc(var(--rpx, 1px)*4);
    -moz-column-gap: -moz-calc(var(--rpx, 1px)*4);
    column-gap: calc(var(--rpx, 1px)*4)
}

.zn--wrapper .gap-x-20rpx {
    grid-column-gap: -webkit-calc(var(--rpx, 1px)*20);
    grid-column-gap: -moz-calc(var(--rpx, 1px)*20);
    grid-column-gap: calc(var(--rpx, 1px)*20);
    -webkit-column-gap: -webkit-calc(var(--rpx, 1px)*20);
    -moz-column-gap: -moz-calc(var(--rpx, 1px)*20);
    column-gap: calc(var(--rpx, 1px)*20)
}

.zn--wrapper .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))
}

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

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

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

.zn--wrapper .rotate-\[-2\.23deg\] {
    --tw-rotate: -2.23deg
}

.zn--wrapper .rotate-\[9\.75deg\] {
    --tw-rotate: 9.75deg
}

.zn--wrapper .rotate-\[14\.52deg\] {
    --tw-rotate: 14.52deg
}

.zn--wrapper .rotate-\[-15\.76deg\] {
    --tw-rotate: -15.76deg
}

.zn--wrapper .rotate-0\.72 {
    --tw-rotate: .72deg
}

.zn--wrapper .rotate-180 {
    --tw-rotate: 180deg
}

.zn--wrapper .rotate-90 {
    --tw-rotate: 90deg
}

.zn--wrapper .-rotate-90 {
    --tw-rotate: -90deg
}

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

.zn--wrapper .filter {
    --tw-blur: var(--tw-empty, );
    --tw-brightness: var(--tw-empty, );
    --tw-contrast: var(--tw-empty, );
    --tw-grayscale: var(--tw-empty, );
    --tw-hue-rotate: var(--tw-empty, );
    --tw-invert: var(--tw-empty, );
    --tw-saturate: var(--tw-empty, );
    --tw-sepia: var(--tw-empty, );
    --tw-drop-shadow: var(--tw-empty, );
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.zn--wrapper .blur-1-80rpx {
    --tw-blur: blur(-webkit-calc(var(--rpx, 1px)*80));
    --tw-blur: blur(-moz-calc(var(--rpx, 1px)*80));
    --tw-blur: blur(calc(var(--rpx, 1px)*80))
}

.zn--wrapper .blur-1-\[112px\] {
    --tw-blur: blur(112px)
}

.zn--wrapper .backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty, );
    --tw-backdrop-brightness: var(--tw-empty, );
    --tw-backdrop-contrast: var(--tw-empty, );
    --tw-backdrop-grayscale: var(--tw-empty, );
    --tw-backdrop-hue-rotate: var(--tw-empty, );
    --tw-backdrop-invert: var(--tw-empty, );
    --tw-backdrop-opacity: var(--tw-empty, );
    --tw-backdrop-saturate: var(--tw-empty, );
    --tw-backdrop-sepia: var(--tw-empty, );
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.zn--wrapper .backdrop-blur-1-\[8px\] {
    --tw-backdrop-blur: blur(8px)
}

.zn--wrapper .backdrop-blur-1-\[3px\], .zn--wrapper .backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px)
}

.zn--wrapper .backdrop-blur-1-\[5px\] {
    --tw-backdrop-blur: blur(5px)
}

.zn--wrapper .full {
    height: 100%;
    width: 100%
}

.zn--wrapper .abs-0 {
    left: 0;
    position: absolute;
    top: 0
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:bg-\[\#1b1b1b\] {
        --tw-bg-opacity: 1;
        background-color: rgba(27, 27, 27, var(--tw-bg-opacity))
    }

    .zn--wrapper .pad\:bg-\[\#ffffff\] {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .zn--wrapper .pad\:rounded-10px {
        border-radius: 10px
    }

    .zn--wrapper .pad\:rounded-16rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*16);
        border-radius: -moz-calc(var(--rpx, 1px)*16);
        border-radius: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .pad\:rounded-12rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*12);
        border-radius: -moz-calc(var(--rpx, 1px)*12);
        border-radius: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pad\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .zn--wrapper .pad\:inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: inline-flex
    }

    .zn--wrapper .pad\:hidden {
        display: none
    }

    .zn--wrapper .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
    }

    .zn--wrapper .pad\:items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

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

    .zn--wrapper .pad\:self-stretch {
        -ms-grid-row-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch
    }

    .zn--wrapper .pad\:justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .zn--wrapper .pad\:justify-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

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

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

    .zn--wrapper .pad\:flex-\[1_1_376rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*376);
        flex: 1 1 calc(var(--rpx, 1px)*376)
    }

    .zn--wrapper .pad\:flex-\[1_1_317\.3rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*317.3);
        flex: 1 1 calc(var(--rpx, 1px)*317.3)
    }

    .zn--wrapper .pad\:flex-grow-0 {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0
    }

    .zn--wrapper .pad\:flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .zn--wrapper .pad\:order-2 {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .zn--wrapper .pad\:order-3 {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .zn--wrapper .pad\:order-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .zn--wrapper .pad\:h-auto {
        height: auto
    }

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

    .zn--wrapper .pad\:h-18px {
        height: 18px
    }

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

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

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

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

    .zn--wrapper .pad\:h-35px {
        height: 35px
    }

    .zn--wrapper .pad\:h-\[4\.47px\] {
        height: 4.47px
    }

    .zn--wrapper .pad\:h-67px {
        height: 67px
    }

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:h-\[90\%\] {
        height: 90%
    }

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:h-40px {
        height: 40px
    }

    .zn--wrapper .pad\:h-34px {
        height: 34px
    }

    .zn--wrapper .pad\:h-28px {
        height: 28px
    }

    .zn--wrapper .pad\:h-24px {
        height: 24px
    }

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

    .zn--wrapper .pad\:h-36px {
        height: 36px
    }

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

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

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

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

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

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

    .zn--wrapper .pad\:h-579\.3rpx {
        height: -webkit-calc(var(--rpx, 1px)*579.3);
        height: -moz-calc(var(--rpx, 1px)*579.3);
        height: calc(var(--rpx, 1px)*579.3)
    }

    .zn--wrapper .pad\:h-50px {
        height: 50px
    }

    .zn--wrapper .pad\:h-42px {
        height: 42px
    }

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

    .zn--wrapper .pad\:h-126\.6rpx {
        height: -webkit-calc(var(--rpx, 1px)*126.6);
        height: -moz-calc(var(--rpx, 1px)*126.6);
        height: calc(var(--rpx, 1px)*126.6)
    }

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

    .zn--wrapper .pad\:h-\[calc\(100vh\+150vh\)\] {
        height: 250vh;
        height: -webkit-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150);
        height: -moz-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150);
        height: calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150)
    }

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

    .zn--wrapper .pad\:h-105\.75vw {
        height: 105.75vw;
        height: -webkit-calc(var(--vw, 1vw)*105.75);
        height: -moz-calc(var(--vw, 1vw)*105.75);
        height: calc(var(--vw, 1vw)*105.75)
    }

    .zn--wrapper .pad\:h-55\.2vw {
        height: 55.2vw;
        height: -webkit-calc(var(--vw, 1vw)*55.2);
        height: -moz-calc(var(--vw, 1vw)*55.2);
        height: calc(var(--vw, 1vw)*55.2)
    }

    .zn--wrapper .pad\:h-81\.86vw {
        height: 81.86vw;
        height: -webkit-calc(var(--vw, 1vw)*81.86);
        height: -moz-calc(var(--vw, 1vw)*81.86);
        height: calc(var(--vw, 1vw)*81.86)
    }

    .zn--wrapper .pad\:h-26\.13vw {
        height: 26.13vw;
        height: -webkit-calc(var(--vw, 1vw)*26.13);
        height: -moz-calc(var(--vw, 1vw)*26.13);
        height: calc(var(--vw, 1vw)*26.13)
    }

    .zn--wrapper .pad\:h-59\.2vw {
        height: 59.2vw;
        height: -webkit-calc(var(--vw, 1vw)*59.2);
        height: -moz-calc(var(--vw, 1vw)*59.2);
        height: calc(var(--vw, 1vw)*59.2)
    }

    .zn--wrapper .pad\:h-17\.89vw {
        height: 17.89vw;
        height: -webkit-calc(var(--vw, 1vw)*17.89);
        height: -moz-calc(var(--vw, 1vw)*17.89);
        height: calc(var(--vw, 1vw)*17.89)
    }

    .zn--wrapper .pad\:h-5\.66vw {
        height: 5.66vw;
        height: -webkit-calc(var(--vw, 1vw)*5.66);
        height: -moz-calc(var(--vw, 1vw)*5.66);
        height: calc(var(--vw, 1vw)*5.66)
    }

    .zn--wrapper .pad\:h-7\.22vw {
        height: 7.22vw;
        height: -webkit-calc(var(--vw, 1vw)*7.22);
        height: -moz-calc(var(--vw, 1vw)*7.22);
        height: calc(var(--vw, 1vw)*7.22)
    }

    .zn--wrapper .pad\:h-3\.26vw {
        height: 3.26vw;
        height: -webkit-calc(var(--vw, 1vw)*3.26);
        height: -moz-calc(var(--vw, 1vw)*3.26);
        height: calc(var(--vw, 1vw)*3.26)
    }

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

    .zn--wrapper .pad\:h-21\.9rpx {
        height: -webkit-calc(var(--rpx, 1px)*21.9);
        height: -moz-calc(var(--rpx, 1px)*21.9);
        height: calc(var(--rpx, 1px)*21.9)
    }

    .zn--wrapper .pad\:h-236\.3rpx {
        height: -webkit-calc(var(--rpx, 1px)*236.3);
        height: -moz-calc(var(--rpx, 1px)*236.3);
        height: calc(var(--rpx, 1px)*236.3)
    }

    .zn--wrapper .pad\:h-315\.7rpx {
        height: -webkit-calc(var(--rpx, 1px)*315.7);
        height: -moz-calc(var(--rpx, 1px)*315.7);
        height: calc(var(--rpx, 1px)*315.7)
    }

    .zn--wrapper .pad\:h-\[calc\(100vh\+200vh\)\] {
        height: 300vh;
        height: -webkit-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*200);
        height: -moz-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*200);
        height: calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*200)
    }

    .zn--wrapper .pad\:h-417\.8rpx {
        height: -webkit-calc(var(--rpx, 1px)*417.8);
        height: -moz-calc(var(--rpx, 1px)*417.8);
        height: calc(var(--rpx, 1px)*417.8)
    }

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

    .zn--wrapper .pad\:h-400px {
        height: 400px
    }

    .zn--wrapper .pad\:h-85\.2px {
        height: 85.2px
    }

    .zn--wrapper .pad\:h-102\.7px {
        height: 102.7px
    }

    .zn--wrapper .pad\:h-84\.3px {
        height: 84.3px
    }

    .zn--wrapper .pad\:h-85\.7px {
        height: 85.7px
    }

    .zn--wrapper .pad\:h-124\.6px {
        height: 124.6px
    }

    .zn--wrapper .pad\:h-68px {
        height: 68px
    }

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

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

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

    .zn--wrapper .pad\:h-\[calc\(100vh\+250vh\)\] {
        height: 350vh;
        height: -webkit-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*250);
        height: -moz-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*250);
        height: calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*250)
    }

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

    .zn--wrapper .pad\:h-10px {
        height: 10px
    }

    .zn--wrapper .\!pad\:h-68px {
        height: 68px !important
    }

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

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

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

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

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

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

    .zn--wrapper .\!pad\:h-65rpx {
        height: -webkit-calc(var(--rpx, 1px)*65) !important;
        height: -moz-calc(var(--rpx, 1px)*65) !important;
        height: calc(var(--rpx, 1px)*65) !important
    }

    .zn--wrapper .\!pad\:h-106px {
        height: 106px !important
    }

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

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

    .zn--wrapper .pad\:h-32px {
        height: 32px
    }

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

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

    .zn--wrapper .\!pad\:h-68rpx {
        height: -webkit-calc(var(--rpx, 1px)*68) !important;
        height: -moz-calc(var(--rpx, 1px)*68) !important;
        height: calc(var(--rpx, 1px)*68) !important
    }

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

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

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

    .zn--wrapper .pad\:h-20px {
        height: 20px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:text-42rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*42);
        font-size: -moz-calc(var(--rpx, 1px)*42);
        font-size: calc(var(--rpx, 1px)*42);
        line-height: 1
    }

    .zn--wrapper .pad\:text-16rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .zn--wrapper .pad\:text-\[13\.42rpx\] {
        font-size: -webkit-calc(var(--rpx, 1px)*13.42);
        font-size: -moz-calc(var(--rpx, 1px)*13.42);
        font-size: calc(var(--rpx, 1px)*13.42);
        line-height: 1
    }

    .zn--wrapper .pad\:text-40px {
        font-size: 40px;
        line-height: 1
    }

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

    .zn--wrapper .pad\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .zn--wrapper .pad\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .zn--wrapper .pad\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .zn--wrapper .pad\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .zn--wrapper .pad\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .zn--wrapper .pad\:text-10px {
        font-size: 10px;
        line-height: 1
    }

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

    .zn--wrapper .\!pad\:leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .zn--wrapper .\!pad\:leading-\[1\.57\] {
        line-height: 1.57 !important
    }

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

    .zn--wrapper .pad\:my-2px {
        margin-bottom: 2px;
        margin-top: 2px
    }

    .zn--wrapper .pad\:my-26rpx {
        margin-bottom: calc(var(--rpx, 1px)*26);
        margin-top: calc(var(--rpx, 1px)*26)
    }

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

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

    .zn--wrapper .pad\:mt-5px {
        margin-top: 5px
    }

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

    .zn--wrapper .pad\:mt-9px {
        margin-top: 9px
    }

    .zn--wrapper .pad\:ml-0 {
        margin-left: 0
    }

    .zn--wrapper .pad\:ml-12px {
        margin-left: 12px
    }

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

    .zn--wrapper .pad\:mt-0 {
        margin-top: 0
    }

    .zn--wrapper .pad\:ml-6px {
        margin-left: 6px
    }

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

    .zn--wrapper .pad\:-mt-1px {
        margin-top: -1px
    }

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

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

    .zn--wrapper .pad\:mt-11px {
        margin-top: 11px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:mb-30\.9rpx {
        margin-bottom: calc(var(--rpx, 1px)*30.9)
    }

    .zn--wrapper .pad\:mt-22\.4rpx {
        margin-top: calc(var(--rpx, 1px)*22.4)
    }

    .zn--wrapper .pad\:mt-1\.1px {
        margin-top: 1.1px
    }

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

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

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

    .zn--wrapper .pad\:mt-4\.3rpx {
        margin-top: calc(var(--rpx, 1px)*4.3)
    }

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

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

    .zn--wrapper .pad\:mb-12rpx {
        margin-bottom: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pad\:mt-10\.3rpx {
        margin-top: calc(var(--rpx, 1px)*10.3)
    }

    .zn--wrapper .pad\:mb-12\.2rpx {
        margin-bottom: calc(var(--rpx, 1px)*12.2)
    }

    .zn--wrapper .pad\:mb-9rpx {
        margin-bottom: calc(var(--rpx, 1px)*9)
    }

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

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

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

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

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

    .zn--wrapper .pad\:mb-16rpx {
        margin-bottom: calc(var(--rpx, 1px)*16)
    }

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

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

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

    .zn--wrapper .pad\:ml-auto {
        margin-left: auto
    }

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

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

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

    .zn--wrapper .pad\:mt-auto {
        margin-top: auto
    }

    .zn--wrapper .pad\:mb-22rpx {
        margin-bottom: calc(var(--rpx, 1px)*22)
    }

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

    .zn--wrapper .pad\:mr-0 {
        margin-right: 0
    }

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

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

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

    .zn--wrapper .pad\:max-w-200px {
        max-width: 200px
    }

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

    .zn--wrapper .pad\:max-w-262px {
        max-width: 262px
    }

    .zn--wrapper .pad\:max-w-268px {
        max-width: 268px
    }

    .zn--wrapper .pad\:max-w-234px {
        max-width: 234px
    }

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

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

    .zn--wrapper .pad\:min-w-100px {
        min-width: 100px
    }

    .zn--wrapper .pad\:min-w-50px {
        min-width: 50px
    }

    .zn--wrapper .pad\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

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

    .zn--wrapper .pad\:opacity-75 {
        opacity: .75
    }

    .zn--wrapper .pad\:opacity-20 {
        opacity: .2
    }

    .zn--wrapper .pad\:opacity-60 {
        opacity: .6
    }

    .zn--wrapper .pad\:opacity-0 {
        opacity: 0
    }

    .zn--wrapper .pad\:opacity-55 {
        opacity: .55
    }

    .zn--wrapper .pad\:opacity-90 {
        opacity: .9
    }

    .zn--wrapper .pad\:opacity-30 {
        opacity: .3
    }

    .zn--wrapper .pad\:overflow-hidden {
        overflow: hidden
    }

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

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

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

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

    .zn--wrapper .pad\:px-8px {
        padding-left: 8px;
        padding-right: 8px
    }

    .zn--wrapper .pad\:py-2px {
        padding-bottom: 2px;
        padding-top: 2px
    }

    .zn--wrapper .pad\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

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

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

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

    .zn--wrapper .pad\:px-10px {
        padding-left: 10px;
        padding-right: 10px
    }

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

    .zn--wrapper .pad\:px-20px {
        padding-left: 20px;
        padding-right: 20px
    }

    .zn--wrapper .pad\:px-14px {
        padding-left: 14px;
        padding-right: 14px
    }

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:pl-24px {
        padding-left: 24px
    }

    .zn--wrapper .pad\:pl-38rpx {
        padding-left: calc(var(--rpx, 1px)*38)
    }

    .zn--wrapper .pad\:pr-10rpx {
        padding-right: calc(var(--rpx, 1px)*10)
    }

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

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

    .zn--wrapper .pad\:pr-30rpx {
        padding-right: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .pad\:pl-24rpx {
        padding-left: calc(var(--rpx, 1px)*24)
    }

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

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

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

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

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

    .zn--wrapper .pad\:pl-20rpx {
        padding-left: calc(var(--rpx, 1px)*20)
    }

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

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

    .zn--wrapper .pad\:pl-118rpx {
        padding-left: calc(var(--rpx, 1px)*118)
    }

    .zn--wrapper .pad\:pt-12\.8px {
        padding-top: 12.8px
    }

    .zn--wrapper .pad\:pb-8\.7px {
        padding-bottom: 8.7px
    }

    .zn--wrapper .pad\:pl-46rpx {
        padding-left: calc(var(--rpx, 1px)*46)
    }

    .zn--wrapper .pad\:pt-17\.5px {
        padding-top: 17.5px
    }

    .zn--wrapper .pad\:pb-23\.1px {
        padding-bottom: 23.1px
    }

    .zn--wrapper .pad\:pt-15\.1px {
        padding-top: 15.1px
    }

    .zn--wrapper .pad\:pb-14\.9px {
        padding-bottom: 14.9px
    }

    .zn--wrapper .pad\:pt-16\.5px {
        padding-top: 16.5px
    }

    .zn--wrapper .pad\:pb-24\.9px {
        padding-bottom: 24.9px
    }

    .zn--wrapper .pad\:pl-45\.7rpx {
        padding-left: calc(var(--rpx, 1px)*45.7)
    }

    .zn--wrapper .pad\:pb-42\.4px {
        padding-bottom: 42.4px
    }

    .zn--wrapper .pad\:pb-22\.6px {
        padding-bottom: 22.6px
    }

    .zn--wrapper .pad\:pl-30\.8rpx {
        padding-left: calc(var(--rpx, 1px)*30.8)
    }

    .zn--wrapper .pad\:pt-66px {
        padding-top: 66px
    }

    .zn--wrapper .pad\:pt-17px {
        padding-top: 17px
    }

    .zn--wrapper .pad\:pb-15px {
        padding-bottom: 15px
    }

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

    .zn--wrapper .pad\:pb-36\.6rpx {
        padding-bottom: calc(var(--rpx, 1px)*36.6)
    }

    .zn--wrapper .pad\:pb-26\.6rpx {
        padding-bottom: calc(var(--rpx, 1px)*26.6)
    }

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

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

    .zn--wrapper .pad\:pl-50rpx {
        padding-left: calc(var(--rpx, 1px)*50)
    }

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

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

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

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

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

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

    .zn--wrapper .pad\:pl-21rpx {
        padding-left: calc(var(--rpx, 1px)*21)
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:absolute {
        position: absolute
    }

    .zn--wrapper .pad\:relative {
        position: relative
    }

    .zn--wrapper .pad\:top-\[calc\(50\%-49px\)\] {
        top: -webkit-calc(50% - 49px);
        top: -moz-calc(50% - 49px);
        top: calc(50% - 49px)
    }

    .zn--wrapper .pad\:left-42rpx {
        left: -webkit-calc(var(--rpx, 1px)*42);
        left: -moz-calc(var(--rpx, 1px)*42);
        left: calc(var(--rpx, 1px)*42)
    }

    .zn--wrapper .pad\:right-auto {
        right: auto
    }

    .zn--wrapper .pad\:top-\[calc\(50\%-300rpx\+107rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*300 + var(--rpx, 1px)*107);
        top: -moz-calc(50% - var(--rpx, 1px)*300 + var(--rpx, 1px)*107);
        top: calc(50% - var(--rpx, 1px)*300 + var(--rpx, 1px)*107)
    }

    .zn--wrapper .pad\:left-\[calc\(50\%-48rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*48);
        left: -moz-calc(50% - var(--rpx, 1px)*48);
        left: calc(50% - var(--rpx, 1px)*48)
    }

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

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

    .zn--wrapper .pad\:top-31rpx {
        top: -webkit-calc(var(--rpx, 1px)*31);
        top: -moz-calc(var(--rpx, 1px)*31);
        top: calc(var(--rpx, 1px)*31)
    }

    .zn--wrapper .pad\:left-8rpx {
        left: -webkit-calc(var(--rpx, 1px)*8);
        left: -moz-calc(var(--rpx, 1px)*8);
        left: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pad\:top-116rpx {
        top: -webkit-calc(var(--rpx, 1px)*116);
        top: -moz-calc(var(--rpx, 1px)*116);
        top: calc(var(--rpx, 1px)*116)
    }

    .zn--wrapper .pad\:left-33rpx {
        left: -webkit-calc(var(--rpx, 1px)*33);
        left: -moz-calc(var(--rpx, 1px)*33);
        left: calc(var(--rpx, 1px)*33)
    }

    .zn--wrapper .pad\:bottom-22rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*22);
        bottom: -moz-calc(var(--rpx, 1px)*22);
        bottom: calc(var(--rpx, 1px)*22)
    }

    .zn--wrapper .pad\:left-24px {
        left: 24px
    }

    .zn--wrapper .pad\:-top-10px {
        top: -10px
    }

    .zn--wrapper .pad\:-right-50px {
        right: -50px
    }

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

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

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

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

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

    .zn--wrapper .pad\:top-auto {
        top: auto
    }

    .zn--wrapper .pad\:left-auto {
        left: auto
    }

    .zn--wrapper .pad\:right-0 {
        right: 0
    }

    .zn--wrapper .pad\:-bottom-71rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-71);
        bottom: -moz-calc(var(--rpx, 1px)*-71);
        bottom: calc(var(--rpx, 1px)*-71)
    }

    .zn--wrapper .pad\:top-\[calc\(50\%-74rpx\+25rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*74 + var(--rpx, 1px)*25);
        top: -moz-calc(50% - var(--rpx, 1px)*74 + var(--rpx, 1px)*25);
        top: calc(50% - var(--rpx, 1px)*74 + var(--rpx, 1px)*25)
    }

    .zn--wrapper .pad\:left-165rpx {
        left: -webkit-calc(var(--rpx, 1px)*165);
        left: -moz-calc(var(--rpx, 1px)*165);
        left: calc(var(--rpx, 1px)*165)
    }

    .zn--wrapper .pad\:bottom-auto {
        bottom: auto
    }

    .zn--wrapper .pad\:top-\[33\%\] {
        top: 33%
    }

    .zn--wrapper .pad\:left-\[calc\(50\%-187rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*187);
        left: -moz-calc(50% - var(--rpx, 1px)*187);
        left: calc(50% - var(--rpx, 1px)*187)
    }

    .zn--wrapper .pad\:top-\[calc\(50\%-29rpx-10rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*29 - var(--rpx, 1px)*10);
        top: -moz-calc(50% - var(--rpx, 1px)*29 - var(--rpx, 1px)*10);
        top: calc(50% - var(--rpx, 1px)*29 - var(--rpx, 1px)*10)
    }

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

    .zn--wrapper .pad\:top-11rpx {
        top: -webkit-calc(var(--rpx, 1px)*11);
        top: -moz-calc(var(--rpx, 1px)*11);
        top: calc(var(--rpx, 1px)*11)
    }

    .zn--wrapper .pad\:left-21rpx {
        left: -webkit-calc(var(--rpx, 1px)*21);
        left: -moz-calc(var(--rpx, 1px)*21);
        left: calc(var(--rpx, 1px)*21)
    }

    .zn--wrapper .pad\:top-\[calc\(50\%-38rpx\+30rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*38 + var(--rpx, 1px)*30);
        top: -moz-calc(50% - var(--rpx, 1px)*38 + var(--rpx, 1px)*30);
        top: calc(50% - var(--rpx, 1px)*38 + var(--rpx, 1px)*30)
    }

    .zn--wrapper .pad\:left-\[calc\(50\%-80rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*80);
        left: -moz-calc(50% - var(--rpx, 1px)*80);
        left: calc(50% - var(--rpx, 1px)*80)
    }

    .zn--wrapper .pad\:bottom-0 {
        bottom: 0
    }

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

    .zn--wrapper .pad\:top-21rpx {
        top: -webkit-calc(var(--rpx, 1px)*21);
        top: -moz-calc(var(--rpx, 1px)*21);
        top: calc(var(--rpx, 1px)*21)
    }

    .zn--wrapper .pad\:-left-64rpx {
        left: -webkit-calc(var(--rpx, 1px)*-64);
        left: -moz-calc(var(--rpx, 1px)*-64);
        left: calc(var(--rpx, 1px)*-64)
    }

    .zn--wrapper .pad\:-top-7\.2rpx {
        top: -webkit-calc(var(--rpx, 1px)*-7.2);
        top: -moz-calc(var(--rpx, 1px)*-7.2);
        top: calc(var(--rpx, 1px)*-7.2)
    }

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

    .zn--wrapper .pad\:top-49rpx {
        top: -webkit-calc(var(--rpx, 1px)*49);
        top: -moz-calc(var(--rpx, 1px)*49);
        top: calc(var(--rpx, 1px)*49)
    }

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

    .zn--wrapper .pad\:-left-122rpx {
        left: -webkit-calc(var(--rpx, 1px)*-122);
        left: -moz-calc(var(--rpx, 1px)*-122);
        left: calc(var(--rpx, 1px)*-122)
    }

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

    .zn--wrapper .pad\:top-20rpx {
        top: -webkit-calc(var(--rpx, 1px)*20);
        top: -moz-calc(var(--rpx, 1px)*20);
        top: calc(var(--rpx, 1px)*20)
    }

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

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

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

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

    .zn--wrapper .pad\:top-\[50\%\] {
        top: 50%
    }

    .zn--wrapper .pad\:top-79rpx {
        top: -webkit-calc(var(--rpx, 1px)*79);
        top: -moz-calc(var(--rpx, 1px)*79);
        top: calc(var(--rpx, 1px)*79)
    }

    .zn--wrapper .pad\:right-\[57\.03vw\] {
        right: 57.03vw;
        right: -webkit-calc(var(--vw, 1vw)*57.03);
        right: -moz-calc(var(--vw, 1vw)*57.03);
        right: calc(var(--vw, 1vw)*57.03)
    }

    .zn--wrapper .pad\:bottom-41rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*41);
        bottom: -moz-calc(var(--rpx, 1px)*41);
        bottom: calc(var(--rpx, 1px)*41)
    }

    .zn--wrapper .pad\:left-\[67\.06vw\] {
        left: 67.06vw;
        left: -webkit-calc(var(--vw, 1vw)*67.06);
        left: -moz-calc(var(--vw, 1vw)*67.06);
        left: calc(var(--vw, 1vw)*67.06)
    }

    .zn--wrapper .pad\:top-40rpx {
        top: -webkit-calc(var(--rpx, 1px)*40);
        top: -moz-calc(var(--rpx, 1px)*40);
        top: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .pad\:left-\[32\%\] {
        left: 32%
    }

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

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

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

    .zn--wrapper .pad\:top-72rpx {
        top: -webkit-calc(var(--rpx, 1px)*72);
        top: -moz-calc(var(--rpx, 1px)*72);
        top: calc(var(--rpx, 1px)*72)
    }

    .zn--wrapper .pad\:-right-239\.6rpx {
        right: -webkit-calc(var(--rpx, 1px)*-239.6);
        right: -moz-calc(var(--rpx, 1px)*-239.6);
        right: calc(var(--rpx, 1px)*-239.6)
    }

    .zn--wrapper .pad\:bottom-33\.2rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*33.2);
        bottom: -moz-calc(var(--rpx, 1px)*33.2);
        bottom: calc(var(--rpx, 1px)*33.2)
    }

    .zn--wrapper .pad\:top-29px {
        top: 29px
    }

    .zn--wrapper .pad\:left-345px {
        left: 345px
    }

    .zn--wrapper .pad\:-top-2px {
        top: -2px
    }

    .zn--wrapper .pad\:left-101px {
        left: 101px
    }

    .zn--wrapper .pad\:-top-46\.09vw {
        top: -46.09vw;
        top: -webkit-calc(var(--vw, 1vw)*-46.09);
        top: -moz-calc(var(--vw, 1vw)*-46.09);
        top: calc(var(--vw, 1vw)*-46.09)
    }

    .zn--wrapper .pad\:left-\[calc\(50\%-86\.5vw\)\] {
        left: -webkit-calc(50% - 86.5vw);
        left: -moz-calc(50% - 86.5vw);
        left: calc(50% - 86.5vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*86.5);
        left: -moz-calc(50% - var(--vw, 1vw)*86.5);
        left: calc(50% - var(--vw, 1vw)*86.5)
    }

    .zn--wrapper .pad\:top-2\.83vw {
        top: 2.83vw;
        top: -webkit-calc(var(--vw, 1vw)*2.83);
        top: -moz-calc(var(--vw, 1vw)*2.83);
        top: calc(var(--vw, 1vw)*2.83)
    }

    .zn--wrapper .pad\:left-\[calc\(49\%-57\.27vw\)\] {
        left: -webkit-calc(49% - 57.27vw);
        left: -moz-calc(49% - 57.27vw);
        left: calc(49% - 57.27vw);
        left: -webkit-calc(49% - var(--vw, 1vw)*57.27);
        left: -moz-calc(49% - var(--vw, 1vw)*57.27);
        left: calc(49% - var(--vw, 1vw)*57.27)
    }

    .zn--wrapper .pad\:top-23\.72vw {
        top: 23.72vw;
        top: -webkit-calc(var(--vw, 1vw)*23.72);
        top: -moz-calc(var(--vw, 1vw)*23.72);
        top: calc(var(--vw, 1vw)*23.72)
    }

    .zn--wrapper .pad\:left-\[calc\(48\%-65\.64vw\)\] {
        left: -webkit-calc(48% - 65.64vw);
        left: -moz-calc(48% - 65.64vw);
        left: calc(48% - 65.64vw);
        left: -webkit-calc(48% - var(--vw, 1vw)*65.64);
        left: -moz-calc(48% - var(--vw, 1vw)*65.64);
        left: calc(48% - var(--vw, 1vw)*65.64)
    }

    .zn--wrapper .pad\:top-47\.21vw {
        top: 47.21vw;
        top: -webkit-calc(var(--vw, 1vw)*47.21);
        top: -moz-calc(var(--vw, 1vw)*47.21);
        top: calc(var(--vw, 1vw)*47.21)
    }

    .zn--wrapper .pad\:top-17\.26vw {
        top: 17.26vw;
        top: -webkit-calc(var(--vw, 1vw)*17.26);
        top: -moz-calc(var(--vw, 1vw)*17.26);
        top: calc(var(--vw, 1vw)*17.26)
    }

    .zn--wrapper .pad\:left-\[calc\(49\%-52\.62vw\)\] {
        left: -webkit-calc(49% - 52.62vw);
        left: -moz-calc(49% - 52.62vw);
        left: calc(49% - 52.62vw);
        left: -webkit-calc(49% - var(--vw, 1vw)*52.62);
        left: -moz-calc(49% - var(--vw, 1vw)*52.62);
        left: calc(49% - var(--vw, 1vw)*52.62)
    }

    .zn--wrapper .pad\:top-18\.28vw {
        top: 18.28vw;
        top: -webkit-calc(var(--vw, 1vw)*18.28);
        top: -moz-calc(var(--vw, 1vw)*18.28);
        top: calc(var(--vw, 1vw)*18.28)
    }

    .zn--wrapper .pad\:left-\[calc\(50\%-38\.67vw\)\] {
        left: -webkit-calc(50% - 38.67vw);
        left: -moz-calc(50% - 38.67vw);
        left: calc(50% - 38.67vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*38.67);
        left: -moz-calc(50% - var(--vw, 1vw)*38.67);
        left: calc(50% - var(--vw, 1vw)*38.67)
    }

    .zn--wrapper .pad\:top-1\.06vw {
        top: 1.06vw;
        top: -webkit-calc(var(--vw, 1vw)*1.06);
        top: -moz-calc(var(--vw, 1vw)*1.06);
        top: calc(var(--vw, 1vw)*1.06)
    }

    .zn--wrapper .pad\:left-8\.05vw {
        left: 8.05vw;
        left: -webkit-calc(var(--vw, 1vw)*8.05);
        left: -moz-calc(var(--vw, 1vw)*8.05);
        left: calc(var(--vw, 1vw)*8.05)
    }

    .zn--wrapper .pad\:right-0\.81vw {
        right: .81vw;
        right: -webkit-calc(var(--vw, 1vw)*.81);
        right: -moz-calc(var(--vw, 1vw)*.81);
        right: calc(var(--vw, 1vw)*.81)
    }

    .zn--wrapper .pad\:bottom-1\.26vw {
        bottom: 1.26vw;
        bottom: -webkit-calc(var(--vw, 1vw)*1.26);
        bottom: -moz-calc(var(--vw, 1vw)*1.26);
        bottom: calc(var(--vw, 1vw)*1.26)
    }

    .zn--wrapper .pad\:top-6\.22vw {
        top: 6.22vw;
        top: -webkit-calc(var(--vw, 1vw)*6.22);
        top: -moz-calc(var(--vw, 1vw)*6.22);
        top: calc(var(--vw, 1vw)*6.22)
    }

    .zn--wrapper .pad\:left-\[calc\(51\%-4\.88vw\)\] {
        left: -webkit-calc(51% - 4.88vw);
        left: -moz-calc(51% - 4.88vw);
        left: calc(51% - 4.88vw);
        left: -webkit-calc(51% - var(--vw, 1vw)*4.88);
        left: -moz-calc(51% - var(--vw, 1vw)*4.88);
        left: calc(51% - var(--vw, 1vw)*4.88)
    }

    .zn--wrapper .pad\:top-20\.8rpx {
        top: -webkit-calc(var(--rpx, 1px)*20.8);
        top: -moz-calc(var(--rpx, 1px)*20.8);
        top: calc(var(--rpx, 1px)*20.8)
    }

    .zn--wrapper .pad\:right-29\.3rpx {
        right: -webkit-calc(var(--rpx, 1px)*29.3);
        right: -moz-calc(var(--rpx, 1px)*29.3);
        right: calc(var(--rpx, 1px)*29.3)
    }

    .zn--wrapper .pad\:top-\[calc\(50\%-157\.9rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*157.9);
        top: -moz-calc(50% - var(--rpx, 1px)*157.9);
        top: calc(50% - var(--rpx, 1px)*157.9)
    }

    .zn--wrapper .pad\:left-\[calc\(50\%-210\.5rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*210.5);
        left: -moz-calc(50% - var(--rpx, 1px)*210.5);
        left: calc(50% - var(--rpx, 1px)*210.5)
    }

    .zn--wrapper .pad\:top-200vh {
        top: 200vh;
        top: -webkit-calc(var(--vh, 1vh)*200);
        top: -moz-calc(var(--vh, 1vh)*200);
        top: calc(var(--vh, 1vh)*200)
    }

    .zn--wrapper .pad\:top-\[calc\(50\%-184\.5rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*184.5);
        top: -moz-calc(50% - var(--rpx, 1px)*184.5);
        top: calc(50% - var(--rpx, 1px)*184.5)
    }

    .zn--wrapper .pad\:-left-29\.3rpx {
        left: -webkit-calc(var(--rpx, 1px)*-29.3);
        left: -moz-calc(var(--rpx, 1px)*-29.3);
        left: calc(var(--rpx, 1px)*-29.3)
    }

    .zn--wrapper .pad\:bottom-70rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*70);
        bottom: -moz-calc(var(--rpx, 1px)*70);
        bottom: calc(var(--rpx, 1px)*70)
    }

    .zn--wrapper .pad\:bottom-25\.4px {
        bottom: 25.4px
    }

    .zn--wrapper .pad\:left-34px {
        left: 34px
    }

    .zn--wrapper .pad\:left-4\.3rpx {
        left: -webkit-calc(var(--rpx, 1px)*4.3);
        left: -moz-calc(var(--rpx, 1px)*4.3);
        left: calc(var(--rpx, 1px)*4.3)
    }

    .zn--wrapper .pad\:top-28\.9px {
        top: 28.9px
    }

    .zn--wrapper .pad\:left-84px {
        left: 84px
    }

    .zn--wrapper .pad\:left-0\.5rpx {
        left: -webkit-calc(var(--rpx, 1px)*.5);
        left: -moz-calc(var(--rpx, 1px)*.5);
        left: calc(var(--rpx, 1px)*.5)
    }

    .zn--wrapper .pad\:left-89px {
        left: 89px
    }

    .zn--wrapper .pad\:left-5\.9rpx {
        left: -webkit-calc(var(--rpx, 1px)*5.9);
        left: -moz-calc(var(--rpx, 1px)*5.9);
        left: calc(var(--rpx, 1px)*5.9)
    }

    .zn--wrapper .pad\:left-30px {
        left: 30px
    }

    .zn--wrapper .pad\:left-5\.3rpx {
        left: -webkit-calc(var(--rpx, 1px)*5.3);
        left: -moz-calc(var(--rpx, 1px)*5.3);
        left: calc(var(--rpx, 1px)*5.3)
    }

    .zn--wrapper .pad\:bottom-25\.9px {
        bottom: 25.9px
    }

    .zn--wrapper .pad\:left-93px {
        left: 93px
    }

    .zn--wrapper .pad\:bottom-9px {
        bottom: 9px
    }

    .zn--wrapper .pad\:left-40px {
        left: 40px
    }

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

    .zn--wrapper .pad\:left-\[calc\(50\%-271\.6rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*271.6);
        left: -moz-calc(50% - var(--rpx, 1px)*271.6);
        left: calc(50% - var(--rpx, 1px)*271.6)
    }

    .zn--wrapper .pad\:left-41rpx {
        left: -webkit-calc(var(--rpx, 1px)*41);
        left: -moz-calc(var(--rpx, 1px)*41);
        left: calc(var(--rpx, 1px)*41)
    }

    .zn--wrapper .pad\:-top-33rpx {
        top: -webkit-calc(var(--rpx, 1px)*-33);
        top: -moz-calc(var(--rpx, 1px)*-33);
        top: calc(var(--rpx, 1px)*-33)
    }

    .zn--wrapper .pad\:-left-88rpx {
        left: -webkit-calc(var(--rpx, 1px)*-88);
        left: -moz-calc(var(--rpx, 1px)*-88);
        left: calc(var(--rpx, 1px)*-88)
    }

    .zn--wrapper .pad\:top-126rpx {
        top: -webkit-calc(var(--rpx, 1px)*126);
        top: -moz-calc(var(--rpx, 1px)*126);
        top: calc(var(--rpx, 1px)*126)
    }

    .zn--wrapper .pad\:top-17px {
        top: 17px
    }

    .zn--wrapper .pad\:top-70rpx {
        top: -webkit-calc(var(--rpx, 1px)*70);
        top: -moz-calc(var(--rpx, 1px)*70);
        top: calc(var(--rpx, 1px)*70)
    }

    .zn--wrapper .pad\:-right-90\.9rpx {
        right: -webkit-calc(var(--rpx, 1px)*-90.9);
        right: -moz-calc(var(--rpx, 1px)*-90.9);
        right: calc(var(--rpx, 1px)*-90.9)
    }

    .zn--wrapper .pad\:-top-25px {
        top: -25px
    }

    .zn--wrapper .pad\:left-full {
        left: 100%
    }

    .zn--wrapper .pad\:-bottom-40rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-40);
        bottom: -moz-calc(var(--rpx, 1px)*-40);
        bottom: calc(var(--rpx, 1px)*-40)
    }

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

    .zn--wrapper .pad\:left-16px {
        left: 16px
    }

    .zn--wrapper .pad\:bottom-16px {
        bottom: 16px
    }

    .zn--wrapper .pad\:-top-\[0\.5em\] {
        top: -.5em
    }

    .zn--wrapper .pad\:left-\[95\%\] {
        left: 95%
    }

    .zn--wrapper .pad\:top-23px {
        top: 23px
    }

    .zn--wrapper .pad\:left-262rpx {
        left: -webkit-calc(var(--rpx, 1px)*262);
        left: -moz-calc(var(--rpx, 1px)*262);
        left: calc(var(--rpx, 1px)*262)
    }

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

    .zn--wrapper .pad\:top-\[5\.5rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*5.5);
        top: -moz-calc(var(--rpx, 1px)*5.5);
        top: calc(var(--rpx, 1px)*5.5)
    }

    .zn--wrapper .pad\:left-\[5\.5rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*5.5);
        left: -moz-calc(var(--rpx, 1px)*5.5);
        left: calc(var(--rpx, 1px)*5.5)
    }

    .zn--wrapper .pad\:top-4rpx {
        top: -webkit-calc(var(--rpx, 1px)*4);
        top: -moz-calc(var(--rpx, 1px)*4);
        top: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .pad\:left-5rpx {
        left: -webkit-calc(var(--rpx, 1px)*5);
        left: -moz-calc(var(--rpx, 1px)*5);
        left: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .pad\:top-6rpx {
        top: -webkit-calc(var(--rpx, 1px)*6);
        top: -moz-calc(var(--rpx, 1px)*6);
        top: calc(var(--rpx, 1px)*6)
    }

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

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

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

    .zn--wrapper .pad\:w-68px {
        width: 68px
    }

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

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

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

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

    .zn--wrapper .pad\:w-109px {
        width: 109px
    }

    .zn--wrapper .pad\:w-219px {
        width: 219px
    }

    .zn--wrapper .pad\:w-67px {
        width: 67px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:w-\[calc\(100\%-32rpx\)\] {
        width: -webkit-calc(100% - var(--rpx, 1px)*32);
        width: -moz-calc(100% - var(--rpx, 1px)*32);
        width: calc(100% - var(--rpx, 1px)*32)
    }

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:w-40px {
        width: 40px
    }

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

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

    .zn--wrapper .pad\:w-162px {
        width: 162px
    }

    .zn--wrapper .pad\:w-24px {
        width: 24px
    }

    .zn--wrapper .pad\:w-\[32\%\] {
        width: 32%
    }

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

    .zn--wrapper .pad\:w-\[68\%\] {
        width: 68%
    }

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

    .zn--wrapper .pad\:w-92px {
        width: 92px
    }

    .zn--wrapper .pad\:w-20px {
        width: 20px
    }

    .zn--wrapper .pad\:w-60px {
        width: 60px
    }

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

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

    .zn--wrapper .pad\:w-131px {
        width: 131px
    }

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

    .zn--wrapper .pad\:w-120px {
        width: 120px
    }

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

    .zn--wrapper .pad\:w-650\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*650.3);
        width: -moz-calc(var(--rpx, 1px)*650.3);
        width: calc(var(--rpx, 1px)*650.3)
    }

    .zn--wrapper .pad\:w-50px {
        width: 50px
    }

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

    .zn--wrapper .pad\:w-19\.9px {
        width: 19.9px
    }

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

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

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

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

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

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

    .zn--wrapper .pad\:w-114\.54vw {
        width: 114.54vw;
        width: -webkit-calc(var(--vw, 1vw)*114.54);
        width: -moz-calc(var(--vw, 1vw)*114.54);
        width: calc(var(--vw, 1vw)*114.54)
    }

    .zn--wrapper .pad\:w-131\.29vw {
        width: 131.29vw;
        width: -webkit-calc(var(--vw, 1vw)*131.29);
        width: -moz-calc(var(--vw, 1vw)*131.29);
        width: calc(var(--vw, 1vw)*131.29)
    }

    .zn--wrapper .pad\:w-98\.92vw {
        width: 98.92vw;
        width: -webkit-calc(var(--vw, 1vw)*98.92);
        width: -moz-calc(var(--vw, 1vw)*98.92);
        width: calc(var(--vw, 1vw)*98.92)
    }

    .zn--wrapper .pad\:w-105\.24vw {
        width: 105.24vw;
        width: -webkit-calc(var(--vw, 1vw)*105.24);
        width: -moz-calc(var(--vw, 1vw)*105.24);
        width: calc(var(--vw, 1vw)*105.24)
    }

    .zn--wrapper .pad\:w-75\.35vw {
        width: 75.35vw;
        width: -webkit-calc(var(--vw, 1vw)*75.35);
        width: -moz-calc(var(--vw, 1vw)*75.35);
        width: calc(var(--vw, 1vw)*75.35)
    }

    .zn--wrapper .pad\:w-24\.15vw {
        width: 24.15vw;
        width: -webkit-calc(var(--vw, 1vw)*24.15);
        width: -moz-calc(var(--vw, 1vw)*24.15);
        width: calc(var(--vw, 1vw)*24.15)
    }

    .zn--wrapper .pad\:w-30\.82vw {
        width: 30.82vw;
        width: -webkit-calc(var(--vw, 1vw)*30.82);
        width: -moz-calc(var(--vw, 1vw)*30.82);
        width: calc(var(--vw, 1vw)*30.82)
    }

    .zn--wrapper .pad\:w-9\.77vw {
        width: 9.77vw;
        width: -webkit-calc(var(--vw, 1vw)*9.77);
        width: -moz-calc(var(--vw, 1vw)*9.77);
        width: calc(var(--vw, 1vw)*9.77)
    }

    .zn--wrapper .pad\:w-570px {
        width: 570px
    }

    .zn--wrapper .pad\:w-120\.4rpx {
        width: -webkit-calc(var(--rpx, 1px)*120.4);
        width: -moz-calc(var(--rpx, 1px)*120.4);
        width: calc(var(--rpx, 1px)*120.4)
    }

    .zn--wrapper .pad\:w-21\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*21.9);
        width: -moz-calc(var(--rpx, 1px)*21.9);
        width: calc(var(--rpx, 1px)*21.9)
    }

    .zn--wrapper .pad\:w-307\.7rpx {
        width: -webkit-calc(var(--rpx, 1px)*307.7);
        width: -moz-calc(var(--rpx, 1px)*307.7);
        width: calc(var(--rpx, 1px)*307.7)
    }

    .zn--wrapper .pad\:w-357\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*357.3);
        width: -moz-calc(var(--rpx, 1px)*357.3);
        width: calc(var(--rpx, 1px)*357.3)
    }

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

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

    .zn--wrapper .pad\:w-408\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*408.9);
        width: -moz-calc(var(--rpx, 1px)*408.9);
        width: calc(var(--rpx, 1px)*408.9)
    }

    .zn--wrapper .pad\:w-366\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*366.9);
        width: -moz-calc(var(--rpx, 1px)*366.9);
        width: calc(var(--rpx, 1px)*366.9)
    }

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

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

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

    .zn--wrapper .pad\:w-217\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*217.2);
        width: -moz-calc(var(--rpx, 1px)*217.2);
        width: calc(var(--rpx, 1px)*217.2)
    }

    .zn--wrapper .pad\:w-443\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*443.2);
        width: -moz-calc(var(--rpx, 1px)*443.2);
        width: calc(var(--rpx, 1px)*443.2)
    }

    .zn--wrapper .pad\:w-225\.7rpx {
        width: -webkit-calc(var(--rpx, 1px)*225.7);
        width: -moz-calc(var(--rpx, 1px)*225.7);
        width: calc(var(--rpx, 1px)*225.7)
    }

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

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

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

    .zn--wrapper .pad\:w-317\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*317.3);
        width: -moz-calc(var(--rpx, 1px)*317.3);
        width: calc(var(--rpx, 1px)*317.3)
    }

    .zn--wrapper .pad\:w-543\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*543.2);
        width: -moz-calc(var(--rpx, 1px)*543.2);
        width: calc(var(--rpx, 1px)*543.2)
    }

    .zn--wrapper .pad\:w-502\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*502.2);
        width: -moz-calc(var(--rpx, 1px)*502.2);
        width: calc(var(--rpx, 1px)*502.2)
    }

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

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

    .zn--wrapper .pad\:w-182px {
        width: 182px
    }

    .zn--wrapper .pad\:w-1px {
        width: 1px
    }

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

    .zn--wrapper .\!pad\:w-68px {
        width: 68px !important
    }

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

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

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

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

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

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

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

    .zn--wrapper .\!pad\:w-65rpx {
        width: -webkit-calc(var(--rpx, 1px)*65) !important;
        width: -moz-calc(var(--rpx, 1px)*65) !important;
        width: calc(var(--rpx, 1px)*65) !important
    }

    .zn--wrapper .pad\:w-189px {
        width: 189px
    }

    .zn--wrapper .\!pad\:w-106px {
        width: 106px !important
    }

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

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

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

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

    .zn--wrapper .pad\:w-32px {
        width: 32px
    }

    .zn--wrapper .pad\:w-196px {
        width: 196px
    }

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

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

    .zn--wrapper .\!pad\:w-68rpx {
        width: -webkit-calc(var(--rpx, 1px)*68) !important;
        width: -moz-calc(var(--rpx, 1px)*68) !important;
        width: calc(var(--rpx, 1px)*68) !important
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:w-16px {
        width: 16px
    }

    .zn--wrapper .pad\:w-265px {
        width: 265px
    }

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

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

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

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

    .zn--wrapper .pad\:w-234px {
        width: 234px
    }

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

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

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

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

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

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

    .zn--wrapper .pad\:w-360px {
        width: 360px
    }

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

    .zn--wrapper .pad\:z-1 {
        z-index: 1
    }

    .zn--wrapper .pad\: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))
    }

    .zn--wrapper .pad\:rotate-29\.26 {
        --tw-rotate: 29.26deg
    }
}

@media (min-width:1024px) {
    .zn--wrapper .pc\:bg-\[\#ffffff\] {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .zn--wrapper .pc\:border-\[\#333\] {
        --tw-border-opacity: 1;
        border-color: rgba(51, 51, 51, var(--tw-border-opacity))
    }

    .zn--wrapper .pc\:rounded-20rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*20);
        border-radius: -moz-calc(var(--rpx, 1px)*20);
        border-radius: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .pc\:border-solid {
        border-style: solid
    }

    .zn--wrapper .pc\:border-1px {
        border-width: 1px
    }

    .zn--wrapper .pc\:border-0px {
        border-width: 0
    }

    .zn--wrapper .pc\:border-b-1px {
        border-bottom-width: 1px
    }

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

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

    .zn--wrapper .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
    }

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

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

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

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

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

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

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

    .zn--wrapper .pc\:flex-\[1_1_705rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*705);
        flex: 1 1 calc(var(--rpx, 1px)*705)
    }

    .zn--wrapper .pc\:flex-\[1_1_607rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*607);
        flex: 1 1 calc(var(--rpx, 1px)*607)
    }

    .zn--wrapper .pc\:flex-grow-0 {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:h-13px {
        height: 13px
    }

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

    .zn--wrapper .pc\:h-117px {
        height: 117px
    }

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

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

    .zn--wrapper .pc\:h-116px {
        height: 116px
    }

    .zn--wrapper .pc\:h-58px {
        height: 58px
    }

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

    .zn--wrapper .pc\:h-153\.3rpx {
        height: -webkit-calc(var(--rpx, 1px)*153.3);
        height: -moz-calc(var(--rpx, 1px)*153.3);
        height: calc(var(--rpx, 1px)*153.3)
    }

    .zn--wrapper .pc\:h-41\.2px {
        height: 41.2px
    }

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

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

    .zn--wrapper .pc\:h-113\.62vw {
        height: 113.62vw;
        height: -webkit-calc(var(--vw, 1vw)*113.62);
        height: -moz-calc(var(--vw, 1vw)*113.62);
        height: calc(var(--vw, 1vw)*113.62)
    }

    .zn--wrapper .pc\:h-22\.88vw {
        height: 22.88vw;
        height: -webkit-calc(var(--vw, 1vw)*22.88);
        height: -moz-calc(var(--vw, 1vw)*22.88);
        height: calc(var(--vw, 1vw)*22.88)
    }

    .zn--wrapper .pc\:h-87\.96vw {
        height: 87.96vw;
        height: -webkit-calc(var(--vw, 1vw)*87.96);
        height: -moz-calc(var(--vw, 1vw)*87.96);
        height: calc(var(--vw, 1vw)*87.96)
    }

    .zn--wrapper .pc\:h-31\.53vw {
        height: 31.53vw;
        height: -webkit-calc(var(--vw, 1vw)*31.53);
        height: -moz-calc(var(--vw, 1vw)*31.53);
        height: calc(var(--vw, 1vw)*31.53)
    }

    .zn--wrapper .pc\:h-58\.19vw {
        height: 58.19vw;
        height: -webkit-calc(var(--vw, 1vw)*58.19);
        height: -moz-calc(var(--vw, 1vw)*58.19);
        height: calc(var(--vw, 1vw)*58.19)
    }

    .zn--wrapper .pc\:h-15\.28vw {
        height: 15.28vw;
        height: -webkit-calc(var(--vw, 1vw)*15.28);
        height: -moz-calc(var(--vw, 1vw)*15.28);
        height: calc(var(--vw, 1vw)*15.28)
    }

    .zn--wrapper .pc\:h-5\.97vw {
        height: 5.97vw;
        height: -webkit-calc(var(--vw, 1vw)*5.97);
        height: -moz-calc(var(--vw, 1vw)*5.97);
        height: calc(var(--vw, 1vw)*5.97)
    }

    .zn--wrapper .pc\:h-4\.1vw {
        height: 4.1vw;
        height: -webkit-calc(var(--vw, 1vw)*4.1);
        height: -moz-calc(var(--vw, 1vw)*4.1);
        height: calc(var(--vw, 1vw)*4.1)
    }

    .zn--wrapper .pc\:h-55\.3rpx {
        height: -webkit-calc(var(--rpx, 1px)*55.3);
        height: -moz-calc(var(--rpx, 1px)*55.3);
        height: calc(var(--rpx, 1px)*55.3)
    }

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

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

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

    .zn--wrapper .pc\:h-783\.3rpx {
        height: -webkit-calc(var(--rpx, 1px)*783.3);
        height: -moz-calc(var(--rpx, 1px)*783.3);
        height: calc(var(--rpx, 1px)*783.3)
    }

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

    .zn--wrapper .pc\:h-137px {
        height: 137px
    }

    .zn--wrapper .pc\:h-162px {
        height: 162px
    }

    .zn--wrapper .pc\:h-1px {
        height: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:h-48px {
        height: 48px
    }

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

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

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

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

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

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

    .zn--wrapper .pc\:text-24rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

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

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

    .zn--wrapper .pc\:ml-42px {
        margin-left: 42px
    }

    .zn--wrapper .pc\:-mt-1px {
        margin-top: -1px
    }

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

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

    .zn--wrapper .pc\:mt-11px {
        margin-top: 11px
    }

    .zn--wrapper .pc\:ml-8px {
        margin-left: 8px
    }

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

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

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

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

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

    .zn--wrapper .pc\:-mt-220px {
        margin-top: -220px
    }

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

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

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

    .zn--wrapper .pc\:ml-12\.1rpx {
        margin-left: calc(var(--rpx, 1px)*12.1)
    }

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

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

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

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

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

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

    .zn--wrapper .pc\:mt-20px {
        margin-top: 20px
    }

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

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

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

    .zn--wrapper .pc\:mt-40px {
        margin-top: 40px
    }

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

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

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

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

    .zn--wrapper .pc\:mt-8\.5rpx {
        margin-top: calc(var(--rpx, 1px)*8.5)
    }

    .zn--wrapper .pc\:mb-11\.5rpx {
        margin-bottom: calc(var(--rpx, 1px)*11.5)
    }

    .zn--wrapper .pc\:mb-16\.5rpx {
        margin-bottom: calc(var(--rpx, 1px)*16.5)
    }

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

    .zn--wrapper .pc\:mr-30px {
        margin-right: 30px
    }

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:max-w-743px {
        max-width: 743px
    }

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

    .zn--wrapper .pc\:max-w-142px {
        max-width: 142px
    }

    .zn--wrapper .pc\:max-w-336px {
        max-width: 336px
    }

    .zn--wrapper .pc\:max-w-800px {
        max-width: 800px
    }

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

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

    .zn--wrapper .pc\:min-h-382px {
        min-height: 382px
    }

    .zn--wrapper .pc\:min-w-550px {
        min-width: 550px
    }

    .zn--wrapper .pc\:min-w-327px {
        min-width: 327px
    }

    .zn--wrapper .pc\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

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

    .zn--wrapper .pc\:opacity-50 {
        opacity: .5
    }

    .zn--wrapper .pc\:opacity-20 {
        opacity: .2
    }

    .zn--wrapper .pc\:opacity-30 {
        opacity: .3
    }

    .zn--wrapper .pc\:opacity-0 {
        opacity: 0
    }

    .zn--wrapper .pc\:opacity-60 {
        opacity: .6
    }

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

    .zn--wrapper .pc\:py-20px {
        padding-bottom: 20px;
        padding-top: 20px
    }

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

    .zn--wrapper .pc\:px-10px {
        padding-left: 10px;
        padding-right: 10px
    }

    .zn--wrapper .pc\:py-10px {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .zn--wrapper .pc\:px-33\.5px {
        padding-left: 33.5px;
        padding-right: 33.5px
    }

    .zn--wrapper .pc\:px-27\.5px {
        padding-left: 27.5px;
        padding-right: 27.5px
    }

    .zn--wrapper .pc\:px-20px {
        padding-left: 20px;
        padding-right: 20px
    }

    .zn--wrapper .pc\:px-39rpx {
        padding-left: calc(var(--rpx, 1px)*39);
        padding-right: calc(var(--rpx, 1px)*39)
    }

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

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

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

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

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

    .zn--wrapper .pc\:pt-136rpx {
        padding-top: calc(var(--rpx, 1px)*136)
    }

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

    .zn--wrapper .pc\:pt-30rpx {
        padding-top: calc(var(--rpx, 1px)*30)
    }

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

    .zn--wrapper .pc\:pt-74rpx {
        padding-top: calc(var(--rpx, 1px)*74)
    }

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

    .zn--wrapper .pc\:pl-64rpx {
        padding-left: calc(var(--rpx, 1px)*64)
    }

    .zn--wrapper .pc\:pt-14rpx {
        padding-top: calc(var(--rpx, 1px)*14)
    }

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

    .zn--wrapper .pc\:pt-89rpx {
        padding-top: calc(var(--rpx, 1px)*89)
    }

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

    .zn--wrapper .pc\:pt-100rpx {
        padding-top: calc(var(--rpx, 1px)*100)
    }

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

    .zn--wrapper .pc\:pl-28rpx {
        padding-left: calc(var(--rpx, 1px)*28)
    }

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

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

    .zn--wrapper .pc\:pt-138rpx {
        padding-top: calc(var(--rpx, 1px)*138)
    }

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

    .zn--wrapper .pc\:pt-120rpx {
        padding-top: calc(var(--rpx, 1px)*120)
    }

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

    .zn--wrapper .pc\:pl-48rpx {
        padding-left: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .pc\:pl-219rpx {
        padding-left: calc(var(--rpx, 1px)*219)
    }

    .zn--wrapper .pc\:pl-60rpx {
        padding-left: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .pc\:pt-36rpx {
        padding-top: calc(var(--rpx, 1px)*36)
    }

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

    .zn--wrapper .pc\:pl-63rpx {
        padding-left: calc(var(--rpx, 1px)*63)
    }

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

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

    .zn--wrapper .pc\:pl-65rpx {
        padding-left: calc(var(--rpx, 1px)*65)
    }

    .zn--wrapper .pc\:pl-57rpx {
        padding-left: calc(var(--rpx, 1px)*57)
    }

    .zn--wrapper .pc\:pt-60rpx {
        padding-top: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .pc\:pt-73rpx {
        padding-top: calc(var(--rpx, 1px)*73)
    }

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

    .zn--wrapper .pc\:pl-30rpx {
        padding-left: calc(var(--rpx, 1px)*30)
    }

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

    .zn--wrapper .pc\:pt-80rpx {
        padding-top: calc(var(--rpx, 1px)*80)
    }

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

    .zn--wrapper .pc\:pt-163rpx {
        padding-top: calc(var(--rpx, 1px)*163)
    }

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

    .zn--wrapper .pc\:pt-105rpx {
        padding-top: calc(var(--rpx, 1px)*105)
    }

    .zn--wrapper .pc\:pl-84rpx {
        padding-left: calc(var(--rpx, 1px)*84)
    }

    .zn--wrapper .pc\:absolute {
        position: absolute
    }

    .zn--wrapper .pc\:relative {
        position: relative
    }

    .zn--wrapper .pc\:-top-39rpx {
        top: -webkit-calc(var(--rpx, 1px)*-39);
        top: -moz-calc(var(--rpx, 1px)*-39);
        top: calc(var(--rpx, 1px)*-39)
    }

    .zn--wrapper .pc\:right-143rpx {
        right: -webkit-calc(var(--rpx, 1px)*143);
        right: -moz-calc(var(--rpx, 1px)*143);
        right: calc(var(--rpx, 1px)*143)
    }

    .zn--wrapper .pc\:top-43rpx {
        top: -webkit-calc(var(--rpx, 1px)*43);
        top: -moz-calc(var(--rpx, 1px)*43);
        top: calc(var(--rpx, 1px)*43)
    }

    .zn--wrapper .pc\:right-58rpx {
        right: -webkit-calc(var(--rpx, 1px)*58);
        right: -moz-calc(var(--rpx, 1px)*58);
        right: calc(var(--rpx, 1px)*58)
    }

    .zn--wrapper .pc\:top-61\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*61.5);
        top: -moz-calc(var(--rpx, 1px)*61.5);
        top: calc(var(--rpx, 1px)*61.5)
    }

    .zn--wrapper .pc\:right-260rpx {
        right: -webkit-calc(var(--rpx, 1px)*260);
        right: -moz-calc(var(--rpx, 1px)*260);
        right: calc(var(--rpx, 1px)*260)
    }

    .zn--wrapper .pc\:top-29px {
        top: 29px
    }

    .zn--wrapper .pc\:right-0 {
        right: 0
    }

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

    .zn--wrapper .pc\:top-\[calc\(50\%-305\.5rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*305.5);
        top: -moz-calc(50% - var(--rpx, 1px)*305.5);
        top: calc(50% - var(--rpx, 1px)*305.5)
    }

    .zn--wrapper .pc\:-right-352\.4rpx {
        right: -webkit-calc(var(--rpx, 1px)*-352.4);
        right: -moz-calc(var(--rpx, 1px)*-352.4);
        right: calc(var(--rpx, 1px)*-352.4)
    }

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

    .zn--wrapper .pc\:top-\[calc\(50\%-58px\)\] {
        top: -webkit-calc(50% - 58px);
        top: -moz-calc(50% - 58px);
        top: calc(50% - 58px)
    }

    .zn--wrapper .pc\:-right-104px {
        right: -104px
    }

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

    .zn--wrapper .pc\:left-127px {
        left: 127px
    }

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

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

    .zn--wrapper .pc\:bottom-8\.62vw {
        bottom: 8.62vw;
        bottom: -webkit-calc(var(--vw, 1vw)*8.62);
        bottom: -moz-calc(var(--vw, 1vw)*8.62);
        bottom: calc(var(--vw, 1vw)*8.62)
    }

    .zn--wrapper .pc\:left-\[calc\(53\%-92\.94vw\)\] {
        left: -webkit-calc(53% - 92.94vw);
        left: -moz-calc(53% - 92.94vw);
        left: calc(53% - 92.94vw);
        left: -webkit-calc(53% - var(--vw, 1vw)*92.94);
        left: -moz-calc(53% - var(--vw, 1vw)*92.94);
        left: calc(53% - var(--vw, 1vw)*92.94)
    }

    .zn--wrapper .pc\:-top-2\.78vw {
        top: -2.78vw;
        top: -webkit-calc(var(--vw, 1vw)*-2.78);
        top: -moz-calc(var(--vw, 1vw)*-2.78);
        top: calc(var(--vw, 1vw)*-2.78)
    }

    .zn--wrapper .pc\:left-\[calc\(49\%-51vw\)\] {
        left: -webkit-calc(49% - 51vw);
        left: -moz-calc(49% - 51vw);
        left: calc(49% - 51vw);
        left: -webkit-calc(49% - var(--vw, 1vw)*51);
        left: -moz-calc(49% - var(--vw, 1vw)*51);
        left: calc(49% - var(--vw, 1vw)*51)
    }

    .zn--wrapper .pc\:-bottom-56\.06vw {
        bottom: -56.06vw;
        bottom: -webkit-calc(var(--vw, 1vw)*-56.06);
        bottom: -moz-calc(var(--vw, 1vw)*-56.06);
        bottom: calc(var(--vw, 1vw)*-56.06)
    }

    .zn--wrapper .pc\:left-\[calc\(48\%-70\.53vw\)\] {
        left: -webkit-calc(48% - 70.53vw);
        left: -moz-calc(48% - 70.53vw);
        left: calc(48% - 70.53vw);
        left: -webkit-calc(48% - var(--vw, 1vw)*70.53);
        left: -moz-calc(48% - var(--vw, 1vw)*70.53);
        left: calc(48% - var(--vw, 1vw)*70.53)
    }

    .zn--wrapper .pc\:-bottom-5\.76vw {
        bottom: -5.76vw;
        bottom: -webkit-calc(var(--vw, 1vw)*-5.76);
        bottom: -moz-calc(var(--vw, 1vw)*-5.76);
        bottom: calc(var(--vw, 1vw)*-5.76)
    }

    .zn--wrapper .pc\:-left-7\.78vw {
        left: -7.78vw;
        left: -webkit-calc(var(--vw, 1vw)*-7.78);
        left: -moz-calc(var(--vw, 1vw)*-7.78);
        left: calc(var(--vw, 1vw)*-7.78)
    }

    .zn--wrapper .pc\:-bottom-0\.97vw {
        bottom: -.97vw;
        bottom: -webkit-calc(var(--vw, 1vw)*-.97);
        bottom: -moz-calc(var(--vw, 1vw)*-.97);
        bottom: calc(var(--vw, 1vw)*-.97)
    }

    .zn--wrapper .pc\:-left-1\.04vw {
        left: -1.04vw;
        left: -webkit-calc(var(--vw, 1vw)*-1.04);
        left: -moz-calc(var(--vw, 1vw)*-1.04);
        left: calc(var(--vw, 1vw)*-1.04)
    }

    .zn--wrapper .pc\:bottom-20\.5vw {
        bottom: 20.5vw;
        bottom: -webkit-calc(var(--vw, 1vw)*20.5);
        bottom: -moz-calc(var(--vw, 1vw)*20.5);
        bottom: calc(var(--vw, 1vw)*20.5)
    }

    .zn--wrapper .pc\:left-\[calc\(50\%-31\.17vw\)\] {
        left: -webkit-calc(50% - 31.17vw);
        left: -moz-calc(50% - 31.17vw);
        left: calc(50% - 31.17vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*31.17);
        left: -moz-calc(50% - var(--vw, 1vw)*31.17);
        left: calc(50% - var(--vw, 1vw)*31.17)
    }

    .zn--wrapper .pc\:top-0\.92vw {
        top: .92vw;
        top: -webkit-calc(var(--vw, 1vw)*.92);
        top: -moz-calc(var(--vw, 1vw)*.92);
        top: calc(var(--vw, 1vw)*.92)
    }

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

    .zn--wrapper .pc\:right-0\.68vw {
        right: .68vw;
        right: -webkit-calc(var(--vw, 1vw)*.68);
        right: -moz-calc(var(--vw, 1vw)*.68);
        right: calc(var(--vw, 1vw)*.68)
    }

    .zn--wrapper .pc\:bottom-1\.1vw {
        bottom: 1.1vw;
        bottom: -webkit-calc(var(--vw, 1vw)*1.1);
        bottom: -moz-calc(var(--vw, 1vw)*1.1);
        bottom: calc(var(--vw, 1vw)*1.1)
    }

    .zn--wrapper .pc\:top-\[calc\(45\%-2\.05vw\)\] {
        top: -webkit-calc(45% - 2.05vw);
        top: -moz-calc(45% - 2.05vw);
        top: calc(45% - 2.05vw);
        top: -webkit-calc(45% - var(--vw, 1vw)*2.05);
        top: -moz-calc(45% - var(--vw, 1vw)*2.05);
        top: calc(45% - var(--vw, 1vw)*2.05)
    }

    .zn--wrapper .pc\:left-\[calc\(50\%-5\.87vw\)\] {
        left: -webkit-calc(50% - 5.87vw);
        left: -moz-calc(50% - 5.87vw);
        left: calc(50% - 5.87vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*5.87);
        left: -moz-calc(50% - var(--vw, 1vw)*5.87);
        left: calc(50% - var(--vw, 1vw)*5.87)
    }

    .zn--wrapper .pc\:top-\[calc\(50\%-296rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*296);
        top: -moz-calc(50% - var(--rpx, 1px)*296);
        top: calc(50% - var(--rpx, 1px)*296)
    }

    .zn--wrapper .pc\:left-\[calc\(50\%-394\.5rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*394.5);
        left: -moz-calc(50% - var(--rpx, 1px)*394.5);
        left: calc(50% - var(--rpx, 1px)*394.5)
    }

    .zn--wrapper .pc\:top-\[calc\(50\%-346rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*346);
        top: -moz-calc(50% - var(--rpx, 1px)*346);
        top: calc(50% - var(--rpx, 1px)*346)
    }

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

    .zn--wrapper .pc\:left-68px {
        left: 68px
    }

    .zn--wrapper .pc\:bottom-24px {
        bottom: 24px
    }

    .zn--wrapper .pc\:left-8px {
        left: 8px
    }

    .zn--wrapper .pc\:left-158px {
        left: 158px
    }

    .zn--wrapper .pc\:left-173px {
        left: 173px
    }

    .zn--wrapper .pc\:left-11px {
        left: 11px
    }

    .zn--wrapper .pc\:left-60px {
        left: 60px
    }

    .zn--wrapper .pc\:left-177px {
        left: 177px
    }

    .zn--wrapper .pc\:left-85px {
        left: 85px
    }

    .zn--wrapper .pc\:right-752rpx {
        right: -webkit-calc(var(--rpx, 1px)*752);
        right: -moz-calc(var(--rpx, 1px)*752);
        right: calc(var(--rpx, 1px)*752)
    }

    .zn--wrapper .pc\:left-\[calc\(50\%-509\.5rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*509.5);
        left: -moz-calc(50% - var(--rpx, 1px)*509.5);
        left: calc(50% - var(--rpx, 1px)*509.5)
    }

    .zn--wrapper .pc\:left-77rpx {
        left: -webkit-calc(var(--rpx, 1px)*77);
        left: -moz-calc(var(--rpx, 1px)*77);
        left: calc(var(--rpx, 1px)*77)
    }

    .zn--wrapper .pc\:-top-42rpx {
        top: -webkit-calc(var(--rpx, 1px)*-42);
        top: -moz-calc(var(--rpx, 1px)*-42);
        top: calc(var(--rpx, 1px)*-42)
    }

    .zn--wrapper .pc\:-left-138rpx {
        left: -webkit-calc(var(--rpx, 1px)*-138);
        left: -moz-calc(var(--rpx, 1px)*-138);
        left: calc(var(--rpx, 1px)*-138)
    }

    .zn--wrapper .pc\:top-230rpx {
        top: -webkit-calc(var(--rpx, 1px)*230);
        top: -moz-calc(var(--rpx, 1px)*230);
        top: calc(var(--rpx, 1px)*230)
    }

    .zn--wrapper .pc\:-right-109rpx {
        right: -webkit-calc(var(--rpx, 1px)*-109);
        right: -moz-calc(var(--rpx, 1px)*-109);
        right: calc(var(--rpx, 1px)*-109)
    }

    .zn--wrapper .pc\:top-146rpx {
        top: -webkit-calc(var(--rpx, 1px)*146);
        top: -moz-calc(var(--rpx, 1px)*146);
        top: calc(var(--rpx, 1px)*146)
    }

    .zn--wrapper .pc\:top-0rpx {
        top: -webkit-calc(var(--rpx, 1px)*0);
        top: -moz-calc(var(--rpx, 1px)*0);
        top: calc(var(--rpx, 1px)*0)
    }

    .zn--wrapper .pc\:left-12rpx {
        left: -webkit-calc(var(--rpx, 1px)*12);
        left: -moz-calc(var(--rpx, 1px)*12);
        left: calc(var(--rpx, 1px)*12)
    }

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

    .zn--wrapper .pc\:left-12px {
        left: 12px
    }

    .zn--wrapper .pc\:bottom-12px {
        bottom: 12px
    }

    .zn--wrapper .pc\:-left-16rpx {
        left: -webkit-calc(var(--rpx, 1px)*-16);
        left: -moz-calc(var(--rpx, 1px)*-16);
        left: calc(var(--rpx, 1px)*-16)
    }

    .zn--wrapper .pc\:top-8rpx {
        top: -webkit-calc(var(--rpx, 1px)*8);
        top: -moz-calc(var(--rpx, 1px)*8);
        top: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pc\:left-9rpx {
        left: -webkit-calc(var(--rpx, 1px)*9);
        left: -moz-calc(var(--rpx, 1px)*9);
        left: calc(var(--rpx, 1px)*9)
    }

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

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

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

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

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

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

    .zn--wrapper .pc\:w-220px {
        width: 220px
    }

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

    .zn--wrapper .pc\:w-17px {
        width: 17px
    }

    .zn--wrapper .pc\:w-164px {
        width: 164px
    }

    .zn--wrapper .pc\:w-143px {
        width: 143px
    }

    .zn--wrapper .pc\:w-150px {
        width: 150px
    }

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

    .zn--wrapper .pc\:w-1071\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*1071.2);
        width: -moz-calc(var(--rpx, 1px)*1071.2);
        width: calc(var(--rpx, 1px)*1071.2)
    }

    .zn--wrapper .pc\:w-116px {
        width: 116px
    }

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

    .zn--wrapper .pc\:w-24\.1px {
        width: 24.1px
    }

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

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

    .zn--wrapper .pc\:w-330px {
        width: 330px
    }

    .zn--wrapper .pc\:w-165px {
        width: 165px
    }

    .zn--wrapper .pc\:w-185\.88vw {
        width: 185.88vw;
        width: -webkit-calc(var(--vw, 1vw)*185.88);
        width: -moz-calc(var(--vw, 1vw)*185.88);
        width: calc(var(--vw, 1vw)*185.88)
    }

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

    .zn--wrapper .pc\:w-141\.06vw {
        width: 141.06vw;
        width: -webkit-calc(var(--vw, 1vw)*141.06);
        width: -moz-calc(var(--vw, 1vw)*141.06);
        width: calc(var(--vw, 1vw)*141.06)
    }

    .zn--wrapper .pc\:w-119\.44vw {
        width: 119.44vw;
        width: -webkit-calc(var(--vw, 1vw)*119.44);
        width: -moz-calc(var(--vw, 1vw)*119.44);
        width: calc(var(--vw, 1vw)*119.44)
    }

    .zn--wrapper .pc\:w-103\.47vw {
        width: 103.47vw;
        width: -webkit-calc(var(--vw, 1vw)*103.47);
        width: -moz-calc(var(--vw, 1vw)*103.47);
        width: calc(var(--vw, 1vw)*103.47)
    }

    .zn--wrapper .pc\:w-64\.34vw {
        width: 64.34vw;
        width: -webkit-calc(var(--vw, 1vw)*64.34);
        width: -moz-calc(var(--vw, 1vw)*64.34);
        width: calc(var(--vw, 1vw)*64.34)
    }

    .zn--wrapper .pc\:w-18\.47vw {
        width: 18.47vw;
        width: -webkit-calc(var(--vw, 1vw)*18.47);
        width: -moz-calc(var(--vw, 1vw)*18.47);
        width: calc(var(--vw, 1vw)*18.47)
    }

    .zn--wrapper .pc\:w-25\.69vw {
        width: 25.69vw;
        width: -webkit-calc(var(--vw, 1vw)*25.69);
        width: -moz-calc(var(--vw, 1vw)*25.69);
        width: calc(var(--vw, 1vw)*25.69)
    }

    .zn--wrapper .pc\:w-11\.74vw {
        width: 11.74vw;
        width: -webkit-calc(var(--vw, 1vw)*11.74);
        width: -moz-calc(var(--vw, 1vw)*11.74);
        width: calc(var(--vw, 1vw)*11.74)
    }

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

    .zn--wrapper .pc\:w-210\.5rpx {
        width: -webkit-calc(var(--rpx, 1px)*210.5);
        width: -moz-calc(var(--rpx, 1px)*210.5);
        width: calc(var(--rpx, 1px)*210.5)
    }

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

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

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

    .zn--wrapper .pc\:w-766\.6rpx {
        width: -webkit-calc(var(--rpx, 1px)*766.6);
        width: -moz-calc(var(--rpx, 1px)*766.6);
        width: calc(var(--rpx, 1px)*766.6)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:w-941\.6rpx {
        width: -webkit-calc(var(--rpx, 1px)*941.6);
        width: -moz-calc(var(--rpx, 1px)*941.6);
        width: calc(var(--rpx, 1px)*941.6)
    }

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

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

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

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

    .zn--wrapper .pc\:w-667\.5rpx {
        width: -webkit-calc(var(--rpx, 1px)*667.5);
        width: -moz-calc(var(--rpx, 1px)*667.5);
        width: calc(var(--rpx, 1px)*667.5)
    }

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

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

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

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

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

    .zn--wrapper .pc\:w-302px {
        width: 302px
    }

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

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

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

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

    .zn--wrapper .pc\:w-48px {
        width: 48px
    }

    .zn--wrapper .pc\:w-\[calc\(443rpx-70px\)\] {
        width: -webkit-calc(var(--rpx, 1px)*443 - 70px);
        width: -moz-calc(var(--rpx, 1px)*443 - 70px);
        width: calc(var(--rpx, 1px)*443 - 70px)
    }

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

    .zn--wrapper .pc\:w-max-\[508rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*508);
        width: -moz-calc(var(--rpx, 1px)*508);
        width: calc(var(--rpx, 1px)*508)
    }

    .zn--wrapper .pc\:w-max-\[562rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*562);
        width: -moz-calc(var(--rpx, 1px)*562);
        width: calc(var(--rpx, 1px)*562)
    }

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

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

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

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

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

    .zn--wrapper .pc\:w-\[525px\] {
        width: 525px
    }

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

    .zn--wrapper .pc\:gap-x-16rpx {
        grid-column-gap: -webkit-calc(var(--rpx, 1px)*16);
        grid-column-gap: -moz-calc(var(--rpx, 1px)*16);
        grid-column-gap: calc(var(--rpx, 1px)*16);
        -webkit-column-gap: -webkit-calc(var(--rpx, 1px)*16);
        -moz-column-gap: -moz-calc(var(--rpx, 1px)*16);
        column-gap: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .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))
    }

    .zn--wrapper .pc\:rotate-29\.26 {
        --tw-rotate: 29.26deg
    }

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

@media (max-width:649px) {
    .zn--wrapper .mo\:bg-\[\#000000\] {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .zn--wrapper .mo\:bg-\[\#161616\] {
        --tw-bg-opacity: 1;
        background-color: rgba(22, 22, 22, var(--tw-bg-opacity))
    }

    .zn--wrapper .mo\:bg-\[\#fff\] {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .zn--wrapper .mo\:bg-\[\#FAFAFA\] {
        --tw-bg-opacity: 1;
        background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
    }

    .zn--wrapper .mo\:bg-\[rgba\(153\,153\,153\,0\.4\)\] {
        --tw-bg-opacity: .4;
        background-color: rgba(153, 153, 153, var(--tw-bg-opacity))
    }

    .zn--wrapper .mo\:rounded-8rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*8);
        border-radius: -moz-calc(var(--rpx, 1px)*8);
        border-radius: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .mo\:rounded-16rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*16);
        border-radius: -moz-calc(var(--rpx, 1px)*16);
        border-radius: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .zn--wrapper .mo\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .zn--wrapper .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
    }

    .zn--wrapper .mo\:flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

    .zn--wrapper .mo\:items-end {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .zn--wrapper .mo\:items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .zn--wrapper .mo\:self-stretch {
        -ms-grid-row-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch
    }

    .zn--wrapper .mo\:justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .zn--wrapper .mo\:justify-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .zn--wrapper .mo\:justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

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

    .zn--wrapper .mo\:flex-auto {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .zn--wrapper .mo\:flex-grow-0 {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0
    }

    .zn--wrapper .mo\:flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .zn--wrapper .mo\:order-2 {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .zn--wrapper .mo\:order-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .zn--wrapper .mo\:order-3 {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .zn--wrapper .mo\:h-auto {
        height: auto
    }

    .zn--wrapper .mo\:h-0 {
        height: 0
    }

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

    .zn--wrapper .mo\:h-18px {
        height: 18px
    }

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

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

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

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

    .zn--wrapper .mo\:h-21\.28px {
        height: 21.28px
    }

    .zn--wrapper .mo\:h-\[4\.47px\] {
        height: 4.47px
    }

    .zn--wrapper .mo\:h-50px {
        height: 50px
    }

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:h-42px {
        height: 42px
    }

    .zn--wrapper .mo\:h-\[calc\(var\(--content-height\)\+50vh\)\] {
        height: -webkit-calc(var(--content-height) + 50vh);
        height: -moz-calc(var(--content-height) + 50vh);
        height: calc(var(--content-height) + 50vh);
        height: -webkit-calc(var(--content-height) + var(--vh, 1vh)*50);
        height: -moz-calc(var(--content-height) + var(--vh, 1vh)*50);
        height: calc(var(--content-height) + var(--vh, 1vh)*50)
    }

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

    .zn--wrapper .mo\:h-28px {
        height: 28px
    }

    .zn--wrapper .mo\:h-24px {
        height: 24px
    }

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

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

    .zn--wrapper .mo\:h-36px {
        height: 36px
    }

    .zn--wrapper .mo\:h-34px {
        height: 34px
    }

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

    .zn--wrapper .mo\:h-280px {
        height: 280px
    }

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

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

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

    .zn--wrapper .mo\:h-579\.3rpx {
        height: -webkit-calc(var(--rpx, 1px)*579.3);
        height: -moz-calc(var(--rpx, 1px)*579.3);
        height: calc(var(--rpx, 1px)*579.3)
    }

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

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

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

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

    .zn--wrapper .mo\:h-\[calc\(100vh\+150vh\)\] {
        height: 250vh;
        height: -webkit-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150);
        height: -moz-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150);
        height: calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*150)
    }

    .zn--wrapper .mo\:h-495\.4rpx {
        height: -webkit-calc(var(--rpx, 1px)*495.4);
        height: -moz-calc(var(--rpx, 1px)*495.4);
        height: calc(var(--rpx, 1px)*495.4)
    }

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

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

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

    .zn--wrapper .mo\:h-224\.9rpx {
        height: -webkit-calc(var(--rpx, 1px)*224.9);
        height: -moz-calc(var(--rpx, 1px)*224.9);
        height: calc(var(--rpx, 1px)*224.9)
    }

    .zn--wrapper .mo\:h-66\.7rpx {
        height: -webkit-calc(var(--rpx, 1px)*66.7);
        height: -moz-calc(var(--rpx, 1px)*66.7);
        height: calc(var(--rpx, 1px)*66.7)
    }

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

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

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

    .zn--wrapper .mo\:h-31\.3rpx {
        height: -webkit-calc(var(--rpx, 1px)*31.3);
        height: -moz-calc(var(--rpx, 1px)*31.3);
        height: calc(var(--rpx, 1px)*31.3)
    }

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

    .zn--wrapper .mo\:h-498\.4rpx {
        height: -webkit-calc(var(--rpx, 1px)*498.4);
        height: -moz-calc(var(--rpx, 1px)*498.4);
        height: calc(var(--rpx, 1px)*498.4)
    }

    .zn--wrapper .mo\:h-52px {
        height: 52px
    }

    .zn--wrapper .mo\:h-53px {
        height: 53px
    }

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

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

    .zn--wrapper .mo\:h-\[calc\(100vh-48px\)\] {
        height: -webkit-calc(100vh - 48px);
        height: -moz-calc(100vh - 48px);
        height: calc(100vh - 48px);
        height: -webkit-calc(var(--vh, 1vh)*100 - 48px);
        height: -moz-calc(var(--vh, 1vh)*100 - 48px);
        height: calc(var(--vh, 1vh)*100 - 48px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .\!mo\:h-65rpx {
        height: -webkit-calc(var(--rpx, 1px)*65) !important;
        height: -moz-calc(var(--rpx, 1px)*65) !important;
        height: calc(var(--rpx, 1px)*65) !important
    }

    .zn--wrapper .\!mo\:h-90px {
        height: 90px !important
    }

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

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

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

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

    .zn--wrapper .mo\:h-68px {
        height: 68px
    }

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

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

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

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

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

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

    .zn--wrapper .\!mo\:text-39px {
        font-size: 39px !important;
        line-height: 1 !important
    }

    .zn--wrapper .\!mo\:text-18px {
        font-size: 18px !important;
        line-height: 1 !important
    }

    .zn--wrapper .mo\:text-40px {
        font-size: 40px;
        line-height: 1
    }

    .zn--wrapper .mo\:text-20px {
        font-size: 20px;
        line-height: 1
    }

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

    .zn--wrapper .\!mo\:leading-\[130\%\] {
        line-height: 130% !important
    }

    .zn--wrapper .\!mo\:leading-\[22px\] {
        line-height: 22px !important
    }

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

    .zn--wrapper .mo\:my-4px {
        margin-bottom: 4px;
        margin-top: 4px
    }

    .zn--wrapper .mo\:my-24rpx {
        margin-bottom: calc(var(--rpx, 1px)*24);
        margin-top: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .mo\:my-18rpx {
        margin-bottom: calc(var(--rpx, 1px)*18);
        margin-top: calc(var(--rpx, 1px)*18)
    }

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

    .zn--wrapper .mo\:mt-13px {
        margin-top: 13px
    }

    .zn--wrapper .mo\:mt-37px {
        margin-top: 37px
    }

    .zn--wrapper .mo\:ml-16px {
        margin-left: 16px
    }

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

    .zn--wrapper .mo\:mt-9px {
        margin-top: 9px
    }

    .zn--wrapper .mo\:ml-0 {
        margin-left: 0
    }

    .zn--wrapper .mo\:ml-12px {
        margin-left: 12px
    }

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

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

    .zn--wrapper .mo\:mt-0 {
        margin-top: 0
    }

    .zn--wrapper .mo\:ml-6px {
        margin-left: 6px
    }

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

    .zn--wrapper .mo\:-mt-1px {
        margin-top: -1px
    }

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

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

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

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

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

    .zn--wrapper .mo\:mr-8rpx {
        margin-right: calc(var(--rpx, 1px)*8)
    }

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

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

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

    .zn--wrapper .mo\:mt-34\.7rpx {
        margin-top: calc(var(--rpx, 1px)*34.7)
    }

    .zn--wrapper .mo\:mb-18rpx {
        margin-bottom: calc(var(--rpx, 1px)*18)
    }

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

    .zn--wrapper .mo\:mt-5rpx {
        margin-top: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .mo\:mt-31\.5rpx {
        margin-top: calc(var(--rpx, 1px)*31.5)
    }

    .zn--wrapper .mo\:mt-6rpx {
        margin-top: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .mo\:mt-14rpx {
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .zn--wrapper .mo\:mt-79\.5rpx {
        margin-top: calc(var(--rpx, 1px)*79.5)
    }

    .zn--wrapper .mo\:mt-85rpx {
        margin-top: calc(var(--rpx, 1px)*85)
    }

    .zn--wrapper .mo\:ml-40rpx {
        margin-left: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .mo\:-mt-10rpx {
        margin-top: calc(var(--rpx, 1px)*-10)
    }

    .zn--wrapper .mo\:mr-55rpx {
        margin-right: calc(var(--rpx, 1px)*55)
    }

    .zn--wrapper .mo\:mt-34rpx {
        margin-top: calc(var(--rpx, 1px)*34)
    }

    .zn--wrapper .mo\:mb-17rpx {
        margin-bottom: calc(var(--rpx, 1px)*17)
    }

    .zn--wrapper .mo\:ml-139rpx {
        margin-left: calc(var(--rpx, 1px)*139)
    }

    .zn--wrapper .mo\:mt-22rpx {
        margin-top: calc(var(--rpx, 1px)*22)
    }

    .zn--wrapper .mo\:-ml-10rpx {
        margin-left: calc(var(--rpx, 1px)*-10)
    }

    .zn--wrapper .mo\:mt-8rpx {
        margin-top: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .mo\:mt-16rpx {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:mt-80rpx {
        margin-top: calc(var(--rpx, 1px)*80)
    }

    .zn--wrapper .mo\:mt-42rpx {
        margin-top: calc(var(--rpx, 1px)*42)
    }

    .zn--wrapper .mo\:ml-60rpx {
        margin-left: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .mo\:mt-21rpx {
        margin-top: calc(var(--rpx, 1px)*21)
    }

    .zn--wrapper .mo\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .mo\:mr-0 {
        margin-right: 0
    }

    .zn--wrapper .mo\:max-h-\[calc\(100\%-42px-26rpx\)\] {
        max-height: -webkit-calc(100% - 42px - var(--rpx, 1px)*26);
        max-height: -moz-calc(100% - 42px - var(--rpx, 1px)*26);
        max-height: calc(100% - 42px - var(--rpx, 1px)*26)
    }

    .zn--wrapper .mo\:max-h-\[calc\(100\%-42px-48rpx\)\] {
        max-height: -webkit-calc(100% - 42px - var(--rpx, 1px)*48);
        max-height: -moz-calc(100% - 42px - var(--rpx, 1px)*48);
        max-height: calc(100% - 42px - var(--rpx, 1px)*48)
    }

    .zn--wrapper .mo\:max-h-\[calc\(100\%-42px-30rpx\)\] {
        max-height: -webkit-calc(100% - 42px - var(--rpx, 1px)*30);
        max-height: -moz-calc(100% - 42px - var(--rpx, 1px)*30);
        max-height: calc(100% - 42px - var(--rpx, 1px)*30)
    }

    .zn--wrapper .mo\:max-w-full {
        max-width: 100%
    }

    .zn--wrapper .mo\:min-h-\[calc\(var\(--content-height\)\)\] {
        min-height: -webkit-calc(var(--content-height));
        min-height: -moz-calc(var(--content-height));
        min-height: calc(var(--content-height))
    }

    .zn--wrapper .mo\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .zn--wrapper .mo\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .zn--wrapper .mo\:opacity-30 {
        opacity: .3
    }

    .zn--wrapper .mo\:opacity-95 {
        opacity: .95
    }

    .zn--wrapper .mo\:opacity-75 {
        opacity: .75
    }

    .zn--wrapper .mo\:opacity-20 {
        opacity: .2
    }

    .zn--wrapper .mo\:opacity-60 {
        opacity: .6
    }

    .zn--wrapper .mo\:opacity-50 {
        opacity: .5
    }

    .zn--wrapper .mo\:opacity-90 {
        opacity: .9
    }

    .zn--wrapper .mo\:overflow-hidden {
        overflow: hidden
    }

    .zn--wrapper .mo\:overflow-visible {
        overflow: visible
    }

    .zn--wrapper .mo\:p-16rpx {
        padding: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:py-103rpx {
        padding-bottom: calc(var(--rpx, 1px)*103);
        padding-top: calc(var(--rpx, 1px)*103)
    }

    .zn--wrapper .mo\:py-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80);
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .zn--wrapper .mo\:px-8px {
        padding-left: 8px;
        padding-right: 8px
    }

    .zn--wrapper .mo\:py-2px {
        padding-bottom: 2px;
        padding-top: 2px
    }

    .zn--wrapper .mo\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .zn--wrapper .mo\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .zn--wrapper .mo\:px-16rpx {
        padding-left: calc(var(--rpx, 1px)*16);
        padding-right: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:py-16px {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .zn--wrapper .mo\:px-10rpx {
        padding-left: calc(var(--rpx, 1px)*10);
        padding-right: calc(var(--rpx, 1px)*10)
    }

    .zn--wrapper .mo\:py-10rpx {
        padding-bottom: calc(var(--rpx, 1px)*10);
        padding-top: calc(var(--rpx, 1px)*10)
    }

    .zn--wrapper .mo\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .zn--wrapper .mo\:px-12px {
        padding-left: 12px;
        padding-right: 12px
    }

    .zn--wrapper .mo\:py-18rpx {
        padding-bottom: calc(var(--rpx, 1px)*18);
        padding-top: calc(var(--rpx, 1px)*18)
    }

    .zn--wrapper .mo\:px-14rpx {
        padding-left: calc(var(--rpx, 1px)*14);
        padding-right: calc(var(--rpx, 1px)*14)
    }

    .zn--wrapper .mo\:py-17rpx {
        padding-bottom: calc(var(--rpx, 1px)*17);
        padding-top: calc(var(--rpx, 1px)*17)
    }

    .zn--wrapper .mo\:px-13rpx {
        padding-left: calc(var(--rpx, 1px)*13);
        padding-right: calc(var(--rpx, 1px)*13)
    }

    .zn--wrapper .mo\:py-29px {
        padding-bottom: 29px;
        padding-top: 29px
    }

    .zn--wrapper .mo\:px-10px {
        padding-left: 10px;
        padding-right: 10px
    }

    .zn--wrapper .mo\:py-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48);
        padding-top: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .mo\:py-16rpx {
        padding-bottom: calc(var(--rpx, 1px)*16);
        padding-top: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:pt-83rpx {
        padding-top: calc(var(--rpx, 1px)*83)
    }

    .zn--wrapper .mo\:pb-16rpx {
        padding-bottom: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:pt-60rpx {
        padding-top: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .mo\:pb-28rpx {
        padding-bottom: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .mo\:pl-16px {
        padding-left: 16px
    }

    .zn--wrapper .mo\:pt-24rpx {
        padding-top: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .mo\:pb-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80)
    }

    .zn--wrapper .mo\:pb-40rpx {
        padding-bottom: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .mo\:pt-32rpx {
        padding-top: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:pt-10px {
        padding-top: 10px
    }

    .zn--wrapper .mo\:pb-34px {
        padding-bottom: 34px
    }

    .zn--wrapper .mo\:pt-106rpx {
        padding-top: calc(var(--rpx, 1px)*106)
    }

    .zn--wrapper .mo\:pb-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64)
    }

    .zn--wrapper .mo\:pt-80rpx {
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .zn--wrapper .mo\:pt-120rpx {
        padding-top: calc(var(--rpx, 1px)*120)
    }

    .zn--wrapper .mo\:pl-16rpx {
        padding-left: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:pt-36rpx {
        padding-top: calc(var(--rpx, 1px)*36)
    }

    .zn--wrapper .mo\:pt-30rpx {
        padding-top: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .mo\:pb-33rpx {
        padding-bottom: calc(var(--rpx, 1px)*33)
    }

    .zn--wrapper .mo\:pt-34rpx {
        padding-top: calc(var(--rpx, 1px)*34)
    }

    .zn--wrapper .mo\:pb-36rpx {
        padding-bottom: calc(var(--rpx, 1px)*36)
    }

    .zn--wrapper .mo\:pt-15rpx {
        padding-top: calc(var(--rpx, 1px)*15)
    }

    .zn--wrapper .mo\:pb-32\.5rpx {
        padding-bottom: calc(var(--rpx, 1px)*32.5)
    }

    .zn--wrapper .mo\:pb-20rpx {
        padding-bottom: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .mo\:pb-32rpx {
        padding-bottom: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:pt-35rpx {
        padding-top: calc(var(--rpx, 1px)*35)
    }

    .zn--wrapper .mo\:pb-60rpx {
        padding-bottom: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .mo\:pb-76rpx {
        padding-bottom: calc(var(--rpx, 1px)*76)
    }

    .zn--wrapper .mo\:pb-72rpx {
        padding-bottom: calc(var(--rpx, 1px)*72)
    }

    .zn--wrapper .mo\:pb-42rpx {
        padding-bottom: calc(var(--rpx, 1px)*42)
    }

    .zn--wrapper .mo\:pt-8rpx {
        padding-top: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .mo\:pb-70rpx {
        padding-bottom: calc(var(--rpx, 1px)*70)
    }

    .zn--wrapper .mo\:pt-20rpx {
        padding-top: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .mo\:pt-16rpx {
        padding-top: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:static {
        position: static
    }

    .zn--wrapper .mo\:absolute {
        position: absolute
    }

    .zn--wrapper .mo\:relative {
        position: relative
    }

    .zn--wrapper .mo\:top-0 {
        top: 0
    }

    .zn--wrapper .mo\:left-0 {
        left: 0
    }

    .zn--wrapper .mo\:top-23rpx {
        top: -webkit-calc(var(--rpx, 1px)*23);
        top: -moz-calc(var(--rpx, 1px)*23);
        top: calc(var(--rpx, 1px)*23)
    }

    .zn--wrapper .mo\:left-6rpx {
        left: -webkit-calc(var(--rpx, 1px)*6);
        left: -moz-calc(var(--rpx, 1px)*6);
        left: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .mo\:top-85rpx {
        top: -webkit-calc(var(--rpx, 1px)*85);
        top: -moz-calc(var(--rpx, 1px)*85);
        top: calc(var(--rpx, 1px)*85)
    }

    .zn--wrapper .mo\:left-25rpx {
        left: -webkit-calc(var(--rpx, 1px)*25);
        left: -moz-calc(var(--rpx, 1px)*25);
        left: calc(var(--rpx, 1px)*25)
    }

    .zn--wrapper .mo\:-top-15px {
        top: -15px
    }

    .zn--wrapper .mo\:-right-40px {
        right: -40px
    }

    .zn--wrapper .mo\:top-\[calc\(var\(--nav-height\)-1px\)\] {
        top: -webkit-calc(var(--nav-height) - 1px);
        top: -moz-calc(var(--nav-height) - 1px);
        top: calc(var(--nav-height) - 1px)
    }

    .zn--wrapper .mo\:top-28rpx {
        top: -webkit-calc(var(--rpx, 1px)*28);
        top: -moz-calc(var(--rpx, 1px)*28);
        top: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .mo\:-left-48rpx {
        left: -webkit-calc(var(--rpx, 1px)*-48);
        left: -moz-calc(var(--rpx, 1px)*-48);
        left: calc(var(--rpx, 1px)*-48)
    }

    .zn--wrapper .mo\:left-39rpx {
        left: -webkit-calc(var(--rpx, 1px)*39);
        left: -moz-calc(var(--rpx, 1px)*39);
        left: calc(var(--rpx, 1px)*39)
    }

    .zn--wrapper .mo\:bottom-0 {
        bottom: 0
    }

    .zn--wrapper .mo\:bottom-16rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*16);
        bottom: -moz-calc(var(--rpx, 1px)*16);
        bottom: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:left-58rpx {
        left: -webkit-calc(var(--rpx, 1px)*58);
        left: -moz-calc(var(--rpx, 1px)*58);
        left: calc(var(--rpx, 1px)*58)
    }

    .zn--wrapper .mo\:right-auto {
        right: auto
    }

    .zn--wrapper .mo\:-left-34rpx {
        left: -webkit-calc(var(--rpx, 1px)*-34);
        left: -moz-calc(var(--rpx, 1px)*-34);
        left: calc(var(--rpx, 1px)*-34)
    }

    .zn--wrapper .mo\:-left-49rpx {
        left: -webkit-calc(var(--rpx, 1px)*-49);
        left: -moz-calc(var(--rpx, 1px)*-49);
        left: calc(var(--rpx, 1px)*-49)
    }

    .zn--wrapper .mo\:-bottom-11rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-11);
        bottom: -moz-calc(var(--rpx, 1px)*-11);
        bottom: calc(var(--rpx, 1px)*-11)
    }

    .zn--wrapper .mo\:bottom-27rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*27);
        bottom: -moz-calc(var(--rpx, 1px)*27);
        bottom: calc(var(--rpx, 1px)*27)
    }

    .zn--wrapper .mo\:left-37rpx {
        left: -webkit-calc(var(--rpx, 1px)*37);
        left: -moz-calc(var(--rpx, 1px)*37);
        left: calc(var(--rpx, 1px)*37)
    }

    .zn--wrapper .mo\:-left-51rpx {
        left: -webkit-calc(var(--rpx, 1px)*-51);
        left: -moz-calc(var(--rpx, 1px)*-51);
        left: calc(var(--rpx, 1px)*-51)
    }

    .zn--wrapper .mo\:bottom-4rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*4);
        bottom: -moz-calc(var(--rpx, 1px)*4);
        bottom: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .mo\:left-91rpx {
        left: -webkit-calc(var(--rpx, 1px)*91);
        left: -moz-calc(var(--rpx, 1px)*91);
        left: calc(var(--rpx, 1px)*91)
    }

    .zn--wrapper .mo\:top-\[calc\(50\%\+20rpx\)\] {
        top: -webkit-calc(50% + var(--rpx, 1px)*20);
        top: -moz-calc(50% + var(--rpx, 1px)*20);
        top: calc(50% + var(--rpx, 1px)*20)
    }

    .zn--wrapper .mo\:left-1\/2 {
        left: 50%
    }

    .zn--wrapper .mo\:top-116rpx {
        top: -webkit-calc(var(--rpx, 1px)*116);
        top: -moz-calc(var(--rpx, 1px)*116);
        top: calc(var(--rpx, 1px)*116)
    }

    .zn--wrapper .mo\:left-90rpx {
        left: -webkit-calc(var(--rpx, 1px)*90);
        left: -moz-calc(var(--rpx, 1px)*90);
        left: calc(var(--rpx, 1px)*90)
    }

    .zn--wrapper .mo\:right-0 {
        right: 0
    }

    .zn--wrapper .mo\:-top-81rpx {
        top: -webkit-calc(var(--rpx, 1px)*-81);
        top: -moz-calc(var(--rpx, 1px)*-81);
        top: calc(var(--rpx, 1px)*-81)
    }

    .zn--wrapper .mo\:left-153\.3rpx {
        left: -webkit-calc(var(--rpx, 1px)*153.3);
        left: -moz-calc(var(--rpx, 1px)*153.3);
        left: calc(var(--rpx, 1px)*153.3)
    }

    .zn--wrapper .mo\:top-3\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*3.5);
        top: -moz-calc(var(--rpx, 1px)*3.5);
        top: calc(var(--rpx, 1px)*3.5)
    }

    .zn--wrapper .mo\:left-\[calc\(87\%-25rpx\)\] {
        left: -webkit-calc(87% - var(--rpx, 1px)*25);
        left: -moz-calc(87% - var(--rpx, 1px)*25);
        left: calc(87% - var(--rpx, 1px)*25)
    }

    .zn--wrapper .mo\:top-\[calc\(52\%-17rpx\)\] {
        top: -webkit-calc(52% - var(--rpx, 1px)*17);
        top: -moz-calc(52% - var(--rpx, 1px)*17);
        top: calc(52% - var(--rpx, 1px)*17)
    }

    .zn--wrapper .mo\:left-88px {
        left: 88px
    }

    .zn--wrapper .mo\:left-\[calc\(47\%-267\.8rpx\)\] {
        left: -webkit-calc(47% - var(--rpx, 1px)*267.8);
        left: -moz-calc(47% - var(--rpx, 1px)*267.8);
        left: calc(47% - var(--rpx, 1px)*267.8)
    }

    .zn--wrapper .mo\:top-219rpx {
        top: -webkit-calc(var(--rpx, 1px)*219);
        top: -moz-calc(var(--rpx, 1px)*219);
        top: calc(var(--rpx, 1px)*219)
    }

    .zn--wrapper .mo\:-left-9rpx {
        left: -webkit-calc(var(--rpx, 1px)*-9);
        left: -moz-calc(var(--rpx, 1px)*-9);
        left: calc(var(--rpx, 1px)*-9)
    }

    .zn--wrapper .mo\:top-107\.6rpx {
        top: -webkit-calc(var(--rpx, 1px)*107.6);
        top: -moz-calc(var(--rpx, 1px)*107.6);
        top: calc(var(--rpx, 1px)*107.6)
    }

    .zn--wrapper .mo\:left-\[calc\(48\%-244\.9rpx\)\] {
        left: -webkit-calc(48% - var(--rpx, 1px)*244.9);
        left: -moz-calc(48% - var(--rpx, 1px)*244.9);
        left: calc(48% - var(--rpx, 1px)*244.9)
    }

    .zn--wrapper .mo\:top-427\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*427.5);
        top: -moz-calc(var(--rpx, 1px)*427.5);
        top: calc(var(--rpx, 1px)*427.5)
    }

    .zn--wrapper .mo\:left-\[calc\(50\%-166\.6rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*166.6);
        left: -moz-calc(50% - var(--rpx, 1px)*166.6);
        left: calc(50% - var(--rpx, 1px)*166.6)
    }

    .zn--wrapper .mo\:left-\[calc\(50\%-199\.9rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*199.9);
        left: -moz-calc(50% - var(--rpx, 1px)*199.9);
        left: calc(50% - var(--rpx, 1px)*199.9)
    }

    .zn--wrapper .mo\:top-307\.8rpx {
        top: -webkit-calc(var(--rpx, 1px)*307.8);
        top: -moz-calc(var(--rpx, 1px)*307.8);
        top: calc(var(--rpx, 1px)*307.8)
    }

    .zn--wrapper .mo\:top-127\.2rpx {
        top: -webkit-calc(var(--rpx, 1px)*127.2);
        top: -moz-calc(var(--rpx, 1px)*127.2);
        top: calc(var(--rpx, 1px)*127.2)
    }

    .zn--wrapper .mo\:left-\[calc\(50\%-140\.5rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*140.5);
        left: -moz-calc(50% - var(--rpx, 1px)*140.5);
        left: calc(50% - var(--rpx, 1px)*140.5)
    }

    .zn--wrapper .mo\:top-3\.9rpx {
        top: -webkit-calc(var(--rpx, 1px)*3.9);
        top: -moz-calc(var(--rpx, 1px)*3.9);
        top: calc(var(--rpx, 1px)*3.9)
    }

    .zn--wrapper .mo\:left-30rpx {
        left: -webkit-calc(var(--rpx, 1px)*30);
        left: -moz-calc(var(--rpx, 1px)*30);
        left: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .mo\:right-3rpx {
        right: -webkit-calc(var(--rpx, 1px)*3);
        right: -moz-calc(var(--rpx, 1px)*3);
        right: calc(var(--rpx, 1px)*3)
    }

    .zn--wrapper .mo\:bottom-4\.7rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*4.7);
        bottom: -moz-calc(var(--rpx, 1px)*4.7);
        bottom: calc(var(--rpx, 1px)*4.7)
    }

    .zn--wrapper .mo\:top-\[calc\(45\%-8\.5rpx\)\] {
        top: -webkit-calc(45% - var(--rpx, 1px)*8.5);
        top: -moz-calc(45% - var(--rpx, 1px)*8.5);
        top: calc(45% - var(--rpx, 1px)*8.5)
    }

    .zn--wrapper .mo\:left-\[calc\(51\%-26rpx\)\] {
        left: -webkit-calc(51% - var(--rpx, 1px)*26);
        left: -moz-calc(51% - var(--rpx, 1px)*26);
        left: calc(51% - var(--rpx, 1px)*26)
    }

    .zn--wrapper .mo\:top-256rpx {
        top: -webkit-calc(var(--rpx, 1px)*256);
        top: -moz-calc(var(--rpx, 1px)*256);
        top: calc(var(--rpx, 1px)*256)
    }

    .zn--wrapper .mo\:top-\[var\(--nav-height\)\] {
        top: var(--nav-height)
    }

    .zn--wrapper .mo\:top-40rpx {
        top: -webkit-calc(var(--rpx, 1px)*40);
        top: -moz-calc(var(--rpx, 1px)*40);
        top: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .mo\:right-16rpx {
        right: -webkit-calc(var(--rpx, 1px)*16);
        right: -moz-calc(var(--rpx, 1px)*16);
        right: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:top-100vh {
        top: 100vh;
        top: -webkit-calc(var(--vh, 1vh)*100);
        top: -moz-calc(var(--vh, 1vh)*100);
        top: calc(var(--vh, 1vh)*100)
    }

    .zn--wrapper .mo\:bottom-3px {
        bottom: 3px
    }

    .zn--wrapper .mo\:bottom-2px {
        bottom: 2px
    }

    .zn--wrapper .mo\:top-48px {
        top: 48px
    }

    .zn--wrapper .mo\:-left-260rpx {
        left: -webkit-calc(var(--rpx, 1px)*-260);
        left: -moz-calc(var(--rpx, 1px)*-260);
        left: calc(var(--rpx, 1px)*-260)
    }

    .zn--wrapper .mo\:-top-30rpx {
        top: -webkit-calc(var(--rpx, 1px)*-30);
        top: -moz-calc(var(--rpx, 1px)*-30);
        top: calc(var(--rpx, 1px)*-30)
    }

    .zn--wrapper .mo\:top-20rpx {
        top: -webkit-calc(var(--rpx, 1px)*20);
        top: -moz-calc(var(--rpx, 1px)*20);
        top: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .mo\:left-16rpx {
        left: -webkit-calc(var(--rpx, 1px)*16);
        left: -moz-calc(var(--rpx, 1px)*16);
        left: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:-bottom-40rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-40);
        bottom: -moz-calc(var(--rpx, 1px)*-40);
        bottom: calc(var(--rpx, 1px)*-40)
    }

    .zn--wrapper .mo\:-right-25rpx {
        right: -webkit-calc(var(--rpx, 1px)*-25);
        right: -moz-calc(var(--rpx, 1px)*-25);
        right: calc(var(--rpx, 1px)*-25)
    }

    .zn--wrapper .mo\:top-2em {
        top: 2em
    }

    .zn--wrapper .mo\:left-\[70\%\] {
        left: 70%
    }

    .zn--wrapper .mo\:bottom-6rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*6);
        bottom: -moz-calc(var(--rpx, 1px)*6);
        bottom: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .mo\:top-6em {
        top: 6em
    }

    .zn--wrapper .mo\:left-\[80\%\] {
        left: 80%
    }

    .zn--wrapper .mo\:left-\[90\%\] {
        left: 90%
    }

    .zn--wrapper .mo\:top-\[5\.5rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*5.5);
        top: -moz-calc(var(--rpx, 1px)*5.5);
        top: calc(var(--rpx, 1px)*5.5)
    }

    .zn--wrapper .mo\:left-\[5\.5rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*5.5);
        left: -moz-calc(var(--rpx, 1px)*5.5);
        left: calc(var(--rpx, 1px)*5.5)
    }

    .zn--wrapper .mo\:top-4rpx {
        top: -webkit-calc(var(--rpx, 1px)*4);
        top: -moz-calc(var(--rpx, 1px)*4);
        top: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .mo\:left-5rpx {
        left: -webkit-calc(var(--rpx, 1px)*5);
        left: -moz-calc(var(--rpx, 1px)*5);
        left: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .mo\:top-\[6\.2rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*6.2);
        top: -moz-calc(var(--rpx, 1px)*6.2);
        top: calc(var(--rpx, 1px)*6.2)
    }

    .zn--wrapper .mo\:text-center {
        text-align: center
    }

    .zn--wrapper .mo\:text-\[\#ffffff\] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .zn--wrapper .mo\:text-\[\#01b2d2\] {
        --tw-text-opacity: 1;
        color: rgba(1, 178, 210, var(--tw-text-opacity))
    }

    .zn--wrapper .mo\:text-\[\#daf64f\] {
        --tw-text-opacity: 1;
        color: rgba(218, 246, 79, var(--tw-text-opacity))
    }

    .zn--wrapper .mo\:text-opacity-75 {
        --tw-text-opacity: .75
    }

    .zn--wrapper .mo\:whitespace-normal {
        white-space: normal
    }

    .zn--wrapper .mo\:w-full {
        width: 100%
    }

    .zn--wrapper .mo\:w-70px {
        width: 70px
    }

    .zn--wrapper .mo\:w-288rpx {
        width: -webkit-calc(var(--rpx, 1px)*288);
        width: -moz-calc(var(--rpx, 1px)*288);
        width: calc(var(--rpx, 1px)*288)
    }

    .zn--wrapper .mo\:w-168rpx {
        width: -webkit-calc(var(--rpx, 1px)*168);
        width: -moz-calc(var(--rpx, 1px)*168);
        width: calc(var(--rpx, 1px)*168)
    }

    .zn--wrapper .mo\:w-231rpx {
        width: -webkit-calc(var(--rpx, 1px)*231);
        width: -moz-calc(var(--rpx, 1px)*231);
        width: calc(var(--rpx, 1px)*231)
    }

    .zn--wrapper .mo\:w-263rpx {
        width: -webkit-calc(var(--rpx, 1px)*263);
        width: -moz-calc(var(--rpx, 1px)*263);
        width: calc(var(--rpx, 1px)*263)
    }

    .zn--wrapper .mo\:w-66px {
        width: 66px
    }

    .zn--wrapper .mo\:w-219px {
        width: 219px
    }

    .zn--wrapper .mo\:w-50px {
        width: 50px
    }

    .zn--wrapper .mo\:w-455rpx {
        width: -webkit-calc(var(--rpx, 1px)*455);
        width: -moz-calc(var(--rpx, 1px)*455);
        width: calc(var(--rpx, 1px)*455)
    }

    .zn--wrapper .mo\:w-281rpx {
        width: -webkit-calc(var(--rpx, 1px)*281);
        width: -moz-calc(var(--rpx, 1px)*281);
        width: calc(var(--rpx, 1px)*281)
    }

    .zn--wrapper .mo\:w-219rpx {
        width: -webkit-calc(var(--rpx, 1px)*219);
        width: -moz-calc(var(--rpx, 1px)*219);
        width: calc(var(--rpx, 1px)*219)
    }

    .zn--wrapper .mo\:w-428rpx {
        width: -webkit-calc(var(--rpx, 1px)*428);
        width: -moz-calc(var(--rpx, 1px)*428);
        width: calc(var(--rpx, 1px)*428)
    }

    .zn--wrapper .mo\:w-359rpx {
        width: -webkit-calc(var(--rpx, 1px)*359);
        width: -moz-calc(var(--rpx, 1px)*359);
        width: calc(var(--rpx, 1px)*359)
    }

    .zn--wrapper .mo\:w-264rpx {
        width: -webkit-calc(var(--rpx, 1px)*264);
        width: -moz-calc(var(--rpx, 1px)*264);
        width: calc(var(--rpx, 1px)*264)
    }

    .zn--wrapper .mo\:w-462rpx {
        width: -webkit-calc(var(--rpx, 1px)*462);
        width: -moz-calc(var(--rpx, 1px)*462);
        width: calc(var(--rpx, 1px)*462)
    }

    .zn--wrapper .mo\:w-145rpx {
        width: -webkit-calc(var(--rpx, 1px)*145);
        width: -moz-calc(var(--rpx, 1px)*145);
        width: calc(var(--rpx, 1px)*145)
    }

    .zn--wrapper .mo\:w-40px {
        width: 40px
    }

    .zn--wrapper .mo\:w-190rpx {
        width: -webkit-calc(var(--rpx, 1px)*190);
        width: -moz-calc(var(--rpx, 1px)*190);
        width: calc(var(--rpx, 1px)*190)
    }

    .zn--wrapper .mo\:w-162px {
        width: 162px
    }

    .zn--wrapper .mo\:w-24px {
        width: 24px
    }

    .zn--wrapper .mo\:w-253rpx {
        width: -webkit-calc(var(--rpx, 1px)*253);
        width: -moz-calc(var(--rpx, 1px)*253);
        width: calc(var(--rpx, 1px)*253)
    }

    .zn--wrapper .mo\:w-328rpx {
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .zn--wrapper .mo\:w-144px {
        width: 144px
    }

    .zn--wrapper .mo\:w-92px {
        width: 92px
    }

    .zn--wrapper .mo\:w-20px {
        width: 20px
    }

    .zn--wrapper .mo\:w-60px {
        width: 60px
    }

    .zn--wrapper .mo\:w-10rpx {
        width: -webkit-calc(var(--rpx, 1px)*10);
        width: -moz-calc(var(--rpx, 1px)*10);
        width: calc(var(--rpx, 1px)*10)
    }

    .zn--wrapper .mo\:w-360rpx {
        width: -webkit-calc(var(--rpx, 1px)*360);
        width: -moz-calc(var(--rpx, 1px)*360);
        width: calc(var(--rpx, 1px)*360)
    }

    .zn--wrapper .mo\:w-160rpx {
        width: -webkit-calc(var(--rpx, 1px)*160);
        width: -moz-calc(var(--rpx, 1px)*160);
        width: calc(var(--rpx, 1px)*160)
    }

    .zn--wrapper .mo\:w-138rpx {
        width: -webkit-calc(var(--rpx, 1px)*138);
        width: -moz-calc(var(--rpx, 1px)*138);
        width: calc(var(--rpx, 1px)*138)
    }

    .zn--wrapper .mo\:w-650\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*650.3);
        width: -moz-calc(var(--rpx, 1px)*650.3);
        width: calc(var(--rpx, 1px)*650.3)
    }

    .zn--wrapper .mo\:w-50rpx {
        width: -webkit-calc(var(--rpx, 1px)*50);
        width: -moz-calc(var(--rpx, 1px)*50);
        width: calc(var(--rpx, 1px)*50)
    }

    .zn--wrapper .mo\:w-632rpx {
        width: -webkit-calc(var(--rpx, 1px)*632);
        width: -moz-calc(var(--rpx, 1px)*632);
        width: calc(var(--rpx, 1px)*632)
    }

    .zn--wrapper .mo\:w-312rpx {
        width: -webkit-calc(var(--rpx, 1px)*312);
        width: -moz-calc(var(--rpx, 1px)*312);
        width: calc(var(--rpx, 1px)*312)
    }

    .zn--wrapper .mo\:w-19\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*19.9);
        width: -moz-calc(var(--rpx, 1px)*19.9);
        width: calc(var(--rpx, 1px)*19.9)
    }

    .zn--wrapper .mo\:w-32rpx {
        width: -webkit-calc(var(--rpx, 1px)*32);
        width: -moz-calc(var(--rpx, 1px)*32);
        width: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:w-236rpx {
        width: -webkit-calc(var(--rpx, 1px)*236);
        width: -moz-calc(var(--rpx, 1px)*236);
        width: calc(var(--rpx, 1px)*236)
    }

    .zn--wrapper .mo\:w-118rpx {
        width: -webkit-calc(var(--rpx, 1px)*118);
        width: -moz-calc(var(--rpx, 1px)*118);
        width: calc(var(--rpx, 1px)*118)
    }

    .zn--wrapper .mo\:w-535\.6rpx {
        width: -webkit-calc(var(--rpx, 1px)*535.6);
        width: -moz-calc(var(--rpx, 1px)*535.6);
        width: calc(var(--rpx, 1px)*535.6)
    }

    .zn--wrapper .mo\:w-422rpx {
        width: -webkit-calc(var(--rpx, 1px)*422);
        width: -moz-calc(var(--rpx, 1px)*422);
        width: calc(var(--rpx, 1px)*422)
    }

    .zn--wrapper .mo\:w-489\.7rpx {
        width: -webkit-calc(var(--rpx, 1px)*489.7);
        width: -moz-calc(var(--rpx, 1px)*489.7);
        width: calc(var(--rpx, 1px)*489.7)
    }

    .zn--wrapper .mo\:w-333\.1rpx {
        width: -webkit-calc(var(--rpx, 1px)*333.1);
        width: -moz-calc(var(--rpx, 1px)*333.1);
        width: calc(var(--rpx, 1px)*333.1)
    }

    .zn--wrapper .mo\:w-399\.8rpx {
        width: -webkit-calc(var(--rpx, 1px)*399.8);
        width: -moz-calc(var(--rpx, 1px)*399.8);
        width: calc(var(--rpx, 1px)*399.8)
    }

    .zn--wrapper .mo\:w-83\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*83.2);
        width: -moz-calc(var(--rpx, 1px)*83.2);
        width: calc(var(--rpx, 1px)*83.2)
    }

    .zn--wrapper .mo\:w-111\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*111.3);
        width: -moz-calc(var(--rpx, 1px)*111.3);
        width: calc(var(--rpx, 1px)*111.3)
    }

    .zn--wrapper .mo\:w-52rpx {
        width: -webkit-calc(var(--rpx, 1px)*52);
        width: -moz-calc(var(--rpx, 1px)*52);
        width: calc(var(--rpx, 1px)*52)
    }

    .zn--wrapper .mo\:w-108\.6rpx {
        width: -webkit-calc(var(--rpx, 1px)*108.6);
        width: -moz-calc(var(--rpx, 1px)*108.6);
        width: calc(var(--rpx, 1px)*108.6)
    }

    .zn--wrapper .mo\:w-487\.8rpx {
        width: -webkit-calc(var(--rpx, 1px)*487.8);
        width: -moz-calc(var(--rpx, 1px)*487.8);
        width: calc(var(--rpx, 1px)*487.8)
    }

    .zn--wrapper .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)
    }

    .zn--wrapper .mo\:w-125px {
        width: 125px
    }

    .zn--wrapper .mo\:w-130px {
        width: 130px
    }

    .zn--wrapper .mo\:w-119px {
        width: 119px
    }

    .zn--wrapper .mo\:w-55px {
        width: 55px
    }

    .zn--wrapper .mo\:w-148rpx {
        width: -webkit-calc(var(--rpx, 1px)*148);
        width: -moz-calc(var(--rpx, 1px)*148);
        width: calc(var(--rpx, 1px)*148)
    }

    .zn--wrapper .mo\:w-144rpx {
        width: -webkit-calc(var(--rpx, 1px)*144);
        width: -moz-calc(var(--rpx, 1px)*144);
        width: calc(var(--rpx, 1px)*144)
    }

    .zn--wrapper .mo\:w-265rpx {
        width: -webkit-calc(var(--rpx, 1px)*265);
        width: -moz-calc(var(--rpx, 1px)*265);
        width: calc(var(--rpx, 1px)*265)
    }

    .zn--wrapper .mo\:w-380rpx {
        width: -webkit-calc(var(--rpx, 1px)*380);
        width: -moz-calc(var(--rpx, 1px)*380);
        width: calc(var(--rpx, 1px)*380)
    }

    .zn--wrapper .mo\:w-880rpx {
        width: -webkit-calc(var(--rpx, 1px)*880);
        width: -moz-calc(var(--rpx, 1px)*880);
        width: calc(var(--rpx, 1px)*880)
    }

    .zn--wrapper .mo\:w-842rpx {
        width: -webkit-calc(var(--rpx, 1px)*842);
        width: -moz-calc(var(--rpx, 1px)*842);
        width: calc(var(--rpx, 1px)*842)
    }

    .zn--wrapper .mo\:w-256rpx {
        width: -webkit-calc(var(--rpx, 1px)*256);
        width: -moz-calc(var(--rpx, 1px)*256);
        width: calc(var(--rpx, 1px)*256)
    }

    .zn--wrapper .mo\:w-137rpx {
        width: -webkit-calc(var(--rpx, 1px)*137);
        width: -moz-calc(var(--rpx, 1px)*137);
        width: calc(var(--rpx, 1px)*137)
    }

    .zn--wrapper .mo\:w-153rpx {
        width: -webkit-calc(var(--rpx, 1px)*153);
        width: -moz-calc(var(--rpx, 1px)*153);
        width: calc(var(--rpx, 1px)*153)
    }

    .zn--wrapper .mo\:w-580rpx {
        width: -webkit-calc(var(--rpx, 1px)*580);
        width: -moz-calc(var(--rpx, 1px)*580);
        width: calc(var(--rpx, 1px)*580)
    }

    .zn--wrapper .mo\:w-211rpx {
        width: -webkit-calc(var(--rpx, 1px)*211);
        width: -moz-calc(var(--rpx, 1px)*211);
        width: calc(var(--rpx, 1px)*211)
    }

    .zn--wrapper .mo\:w-193rpx {
        width: -webkit-calc(var(--rpx, 1px)*193);
        width: -moz-calc(var(--rpx, 1px)*193);
        width: calc(var(--rpx, 1px)*193)
    }

    .zn--wrapper .\!mo\:w-65rpx {
        width: -webkit-calc(var(--rpx, 1px)*65) !important;
        width: -moz-calc(var(--rpx, 1px)*65) !important;
        width: calc(var(--rpx, 1px)*65) !important
    }

    .zn--wrapper .mo\:w-189px {
        width: 189px
    }

    .zn--wrapper .\!mo\:w-90px {
        width: 90px !important
    }

    .zn--wrapper .mo\:w-77rpx {
        width: -webkit-calc(var(--rpx, 1px)*77);
        width: -moz-calc(var(--rpx, 1px)*77);
        width: calc(var(--rpx, 1px)*77)
    }

    .zn--wrapper .mo\:w-68rpx {
        width: -webkit-calc(var(--rpx, 1px)*68);
        width: -moz-calc(var(--rpx, 1px)*68);
        width: calc(var(--rpx, 1px)*68)
    }

    .zn--wrapper .mo\:w-300px {
        width: 300px
    }

    .zn--wrapper .mo\:w-68px {
        width: 68px
    }

    .zn--wrapper .mo\:w-224rpx {
        width: -webkit-calc(var(--rpx, 1px)*224);
        width: -moz-calc(var(--rpx, 1px)*224);
        width: calc(var(--rpx, 1px)*224)
    }

    .zn--wrapper .mo\:w-154rpx {
        width: -webkit-calc(var(--rpx, 1px)*154);
        width: -moz-calc(var(--rpx, 1px)*154);
        width: calc(var(--rpx, 1px)*154)
    }

    .zn--wrapper .mo\:w-143rpx {
        width: -webkit-calc(var(--rpx, 1px)*143);
        width: -moz-calc(var(--rpx, 1px)*143);
        width: calc(var(--rpx, 1px)*143)
    }

    .zn--wrapper .mo\:z-1 {
        z-index: 1
    }

    .zn--wrapper .mo\:z-40 {
        z-index: 40
    }

    .zn--wrapper .mo\: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))
    }

    .zn--wrapper .mo\:-rotate-25 {
        --tw-rotate: -25deg
    }

    .zn--wrapper .mo\:rotate-29\.26 {
        --tw-rotate: 29.26deg
    }
}

@media (min-width:1024px) {
    .zn--wrapper .pct\:font-medium {
        font-weight: 500
    }

    .zn--wrapper .pct\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-42px {
        font-size: 42px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-44px {
        font-size: 44px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-36px {
        font-size: 36px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-230px {
        font-size: 230px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-100px {
        font-size: 100px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-50px {
        font-size: 50px;
        line-height: 1
    }

    .zn--wrapper .pct\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .zn--wrapper .pct\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .zn--wrapper .pct\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .zn--wrapper .pct\:leading-\[1\.67\] {
        line-height: 1.67
    }

    .zn--wrapper .pct\:leading-\[1\] {
        line-height: 1
    }

    .zn--wrapper .pct\:leading-\[1\.33\] {
        line-height: 1.33
    }

    .zn--wrapper .pct\:leading-\[1\.44\] {
        line-height: 1.44
    }

    .zn--wrapper .pct\:leading-\[1\.29\] {
        line-height: 1.29
    }

    .zn--wrapper .pct\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .zn--wrapper .pct\:leading-\[0\.99\] {
        line-height: .99
    }

    .zn--wrapper .pct\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .zn--wrapper .pct\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .zn--wrapper .pct\:text-center {
        text-align: center
    }
}

@media (max-width:1023px) {
    .zn--wrapper .mot\:font-medium {
        font-weight: 500
    }

    .zn--wrapper .mot\:h-68px {
        height: 68px
    }

    .zn--wrapper .mot\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-26px {
        font-size: 26px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-128px {
        font-size: 128px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-52px {
        font-size: 52px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-40px {
        font-size: 40px;
        line-height: 1
    }

    .zn--wrapper .mot\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .zn--wrapper .mot\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .zn--wrapper .mot\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .zn--wrapper .mot\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .zn--wrapper .mot\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .zn--wrapper .mot\:leading-\[0\.95\] {
        line-height: .95
    }

    .zn--wrapper .mot\:leading-\[1\] {
        line-height: 1
    }

    .zn--wrapper .mot\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .zn--wrapper .\!mot\:leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .zn--wrapper .\!mot\:leading-\[1\.3\] {
        line-height: 1.3 !important
    }

    .zn--wrapper .mot\:mt-64rpx {
        margin-top: calc(var(--rpx, 1px)*64)
    }

    .zn--wrapper .mot\:mt-14rpx {
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .zn--wrapper .mot\:py-16rpx {
        padding-bottom: calc(var(--rpx, 1px)*16);
        padding-top: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mot\:py-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64);
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .zn--wrapper .mot\:text-center {
        text-align: center
    }

    .zn--wrapper .mot\:w-\[calc\(328rpx-68px\)\] {
        width: -webkit-calc(var(--rpx, 1px)*328 - 68px);
        width: -moz-calc(var(--rpx, 1px)*328 - 68px);
        width: calc(var(--rpx, 1px)*328 - 68px)
    }

    .zn--wrapper .mot\:w-68px {
        width: 68px
    }
}

.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 {
}

.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)
}

.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
}

[ani-title] .box {
    -webkit-perspective: -webkit-calc(var(--rpx, 1px)*932);
    -moz-perspective: -moz-calc(var(--rpx, 1px)*932);
    perspective: calc(var(--rpx, 1px)*932);
    -webkit-perspective-origin: 75% 30%;
    -moz-perspective-origin: 75% 30%;
    perspective-origin: 75% 30%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

[ani-title] .box .content {
    -webkit-perspective: -webkit-calc(var(--rpx, 1px)*932);
    -moz-perspective: -moz-calc(var(--rpx, 1px)*932);
    perspective: calc(var(--rpx, 1px)*932);
    -webkit-perspective-origin: 45% -18%;
    -moz-perspective-origin: 45% -18%;
    perspective-origin: 45% -18%
}

[ani-title] .box .content .p-text {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

[ani-line] .linex {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

[ani-line] .liney {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-firepower .linex {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-firepower .liney {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-firepower .border-card2 canvas img {
    display: block
}

#section-firepower .border-card2 .bg1, #section-firepower .border-card2 .bg2, #section-firepower .border-card2 .bg3, #section-firepower .border-card2 .phone {
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

#section-firepower .border-card2 .bg1.show, #section-firepower .border-card2 .bg2.show {
    opacity: 1
}

#section-firepower .border-card2 .video-group .img16, #section-firepower .border-card2 .video-group canvas {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-firepower .border-card2 .video-group.finish canvas {
    opacity: 0
}

#section-firepower .border-card2 .video-group.finish .img16 {
    opacity: 1
}

#section-firepower .text-option {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    cursor: pointer;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-firepower .text-option .button {
    opacity: 1
}

#section-firepower .text-option .button, #section-firepower .text-option .option-title, #section-firepower .text-option .option-title p {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-firepower .text-option .option-title p {
    font-size: 32px;
    line-height: 1.25;
    opacity: .6
}

#section-firepower .text-option .desc-wrapper {
    max-height: 0;
    -webkit-transition: max-height .6s, opacity .6s;
    -moz-transition: max-height .6s, opacity .6s;
    transition: max-height .6s, opacity .6s
}

#section-firepower .text-option.active {
    border: 0;
    padding-bottom: 0
}

#section-firepower .text-option.active .button {
    opacity: 0
}

#section-firepower .text-option.active .option-title p {
    font-size: 32px;
    line-height: 1.25;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-firepower .option-img {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-parameter .line1 {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: -webkit-linear-gradient(top, transparent, #fff);
    background: -moz-linear-gradient(top, transparent, #fff);
    background: linear-gradient(180deg, transparent, #fff)
}

#section-parameter .line2 {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#fff), to(transparent));
    background: -webkit-linear-gradient(left, transparent, #fff, transparent);
    background: -moz-linear-gradient(left, transparent, #fff, transparent);
    background: linear-gradient(90deg, transparent, #fff, transparent)
}

#section-fps .fpsimage-group {
    -webkit-transition: opacity 1.2s, -webkit-transform 1.2s;
    transition: opacity 1.2s, -webkit-transform 1.2s;
    -moz-transition: transform 1.2s, opacity 1.2s, -moz-transform 1.2s;
    transition: transform 1.2s, opacity 1.2s;
    transition: transform 1.2s, opacity 1.2s, -webkit-transform 1.2s, -moz-transform 1.2s
}

#section-fps .fpsimage-group img {
    -webkit-transition: opacity 1.2s;
    -moz-transition: opacity 1.2s;
    transition: opacity 1.2s
}

#section-fps .title-wrapper p {
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    transition: opacity .8s
}

#section-fps .button, #section-fps .progress-bar-inner {
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    -moz-transition: opacity .8s, transform .8s, -moz-transform .8s;
    transition: opacity .8s, transform .8s;
    transition: opacity .8s, transform .8s, -webkit-transform .8s, -moz-transform .8s
}

#section-network .linex {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-network .liney {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-network .slick-child .image-group img {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-network .slick-child.swiper-slide-active .image-group img, #section-network .slick-child.swiper-slide-next .image-group img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-battery .wordart-text span {
    -webkit-text-stroke: 1px #4d4d4d;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #01b2d2), color-stop(0, transparent));
    background-image: -webkit-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: -moz-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: linear-gradient(0deg, #01b2d2 50%, transparent 0);
    background-position: 100% 48%;
    -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
    color: transparent;
    text-shadow: 1.15px #01b2d2
}

#section-battery .wordart-text .six {
    background-position: 100% 64%
}

#section-battery .wordart-text .eight {
    background-position: 100% 55%
}

#section-battery .text1.finish .wordart-text span {
    -webkit-text-stroke: 1px #01b2d2
}

#section-battery .wordart-text2 {
    -webkit-text-stroke: 1px #4d4d4d;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #01b2d2), color-stop(0, transparent));
    background-image: -webkit-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: -moz-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: linear-gradient(0deg, #01b2d2 50%, transparent 0);
    background-position: 100% 35%;
    -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
    color: transparent;
    text-shadow: 1.15px #01b2d2
}

#section-battery .text2.finish .wordart-text2 {
    -webkit-text-stroke: 1px #01b2d2
}

#section-battery .wordart-text3 {
    cursor: pointer
}

#section-battery .wordart-text3 .num, #section-battery .wordart-text3 .unit {
    -webkit-text-stroke: 1px #01b2d2;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #01b2d2), color-stop(0, transparent));
    background-image: -webkit-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: -moz-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: linear-gradient(0deg, #01b2d2 50%, transparent 0);
    background-position: 100% 51%;
    -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
    color: transparent;
    text-shadow: 1.15px #01b2d2;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

#section-battery .wordart-text3:hover .num, #section-battery .wordart-text3:hover .unit {
    background-position: 100% 100%
}

#section-battery .liney {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-battery .text3 .column1.finish .wordart-text3 .num, #section-battery .text3 .column1.finish .wordart-text3 .unit, #section-battery .text3 .column2.finish .wordart-text3 .num, #section-battery .text3 .column2.finish .wordart-text3 .unit, #section-battery .text3 .column3.finish .wordart-text3 .num, #section-battery .text3 .column3.finish .wordart-text3 .unit, #section-battery .text3 .column4.finish .wordart-text3 .num, #section-battery .text3 .column4.finish .wordart-text3 .unit, #section-battery .text3.finish .wordart-text3 .num, #section-battery .text3.finish .wordart-text3 .unit {
    -webkit-text-stroke: 1px #01b2d2
}

#section-display .phone2 {
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    transition: opacity .6s
}

#section-display .phone2.show {
    opacity: 1
}

#section-display .screen {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

#section-display .screen .svg1 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

#section-display .screen .svg1, #section-display .screen .svg2 {
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -moz-transition: transform .8s, -moz-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s, -moz-transform .8s
}

#section-display .screen .svg2 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

#section-display .screen .num, #section-display .screen .screen-bg, #section-display .screen .tz {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

#section-display .screen.show {
    opacity: 1
}

#section-display .screen.show .svg1, #section-display .screen.show .svg2 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-display .screen.show .num, #section-display .screen.show .tz {
    opacity: 1
}

#section-display .screen.show .screen-bg {
    opacity: .6
}

#section-display .screen.finish {
    opacity: 0;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

#section-display .text-content.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-display .learn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, transparent), color-stop(66%, #000));
    background: -webkit-linear-gradient(top, transparent 34%, #000 66%);
    background: -moz-linear-gradient(top, transparent 34%, #000 66%);
    background: linear-gradient(180deg, transparent 34%, #000 66%)
}

#section-battery .learn-more img, #section-display .learn-more img {
    -webkit-animation: learn-more-ani 1.5s ease infinite;
    -moz-animation: learn-more-ani 1.5s ease infinite;
    animation: learn-more-ani 1.5s ease infinite
}

#section-battery .linex {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-battery .linery, #section-battery .liney {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-battery .text3-content .lineb {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

#section-both .title-wrapper p:first-child {
    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
}

#section-both .title-wrapper p:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -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
}

#section-both .title-wrapper p:nth-child(3) {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transition: opacity 1.4s, -webkit-transform 1.4s;
    transition: opacity 1.4s, -webkit-transform 1.4s;
    -moz-transition: transform 1.4s, opacity 1.4s, -moz-transform 1.4s;
    transition: transform 1.4s, opacity 1.4s;
    transition: transform 1.4s, opacity 1.4s, -webkit-transform 1.4s, -moz-transform 1.4s
}

#section-both .title-wrapper p:nth-child(4) {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: opacity 1.8s, -webkit-transform 1.8s;
    transition: opacity 1.8s, -webkit-transform 1.8s;
    -moz-transition: transform 1.8s, opacity 1.8s, -moz-transform 1.8s;
    transition: transform 1.8s, opacity 1.8s;
    transition: transform 1.8s, opacity 1.8s, -webkit-transform 1.8s, -moz-transform 1.8s
}

#section-both .title-wrapper.show p:first-child, #section-both .title-wrapper.show p:nth-child(2), #section-both .title-wrapper.show p:nth-child(3), #section-both .title-wrapper.show p:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-both .text-animation1 .text-wrapper, #section-both .text-animation2 .text-wrapper, #section-both .text-animation3 .text-wrapper {
    opacity: 0
}

#section-both .text-animation1 .liner, #section-both .text-animation2 .liner, #section-both .text-animation3 .liner {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    -moz-transition: transform .1s, -moz-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s, -moz-transform .1s;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

#section-both .text-animation1 .line, #section-both .text-animation2 .line, #section-both .text-animation3 .line {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

#section-both .text-animation1 .text-wrapper, #section-both .text-animation2 .text-wrapper {
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translate(150px)
}

#section-both .text-animation1 .text-wrapper, #section-both .text-animation2 .text-wrapper, #section-both .text-animation3 .text-wrapper {
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: transform .3s, opacity .3s, -moz-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s, -moz-transform .3s
}

#section-both .text-animation3 .text-wrapper {
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translate(-150px)
}

#section-both .text-animation3 .line {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-both .text-animation1.show .text-wrapper, #section-both .text-animation2.show .text-wrapper, #section-both .text-animation3.show .text-wrapper {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(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
}

#section-both .text-animation1.show .line, #section-both .text-animation1.show .liner, #section-both .text-animation2.show .line, #section-both .text-animation2.show .liner, #section-both .text-animation3.show .line, #section-both .text-animation3.show .liner {
    opacity: .3;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -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
}

#section-both .title2 {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

#section-both .title2.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

html[lang=ar-SA] #section-both .title-wrapper, html[lang=da-DK] #section-both .title-wrapper, html[lang=de-DE] #section-both .title-wrapper, html[lang=es-ES] #section-both .title-wrapper, html[lang=fi-FI] #section-both .title-wrapper, html[lang=fr-FR] #section-both .title-wrapper, html[lang=it-IT] #section-both .title-wrapper, html[lang=nl-NL] #section-both .title-wrapper, html[lang=pl-PL] #section-both .title-wrapper, html[lang=ru-RU] #section-both .title-wrapper, html[lang=sv-SE] #section-both .title-wrapper, html[lang=zh-HK] #section-both .title-wrapper {
    text-align: center;
    white-space: normal
}

@-moz-keyframes learn-more-ani {
    0% {
        -moz-transform: translate(0);
        transform: translate(0)
    }

    to {
        -moz-transform: translate(-moz-calc(var(--rpx, 1px)*10));
        transform: translate(calc(var(--rpx, 1px)*10))
    }
}

@-webkit-keyframes learn-more-ani {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-webkit-calc(var(--rpx, 1px)*10));
        transform: translate(calc(var(--rpx, 1px)*10))
    }
}

@keyframes learn-more-ani {
    0% {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-webkit-calc(var(--rpx, 1px)*10));
        -moz-transform: translate(-moz-calc(var(--rpx, 1px)*10));
        transform: translate(calc(var(--rpx, 1px)*10))
    }
}

#section-star.pc-only {
    height: 720vh;
    height: -webkit-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*620);
    height: -moz-calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*620);
    height: calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*620)
}

#section-star.pc-only .text-1 {
    color: #fff;
    mix-blend-mode: difference
}

#section-star.pc-only .text-1 span {
    display: inline-block;
    -webkit-transform-origin: 50% 300%;
    -moz-transform-origin: 50% 300%;
    -ms-transform-origin: 50% 300%;
    transform-origin: 50% 300%
}

#section-star.pc-only .text-5 {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-star.pc-only .text-5.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-star.pc-only .text-2 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-star.pc-only .text-2.show {
    opacity: 1
}

#section-star.pc-only .text-3, #section-star.pc-only .text-4 {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, #fff), color-stop(80%, #fff), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, transparent, #fff 20%, #fff 80%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, #fff), color-stop(80%, #fff), to(transparent));
    mask-image: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent);
    overflow: hidden;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-star.pc-only .text-3 .text-wrapper, #section-star.pc-only .text-4 .text-wrapper {
    min-height: 100%
}

#section-star.pc-only .text-3, #section-star.pc-only .text-4 {
    --data-transform-y: -150px
}

#section-star.pc-only .text-3[data-status="2"] .text-wrapper, #section-star.pc-only .text-3[data-status="3"] .text-wrapper, #section-star.pc-only .text-4[data-status="2"] .text-wrapper, #section-star.pc-only .text-4[data-status="3"] .text-wrapper {
    -webkit-transform: translateY(var(--data-transform-y));
    -moz-transform: translateY(var(--data-transform-y));
    -ms-transform: translateY(var(--data-transform-y));
    transform: translateY(var(--data-transform-y))
}

#section-star.pc-only .text-6 .flex:not(:first-child) {
    margin-top: calc(var(--rpx, 1px)*16)
}

#section-star.pc-only .text-6 .flex {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

#section-star.pc-only .text-6.show .flex {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-star.pc-only .text-6.show .flex:first-of-type {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    transition-delay: .65s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(2) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(3) {
    -webkit-transition-delay: .75s;
    -moz-transition-delay: .75s;
    transition-delay: .75s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(4) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(5) {
    -webkit-transition-delay: .85s;
    -moz-transition-delay: .85s;
    transition-delay: .85s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(6) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(7) {
    -webkit-transition-delay: .95s;
    -moz-transition-delay: .95s;
    transition-delay: .95s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(8) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(9) {
    -webkit-transition-delay: 1.05s;
    -moz-transition-delay: 1.05s;
    transition-delay: 1.05s
}

#section-star.pc-only .text-6.show .flex:nth-of-type(10) {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s
}

#section-star.pc-only .phone-2-wrapper .arrow .left-arrow, #section-star.pc-only .phone-2-wrapper .arrow .middle-line, #section-star.pc-only .phone-2-wrapper .arrow .right-arrow {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

#section-star.pc-only .phone-2-wrapper .arrow.show .middle-line {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-star.pc-only .phone-2-wrapper .arrow.show .left-arrow {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-star.pc-only .phone-2-wrapper .arrow.show .right-arrow {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

#section-star.pc-only .phone-2-wrapper .arrow.show path {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

#section-star.pc-only .text-2 .param {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

#section-star.pc-only .text-2 .param .font-32 {
    line-height: 32px
}

#section-star.pc-only .text-2 .param .font-16 {
    margin-left: calc(var(--rpx, 1px)*4)
}

#section-star.pad-only {
    height: -webkit-calc(200vh + var(--rpx, 1px)*1920);
    height: -moz-calc(200vh + var(--rpx, 1px)*1920);
    height: calc(200vh + var(--rpx, 1px)*1920);
    height: -webkit-calc(var(--vh, 1vh)*200 + var(--rpx, 1px)*1920);
    height: -moz-calc(var(--vh, 1vh)*200 + var(--rpx, 1px)*1920);
    height: calc(var(--vh, 1vh)*200 + var(--rpx, 1px)*1920)
}

#section-star.pad-only .text-1 {
    mix-blend-mode: difference
}

#section-star.pad-only .text-2 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-star.pad-only .text-2.show {
    opacity: 1
}

#section-star.pad-only .phase-3 {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, #fff), color-stop(70%, #fff), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, transparent, #fff 20%, #fff 70%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, #fff), color-stop(70%, #fff), to(transparent));
    mask-image: linear-gradient(180deg, transparent, #fff 20%, #fff 70%, transparent)
}

#section-star.pad-only .phase-4 .text-7 {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-star.pad-only .phase-4 .text-7.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-star.pad-only .phase-4 .text-8 .flex:not(:first-child) {
    line-height: 24px;
    margin-top: 10px
}

#section-star.pad-only .phase-4 .text-8 .flex {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

#section-star.pad-only .phase-4 .text-8.show .flex {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-star.pad-only .phase-4 .text-8.show .flex:first-of-type {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    transition-delay: .65s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(2) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(3) {
    -webkit-transition-delay: .75s;
    -moz-transition-delay: .75s;
    transition-delay: .75s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(4) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(5) {
    -webkit-transition-delay: .85s;
    -moz-transition-delay: .85s;
    transition-delay: .85s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(6) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(7) {
    -webkit-transition-delay: .95s;
    -moz-transition-delay: .95s;
    transition-delay: .95s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(8) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(9) {
    -webkit-transition-delay: 1.05s;
    -moz-transition-delay: 1.05s;
    transition-delay: 1.05s
}

#section-star.pad-only .phase-4 .text-8.show .flex:nth-of-type(10) {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s
}

#section-star.pad-only .phase-4 .arrow .left-arrow, #section-star.pad-only .phase-4 .arrow .middle-line, #section-star.pad-only .phase-4 .arrow .right-arrow {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

#section-star.pad-only .phase-4 .arrow.show .middle-line {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-star.pad-only .phase-4 .arrow.show .left-arrow {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-star.pad-only .phase-4 .arrow.show .right-arrow {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

#section-star.pad-only .phase-4 .arrow.show path {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

#section-star.pad-only .phase-1 .text-2 {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

#section-star.pad-only .phase-1 .text-2 .param-wrapper {
    width: -webkit-calc(var(--rpx, 1px)*190);
    width: -moz-calc(var(--rpx, 1px)*190);
    width: calc(var(--rpx, 1px)*190)
}

#section-star.mo-only {
    height: -webkit-calc(300vh + var(--rpx, 1px)*800 + var(--rpx, 1px)*640);
    height: -moz-calc(300vh + var(--rpx, 1px)*800 + var(--rpx, 1px)*640);
    height: calc(300vh + var(--rpx, 1px)*800 + var(--rpx, 1px)*640);
    height: -webkit-calc(var(--vh, 1vh)*300 + var(--rpx, 1px)*800 + var(--rpx, 1px)*640);
    height: -moz-calc(var(--vh, 1vh)*300 + var(--rpx, 1px)*800 + var(--rpx, 1px)*640);
    height: calc(var(--vh, 1vh)*300 + var(--rpx, 1px)*800 + var(--rpx, 1px)*640)
}

#section-star.mo-only .text-1 {
    mix-blend-mode: difference
}

#section-star.mo-only .phase-3 {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, #fff), color-stop(90%, #fff), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, transparent, #fff 10%, #fff 90%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, #fff), color-stop(90%, #fff), to(transparent));
    mask-image: linear-gradient(180deg, transparent, #fff 10%, #fff 90%, transparent)
}

#section-star.mo-only .phase-4 .text-8 .flex:not(:first-child) {
    line-height: 24px;
    margin-top: 10px
}

#section-star.mo-only .phase-4 .text-8 .flex {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

#section-star.mo-only .phase-4 .text-8.show .flex {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-star.mo-only .phase-4 .text-8.show .flex:first-of-type {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    transition-delay: .65s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(2) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(3) {
    -webkit-transition-delay: .75s;
    -moz-transition-delay: .75s;
    transition-delay: .75s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(4) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(5) {
    -webkit-transition-delay: .85s;
    -moz-transition-delay: .85s;
    transition-delay: .85s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(6) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(7) {
    -webkit-transition-delay: .95s;
    -moz-transition-delay: .95s;
    transition-delay: .95s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(8) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(9) {
    -webkit-transition-delay: 1.05s;
    -moz-transition-delay: 1.05s;
    transition-delay: 1.05s
}

#section-star.mo-only .phase-4 .text-8.show .flex:nth-of-type(10) {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s
}

#section-star.mo-only .phase-4 .arrow .left-arrow, #section-star.mo-only .phase-4 .arrow .middle-line, #section-star.mo-only .phase-4 .arrow .right-arrow {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

#section-star.mo-only .phase-4 .arrow.show .middle-line {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-star.mo-only .phase-4 .arrow.show .left-arrow {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-star.mo-only .phase-4 .arrow.show .right-arrow {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

#section-star.mo-only .phase-4 .arrow.show path {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

#section-star.mo-only .text-2 .param-wrapper {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: calc(var(--rpx, 1px)*13)
}

#section-kv .img-wrapper .phone {
    position: absolute;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#section-kv .img-wrapper .phone-1 {
    -webkit-transform-origin: 174.36% 0;
    -moz-transform-origin: 174.36% 0;
    -ms-transform-origin: 174.36% 0;
    transform-origin: 174.36% 0
}

#section-kv .img-wrapper .phone-2 {
    -webkit-transform-origin: 121.94% -13.23%;
    -moz-transform-origin: 121.94% -13.23%;
    -ms-transform-origin: 121.94% -13.23%;
    transform-origin: 121.94% -13.23%;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

#section-kv .img-wrapper .phone-3 {
    -webkit-transform-origin: 100% -24%;
    -moz-transform-origin: 100% -24%;
    -ms-transform-origin: 100% -24%;
    transform-origin: 100% -24%;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

#section-kv.before .phone {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

#section-kv.before .phone-1, #section-kv.before .phone-2, #section-kv.before .phone-3 {
    -webkit-transform: rotate(-20.25deg);
    -moz-transform: rotate(-20.25deg);
    -ms-transform: rotate(-20.25deg);
    transform: rotate(-20.25deg)
}

#section-highlight span.highlight {
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

#section-highlight span.highlight.change {
    color: #00b2d2
}

#section-highlight span {
    display: inline-block;
    margin-right: .2em
}

#section-ksp .sticky-container {
    --timing-function: cubic-bezier(.65, 0, .55, 1);
    background: #000;
    cursor: none
}

#section-ksp .sticky-container .left-wrapper, #section-ksp .sticky-container .right-wrapper {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

#section-ksp .sticky-container .ksp-card-2 .item {
    -webkit-transform: rotate(var(--start-deg));
    -moz-transform: rotate(var(--start-deg));
    -ms-transform: rotate(var(--start-deg));
    transform: rotate(var(--start-deg));
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#section-ksp .sticky-container .ksp-card-2 .item.item-3 {
    width: auto
}

#section-ksp .sticky-container .ksp-card {
    transition-function: var(--timing-function);
    border: .5px solid hsla(0, 0%, 100%, .302);
    height: var(--data-height);
    overflow: hidden;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
    width: var(--data-width)
}

#section-ksp .sticky-container .ksp-card img {
    opacity: 1
}

#section-ksp .sticky-container .ksp-card .btn {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .094);
    border-radius: 50%;
    cursor: pointer
}

#section-ksp .sticky-container .ksp-card .content-img, #section-ksp .sticky-container .ksp-card .ksp-card-text {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-ksp .sticky-container .ksp-card .ksp-card-text {
    margin: 0 calc(var(--rpx, 1px)*24);
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    white-space: wrap
}

#section-ksp .sticky-container .ksp-card .param-wrapper {
    direction: ltr;
    -webkit-perspective-origin: 20% 50%;
    -moz-perspective-origin: 20% 50%;
    perspective-origin: 20% 50%;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-ksp .sticky-container .ksp-card .param-wrapper .text {
    transition-function: var(--timing-function);
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-linear-gradient(17.73deg, #00b2d2 35.52%, rgba(0, 178, 210, 0) 102.82%);
    background-image: -moz-linear-gradient(17.73deg, #00b2d2 35.52%, rgba(0, 178, 210, 0) 102.82%);
    background-image: linear-gradient(72.27deg, #00b2d2 35.52%, rgba(0, 178, 210, 0) 102.82%);
    color: transparent;
    line-height: 100%;
    -webkit-transform-origin: 20% 50%;
    -moz-transform-origin: 20% 50%;
    -ms-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

#section-ksp .sticky-container .ksp-card .param-wrapper.param-right {
    -webkit-perspective-origin: 80% 50%;
    -moz-perspective-origin: 80% 50%;
    perspective-origin: 80% 50%
}

#section-ksp .sticky-container .ksp-card .param-wrapper.param-right .text {
    background-image: -webkit-linear-gradient(227.89deg, #00b2d2 30.96%, rgba(0, 178, 210, 0) 113.39%);
    background-image: -moz-linear-gradient(227.89deg, #00b2d2 30.96%, rgba(0, 178, 210, 0) 113.39%);
    background-image: linear-gradient(222.11deg, #00b2d2 30.96%, rgba(0, 178, 210, 0) 113.39%);
    -webkit-transform-origin: 80% 50%;
    -moz-transform-origin: 80% 50%;
    -ms-transform-origin: 80% 50%;
    transform-origin: 80% 50%
}

#section-ksp .sticky-container .ksp-card img {
    -o-object-fit: cover;
    object-fit: cover
}

#section-ksp .sticky-container .left-wrapper, #section-ksp .sticky-container .right-wrapper {
    transition-function: var(--timing-function);
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

#section-ksp .sticky-container .ksp-card-5 {
    -webkit-perspective: -webkit-calc(var(--rpx, 1px)*250);
    -moz-perspective: -moz-calc(var(--rpx, 1px)*250);
    perspective: calc(var(--rpx, 1px)*250);
    -webkit-perspective-origin: 15% 56%;
    -moz-perspective-origin: 15% 56%;
    perspective-origin: 15% 56%
}

#section-ksp .sticky-container .ksp-card-7 .param-wrapper .text {
    line-height: 120%
}

#section-ksp .sticky-container .ksp-card-2 .btn, #section-ksp .sticky-container .ksp-card-7 .btn {
    background: rgba(0, 0, 0, .094)
}

#section-ksp .sticky-container .toggle-button img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: .3s;
    -moz-transform: .3s;
    -ms-transform: .3s;
    transform: .3s
}

#section-ksp .sticky-container .toggle-button.show {
    mix-blend-mode: difference;
    opacity: 1
}

#section-ksp .sticky-container .toggle-button.show img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-ksp .container.mo-only .ksp-card {
    border: .5px solid hsla(0, 0%, 100%, .302);
    overflow: hidden
}

#section-ksp .container.mo-only .ksp-card .btn {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .094);
    border-radius: 50%;
    cursor: pointer
}

#section-ksp .container.mo-only .ksp-card .param-wrapper .text {
    transition-function: var(--timing-function);
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-linear-gradient(17.73deg, #00b2d2 35.52%, rgba(0, 178, 210, 0) 102.82%);
    background-image: -moz-linear-gradient(17.73deg, #00b2d2 35.52%, rgba(0, 178, 210, 0) 102.82%);
    background-image: linear-gradient(72.27deg, #00b2d2 35.52%, rgba(0, 178, 210, 0) 102.82%);
    color: transparent;
    line-height: 100%;
    -webkit-transform-origin: 20% 50%;
    -moz-transform-origin: 20% 50%;
    -ms-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

#section-ksp .container.mo-only .ksp-card-7 .param-wrapper .text {
    line-height: 120%
}

section#open-canvas .phone-screen {
    -webkit-box-shadow: 20px 20px 26px 8px rgba(0, 0, 0, .15);
    box-shadow: 20px 20px 26px 8px #00000026
}

section#open-canvas .phone-screen.phone-screen-1 {
    -webkit-box-shadow: -20px 10px 26px 8px rgba(0, 0, 0, .15);
    box-shadow: -20px 10px 26px 8px #00000026
}

section#open-canvas .phone-wrapper0 {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

section#open-canvas .phone-wrapper0.show {
    opacity: 1
}

section#open-canvas .feature-text .feature-title {
    color: #0003;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

section#open-canvas .feature-text .feature-desc {
    color: #0000008c;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s, opacity .3s;
    -moz-transition: max-height .3s, opacity .3s;
    transition: max-height .3s, opacity .3s
}

section#open-canvas .feature-arrow {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

section#open-canvas .feature-divider {
    background: rgba(0, 0, 0, .2);
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s
}

section#open-canvas .feature-divider.active {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item:hover .feature-title {
    color: #000000f2
}

section#open-canvas .feature-item:hover .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item:hover+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item:hover+.feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item.expand .feature-text .feature-title {
    color: #000000f2
}

section#open-canvas .feature-item.expand .feature-text .feature-desc {
    opacity: 1
}

section#open-canvas .feature-item.expand .feature-arrow {
    opacity: 0
}

section#open-canvas .feature-item.expand .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item.expand+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item.expand+.feature-divider {
    background: rgba(0, 0, 0, .4)
}

.warranty .container-y {
    max-width: -webkit-calc(var(--rpx, 1px)*1312);
    max-width: -moz-calc(var(--rpx, 1px)*1312);
    max-width: calc(var(--rpx, 1px)*1312)
}

#section-chip .section-title .sticker-wrapper {
    height: 100px;
    position: absolute;
    right: -67px;
    top: 14px;
    width: 100px
}

#section-chip .chip-wrapper .chip-bg {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, #fff), color-stop(85%, #fff), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, transparent, #fff 0, #fff 85%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, #fff), color-stop(85%, #fff), to(transparent));
    mask-image: linear-gradient(180deg, transparent 0, #fff 0, #fff 85%, transparent)
}

#section-chip .chip-wrapper .text-container .text-wrapper {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, #fff), color-stop(70%, #fff), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, transparent, #fff 0, #fff 70%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, #fff), color-stop(70%, #fff), to(transparent));
    mask-image: linear-gradient(180deg, transparent 0, #fff 0, #fff 70%, transparent);
    overflow: visible;
    padding-bottom: 100px
}

#section-chip .chip-wrapper .img-wrapper {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-chip .chip-wrapper .light {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

#section-chip .chip-wrapper .light.show {
    opacity: 1
}

#section-chip .chip-wrapper .line {
    -webkit-transform-origin: 30% 70%;
    -moz-transform-origin: 30% 70%;
    -ms-transform-origin: 30% 70%;
    transform-origin: 30% 70%
}

#section-chip .chip-wrapper .text-container .left-text {
    right: 60vw;
    right: -webkit-calc(var(--vw, 1vw)*60);
    right: -moz-calc(var(--vw, 1vw)*60);
    right: calc(var(--vw, 1vw)*60);
    width: 520px
}

#section-chip .param-container .line-1, #section-chip .param-container .line-2, #section-chip .param-container .line-4, #section-chip .param-container .line-5, #section-chip .param-container .line-6, #section-chip .param-container .line-7 {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-chip .param-container .line-3 {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-chip .param-container .selector-wrapper .selector .dropdown-wrapper {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    transition: height .3s
}

#section-chip .param-container .selector-wrapper .selector .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-chip .param-container .selector-wrapper .selector.show .dropdown-wrapper {
    height: var(--data-height)
}

#section-chip .param-container .selector-wrapper .selector.show .arrow {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

#section-chip .param-container .selector-wrapper .selector .dropdown-text {
    opacity: .5
}

#section-chip .param-container .selector-wrapper .selector[data-selector="0"] .dropdown-text-0, #section-chip .param-container .selector-wrapper .selector[data-selector="1"] .dropdown-text-1 {
    opacity: 1
}

#section-color .color-wrapper .switch-panel .img-1, #section-color .color-wrapper .switch-panel .img-2, #section-color .color-wrapper .switch-panel .text {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s
}

#section-color .color-wrapper .switch-panel .img-1 {
    -webkit-transition-timing-function: cubic-bezier(.6, .4, 1, 1);
    -moz-transition-timing-function: cubic-bezier(.6, .4, 1, 1);
    transition-timing-function: cubic-bezier(.6, .4, 1, 1)
}

#section-color .color-wrapper .switch-panel .img-2 {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .4, .6);
    -moz-transition-timing-function: cubic-bezier(0, 0, .4, .6);
    transition-timing-function: cubic-bezier(0, 0, .4, .6)
}

#section-color .color-wrapper .switch-panel[data-status="-1"] .img-1 {
    -webkit-transition-timing-function: cubic-bezier(.6, .4, 1, 1);
    -moz-transition-timing-function: cubic-bezier(.6, .4, 1, 1);
    transition-timing-function: cubic-bezier(.6, .4, 1, 1)
}

#section-color .color-wrapper .switch-panel[data-status="-1"] .img-2 {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .4, .6);
    -moz-transition-timing-function: cubic-bezier(0, 0, .4, .6);
    transition-timing-function: cubic-bezier(0, 0, .4, .6)
}

#section-color .color-wrapper .switch-panel[data-status="-1"] .img-1, #section-color .color-wrapper .switch-panel[data-status="-1"] .img-2, #section-color .color-wrapper .switch-panel[data-status="-1"] .text {
    -webkit-transform: translate(-130vw);
    -moz-transform: translate(-130vw);
    -ms-transform: translate(-130vw);
    transform: translate(-130vw);
    -webkit-transform: translate(-webkit-calc(var(--vw, 1vw)*-130));
    -moz-transform: translate(-moz-calc(var(--vw, 1vw)*-130));
    -ms-transform: translate(calc(var(--vw, 1vw)*-130));
    transform: translate(calc(var(--vw, 1vw)*-130))
}

#section-color .color-wrapper .switch-panel[data-status="1"] .img-1 {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .4, .6);
    -moz-transition-timing-function: cubic-bezier(0, 0, .4, .6);
    transition-timing-function: cubic-bezier(0, 0, .4, .6)
}

#section-color .color-wrapper .switch-panel[data-status="1"] .img-2 {
    -webkit-transition-timing-function: cubic-bezier(.6, .4, 1, 1);
    -moz-transition-timing-function: cubic-bezier(.6, .4, 1, 1);
    transition-timing-function: cubic-bezier(.6, .4, 1, 1)
}

#section-color .color-wrapper .switch-panel[data-status="1"] .img-1, #section-color .color-wrapper .switch-panel[data-status="1"] .img-2, #section-color .color-wrapper .switch-panel[data-status="1"] .text {
    -webkit-transform: translate(130vw);
    -moz-transform: translate(130vw);
    -ms-transform: translate(130vw);
    transform: translate(130vw);
    -webkit-transform: translate(-webkit-calc(var(--vw, 1vw)*130));
    -moz-transform: translate(-moz-calc(var(--vw, 1vw)*130));
    -ms-transform: translate(calc(var(--vw, 1vw)*130));
    transform: translate(calc(var(--vw, 1vw)*130))
}

#section-color .color-wrapper .switch-btns .switch-btn .switch-text {
    opacity: .3;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#section-color .color-wrapper .switch-btns .switch-btn .switch-img {
    height: 0;
    margin-right: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    width: 0
}

#section-color .color-wrapper .switch-btns .switch-btn:not(:last-child) {
    margin-right: 42px
}

#section-color .color-wrapper[data-switch-index="0"] .switch-btn-0 .switch-text, #section-color .color-wrapper[data-switch-index="0"] .switch-panel-0 {
    opacity: 1
}

#section-color .color-wrapper[data-switch-index="0"] .switch-btn-0 .switch-img {
    height: 85.5px;
    margin-right: 11px;
    width: 83px
}

#section-color .color-wrapper[data-switch-index="0"] .switch-btn:not(.switch-btn-0):hover .switch-text {
    opacity: .5
}

#section-color .color-wrapper[data-switch-index="1"] .switch-btn-1 .switch-text, #section-color .color-wrapper[data-switch-index="1"] .switch-panel-1 {
    opacity: 1
}

#section-color .color-wrapper[data-switch-index="1"] .switch-btn-1 .switch-img {
    height: 85.5px;
    margin-right: 11px;
    width: 83px
}

#section-color .color-wrapper[data-switch-index="1"] .switch-btn:not(.switch-btn-1):hover .switch-text {
    opacity: .5
}

#section-color .color-wrapper[data-switch-index="2"] .switch-btn-2 .switch-text, #section-color .color-wrapper[data-switch-index="2"] .switch-panel-2 {
    opacity: 1
}

#section-color .color-wrapper[data-switch-index="2"] .switch-btn-2 .switch-img {
    height: 85.5px;
    margin-right: 11px;
    width: 83px
}

#section-color .color-wrapper[data-switch-index="2"] .switch-btn:not(.switch-btn-2):hover .switch-text {
    opacity: .5
}

section#privacy {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(67.02%, #000), color-stop(96.45%, #040801));
    background: -webkit-linear-gradient(bottom, #000 67.02%, #040801 96.45%);
    background: -moz-linear-gradient(bottom, #000 67.02%, #040801 96.45%);
    background: linear-gradient(0deg, #000 67.02%, #040801 96.45%)
}

section#privacy .card0 {
    background: rgba(45, 45, 45, .2);
    background: -webkit-radial-gradient(50% 50%, 93.71% 63.66%, hsla(0, 0%, 100%, .07) 0, hsla(0, 0%, 100%, 0) 100%);
    background: -moz-radial-gradient(50% 50%, 93.71% 63.66%, hsla(0, 0%, 100%, .07) 0, hsla(0, 0%, 100%, 0) 100%);
    background: radial-gradient(93.71% 63.66% at 50% 50%, hsla(0, 0%, 100%, .07) 0, hsla(0, 0%, 100%, 0) 100%);
    border-radius: 4px
}

html[lang=ru-RU] .zn--wrapper section#privacy .code-wrapper {
    font-size: 36px;
    max-width: 456px;
    white-space: normal;
    width: -webkit-calc(var(--rpx, 1px)*456);
    width: -moz-calc(var(--rpx, 1px)*456);
    width: calc(var(--rpx, 1px)*456)
}

html[lang=ru-RU] .zn--wrapper section#privacy .code-wrapper .sticker-wrapper {
    right: -.5em;
    top: 2.2em
}

section#ai .section0 .card0 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden
}

section#ai .section0 .card0 .title {
    color: #0009;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    transition: color .5s ease
}

section#ai .section0 .card0 .desc, section#ai .section0 .card0 .img-box {
    -webkit-transition: -webkit-clip-path .5s ease;
    transition: -webkit-clip-path .5s ease;
    -moz-transition: clip-path .5s ease;
    transition: clip-path .5s ease;
    transition: clip-path .5s ease, -webkit-clip-path .5s ease
}

section#ai .section0 .card0.active .title {
    color: #000000f2
}

section#ai .section0 .card0.active .desc, section#ai .section0 .card0.active .img-box {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

section#ai .section1-text {
    display: none
}

section#ai .section1-text.show {
    display: block
}

section#ai .next.disabled, section#ai .prev.disabled {
    cursor: not-allowed;
    opacity: .4
}

section#ai .slider {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease, -moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease
}

section#ai .progress0 .bar {
    -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
}

section#ai .feature-text .feature-title {
    color: #0003;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    transition: color .5s ease
}

section#ai .feature-text .feature-desc {
    color: #0000008c;
    overflow: hidden
}

section#ai .feature-arrow {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

section#ai .feature-divider {
    background: rgba(0, 0, 0, .2);
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    transition: background .5s ease
}

section#ai .feature-divider.active {
    background: rgba(0, 0, 0, .4)
}

section#ai .feature-item:hover .feature-title {
    color: #000000f2
}

section#ai .feature-item:hover .feature-divider, section#ai .feature-item:hover+.feature-divider, section#ai .feature-item:hover+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#ai .feature-item.expand .feature-text .feature-title {
    color: #000000f2
}

section#ai .feature-item.expand .feature-text .feature-desc {
    opacity: 1
}

section#ai .feature-item.expand .feature-arrow {
    opacity: 0
}

section#ai .feature-item.expand .feature-divider, section#ai .feature-item.expand+.feature-divider, section#ai .feature-item.expand+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#ai .section2 .phone-screen {
    -webkit-box-shadow: -webkit-calc(var(--rpx, 1px)*20) -webkit-calc(var(--rpx, 1px)*20) -webkit-calc(var(--rpx, 1px)*26) -webkit-calc(var(--rpx, 1px)*8) rgba(0, 0, 0, .15);
    box-shadow: -moz-calc(var(--rpx, 1px)*20) -moz-calc(var(--rpx, 1px)*20) -moz-calc(var(--rpx, 1px)*26) -moz-calc(var(--rpx, 1px)*8) #00000026;
    box-shadow: calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*26) calc(var(--rpx, 1px)*8) #00000026
}

section#ai .line {
    background: #d9d9d9
}

section#ai .scene-2 .eu-1, section#ai .scene-2 .in-2, section#ai .scene-2 .in-3 {
    height: -webkit-calc(var(--rpx, 1px)*293);
    height: -moz-calc(var(--rpx, 1px)*293);
    height: calc(var(--rpx, 1px)*293);
    width: -webkit-calc(var(--rpx, 1px)*133);
    width: -moz-calc(var(--rpx, 1px)*133);
    width: calc(var(--rpx, 1px)*133)
}

section#ai .scene-2 .eu-3-wrap, section#ai .scene-2 .in-2-wrap, section#ai .scene-2 .in-3-wrap {
    height: -webkit-calc(var(--rpx, 1px)*303);
    height: -moz-calc(var(--rpx, 1px)*303);
    height: calc(var(--rpx, 1px)*303);
    width: -webkit-calc(var(--rpx, 1px)*145);
    width: -moz-calc(var(--rpx, 1px)*145);
    width: calc(var(--rpx, 1px)*145)
}

section#ai .scene-2 .next, section#ai .scene-2 .prev {
    cursor: pointer
}

section#ai .scene-2 .next.disabled, section#ai .scene-2 .prev.disabled {
    cursor: none;
    opacity: .3;
    pointer-events: none
}

section#ai .scene-2 .scroll-bar .inner-bar {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s
}

section#ai .scene-2 .selector-desc, section#ai .scene-2 .selector-title {
    opacity: 0
}

section#ai .scene-2[data-selector-index="0"] .desc-0, section#ai .scene-2[data-selector-index="0"] .title-0, section#ai .scene-2[data-selector-index="1"] .desc-1, section#ai .scene-2[data-selector-index="1"] .title-1, section#ai .scene-2[data-selector-index="2"] .desc-2, section#ai .scene-2[data-selector-index="2"] .title-2, section#ai .scene-2[data-selector-index="3"] .desc-3, section#ai .scene-2[data-selector-index="3"] .title-3, section#ai .scene-2[data-selector-index="4"] .desc-4, section#ai .scene-2[data-selector-index="4"] .title-4, section#ai .scene-2[data-selector-index="5"] .desc-5, section#ai .scene-2[data-selector-index="5"] .title-5 {
    opacity: 1
}

section#ai .scene-3 .next, section#ai .scene-3 .prev {
    cursor: pointer
}

section#ai .scene-3 .next.disabled, section#ai .scene-3 .prev.disabled {
    cursor: none;
    opacity: .3;
    pointer-events: none
}

section#ai .scene-3 .scroll-bar .inner-bar {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s
}

section#ai .scene-3 .selector-desc, section#ai .scene-3 .selector-title, section#ai .scene-3 .ui-img {
    opacity: 0
}

section#ai .scene-3[data-selector-index="0"] .desc-0, section#ai .scene-3[data-selector-index="0"] .title-0, section#ai .scene-3[data-selector-index="0"] .ui-0, section#ai .scene-3[data-selector-index="1"] .desc-1, section#ai .scene-3[data-selector-index="1"] .title-1, section#ai .scene-3[data-selector-index="1"] .ui-1 {
    opacity: 1
}

section#ai [ani-more-mo] .content {
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding: 0 calc(var(--rpx, 1px)*15)
}

section#ai [ani-more-mo] .content-0 {
    left: -webkit-calc(var(--rpx, 1px)*40);
    left: -moz-calc(var(--rpx, 1px)*40);
    left: calc(var(--rpx, 1px)*40)
}

section#ai [ani-more-mo] .content-1 {
    left: -webkit-calc(var(--rpx, 1px)*740);
    left: -moz-calc(var(--rpx, 1px)*740);
    left: calc(var(--rpx, 1px)*740)
}

section#ai [ani-more-mo] .content-2 {
    left: -webkit-calc(var(--rpx, 1px)*950);
    left: -moz-calc(var(--rpx, 1px)*950);
    left: calc(var(--rpx, 1px)*950)
}

section#ai [ani-more-mo] .content-3 {
    left: -webkit-calc(var(--rpx, 1px)*1160);
    left: -moz-calc(var(--rpx, 1px)*1160);
    left: calc(var(--rpx, 1px)*1160)
}

section#ai [ani-more-mo] .content {
    left: 0 !important;
    position: relative
}

html[lang=ar-SA] .zn--wrapper section#ai .frame-wrapper, html[lang=da-DK] .zn--wrapper section#ai .frame-wrapper, html[lang=de-DE] .zn--wrapper section#ai .frame-wrapper, html[lang=es-ES] .zn--wrapper section#ai .frame-wrapper, html[lang=fi-FI] .zn--wrapper section#ai .frame-wrapper, html[lang=fr-FR] .zn--wrapper section#ai .frame-wrapper, html[lang=it-IT] .zn--wrapper section#ai .frame-wrapper, html[lang=nl-NL] .zn--wrapper section#ai .frame-wrapper, html[lang=pl-PL] .zn--wrapper section#ai .frame-wrapper, html[lang=ru-RU] .zn--wrapper section#ai .frame-wrapper, html[lang=sv-SE] .zn--wrapper section#ai .frame-wrapper, html[lang=zh-HK] .zn--wrapper section#ai .frame-wrapper {
    height: -webkit-calc(var(--rpx, 1px)*542);
    height: -moz-calc(var(--rpx, 1px)*542);
    height: calc(var(--rpx, 1px)*542)
}

html[lang=ar-SA] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=da-DK] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=de-DE] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=es-ES] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=fi-FI] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=fr-FR] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=it-IT] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=nl-NL] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=pl-PL] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=ru-RU] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=sv-SE] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px, html[lang=zh-HK] .zn--wrapper section#ai .scene-3 .title-wrapper.h-50px {
    height: 76px
}

section#photos .section0 .img-1-frame {
    will-change: transform
}

section#photos .section0 .sticky {
    direction: ltr;
    will-change: clip-path
}

section#photos .section0 .img-1 img {
    position: relative;
    z-index: 2
}

section#photos .section0 .img-1-frame, section#photos .section0 .img-2, section#photos .section0 .img-5 {
    -webkit-box-shadow: 0 27px 86px 0 rgba(0, 0, 0, .65);
    box-shadow: 0 27px 86px #000000a6
}

section#photos .section0 .img-2-wrapper {
    margin-top: calc((var(--content-height) - var(--rpx, 1px)*366)/2)
}

section#photos .img-box-wrapper {
    direction: ltr
}

section#photos .section1 .back-btn, section#photos .section1 .front-btn {
    color: #ffffff4d;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

section#photos .section1 .slider {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

section#photos .section1 img {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

section#photos .section1 .img-box:first-child {
    z-index: 1
}

section#photos .section1 .img-box:nth-child(2) {
    z-index: 2
}

section#photos .section1 .img-box:nth-child(3) {
    z-index: 3
}

section#photos .section1 .back-img, section#photos .section1 .front-img {
    opacity: 0
}

section#photos .section1.back .back-img {
    opacity: 1
}

section#photos .section1.back .back-btn {
    color: #fff
}

section#photos .section1.back .slider {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

section#photos .section1.front .front-img {
    opacity: 1
}

section#photos .section1.front .front-btn {
    color: #fff
}

section#photos .section1.front .slider {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translate(100%)
}

section#photos .section1 .img-tag {
    background: rgba(0, 0, 0, .45)
}

section#photos .section1 .next.disabled, section#photos .section1 .prev.disabled {
    opacity: .5;
    pointer-events: none
}

section#photos .section2 {
    background: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#ececec)), #e8eff8;
    background: -webkit-linear-gradient(bottom, #ececec, #ececec), #e8eff8;
    background: -moz-linear-gradient(bottom, #ececec 0, #ececec 100%), #e8eff8;
    background: linear-gradient(0deg, #ececec, #ececec), #e8eff8
}

section#photos .sticker-wrapper.sticker-2 .sticker-back-wrapper {
    -webkit-clip-path: inset(0 0 56% 0);
    clip-path: inset(0 0 56% 0);
    -webkit-transform: translate(-7%, 3%) rotate(55deg);
    -moz-transform: translate(-7%, 3%) rotate(55deg);
    -ms-transform: translate(-7%, 3%) rotate(55deg);
    transform: translate(-7%, 3%) rotate(55deg);
    -webkit-transition: -webkit-transform .6s ease, -webkit-clip-path .6s ease;
    transition: -webkit-transform .6s ease, -webkit-clip-path .6s ease;
    -moz-transition: transform .6s ease, clip-path .6s ease, -moz-transform .6s ease;
    transition: transform .6s ease, clip-path .6s ease;
    transition: transform .6s ease, clip-path .6s ease, -webkit-transform .6s ease, -moz-transform .6s ease, -webkit-clip-path .6s ease;
    z-index: 10
}

section#photos .sticker-wrapper.sticker-2 .sticker-back-wrapper .sticker-back {
    -webkit-transform: rotate(-135deg) rotateY(180deg);
    -moz-transform: rotate(-135deg) rotateY(180deg);
    transform: rotate(-135deg) rotateY(180deg)
}

section#photos .sticker-wrapper.sticker-2 .sticker-front-wrapper {
    -webkit-clip-path: inset(0 0 50% 0);
    clip-path: inset(0 0 50% 0);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-transition: -webkit-clip-path .6s ease;
    transition: -webkit-clip-path .6s ease;
    -moz-transition: clip-path .6s ease;
    transition: clip-path .6s ease;
    transition: clip-path .6s ease, -webkit-clip-path .6s ease
}

section#photos .sticker-wrapper.sticker-2 .sticker-front-wrapper .sticker-front {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

section#photos .sticker-wrapper.sticker-2.enter .sticker-back-wrapper {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    -webkit-transform: translate(-69%, 69%) rotate(55deg);
    -moz-transform: translate(-69%, 69%) rotate(55deg);
    -ms-transform: translate(-69%, 69%) rotate(55deg);
    transform: translate(-69%, 69%) rotate(55deg)
}

section#photos .sticker-wrapper.sticker-2.enter .sticker-front-wrapper {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

html[lang=ru-RU] .zn--wrapper section#photos .sticker-wrapper.mo-only {
    bottom: -2em
}

.sticker-wrapper {
    overflow: hidden
}

.sticker-wrapper .sticker-back-wrapper {
    -webkit-clip-path: inset(0 0 63% 0);
    clip-path: inset(0 0 63% 0);
    -webkit-transform: translate(-10%, 8%) rotate(55deg);
    -moz-transform: translate(-10%, 8%) rotate(55deg);
    -ms-transform: translate(-10%, 8%) rotate(55deg);
    transform: translate(-10%, 8%) rotate(55deg);
    -webkit-transition: -webkit-transform .6s ease, -webkit-clip-path .6s ease;
    transition: -webkit-transform .6s ease, -webkit-clip-path .6s ease;
    -moz-transition: transform .6s ease, clip-path .6s ease, -moz-transform .6s ease;
    transition: transform .6s ease, clip-path .6s ease;
    transition: transform .6s ease, clip-path .6s ease, -webkit-transform .6s ease, -moz-transform .6s ease, -webkit-clip-path .6s ease;
    z-index: 10
}

.sticker-wrapper .sticker-back-wrapper .sticker-back {
    -webkit-transform: rotate(-135deg) rotateY(180deg);
    -moz-transform: rotate(-135deg) rotateY(180deg);
    transform: rotate(-135deg) rotateY(180deg)
}

.sticker-wrapper .sticker-front-wrapper {
    -webkit-clip-path: inset(0 0 50% 0);
    clip-path: inset(0 0 50% 0);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-transition: -webkit-clip-path .6s ease;
    transition: -webkit-clip-path .6s ease;
    -moz-transition: clip-path .6s ease;
    transition: clip-path .6s ease;
    transition: clip-path .6s ease, -webkit-clip-path .6s ease
}

.sticker-wrapper .sticker-front-wrapper .sticker-front {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.sticker-wrapper.enter .sticker-back-wrapper {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    -webkit-transform: translate(-68%, 68%) rotate(55deg);
    -moz-transform: translate(-68%, 68%) rotate(55deg);
    -ms-transform: translate(-68%, 68%) rotate(55deg);
    transform: translate(-68%, 68%) rotate(55deg)
}

.sticker-wrapper.enter .sticker-front-wrapper {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

.ksp-floating-wrapper {
    direction: ltr;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.ksp-floating-wrapper.anim {
    pointer-events: auto
}

.ksp-floating-wrapper.anim .ksp-floating {
    pointer-events: auto;
    -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-wrapper .ksp-floating {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: hsla(0, 0%, 89%, .6);
    border-radius: 4px;
    pointer-events: none;
    -webkit-transform: translateY(230px);
    -moz-transform: translateY(230px);
    -ms-transform: translateY(230px);
    transform: translateY(230px);
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

.ksp-floating-wrapper .ksp-floating .selling-point-box {
    -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-wrapper .ksp-floating .selling-point-box .activ span {
    display: inline-block
}

.ksp-floating-wrapper .ksp-floating .selling-point-box .activ {
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s
}

.ksp-floating-wrapper .ksp-floating .selling-point-box .activ 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-wrapper .list {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: hsla(0, 0%, 89%, .6);
    border-radius: 4px;
    height: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.ksp-floating-wrapper.hover .hover-area {
    height: 300px
}

.ksp-floating-wrapper.hover .list {
    height: 180px;
    opacity: 1
}

.ksp-floating-wrapper.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-wrapper.hover.light-color {
    background: hsla(0, 0%, 89%, .6)
}

.ksp-floating-wrapper.hover.light-color .activ, .ksp-floating-wrapper.hover.light-color a {
    color: #000 !important
}

section#notes a {
    color: inherit;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

section#ai .container-y, section#notes .container-y, section#open-canvas .container-y, section#photos .container-y, section#privacy .container-y, section#warranty .container-y {
    max-width: -webkit-calc(var(--rpx, 1px)*1312);
    max-width: -moz-calc(var(--rpx, 1px)*1312);
    max-width: calc(var(--rpx, 1px)*1312)
}

body {
    overflow-x-behavior: none;
    overflowscroll-behavior-x: none;
    touch-action: pan-y
}

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
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

[svg-path-ani] {
    stroke-dasharray: var(--data-length);
    stroke-dashoffset: var(--data-length);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

[svg-path-ani].show {
    stroke-dashoffset: 0
}

[data-no-flip] {
    text-align: left
}

.cmp__exchange, .navigation-container {
    position: relative
}

.cmp__exchange {
    z-index: 1
}

#page-footer, .cmp__footer {
    position: relative
}

body, html {
    -ms-scroll-chaining: none;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none
}

@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
    }

    html[lang=da-DK] #section-battery .dk-desc {
        bottom: -25px
    }

    html[lang=fi-FI] #section-battery .fi-desc {
        bottom: -8px
    }

    html[lang=fr-FR] #section-battery .fr-desc {
        bottom: -10px
    }

    html[lang=ru-RU] #section-battery .ru-desc {
        bottom: -17px
    }

    html[lang=zh-HK] #section-battery .text3 .unit {
        margin-left: 15px
    }

    html[lang=ar-SA] #section-both .text-desc2, html[lang=da-DK] #section-both .text-desc2, html[lang=de-DE] #section-both .text-desc2, html[lang=es-ES] #section-both .text-desc2, html[lang=fi-FI] #section-both .text-desc2, html[lang=fr-FR] #section-both .text-desc2, html[lang=it-IT] #section-both .text-desc2, html[lang=nl-NL] #section-both .text-desc2, html[lang=pl-PL] #section-both .text-desc2, html[lang=ru-RU] #section-both .text-desc2, html[lang=sv-SE] #section-both .text-desc2, html[lang=zh-HK] #section-both .text-desc2 {
        font-size: 14px
    }

    html[lang=ar-SA] #section-highlight .font-44, html[lang=da-DK] .font-44, html[lang=de-DE] .font-44, html[lang=es-ES] .font-44, html[lang=fi-FI] .font-44, html[lang=fr-FR] .font-44, html[lang=it-IT] .font-44, html[lang=nl-NL] .font-44, html[lang=pl-PL] .font-44, html[lang=ru-RU] .font-44, html[lang=sv-SE] .font-44 {
        font-size: 30px
    }

    .zn--wrapper .font-66 {
        font-size: 66px;
        letter-spacing: .2px;
        line-height: 80px
    }

    .zn--wrapper .font-44 {
        font-size: 44px;
        letter-spacing: 0;
        line-height: 120%
    }

    .zn--wrapper .font-42 {
        font-size: 42px;
        letter-spacing: -.84px;
        line-height: 120%
    }

    .zn--wrapper .font-36 {
        font-size: 36px;
        letter-spacing: 0;
        line-height: 120%
    }

    .zn--wrapper .font-32 {
        font-size: 32px;
        letter-spacing: 0;
        line-height: 40px
    }

    .zn--wrapper .font-24 {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 130%
    }

    .zn--wrapper .font-20 {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 120%
    }

    .zn--wrapper .font-18 {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px
    }

    .zn--wrapper .font-16 {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 120%
    }

    .zn--wrapper .font-14 {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px
    }

    #section-ksp .sticky-container .ksp-card-2:hover .item {
        -webkit-transform: rotate(var(--change-deg));
        -moz-transform: rotate(var(--change-deg));
        -ms-transform: rotate(var(--change-deg));
        transform: rotate(var(--change-deg))
    }

    #section-ksp .sticky-container .ksp-card:hover .content-img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    #section-ksp .sticky-container .ksp-card:hover .param-wrapper .text {
        -webkit-transform: rotateY(30deg);
        -moz-transform: rotateY(30deg);
        transform: rotateY(30deg);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    #section-ksp .sticky-container .ksp-card:hover .param-wrapper.param-right .text {
        -webkit-transform: rotateY(-30deg);
        -moz-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right
    }

    #section-ksp .sticky-container .ksp-card:hover [svg-path-ani] {
        stroke-dashoffset: 0
    }

    #section-ksp .sticky-container .ksp-card-1 .content-img {
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }

    #section-ksp .sticky-container .ksp-card-1 .content-img, #section-ksp .sticky-container .ksp-card-3 .content-img, #section-ksp .sticky-container .ksp-card-6 .content-img {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    #section-ksp .sticky-container .ksp-card-1:hover .content-img, #section-ksp .sticky-container .ksp-card-3:hover .content-img, #section-ksp .sticky-container .ksp-card-6:hover .content-img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    #section-ksp .sticky-container .ksp-card-7 .content-img {
        right: 0
    }

    #section-ksp .sticky-container .ksp-card-7:hover .content-img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    #section-ksp .sticky-container .ksp-card-5 .content-img {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    #section-ksp .sticky-container .ksp-card-5:hover .content-img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    #section-ksp .sticky-container .ksp-card-0 .text, #section-ksp .sticky-container .ksp-card-2 .text {
        font-size: -webkit-calc(var(--rpx, 1px)*109);
        font-size: -moz-calc(var(--rpx, 1px)*109);
        font-size: calc(var(--rpx, 1px)*109);
        line-height: 100%
    }

    #section-ksp .sticky-container .ksp-card-1 .text {
        font-size: -webkit-calc(var(--rpx, 1px)*101);
        font-size: -moz-calc(var(--rpx, 1px)*101);
        font-size: calc(var(--rpx, 1px)*101);
        line-height: 100%
    }

    #section-ksp .sticky-container .ksp-card-1:hover .content-img.extra {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    #section-ksp .sticky-container .ksp-card-2 .content-img {
        width: auto
    }

    html[lang=ar-SA] #section-ksp .text-38rpx, html[lang=da-DK] .text-38rpx, html[lang=de-DE] .text-38rpx, html[lang=es-ES] .text-38rpx, html[lang=fi-FI] .text-38rpx, html[lang=fr-FR] .text-38rpx, html[lang=it-IT] .text-38rpx, html[lang=nl-NL] .text-38rpx, html[lang=pl-PL] .text-38rpx, html[lang=ru-RU] .text-38rpx, html[lang=sv-SE] .text-38rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*19);
        font-size: -moz-calc(var(--rpx, 1px)*19);
        font-size: calc(var(--rpx, 1px)*19)
    }

    html[lang=ar-SA] #section-ksp .ksp-card-1 .ksp-card-text, html[lang=da-DK] .ksp-card-1 .ksp-card-text, html[lang=de-DE] .ksp-card-1 .ksp-card-text, html[lang=es-ES] .ksp-card-1 .ksp-card-text, html[lang=fi-FI] .ksp-card-1 .ksp-card-text, html[lang=fr-FR] .ksp-card-1 .ksp-card-text, html[lang=it-IT] .ksp-card-1 .ksp-card-text, html[lang=nl-NL] .ksp-card-1 .ksp-card-text, html[lang=pl-PL] .ksp-card-1 .ksp-card-text, html[lang=ru-RU] .ksp-card-1 .ksp-card-text, html[lang=sv-SE] .ksp-card-1 .ksp-card-text {
        width: -webkit-calc(var(--rpx, 1px)*240);
        width: -moz-calc(var(--rpx, 1px)*240);
        width: calc(var(--rpx, 1px)*240)
    }

    html[lang=ar-SA] #section-chip .section-title .title-wrapper .inner-title span, html[lang=da-DK] .section-title .title-wrapper .inner-title span, html[lang=de-DE] .section-title .title-wrapper .inner-title span, html[lang=es-ES] .section-title .title-wrapper .inner-title span, html[lang=fi-FI] .section-title .title-wrapper .inner-title span, html[lang=fr-FR] .section-title .title-wrapper .inner-title span, html[lang=it-IT] .section-title .title-wrapper .inner-title span, html[lang=nl-NL] .section-title .title-wrapper .inner-title span, html[lang=pl-PL] .section-title .title-wrapper .inner-title span, html[lang=ru-RU] .section-title .title-wrapper .inner-title span, html[lang=sv-SE] .section-title .title-wrapper .inner-title span {
        font-size: 40px
    }

    section#ai .right-text {
        margin-left: auto
    }

    section#ai .section0 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-8));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-8));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-8));
        transform: translate(calc(var(--rpx, 1px)*-8))
    }

    section#ai .section0 .card0 {
        max-width: -webkit-calc(var(--rpx, 1px)*199);
        max-width: -moz-calc(var(--rpx, 1px)*199);
        max-width: calc(var(--rpx, 1px)*199);
        -webkit-transition: max-width .5s ease;
        -moz-transition: max-width .5s ease;
        transition: max-width .5s ease
    }

    section#ai .section0 .card0 .desc, section#ai .section0 .card0 .img-box {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    section#ai .section0 .card0.active {
        max-width: -webkit-calc(var(--rpx, 1px)*684);
        max-width: -moz-calc(var(--rpx, 1px)*684);
        max-width: calc(var(--rpx, 1px)*684)
    }

    section#ai .section1 .swiper-slide .phone-wrapper0, section#ai .section2 .swiper-slide .phone-wrapper0 {
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        transition: opacity .5s
    }

    section#ai .section1 .swiper-slide:not(.swiper-slide-active) .phone-wrapper0, section#ai .section2 .swiper-slide:not(.swiper-slide-active) .phone-wrapper0 {
        opacity: .2
    }

    section#ai .feature-text .feature-desc {
        opacity: 0;
        -webkit-transition: max-height .5s ease, opacity .5s ease;
        -moz-transition: max-height .5s ease, opacity .5s ease;
        transition: max-height .5s ease, opacity .5s ease
    }

    section#ai [ani-more-mo] .content-text .desc {
        width: -webkit-calc(46vw - var(--rpx, 1px)*30);
        width: -moz-calc(46vw - var(--rpx, 1px)*30);
        width: calc(46vw - var(--rpx, 1px)*30);
        width: -webkit-calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30);
        width: -moz-calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30);
        width: calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30)
    }

    .ksp-floating-wrapper .list a, .ksp-floating-wrapper .list a:active, .ksp-floating-wrapper .list a:focus, .ksp-floating-wrapper .list a:hover, .ksp-floating-wrapper .list a:visited {
        color: #1a1a1a59;
        opacity: .95 !important
    }

    .ksp-floating-wrapper .list a:hover {
        color: #000c
    }

    .ksp-floating-wrapper .list a:hover:before {
        background: #000;
        bottom: 0;
        content: "";
        height: 1px;
        left: 50%;
        opacity: .95;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        width: 100%
    }

    .ksp-floating-wrapper.hover.light-color a:active, .ksp-floating-wrapper.hover.light-color a:focus, .ksp-floating-wrapper.hover.light-color a:hover, .ksp-floating-wrapper.hover.light-color a:visited {
        color: #000 !important;
        opacity: .95 !important
    }

    .ksp-floating-wrapper.hover.light-color a:hover:before {
        background: #000 !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
    }

    #section-firepower .text-option .option-title p {
        font-size: 20px;
        line-height: 1.2;
        -webkit-transform: scale(.8) translateX(-webkit-calc(var(--rpx, 1px)*-38.8));
        -moz-transform: scale(.8) translateX(-moz-calc(var(--rpx, 1px)*-38.8));
        -ms-transform: scale(.8) translateX(calc(var(--rpx, 1px)*-38.8));
        transform: scale(.8) translate(calc(var(--rpx, 1px)*-38.8));
        -webkit-transition: .6s;
        -moz-transition: .6s;
        transition: .6s
    }

    #section-firepower .text-option.active .option-title p {
        font-size: 20px;
        line-height: 1.2;
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translate(0)
    }

    #section-display .phone2 {
        opacity: 0
    }

    #section-display .phone2.show {
        opacity: 1
    }

    #section-display .learn {
        opacity: 0;
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px);
        -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
    }

    #section-display .learn .linex {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform .8s;
        transition: -webkit-transform .8s;
        -moz-transition: transform .8s, -moz-transform .8s;
        transition: transform .8s;
        transition: transform .8s, -webkit-transform .8s, -moz-transform .8s;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .4s;
        transition-delay: .4s
    }

    #section-display .learn.show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    #section-display .learn.show .linex {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    #section-battery .finish .wordart-text3 .num, #section-battery .finish .wordart-text3 .unit {
        -webkit-text-stroke: 1px #01b2d2
    }

    html[lang=ar-SA] #section-battery .wordart-text3 .text-137, html[lang=da-DK] #section-battery .wordart-text3 .text-137, html[lang=de-DE] #section-battery .wordart-text3 .text-137, html[lang=es-ES] #section-battery .wordart-text3 .text-137, html[lang=fi-FI] #section-battery .wordart-text3 .text-137, html[lang=fr-FR] #section-battery .wordart-text3 .text-137, html[lang=it-IT] #section-battery .wordart-text3 .text-137, html[lang=nl-NL] #section-battery .wordart-text3 .text-137, html[lang=pl-PL] #section-battery .wordart-text3 .text-137, html[lang=ru-RU] #section-battery .wordart-text3 .text-137, html[lang=sv-SE] #section-battery .wordart-text3 .text-137, html[lang=zh-HK] #section-battery .wordart-text3 .text-137 {
        height: 40px
    }

    html[lang=ar-SA] #section-battery .wordart-text3 .num, html[lang=da-DK] #section-battery .wordart-text3 .num, html[lang=de-DE] #section-battery .wordart-text3 .num, html[lang=es-ES] #section-battery .wordart-text3 .num, html[lang=fi-FI] #section-battery .wordart-text3 .num, html[lang=fr-FR] #section-battery .wordart-text3 .num, html[lang=it-IT] #section-battery .wordart-text3 .num, html[lang=nl-NL] #section-battery .wordart-text3 .num, html[lang=pl-PL] #section-battery .wordart-text3 .num, html[lang=ru-RU] #section-battery .wordart-text3 .num, html[lang=sv-SE] #section-battery .wordart-text3 .num, html[lang=zh-HK] #section-battery .wordart-text3 .num {
        font-size: 40px
    }

    html[lang=ar-SA] #section-battery .wordart-text3 .unit, html[lang=da-DK] #section-battery .wordart-text3 .unit, html[lang=de-DE] #section-battery .wordart-text3 .unit, html[lang=es-ES] #section-battery .wordart-text3 .unit, html[lang=fi-FI] #section-battery .wordart-text3 .unit, html[lang=fr-FR] #section-battery .wordart-text3 .unit, html[lang=it-IT] #section-battery .wordart-text3 .unit, html[lang=nl-NL] #section-battery .wordart-text3 .unit, html[lang=pl-PL] #section-battery .wordart-text3 .unit, html[lang=ru-RU] #section-battery .wordart-text3 .unit, html[lang=sv-SE] #section-battery .wordart-text3 .unit, html[lang=zh-HK] #section-battery .wordart-text3 .unit {
        font-size: 18px
    }

    html[lang=zh-HK] #section-fps .title1 p {
        font-size: 26px
    }

    html[lang=ar-SA] #section-star .phase-4 .text-7.font-28m, html[lang=da-DK] .phase-4 .text-7.font-28m, html[lang=de-DE] .phase-4 .text-7.font-28m, html[lang=es-ES] .phase-4 .text-7.font-28m, html[lang=fi-FI] .phase-4 .text-7.font-28m, html[lang=fr-FR] .phase-4 .text-7.font-28m, html[lang=it-IT] .phase-4 .text-7.font-28m, html[lang=nl-NL] .phase-4 .text-7.font-28m, html[lang=pl-PL] .phase-4 .text-7.font-28m, html[lang=ru-RU] .phase-4 .text-7.font-28m, html[lang=sv-SE] .phase-4 .text-7.font-28m {
        font-size: 20px
    }

    #section-ksp a {
        display: block
    }

    html[lang=ar-SA] #section-ksp .ksp-card-2 .ksp-card-text, html[lang=ar-SA] #section-ksp .ksp-card-7 .ksp-card-text, html[lang=da-DK] .ksp-card-2 .ksp-card-text, html[lang=da-DK] .ksp-card-7 .ksp-card-text, html[lang=de-DE] .ksp-card-2 .ksp-card-text, html[lang=de-DE] .ksp-card-7 .ksp-card-text, html[lang=es-ES] .ksp-card-2 .ksp-card-text, html[lang=es-ES] .ksp-card-7 .ksp-card-text, html[lang=fi-FI] .ksp-card-2 .ksp-card-text, html[lang=fi-FI] .ksp-card-7 .ksp-card-text, html[lang=fr-FR] .ksp-card-2 .ksp-card-text, html[lang=fr-FR] .ksp-card-7 .ksp-card-text, html[lang=it-IT] .ksp-card-2 .ksp-card-text, html[lang=it-IT] .ksp-card-7 .ksp-card-text, html[lang=nl-NL] .ksp-card-2 .ksp-card-text, html[lang=nl-NL] .ksp-card-7 .ksp-card-text, html[lang=pl-PL] .ksp-card-2 .ksp-card-text, html[lang=pl-PL] .ksp-card-7 .ksp-card-text, html[lang=ru-RU] .ksp-card-2 .ksp-card-text, html[lang=ru-RU] .ksp-card-7 .ksp-card-text, html[lang=sv-SE] .ksp-card-2 .ksp-card-text, html[lang=sv-SE] .ksp-card-7 .ksp-card-text {
        width: -webkit-calc(var(--rpx, 1px)*200);
        width: -moz-calc(var(--rpx, 1px)*200);
        width: calc(var(--rpx, 1px)*200)
    }

    section#open-canvas .feature-divider {
        background: hsla(0, 0%, 60%, .4)
    }

    section#open-canvas .feature-item:hover .feature-divider {
        background: hsla(0, 0%, 60%, .4)
    }

    section#open-canvas .feature-item:hover+.feature-item .feature-divider {
        background: hsla(0, 0%, 60%, .4)
    }

    section#open-canvas .feature-item:hover+.feature-divider {
        background: hsla(0, 0%, 60%, .4)
    }

    section#open-canvas .feature-item.expand .feature-divider {
        background: hsla(0, 0%, 60%, .4)
    }

    section#open-canvas .feature-item.expand+.feature-item .feature-divider {
        background: hsla(0, 0%, 60%, .4)
    }

    section#open-canvas .feature-item.expand+.feature-divider {
        background: hsla(0, 0%, 60%, .4)
    }

    #section-chip .section-title .sticker-wrapper {
        height: 70px;
        right: -65px;
        top: -12px;
        width: 70px
    }

    #section-chip .chip-wrapper .text-container {
        -webkit-mask-image: -webkit-linear-gradient(top, transparent -webkit-calc(var(--rpx, 1px)*120), #fff -webkit-calc(var(--rpx, 1px)*150), #fff -webkit-calc(100% - 38px), transparent 100%);
        mask-image: linear-gradient(to bottom, transparent -moz-calc(var(--rpx, 1px)*120), #fff -moz-calc(var(--rpx, 1px)*150), #fff -moz-calc(100% - 38px), transparent 100%);
        mask-image: linear-gradient(to bottom, transparent calc(var(--rpx, 1px)*120), #fff calc(var(--rpx, 1px)*150), #fff calc(100% - 38px), transparent 100%)
    }

    #section-chip .chip-wrapper .text-container .text-wrapper {
        padding: 0
    }

    #section-chip .chip-wrapper .text-container .content-wrapper {
        padding-bottom: 38px;
        padding-top: 100px
    }

    #section-color .color-wrapper .switch-panel[data-status="-1"] .img-1, #section-color .color-wrapper .switch-panel[data-status="-1"] .img-2, #section-color .color-wrapper .switch-panel[data-status="-1"] .text {
        -webkit-transform: translate(-130vw);
        -moz-transform: translate(-130vw);
        -ms-transform: translate(-130vw);
        transform: translate(-130vw);
        -webkit-transform: translate(-webkit-calc(var(--vw, 1vw)*-130));
        -moz-transform: translate(-moz-calc(var(--vw, 1vw)*-130));
        -ms-transform: translate(calc(var(--vw, 1vw)*-130));
        transform: translate(calc(var(--vw, 1vw)*-130))
    }

    #section-color .color-wrapper .switch-panel[data-status="1"] .img-1, #section-color .color-wrapper .switch-panel[data-status="1"] .img-2, #section-color .color-wrapper .switch-panel[data-status="1"] .text {
        -webkit-transform: translate(130vw);
        -moz-transform: translate(130vw);
        -ms-transform: translate(130vw);
        transform: translate(130vw);
        -webkit-transform: translate(-webkit-calc(var(--vw, 1vw)*130));
        -moz-transform: translate(-moz-calc(var(--vw, 1vw)*130));
        -ms-transform: translate(calc(var(--vw, 1vw)*130));
        transform: translate(calc(var(--vw, 1vw)*130))
    }

    #section-color .color-wrapper .switch-btns .switch-btn:not(:last-child) {
        margin-right: 14px
    }

    #section-color .color-wrapper[data-switch-index="0"] .switch-btn-0 .switch-img, #section-color .color-wrapper[data-switch-index="1"] .switch-btn-1 .switch-img, #section-color .color-wrapper[data-switch-index="2"] .switch-btn-2 .switch-img {
        height: 42px;
        width: 40px
    }

    html[lang=ru-RU] .zn--wrapper section#privacy .code-wrapper {
        max-width: 100%;
        min-height: 216px
    }

    html[lang=ru-RU] .zn--wrapper section#privacy .sticker-wrapper {
        left: auto;
        right: -.5em;
        top: 1em
    }

    section#photos .section0 .img-2-wrapper {
        margin-top: calc(var(--rpx, 1px)*295)
    }

    section#photos .section2 {
        background: #fff
    }

    .ksp-floating-wrapper .ksp-floating {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .ksp-floating-wrapper .ksp-floating .buy-btn {
        white-space: nowrap
    }
}

@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
    }

    #section-firepower .text-option .option-title p {
        font-size: 20px;
        line-height: 1.2;
        -webkit-transform: scale(.8) translateX(-webkit-calc(var(--rpx, 1px)*-33));
        -moz-transform: scale(.8) translateX(-moz-calc(var(--rpx, 1px)*-33));
        -ms-transform: scale(.8) translateX(calc(var(--rpx, 1px)*-33));
        transform: scale(.8) translate(calc(var(--rpx, 1px)*-33));
        -webkit-transition: .6s;
        -moz-transition: .6s;
        transition: .6s
    }

    #section-firepower .text-option.active .option-title p {
        font-size: 20px;
        line-height: 1.2;
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translate(0)
    }

    #section-display .phone2 {
        opacity: 0
    }

    #section-display .phone2.show {
        opacity: 1
    }

    #section-display .learn {
        opacity: 0;
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px);
        -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
    }

    #section-display .learn .linex {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        -moz-transition: transform .6s, -moz-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s, -moz-transform .6s
    }

    #section-display .learn .learn-more, #section-display .learn .text2 {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
        -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: .4s;
        -moz-transition-delay: .4s;
        transition-delay: .4s
    }

    #section-display .learn.show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    #section-display .learn.show .linex {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    #section-display .learn.show .learn-more, #section-display .learn.show .text2 {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    #section-both .text-animation1.show .text-wrapper, #section-both .text-animation2.show .text-wrapper, #section-both .text-animation3.show .text-wrapper {
        opacity: 1
    }

    html[lang=es-ES] #section-battery .es-desc {
        bottom: -8px
    }

    html[lang=ar-SA] #section-both .section-title-wrapper, html[lang=da-DK] #section-both .section-title-wrapper, html[lang=de-DE] #section-both .section-title-wrapper, html[lang=es-ES] #section-both .section-title-wrapper, html[lang=fi-FI] #section-both .section-title-wrapper, html[lang=fr-FR] #section-both .section-title-wrapper, html[lang=it-IT] #section-both .section-title-wrapper, html[lang=nl-NL] #section-both .section-title-wrapper, html[lang=pl-PL] #section-both .section-title-wrapper, html[lang=ru-RU] #section-both .section-title-wrapper, html[lang=sv-SE] #section-both .section-title-wrapper, html[lang=zh-HK] #section-both .section-title-wrapper {
        max-width: 600px
    }

    html[lang=ar-SA] #section-both .text-desc1, html[lang=da-DK] #section-both .text-desc1, html[lang=de-DE] #section-both .text-desc1, html[lang=es-ES] #section-both .text-desc1, html[lang=fi-FI] #section-both .text-desc1, html[lang=fr-FR] #section-both .text-desc1, html[lang=it-IT] #section-both .text-desc1, html[lang=nl-NL] #section-both .text-desc1, html[lang=pl-PL] #section-both .text-desc1, html[lang=ru-RU] #section-both .text-desc1, html[lang=sv-SE] #section-both .text-desc1, html[lang=zh-HK] #section-both .text-desc1 {
        font-size: 12px
    }

    html[lang=ar-SA] #section-both .text-desc2, html[lang=da-DK] #section-both .text-desc2, html[lang=de-DE] #section-both .text-desc2, html[lang=es-ES] #section-both .text-desc2, html[lang=fi-FI] #section-both .text-desc2, html[lang=fr-FR] #section-both .text-desc2, html[lang=it-IT] #section-both .text-desc2, html[lang=nl-NL] #section-both .text-desc2, html[lang=pl-PL] #section-both .text-desc2, html[lang=ru-RU] #section-both .text-desc2, html[lang=sv-SE] #section-both .text-desc2, html[lang=zh-HK] #section-both .text-desc2 {
        font-size: 10px
    }

    html[lang=de-DE] #section-both .text-setitle {
        font-size: 12px
    }

    html[lang=ar-SA] #section-star .phase-1 .text-2 .font-28m, html[lang=da-DK] .phase-1 .text-2 .font-28m, html[lang=de-DE] .phase-1 .text-2 .font-28m, html[lang=es-ES] .phase-1 .text-2 .font-28m, html[lang=fi-FI] .phase-1 .text-2 .font-28m, html[lang=fr-FR] .phase-1 .text-2 .font-28m, html[lang=it-IT] .phase-1 .text-2 .font-28m, html[lang=nl-NL] .phase-1 .text-2 .font-28m, html[lang=pl-PL] .phase-1 .text-2 .font-28m, html[lang=ru-RU] .phase-1 .text-2 .font-28m, html[lang=sv-SE] .phase-1 .text-2 .font-28m {
        font-size: 20px
    }

    #section-ksp .sticky-container .ksp-card .ksp-card-text {
        margin: 0 16px
    }

    #section-ksp .ksp-card-6 .ksp-card-text {
        width: 232px
    }

    #section-ksp .ksp-card-7 .content-img {
        height: 90%
    }

    #section-chip .section-title .sticker-wrapper {
        height: 69px;
        right: -62px;
        top: -12px;
        width: 69px
    }

    #section-chip .chip-wrapper .text-container .left-text {
        right: 54vw;
        right: -webkit-calc(var(--vw, 1vw)*54);
        right: -moz-calc(var(--vw, 1vw)*54);
        right: calc(var(--vw, 1vw)*54);
        width: -webkit-calc(var(--rpx, 1px)*331);
        width: -moz-calc(var(--rpx, 1px)*331);
        width: calc(var(--rpx, 1px)*331)
    }

    html[lang=ar-SA] #section-chip .section-title .title-wrapper .inner-title span, html[lang=da-DK] .section-title .title-wrapper .inner-title span, html[lang=de-DE] .section-title .title-wrapper .inner-title span, html[lang=es-ES] .section-title .title-wrapper .inner-title span, html[lang=fi-FI] .section-title .title-wrapper .inner-title span, html[lang=fr-FR] .section-title .title-wrapper .inner-title span, html[lang=it-IT] .section-title .title-wrapper .inner-title span, html[lang=nl-NL] .section-title .title-wrapper .inner-title span, html[lang=pl-PL] .section-title .title-wrapper .inner-title span, html[lang=ru-RU] .section-title .title-wrapper .inner-title span, html[lang=sv-SE] .section-title .title-wrapper .inner-title span {
        font-size: 30px
    }

    #section-color .color-wrapper .switch-btns .switch-btn:not(:last-child) {
        margin-right: 14px
    }

    #section-color .color-wrapper[data-switch-index="0"] .switch-btn-0 .switch-img, #section-color .color-wrapper[data-switch-index="1"] .switch-btn-1 .switch-img, #section-color .color-wrapper[data-switch-index="2"] .switch-btn-2 .switch-img {
        height: 40px;
        width: 40px
    }

    html[lang=ru-RU] .zn--wrapper section#privacy .lock {
        left: -webkit-calc(var(--rpx, 1px)*280);
        left: -moz-calc(var(--rpx, 1px)*280);
        left: calc(var(--rpx, 1px)*280)
    }

    html[lang=ru-RU] .zn--wrapper section#privacy .code-wrapper {
        font-size: 20px;
        width: 300px
    }

    html[lang=ru-RU] .zn--wrapper section#privacy .sticker-wrapper {
        left: -webkit-calc(var(--rpx, 1px)*230);
        left: -moz-calc(var(--rpx, 1px)*230);
        left: calc(var(--rpx, 1px)*230)
    }

    section#ai .section0 .card0 .title {
        color: #000000f2
    }

    section#ai .section0 .card0 .desc, section#ai .section0 .card0 .img-box {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    section#ai .section0 .card-content {
        opacity: .6;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        transition: opacity .5s
    }

    section#ai .section0 .card-content.show {
        opacity: 1
    }

    section#ai .section1 .swiper-slide .phone-wrapper0, section#ai .section2 .swiper-slide .phone-wrapper0 {
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        transition: opacity .5s
    }

    section#ai .section1 .swiper-slide:not(.swiper-slide-active) .phone-wrapper0, section#ai .section2 .swiper-slide:not(.swiper-slide-active) .phone-wrapper0 {
        opacity: .2
    }

    section#ai .feature-text .feature-desc {
        opacity: 0;
        -webkit-transition: max-height .5s ease, opacity .5s ease;
        -moz-transition: max-height .5s ease, opacity .5s ease;
        transition: max-height .5s ease, opacity .5s ease
    }

    section#photos {
        margin-top: -80vh;
        margin-top: calc(var(--vh, 1vh)*-80)
    }

    section#photos .text-box-1 {
        padding-bottom: calc(var(--rpx, 1px)*200)
    }

    section#photos .section0 .img-2-wrapper {
        margin-top: calc((var(--content-height) - var(--rpx, 1px)*196)/2)
    }

    section#ai .container-y, section#notes .container-y, section#open-canvas .container-y, section#photos .container-y, section#privacy .container-y, section#warranty .container-y {
        width: -webkit-calc(var(--rpx, 1px)*720);
        width: -moz-calc(var(--rpx, 1px)*720);
        width: calc(var(--rpx, 1px)*720)
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media screen and (min-width:1024px) and (max-width:1300px) {
    #section-fps .param-text {
        font-size: 28px
    }

    #section-fps .arrow {
        left: 97px
    }

    #section-network .text-42 {
        font-size: 32px
    }

    #section-network .text-18 {
        font-size: 16px
    }

    #section-network .tz1 .sticker-wrapper {
        height: 165px;
        right: -164px;
        top: -46px;
        width: 165px
    }

    #section-network .tz2 .sticker-wrapper {
        height: 90px;
        right: -25px;
        top: 25px;
        width: 90px
    }

    #section-display .learn {
        margin-top: -150px
    }

    #section-both .text-desc1 {
        font-size: 16px
    }

    #section-both .text-desc2 {
        font-size: 14px
    }

    #section-battery .text3 .num {
        font-size: 80px
    }

    #section-battery .text3 .unit {
        font-size: 30px
    }

    #section-battery .text3 .unit1 {
        left: 60px
    }

    #section-battery .text3 .unit2 {
        left: 130px
    }

    #section-battery .text3 .unit3 {
        left: 140px
    }

    #section-battery .text3 .unit4 {
        left: 60px
    }

    #section-battery .text3 .unit5 {
        left: 140px
    }

    #section-battery .text3 .unit6 {
        left: 65px
    }

    #section-battery .text3 .desc {
        bottom: -7px;
        font-size: 16px
    }

    #section-battery .text3 .text-137 {
        height: 110px
    }

    #section-battery .text3 .text-162 {
        height: 135px
    }

    #section-battery .text3 .desc2, html[lang=ar-SA] #section-fps .param-desc, html[lang=da-DK] #section-fps .param-desc, html[lang=de-DE] #section-fps .param-desc, html[lang=es-ES] #section-fps .param-desc, html[lang=fi-FI] #section-fps .param-desc, html[lang=fr-FR] #section-fps .param-desc, html[lang=it-IT] #section-fps .param-desc, html[lang=nl-NL] #section-fps .param-desc, html[lang=pl-PL] #section-fps .param-desc, html[lang=ru-RU] #section-fps .param-desc, html[lang=sv-SE] #section-fps .param-desc, html[lang=zh-HK] #section-fps .param-desc {
        font-size: 16px
    }

    html[lang=ar-SA] #section-firepower .setitle, html[lang=da-DK] #section-firepower .setitle, html[lang=de-DE] #section-firepower .setitle, html[lang=es-ES] #section-firepower .setitle, html[lang=fi-FI] #section-firepower .setitle, html[lang=fr-FR] #section-firepower .setitle, html[lang=it-IT] #section-firepower .setitle, html[lang=nl-NL] #section-firepower .setitle, html[lang=pl-PL] #section-firepower .setitle, html[lang=ru-RU] #section-firepower .setitle, html[lang=sv-SE] #section-firepower .setitle, html[lang=zh-HK] #section-firepower .setitle {
        font-size: 34px
    }

    html[lang=ar-SA] #section-firepower .explosion-title, html[lang=da-DK] #section-firepower .explosion-title, html[lang=de-DE] #section-firepower .explosion-title, html[lang=es-ES] #section-firepower .explosion-title, html[lang=fi-FI] #section-firepower .explosion-title, html[lang=fr-FR] #section-firepower .explosion-title, html[lang=it-IT] #section-firepower .explosion-title, html[lang=nl-NL] #section-firepower .explosion-title, html[lang=pl-PL] #section-firepower .explosion-title, html[lang=ru-RU] #section-firepower .explosion-title, html[lang=sv-SE] #section-firepower .explosion-title, html[lang=zh-HK] #section-firepower .explosion-title {
        font-size: 36px
    }

    html[lang=ar-SA] #section-firepower .text-option .option-title p, html[lang=da-DK] #section-firepower .text-option .option-title p, html[lang=de-DE] #section-firepower .text-option .option-title p, html[lang=es-ES] #section-firepower .text-option .option-title p, html[lang=fi-FI] #section-firepower .text-option .option-title p, html[lang=fr-FR] #section-firepower .text-option .option-title p, html[lang=it-IT] #section-firepower .text-option .option-title p, html[lang=nl-NL] #section-firepower .text-option .option-title p, html[lang=pl-PL] #section-firepower .text-option .option-title p, html[lang=ru-RU] #section-firepower .text-option .option-title p, html[lang=sv-SE] #section-firepower .text-option .option-title p, html[lang=zh-HK] #section-firepower .text-option .option-title p {
        font-size: 20px;
        line-height: 1.2
    }

    html[lang=ar-SA] #section-firepower .text-option .desc, html[lang=da-DK] #section-firepower .text-option .desc, html[lang=de-DE] #section-firepower .text-option .desc, html[lang=es-ES] #section-firepower .text-option .desc, html[lang=fi-FI] #section-firepower .text-option .desc, html[lang=fr-FR] #section-firepower .text-option .desc, html[lang=it-IT] #section-firepower .text-option .desc, html[lang=nl-NL] #section-firepower .text-option .desc, html[lang=pl-PL] #section-firepower .text-option .desc, html[lang=ru-RU] #section-firepower .text-option .desc, html[lang=sv-SE] #section-firepower .text-option .desc, html[lang=zh-HK] #section-firepower .text-option .desc {
        font-size: 14px
    }

    html[lang=ar-SA] #section-firepower .text-option .desc1, html[lang=da-DK] #section-firepower .text-option .desc1, html[lang=de-DE] #section-firepower .text-option .desc1, html[lang=es-ES] #section-firepower .text-option .desc1, html[lang=fi-FI] #section-firepower .text-option .desc1, html[lang=fr-FR] #section-firepower .text-option .desc1, html[lang=it-IT] #section-firepower .text-option .desc1, html[lang=nl-NL] #section-firepower .text-option .desc1, html[lang=pl-PL] #section-firepower .text-option .desc1, html[lang=ru-RU] #section-firepower .text-option .desc1, html[lang=sv-SE] #section-firepower .text-option .desc1, html[lang=zh-HK] #section-firepower .text-option .desc1 {
        padding-bottom: calc(var(--rpx, 1px)*20)
    }

    html[lang=ar-SA] #section-firepower .text-option.active .option-title p, html[lang=da-DK] #section-firepower .text-option.active .option-title p, html[lang=de-DE] #section-firepower .text-option.active .option-title p, html[lang=es-ES] #section-firepower .text-option.active .option-title p, html[lang=fi-FI] #section-firepower .text-option.active .option-title p, html[lang=fr-FR] #section-firepower .text-option.active .option-title p, html[lang=it-IT] #section-firepower .text-option.active .option-title p, html[lang=nl-NL] #section-firepower .text-option.active .option-title p, html[lang=pl-PL] #section-firepower .text-option.active .option-title p, html[lang=ru-RU] #section-firepower .text-option.active .option-title p, html[lang=sv-SE] #section-firepower .text-option.active .option-title p, html[lang=zh-HK] #section-firepower .text-option.active .option-title p {
        font-size: 20px;
        line-height: 1.2
    }
}

@media screen and (min-width:1100px) and (max-width:1300px) {
    #section-both .text-animation1 {
        top: -webkit-calc(var(--rpx, 1px)*-53);
        top: -moz-calc(var(--rpx, 1px)*-53);
        top: calc(var(--rpx, 1px)*-53)
    }

    #section-network .text-py-40 {
        padding-bottom: calc(var(--rpx, 1px)*25);
        padding-top: calc(var(--rpx, 1px)*25)
    }

    #section-network .text-pb-40 {
        padding-bottom: calc(var(--rpx, 1px)*20);
        padding-top: calc(var(--rpx, 1px)*22)
    }

    #section-battery .text2-content {
        padding-bottom: calc(var(--rpx, 1px)*80)
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    #section-display .title {
        font-size: 32px
    }

    #section-battery .text2-content {
        padding-bottom: calc(var(--rpx, 1px)*160)
    }

    #section-battery .text3 .num {
        font-size: 70px
    }

    #section-battery .text3 .unit1 {
        left: 50px
    }

    #section-battery .text3 .unit2 {
        left: 110px
    }

    #section-battery .text3 .unit3 {
        left: 120px
    }

    #section-battery .text3 .unit4 {
        left: 50px
    }

    #section-battery .text3 .unit5 {
        left: 135px
    }

    #section-battery .text3 .unit6 {
        left: 60px
    }

    #section-battery .text3 .text-137 {
        height: 100px
    }

    #section-battery .text3 .text-py-68 {
        padding-bottom: calc(var(--rpx, 1px)*60);
        padding-top: calc(var(--rpx, 1px)*60)
    }
}

@media screen and (min-width:1024px) and (max-width:1100px) {
    #section-network .tz1 .sticker-wrapper {
        right: -20px;
        top: 16px
    }

    #section-network .tz2 .sticker-wrapper {
        right: 120px;
        top: 70px
    }

    #section-battery .wordart-text {
        font-size: 200px
    }

    #section-battery .wordart-text2 {
        bottom: -webkit-calc(var(--rpx, 1px)*17);
        bottom: -moz-calc(var(--rpx, 1px)*17);
        bottom: calc(var(--rpx, 1px)*17)
    }

    #section-battery .text3-content {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    #section-battery .text3 .desc, #section-battery .text3 .desc2 {
        font-size: 14px
    }

    #section-both .text-animation1 {
        top: -webkit-calc(var(--rpx, 1px)*-56);
        top: -moz-calc(var(--rpx, 1px)*-56);
        top: calc(var(--rpx, 1px)*-56)
    }
}

@media screen and (min-width:1024px) and (max-width:1600px) {
    html[lang=ar-SA] #section-both .section-title-wrapper, html[lang=da-DK] #section-both .section-title-wrapper, html[lang=de-DE] #section-both .section-title-wrapper, html[lang=es-ES] #section-both .section-title-wrapper, html[lang=fi-FI] #section-both .section-title-wrapper, html[lang=fr-FR] #section-both .section-title-wrapper, html[lang=it-IT] #section-both .section-title-wrapper, html[lang=nl-NL] #section-both .section-title-wrapper, html[lang=pl-PL] #section-both .section-title-wrapper, html[lang=ru-RU] #section-both .section-title-wrapper, html[lang=sv-SE] #section-both .section-title-wrapper, html[lang=zh-HK] #section-both .section-title-wrapper {
        max-width: 900px
    }
}

@media screen and (min-width:1441px) {
    #section-battery .battery-chill {
        max-width: -webkit-calc(var(--rpx, 1px)*1440);
        max-width: -moz-calc(var(--rpx, 1px)*1440);
        max-width: calc(var(--rpx, 1px)*1440)
    }

    #section-battery .text3-content {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

@media screen and (min-width:1900px) {
    #section-display .learn {
        margin-top: -250px
    }
}

@media screen and (min-width:2200px) {
    #section-display .learn {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, transparent), color-stop(78%, #000));
        background: -webkit-linear-gradient(top, transparent 14%, #000 78%);
        background: -moz-linear-gradient(top, transparent 14%, #000 78%);
        background: linear-gradient(180deg, transparent 14%, #000 78%)
    }

    #section-battery .text2 {
        width: -webkit-calc(var(--rpx, 1px)*1200);
        width: -moz-calc(var(--rpx, 1px)*1200);
        width: calc(var(--rpx, 1px)*1200)
    }

    #section-both .text-desc1 {
        font-size: 24px
    }

    #section-both .text-desc2, #section-both .text-setitle {
        font-size: 20px
    }

    #section-both .text-animation1, #section-both .text-animation2 {
        left: -webkit-calc(var(--rpx, 1px)*-40);
        left: -moz-calc(var(--rpx, 1px)*-40);
        left: calc(var(--rpx, 1px)*-40);
        width: -webkit-calc(var(--rpx, 1px)*500);
        width: -moz-calc(var(--rpx, 1px)*500);
        width: calc(var(--rpx, 1px)*500)
    }

    #section-both .text-animation3 {
        right: -webkit-calc(var(--rpx, 1px)*-40);
        right: -moz-calc(var(--rpx, 1px)*-40);
        right: calc(var(--rpx, 1px)*-40);
        width: -webkit-calc(var(--rpx, 1px)*600);
        width: -moz-calc(var(--rpx, 1px)*600);
        width: calc(var(--rpx, 1px)*600)
    }

    #section-both .text-animation3 .text-wrapper {
        width: -webkit-calc(var(--rpx, 1px)*190);
        width: -moz-calc(var(--rpx, 1px)*190);
        width: calc(var(--rpx, 1px)*190)
    }
}

@media screen and (min-width:650px) and (max-width:700px) {
    #section-display .learn {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, transparent), color-stop(78%, #000));
        background: -webkit-linear-gradient(top, transparent 14%, #000 78%);
        background: -moz-linear-gradient(top, transparent 14%, #000 78%);
        background: linear-gradient(180deg, transparent 14%, #000 78%);
        bottom: -webkit-calc(var(--rpx, 1px)*25);
        bottom: -moz-calc(var(--rpx, 1px)*25);
        bottom: calc(var(--rpx, 1px)*25)
    }

    #section-display .learn .text-26 {
        font-size: 20px
    }
}

@media screen and (max-width:360px) {
    #section-fps .sticker-wrapper {
        left: auto;
        right: -webkit-calc(var(--rpx, 1px)*-10);
        right: -moz-calc(var(--rpx, 1px)*-10);
        right: calc(var(--rpx, 1px)*-10)
    }
}

@media (max-aspect-ratio:25/14) {
    #section-star.pc-only .phone-2-wrapper {
        bottom: 0;
        top: auto
    }
}

@media (max-width:1279px) and (min-width:1024px) {
    #section-star.pc-only .font-44 {
        font-size: 30px
    }

    #section-star.pc-only .text-5 {
        width: -webkit-calc(var(--rpx, 1px)*469);
        width: -moz-calc(var(--rpx, 1px)*469);
        width: calc(var(--rpx, 1px)*469)
    }

    #section-star.pc-only .text-2 {
        height: 309px;
        top: -webkit-calc(50% - 154px);
        top: -moz-calc(50% - 154px);
        top: calc(50% - 154px)
    }

    #section-kv .text-wrapper {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        white-space: nowrap
    }

    #section-chip .chip-wrapper .font-44 {
        font-size: 30px
    }

    #section-chip .chip-wrapper .text-wrapper.left-text {
        width: -webkit-calc(var(--rpx, 1px)*480);
        width: -moz-calc(var(--rpx, 1px)*480);
        width: calc(var(--rpx, 1px)*480)
    }

    #section-chip .chip-wrapper .text-wrapper.right-text {
        width: -webkit-calc(var(--rpx, 1px)*396);
        width: -moz-calc(var(--rpx, 1px)*396);
        width: calc(var(--rpx, 1px)*396)
    }

    #section-chip .chip-wrapper .text-container .left-text {
        width: -webkit-calc(var(--rpx, 1px)*520);
        width: -moz-calc(var(--rpx, 1px)*520);
        width: calc(var(--rpx, 1px)*520)
    }

    #section-chip .param-container .font-44 {
        font-size: 30px
    }

    #section-chip .param-container .w-142px {
        width: 102px
    }

    #section-chip .param-container .w-94px {
        width: 66px
    }

    #section-chip .param-container .font-32 {
        font-size: 24px
    }

    #section-chip .param-container .font-18 {
        font-size: 14px
    }

    #section-chip .param-container .chip-param .flex {
        height: 40px
    }
}

@media (max-width:1023px) {
    html[lang=ar-SA] #section-highlight .font-28m, html[lang=da-DK] #section-highlight .font-28m, html[lang=de-DE] #section-highlight .font-28m, html[lang=es-ES] #section-highlight .font-28m, html[lang=fi-FI] #section-highlight .font-28m, html[lang=fr-FR] #section-highlight .font-28m, html[lang=it-IT] #section-highlight .font-28m, html[lang=nl-NL] #section-highlight .font-28m, html[lang=pl-PL] #section-highlight .font-28m, html[lang=ru-RU] #section-highlight .font-28m, html[lang=sv-SE] #section-highlight .font-28m {
        font-size: 18px
    }

    .zn--wrapper .font-28m {
        font-size: 28px;
        letter-spacing: 0;
        line-height: 120%
    }

    .zn--wrapper .font-24m {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 120%
    }

    .zn--wrapper .font-20m {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 130%
    }

    .zn--wrapper .font-16m {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 130%
    }

    .zn--wrapper .font-14m {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 120%
    }

    .zn--wrapper .font-12m {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 130%
    }
}

@media (min-width:1024px) and (max-width:1440px) {
    #section-ksp .sticky-container .ksp-card .ksp-card-text .font-20 {
        font-size: -webkit-calc(var(--rpx, 1px)*20);
        font-size: -moz-calc(var(--rpx, 1px)*20);
        font-size: calc(var(--rpx, 1px)*20)
    }

    #section-ksp .sticky-container .ksp-card .ksp-card-text .font-16 {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16)
    }

    section#ai .max-w-477px {
        max-width: -webkit-calc(var(--rpx, 1px)*477);
        max-width: -moz-calc(var(--rpx, 1px)*477);
        max-width: calc(var(--rpx, 1px)*477)
    }
}

@media (max-width:1023px) and (min-width:651px) and (max-aspect-ratio:1/1) {
    #section-ksp .sticky-container .ksp-card-0 .content-img {
        top: -webkit-calc(50% - var(--rpx, 1px)*160);
        top: -moz-calc(50% - var(--rpx, 1px)*160);
        top: calc(50% - var(--rpx, 1px)*160)
    }

    #section-ksp .sticky-container .ksp-card-0 .content-img img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    #section-ksp .sticky-container .ksp-card-2 .content-img {
        left: -webkit-calc(50% - var(--rpx, 1px)*112);
        left: -moz-calc(50% - var(--rpx, 1px)*112);
        left: calc(50% - var(--rpx, 1px)*112);
        top: -webkit-calc(50% - var(--rpx, 1px)*130 - var(--rpx, 1px)*10);
        top: -moz-calc(50% - var(--rpx, 1px)*130 - var(--rpx, 1px)*10);
        top: calc(50% - var(--rpx, 1px)*130 - var(--rpx, 1px)*10)
    }
}

@media (max-width:1280px) and (min-width:1024px) {
    #section-ksp .ksp-card-3 .content-img {
        top: 33%
    }
}

@media (min-width:650px) and (max-aspect-ratio:1/1) {
    #section-ksp .ksp-card-0 .content-img {
        height: 48vh;
        height: -webkit-calc(var(--vh, 1vh)*48);
        height: -moz-calc(var(--vh, 1vh)*48);
        height: calc(var(--vh, 1vh)*48);
        left: -11.4vh;
        left: -webkit-calc(var(--vh, 1vh)*-11.4);
        left: -moz-calc(var(--vh, 1vh)*-11.4);
        left: calc(var(--vh, 1vh)*-11.4);
        width: 91.6vh;
        width: -webkit-calc(var(--vh, 1vh)*91.6);
        width: -moz-calc(var(--vh, 1vh)*91.6);
        width: calc(var(--vh, 1vh)*91.6)
    }

    #section-ksp .ksp-card-0 .content-img img {
        height: 100%;
        width: 100% !important
    }

    #section-ksp .ksp-card-1 .content-img {
        bottom: -5.37vh;
        bottom: -webkit-calc(var(--vh, 1vh)*-5.37);
        bottom: -moz-calc(var(--vh, 1vh)*-5.37);
        bottom: calc(var(--vh, 1vh)*-5.37);
        height: 41.9vh;
        height: -webkit-calc(var(--vh, 1vh)*41.9);
        height: -moz-calc(var(--vh, 1vh)*41.9);
        height: calc(var(--vh, 1vh)*41.9);
        left: -6.44vh;
        left: -webkit-calc(var(--vh, 1vh)*-6.44);
        left: -moz-calc(var(--vh, 1vh)*-6.44);
        left: calc(var(--vh, 1vh)*-6.44);
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        transform: rotate(-13deg);
        width: 46.3vh;
        width: -webkit-calc(var(--vh, 1vh)*46.3);
        width: -moz-calc(var(--vh, 1vh)*46.3);
        width: calc(var(--vh, 1vh)*46.3)
    }

    #section-ksp .ksp-card-1 .param-wrapper {
        left: 16px;
        top: -webkit-calc(65px + var(--rpx, 1px)*34);
        top: -moz-calc(65px + var(--rpx, 1px)*34);
        top: calc(65px + var(--rpx, 1px)*34)
    }

    #section-ksp .ksp-card-2 .ksp-2-content {
        bottom: 11.4vh;
        bottom: -webkit-calc(var(--vh, 1vh)*11.4);
        bottom: -moz-calc(var(--vh, 1vh)*11.4);
        bottom: calc(var(--vh, 1vh)*11.4);
        height: 24.3vh;
        height: -webkit-calc(var(--vh, 1vh)*24.3);
        height: -moz-calc(var(--vh, 1vh)*24.3);
        height: calc(var(--vh, 1vh)*24.3);
        left: 3.7vh;
        left: -webkit-calc(var(--vh, 1vh)*3.7);
        left: -moz-calc(var(--vh, 1vh)*3.7);
        left: calc(var(--vh, 1vh)*3.7);
        width: 29.5vh;
        width: -webkit-calc(var(--vh, 1vh)*29.5);
        width: -moz-calc(var(--vh, 1vh)*29.5);
        width: calc(var(--vh, 1vh)*29.5)
    }

    #section-ksp .ksp-card-2 .ksp-2-content .item:not(:last-child) {
        font-size: -webkit-calc(var(--rpx, 1px)*22.47);
        font-size: -moz-calc(var(--rpx, 1px)*22.47);
        font-size: calc(var(--rpx, 1px)*22.47);
        padding: calc(var(--rpx, 1px)*13.35) calc(var(--rpx, 1px)*22.25)
    }

    #section-ksp .ksp-card-3 .content-img {
        height: 24.9vh;
        height: -webkit-calc(var(--vh, 1vh)*24.9);
        height: -moz-calc(var(--vh, 1vh)*24.9);
        height: calc(var(--vh, 1vh)*24.9);
        left: -.84vh;
        left: -webkit-calc(var(--vh, 1vh)*-.84);
        left: -moz-calc(var(--vh, 1vh)*-.84);
        left: calc(var(--vh, 1vh)*-.84);
        top: 19.24vh;
        top: -webkit-calc(var(--vh, 1vh)*19.24);
        top: -moz-calc(var(--vh, 1vh)*19.24);
        top: calc(var(--vh, 1vh)*19.24);
        width: 46.4vh;
        width: -webkit-calc(var(--vh, 1vh)*46.4);
        width: -moz-calc(var(--vh, 1vh)*46.4);
        width: calc(var(--vh, 1vh)*46.4)
    }

    #section-ksp .ksp-card-3 .content-img img {
        height: auto !important;
        width: 100% !important
    }

    #section-ksp .ksp-card-3 .sticker {
        right: 2.83vh;
        right: -webkit-calc(var(--vh, 1vh)*2.83);
        right: -moz-calc(var(--vh, 1vh)*2.83);
        right: calc(var(--vh, 1vh)*2.83);
        top: 14.9vh;
        top: -webkit-calc(var(--vh, 1vh)*14.9);
        top: -moz-calc(var(--vh, 1vh)*14.9);
        top: calc(var(--vh, 1vh)*14.9)
    }

    #section-ksp .ksp-card-5 .content-img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    #section-ksp .ksp-card-6 .content-img {
        height: 38.1vh;
        height: -webkit-calc(var(--vh, 1vh)*38.1);
        height: -moz-calc(var(--vh, 1vh)*38.1);
        height: calc(var(--vh, 1vh)*38.1);
        right: -4.88vh;
        right: -webkit-calc(var(--vh, 1vh)*-4.88);
        right: -moz-calc(var(--vh, 1vh)*-4.88);
        right: calc(var(--vh, 1vh)*-4.88);
        top: 1.46vh;
        top: -webkit-calc(var(--vh, 1vh)*1.46);
        top: -moz-calc(var(--vh, 1vh)*1.46);
        top: calc(var(--vh, 1vh)*1.46)
    }

    #section-ksp .ksp-card-7 .content-img {
        height: 70%
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    html[lang=ar-SA] #section-ksp .content-img, html[lang=da-DK] #section-ksp .content-img, html[lang=de-DE] #section-ksp .content-img, html[lang=es-ES] #section-ksp .content-img, html[lang=fi-FI] #section-ksp .content-img, html[lang=fr-FR] #section-ksp .content-img, html[lang=it-IT] #section-ksp .content-img, html[lang=nl-NL] #section-ksp .content-img, html[lang=pl-PL] #section-ksp .content-img, html[lang=ru-RU] #section-ksp .content-img, html[lang=sv-SE] #section-ksp .content-img {
        left: 20%
    }

    section#open-canvas .text-42px {
        font-size: 30px
    }

    #section-color .color-wrapper[data-switch-index="0"] .switch-btn-0 .switch-img, #section-color .color-wrapper[data-switch-index="1"] .switch-btn-1 .switch-img, #section-color .color-wrapper[data-switch-index="2"] .switch-btn-2 .switch-img {
        height: -webkit-calc(var(--rpx, 1px)*85.5);
        height: -moz-calc(var(--rpx, 1px)*85.5);
        height: calc(var(--rpx, 1px)*85.5);
        margin-right: calc(var(--rpx, 1px)*11);
        width: -webkit-calc(var(--rpx, 1px)*83);
        width: -moz-calc(var(--rpx, 1px)*83);
        width: calc(var(--rpx, 1px)*83)
    }

    section#privacy .sticker-wrapper {
        left: 242px;
        right: auto;
        top: 15px
    }

    section#privacy .text-32px, section#privacy .text-42px {
        font-size: 26px
    }

    html[lang=ru-RU] .zn--wrapper section#privacy .code-wrapper {
        font-size: -webkit-calc(var(--rpx, 1px)*36);
        font-size: -moz-calc(var(--rpx, 1px)*36);
        font-size: calc(var(--rpx, 1px)*36)
    }

    html[lang=ru-RU] .zn--wrapper section#privacy .code-wrapper .sticker-wrapper {
        height: -webkit-calc(var(--rpx, 1px)*76);
        height: -moz-calc(var(--rpx, 1px)*76);
        height: calc(var(--rpx, 1px)*76);
        left: auto;
        right: -.5em;
        top: 3em;
        width: -webkit-calc(var(--rpx, 1px)*76);
        width: -moz-calc(var(--rpx, 1px)*76);
        width: calc(var(--rpx, 1px)*76)
    }

    section#ai .section0 .text-24px {
        font-size: 20px
    }

    section#ai .section0 .h-526rpx {
        height: -webkit-calc(64px + var(--rpx, 1px)*440);
        height: -moz-calc(64px + var(--rpx, 1px)*440);
        height: calc(64px + var(--rpx, 1px)*440)
    }

    section#ai .text-42px {
        font-size: 30px
    }

    section#ai .text-68px {
        font-size: 42px
    }

    section#ai .s1-title .sticker-wrapper {
        right: -30px
    }

    section#photos .max-w-300px {
        max-width: 288px
    }

    section#photos .desc-4k {
        padding-left: calc(var(--rpx, 1px)*16)
    }

    section#warranty .text-42px {
        font-size: 30px
    }
}

@media (min-width:1921px) {
    section#open-canvas .features-list {
        margin: auto
    }

    section#open-canvas .phone-wrapper0 {
        margin-left: 0
    }
}

@media (min-width:1920px) {
    .warranty .container-y {
        max-width: 1792px
    }

    #section-chip .param-container .left-wrapper {
        width: -webkit-calc(50% - var(--rpx, 1px)*160);
        width: -moz-calc(50% - var(--rpx, 1px)*160);
        width: calc(50% - var(--rpx, 1px)*160)
    }

    #section-chip .param-container .right-wrapper {
        width: -webkit-calc(50% + var(--rpx, 1px)*160);
        width: -moz-calc(50% + var(--rpx, 1px)*160);
        width: calc(50% + var(--rpx, 1px)*160)
    }

    #section-chip .param-container .line-3 {
        left: -webkit-calc(50% - var(--rpx, 1px)*160);
        left: -moz-calc(50% - var(--rpx, 1px)*160);
        left: calc(50% - var(--rpx, 1px)*160)
    }

    section#privacy .card-1 .desc {
        max-width: 508px
    }

    section#privacy .card-2 .desc {
        max-width: 562px
    }

    section#ai .right-text {
        margin: auto
    }

    section#ai .right-text .features-list {
        margin-bottom: calc(var(--rpx, 1px)*50)
    }

    section#ai [ani-more-mo] .section-title .text-wrapper {
        width: 1792px
    }

    section#ai .container-y, section#notes .container-y, section#open-canvas .container-y, section#photos .container-y, section#privacy .container-y, section#warranty .container-y {
        max-width: 1792px
    }

    section#ai, section#notes, section#open-canvas, section#photos, section#privacy, section#warranty {
        --rpx: 1.36585px;
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - var(--vw, 1vw)*100/1312 + 1.36585px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - var(--vw, 1vw)*100/1312 + 1.36585px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - var(--vw, 1vw)*100/1312 + 1.36585px)
    }
}

@media (min-width:1024px) and (min-aspect-ratio:25/14) {
    #section-color .color-wrapper .switch-panel-0 .img-1 img {
        aspect-ratio: 885/795;
        bottom: 0;
        height: var(--content-height);
        position: absolute;
        width: auto
    }
}

@media (max-width:650px) {
    #section-color .color-wrapper .switch-btns {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media (any-hover:none) {
    #section-color .color-wrapper .switch-btns .switch-btn {
        cursor: auto
    }
}

@media (min-width:1024px) and (max-aspect-ratio:25/14) {
    #section-color .color-wrapper {
        height: -webkit-calc(var(--rpx, 1px)*795);
        height: -moz-calc(var(--rpx, 1px)*795);
        height: calc(var(--rpx, 1px)*795);
        top: -webkit-calc(50% - var(--rpx, 1px)*397);
        top: -moz-calc(50% - var(--rpx, 1px)*397);
        top: calc(50% - var(--rpx, 1px)*397)
    }

    #section-color .color-wrapper .sec {
        display: block
    }
}

@media (min-width:651px) and (max-width:1023px) and (max-aspect-ratio:192/125) {
    #section-color .color-wrapper {
        height: -webkit-calc(var(--rpx, 1px)*465);
        height: -moz-calc(var(--rpx, 1px)*465);
        height: calc(var(--rpx, 1px)*465);
        margin-bottom: calc(var(--content-height)/2 - var(--rpx, 1px)*232);
        top: -webkit-calc(var(--content-height)/2 - var(--rpx, 1px)*232 + var(--nav-height));
        top: -moz-calc(var(--content-height)/2 - var(--rpx, 1px)*232 + var(--nav-height));
        top: calc(var(--content-height)/2 - var(--rpx, 1px)*232 + var(--nav-height))
    }

    #section-color .color-wrapper .sec {
        display: block
    }
}

@media (min-width:650px) and (max-width:768px) {
    section#privacy .code-wrapper {
        font-size: -webkit-calc(var(--rpx, 1px)*28);
        font-size: -moz-calc(var(--rpx, 1px)*28);
        font-size: calc(var(--rpx, 1px)*28)
    }

    section#privacy .sticker-wrapper {
        height: -webkit-calc(var(--rpx, 1px)*68);
        height: -moz-calc(var(--rpx, 1px)*68);
        height: calc(var(--rpx, 1px)*68);
        left: -webkit-calc(var(--rpx, 1px)*221);
        left: -moz-calc(var(--rpx, 1px)*221);
        left: calc(var(--rpx, 1px)*221);
        top: -webkit-calc(var(--rpx, 1px)*23);
        top: -moz-calc(var(--rpx, 1px)*23);
        top: calc(var(--rpx, 1px)*23);
        width: -webkit-calc(var(--rpx, 1px)*68);
        width: -moz-calc(var(--rpx, 1px)*68);
        width: calc(var(--rpx, 1px)*68)
    }
}

@media (pointer:coarse) {
    section#privacy .sticker-wrapper.touch .sticker-back-wrapper {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        -webkit-transform: translate(-68%, 68%) rotate(55deg);
        -moz-transform: translate(-68%, 68%) rotate(55deg);
        -ms-transform: translate(-68%, 68%) rotate(55deg);
        transform: translate(-68%, 68%) rotate(55deg)
    }

    section#privacy .sticker-wrapper.touch .sticker-front-wrapper {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    section#ai .sticker-wrapper.touch .sticker-back-wrapper {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        -webkit-transform: translate(-68%, 68%) rotate(55deg);
        -moz-transform: translate(-68%, 68%) rotate(55deg);
        -ms-transform: translate(-68%, 68%) rotate(55deg);
        transform: translate(-68%, 68%) rotate(55deg)
    }

    section#ai .sticker-wrapper.touch .sticker-front-wrapper {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    section#photos .sticker-wrapper.sticker-2 .sticker-back-wrapper {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        -webkit-transform: translate(-69%, 69%) rotate(55deg);
        -moz-transform: translate(-69%, 69%) rotate(55deg);
        -ms-transform: translate(-69%, 69%) rotate(55deg);
        transform: translate(-69%, 69%) rotate(55deg)
    }

    section#photos .sticker-wrapper.sticker-2 .sticker-front-wrapper {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    section#photos .sticker-wrapper.touch .sticker-back-wrapper {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        -webkit-transform: translate(-68%, 68%) rotate(55deg);
        -moz-transform: translate(-68%, 68%) rotate(55deg);
        -ms-transform: translate(-68%, 68%) rotate(55deg);
        transform: translate(-68%, 68%) rotate(55deg)
    }

    section#photos .sticker-wrapper.touch .sticker-front-wrapper {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

@media (min-width:1441px) {
    section#ai .section2 .features-list, section#ai .section2 .title {
        max-width: 604px
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    section#ai .section2 .h-746rpx {
        height: -webkit-calc(180px + var(--rpx, 1px)*600);
        height: -moz-calc(180px + var(--rpx, 1px)*600);
        height: calc(180px + var(--rpx, 1px)*600)
    }

    section#ai [ani-more-mo] .content-text .title {
        font-size: 16px
    }

    section#ai [ani-more-mo] .pc\:text-16px {
        font-size: 15px
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    -webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .2s infinite alternate;
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    -webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .4s infinite alternate;
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
    to {
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes preloader {
    to {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@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 {
}

.zn--wrapper .font-b, .zn--wrapper .font-m {
}

.zn--wrapper .font-r {
}

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
}

[ani-autoplay-video], [ani-video-wrapper] {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video] canvas, [ani-autoplay-video] img, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] img, [ani-video-wrapper] video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[ani-autoplay-video] img, [ani-video-wrapper] img {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

[ani-autoplay-video] canvas, [ani-video-wrapper] canvas {
    -o-object-fit: initial;
    object-fit: fill
}

[ani-autoplay-video] img, [ani-autoplay-video] video, [ani-video-wrapper] img, [ani-video-wrapper] video {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-autoplay-video] canvas, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] video {
    z-index: 1
}

[ani-autoplay-video] .replay, [ani-video-wrapper] .replay {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: -webkit-calc(var(--rpx, 1px)*20);
    bottom: -moz-calc(var(--rpx, 1px)*20);
    bottom: calc(var(--rpx, 1px)*20);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -webkit-calc(var(--rpx, 1px)*20);
    right: -moz-calc(var(--rpx, 1px)*20);
    right: calc(var(--rpx, 1px)*20);
    text-decoration: underline;
    text-underline-offset: 2px;
    z-index: 2
}

[ani-autoplay-video] .replay:after, [ani-video-wrapper] .replay:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px
}

[ani-autoplay-video] .replay.actived, [ani-video-wrapper] .replay.actived {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

[ani-autoplay-video] .replay.light, [ani-video-wrapper] .replay.light {
    color: #000
}

[ani-autoplay-video] .replay.light:after, [ani-video-wrapper] .replay.light:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

[ani-autoplay-video]+.replay, [ani-video-wrapper]+.replay {
    opacity: 0;
    pointer-events: none
}

[ani-autoplay-video]+.replay.actived, [ani-video-wrapper]+.replay.actived {
    opacity: 1;
    pointer-events: auto
}


.zn--wrapper .swiper,
.zn--wrapper .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.zn--wrapper .swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}

footer.bg-white, iframe {
    position: relative;
}