body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .bg-\[rgba\(0\,0\,0\,0\.25\)\] {
    --tw-bg-opacity: .25;
    background-color: rgba(0, 0, 0, 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-\[rgba\(245\,245\,245\,1\)\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--tw-bg-opacity))
}

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

.zn--wrapper .rounded-4rpx {
    border-radius: calc(var(--rpx, 1px)*4)
}

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

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

.zn--wrapper .flex-col {
    flex-direction: column
}

.zn--wrapper .flex-wrap {
    flex-wrap: wrap
}

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

.zn--wrapper .items-end {
    align-items: flex-end
}

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

.zn--wrapper .self-stretch {
    align-self: stretch
}

.zn--wrapper .justify-start {
    justify-content: flex-start
}

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

.zn--wrapper .justify-center {
    justify-content: center
}

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

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

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

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

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

.zn--wrapper .h-29rpx {
    height: calc(var(--rpx, 1px)*29)
}

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

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

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

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

.zn--wrapper .h-\[calc\(100\%-5px\)\] {
    height: calc(100% - 5px)
}

.zn--wrapper .h-3rpx {
    height: calc(var(--rpx, 1px)*3)
}

.zn--wrapper .h-\[calc\(100\%\+16rpx\)\] {
    height: calc(100% + var(--rpx, 1px)*16)
}

.zn--wrapper .h-12rpx {
    height: calc(var(--rpx, 1px)*12)
}

.zn--wrapper .h-32rpx {
    height: calc(var(--rpx, 1px)*32)
}

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

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

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

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

.zn--wrapper .h-1\.6px {
    height: 1.6px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .min-w-268rpx {
    min-width: calc(var(--rpx, 1px)*268)
}

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

.zn--wrapper .object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.zn--wrapper .opacity-100 {
    opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .shadow-text {
    --tw-shadow: var(--tw-shadow-colored)
}

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

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

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

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

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

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

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

.zn--wrapper .text-\[rgb\(156\,193\,255\)\], .zn--wrapper .text-\[rgba\(156\,193\,255\,1\)\] {
    --tw-text-opacity: 1;
    color: rgba(156, 193, 255, var(--tw-text-opacity))
}

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

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

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

.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.45\)\] {
    --tw-text-opacity: .45;
    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-\[rgba\(0\,0\,0\,0\.75\)\] {
    --tw-text-opacity: .75;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

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

.zn--wrapper .invisible {
    visibility: hidden
}

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

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

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

.zn--wrapper .w-24rpx {
    width: calc(var(--rpx, 1px)*24)
}

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

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

.zn--wrapper .w-\[calc\(100\%\+18rpx\)\] {
    width: calc(100% + var(--rpx, 1px)*18)
}

.zn--wrapper .w-12rpx {
    width: calc(var(--rpx, 1px)*12)
}

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

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

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

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

.zn--wrapper .w-1\.6px {
    width: 1.6px
}

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

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

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

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

.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;
    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-top {
    transform-origin: top
}

.zn--wrapper .translate-z-0 {
    --tw-translate-z: 0px
}

.zn--wrapper .translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.zn--wrapper .translate-y-\[-50\%\] {
    --tw-translate-y: -50%
}

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

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

    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 400
    }

    .zn--wrapper .pc\:space-x-24rpx>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(var(--rpx, 1px)*24*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(var(--rpx, 1px)*24*var(--tw-space-x-reverse))
    }

    .zn--wrapper .pc\:rounded-22rpx {
        border-radius: calc(var(--rpx, 1px)*22)
    }

    .zn--wrapper .pc\:rounded-4rpx {
        border-radius: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .pc\:rounded-36rpx {
        border-radius: calc(var(--rpx, 1px)*36)
    }

    .zn--wrapper .pc\:rounded-35rpx {
        border-radius: calc(var(--rpx, 1px)*35)
    }

    .zn--wrapper .pc\:rounded-4\.3rpx {
        border-radius: calc(var(--rpx, 1px)*4.3)
    }

    .zn--wrapper .pc\:rounded-30rpx {
        border-radius: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .pc\:rounded-34\.15rpx {
        border-radius: calc(var(--rpx, 1px)*34.15)
    }

    .zn--wrapper .pc\:flex {
        display: flex
    }

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

    .zn--wrapper .pc\:flex-wrap {
        flex-wrap: wrap
    }

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

    .zn--wrapper .pc\:items-end {
        align-items: flex-end
    }

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

    .zn--wrapper .pc\:justify-end {
        justify-content: flex-end
    }

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

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

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

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

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

    .zn--wrapper .pc\:h-3rpx {
        height: calc(var(--rpx, 1px)*3)
    }

    .zn--wrapper .pc\:h-750rpx {
        height: calc(var(--rpx, 1px)*750)
    }

    .zn--wrapper .pc\:h-162rpx {
        height: calc(var(--rpx, 1px)*162)
    }

    .zn--wrapper .pc\:h-570rpx {
        height: calc(var(--rpx, 1px)*570)
    }

    .zn--wrapper .pc\:h-137rpx {
        height: calc(var(--rpx, 1px)*137)
    }

    .zn--wrapper .pc\:h-44rpx {
        height: calc(var(--rpx, 1px)*44)
    }

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

    .zn--wrapper .pc\:h-464rpx {
        height: calc(var(--rpx, 1px)*464)
    }

    .zn--wrapper .pc\:h-50vw {
        height: 50vw;
        height: calc(var(--vw, 1vw)*50)
    }

    .zn--wrapper .pc\:h-377rpx {
        height: calc(var(--rpx, 1px)*377)
    }

    .zn--wrapper .pc\:h-52\.08vw {
        height: 52.08vw;
        height: calc(var(--vw, 1vw)*52.08)
    }

    .zn--wrapper .pc\:h-25\.93vw {
        height: 25.93vw;
        height: calc(var(--vw, 1vw)*25.93)
    }

    .zn--wrapper .pc\:h-29\.17vw {
        height: 29.17vw;
        height: calc(var(--vw, 1vw)*29.17)
    }

    .zn--wrapper .pc\:h-12rpx {
        height: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pc\:h-16\.95vw {
        height: 16.95vw;
        height: calc(var(--vw, 1vw)*16.95)
    }

    .zn--wrapper .pc\:h-228rpx {
        height: calc(var(--rpx, 1px)*228)
    }

    .zn--wrapper .pc\:h-36rpx {
        height: calc(var(--rpx, 1px)*36)
    }

    .zn--wrapper .pc\:h-1045rpx {
        height: calc(var(--rpx, 1px)*1045)
    }

    .zn--wrapper .pc\:h-116rpx {
        height: calc(var(--rpx, 1px)*116)
    }

    .zn--wrapper .pc\:h-128rpx {
        height: calc(var(--rpx, 1px)*128)
    }

    .zn--wrapper .pc\:h-373rpx {
        height: calc(var(--rpx, 1px)*373)
    }

    .zn--wrapper .pc\:h-359\.64rpx {
        height: calc(var(--rpx, 1px)*359.64)
    }

    .zn--wrapper .pc\:h-429\.21rpx {
        height: calc(var(--rpx, 1px)*429.21)
    }

    .zn--wrapper .pc\:h-23rpx {
        height: calc(var(--rpx, 1px)*23)
    }

    .zn--wrapper .pc\:h-21rpx {
        height: calc(var(--rpx, 1px)*21)
    }

    .zn--wrapper .pc\:h-40\.5rpx {
        height: calc(var(--rpx, 1px)*40.5)
    }

    .zn--wrapper .pc\:h-140\.5rpx {
        height: calc(var(--rpx, 1px)*140.5)
    }

    .zn--wrapper .pc\:h-103rpx {
        height: calc(var(--rpx, 1px)*103)
    }

    .zn--wrapper .pc\:h-155\.11rpx {
        height: calc(var(--rpx, 1px)*155.11)
    }

    .zn--wrapper .pc\:h-56\.6rpx {
        height: calc(var(--rpx, 1px)*56.6)
    }

    .zn--wrapper .pc\:h-45\.16rpx {
        height: calc(var(--rpx, 1px)*45.16)
    }

    .zn--wrapper .pc\:h-17\.66rpx {
        height: calc(var(--rpx, 1px)*17.66)
    }

    .zn--wrapper .pc\:h-69rpx {
        height: calc(var(--rpx, 1px)*69)
    }

    .zn--wrapper .pc\:h-6px {
        height: 6px
    }

    .zn--wrapper .pc\:h-26rpx {
        height: calc(var(--rpx, 1px)*26)
    }

    .zn--wrapper .pc\:h-720rpx {
        height: calc(var(--rpx, 1px)*720)
    }

    .zn--wrapper .pc\:h-582rpx {
        height: calc(var(--rpx, 1px)*582)
    }

    .zn--wrapper .pc\:h-147rpx {
        height: calc(var(--rpx, 1px)*147)
    }

    .zn--wrapper .pc\:h-565rpx {
        height: calc(var(--rpx, 1px)*565)
    }

    .zn--wrapper .pc\:h-603rpx {
        height: calc(var(--rpx, 1px)*603)
    }

    .zn--wrapper .pc\:h-625rpx {
        height: calc(var(--rpx, 1px)*625)
    }

    .zn--wrapper .pc\:h-589\.44rpx {
        height: calc(var(--rpx, 1px)*589.44)
    }

    .zn--wrapper .pc\:h-8rpx {
        height: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pc\:h-452rpx {
        height: calc(var(--rpx, 1px)*452)
    }

    .zn--wrapper .pc\:h-659rpx {
        height: calc(var(--rpx, 1px)*659)
    }

    .zn--wrapper .pc\:h-50rpx {
        height: calc(var(--rpx, 1px)*50)
    }

    .zn--wrapper .pc\:h-7\.48rpx {
        height: calc(var(--rpx, 1px)*7.48)
    }

    .zn--wrapper .pc\:h-64rpx {
        height: calc(var(--rpx, 1px)*64)
    }

    .zn--wrapper .pc\:h-67rpx {
        height: calc(var(--rpx, 1px)*67)
    }

    .zn--wrapper .pc\:h-158rpx {
        height: calc(var(--rpx, 1px)*158)
    }

    .zn--wrapper .pc\:h-800rpx {
        height: calc(var(--rpx, 1px)*800)
    }

    .zn--wrapper .pc\:h-482rpx {
        height: calc(var(--rpx, 1px)*482)
    }

    .zn--wrapper .pc\:h-456rpx {
        height: calc(var(--rpx, 1px)*456)
    }

    .zn--wrapper .pc\:h-56\.18vw {
        height: 56.18vw;
        height: calc(var(--vw, 1vw)*56.18)
    }

    .zn--wrapper .pc\:h-65\.83vw {
        height: 65.83vw;
        height: calc(var(--vw, 1vw)*65.83)
    }

    .zn--wrapper .pc\:h-28\.333vw {
        height: 28.333vw;
        height: calc(var(--vw, 1vw)*28.333)
    }

    .zn--wrapper .pc\:h-26\.527vw {
        height: 26.527vw;
        height: calc(var(--vw, 1vw)*26.527)
    }

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

    .zn--wrapper .pc\:h-1030rpx {
        height: calc(var(--rpx, 1px)*1030)
    }

    .zn--wrapper .pc\:h-724rpx {
        height: calc(var(--rpx, 1px)*724)
    }

    .zn--wrapper .pc\:h-152rpx {
        height: calc(var(--rpx, 1px)*152)
    }

    .zn--wrapper .pc\:h-34\.34rpx {
        height: calc(var(--rpx, 1px)*34.34)
    }

    .zn--wrapper .pc\:h-39\.77rpx {
        height: calc(var(--rpx, 1px)*39.77)
    }

    .zn--wrapper .pc\:h-41\.86rpx {
        height: calc(var(--rpx, 1px)*41.86)
    }

    .zn--wrapper .pc\:h-32rpx {
        height: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .pc\:h-592rpx {
        height: calc(var(--rpx, 1px)*592)
    }

    .zn--wrapper .pc\:h-1600rpx {
        height: calc(var(--rpx, 1px)*1600)
    }

    .zn--wrapper .pc\:h-440rpx {
        height: calc(var(--rpx, 1px)*440)
    }

    .zn--wrapper .pc\:h-28rpx {
        height: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .pc\:h-7\.5rpx {
        height: calc(var(--rpx, 1px)*7.5)
    }

    .zn--wrapper .pc\:h-406rpx {
        height: calc(var(--rpx, 1px)*406)
    }

    .zn--wrapper .pc\:h-561rpx {
        height: calc(var(--rpx, 1px)*561)
    }

    .zn--wrapper .pc\:h-745rpx {
        height: calc(var(--rpx, 1px)*745)
    }

    .zn--wrapper .pc\:h-493rpx {
        height: calc(var(--rpx, 1px)*493)
    }

    .zn--wrapper .pc\:h-151rpx {
        height: calc(var(--rpx, 1px)*151)
    }

    .zn--wrapper .pc\:h-114rpx {
        height: calc(var(--rpx, 1px)*114)
    }

    .zn--wrapper .pc\:h-880rpx {
        height: calc(var(--rpx, 1px)*880)
    }

    .zn--wrapper .pc\:h-653rpx {
        height: calc(var(--rpx, 1px)*653)
    }

    .zn--wrapper .pc\:h-559rpx {
        height: calc(var(--rpx, 1px)*559)
    }

    .zn--wrapper .pc\:h-260rpx {
        height: calc(var(--rpx, 1px)*260)
    }

    .zn--wrapper .pc\:h-32\.34rpx {
        height: calc(var(--rpx, 1px)*32.34)
    }

    .zn--wrapper .pc\:h-72rpx {
        height: calc(var(--rpx, 1px)*72)
    }

    .zn--wrapper .pc\:h-24rpx {
        height: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pc\:h-78\.4722vw {
        height: 78.4722vw;
        height: calc(var(--vw, 1vw)*78.4722)
    }

    .zn--wrapper .pc\:h-146rpx {
        height: calc(var(--rpx, 1px)*146)
    }

    .zn--wrapper .pc\:h-52\.27rpx {
        height: calc(var(--rpx, 1px)*52.27)
    }

    .zn--wrapper .pc\:h-29\.21rpx {
        height: calc(var(--rpx, 1px)*29.21)
    }

    .zn--wrapper .pc\:h-53rpx {
        height: calc(var(--rpx, 1px)*53)
    }

    .zn--wrapper .pc\:h-231rpx {
        height: calc(var(--rpx, 1px)*231)
    }

    .zn--wrapper .pc\:h-582\.29rpx {
        height: calc(var(--rpx, 1px)*582.29)
    }

    .zn--wrapper .pc\:h-562\.14rpx {
        height: calc(var(--rpx, 1px)*562.14)
    }

    .zn--wrapper .pc\:h-488\.52rpx {
        height: calc(var(--rpx, 1px)*488.52)
    }

    .zn--wrapper .pc\:h-500\.0467rpx {
        height: calc(var(--rpx, 1px)*500.0467)
    }

    .zn--wrapper .pc\:h-604rpx {
        height: calc(var(--rpx, 1px)*604)
    }

    .zn--wrapper .pc\:h-48rpx {
        height: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .pc\:h-56\.33rpx {
        height: calc(var(--rpx, 1px)*56.33)
    }

    .zn--wrapper .pc\:h-35rpx {
        height: calc(var(--rpx, 1px)*35)
    }

    .zn--wrapper .pc\:h-38rpx {
        height: calc(var(--rpx, 1px)*38)
    }

    .zn--wrapper .pc\:h-68rpx {
        height: calc(var(--rpx, 1px)*68)
    }

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

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

    .zn--wrapper .pc\:h-394rpx {
        height: calc(var(--rpx, 1px)*394)
    }

    .zn--wrapper .pc\:h-943rpx {
        height: calc(var(--rpx, 1px)*943)
    }

    .zn--wrapper .pc\:h-191rpx {
        height: calc(var(--rpx, 1px)*191)
    }

    .zn--wrapper .pc\:h-43\.19rpx {
        height: calc(var(--rpx, 1px)*43.19)
    }

    .zn--wrapper .pc\:h-654rpx {
        height: calc(var(--rpx, 1px)*654)
    }

    .zn--wrapper .pc\:h-1263rpx {
        height: calc(var(--rpx, 1px)*1263)
    }

    .zn--wrapper .pc\:h-126rpx {
        height: calc(var(--rpx, 1px)*126)
    }

    .zn--wrapper .pc\:h-48\.6111vw {
        height: 48.6111vw;
        height: calc(var(--vw, 1vw)*48.6111)
    }

    .zn--wrapper .pc\:h-19\.375vw {
        height: 19.375vw;
        height: calc(var(--vw, 1vw)*19.375)
    }

    .zn--wrapper .pc\:h-31\.5278vw {
        height: 31.5278vw;
        height: calc(var(--vw, 1vw)*31.5278)
    }

    .zn--wrapper .pc\:h-376rpx {
        height: calc(var(--rpx, 1px)*376)
    }

    .zn--wrapper .pc\:h-741rpx {
        height: calc(var(--rpx, 1px)*741)
    }

    .zn--wrapper .pc\:h-532rpx {
        height: calc(var(--rpx, 1px)*532)
    }

    .zn--wrapper .pc\:h-52\.0833vw {
        height: 52.0833vw;
        height: calc(var(--vw, 1vw)*52.0833)
    }

    .zn--wrapper .pc\:h-40rpx {
        height: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .pc\:h-42rpx {
        height: calc(var(--rpx, 1px)*42)
    }

    .zn--wrapper .pc\:h-14\.2361vw {
        height: 14.2361vw;
        height: calc(var(--vw, 1vw)*14.2361)
    }

    .zn--wrapper .pc\:h-21\.1806vw {
        height: 21.1806vw;
        height: calc(var(--vw, 1vw)*21.1806)
    }

    .zn--wrapper .pc\:h-93rpx {
        height: calc(var(--rpx, 1px)*93)
    }

    .zn--wrapper .pc\:h-488rpx {
        height: calc(var(--rpx, 1px)*488)
    }

    .zn--wrapper .pc\:h-13rpx {
        height: calc(var(--rpx, 1px)*13)
    }

    .zn--wrapper .pc\:h-447rpx {
        height: calc(var(--rpx, 1px)*447)
    }

    .zn--wrapper .pc\:h-446rpx {
        height: calc(var(--rpx, 1px)*446)
    }

    .zn--wrapper .pc\:h-15rpx {
        height: calc(var(--rpx, 1px)*15)
    }

    .zn--wrapper .pc\:h-140rpx {
        height: calc(var(--rpx, 1px)*140)
    }

    .zn--wrapper .pc\:h-464\.86rpx {
        height: calc(var(--rpx, 1px)*464.86)
    }

    .zn--wrapper .pc\:h-458\.5rpx {
        height: calc(var(--rpx, 1px)*458.5)
    }

    .zn--wrapper .pc\:h-484\.08rpx {
        height: calc(var(--rpx, 1px)*484.08)
    }

    .zn--wrapper .pc\:h-512rpx {
        height: calc(var(--rpx, 1px)*512)
    }

    .zn--wrapper .pc\:h-379rpx {
        height: calc(var(--rpx, 1px)*379)
    }

    .zn--wrapper .pc\:h-400rpx {
        height: calc(var(--rpx, 1px)*400)
    }

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

    .zn--wrapper .pc\:text-28rpx {
        font-size: calc(var(--rpx, 1px)*28);
        line-height: 1
    }

    .zn--wrapper .pc\:text-70rpx {
        font-size: calc(var(--rpx, 1px)*70);
        line-height: 1
    }

    .zn--wrapper .pc\:text-190rpx {
        font-size: calc(var(--rpx, 1px)*190);
        line-height: 1
    }

    .zn--wrapper .pc\:text-18rpx {
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .zn--wrapper .pc\:text-12rpx {
        font-size: calc(var(--rpx, 1px)*12);
        line-height: 1
    }

    .zn--wrapper .pc\:text-14rpx {
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .zn--wrapper .pc\:text-16rpx {
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .zn--wrapper .pc\:text-20rpx {
        font-size: calc(var(--rpx, 1px)*20);
        line-height: 1
    }

    .zn--wrapper .pc\:text-48rpx {
        font-size: calc(var(--rpx, 1px)*48);
        line-height: 1
    }

    .zn--wrapper .pc\:text-36rpx {
        font-size: calc(var(--rpx, 1px)*36);
        line-height: 1
    }

    .zn--wrapper .pc\:text-24rpx {
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

    .zn--wrapper .pc\:text-32rpx {
        font-size: calc(var(--rpx, 1px)*32);
        line-height: 1
    }

    .zn--wrapper .pc\:text-30rpx {
        font-size: calc(var(--rpx, 1px)*30);
        line-height: 1
    }

    .zn--wrapper .pc\:text-26rpx {
        font-size: calc(var(--rpx, 1px)*26);
        line-height: 1
    }

    .zn--wrapper .pc\:text-78rpx {
        font-size: calc(var(--rpx, 1px)*78);
        line-height: 1
    }

    .zn--wrapper .pc\:text-15rpx {
        font-size: calc(var(--rpx, 1px)*15);
        line-height: 1
    }

    .zn--wrapper .pc\:text-44rpx {
        font-size: calc(var(--rpx, 1px)*44);
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:mt-20px {
        margin-top: 20px
    }

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

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

    .zn--wrapper .pc\:max-w-1440rpx {
        max-width: calc(var(--rpx, 1px)*1440)
    }

    .zn--wrapper .pc\:max-w-1440px {
        max-width: 1440px
    }

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

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

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

    .zn--wrapper .pc\:p-40rpx {
        padding: calc(var(--rpx, 1px)*40)
    }

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

    .zn--wrapper .pc\:p-5rpx {
        padding: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .pc\:p-13rpx {
        padding: calc(var(--rpx, 1px)*13)
    }

    .zn--wrapper .pc\:p-32rpx {
        padding: calc(var(--rpx, 1px)*32)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:pb-8\.68vw {
        padding-bottom: 8.68vw;
        padding-bottom: calc(var(--vw, 1vw)*8.68)
    }

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

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

    .zn--wrapper .pc\:pr-64px {
        padding-right: 64px
    }

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

    .zn--wrapper .pc\:pl-64px {
        padding-left: 64px
    }

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

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

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

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

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

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

    .zn--wrapper .pc\:pt-12\.9166vw {
        padding-top: 12.9166vw;
        padding-top: calc(var(--vw, 1vw)*12.9166)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:sticky {
        position: sticky
    }

    .zn--wrapper .pc\:right-27rpx {
        right: calc(var(--rpx, 1px)*27)
    }

    .zn--wrapper .pc\:bottom-21rpx {
        bottom: calc(var(--rpx, 1px)*21)
    }

    .zn--wrapper .pc\:left-639\.5rpx {
        left: calc(var(--rpx, 1px)*639.5)
    }

    .zn--wrapper .pc\:top-6\.3rpx {
        top: calc(var(--rpx, 1px)*6.3)
    }

    .zn--wrapper .pc\:left-453rpx {
        left: calc(var(--rpx, 1px)*453)
    }

    .zn--wrapper .pc\:top-102rpx {
        top: calc(var(--rpx, 1px)*102)
    }

    .zn--wrapper .pc\:left-83rpx {
        left: calc(var(--rpx, 1px)*83)
    }

    .zn--wrapper .pc\:top-283rpx {
        top: calc(var(--rpx, 1px)*283)
    }

    .zn--wrapper .pc\:top-3\.125vw {
        top: 3.125vw;
        top: calc(var(--vw, 1vw)*3.125)
    }

    .zn--wrapper .pc\:right-3\.125vw {
        right: 3.125vw;
        right: calc(var(--vw, 1vw)*3.125)
    }

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

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

    .zn--wrapper .pc\:-top-2\.71vw {
        top: -2.71vw;
        top: calc(var(--vw, 1vw)*-2.71)
    }

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

    .zn--wrapper .pc\:-top-4\.486vw {
        top: -4.486vw;
        top: calc(var(--vw, 1vw)*-4.486)
    }

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

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

    .zn--wrapper .pc\:-right-1px {
        right: -1px
    }

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

    .zn--wrapper .pc\:-left-1vw {
        left: -1vw;
        left: calc(var(--vw, 1vw)*-1)
    }

    .zn--wrapper .pc\:-top-1vw {
        top: -1vw;
        top: calc(var(--vw, 1vw)*-1)
    }

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

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

    .zn--wrapper .pc\:top-38\.82vw {
        top: 38.82vw;
        top: calc(var(--vw, 1vw)*38.82)
    }

    .zn--wrapper .pc\:-top-168rpx {
        top: calc(var(--rpx, 1px)*-168)
    }

    .zn--wrapper .pc\:left-792\.42rpx {
        left: calc(var(--rpx, 1px)*792.42)
    }

    .zn--wrapper .pc\:top-68rpx {
        top: calc(var(--rpx, 1px)*68)
    }

    .zn--wrapper .pc\:left-5rpx {
        left: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .pc\:top-9\.44rpx {
        top: calc(var(--rpx, 1px)*9.44)
    }

    .zn--wrapper .pc\:left-468\.5rpx {
        left: calc(var(--rpx, 1px)*468.5)
    }

    .zn--wrapper .pc\:top-71rpx {
        top: calc(var(--rpx, 1px)*71)
    }

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

    .zn--wrapper .pc\:left-72\.5rpx {
        left: calc(var(--rpx, 1px)*72.5)
    }

    .zn--wrapper .pc\:top-281\.92rpx {
        top: calc(var(--rpx, 1px)*281.92)
    }

    .zn--wrapper .pc\:left-155\.5rpx {
        left: calc(var(--rpx, 1px)*155.5)
    }

    .zn--wrapper .pc\:top-273rpx {
        top: calc(var(--rpx, 1px)*273)
    }

    .zn--wrapper .pc\:left-188rpx {
        left: calc(var(--rpx, 1px)*188)
    }

    .zn--wrapper .pc\:top-51\.92rpx {
        top: calc(var(--rpx, 1px)*51.92)
    }

    .zn--wrapper .pc\:left-31\.23rpx {
        left: calc(var(--rpx, 1px)*31.23)
    }

    .zn--wrapper .pc\:top-290\.33rpx {
        top: calc(var(--rpx, 1px)*290.33)
    }

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

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

    .zn--wrapper .pc\:top-77\.48rpx {
        top: calc(var(--rpx, 1px)*77.48)
    }

    .zn--wrapper .pc\:left-481rpx {
        left: calc(var(--rpx, 1px)*481)
    }

    .zn--wrapper .pc\:left-69\.53rpx {
        left: calc(var(--rpx, 1px)*69.53)
    }

    .zn--wrapper .pc\:top-29\.7rpx {
        top: calc(var(--rpx, 1px)*29.7)
    }

    .zn--wrapper .pc\:left-191rpx {
        left: calc(var(--rpx, 1px)*191)
    }

    .zn--wrapper .pc\:top-121\.3rpx {
        top: calc(var(--rpx, 1px)*121.3)
    }

    .zn--wrapper .pc\:left-75\.55rpx {
        left: calc(var(--rpx, 1px)*75.55)
    }

    .zn--wrapper .pc\:top-32\.56rpx {
        top: calc(var(--rpx, 1px)*32.56)
    }

    .zn--wrapper .pc\:top-100\.61rpx {
        top: calc(var(--rpx, 1px)*100.61)
    }

    .zn--wrapper .pc\:left-122\.76rpx {
        left: calc(var(--rpx, 1px)*122.76)
    }

    .zn--wrapper .pc\:top-128\.1rpx {
        top: calc(var(--rpx, 1px)*128.1)
    }

    .zn--wrapper .pc\:left-422\.31rpx {
        left: calc(var(--rpx, 1px)*422.31)
    }

    .zn--wrapper .pc\:right-190\.73rpx {
        right: calc(var(--rpx, 1px)*190.73)
    }

    .zn--wrapper .pc\:top-240\.68rpx {
        top: calc(var(--rpx, 1px)*240.68)
    }

    .zn--wrapper .pc\:left-413\.48rpx {
        left: calc(var(--rpx, 1px)*413.48)
    }

    .zn--wrapper .pc\:top-65\.94rpx {
        top: calc(var(--rpx, 1px)*65.94)
    }

    .zn--wrapper .pc\:left-393\.22rpx {
        left: calc(var(--rpx, 1px)*393.22)
    }

    .zn--wrapper .pc\:top-9\.34rpx {
        top: calc(var(--rpx, 1px)*9.34)
    }

    .zn--wrapper .pc\:left-93\.93rpx {
        left: calc(var(--rpx, 1px)*93.93)
    }

    .zn--wrapper .pc\:bottom-53rpx {
        bottom: calc(var(--rpx, 1px)*53)
    }

    .zn--wrapper .pc\:-left-2px {
        left: -2px
    }

    .zn--wrapper .pc\:-top-2px {
        top: -2px
    }

    .zn--wrapper .pc\:-right-2px {
        right: -2px
    }

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

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

    .zn--wrapper .pc\:left-717rpx {
        left: calc(var(--rpx, 1px)*717)
    }

    .zn--wrapper .pc\:top-242rpx {
        top: calc(var(--rpx, 1px)*242)
    }

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

    .zn--wrapper .pc\:right-20rpx {
        right: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .pc\:-right-64rpx {
        right: calc(var(--rpx, 1px)*-64)
    }

    .zn--wrapper .pc\:left-631rpx {
        left: calc(var(--rpx, 1px)*631)
    }

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

    .zn--wrapper .pc\:left-552rpx {
        left: calc(var(--rpx, 1px)*552)
    }

    .zn--wrapper .pc\:top-47\.5rpx {
        top: calc(var(--rpx, 1px)*47.5)
    }

    .zn--wrapper .pc\:right-219rpx {
        right: calc(var(--rpx, 1px)*219)
    }

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

    .zn--wrapper .pc\:-right-1rpx {
        right: calc(var(--rpx, 1px)*-1)
    }

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

    .zn--wrapper .pc\:top-126rpx {
        top: calc(var(--rpx, 1px)*126)
    }

    .zn--wrapper .pc\:-left-648rpx {
        left: calc(var(--rpx, 1px)*-648)
    }

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

    .zn--wrapper .pc\:bottom-28rpx {
        bottom: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .pc\:-top-3rpx {
        top: calc(var(--rpx, 1px)*-3)
    }

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

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

    .zn--wrapper .pc\:left-12rpx {
        left: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pc\:-top-6rpx {
        top: calc(var(--rpx, 1px)*-6)
    }

    .zn--wrapper .pc\:right-64rpx {
        right: calc(var(--rpx, 1px)*64)
    }

    .zn--wrapper .pc\:top-64rpx {
        top: calc(var(--rpx, 1px)*64)
    }

    .zn--wrapper .pc\:top-612rpx {
        top: calc(var(--rpx, 1px)*612)
    }

    .zn--wrapper .pc\:right-57rpx {
        right: calc(var(--rpx, 1px)*57)
    }

    .zn--wrapper .pc\:bottom-120rpx {
        bottom: calc(var(--rpx, 1px)*120)
    }

    .zn--wrapper .pc\:-top-36rpx {
        top: calc(var(--rpx, 1px)*-36)
    }

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

    .zn--wrapper .pc\:bottom-20rpx {
        bottom: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .pc\:-top-1rpx {
        top: calc(var(--rpx, 1px)*-1)
    }

    .zn--wrapper .pc\:-bottom-1rpx {
        bottom: calc(var(--rpx, 1px)*-1)
    }

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

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

    .zn--wrapper .pc\:-right-7rpx {
        right: calc(var(--rpx, 1px)*-7)
    }

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

    .zn--wrapper .pc\:top-476rpx {
        top: calc(var(--rpx, 1px)*476)
    }

    .zn--wrapper .pc\:top-129rpx {
        top: calc(var(--rpx, 1px)*129)
    }

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

    .zn--wrapper .pc\:left-442rpx {
        left: calc(var(--rpx, 1px)*442)
    }

    .zn--wrapper .pc\:bottom-20\.66rpx {
        bottom: calc(var(--rpx, 1px)*20.66)
    }

    .zn--wrapper .pc\:left-64px {
        left: 64px
    }

    .zn--wrapper .pc\:bottom-0rpx {
        bottom: calc(var(--rpx, 1px)*0)
    }

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

    .zn--wrapper .pc\:bottom-10rpx {
        bottom: calc(var(--rpx, 1px)*10)
    }

    .zn--wrapper .pc\:left-37rpx {
        left: calc(var(--rpx, 1px)*37)
    }

    .zn--wrapper .pc\:left-13\.79rpx {
        left: calc(var(--rpx, 1px)*13.79)
    }

    .zn--wrapper .pc\:top-5\.3rpx {
        top: calc(var(--rpx, 1px)*5.3)
    }

    .zn--wrapper .pc\:left-5\.02rpx {
        left: calc(var(--rpx, 1px)*5.02)
    }

    .zn--wrapper .pc\:top-4\.18rpx {
        top: calc(var(--rpx, 1px)*4.18)
    }

    .zn--wrapper .pc\:bottom-46rpx {
        bottom: calc(var(--rpx, 1px)*46)
    }

    .zn--wrapper .pc\:left-328rpx {
        left: calc(var(--rpx, 1px)*328)
    }

    .zn--wrapper .pc\:bottom-107rpx {
        bottom: calc(var(--rpx, 1px)*107)
    }

    .zn--wrapper .pc\:-top-169rpx {
        top: calc(var(--rpx, 1px)*-169)
    }

    .zn--wrapper .pc\:-top-27rpx {
        top: calc(var(--rpx, 1px)*-27)
    }

    .zn--wrapper .pc\:-right-10rpx {
        right: calc(var(--rpx, 1px)*-10)
    }

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

    .zn--wrapper .pc\:left-392rpx {
        left: calc(var(--rpx, 1px)*392)
    }

    .zn--wrapper .pc\:-left-352rpx {
        left: calc(var(--rpx, 1px)*-352)
    }

    .zn--wrapper .pc\:top-158rpx {
        top: calc(var(--rpx, 1px)*158)
    }

    .zn--wrapper .pc\:bottom-17rpx {
        bottom: calc(var(--rpx, 1px)*17)
    }

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

    .zn--wrapper .pc\:top-420rpx {
        top: calc(var(--rpx, 1px)*420)
    }

    .zn--wrapper .pc\:-right-366rpx {
        right: calc(var(--rpx, 1px)*-366)
    }

    .zn--wrapper .pc\:top-95\.24rpx {
        top: calc(var(--rpx, 1px)*95.24)
    }

    .zn--wrapper .pc\:-right-366\.2rpx {
        right: calc(var(--rpx, 1px)*-366.2)
    }

    .zn--wrapper .pc\:top-314\.4rpx {
        top: calc(var(--rpx, 1px)*314.4)
    }

    .zn--wrapper .pc\:left-29\.8611vw {
        left: 29.8611vw;
        left: calc(var(--vw, 1vw)*29.8611)
    }

    .zn--wrapper .pc\:top-17\.2917vw {
        top: 17.2917vw;
        top: calc(var(--vw, 1vw)*17.2917)
    }

    .zn--wrapper .pc\:left-56\.3194vw {
        left: 56.3194vw;
        left: calc(var(--vw, 1vw)*56.3194)
    }

    .zn--wrapper .pc\:top-12\.5694vw {
        top: 12.5694vw;
        top: calc(var(--vw, 1vw)*12.5694)
    }

    .zn--wrapper .pc\:right-12rpx {
        right: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pc\:bottom-12rpx {
        bottom: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pc\:-right-38\.83rpx {
        right: calc(var(--rpx, 1px)*-38.83)
    }

    .zn--wrapper .pc\:left-8\.8889vw {
        left: 8.8889vw;
        left: calc(var(--vw, 1vw)*8.8889)
    }

    .zn--wrapper .pc\:top-11\.2847vw {
        top: 11.2847vw;
        top: calc(var(--vw, 1vw)*11.2847)
    }

    .zn--wrapper .pc\:left-31\.5625vw {
        left: 31.5625vw;
        left: calc(var(--vw, 1vw)*31.5625)
    }

    .zn--wrapper .pc\:top-37\.7778vw {
        top: 37.7778vw;
        top: calc(var(--vw, 1vw)*37.7778)
    }

    .zn--wrapper .pc\:left-76\.0417vw {
        left: 76.0417vw;
        left: calc(var(--vw, 1vw)*76.0417)
    }

    .zn--wrapper .pc\:top-12\.2222vw {
        top: 12.2222vw;
        top: calc(var(--vw, 1vw)*12.2222)
    }

    .zn--wrapper .pc\:left-2\.4306vw {
        left: 2.4306vw;
        left: calc(var(--vw, 1vw)*2.4306)
    }

    .zn--wrapper .pc\:top-1\.3194vw {
        top: 1.3194vw;
        top: calc(var(--vw, 1vw)*1.3194)
    }

    .zn--wrapper .pc\:left-36\.1111vw {
        left: 36.1111vw;
        left: calc(var(--vw, 1vw)*36.1111)
    }

    .zn--wrapper .pc\:top-14\.5139vw {
        top: 14.5139vw;
        top: calc(var(--vw, 1vw)*14.5139)
    }

    .zn--wrapper .pc\:left-12\.5694vw {
        left: 12.5694vw;
        left: calc(var(--vw, 1vw)*12.5694)
    }

    .zn--wrapper .pc\:top-31\.4583vw {
        top: 31.4583vw;
        top: calc(var(--vw, 1vw)*31.4583)
    }

    .zn--wrapper .pc\:left-46\.5278vw {
        left: 46.5278vw;
        left: calc(var(--vw, 1vw)*46.5278)
    }

    .zn--wrapper .pc\:top-13\.8889vw {
        top: 13.8889vw;
        top: calc(var(--vw, 1vw)*13.8889)
    }

    .zn--wrapper .pc\:left-60vw {
        left: 60vw;
        left: calc(var(--vw, 1vw)*60)
    }

    .zn--wrapper .pc\:top-3\.6806vw {
        top: 3.6806vw;
        top: calc(var(--vw, 1vw)*3.6806)
    }

    .zn--wrapper .pc\:left-38\.8194vw {
        left: 38.8194vw;
        left: calc(var(--vw, 1vw)*38.8194)
    }

    .zn--wrapper .pc\:top-23\.6806vw {
        top: 23.6806vw;
        top: calc(var(--vw, 1vw)*23.6806)
    }

    .zn--wrapper .pc\:top-\[calc\(100\%\+8rpx\)\] {
        top: calc(100% + var(--rpx, 1px)*8)
    }

    .zn--wrapper .pc\:bottom-24rpx {
        bottom: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pc\:right-24rpx {
        right: calc(var(--rpx, 1px)*24)
    }

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

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

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

    .zn--wrapper .pc\:left-221\.89rpx {
        left: calc(var(--rpx, 1px)*221.89)
    }

    .zn--wrapper .pc\:top-63\.97rpx {
        top: calc(var(--rpx, 1px)*63.97)
    }

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

    .zn--wrapper .pc\:right-32rpx {
        right: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .pc\:bottom-32rpx {
        bottom: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .pc\:left-224\.84rpx {
        left: calc(var(--rpx, 1px)*224.84)
    }

    .zn--wrapper .pc\:top-50\.32rpx {
        top: calc(var(--rpx, 1px)*50.32)
    }

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

    .zn--wrapper .pc\:left-\[calc\(50\%-98px\)\] {
        left: calc(50% - 98px)
    }

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

    .zn--wrapper .pc\:text-right {
        text-align: right
    }

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

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

    .zn--wrapper .pc\:w-126rpx {
        width: calc(var(--rpx, 1px)*126)
    }

    .zn--wrapper .pc\:w-1440rpx {
        width: calc(var(--rpx, 1px)*1440)
    }

    .zn--wrapper .pc\:w-162rpx {
        width: calc(var(--rpx, 1px)*162)
    }

    .zn--wrapper .pc\:w-522rpx {
        width: calc(var(--rpx, 1px)*522)
    }

    .zn--wrapper .pc\:w-1271rpx {
        width: calc(var(--rpx, 1px)*1271)
    }

    .zn--wrapper .pc\:w-125rpx {
        width: calc(var(--rpx, 1px)*125)
    }

    .zn--wrapper .pc\:w-868rpx {
        width: calc(var(--rpx, 1px)*868)
    }

    .zn--wrapper .pc\:w-20\.44vw {
        width: 20.44vw;
        width: calc(var(--vw, 1vw)*20.44)
    }

    .zn--wrapper .pc\:w-14\.7vw {
        width: 14.7vw;
        width: calc(var(--vw, 1vw)*14.7)
    }

    .zn--wrapper .pc\:w-12rpx {
        width: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pc\:w-12\.9vw {
        width: 12.9vw;
        width: calc(var(--vw, 1vw)*12.9)
    }

    .zn--wrapper .pc\:w-1168rpx {
        width: calc(var(--rpx, 1px)*1168)
    }

    .zn--wrapper .pc\:w-500rpx {
        width: calc(var(--rpx, 1px)*500)
    }

    .zn--wrapper .pc\:w-36rpx {
        width: calc(var(--rpx, 1px)*36)
    }

    .zn--wrapper .pc\:w-1312rpx {
        width: calc(var(--rpx, 1px)*1312)
    }

    .zn--wrapper .pc\:w-506rpx {
        width: calc(var(--rpx, 1px)*506)
    }

    .zn--wrapper .pc\:w-179\.3rpx {
        width: calc(var(--rpx, 1px)*179.3)
    }

    .zn--wrapper .pc\:w-167\.4rpx {
        width: calc(var(--rpx, 1px)*167.4)
    }

    .zn--wrapper .pc\:w-259rpx {
        width: calc(var(--rpx, 1px)*259)
    }

    .zn--wrapper .pc\:w-58rpx {
        width: calc(var(--rpx, 1px)*58)
    }

    .zn--wrapper .pc\:w-54rpx {
        width: calc(var(--rpx, 1px)*54)
    }

    .zn--wrapper .pc\:w-22rpx {
        width: calc(var(--rpx, 1px)*22)
    }

    .zn--wrapper .pc\:w-59\.61rpx {
        width: calc(var(--rpx, 1px)*59.61)
    }

    .zn--wrapper .pc\:w-498\.6rpx {
        width: calc(var(--rpx, 1px)*498.6)
    }

    .zn--wrapper .pc\:w-344rpx {
        width: calc(var(--rpx, 1px)*344)
    }

    .zn--wrapper .pc\:w-550\.54rpx {
        width: calc(var(--rpx, 1px)*550.54)
    }

    .zn--wrapper .pc\:w-59\.5rpx {
        width: calc(var(--rpx, 1px)*59.5)
    }

    .zn--wrapper .pc\:w-32\.56rpx {
        width: calc(var(--rpx, 1px)*32.56)
    }

    .zn--wrapper .pc\:w-32\.3rpx {
        width: calc(var(--rpx, 1px)*32.3)
    }

    .zn--wrapper .pc\:w-596rpx {
        width: calc(var(--rpx, 1px)*596)
    }

    .zn--wrapper .pc\:w-79rpx {
        width: calc(var(--rpx, 1px)*79)
    }

    .zn--wrapper .pc\:w-6px {
        width: 6px
    }

    .zn--wrapper .pc\:w-32rpx {
        width: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .pc\:w-510rpx {
        width: calc(var(--rpx, 1px)*510)
    }

    .zn--wrapper .pc\:w-263rpx {
        width: calc(var(--rpx, 1px)*263)
    }

    .zn--wrapper .pc\:w-470rpx {
        width: calc(var(--rpx, 1px)*470)
    }

    .zn--wrapper .pc\:w-784rpx {
        width: calc(var(--rpx, 1px)*784)
    }

    .zn--wrapper .pc\:w-485rpx {
        width: calc(var(--rpx, 1px)*485)
    }

    .zn--wrapper .pc\:w-552rpx {
        width: calc(var(--rpx, 1px)*552)
    }

    .zn--wrapper .pc\:w-8rpx {
        width: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pc\:w-2737rpx {
        width: calc(var(--rpx, 1px)*2737)
    }

    .zn--wrapper .pc\:w-50rpx {
        width: calc(var(--rpx, 1px)*50)
    }

    .zn--wrapper .pc\:w-8\.64rpx {
        width: calc(var(--rpx, 1px)*8.64)
    }

    .zn--wrapper .pc\:w-591rpx {
        width: calc(var(--rpx, 1px)*591)
    }

    .zn--wrapper .pc\:w-359rpx {
        width: calc(var(--rpx, 1px)*359)
    }

    .zn--wrapper .pc\:w-412rpx {
        width: calc(var(--rpx, 1px)*412)
    }

    .zn--wrapper .pc\:w-583rpx {
        width: calc(var(--rpx, 1px)*583)
    }

    .zn--wrapper .pc\:w-260rpx {
        width: calc(var(--rpx, 1px)*260)
    }

    .zn--wrapper .pc\:w-90rpx {
        width: calc(var(--rpx, 1px)*90)
    }

    .zn--wrapper .pc\:w-60rpx {
        width: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .pc\:w-880rpx {
        width: calc(var(--rpx, 1px)*880)
    }

    .zn--wrapper .pc\:w-810rpx {
        width: calc(var(--rpx, 1px)*810)
    }

    .zn--wrapper .pc\:w-815rpx {
        width: calc(var(--rpx, 1px)*815)
    }

    .zn--wrapper .pc\:w-910rpx {
        width: calc(var(--rpx, 1px)*910)
    }

    .zn--wrapper .pc\:w-1000rpx {
        width: calc(var(--rpx, 1px)*1000)
    }

    .zn--wrapper .pc\:w-65\.2777vw {
        width: 65.2777vw;
        width: calc(var(--vw, 1vw)*65.2777)
    }

    .zn--wrapper .pc\:w-61\.1111vw {
        width: 61.1111vw;
        width: calc(var(--vw, 1vw)*61.1111)
    }

    .zn--wrapper .pc\:w-220rpx {
        width: calc(var(--rpx, 1px)*220)
    }

    .zn--wrapper .pc\:w-706rpx {
        width: calc(var(--rpx, 1px)*706)
    }

    .zn--wrapper .pc\:w-1308rpx {
        width: calc(var(--rpx, 1px)*1308)
    }

    .zn--wrapper .pc\:w-402rpx {
        width: calc(var(--rpx, 1px)*402)
    }

    .zn--wrapper .pc\:w-672rpx {
        width: calc(var(--rpx, 1px)*672)
    }

    .zn--wrapper .pc\:w-27\.9rpx {
        width: calc(var(--rpx, 1px)*27.9)
    }

    .zn--wrapper .pc\:w-38rpx {
        width: calc(var(--rpx, 1px)*38)
    }

    .zn--wrapper .pc\:w-41\.12rpx {
        width: calc(var(--rpx, 1px)*41.12)
    }

    .zn--wrapper .pc\:w-1000rpx {
        width: calc(var(--rpx, 1px)*1000)
    }

    .zn--wrapper .pc\:w-600rpx {
        width: calc(var(--rpx, 1px)*600)
    }

    .zn--wrapper .pc\:w-200rpx {
        width: calc(var(--rpx, 1px)*200)
    }

    .zn--wrapper .pc\:w-592rpx {
        width: calc(var(--rpx, 1px)*592)
    }

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

    .zn--wrapper .pc\:w-594rpx {
        width: calc(var(--rpx, 1px)*594)
    }

    .zn--wrapper .pc\:w-205rpx {
        width: calc(var(--rpx, 1px)*205)
    }

    .zn--wrapper .pc\:w-235rpx {
        width: calc(var(--rpx, 1px)*235)
    }

    .zn--wrapper .pc\:w-1607rpx {
        width: calc(var(--rpx, 1px)*1607)
    }

    .zn--wrapper .pc\:w-574rpx {
        width: calc(var(--rpx, 1px)*574)
    }

    .zn--wrapper .pc\:w-440rpx {
        width: calc(var(--rpx, 1px)*440)
    }

    .zn--wrapper .pc\:w-184rpx {
        width: calc(var(--rpx, 1px)*184)
    }

    .zn--wrapper .pc\:w-508rpx {
        width: calc(var(--rpx, 1px)*508)
    }

    .zn--wrapper .pc\:w-28rpx {
        width: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .pc\:w-430rpx {
        width: calc(var(--rpx, 1px)*430)
    }

    .zn--wrapper .pc\:w-718rpx {
        width: calc(var(--rpx, 1px)*718)
    }

    .zn--wrapper .pc\:w-299rpx {
        width: calc(var(--rpx, 1px)*299)
    }

    .zn--wrapper .pc\:w-593rpx {
        width: calc(var(--rpx, 1px)*593)
    }

    .zn--wrapper .pc\:w-569rpx {
        width: calc(var(--rpx, 1px)*569)
    }

    .zn--wrapper .pc\:w-241rpx {
        width: calc(var(--rpx, 1px)*241)
    }

    .zn--wrapper .pc\:w-1310rpx {
        width: calc(var(--rpx, 1px)*1310)
    }

    .zn--wrapper .pc\:w-1348rpx {
        width: calc(var(--rpx, 1px)*1348)
    }

    .zn--wrapper .pc\:w-1152rpx {
        width: calc(var(--rpx, 1px)*1152)
    }

    .zn--wrapper .pc\:w-553rpx {
        width: calc(var(--rpx, 1px)*553)
    }

    .zn--wrapper .pc\:w-92rpx {
        width: calc(var(--rpx, 1px)*92)
    }

    .zn--wrapper .pc\:w-560rpx {
        width: calc(var(--rpx, 1px)*560)
    }

    .zn--wrapper .pc\:w-24rpx {
        width: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pc\:w-576rpx {
        width: calc(var(--rpx, 1px)*576)
    }

    .zn--wrapper .pc\:w-688rpx {
        width: calc(var(--rpx, 1px)*688)
    }

    .zn--wrapper .pc\:w-190rpx {
        width: calc(var(--rpx, 1px)*190)
    }

    .zn--wrapper .pc\:w-1040rpx {
        width: calc(var(--rpx, 1px)*1040)
    }

    .zn--wrapper .pc\:w-146rpx {
        width: calc(var(--rpx, 1px)*146)
    }

    .zn--wrapper .pc\:w-686rpx {
        width: calc(var(--rpx, 1px)*686)
    }

    .zn--wrapper .pc\:w-282rpx {
        width: calc(var(--rpx, 1px)*282)
    }

    .zn--wrapper .pc\:w-307rpx {
        width: calc(var(--rpx, 1px)*307)
    }

    .zn--wrapper .pc\:w-516rpx {
        width: calc(var(--rpx, 1px)*516)
    }

    .zn--wrapper .pc\:w-680rpx {
        width: calc(var(--rpx, 1px)*680)
    }

    .zn--wrapper .pc\:w-780rpx {
        width: calc(var(--rpx, 1px)*780)
    }

    .zn--wrapper .pc\:w-294\.86rpx {
        width: calc(var(--rpx, 1px)*294.86)
    }

    .zn--wrapper .pc\:w-271\.19rpx {
        width: calc(var(--rpx, 1px)*271.19)
    }

    .zn--wrapper .pc\:w-261\.83rpx {
        width: calc(var(--rpx, 1px)*261.83)
    }

    .zn--wrapper .pc\:w-1102rpx {
        width: calc(var(--rpx, 1px)*1102)
    }

    .zn--wrapper .pc\:w-531\.22rpx {
        width: calc(var(--rpx, 1px)*531.22)
    }

    .zn--wrapper .pc\:w-115rpx {
        width: calc(var(--rpx, 1px)*115)
    }

    .zn--wrapper .pc\:w-121rpx {
        width: calc(var(--rpx, 1px)*121)
    }

    .zn--wrapper .pc\:w-175rpx {
        width: calc(var(--rpx, 1px)*175)
    }

    .zn--wrapper .pc\:w-191rpx {
        width: calc(var(--rpx, 1px)*191)
    }

    .zn--wrapper .pc\:w-472rpx {
        width: calc(var(--rpx, 1px)*472)
    }

    .zn--wrapper .pc\:w-332rpx {
        width: calc(var(--rpx, 1px)*332)
    }

    .zn--wrapper .pc\:w-48rpx {
        width: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .pc\:w-1680rpx {
        width: calc(var(--rpx, 1px)*1680)
    }

    .zn--wrapper .pc\:w-1055rpx {
        width: calc(var(--rpx, 1px)*1055)
    }

    .zn--wrapper .pc\:w-464rpx {
        width: calc(var(--rpx, 1px)*464)
    }

    .zn--wrapper .pc\:w-325rpx {
        width: calc(var(--rpx, 1px)*325)
    }

    .zn--wrapper .pc\:w-335rpx {
        width: calc(var(--rpx, 1px)*335)
    }

    .zn--wrapper .pc\:w-167\.37rpx {
        width: calc(var(--rpx, 1px)*167.37)
    }

    .zn--wrapper .pc\:w-512rpx {
        width: calc(var(--rpx, 1px)*512)
    }

    .zn--wrapper .pc\:w-620rpx {
        width: calc(var(--rpx, 1px)*620)
    }

    .zn--wrapper .pc\:w-526rpx {
        width: calc(var(--rpx, 1px)*526)
    }

    .zn--wrapper .pc\:w-13\.5417vw {
        width: 13.5417vw;
        width: calc(var(--vw, 1vw)*13.5417)
    }

    .zn--wrapper .pc\:w-21\.8056vw {
        width: 21.8056vw;
        width: calc(var(--vw, 1vw)*21.8056)
    }

    .zn--wrapper .pc\:w-900rpx {
        width: calc(var(--rpx, 1px)*900)
    }

    .zn--wrapper .pc\:w-363rpx {
        width: calc(var(--rpx, 1px)*363)
    }

    .zn--wrapper .pc\:w-70rpx {
        width: calc(var(--rpx, 1px)*70)
    }

    .zn--wrapper .pc\:w-775rpx {
        width: calc(var(--rpx, 1px)*775)
    }

    .zn--wrapper .pc\:w-762rpx {
        width: calc(var(--rpx, 1px)*762)
    }

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

    .zn--wrapper .pc\:w-42rpx {
        width: calc(var(--rpx, 1px)*42)
    }

    .zn--wrapper .pc\:w-18\.6806vw {
        width: 18.6806vw;
        width: calc(var(--vw, 1vw)*18.6806)
    }

    .zn--wrapper .pc\:w-27\.7778vw {
        width: 27.7778vw;
        width: calc(var(--vw, 1vw)*27.7778)
    }

    .zn--wrapper .pc\:w-27\.8472vw {
        width: 27.8472vw;
        width: calc(var(--vw, 1vw)*27.8472)
    }

    .zn--wrapper .pc\:w-3rpx {
        width: calc(var(--rpx, 1px)*3)
    }

    .zn--wrapper .pc\:w-830rpx {
        width: calc(var(--rpx, 1px)*830)
    }

    .zn--wrapper .pc\:w-13rpx {
        width: calc(var(--rpx, 1px)*13)
    }

    .zn--wrapper .pc\:w-393rpx {
        width: calc(var(--rpx, 1px)*393)
    }

    .zn--wrapper .pc\:w-384rpx {
        width: calc(var(--rpx, 1px)*384)
    }

    .zn--wrapper .pc\:w-390rpx {
        width: calc(var(--rpx, 1px)*390)
    }

    .zn--wrapper .pc\:w-594\.6667rpx {
        width: calc(var(--rpx, 1px)*594.6667)
    }

    .zn--wrapper .pc\:w-15rpx {
        width: calc(var(--rpx, 1px)*15)
    }

    .zn--wrapper .pc\:w-787rpx {
        width: calc(var(--rpx, 1px)*787)
    }

    .zn--wrapper .pc\:w-356rpx {
        width: calc(var(--rpx, 1px)*356)
    }

    .zn--wrapper .pc\:w-140rpx {
        width: calc(var(--rpx, 1px)*140)
    }

    .zn--wrapper .pc\:w-610rpx {
        width: calc(var(--rpx, 1px)*610)
    }

    .zn--wrapper .pc\:w-14rpx {
        width: calc(var(--rpx, 1px)*14)
    }

    .zn--wrapper .pc\:w-654rpx {
        width: calc(var(--rpx, 1px)*654)
    }

    .zn--wrapper .pc\:w-224\.26rpx {
        width: calc(var(--rpx, 1px)*224.26)
    }

    .zn--wrapper .pc\:w-208\.5rpx {
        width: calc(var(--rpx, 1px)*208.5)
    }

    .zn--wrapper .pc\:w-220\.54rpx {
        width: calc(var(--rpx, 1px)*220.54)
    }

    .zn--wrapper .pc\:w-646rpx {
        width: calc(var(--rpx, 1px)*646)
    }

    .zn--wrapper .pc\:w-170rpx {
        width: calc(var(--rpx, 1px)*170)
    }

    .zn--wrapper .pc\:w-40rpx {
        width: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .pc\:w-59\.38rpx {
        width: calc(var(--rpx, 1px)*59.38)
    }

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

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

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

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

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

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

    .zn--wrapper .pc\:gap-x-27\.67rpx {
        grid-column-gap: calc(var(--rpx, 1px)*27.67);
        -webkit-column-gap: calc(var(--rpx, 1px)*27.67);
        -moz-column-gap: calc(var(--rpx, 1px)*27.67);
        column-gap: calc(var(--rpx, 1px)*27.67)
    }

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

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

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

    .zn--wrapper .pc\:gap-y-12rpx {
        grid-row-gap: calc(var(--rpx, 1px)*12);
        -webkit-row-gap: calc(var(--rpx, 1px)*12);
        -moz-row-gap: calc(var(--rpx, 1px)*12);
        row-gap: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pc\:gap-y-30rpx {
        grid-row-gap: calc(var(--rpx, 1px)*30);
        -webkit-row-gap: calc(var(--rpx, 1px)*30);
        -moz-row-gap: calc(var(--rpx, 1px)*30);
        row-gap: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .pc\:gap-y-24rpx {
        grid-row-gap: calc(var(--rpx, 1px)*24);
        -webkit-row-gap: calc(var(--rpx, 1px)*24);
        -moz-row-gap: calc(var(--rpx, 1px)*24);
        row-gap: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pc\:gap-y-32rpx {
        grid-row-gap: calc(var(--rpx, 1px)*32);
        -webkit-row-gap: calc(var(--rpx, 1px)*32);
        -moz-row-gap: calc(var(--rpx, 1px)*32);
        row-gap: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .pc\:gap-y-28rpx {
        grid-row-gap: calc(var(--rpx, 1px)*28);
        -webkit-row-gap: calc(var(--rpx, 1px)*28);
        -moz-row-gap: calc(var(--rpx, 1px)*28);
        row-gap: calc(var(--rpx, 1px)*28)
    }

    .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;
        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\:translate-x-\[-50\%\] {
        --tw-translate-x: -50%
    }

    .zn--wrapper .pc\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

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

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

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

    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 400
    }

    .zn--wrapper .mo\:space-x-16px>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(16px*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(16px*var(--tw-space-x-reverse))
    }

    .zn--wrapper .mo\:rounded-12rpx {
        border-radius: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .mo\:rounded-4rpx {
        border-radius: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .mo\:rounded-17rpx {
        border-radius: calc(var(--rpx, 1px)*17)
    }

    .zn--wrapper .mo\:rounded-20rpx {
        border-radius: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .mo\:rounded-36rpx {
        border-radius: calc(var(--rpx, 1px)*36)
    }

    .zn--wrapper .mo\:rounded-16rpx {
        border-radius: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:rounded-16\.08rpx {
        border-radius: calc(var(--rpx, 1px)*16.08)
    }

    .zn--wrapper .mo\:flex {
        display: flex
    }

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

    .zn--wrapper .mo\:flex-wrap {
        flex-wrap: wrap
    }

    .zn--wrapper .mo\:flex-nowrap {
        flex-wrap: nowrap
    }

    .zn--wrapper .mo\:items-start {
        align-items: flex-start
    }

    .zn--wrapper .mo\:items-end {
        align-items: flex-end
    }

    .zn--wrapper .mo\:items-center {
        align-items: center
    }

    .zn--wrapper .mo\:justify-start {
        justify-content: flex-start
    }

    .zn--wrapper .mo\:justify-end {
        justify-content: flex-end
    }

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

    .zn--wrapper .mo\:justify-between {
        justify-content: space-between
    }

    .zn--wrapper .mo\:flex-1 {
        flex: 1 1 0%
    }

    .zn--wrapper .mo\:flex-shrink-0 {
        flex-shrink: 0
    }

    .zn--wrapper .mo\:order-1 {
        order: 1
    }

    .zn--wrapper .mo\:order-3 {
        order: 3
    }

    .zn--wrapper .mo\:order-2 {
        order: 2
    }

    .zn--wrapper .mo\:order-4 {
        order: 4
    }

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

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

    .zn--wrapper .mo\:h-640rpx {
        height: calc(var(--rpx, 1px)*640)
    }

    .zn--wrapper .mo\:h-1\.38rpx {
        height: calc(var(--rpx, 1px)*1.38)
    }

    .zn--wrapper .mo\:h-84rpx {
        height: calc(var(--rpx, 1px)*84)
    }

    .zn--wrapper .mo\:h-97rpx {
        height: calc(var(--rpx, 1px)*97)
    }

    .zn--wrapper .mo\:h-23rpx {
        height: calc(var(--rpx, 1px)*23)
    }

    .zn--wrapper .mo\:h-187rpx {
        height: calc(var(--rpx, 1px)*187)
    }

    .zn--wrapper .mo\:h-239rpx {
        height: calc(var(--rpx, 1px)*239)
    }

    .zn--wrapper .mo\:h-420rpx {
        height: calc(var(--rpx, 1px)*420)
    }

    .zn--wrapper .mo\:h-199rpx {
        height: calc(var(--rpx, 1px)*199)
    }

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

    .zn--wrapper .mo\:h-36px {
        height: 36px
    }

    .zn--wrapper .mo\:h-681rpx {
        height: calc(var(--rpx, 1px)*681)
    }

    .zn--wrapper .mo\:h-71px {
        height: 71px
    }

    .zn--wrapper .mo\:h-83px {
        height: 83px
    }

    .zn--wrapper .mo\:h-198rpx {
        height: calc(var(--rpx, 1px)*198)
    }

    .zn--wrapper .mo\:h-192rpx {
        height: calc(var(--rpx, 1px)*192)
    }

    .zn--wrapper .mo\:h-229\.44rpx {
        height: calc(var(--rpx, 1px)*229.44)
    }

    .zn--wrapper .mo\:h-19\.34rpx {
        height: calc(var(--rpx, 1px)*19.34)
    }

    .zn--wrapper .mo\:h-12\.36rpx {
        height: calc(var(--rpx, 1px)*12.36)
    }

    .zn--wrapper .mo\:h-11\.28rpx {
        height: calc(var(--rpx, 1px)*11.28)
    }

    .zn--wrapper .mo\:h-21\.678rpx {
        height: calc(var(--rpx, 1px)*21.678)
    }

    .zn--wrapper .mo\:h-186rpx {
        height: calc(var(--rpx, 1px)*186)
    }

    .zn--wrapper .mo\:h-62rpx {
        height: calc(var(--rpx, 1px)*62)
    }

    .zn--wrapper .mo\:h-45\.46rpx {
        height: calc(var(--rpx, 1px)*45.46)
    }

    .zn--wrapper .mo\:h-48rpx {
        height: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .mo\:h-17\.37rpx {
        height: calc(var(--rpx, 1px)*17.37)
    }

    .zn--wrapper .mo\:h-13\.86rpx {
        height: calc(var(--rpx, 1px)*13.86)
    }

    .zn--wrapper .mo\:h-5\.42rpx {
        height: calc(var(--rpx, 1px)*5.42)
    }

    .zn--wrapper .mo\:h-69rpx {
        height: calc(var(--rpx, 1px)*69)
    }

    .zn--wrapper .mo\:h-6px {
        height: 6px
    }

    .zn--wrapper .mo\:h-26px {
        height: 26px
    }

    .zn--wrapper .mo\:h-423rpx {
        height: calc(var(--rpx, 1px)*423)
    }

    .zn--wrapper .mo\:h-371rpx {
        height: calc(var(--rpx, 1px)*371)
    }

    .zn--wrapper .mo\:h-51rpx {
        height: calc(var(--rpx, 1px)*51)
    }

    .zn--wrapper .mo\:h-359rpx {
        height: calc(var(--rpx, 1px)*359)
    }

    .zn--wrapper .mo\:h-154rpx {
        height: calc(var(--rpx, 1px)*154)
    }

    .zn--wrapper .mo\:h-74rpx {
        height: calc(var(--rpx, 1px)*74)
    }

    .zn--wrapper .mo\:h-8rpx {
        height: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .mo\:h-32rpx {
        height: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:h-182rpx {
        height: calc(var(--rpx, 1px)*182)
    }

    .zn--wrapper .mo\:h-220rpx {
        height: calc(var(--rpx, 1px)*220)
    }

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

    .zn--wrapper .mo\:h-940rpx {
        height: calc(var(--rpx, 1px)*940)
    }

    .zn--wrapper .mo\:h-412rpx {
        height: calc(var(--rpx, 1px)*412)
    }

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

    .zn--wrapper .mo\:h-100px {
        height: 100px
    }

    .zn--wrapper .mo\:h-39px {
        height: 39px
    }

    .zn--wrapper .mo\:h-137px {
        height: 137px
    }

    .zn--wrapper .mo\:h-579rpx {
        height: calc(var(--rpx, 1px)*579)
    }

    .zn--wrapper .mo\:h-328\.5rpx {
        height: calc(var(--rpx, 1px)*328.5)
    }

    .zn--wrapper .mo\:h-168rpx {
        height: calc(var(--rpx, 1px)*168)
    }

    .zn--wrapper .mo\:h-17\.66rpx {
        height: calc(var(--rpx, 1px)*17.66)
    }

    .zn--wrapper .mo\:h-203rpx {
        height: calc(var(--rpx, 1px)*203)
    }

    .zn--wrapper .mo\:h-5rpx {
        height: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .mo\:h-868rpx {
        height: calc(var(--rpx, 1px)*868)
    }

    .zn--wrapper .mo\:h-26rpx {
        height: calc(var(--rpx, 1px)*26)
    }

    .zn--wrapper .mo\:h-340rpx {
        height: calc(var(--rpx, 1px)*340)
    }

    .zn--wrapper .mo\:h-328rpx {
        height: calc(var(--rpx, 1px)*328)
    }

    .zn--wrapper .mo\:h-320rpx {
        height: calc(var(--rpx, 1px)*320)
    }

    .zn--wrapper .mo\:h-222rpx {
        height: calc(var(--rpx, 1px)*222)
    }

    .zn--wrapper .mo\:h-28rpx {
        height: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .mo\:h-6rpx {
        height: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .mo\:h-206rpx {
        height: calc(var(--rpx, 1px)*206)
    }

    .zn--wrapper .mo\:h-156\.11vw {
        height: 156.11vw;
        height: calc(var(--vw, 1vw)*156.11)
    }

    .zn--wrapper .mo\:h-495rpx {
        height: calc(var(--rpx, 1px)*495)
    }

    .zn--wrapper .mo\:h-70rpx {
        height: calc(var(--rpx, 1px)*70)
    }

    .zn--wrapper .mo\:h-642\.6rpx {
        height: calc(var(--rpx, 1px)*642.6)
    }

    .zn--wrapper .mo\:h-338rpx {
        height: calc(var(--rpx, 1px)*338)
    }

    .zn--wrapper .mo\:h-119\.2rpx {
        height: calc(var(--rpx, 1px)*119.2)
    }

    .zn--wrapper .mo\:h-21\.82rpx {
        height: calc(var(--rpx, 1px)*21.82)
    }

    .zn--wrapper .mo\:h-20px {
        height: 20px
    }

    .zn--wrapper .mo\:h-389rpx {
        height: calc(var(--rpx, 1px)*389)
    }

    .zn--wrapper .mo\:h-42rpx {
        height: calc(var(--rpx, 1px)*42)
    }

    .zn--wrapper .mo\:h-200rpx {
        height: calc(var(--rpx, 1px)*200)
    }

    .zn--wrapper .mo\:h-55rpx {
        height: calc(var(--rpx, 1px)*55)
    }

    .zn--wrapper .mo\:h-350rpx {
        height: calc(var(--rpx, 1px)*350)
    }

    .zn--wrapper .mo\:h-326rpx {
        height: calc(var(--rpx, 1px)*326)
    }

    .zn--wrapper .mo\:h-314\.72rpx {
        height: calc(var(--rpx, 1px)*314.72)
    }

    .zn--wrapper .mo\:h-273\.51rpx {
        height: calc(var(--rpx, 1px)*273.51)
    }

    .zn--wrapper .mo\:h-279\.9597rpx {
        height: calc(var(--rpx, 1px)*279.9597)
    }

    .zn--wrapper .mo\:h-24rpx {
        height: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .mo\:h-396rpx {
        height: calc(var(--rpx, 1px)*396)
    }

    .zn--wrapper .mo\:h-34rpx {
        height: calc(var(--rpx, 1px)*34)
    }

    .zn--wrapper .mo\:h-29\.17rpx {
        height: calc(var(--rpx, 1px)*29.17)
    }

    .zn--wrapper .mo\:h-29rpx {
        height: calc(var(--rpx, 1px)*29)
    }

    .zn--wrapper .mo\:h-29\.49rpx {
        height: calc(var(--rpx, 1px)*29.49)
    }

    .zn--wrapper .mo\:h-462rpx {
        height: calc(var(--rpx, 1px)*462)
    }

    .zn--wrapper .mo\:h-150rpx {
        height: calc(var(--rpx, 1px)*150)
    }

    .zn--wrapper .mo\:h-353\.77rpx {
        height: calc(var(--rpx, 1px)*353.77)
    }

    .zn--wrapper .mo\:h-162rpx {
        height: calc(var(--rpx, 1px)*162)
    }

    .zn--wrapper .mo\:h-161\.16rpx {
        height: calc(var(--rpx, 1px)*161.16)
    }

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

    .zn--wrapper .mo\:h-181\.6667vw {
        height: 181.6667vw;
        height: calc(var(--vw, 1vw)*181.6667)
    }

    .zn--wrapper .mo\:h-91\.6667vw {
        height: 91.6667vw;
        height: calc(var(--vw, 1vw)*91.6667)
    }

    .zn--wrapper .mo\:h-105\.8333vw {
        height: 105.8333vw;
        height: calc(var(--vw, 1vw)*105.8333)
    }

    .zn--wrapper .mo\:h-63\.3333vw {
        height: 63.3333vw;
        height: calc(var(--vw, 1vw)*63.3333)
    }

    .zn--wrapper .mo\:h-77\.5vw {
        height: 77.5vw;
        height: calc(var(--vw, 1vw)*77.5)
    }

    .zn--wrapper .mo\:h-72\.5vw {
        height: 72.5vw;
        height: calc(var(--vw, 1vw)*72.5)
    }

    .zn--wrapper .mo\:h-114rpx {
        height: calc(var(--rpx, 1px)*114)
    }

    .zn--wrapper .mo\:h-157rpx {
        height: calc(var(--rpx, 1px)*157)
    }

    .zn--wrapper .mo\:h-312rpx {
        height: calc(var(--rpx, 1px)*312)
    }

    .zn--wrapper .mo\:h-672rpx {
        height: calc(var(--rpx, 1px)*672)
    }

    .zn--wrapper .mo\:h-368rpx {
        height: calc(var(--rpx, 1px)*368)
    }

    .zn--wrapper .mo\:h-304rpx {
        height: calc(var(--rpx, 1px)*304)
    }

    .zn--wrapper .mo\:h-512rpx {
        height: calc(var(--rpx, 1px)*512)
    }

    .zn--wrapper .mo\:h-355rpx {
        height: calc(var(--rpx, 1px)*355)
    }

    .zn--wrapper .mo\:h-63rpx {
        height: calc(var(--rpx, 1px)*63)
    }

    .zn--wrapper .mo\:h-387rpx {
        height: calc(var(--rpx, 1px)*387)
    }

    .zn--wrapper .mo\:h-12rpx {
        height: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .mo\:h-181\.5rpx {
        height: calc(var(--rpx, 1px)*181.5)
    }

    .zn--wrapper .mo\:h-234rpx {
        height: calc(var(--rpx, 1px)*234)
    }

    .zn--wrapper .mo\:h-123rpx {
        height: calc(var(--rpx, 1px)*123)
    }

    .zn--wrapper .mo\:h-137rpx {
        height: calc(var(--rpx, 1px)*137)
    }

    .zn--wrapper .mo\:h-297rpx {
        height: calc(var(--rpx, 1px)*297)
    }

    .zn--wrapper .mo\:h-242\.86rpx {
        height: calc(var(--rpx, 1px)*242.86)
    }

    .zn--wrapper .mo\:h-238\.83rpx {
        height: calc(var(--rpx, 1px)*238.83)
    }

    .zn--wrapper .mo\:h-245\.48rpx {
        height: calc(var(--rpx, 1px)*245.48)
    }

    .zn--wrapper .mo\:h-284rpx {
        height: calc(var(--rpx, 1px)*284)
    }

    .zn--wrapper .mo\:h-415rpx {
        height: calc(var(--rpx, 1px)*415)
    }

    .zn--wrapper .mo\:h-3rpx {
        height: calc(var(--rpx, 1px)*3)
    }

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

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

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

    .zn--wrapper .mo\:text-15px {
        font-size: 15px;
        line-height: 1
    }

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

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

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

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

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

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

    .zn--wrapper .mo\:text-24rpx {
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

    .zn--wrapper .mo\:text-12rpx {
        font-size: calc(var(--rpx, 1px)*12);
        line-height: 1
    }

    .zn--wrapper .mo\:text-28rpx {
        font-size: calc(var(--rpx, 1px)*28);
        line-height: 1
    }

    .zn--wrapper .mo\:text-14rpx {
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .zn--wrapper .mo\:text-20rpx {
        font-size: calc(var(--rpx, 1px)*20);
        line-height: 1
    }

    .zn--wrapper .mo\:text-10px {
        font-size: 10px;
        line-height: 1
    }

    .zn--wrapper .mo\:text-13px {
        font-size: 13px;
        line-height: 1
    }

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

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

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

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

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

    .zn--wrapper .mo\:m-auto {
        margin: auto
    }

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

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

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

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

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

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

    .zn--wrapper .mo\:my-12px {
        margin-bottom: 12px;
        margin-top: 12px
    }

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

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

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

    .zn--wrapper .mo\:mt-24px {
        margin-top: 24px
    }

    .zn--wrapper .mo\:mb-32px {
        margin-bottom: 32px
    }

    .zn--wrapper .mo\:mb-4px {
        margin-bottom: 4px
    }

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

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

    .zn--wrapper .mo\:mb-24px {
        margin-bottom: 24px
    }

    .zn--wrapper .mo\:mr-2px {
        margin-right: 2px
    }

    .zn--wrapper .mo\:mb-2\.5px {
        margin-bottom: 2.5px
    }

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

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

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

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

    .zn--wrapper .mo\:mt-48px {
        margin-top: 48px
    }

    .zn--wrapper .mo\:mt-16px {
        margin-top: 16px
    }

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

    .zn--wrapper .mo\:ml-2px {
        margin-left: 2px
    }

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:mr-91rpx {
        margin-right: calc(var(--rpx, 1px)*91)
    }

    .zn--wrapper .mo\:ml-3px {
        margin-left: 3px
    }

    .zn--wrapper .mo\:mb-2px {
        margin-bottom: 2px
    }

    .zn--wrapper .mo\:mr-12rpx {
        margin-right: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .mo\:mb-16px {
        margin-bottom: 16px
    }

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

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

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

    .zn--wrapper .mo\:mt-28px {
        margin-top: 28px
    }

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

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

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

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

    .zn--wrapper .mo\:mt-358\.52rpx {
        margin-top: calc(var(--rpx, 1px)*358.52)
    }

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

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

    .zn--wrapper .mo\:mt-49\.15rpx {
        margin-top: calc(var(--rpx, 1px)*49.15)
    }

    .zn--wrapper .mo\:ml-6px {
        margin-left: 6px
    }

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:mr-10px {
        margin-right: 10px
    }

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

    .zn--wrapper .mo\:overflow-x-auto {
        overflow-x: auto
    }

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

    .zn--wrapper .mo\:p-1px {
        padding: 1px
    }

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

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

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

    .zn--wrapper .mo\:py-3px {
        padding-bottom: 3px;
        padding-top: 3px
    }

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

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

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

    .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\:py-6rpx {
        padding-bottom: calc(var(--rpx, 1px)*6);
        padding-top: calc(var(--rpx, 1px)*6)
    }

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

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

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

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

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

    .zn--wrapper .mo\:py-7px {
        padding-bottom: 7px;
        padding-top: 7px
    }

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

    .zn--wrapper .mo\:px-45\.5rpx {
        padding-left: calc(var(--rpx, 1px)*45.5);
        padding-right: calc(var(--rpx, 1px)*45.5)
    }

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

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

    .zn--wrapper .mo\:px-23\.5rpx {
        padding-left: calc(var(--rpx, 1px)*23.5);
        padding-right: calc(var(--rpx, 1px)*23.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:pb-3px {
        padding-bottom: 3px
    }

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

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

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

    .zn--wrapper .mo\:bottom-8\.62rpx {
        bottom: calc(var(--rpx, 1px)*8.62)
    }

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

    .zn--wrapper .mo\:top-183rpx {
        top: calc(var(--rpx, 1px)*183)
    }

    .zn--wrapper .mo\:left-122rpx {
        left: calc(var(--rpx, 1px)*122)
    }

    .zn--wrapper .mo\:top-88rpx {
        top: calc(var(--rpx, 1px)*88)
    }

    .zn--wrapper .mo\:left-49rpx {
        left: calc(var(--rpx, 1px)*49)
    }

    .zn--wrapper .mo\:top-1\.64vw {
        top: 1.64vw;
        top: calc(var(--vw, 1vw)*1.64)
    }

    .zn--wrapper .mo\:right-1\.64vw {
        right: 1.64vw;
        right: calc(var(--vw, 1vw)*1.64)
    }

    .zn--wrapper .mo\:-top-40rpx {
        top: calc(var(--rpx, 1px)*-40)
    }

    .zn--wrapper .mo\:top-435rpx {
        top: calc(var(--rpx, 1px)*435)
    }

    .zn--wrapper .mo\:top-490rpx {
        top: calc(var(--rpx, 1px)*490)
    }

    .zn--wrapper .mo\:left-5px {
        left: 5px
    }

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

    .zn--wrapper .mo\:left-214\.52rpx {
        left: calc(var(--rpx, 1px)*214.52)
    }

    .zn--wrapper .mo\:top-177rpx {
        top: calc(var(--rpx, 1px)*177)
    }

    .zn--wrapper .mo\:left-2\.5rpx {
        left: calc(var(--rpx, 1px)*2.5)
    }

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

    .zn--wrapper .mo\:left-50rpx {
        left: calc(var(--rpx, 1px)*50)
    }

    .zn--wrapper .mo\:top-176\.16rpx {
        top: calc(var(--rpx, 1px)*176.16)
    }

    .zn--wrapper .mo\:left-38\.46rpx {
        left: calc(var(--rpx, 1px)*38.46)
    }

    .zn--wrapper .mo\:top-151\.49rpx {
        top: calc(var(--rpx, 1px)*151.49)
    }

    .zn--wrapper .mo\:left-83\.02rpx {
        left: calc(var(--rpx, 1px)*83.02)
    }

    .zn--wrapper .mo\:top-146\.69rpx {
        top: calc(var(--rpx, 1px)*146.69)
    }

    .zn--wrapper .mo\:left-100\.21rpx {
        left: calc(var(--rpx, 1px)*100.21)
    }

    .zn--wrapper .mo\:top-27\.9rpx {
        top: calc(var(--rpx, 1px)*27.9)
    }

    .zn--wrapper .mo\:left-16\.716rpx {
        left: calc(var(--rpx, 1px)*16.716)
    }

    .zn--wrapper .mo\:top-155\.4rpx {
        top: calc(var(--rpx, 1px)*155.4)
    }

    .zn--wrapper .mo\:-left-84rpx {
        left: calc(var(--rpx, 1px)*-84)
    }

    .zn--wrapper .mo\:bottom-243\.26rpx {
        bottom: calc(var(--rpx, 1px)*243.26)
    }

    .zn--wrapper .mo\:left-71\.66rpx {
        left: calc(var(--rpx, 1px)*71.66)
    }

    .zn--wrapper .mo\:top-181\.74rpx {
        top: calc(var(--rpx, 1px)*181.74)
    }

    .zn--wrapper .mo\:left-30\.69rpx {
        left: calc(var(--rpx, 1px)*30.69)
    }

    .zn--wrapper .mo\:top-13\.11rpx {
        top: calc(var(--rpx, 1px)*13.11)
    }

    .zn--wrapper .mo\:left-17rpx {
        left: calc(var(--rpx, 1px)*17)
    }

    .zn--wrapper .mo\:top-239rpx {
        top: calc(var(--rpx, 1px)*239)
    }

    .zn--wrapper .mo\:left-23\.19rpx {
        left: calc(var(--rpx, 1px)*23.19)
    }

    .zn--wrapper .mo\:top-9\.99rpx {
        top: calc(var(--rpx, 1px)*9.99)
    }

    .zn--wrapper .mo\:top-30\.88rpx {
        top: calc(var(--rpx, 1px)*30.88)
    }

    .zn--wrapper .mo\:left-37\.68rpx {
        left: calc(var(--rpx, 1px)*37.68)
    }

    .zn--wrapper .mo\:top-39\.32rpx {
        top: calc(var(--rpx, 1px)*39.32)
    }

    .zn--wrapper .mo\:left-129\.64rpx {
        left: calc(var(--rpx, 1px)*129.64)
    }

    .zn--wrapper .mo\:left-173rpx {
        left: calc(var(--rpx, 1px)*173)
    }

    .zn--wrapper .mo\:top-278rpx {
        top: calc(var(--rpx, 1px)*278)
    }

    .zn--wrapper .mo\:left-126\.93rpx {
        left: calc(var(--rpx, 1px)*126.93)
    }

    .zn--wrapper .mo\:top-20\.24rpx {
        top: calc(var(--rpx, 1px)*20.24)
    }

    .zn--wrapper .mo\:left-120\.71rpx {
        left: calc(var(--rpx, 1px)*120.71)
    }

    .zn--wrapper .mo\:top-2\.87rpx {
        top: calc(var(--rpx, 1px)*2.87)
    }

    .zn--wrapper .mo\:left-28\.83rpx {
        left: calc(var(--rpx, 1px)*28.83)
    }

    .zn--wrapper .mo\:bottom-60rpx {
        bottom: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .mo\:-left-2px {
        left: -2px
    }

    .zn--wrapper .mo\:-top-2px {
        top: -2px
    }

    .zn--wrapper .mo\:-right-2px {
        right: -2px
    }

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

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

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

    .zn--wrapper .mo\:left-91\.79rpx {
        left: calc(var(--rpx, 1px)*91.79)
    }

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

    .zn--wrapper .mo\:left-43\.03rpx {
        left: calc(var(--rpx, 1px)*43.03)
    }

    .zn--wrapper .mo\:left-6\.97rpx {
        left: calc(var(--rpx, 1px)*6.97)
    }

    .zn--wrapper .mo\:top-6rpx {
        top: calc(var(--rpx, 1px)*6)
    }

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

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

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

    .zn--wrapper .mo\:-right-1rpx {
        right: calc(var(--rpx, 1px)*-1)
    }

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

    .zn--wrapper .mo\:left-10\.5rpx {
        left: calc(var(--rpx, 1px)*10.5)
    }

    .zn--wrapper .mo\:right-10\.5rpx {
        right: calc(var(--rpx, 1px)*10.5)
    }

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

    .zn--wrapper .mo\:-left-455rpx {
        left: calc(var(--rpx, 1px)*-455)
    }

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

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

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

    .zn--wrapper .mo\:bottom-16rpx {
        bottom: calc(var(--rpx, 1px)*16)
    }

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

    .zn--wrapper .mo\:-top-1\.5px {
        top: -1.5px
    }

    .zn--wrapper .mo\:left-6rpx {
        left: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .mo\:-top-1rpx {
        top: calc(var(--rpx, 1px)*-1)
    }

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

    .zn--wrapper .mo\:left-7px {
        left: 7px
    }

    .zn--wrapper .mo\:right-8rpx {
        right: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .mo\:bottom-8rpx {
        bottom: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .mo\:-bottom-1rpx {
        bottom: calc(var(--rpx, 1px)*-1)
    }

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

    .zn--wrapper .mo\:top-220\.4rpx {
        top: calc(var(--rpx, 1px)*220.4)
    }

    .zn--wrapper .mo\:top-242\.33rpx {
        top: calc(var(--rpx, 1px)*242.33)
    }

    .zn--wrapper .mo\:bottom-83rpx {
        bottom: calc(var(--rpx, 1px)*83)
    }

    .zn--wrapper .mo\:-left-176rpx {
        left: calc(var(--rpx, 1px)*-176)
    }

    .zn--wrapper .mo\:top-20\.4rpx {
        top: calc(var(--rpx, 1px)*20.4)
    }

    .zn--wrapper .mo\:left-228\.6rpx {
        left: calc(var(--rpx, 1px)*228.6)
    }

    .zn--wrapper .mo\:bottom-48rpx {
        bottom: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .mo\:bottom-117\.8rpx {
        bottom: calc(var(--rpx, 1px)*117.8)
    }

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

    .zn--wrapper .mo\:left-7\.72rpx {
        left: calc(var(--rpx, 1px)*7.72)
    }

    .zn--wrapper .mo\:top-2\.97rpx {
        top: calc(var(--rpx, 1px)*2.97)
    }

    .zn--wrapper .mo\:left-2\.81rpx {
        left: calc(var(--rpx, 1px)*2.81)
    }

    .zn--wrapper .mo\:top-2\.34rpx {
        top: calc(var(--rpx, 1px)*2.34)
    }

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

    .zn--wrapper .mo\:right-12rpx {
        right: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .mo\:top-100rpx {
        top: calc(var(--rpx, 1px)*100)
    }

    .zn--wrapper .mo\:left-113\.52rpx {
        left: calc(var(--rpx, 1px)*113.52)
    }

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

    .zn--wrapper .mo\:left-33\.3333vw {
        left: 33.3333vw;
        left: calc(var(--vw, 1vw)*33.3333)
    }

    .zn--wrapper .mo\:top-26\.1111vw {
        top: 26.1111vw;
        top: calc(var(--vw, 1vw)*26.1111)
    }

    .zn--wrapper .mo\:-left-104rpx {
        left: calc(var(--rpx, 1px)*-104)
    }

    .zn--wrapper .mo\:left-10\.8333vw {
        left: 10.8333vw;
        left: calc(var(--vw, 1vw)*10.8333)
    }

    .zn--wrapper .mo\:top-87\.5vw {
        top: 87.5vw;
        top: calc(var(--vw, 1vw)*87.5)
    }

    .zn--wrapper .mo\:-left-23rpx {
        left: calc(var(--rpx, 1px)*-23)
    }

    .zn--wrapper .mo\:bottom-150\.55555556vw {
        bottom: 150.55555556vw;
        bottom: calc(var(--vw, 1vw)*150.55556)
    }

    .zn--wrapper .mo\:right-16rpx {
        right: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .mo\:left-52\.2222vw {
        left: 52.2222vw;
        left: calc(var(--vw, 1vw)*52.2222)
    }

    .zn--wrapper .mo\:bottom-116\.11111111vw {
        bottom: 116.11111111vw;
        bottom: calc(var(--vw, 1vw)*116.11111)
    }

    .zn--wrapper .mo\:left-65\.2778vw {
        left: 65.2778vw;
        left: calc(var(--vw, 1vw)*65.2778)
    }

    .zn--wrapper .mo\:top-60\.5556vw {
        top: 60.5556vw;
        top: calc(var(--vw, 1vw)*60.5556)
    }

    .zn--wrapper .mo\:left-100rpx {
        left: calc(var(--rpx, 1px)*100)
    }

    .zn--wrapper .mo\:top-190rpx {
        top: calc(var(--rpx, 1px)*190)
    }

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

    .zn--wrapper .mo\:top-429rpx {
        top: calc(var(--rpx, 1px)*429)
    }

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

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

    .zn--wrapper .mo\:top-\[calc\(100\%\+10rpx\)\] {
        top: calc(100% + var(--rpx, 1px)*10)
    }

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

    .zn--wrapper .mo\:left-105\.55rpx {
        left: calc(var(--rpx, 1px)*105.55)
    }

    .zn--wrapper .mo\:top-27\.31rpx {
        top: calc(var(--rpx, 1px)*27.31)
    }

    .zn--wrapper .mo\:left-4rpx {
        left: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .mo\:top-2\.99rpx {
        top: calc(var(--rpx, 1px)*2.99)
    }

    .zn--wrapper .mo\:left-111\.74rpx {
        left: calc(var(--rpx, 1px)*111.74)
    }

    .zn--wrapper .mo\:top-22\.19rpx {
        top: calc(var(--rpx, 1px)*22.19)
    }

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

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

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

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

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

    .zn--wrapper .mo\:w-57rpx {
        width: calc(var(--rpx, 1px)*57)
    }

    .zn--wrapper .mo\:w-328rpx {
        width: calc(var(--rpx, 1px)*328)
    }

    .zn--wrapper .mo\:w-84rpx {
        width: calc(var(--rpx, 1px)*84)
    }

    .zn--wrapper .mo\:w-230rpx {
        width: calc(var(--rpx, 1px)*230)
    }

    .zn--wrapper .mo\:w-66rpx {
        width: calc(var(--rpx, 1px)*66)
    }

    .zn--wrapper .mo\:w-160rpx {
        width: calc(var(--rpx, 1px)*160)
    }

    .zn--wrapper .mo\:w-380rpx {
        width: calc(var(--rpx, 1px)*380)
    }

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

    .zn--wrapper .mo\:w-296rpx {
        width: calc(var(--rpx, 1px)*296)
    }

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

    .zn--wrapper .mo\:w-274px {
        width: 274px
    }

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

    .zn--wrapper .mo\:w-94\.96rpx {
        width: calc(var(--rpx, 1px)*94.96)
    }

    .zn--wrapper .mo\:w-88rpx {
        width: calc(var(--rpx, 1px)*88)
    }

    .zn--wrapper .mo\:w-138\.63rpx {
        width: calc(var(--rpx, 1px)*138.63)
    }

    .zn--wrapper .mo\:w-31\.16rpx {
        width: calc(var(--rpx, 1px)*31.16)
    }

    .zn--wrapper .mo\:w-29\.02rpx {
        width: calc(var(--rpx, 1px)*29.02)
    }

    .zn--wrapper .mo\:w-11\.82rpx {
        width: calc(var(--rpx, 1px)*11.82)
    }

    .zn--wrapper .mo\:w-31\.906rpx {
        width: calc(var(--rpx, 1px)*31.906)
    }

    .zn--wrapper .mo\:w-522rpx {
        width: calc(var(--rpx, 1px)*522)
    }

    .zn--wrapper .mo\:w-220\.06rpx {
        width: calc(var(--rpx, 1px)*220.06)
    }

    .zn--wrapper .mo\:w-151\.83rpx {
        width: calc(var(--rpx, 1px)*151.83)
    }

    .zn--wrapper .mo\:w-169rpx {
        width: calc(var(--rpx, 1px)*169)
    }

    .zn--wrapper .mo\:w-18\.26rpx {
        width: calc(var(--rpx, 1px)*18.26)
    }

    .zn--wrapper .mo\:w-9\.99rpx {
        width: calc(var(--rpx, 1px)*9.99)
    }

    .zn--wrapper .mo\:w-9\.92rpx {
        width: calc(var(--rpx, 1px)*9.92)
    }

    .zn--wrapper .mo\:w-79rpx {
        width: calc(var(--rpx, 1px)*79)
    }

    .zn--wrapper .mo\:w-6px {
        width: 6px
    }

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

    .zn--wrapper .mo\:w-180rpx {
        width: calc(var(--rpx, 1px)*180)
    }

    .zn--wrapper .mo\:w-92rpx {
        width: calc(var(--rpx, 1px)*92)
    }

    .zn--wrapper .mo\:w-165rpx {
        width: calc(var(--rpx, 1px)*165)
    }

    .zn--wrapper .mo\:w-8rpx {
        width: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .mo\:w-32rpx {
        width: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:w-420rpx {
        width: calc(var(--rpx, 1px)*420)
    }

    .zn--wrapper .mo\:w-1238rpx {
        width: calc(var(--rpx, 1px)*1238)
    }

    .zn--wrapper .mo\:w-246px {
        width: 246px
    }

    .zn--wrapper .mo\:w-225px {
        width: 225px
    }

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

    .zn--wrapper .mo\:w-283px {
        width: 283px
    }

    .zn--wrapper .mo\:w-100rpx {
        width: calc(var(--rpx, 1px)*100)
    }

    .zn--wrapper .mo\:w-63rpx {
        width: calc(var(--rpx, 1px)*63)
    }

    .zn--wrapper .mo\:w-360rpx {
        width: calc(var(--rpx, 1px)*360)
    }

    .zn--wrapper .mo\:w-6rpx {
        width: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .mo\:w-26rpx {
        width: calc(var(--rpx, 1px)*26)
    }

    .zn--wrapper .mo\:w-110rpx {
        width: calc(var(--rpx, 1px)*110)
    }

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

    .zn--wrapper .mo\:w-120rpx {
        width: calc(var(--rpx, 1px)*120)
    }

    .zn--wrapper .mo\:w-117rpx {
        width: calc(var(--rpx, 1px)*117)
    }

    .zn--wrapper .mo\:w-152rpx {
        width: calc(var(--rpx, 1px)*152)
    }

    .zn--wrapper .mo\:w-155rpx {
        width: calc(var(--rpx, 1px)*155)
    }

    .zn--wrapper .mo\:w-28rpx {
        width: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .mo\:w-132rpx {
        width: calc(var(--rpx, 1px)*132)
    }

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

    .zn--wrapper .mo\:w-711rpx {
        width: calc(var(--rpx, 1px)*711)
    }

    .zn--wrapper .mo\:w-253\.6rpx {
        width: calc(var(--rpx, 1px)*253.6)
    }

    .zn--wrapper .mo\:w-60rpx {
        width: calc(var(--rpx, 1px)*60)
    }

    .zn--wrapper .mo\:w-236px {
        width: 236px
    }

    .zn--wrapper .mo\:w-294rpx {
        width: calc(var(--rpx, 1px)*294)
    }

    .zn--wrapper .mo\:w-\[33\.33\%\] {
        width: 33.33%
    }

    .zn--wrapper .mo\:w-20px {
        width: 20px
    }

    .zn--wrapper .mo\:w-104px {
        width: 104px
    }

    .zn--wrapper .mo\:w-84px {
        width: 84px
    }

    .zn--wrapper .mo\:w-97px {
        width: 97px
    }

    .zn--wrapper .mo\:w-162rpx {
        width: calc(var(--rpx, 1px)*162)
    }

    .zn--wrapper .mo\:w-123rpx {
        width: calc(var(--rpx, 1px)*123)
    }

    .zn--wrapper .mo\:w-165\.08rpx {
        width: calc(var(--rpx, 1px)*165.08)
    }

    .zn--wrapper .mo\:w-146\.59rpx {
        width: calc(var(--rpx, 1px)*146.59)
    }

    .zn--wrapper .mo\:w-24rpx {
        width: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .mo\:w-125rpx {
        width: calc(var(--rpx, 1px)*125)
    }

    .zn--wrapper .mo\:w-94\.91rpx {
        width: calc(var(--rpx, 1px)*94.91)
    }

    .zn--wrapper .mo\:w-159\.39rpx {
        width: calc(var(--rpx, 1px)*159.39)
    }

    .zn--wrapper .mo\:w-101\.95rpx {
        width: calc(var(--rpx, 1px)*101.95)
    }

    .zn--wrapper .mo\:w-99\.79rpx {
        width: calc(var(--rpx, 1px)*99.79)
    }

    .zn--wrapper .mo\:w-93px {
        width: 93px
    }

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

    .zn--wrapper .mo\:w-111rpx {
        width: calc(var(--rpx, 1px)*111)
    }

    .zn--wrapper .mo\:w-37\.5vw {
        width: 37.5vw;
        width: calc(var(--vw, 1vw)*37.5)
    }

    .zn--wrapper .mo\:w-136rpx {
        width: calc(var(--rpx, 1px)*136)
    }

    .zn--wrapper .mo\:w-91rpx {
        width: calc(var(--rpx, 1px)*91)
    }

    .zn--wrapper .mo\:w-15\.8333vw {
        width: 15.8333vw;
        width: calc(var(--vw, 1vw)*15.8333)
    }

    .zn--wrapper .mo\:w-90rpx {
        width: calc(var(--rpx, 1px)*90)
    }

    .zn--wrapper .mo\:w-115rpx {
        width: calc(var(--rpx, 1px)*115)
    }

    .zn--wrapper .mo\:w-2\.7778vw {
        width: 2.7778vw;
        width: calc(var(--vw, 1vw)*2.7778)
    }

    .zn--wrapper .mo\:w-158rpx {
        width: calc(var(--rpx, 1px)*158)
    }

    .zn--wrapper .mo\:w-252rpx {
        width: calc(var(--rpx, 1px)*252)
    }

    .zn--wrapper .mo\:w-312rpx {
        width: calc(var(--rpx, 1px)*312)
    }

    .zn--wrapper .mo\:w-82rpx {
        width: calc(var(--rpx, 1px)*82)
    }

    .zn--wrapper .mo\:w-3rpx {
        width: calc(var(--rpx, 1px)*3)
    }

    .zn--wrapper .mo\:w-12rpx {
        width: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .mo\:w-651rpx {
        width: calc(var(--rpx, 1px)*651)
    }

    .zn--wrapper .mo\:w-117\.16rpx {
        width: calc(var(--rpx, 1px)*117.16)
    }

    .zn--wrapper .mo\:w-108\.26rpx {
        width: calc(var(--rpx, 1px)*108.26)
    }

    .zn--wrapper .mo\:w-111\.84rpx {
        width: calc(var(--rpx, 1px)*111.84)
    }

    .zn--wrapper .mo\:w-30rpx {
        width: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .mo\:w-17rpx {
        width: calc(var(--rpx, 1px)*17)
    }

    .zn--wrapper .mo\:w-59\.38px {
        width: 59.38px
    }

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

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

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

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

    .zn--wrapper .mo\:gap-y-32rpx {
        grid-row-gap: calc(var(--rpx, 1px)*32);
        -webkit-row-gap: calc(var(--rpx, 1px)*32);
        -moz-row-gap: calc(var(--rpx, 1px)*32);
        row-gap: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:gap-y-20rpx {
        grid-row-gap: calc(var(--rpx, 1px)*20);
        -webkit-row-gap: calc(var(--rpx, 1px)*20);
        -moz-row-gap: calc(var(--rpx, 1px)*20);
        row-gap: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .mo\:gap-y-24rpx {
        grid-row-gap: calc(var(--rpx, 1px)*24);
        -webkit-row-gap: calc(var(--rpx, 1px)*24);
        -moz-row-gap: calc(var(--rpx, 1px)*24);
        row-gap: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .mo\:gap-y-12rpx {
        grid-row-gap: calc(var(--rpx, 1px)*12);
        -webkit-row-gap: calc(var(--rpx, 1px)*12);
        -moz-row-gap: calc(var(--rpx, 1px)*12);
        row-gap: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .mo\:gap-y-14rpx {
        grid-row-gap: calc(var(--rpx, 1px)*14);
        -webkit-row-gap: calc(var(--rpx, 1px)*14);
        -moz-row-gap: calc(var(--rpx, 1px)*14);
        row-gap: calc(var(--rpx, 1px)*14)
    }

    .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;
        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\:-translate-x-1\/2, .zn--wrapper .mo\:translate-x-\[-50\%\] {
        --tw-translate-x: -50%
    }

    .zn--wrapper .mo\:-translate-x-20px {
        --tw-translate-x: -20px
    }

    .zn--wrapper .mo\:-translate-y-6rpx {
        --tw-translate-y: calc(var(--rpx, 1px)*-6)
    }
}

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

    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 400
    }

    .zn--wrapper .pad\:space-x-24rpx>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(var(--rpx, 1px)*24*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(var(--rpx, 1px)*24*var(--tw-space-x-reverse))
    }

    .zn--wrapper .pad\:rounded-16rpx {
        border-radius: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .pad\:rounded-4rpx {
        border-radius: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .pad\:rounded-28rpx {
        border-radius: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .pad\:rounded-20rpx {
        border-radius: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .pad\:rounded-30rpx {
        border-radius: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .pad\:rounded-18rpx {
        border-radius: calc(var(--rpx, 1px)*18)
    }

    .zn--wrapper .pad\:rounded-17\.18rpx {
        border-radius: calc(var(--rpx, 1px)*17.18)
    }

    .zn--wrapper .pad\:flex {
        display: flex
    }

    .zn--wrapper .pad\:flex-col {
        flex-direction: column
    }

    .zn--wrapper .pad\:flex-wrap {
        flex-wrap: wrap
    }

    .zn--wrapper .pad\:items-start {
        align-items: flex-start
    }

    .zn--wrapper .pad\:items-end {
        align-items: flex-end
    }

    .zn--wrapper .pad\:items-center {
        align-items: center
    }

    .zn--wrapper .pad\:justify-start {
        justify-content: flex-start
    }

    .zn--wrapper .pad\:justify-end {
        justify-content: flex-end
    }

    .zn--wrapper .pad\:justify-center {
        justify-content: center
    }

    .zn--wrapper .pad\:justify-between {
        justify-content: space-between
    }

    .zn--wrapper .pad\:flex-shrink-0 {
        flex-shrink: 0
    }

    .zn--wrapper .pad\:order-2 {
        order: 2
    }

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

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

    .zn--wrapper .pad\:h-432rpx {
        height: calc(var(--rpx, 1px)*432)
    }

    .zn--wrapper .pad\:h-1\.64rpx {
        height: calc(var(--rpx, 1px)*1.64)
    }

    .zn--wrapper .pad\:h-88rpx {
        height: calc(var(--rpx, 1px)*88)
    }

    .zn--wrapper .pad\:h-73rpx {
        height: calc(var(--rpx, 1px)*73)
    }

    .zn--wrapper .pad\:h-23rpx {
        height: calc(var(--rpx, 1px)*23)
    }

    .zn--wrapper .pad\:h-248rpx {
        height: calc(var(--rpx, 1px)*248)
    }

    .zn--wrapper .pad\:h-32rpx {
        height: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .pad\:h-400rpx {
        height: calc(var(--rpx, 1px)*400)
    }

    .zn--wrapper .pad\:h-268rpx {
        height: calc(var(--rpx, 1px)*268)
    }

    .zn--wrapper .pad\:h-600rpx {
        height: calc(var(--rpx, 1px)*600)
    }

    .zn--wrapper .pad\:h-120rpx {
        height: calc(var(--rpx, 1px)*120)
    }

    .zn--wrapper .pad\:h-20rpx {
        height: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .pad\:h-825rpx {
        height: calc(var(--rpx, 1px)*825)
    }

    .zn--wrapper .pad\:h-86rpx {
        height: calc(var(--rpx, 1px)*86)
    }

    .zn--wrapper .pad\:h-101rpx {
        height: calc(var(--rpx, 1px)*101)
    }

    .zn--wrapper .pad\:h-271\.23rpx {
        height: calc(var(--rpx, 1px)*271.23)
    }

    .zn--wrapper .pad\:h-263\.01rpx {
        height: calc(var(--rpx, 1px)*263.01)
    }

    .zn--wrapper .pad\:h-314\.31rpx {
        height: calc(var(--rpx, 1px)*314.31)
    }

    .zn--wrapper .pad\:h-26\.5rpx {
        height: calc(var(--rpx, 1px)*26.5)
    }

    .zn--wrapper .pad\:h-16\.93rpx {
        height: calc(var(--rpx, 1px)*16.93)
    }

    .zn--wrapper .pad\:h-15\.46rpx {
        height: calc(var(--rpx, 1px)*15.46)
    }

    .zn--wrapper .pad\:h-29\.696rpx {
        height: calc(var(--rpx, 1px)*29.696)
    }

    .zn--wrapper .pad\:h-254\.8rpx {
        height: calc(var(--rpx, 1px)*254.8)
    }

    .zn--wrapper .pad\:h-84\.93rpx {
        height: calc(var(--rpx, 1px)*84.93)
    }

    .zn--wrapper .pad\:h-63\.1rpx {
        height: calc(var(--rpx, 1px)*63.1)
    }

    .zn--wrapper .pad\:h-105\.51rpx {
        height: calc(var(--rpx, 1px)*105.51)
    }

    .zn--wrapper .pad\:h-38\.5rpx {
        height: calc(var(--rpx, 1px)*38.5)
    }

    .zn--wrapper .pad\:h-30\.72rpx {
        height: calc(var(--rpx, 1px)*30.72)
    }

    .zn--wrapper .pad\:h-12\.01rpx {
        height: calc(var(--rpx, 1px)*12.01)
    }

    .zn--wrapper .pad\:h-69rpx {
        height: calc(var(--rpx, 1px)*69)
    }

    .zn--wrapper .pad\:h-6px {
        height: 6px
    }

    .zn--wrapper .pad\:h-26rpx {
        height: calc(var(--rpx, 1px)*26)
    }

    .zn--wrapper .pad\:h-513rpx {
        height: calc(var(--rpx, 1px)*513)
    }

    .zn--wrapper .pad\:h-384rpx {
        height: calc(var(--rpx, 1px)*384)
    }

    .zn--wrapper .pad\:h-388\.68rpx {
        height: calc(var(--rpx, 1px)*388.68)
    }

    .zn--wrapper .pad\:h-89rpx {
        height: calc(var(--rpx, 1px)*89)
    }

    .zn--wrapper .pad\:h-379rpx {
        height: calc(var(--rpx, 1px)*379)
    }

    .zn--wrapper .pad\:h-8rpx {
        height: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pad\:h-235rpx {
        height: calc(var(--rpx, 1px)*235)
    }

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

    .zn--wrapper .pad\:h-449rpx {
        height: calc(var(--rpx, 1px)*449)
    }

    .zn--wrapper .pad\:h-450rpx {
        height: calc(var(--rpx, 1px)*450)
    }

    .zn--wrapper .pad\:h-7\.48rpx {
        height: calc(var(--rpx, 1px)*7.48)
    }

    .zn--wrapper .pad\:h-55rpx {
        height: calc(var(--rpx, 1px)*55)
    }

    .zn--wrapper .pad\:h-34rpx {
        height: calc(var(--rpx, 1px)*34)
    }

    .zn--wrapper .pad\:h-132rpx {
        height: calc(var(--rpx, 1px)*132)
    }

    .zn--wrapper .pad\:h-258rpx {
        height: calc(var(--rpx, 1px)*258)
    }

    .zn--wrapper .pad\:h-387rpx {
        height: calc(var(--rpx, 1px)*387)
    }

    .zn--wrapper .pad\:h-21\.76rpx {
        height: calc(var(--rpx, 1px)*21.76)
    }

    .zn--wrapper .pad\:h-317rpx {
        height: calc(var(--rpx, 1px)*317)
    }

    .zn--wrapper .pad\:h-219rpx {
        height: calc(var(--rpx, 1px)*219)
    }

    .zn--wrapper .pad\:h-5rpx {
        height: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .pad\:h-623rpx {
        height: calc(var(--rpx, 1px)*623)
    }

    .zn--wrapper .pad\:h-30rpx {
        height: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .pad\:h-440rpx {
        height: calc(var(--rpx, 1px)*440)
    }

    .zn--wrapper .pad\:h-442rpx {
        height: calc(var(--rpx, 1px)*442)
    }

    .zn--wrapper .pad\:h-538rpx {
        height: calc(var(--rpx, 1px)*538)
    }

    .zn--wrapper .pad\:h-463rpx {
        height: calc(var(--rpx, 1px)*463)
    }

    .zn--wrapper .pad\:h-367rpx {
        height: calc(var(--rpx, 1px)*367)
    }

    .zn--wrapper .pad\:h-411rpx {
        height: calc(var(--rpx, 1px)*411)
    }

    .zn--wrapper .pad\:h-296rpx {
        height: calc(var(--rpx, 1px)*296)
    }

    .zn--wrapper .pad\:h-28rpx {
        height: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .pad\:h-6rpx {
        height: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .pad\:h-222rpx {
        height: calc(var(--rpx, 1px)*222)
    }

    .zn--wrapper .pad\:h-196rpx {
        height: calc(var(--rpx, 1px)*196)
    }

    .zn--wrapper .pad\:h-37\.63vw {
        height: 37.63vw;
        height: calc(var(--vw, 1vw)*37.63)
    }

    .zn--wrapper .pad\:h-399rpx {
        height: calc(var(--rpx, 1px)*399)
    }

    .zn--wrapper .pad\:h-271\.4rpx {
        height: calc(var(--rpx, 1px)*271.4)
    }

    .zn--wrapper .pad\:h-66\.32rpx {
        height: calc(var(--rpx, 1px)*66.32)
    }

    .zn--wrapper .pad\:h-76rpx {
        height: calc(var(--rpx, 1px)*76)
    }

    .zn--wrapper .pad\:h-562rpx {
        height: calc(var(--rpx, 1px)*562)
    }

    .zn--wrapper .pad\:h-393rpx {
        height: calc(var(--rpx, 1px)*393)
    }

    .zn--wrapper .pad\:h-163\.8rpx {
        height: calc(var(--rpx, 1px)*163.8)
    }

    .zn--wrapper .pad\:h-24\.9rpx {
        height: calc(var(--rpx, 1px)*24.9)
    }

    .zn--wrapper .pad\:h-99rpx {
        height: calc(var(--rpx, 1px)*99)
    }

    .zn--wrapper .pad\:h-180rpx {
        height: calc(var(--rpx, 1px)*180)
    }

    .zn--wrapper .pad\:h-351rpx {
        height: calc(var(--rpx, 1px)*351)
    }

    .zn--wrapper .pad\:h-357\.81rpx {
        height: calc(var(--rpx, 1px)*357.81)
    }

    .zn--wrapper .pad\:h-345\.42rpx {
        height: calc(var(--rpx, 1px)*345.42)
    }

    .zn--wrapper .pad\:h-300\.19rpx {
        height: calc(var(--rpx, 1px)*300.19)
    }

    .zn--wrapper .pad\:h-307\.27rpx {
        height: calc(var(--rpx, 1px)*307.27)
    }

    .zn--wrapper .pad\:h-24rpx {
        height: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pad\:h-29\.49rpx {
        height: calc(var(--rpx, 1px)*29.49)
    }

    .zn--wrapper .pad\:h-29rpx {
        height: calc(var(--rpx, 1px)*29)
    }

    .zn--wrapper .pad\:h-29\.17rpx {
        height: calc(var(--rpx, 1px)*29.17)
    }

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

    .zn--wrapper .pad\:h-182rpx {
        height: calc(var(--rpx, 1px)*182)
    }

    .zn--wrapper .pad\:h-556rpx {
        height: calc(var(--rpx, 1px)*556)
    }

    .zn--wrapper .pad\:h-169rpx {
        height: calc(var(--rpx, 1px)*169)
    }

    .zn--wrapper .pad\:h-175rpx {
        height: calc(var(--rpx, 1px)*175)
    }

    .zn--wrapper .pad\:h-22rpx {
        height: calc(var(--rpx, 1px)*22)
    }

    .zn--wrapper .pad\:h-461rpx {
        height: calc(var(--rpx, 1px)*461)
    }

    .zn--wrapper .pad\:h-428rpx {
        height: calc(var(--rpx, 1px)*428)
    }

    .zn--wrapper .pad\:h-84rpx {
        height: calc(var(--rpx, 1px)*84)
    }

    .zn--wrapper .pad\:h-149rpx {
        height: calc(var(--rpx, 1px)*149)
    }

    .zn--wrapper .pad\:h-242rpx {
        height: calc(var(--rpx, 1px)*242)
    }

    .zn--wrapper .pad\:h-262rpx {
        height: calc(var(--rpx, 1px)*262)
    }

    .zn--wrapper .pad\:h-486rpx {
        height: calc(var(--rpx, 1px)*486)
    }

    .zn--wrapper .pad\:h-310rpx {
        height: calc(var(--rpx, 1px)*310)
    }

    .zn--wrapper .pad\:h-367\.19rpx {
        height: calc(var(--rpx, 1px)*367.19)
    }

    .zn--wrapper .pad\:h-63rpx {
        height: calc(var(--rpx, 1px)*63)
    }

    .zn--wrapper .pad\:h-238rpx {
        height: calc(var(--rpx, 1px)*238)
    }

    .zn--wrapper .pad\:h-12rpx {
        height: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pad\:h-116rpx {
        height: calc(var(--rpx, 1px)*116)
    }

    .zn--wrapper .pad\:h-429rpx {
        height: calc(var(--rpx, 1px)*429)
    }

    .zn--wrapper .pad\:h-280\.86rpx {
        height: calc(var(--rpx, 1px)*280.86)
    }

    .zn--wrapper .pad\:h-276\.2rpx {
        height: calc(var(--rpx, 1px)*276.2)
    }

    .zn--wrapper .pad\:h-238\.64rpx {
        height: calc(var(--rpx, 1px)*238.64)
    }

    .zn--wrapper .pad\:h-300rpx {
        height: calc(var(--rpx, 1px)*300)
    }

    .zn--wrapper .pad\:h-221rpx {
        height: calc(var(--rpx, 1px)*221)
    }

    .zn--wrapper .pad\:h-3rpx {
        height: calc(var(--rpx, 1px)*3)
    }

    .zn--wrapper .pad\:h-213\.33rpx {
        height: calc(var(--rpx, 1px)*213.33)
    }

    .zn--wrapper .pad\:h-21\.33rpx {
        height: calc(var(--rpx, 1px)*21.33)
    }

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

    .zn--wrapper .pad\:text-18rpx {
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .zn--wrapper .pad\:text-14rpx {
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .zn--wrapper .pad\:text-36rpx {
        font-size: calc(var(--rpx, 1px)*36);
        line-height: 1
    }

    .zn--wrapper .pad\:text-100rpx {
        font-size: calc(var(--rpx, 1px)*100);
        line-height: 1
    }

    .zn--wrapper .pad\:text-12rpx {
        font-size: calc(var(--rpx, 1px)*12);
        line-height: 1
    }

    .zn--wrapper .pad\:text-20rpx {
        font-size: calc(var(--rpx, 1px)*20);
        line-height: 1
    }

    .zn--wrapper .pad\:text-28rpx {
        font-size: calc(var(--rpx, 1px)*28);
        line-height: 1
    }

    .zn--wrapper .pad\:text-24rpx {
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

    .zn--wrapper .pad\:text-16rpx {
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .zn--wrapper .pad\:text-10rpx {
        font-size: calc(var(--rpx, 1px)*10);
        line-height: 1
    }

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

    .zn--wrapper .pad\:text-10px {
        font-size: 10px;
        line-height: 1
    }

    .zn--wrapper .pad\:text-26rpx {
        font-size: calc(var(--rpx, 1px)*26);
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:mr-10px {
        margin-right: 10px
    }

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

    .zn--wrapper .pad\:min-w-276rpx {
        min-width: calc(var(--rpx, 1px)*276)
    }

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:px-38\.5rpx {
        padding-left: calc(var(--rpx, 1px)*38.5);
        padding-right: calc(var(--rpx, 1px)*38.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:pl-24px {
        padding-left: 24px
    }

    .zn--wrapper .pad\:pt-68\.5rpx {
        padding-top: calc(var(--rpx, 1px)*68.5)
    }

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

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

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

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

    .zn--wrapper .pad\:pt-96\.2rpx {
        padding-top: calc(var(--rpx, 1px)*96.2)
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:pt-171\.38rpx {
        padding-top: calc(var(--rpx, 1px)*171.38)
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:sticky {
        position: sticky
    }

    .zn--wrapper .pad\:right-16rpx {
        right: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .pad\:bottom-16rpx {
        bottom: calc(var(--rpx, 1px)*16)
    }

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

    .zn--wrapper .pad\:left-319rpx {
        left: calc(var(--rpx, 1px)*319)
    }

    .zn--wrapper .pad\:top-167\.4rpx {
        top: calc(var(--rpx, 1px)*167.4)
    }

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

    .zn--wrapper .pad\:top-1\.64vw {
        top: 1.64vw;
        top: calc(var(--vw, 1vw)*1.64)
    }

    .zn--wrapper .pad\:right-1\.64vw {
        right: 1.64vw;
        right: calc(var(--vw, 1vw)*1.64)
    }

    .zn--wrapper .pad\:-top-40rpx {
        top: calc(var(--rpx, 1px)*-40)
    }

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

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

    .zn--wrapper .pad\:-top-33rpx {
        top: calc(var(--rpx, 1px)*-33)
    }

    .zn--wrapper .pad\:top-474rpx {
        top: calc(var(--rpx, 1px)*474)
    }

    .zn--wrapper .pad\:top-100rpx {
        top: calc(var(--rpx, 1px)*100)
    }

    .zn--wrapper .pad\:left-431\.29rpx {
        left: calc(var(--rpx, 1px)*431.29)
    }

    .zn--wrapper .pad\:top-218\.48rpx {
        top: calc(var(--rpx, 1px)*218.48)
    }

    .zn--wrapper .pad\:left-3\.8rpx {
        left: calc(var(--rpx, 1px)*3.8)
    }

    .zn--wrapper .pad\:top-4\.93rpx {
        top: calc(var(--rpx, 1px)*4.93)
    }

    .zn--wrapper .pad\:left-205\.92rpx {
        left: calc(var(--rpx, 1px)*205.92)
    }

    .zn--wrapper .pad\:top-217\.33rpx {
        top: calc(var(--rpx, 1px)*217.33)
    }

    .zn--wrapper .pad\:left-52\.87rpx {
        left: calc(var(--rpx, 1px)*52.87)
    }

    .zn--wrapper .pad\:top-207\.52rpx {
        top: calc(var(--rpx, 1px)*207.52)
    }

    .zn--wrapper .pad\:left-113\.73rpx {
        left: calc(var(--rpx, 1px)*113.73)
    }

    .zn--wrapper .pad\:top-200\.95rpx {
        top: calc(var(--rpx, 1px)*200.95)
    }

    .zn--wrapper .pad\:left-137\.28rpx {
        left: calc(var(--rpx, 1px)*137.28)
    }

    .zn--wrapper .pad\:top-38\.22rpx {
        top: calc(var(--rpx, 1px)*38.22)
    }

    .zn--wrapper .pad\:left-22\.9rpx {
        left: calc(var(--rpx, 1px)*22.9)
    }

    .zn--wrapper .pad\:top-212\.88rpx {
        top: calc(var(--rpx, 1px)*212.88)
    }

    .zn--wrapper .pad\:left-22\.18rpx {
        left: calc(var(--rpx, 1px)*22.18)
    }

    .zn--wrapper .pad\:bottom-249\.34rpx {
        bottom: calc(var(--rpx, 1px)*249.34)
    }

    .zn--wrapper .pad\:left-235\.42rpx {
        left: calc(var(--rpx, 1px)*235.42)
    }

    .zn--wrapper .pad\:top-224\.97rpx {
        top: calc(var(--rpx, 1px)*224.97)
    }

    .zn--wrapper .pad\:left-42\.61rpx {
        left: calc(var(--rpx, 1px)*42.61)
    }

    .zn--wrapper .pad\:top-18\.19rpx {
        top: calc(var(--rpx, 1px)*18.19)
    }

    .zn--wrapper .pad\:left-24\.5rpx {
        left: calc(var(--rpx, 1px)*24.5)
    }

    .zn--wrapper .pad\:top-258rpx {
        top: calc(var(--rpx, 1px)*258)
    }

    .zn--wrapper .pad\:left-51\.39rpx {
        left: calc(var(--rpx, 1px)*51.39)
    }

    .zn--wrapper .pad\:top-22\.15rpx {
        top: calc(var(--rpx, 1px)*22.15)
    }

    .zn--wrapper .pad\:top-68\.44rpx {
        top: calc(var(--rpx, 1px)*68.44)
    }

    .zn--wrapper .pad\:left-83\.51rpx {
        left: calc(var(--rpx, 1px)*83.51)
    }

    .zn--wrapper .pad\:top-87\.14rpx {
        top: calc(var(--rpx, 1px)*87.14)
    }

    .zn--wrapper .pad\:left-287\.28rpx {
        left: calc(var(--rpx, 1px)*287.28)
    }

    .zn--wrapper .pad\:left-369\.7rpx {
        left: calc(var(--rpx, 1px)*369.7)
    }

    .zn--wrapper .pad\:top-343\.24rpx {
        top: calc(var(--rpx, 1px)*343.24)
    }

    .zn--wrapper .pad\:left-281\.27rpx {
        left: calc(var(--rpx, 1px)*281.27)
    }

    .zn--wrapper .pad\:top-44\.86rpx {
        top: calc(var(--rpx, 1px)*44.86)
    }

    .zn--wrapper .pad\:left-267\.49rpx {
        left: calc(var(--rpx, 1px)*267.49)
    }

    .zn--wrapper .pad\:top-6\.35rpx {
        top: calc(var(--rpx, 1px)*6.35)
    }

    .zn--wrapper .pad\:left-63\.9rpx {
        left: calc(var(--rpx, 1px)*63.9)
    }

    .zn--wrapper .pad\:bottom-93rpx {
        bottom: calc(var(--rpx, 1px)*93)
    }

    .zn--wrapper .pad\:-left-2px {
        left: -2px
    }

    .zn--wrapper .pad\:-top-2px {
        top: -2px
    }

    .zn--wrapper .pad\:-right-2px {
        right: -2px
    }

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

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

    .zn--wrapper .pad\:top-65rpx {
        top: calc(var(--rpx, 1px)*65)
    }

    .zn--wrapper .pad\:left-377rpx {
        left: calc(var(--rpx, 1px)*377)
    }

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

    .zn--wrapper .pad\:left-73rpx {
        left: calc(var(--rpx, 1px)*73)
    }

    .zn--wrapper .pad\:left-9rpx {
        left: calc(var(--rpx, 1px)*9)
    }

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

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

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

    .zn--wrapper .pad\:-right-1rpx {
        right: calc(var(--rpx, 1px)*-1)
    }

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

    .zn--wrapper .pad\:top-0rpx {
        top: calc(var(--rpx, 1px)*0)
    }

    .zn--wrapper .pad\:-left-246rpx {
        left: calc(var(--rpx, 1px)*-246)
    }

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

    .zn--wrapper .pad\:bottom-24rpx {
        bottom: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pad\:-top-1\.5rpx {
        top: calc(var(--rpx, 1px)*-1.5)
    }

    .zn--wrapper .pad\:-top-1rpx {
        top: calc(var(--rpx, 1px)*-1)
    }

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

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

    .zn--wrapper .pad\:top-388rpx {
        top: calc(var(--rpx, 1px)*388)
    }

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

    .zn--wrapper .pad\:left-158rpx {
        left: calc(var(--rpx, 1px)*158)
    }

    .zn--wrapper .pad\:bottom-90rpx {
        bottom: calc(var(--rpx, 1px)*90)
    }

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

    .zn--wrapper .pad\:right-12rpx {
        right: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pad\:bottom-12rpx {
        bottom: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pad\:-bottom-1rpx {
        bottom: calc(var(--rpx, 1px)*-1)
    }

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

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

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

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

    .zn--wrapper .pad\:-right-8rpx {
        right: calc(var(--rpx, 1px)*-8)
    }

    .zn--wrapper .pad\:right-24px {
        right: 24px
    }

    .zn--wrapper .pad\:top-61\.4rpx {
        top: calc(var(--rpx, 1px)*61.4)
    }

    .zn--wrapper .pad\:top-271\.4rpx {
        top: calc(var(--rpx, 1px)*271.4)
    }

    .zn--wrapper .pad\:left-208\.13rpx {
        left: calc(var(--rpx, 1px)*208.13)
    }

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

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

    .zn--wrapper .pad\:bottom-92\.6rpx {
        bottom: calc(var(--rpx, 1px)*92.6)
    }

    .zn--wrapper .pad\:left-8\.39rpx {
        left: calc(var(--rpx, 1px)*8.39)
    }

    .zn--wrapper .pad\:top-2\.68rpx {
        top: calc(var(--rpx, 1px)*2.68)
    }

    .zn--wrapper .pad\:left-3\.08rpx {
        left: calc(var(--rpx, 1px)*3.08)
    }

    .zn--wrapper .pad\:top-2\.57rpx {
        top: calc(var(--rpx, 1px)*2.57)
    }

    .zn--wrapper .pad\:bottom-17\.86rpx {
        bottom: calc(var(--rpx, 1px)*17.86)
    }

    .zn--wrapper .pad\:-left-112\.47rpx {
        left: calc(var(--rpx, 1px)*-112.47)
    }

    .zn--wrapper .pad\:-top-90rpx {
        top: calc(var(--rpx, 1px)*-90)
    }

    .zn--wrapper .pad\:left-239rpx {
        left: calc(var(--rpx, 1px)*239)
    }

    .zn--wrapper .pad\:-left-215rpx {
        left: calc(var(--rpx, 1px)*-215)
    }

    .zn--wrapper .pad\:top-101rpx {
        top: calc(var(--rpx, 1px)*101)
    }

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

    .zn--wrapper .pad\:top-269rpx {
        top: calc(var(--rpx, 1px)*269)
    }

    .zn--wrapper .pad\:bottom-13rpx {
        bottom: calc(var(--rpx, 1px)*13)
    }

    .zn--wrapper .pad\:top-11rpx {
        top: calc(var(--rpx, 1px)*11)
    }

    .zn--wrapper .pad\:-right-175rpx {
        right: calc(var(--rpx, 1px)*-175)
    }

    .zn--wrapper .pad\:top-61\.13rpx {
        top: calc(var(--rpx, 1px)*61.13)
    }

    .zn--wrapper .pad\:top-203\.13rpx {
        top: calc(var(--rpx, 1px)*203.13)
    }

    .zn--wrapper .pad\:left-229rpx {
        left: calc(var(--rpx, 1px)*229)
    }

    .zn--wrapper .pad\:top-143rpx {
        top: calc(var(--rpx, 1px)*143)
    }

    .zn--wrapper .pad\:left-432rpx {
        left: calc(var(--rpx, 1px)*432)
    }

    .zn--wrapper .pad\:top-107rpx {
        top: calc(var(--rpx, 1px)*107)
    }

    .zn--wrapper .pad\:right-8rpx {
        right: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pad\:bottom-8rpx {
        bottom: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pad\:right-81\.53rpx {
        right: calc(var(--rpx, 1px)*81.53)
    }

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

    .zn--wrapper .pad\:right-48rpx {
        right: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .pad\:right-80rpx {
        right: calc(var(--rpx, 1px)*80)
    }

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

    .zn--wrapper .pad\:top-\[calc\(100\%\+27rpx\)\] {
        top: calc(100% + var(--rpx, 1px)*27)
    }

    .zn--wrapper .pad\:bottom-7\.5rpx {
        bottom: calc(var(--rpx, 1px)*7.5)
    }

    .zn--wrapper .pad\:right-7\.5rpx {
        right: calc(var(--rpx, 1px)*7.5)
    }

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

    .zn--wrapper .pad\:left-105\.83rpx {
        left: calc(var(--rpx, 1px)*105.83)
    }

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

    .zn--wrapper .pad\:left-4\.62rpx {
        left: calc(var(--rpx, 1px)*4.62)
    }

    .zn--wrapper .pad\:top-3\.45rpx {
        top: calc(var(--rpx, 1px)*3.45)
    }

    .zn--wrapper .pad\:left-137\.79rpx {
        left: calc(var(--rpx, 1px)*137.79)
    }

    .zn--wrapper .pad\:top-65\.51rpx {
        top: calc(var(--rpx, 1px)*65.51)
    }

    .zn--wrapper .pad\:left-\[calc\(50\%-98px\)\] {
        left: calc(50% - 98px)
    }

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

    .zn--wrapper .pad\:text-right {
        text-align: right
    }

    .zn--wrapper .pad\:tracking-\[-0\.5px\] {
        letter-spacing: -.5px
    }

    .zn--wrapper .pad\:tracking-\[-0\.02em\] {
        letter-spacing: -.02em
    }

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

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

    .zn--wrapper .pad\:w-68rpx {
        width: calc(var(--rpx, 1px)*68)
    }

    .zn--wrapper .pad\:w-720rpx {
        width: calc(var(--rpx, 1px)*720)
    }

    .zn--wrapper .pad\:w-88rpx {
        width: calc(var(--rpx, 1px)*88)
    }

    .zn--wrapper .pad\:w-677rpx {
        width: calc(var(--rpx, 1px)*677)
    }

    .zn--wrapper .pad\:w-66rpx {
        width: calc(var(--rpx, 1px)*66)
    }

    .zn--wrapper .pad\:w-462rpx {
        width: calc(var(--rpx, 1px)*462)
    }

    .zn--wrapper .pad\:w-240rpx {
        width: calc(var(--rpx, 1px)*240)
    }

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

    .zn--wrapper .pad\:w-76rpx {
        width: calc(var(--rpx, 1px)*76)
    }

    .zn--wrapper .pad\:w-32rpx {
        width: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .pad\:w-1024rpx {
        width: calc(var(--rpx, 1px)*1024)
    }

    .zn--wrapper .pad\:w-660rpx {
        width: calc(var(--rpx, 1px)*660)
    }

    .zn--wrapper .pad\:w-220rpx {
        width: calc(var(--rpx, 1px)*220)
    }

    .zn--wrapper .pad\:w-20rpx {
        width: calc(var(--rpx, 1px)*20)
    }

    .zn--wrapper .pad\:w-380rpx {
        width: calc(var(--rpx, 1px)*380)
    }

    .zn--wrapper .pad\:w-397rpx {
        width: calc(var(--rpx, 1px)*397)
    }

    .zn--wrapper .pad\:w-130\.08rpx {
        width: calc(var(--rpx, 1px)*130.08)
    }

    .zn--wrapper .pad\:w-120\.55rpx {
        width: calc(var(--rpx, 1px)*120.55)
    }

    .zn--wrapper .pad\:w-189\.91rpx {
        width: calc(var(--rpx, 1px)*189.91)
    }

    .zn--wrapper .pad\:w-42\.69rpx {
        width: calc(var(--rpx, 1px)*42.69)
    }

    .zn--wrapper .pad\:w-39\.75rpx {
        width: calc(var(--rpx, 1px)*39.75)
    }

    .zn--wrapper .pad\:w-16\.19rpx {
        width: calc(var(--rpx, 1px)*16.19)
    }

    .zn--wrapper .pad\:w-43\.71rpx {
        width: calc(var(--rpx, 1px)*43.71)
    }

    .zn--wrapper .pad\:w-715rpx {
        width: calc(var(--rpx, 1px)*715)
    }

    .zn--wrapper .pad\:w-305\.48rpx {
        width: calc(var(--rpx, 1px)*305.48)
    }

    .zn--wrapper .pad\:w-210\.73rpx {
        width: calc(var(--rpx, 1px)*210.73)
    }

    .zn--wrapper .pad\:w-374\.51rpx {
        width: calc(var(--rpx, 1px)*374.51)
    }

    .zn--wrapper .pad\:w-40\.48rpx {
        width: calc(var(--rpx, 1px)*40.48)
    }

    .zn--wrapper .pad\:w-22\.15rpx {
        width: calc(var(--rpx, 1px)*22.15)
    }

    .zn--wrapper .pad\:w-21\.97rpx {
        width: calc(var(--rpx, 1px)*21.97)
    }

    .zn--wrapper .pad\:w-491rpx {
        width: calc(var(--rpx, 1px)*491)
    }

    .zn--wrapper .pad\:w-79rpx {
        width: calc(var(--rpx, 1px)*79)
    }

    .zn--wrapper .pad\:w-6px {
        width: 6px
    }

    .zn--wrapper .pad\:w-306rpx {
        width: calc(var(--rpx, 1px)*306)
    }

    .zn--wrapper .pad\:w-159rpx {
        width: calc(var(--rpx, 1px)*159)
    }

    .zn--wrapper .pad\:w-288rpx {
        width: calc(var(--rpx, 1px)*288)
    }

    .zn--wrapper .pad\:w-496rpx {
        width: calc(var(--rpx, 1px)*496)
    }

    .zn--wrapper .pad\:w-8rpx {
        width: calc(var(--rpx, 1px)*8)
    }

    .zn--wrapper .pad\:w-768rpx {
        width: calc(var(--rpx, 1px)*768)
    }

    .zn--wrapper .pad\:w-1260rpx {
        width: calc(var(--rpx, 1px)*1260)
    }

    .zn--wrapper .pad\:w-8\.64rpx {
        width: calc(var(--rpx, 1px)*8.64)
    }

    .zn--wrapper .pad\:w-225rpx {
        width: calc(var(--rpx, 1px)*225)
    }

    .zn--wrapper .pad\:w-230rpx {
        width: calc(var(--rpx, 1px)*230)
    }

    .zn--wrapper .pad\:w-283rpx {
        width: calc(var(--rpx, 1px)*283)
    }

    .zn--wrapper .pad\:w-328rpx {
        width: calc(var(--rpx, 1px)*328)
    }

    .zn--wrapper .pad\:w-140rpx {
        width: calc(var(--rpx, 1px)*140)
    }

    .zn--wrapper .pad\:w-70rpx {
        width: calc(var(--rpx, 1px)*70)
    }

    .zn--wrapper .pad\:w-355rpx {
        width: calc(var(--rpx, 1px)*355)
    }

    .zn--wrapper .pad\:w-404rpx {
        width: calc(var(--rpx, 1px)*404)
    }

    .zn--wrapper .pad\:w-415rpx {
        width: calc(var(--rpx, 1px)*415)
    }

    .zn--wrapper .pad\:w-388rpx {
        width: calc(var(--rpx, 1px)*388)
    }

    .zn--wrapper .pad\:w-6rpx {
        width: calc(var(--rpx, 1px)*6)
    }

    .zn--wrapper .pad\:w-150rpx {
        width: calc(var(--rpx, 1px)*150)
    }

    .zn--wrapper .pad\:w-360rpx {
        width: calc(var(--rpx, 1px)*360)
    }

    .zn--wrapper .pad\:w-160rpx {
        width: calc(var(--rpx, 1px)*160)
    }

    .zn--wrapper .pad\:w-320rpx {
        width: calc(var(--rpx, 1px)*320)
    }

    .zn--wrapper .pad\:w-344rpx {
        width: calc(var(--rpx, 1px)*344)
    }

    .zn--wrapper .pad\:w-30rpx {
        width: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .pad\:w-332rpx {
        width: calc(var(--rpx, 1px)*332)
    }

    .zn--wrapper .pad\:w-282rpx {
        width: calc(var(--rpx, 1px)*282)
    }

    .zn--wrapper .pad\:w-120rpx {
        width: calc(var(--rpx, 1px)*120)
    }

    .zn--wrapper .pad\:w-90rpx {
        width: calc(var(--rpx, 1px)*90)
    }

    .zn--wrapper .pad\:w-368rpx {
        width: calc(var(--rpx, 1px)*368)
    }

    .zn--wrapper .pad\:w-152rpx {
        width: calc(var(--rpx, 1px)*152)
    }

    .zn--wrapper .pad\:w-155rpx {
        width: calc(var(--rpx, 1px)*155)
    }

    .zn--wrapper .pad\:w-730rpx {
        width: calc(var(--rpx, 1px)*730)
    }

    .zn--wrapper .pad\:w-268rpx {
        width: calc(var(--rpx, 1px)*268)
    }

    .zn--wrapper .pad\:w-115rpx {
        width: calc(var(--rpx, 1px)*115)
    }

    .zn--wrapper .pad\:w-112rpx {
        width: calc(var(--rpx, 1px)*112)
    }

    .zn--wrapper .pad\:w-300rpx {
        width: calc(var(--rpx, 1px)*300)
    }

    .zn--wrapper .pad\:w-28rpx {
        width: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .pad\:w-180rpx {
        width: calc(var(--rpx, 1px)*180)
    }

    .zn--wrapper .pad\:w-250rpx {
        width: calc(var(--rpx, 1px)*250)
    }

    .zn--wrapper .pad\:w-174rpx {
        width: calc(var(--rpx, 1px)*174)
    }

    .zn--wrapper .pad\:w-276rpx {
        width: calc(var(--rpx, 1px)*276)
    }

    .zn--wrapper .pad\:w-183rpx {
        width: calc(var(--rpx, 1px)*183)
    }

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

    .zn--wrapper .pad\:w-756rpx {
        width: calc(var(--rpx, 1px)*756)
    }

    .zn--wrapper .pad\:w-348rpx {
        width: calc(var(--rpx, 1px)*348)
    }

    .zn--wrapper .pad\:w-515rpx {
        width: calc(var(--rpx, 1px)*515)
    }

    .zn--wrapper .pad\:w-396rpx {
        width: calc(var(--rpx, 1px)*396)
    }

    .zn--wrapper .pad\:w-46rpx {
        width: calc(var(--rpx, 1px)*46)
    }

    .zn--wrapper .pad\:w-104rpx {
        width: calc(var(--rpx, 1px)*104)
    }

    .zn--wrapper .pad\:w-84rpx {
        width: calc(var(--rpx, 1px)*84)
    }

    .zn--wrapper .pad\:w-97rpx {
        width: calc(var(--rpx, 1px)*97)
    }

    .zn--wrapper .pad\:w-358rpx {
        width: calc(var(--rpx, 1px)*358)
    }

    .zn--wrapper .pad\:w-356rpx {
        width: calc(var(--rpx, 1px)*356)
    }

    .zn--wrapper .pad\:w-181\.18rpx {
        width: calc(var(--rpx, 1px)*181.18)
    }

    .zn--wrapper .pad\:w-166\.64rpx {
        width: calc(var(--rpx, 1px)*166.64)
    }

    .zn--wrapper .pad\:w-160\.89rpx {
        width: calc(var(--rpx, 1px)*160.89)
    }

    .zn--wrapper .pad\:w-24rpx {
        width: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pad\:w-\[calc\(100vw-88rpx\)\] {
        width: calc(100vw - var(--rpx, 1px)*88);
        width: calc(var(--vw, 1vw)*100 - var(--rpx, 1px)*88)
    }

    .zn--wrapper .pad\:w-257rpx {
        width: calc(var(--rpx, 1px)*257)
    }

    .zn--wrapper .pad\:w-94\.91rpx {
        width: calc(var(--rpx, 1px)*94.91)
    }

    .zn--wrapper .pad\:w-281\.95rpx {
        width: calc(var(--rpx, 1px)*281.95)
    }

    .zn--wrapper .pad\:w-101\.95rpx {
        width: calc(var(--rpx, 1px)*101.95)
    }

    .zn--wrapper .pad\:w-159\.3rpx {
        width: calc(var(--rpx, 1px)*159.3)
    }

    .zn--wrapper .pad\:w-296rpx {
        width: calc(var(--rpx, 1px)*296)
    }

    .zn--wrapper .pad\:w-680rpx {
        width: calc(var(--rpx, 1px)*680)
    }

    .zn--wrapper .pad\:w-1012\.95rpx {
        width: calc(var(--rpx, 1px)*1012.95)
    }

    .zn--wrapper .pad\:w-105rpx {
        width: calc(var(--rpx, 1px)*105)
    }

    .zn--wrapper .pad\:w-85\.26rpx {
        width: calc(var(--rpx, 1px)*85.26)
    }

    .zn--wrapper .pad\:w-330rpx {
        width: calc(var(--rpx, 1px)*330)
    }

    .zn--wrapper .pad\:w-369rpx {
        width: calc(var(--rpx, 1px)*369)
    }

    .zn--wrapper .pad\:w-362rpx {
        width: calc(var(--rpx, 1px)*362)
    }

    .zn--wrapper .pad\:w-349rpx {
        width: calc(var(--rpx, 1px)*349)
    }

    .zn--wrapper .pad\:w-167rpx {
        width: calc(var(--rpx, 1px)*167)
    }

    .zn--wrapper .pad\:w-552rpx {
        width: calc(var(--rpx, 1px)*552)
    }

    .zn--wrapper .pad\:w-82rpx {
        width: calc(var(--rpx, 1px)*82)
    }

    .zn--wrapper .pad\:w-334\.47rpx {
        width: calc(var(--rpx, 1px)*334.47)
    }

    .zn--wrapper .pad\:w-340rpx {
        width: calc(var(--rpx, 1px)*340)
    }

    .zn--wrapper .pad\:w-3rpx {
        width: calc(var(--rpx, 1px)*3)
    }

    .zn--wrapper .pad\:w-400rpx {
        width: calc(var(--rpx, 1px)*400)
    }

    .zn--wrapper .pad\:w-12rpx {
        width: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pad\:w-384rpx {
        width: calc(var(--rpx, 1px)*384)
    }

    .zn--wrapper .pad\:w-188rpx {
        width: calc(var(--rpx, 1px)*188)
    }

    .zn--wrapper .pad\:w-116rpx {
        width: calc(var(--rpx, 1px)*116)
    }

    .zn--wrapper .pad\:w-135\.49rpx {
        width: calc(var(--rpx, 1px)*135.49)
    }

    .zn--wrapper .pad\:w-125\.2rpx {
        width: calc(var(--rpx, 1px)*125.2)
    }

    .zn--wrapper .pad\:w-108\.72rpx {
        width: calc(var(--rpx, 1px)*108.72)
    }

    .zn--wrapper .pad\:w-210rpx {
        width: calc(var(--rpx, 1px)*210)
    }

    .zn--wrapper .pad\:w-21\.33rpx {
        width: calc(var(--rpx, 1px)*21.33)
    }

    .zn--wrapper .pad\:w-59\.38px {
        width: 59.38px
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:gap-y-12rpx {
        grid-row-gap: calc(var(--rpx, 1px)*12);
        -webkit-row-gap: calc(var(--rpx, 1px)*12);
        -moz-row-gap: calc(var(--rpx, 1px)*12);
        row-gap: calc(var(--rpx, 1px)*12)
    }

    .zn--wrapper .pad\:gap-y-24rpx {
        grid-row-gap: calc(var(--rpx, 1px)*24);
        -webkit-row-gap: calc(var(--rpx, 1px)*24);
        -moz-row-gap: calc(var(--rpx, 1px)*24);
        row-gap: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pad\:gap-y-18rpx {
        grid-row-gap: calc(var(--rpx, 1px)*18);
        -webkit-row-gap: calc(var(--rpx, 1px)*18);
        -moz-row-gap: calc(var(--rpx, 1px)*18);
        row-gap: calc(var(--rpx, 1px)*18)
    }

    .zn--wrapper .pad\:gap-y-14rpx {
        grid-row-gap: calc(var(--rpx, 1px)*14);
        -webkit-row-gap: calc(var(--rpx, 1px)*14);
        -moz-row-gap: calc(var(--rpx, 1px)*14);
        row-gap: calc(var(--rpx, 1px)*14)
    }

    .zn--wrapper .pad\:gap-y-16rpx {
        grid-row-gap: calc(var(--rpx, 1px)*16);
        -webkit-row-gap: calc(var(--rpx, 1px)*16);
        -moz-row-gap: calc(var(--rpx, 1px)*16);
        row-gap: calc(var(--rpx, 1px)*16)
    }

    .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;
        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\:translate-x-\[-50\%\] {
        --tw-translate-x: -50%
    }

    .zn--wrapper .pad\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

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

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

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

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

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

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

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

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

@media (max-width:1023px) {
    .zn--wrapper .mot\:font-medium {
        font-weight: 500
    }

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

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

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

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

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

.zn--wrapper {
    background: #000;
    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 * {
    box-sizing: border-box
}

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

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

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

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

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

.zn--wrapper br {
}

.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 {
    display: inline-block;
    font-size: 60%;
    position: relative;
    top: -.9em;
    transform: scale(.8)
}

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

.zn--wrapper .bg-img, .zn--wrapper .bg-img-contain {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

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

.zn--wrapper .abs-center-x {
    left: 50%;
    transform: translate(-50%)
}

.zn--wrapper .abs-center-y {
    top: 50%;
    transform: translateY(-50%)
}

.zn--wrapper .abs-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%)
}

.zn--wrapper .swiper-button-disabled {
    opacity: .5
}

.zn--wrapper .sticky-placeholder {
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative
}

.zn--wrapper .green {
    color: #29d0d0
}

.zn--wrapper .mix-screen {
    mix-blend-mode: screen
}

.zn--wrapper .glow-text {
    text-shadow: 0 0 10px #91a0bf
}

.zn--wrapper .linear-title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(1turn, #8aace5, #fff);
    -webkit-background-clip: text;
    background-clip: text
}

.zn--wrapper #section-tvc .video-cover {
    background: rgba(0, 0, 0, .6)
}

.zn--wrapper #section-tvc .linear-title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(191.69deg, #a6aabc -20.21%, hsla(0, 0%, 100%, .95) 149.81%);
    -webkit-background-clip: text;
    background-clip: text
}

.zn--wrapper #section-design [ani-grid-3] [hand-left], .zn--wrapper #section-design [ani-grid-3] [hand-right], .zn--wrapper #section-design [ani-grid-3] [hand-together] {
    will-change: transform
}

.zn--wrapper #section-design [grid-3-title] {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(0deg, #fff, #fff), linear-gradient(90deg, #a6aabc, rgba(166, 170, 188, 0));
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none
}

.zn--wrapper #section-design [grid-3-title].with-glow {
    text-shadow: 0 0 10px #91a0bf
}

.zn--wrapper #section-design [clip-border] {
    border: 1px solid hsla(0, 0%, 100%, .25);
    box-sizing: border-box
}

.zn--wrapper #section-design [clip-border] .clip-corner-tl {
    border-left: 1px solid #767676;
    border-top: 1px solid #767676
}

.zn--wrapper #section-design [clip-border] .clip-corner-br {
    border-bottom: 1px solid #767676;
    border-right: 1px solid #767676
}

.zn--wrapper #section-design .corner-top-left {
    border-left: 2px solid #767676;
    border-top: 2px solid #767676
}

.zn--wrapper #section-design .corner-bottom-right {
    border-bottom: 2px solid #767676;
    border-right: 2px solid #767676
}

.zn--wrapper #section-design .bg-1 {
    background: linear-gradient(0deg, #fff, #fff)
}

.zn--wrapper #section-design .bg-2 {
    background: radial-gradient(61.82% 61.82% at 50% -18.25%, #50607f 0, #000 100%)
}

.zn--wrapper #section-design .bg-3 {
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.zn--wrapper #section-design .linear-title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(191.69deg, #a6aabc -20.21%, hsla(0, 0%, 100%, .95) 149.81%);
    -webkit-background-clip: text;
    background-clip: text
}

.zn--wrapper #section-design [split-left], .zn--wrapper #section-design [split-right] {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-white] [split-left] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(103.06deg, #fdfdfd 43.78%, #55576a 93.49%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-white] [split-right] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(271.52deg, #55576a -8.28%, #fdfdfd 74.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-white] [split-full] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(97.83deg, #fdfdfd 18.07%, #888aa1 49.51%, #fdfdfd 85.38%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-red] [split-left] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(110.78deg, #fcbfa4 59.43%, #cf8e72 92.8%, #9a6650 126.82%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-red] [split-right] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(110.78deg, #efb094 59.43%, #cf8e72 86.32%, #9a6650 126.82%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-red] [split-full] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(98.16deg, #b97f65 32.75%, #8e594c 49.42%, #d9a284 76.63%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-black] [split-left], .zn--wrapper #section-design [color-black] [split-right] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(138.74deg, #58606d 11.51%, #acb5c4 34.91%, #d4d4d4);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design [color-black] [split-full] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(136.83deg, #58606d, #acb5c4 26.34%, #d4d4d4 99.62%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design .color-desc-white {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(8.73deg, #fdfdfd 23.78%, #55576a 166.75%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design .color-desc-red {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(287.08deg, #ffd5c2 6.01%, #9a6650 98.51%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.zn--wrapper #section-design .color-desc-black {
    color: #cdd2d9
}

.zn--wrapper .section-title, .zn--wrapper .section-title-placeholder {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase
}

.zn--wrapper [ani-draw-text] [base-text] {
    -webkit-text-stroke: 1px #7fcbc2;
    color: transparent
}

.zn--wrapper [ani-draw-text] [fill-text] {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0)
}

.zn--wrapper #section-game-bottom [grid-7-card] {
    border: 1px solid hsla(0, 0%, 100%, .15);
    cursor: pointer
}

.zn--wrapper #section-game-bottom [corner-top-left] {
    border-left: 1.6px solid #767676;
    border-top: 1.6px solid #767676
}

.zn--wrapper #section-game-bottom [corner-bottom-right] {
    border-bottom: 1.6px solid #767676;
    border-right: 1.6px solid #767676
}

.zn--wrapper #section-game [right-video-card] {
    -webkit-backdrop-filter: blur(82px);
    backdrop-filter: blur(82px);
    background: linear-gradient(90deg, rgba(124, 142, 183, .184), rgba(47, 56, 80, .2))
}

.zn--wrapper #section-game [ani-grid-2] [chip-left-cover], .zn--wrapper #section-game [fps-img-cover] {
    background: linear-gradient(90deg, #000, transparent)
}

.zn--wrapper #section-game [ani-grid-2] [chip-right-cover] {
    background: linear-gradient(-90deg, #000, transparent)
}

.zn--wrapper #section-performance .antutu-text {
    color: #fff
}

.zn--wrapper #section-performance [video-top-cover] {
    background: linear-gradient(180deg, #000, transparent)
}

.zn--wrapper #section-performance [video-bottom-cover] {
    background: linear-gradient(0deg, #000, transparent)
}

.zn--wrapper #section-performance [video-left-cover] {
    background: linear-gradient(90deg, #000, transparent)
}

.zn--wrapper #section-performance [video-right-cover] {
    background: linear-gradient(-90deg, #000, transparent)
}

.zn--wrapper #section-performance-bottom [ani-grid-4] .img-cover {
    background: linear-gradient(0deg, #000, transparent)
}

.zn--wrapper #section-game [ani-grid-1] .img-cover {
    background: linear-gradient(180deg, #000, transparent)
}

.max-content {
    min-width: -moz-max-content;
    min-width: max-content
}

.text-pretty {
    text-wrap: pretty
}

[ani-next-btn], [ani-prev-btn] {
    cursor: pointer
}

[ani-next-btn].swiper-button-disabled, [ani-prev-btn].swiper-button-disabled {
    cursor: default
}

.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: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: calc(50vw - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    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 {
    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
}

.zn--wrapper .ani__title {
    align-items: center;
    display: flex;
    justify-content: center
}

html:not(.degrade) {
    overflow: hidden
}

html:not(.degrade) header {
    position: relative
}

html:not(.degrade) #navigation-container, html:not(.degrade) .local-nav {
    position: relative;
    transition: none;
    z-index: 95
}

html:not(.degrade) .mo\:sticky, html:not(.degrade) .pad\:sticky, html:not(.degrade) .pc\:sticky, html:not(.degrade) .sticky, html:not(.degrade) .sticky-normal {
    position: relative;
    top: 0
}

html:not(.degrade) body {
    overflow: hidden
}

html:not(.degrade) .zn--wrapper, html:not(.degrade) body {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

html:not(.degrade) .zn--wrapper [data-anchor-scene], html:not(.degrade) .zn--wrapper [data-chapter-scene], html:not(.degrade) .zn--wrapper [data-free-anchor-scene], html:not(.degrade) .zn--wrapper [data-scene] {
    --edge-offset: 0;
    min-height: calc(var(--content-height) + 1px);
    position: absolute;
    top: 100vh;
    top: calc(var(--vh, 1vh)*100);
    transform: translate3d(calc(var(--x, 0)*1px), calc(var(--y, 0)*1px), 0);
    width: 100%;
    z-index: 0
}

html:not(.degrade) .zn--wrapper [data-anchor-scene].first, html:not(.degrade) .zn--wrapper [data-chapter-scene].first, html:not(.degrade) .zn--wrapper [data-free-anchor-scene].first, html:not(.degrade) .zn--wrapper [data-scene].first {
    top: 100px;
    transform: translate3d(calc(var(--x, 0)*1px), calc(var(--y, 0)*1px), 0)
}

html:not(.degrade) .oppo-navbar-v2-light {
    position: relative;
    z-index: 99
}

html:not(.degrade) #footer {
    background: #000;
    left: 0;
    position: absolute;
    top: 100vh;
    top: calc(var(--vh, 1vh)*100);
    transform: translate3d(calc(var(--x, 0)*1px), calc(var(--y, 0)*1px), 0);
    width: 100%;
    z-index: 1000
}

html:not(.degrade) .global-bg {
    background: #3d5480;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.dragging:not(.changing) html:not(.degrade) .global-bg {
    opacity: 1
}

html:not(.degrade) .global-bg .top {
    background: linear-gradient(180deg, #000 26.18%, #4f6da7 121.77%), linear-gradient(180deg, #fff 23.19%, #d6e7fc), linear-gradient(1turn, #bcbcbc -65.25%, #fff);
    height: 320px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

html:not(.degrade) .global-bg .bottom {
    background: linear-gradient(1turn, #000 26.18%, #4f6da7 121.77%), linear-gradient(1turn, #fff 23.19%, #d6e7fc), linear-gradient(1turn, #bcbcbc -65.25%, #fff);
    bottom: 0;
    height: 320px;
    position: absolute;
    width: 100%
}

html:not(.degrade) .global-bg.white {
    background: #d6e7fc
}

html:not(.degrade) .global-bg.white .top {
    background: linear-gradient(180deg, #fff 23.19%, #d6e7fc), linear-gradient(180deg, #fff 23.19%, #b9cdf6 54.38%, #6885bc)
}

html:not(.degrade) .global-bg.white .bottom {
    background: linear-gradient(1turn, #fff 23.19%, #d6e7fc), linear-gradient(1turn, #fff 23.19%, #b9cdf6 54.38%, #6885bc)
}

html:not(.degrade) .global-bg.white .scroll-down-btn .btn-text {
    color: #000000e6
}

html:not(.degrade) .global-bg.white .scroll-down-btn .circle-icon img {
    filter: brightness(0)
}

html:not(.degrade) .global-bg.white .scroll-down-btn .circle-icon .progress-gradient {
    background: conic-gradient(from 0deg, grey 0, grey calc(var(--progress, 0%) - 10%), hsla(0, 0%, 50%, .7) calc(var(--progress, 0%) - 5%), hsla(0, 0%, 50%, .4) var(--progress, 0), hsla(0, 0%, 50%, .3) calc(var(--progress, 0%) + 5%), hsla(0, 0%, 50%, .3) 100%)
}

html:not(.degrade) .global-bg .scroll-down-btn {
    align-items: center;
    border-radius: calc(var(--rpx, 1px)*12);
    bottom: calc(var(--a-nav-height) + var(--rpx, 1px)*20);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: calc(var(--rpx, 1px)*74);
    justify-content: center;
    left: calc(50% - var(--rpx, 1px)*42.5);
    pointer-events: none;
    position: fixed;
    width: calc(var(--rpx, 1px)*83);
    z-index: 50
}

.show-nav html:not(.degrade) .global-bg {
    opacity: 1;
    pointer-events: auto
}

html:not(.degrade) .global-bg .circle-icon {
    align-items: center;
    display: flex;
    height: calc(var(--rpx, 1px)*40);
    justify-content: center;
    margin-bottom: calc(var(--rpx, 1px)*8);
    position: relative;
    width: calc(var(--rpx, 1px)*40)
}

html:not(.degrade) .global-bg .circle-icon .progress-circle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

html:not(.degrade) .global-bg .circle-icon .progress-gradient {
    background: conic-gradient(from 0deg, #fff 0, #fff calc(var(--progress, 0%) - 10%), hsla(0, 0%, 100%, .7) calc(var(--progress, 0%) - 5%), hsla(0, 0%, 100%, .4) var(--progress, 0), hsla(0, 0%, 100%, .3) calc(var(--progress, 0%) + 5%), hsla(0, 0%, 100%, .3) 100%);
    height: 100%;
    width: 100%
}

html:not(.degrade) .global-bg .circle-icon .progress-ring {
    stroke-dasharray: 144.51;
    stroke-dashoffset: 144.51;
    transition: stroke-dashoffset .3s ease
}

html:not(.degrade) .global-bg .circle-icon img {
    height: calc(var(--rpx, 1px)*12);
    opacity: 1 !important;
    position: relative;
    width: calc(var(--rpx, 1px)*9);
    z-index: 2
}

html:not(.degrade) .global-bg .btn-text {
    color: #ffffffe6;
    font-size: calc(var(--rpx, 1px)*16);
    line-height: calc(var(--rpx, 1px)*18);
    text-align: center;
    white-space: nowrap
}

html.degrade {
    overflow: unset !important
}

html.degrade .zn--wrapper [data-anchor-scene], html.degrade .zn--wrapper [data-chapter-scene], html.degrade .zn--wrapper [data-free-anchor-scene], html.degrade .zn--wrapper [data-scene] {
    position: relative
}

html.degrade .global-bg {
    display: none
}

.navigation-container {
    position: relative
}

.next-tip-btn, .prev-tip-btn {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 999px;
    display: none;
    display: flex;
    font-size: calc(var(--rpx, 1px)*16);
    height: 40px;
    justify-content: center;
    left: 50%;
    line-height: calc(var(--rpx, 1px)*18);
    opacity: 0;
    position: fixed;
    transform: translate(-50%);
    transition: opacity .2s;
    width: 120px;
    z-index: 95
}

.next-tip-btn.active, .prev-tip-btn.active {
    opacity: 1
}

.next-tip-btn {
    bottom: 100px;
    display: none
}

.prev-tip-btn {
    top: 100px
}

.global-next-tip {
    bottom: calc(var(--rpx, 1px)*105);
    color: #fffffff2;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 90
}

.global-next-tip.in-sticky {
    bottom: auto;
    top: calc(var(--content-height) - var(--a-nav-height) + var(--sticky-offset-top, 0) + var(--rpx, 1px)*10)
}

[data-no-arrow-height] .global-next-tip {
    opacity: 0;
    transition: .5s
}

[data-no-arrow-height] .global-next-tip.active {
    opacity: 1
}

.global-next-tip p {
    font-size: calc(var(--rpx, 1px)*12);
    line-height: 1.5
}

.global-next-tip.template {
    display: none
}

[data-theme=light] .global-next-tip:not(.white) {
    color: #000000f2
}

[data-theme=light] .global-next-tip:not(.white) path {
    fill: #000000f2
}

.global-next-tip.white {
    color: #fffffff2
}

.global-next-tip.white path {
    fill: #fffffff2
}

.global-prev-tip {
    color: #fffffff2;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: calc(var(--rpx, 1px)*30);
    transition: opacity .5s;
    width: 100%;
    z-index: 90
}

.global-prev-tip p {
    font-size: calc(var(--rpx, 1px)*12);
    line-height: 1.5
}

.global-prev-tip.template {
    display: none
}

[data-theme=light] .global-prev-tip:not(.black) {
    color: #000000f2
}

[data-theme=light] .global-prev-tip:not(.black) path {
    fill: #000000f2
}

.global-prev-tip.black {
    color: #000000f2
}

.global-prev-tip.black path {
    fill: #000000f2
}

.global-prev-tip.active {
    opacity: 1
}

.scroll-arrows-down .arrow {
    animation: scroll-arrow-down 3s linear infinite;
    opacity: 0;
    transform-origin: center
}

.scroll-arrows-down .arrow-1 {
    animation-delay: 0s
}

.scroll-arrows-down .arrow-2 {
    animation-delay: 1s
}

.scroll-arrows-down .arrow-3 {
    animation-delay: 2s
}

.scroll-arrows-up .arrow {
    animation: scroll-arrow-up 3s linear infinite;
    opacity: 0;
    transform-origin: center
}

.scroll-arrows-up .arrow-1 {
    animation-delay: 0s
}

.scroll-arrows-up .arrow-2 {
    animation-delay: 1s
}

.scroll-arrows-up .arrow-3 {
    animation-delay: 2s
}

@keyframes scroll-arrow-down {
    0% {
        opacity: 0;
        transform: translateY(-100%) scale(0)
    }

    30% {
        opacity: .5;
        transform: translateY(-15%) scale(.9)
    }

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

    70% {
        opacity: .8;
        transform: translateY(20%) scale(1)
    }

    to {
        opacity: 0;
        transform: translateY(65%) scale(0)
    }
}

@keyframes scroll-arrow-up {
    0% {
        opacity: 0;
        transform: translateY(100%) scale(0)
    }

    30% {
        opacity: .5;
        transform: translateY(15%) scale(.9)
    }

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

    70% {
        opacity: .8;
        transform: translateY(-20%) scale(1)
    }

    to {
        opacity: 0;
        transform: translateY(-65%) scale(0)
    }
}

.anchor-bar {
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    background: linear-gradient(180deg, rgba(74, 74, 74, .4), rgba(92, 92, 92, .2));
    bottom: 0;
    display: flex;
    font-size: calc(var(--rpx, 1px)*16);
    height: calc(var(--rpx, 1px)*83);
    justify-content: center;
    left: 0;
    line-height: 1.25;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: .3s;
    width: 100%;
    z-index: 900
}

.anchor-bar .anchor-bar-content {
    display: flex;
    height: 100%;
    width: 100%
}

.anchor-bar .scroll {
    -ms-overflow-style: none;
    display: flex;
    height: 100%;
    overflow: auto;
    scrollbar-width: none;
    width: 100%
}

.anchor-bar .scroll::-webkit-scrollbar {
    display: none
}

.anchor-bar.light {
    background: linear-gradient(180deg, rgba(0, 0, 0, .04), hsla(0, 0%, 100%, .2))
}

.anchor-bar.anchor-bar:before {
    background: #4d4d4d;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.anchor-bar::-webkit-scrollbar {
    display: none
}

.show-nav .anchor-bar {
    opacity: 1;
    pointer-events: auto
}

.anchor-bar:not(.light) {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .12), hsla(0, 0%, 100%, .12)), linear-gradient(180deg, rgba(74, 74, 74, .4), rgba(0, 0, 0, .21));
    color: #fff
}

.anchor-bar.light {
    background: linear-gradient(180deg, rgba(0, 0, 0, .08) 45%, hsla(0, 0%, 100%, .5)), hsla(0, 0%, 100%, .4);
    color: #000
}

.anchor-bar .anchor-bar-btn {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    opacity: .75;
    padding: 8px 16px;
    position: relative;
    text-align: center;
    transition: background .5s
}

.anchor-bar:not(.light) .anchor-bar-btn {
    color: #ffffff73
}

.anchor-bar.light .anchor-bar-btn {
    color: #000
}

.anchor-bar .anchor-bar-btn:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.anchor-bar:not(.light) .anchor-bar-btn:before {
    background: hsla(0, 0%, 100%, .15)
}

.anchor-bar.light .anchor-bar-btn:before {
    background: rgba(0, 0, 0, .15)
}

.anchor-bar .anchor-bar-btn:after {
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform-origin: bottom;
    transition: .3s;
    width: 100%
}

.anchor-bar .anchor-bar-btn .img-group {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px);
    height: calc(var(--rpx, 1px)*32);
    min-width: calc(var(--rpx, 1px)*32);
    pointer-events: none
}

.anchor-bar .anchor-bar-btn .img-group img {
    height: 100%;
    width: 100%
}

.anchor-bar:not(.light) .anchor-bar-btn .img-group img:not(.white) {
    opacity: 1 !important
}

.anchor-bar.light .anchor-bar-btn .img-group img:not(.white), .anchor-bar:not(.light) .anchor-bar-btn .img-group .white {
    opacity: 0
}

.anchor-bar.light .anchor-bar-btn .img-group .white {
    opacity: 1
}

.anchor-bar .anchor-bar-btn .img-group+* {
    margin-top: calc(var(--rpx, 1px)*4);
    pointer-events: none
}

.zn--wrapper:not(.touch) .anchor-bar:not(.lock):not(.light) .anchor-bar-btn:hover {
    background: hsla(0, 0%, 100%, .12)
}

.zn--wrapper:not(.touch) .anchor-bar:not(.lock).light .anchor-bar-btn:hover {
    background: hsla(0, 0%, 100%, .4)
}

.anchor-bar:not(.light) .anchor-bar-btn.active {
    background: #fff !important;
    color: #000
}

.anchor-bar:not(.light) .anchor-bar-btn.active img.white {
    opacity: 1
}

.anchor-bar:not(.light) .anchor-bar-btn.active img:not(.white) {
    opacity: 0
}

.anchor-bar.light .anchor-bar-btn.active {
    background: linear-gradient(180deg, #f1f1f1, #fff 40.51%)
}

.anchor-bar .anchor-bar-btn.active:after {
    background: #f50514;
    z-index: 10
}

.nav-next-btn {
    align-items: center;
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    background: hsla(0, 0%, 100%, .15);
    border-radius: calc(var(--rpx, 1px)*20);
    bottom: calc(var(--rpx, 1px)*115);
    box-shadow: inset 0 1px 8px #ffffff4d, inset 0 -5px 12.7px #ffffff26, inset 0 -.5px 1px #fff9;
    cursor: pointer;
    display: flex;
    height: calc(var(--rpx, 1px)*40);
    justify-content: center;
    left: 50%;
    opacity: 0;
    padding-left: calc(var(--rpx, 1px)*24);
    padding-right: calc(var(--rpx, 1px)*24);
    pointer-events: none;
    position: fixed;
    transform: translate(-50%);
    transition: opacity .3s;
    z-index: 100
}

.nav-next-btn span {
    color: #fff
}

.nav-next-btn svg path {
    fill: #fff
}

[data-anchor-theme=light] .nav-next-btn {
    background: radial-gradient(57.04% 47.52% at 50% 52.48%, hsla(0, 0%, 90%, .294) 8.67%, rgba(250, 250, 251, .294) 100%);
    box-shadow: 0 0 10px #9191911a, inset 0 -5px 6.6px #ffffff87, inset 0 4px 12px #ffffffb3
}

[data-anchor-theme=light] .nav-next-btn span {
    color: #000
}

[data-anchor-theme=light] .nav-next-btn svg path {
    fill: #000
}

.nav-next-btn.active {
    opacity: 1;
    pointer-events: auto
}

.nav-next-btn img {
    margin-left: calc(var(--rpx, 1px)*8)
}

[data-nav-btn] {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s
}

[data-next-arrow-color=black] [data-nav-btn] {
    color: #000000f2
}

[data-next-arrow-color=black] [data-nav-btn] path {
    fill: #000000f2
}

[data-next-arrow-color=white] [data-nav-btn] {
    color: #fffffff2
}

[data-next-arrow-color=white] [data-nav-btn] path {
    fill: #fffffff2
}

[data-nav-btn].active {
    opacity: 1;
    pointer-events: auto
}

[ani-ksp-floating].show {
    transform: translateY(0) translate(-50%);
    transition: transform .7s
}

[ani-ksp-floating] {
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    transform: translateY(230px) translate(-50%);
    transition-timing-function: var(--timing-function);
    transition: opacity .5s;
    width: auto
}

[ani-ksp-floating] .img-group-wrapper {
    flex-shrink: 0
}

[ani-ksp-floating] .selling-point-box {
    min-width: 200px
}

.show-nav [ani-ksp-floating] {
    opacity: 1;
    pointer-events: auto
}

[ani-ksp-floating] .img-group img.white {
    opacity: 0
}

[ani-ksp-floating] .img-group img:not(.white) {
    opacity: 1
}

[ani-ksp-floating] .active-bar {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(54, 54, 54, .7);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 12px 28px
}

[ani-ksp-floating] .active-bar .text-wrapper {
    width: 100%
}

[ani-ksp-floating] .active-bar .img-group, [ani-ksp-floating] .active-bar .text-wrapper div {
    opacity: 0;
    transition: .4s
}

[ani-ksp-floating] .active-bar .img-group.active, [ani-ksp-floating] .active-bar .text-wrapper div.active {
    opacity: 1
}

[ani-ksp-floating] .active-bar span {
    display: inline-block;
    font-size: 16px
}

[ani-ksp-floating] .active-bar .extend-plus {
    flex-shrink: 0;
    margin-left: 12px
}

[ani-ksp-floating] .active-bar .extend-plus .h, [ani-ksp-floating] .active-bar .extend-plus .v {
    background: hsla(0, 0%, 100%, .95)
}

[ani-ksp-floating] .active-bar .extend-plus .v {
    transform: translate(-50%) rotate(0);
    transition: transform .4s
}

[ani-ksp-floating].hover .active-bar .extend-plus .v {
    transform: translate(-50%) rotate(90deg)
}

[ani-ksp-floating] .selling-point-box {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(54, 54, 54, .7);
    border-radius: 4px;
    bottom: 52px;
    transition: height .4s, background .3s, width .4s
}

[ani-ksp-floating] .selling-point-box .list {
    opacity: 0;
    transition: opacity 0s ease .2s
}

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

[ani-ksp-floating].hover .selling-point-box {
    height: var(--total-height, 438px)
}

[ani-ksp-floating].hover .selling-point-box .list {
    opacity: 1;
    transition: opacity 0s ease 0s
}

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

[ani-ksp-floating] .divider {
    background: hsla(0, 0%, 100%, .1);
    flex-shrink: 0;
    height: 1px;
    width: calc(100% - 36px)
}

[ani-ksp-floating] .unit-bar {
    opacity: .5
}

[ani-ksp-floating] .unit-bar.active {
    opacity: 1
}

[ani-ksp-floating] .light .active-bar, [ani-ksp-floating] .light .selling-point-box, [ani-ksp-floating].light-color .active-bar, [ani-ksp-floating].light-color .selling-point-box {
    background: hsla(0, 0%, 92%, .7)
}

[ani-ksp-floating] .light .unit-bar, [ani-ksp-floating].light-color .unit-bar, [ani-ksp-floating] .light .active-bar, [ani-ksp-floating].light-color .active-bar {
    color: #1a1a1af2
}

[ani-ksp-floating] .light .active-bar .h, [ani-ksp-floating] .light .active-bar .v, [ani-ksp-floating].light-color .active-bar .h, [ani-ksp-floating].light-color .active-bar .v {
    background: rgba(26, 26, 26, .95)
}

[ani-ksp-floating] .light .divider, [ani-ksp-floating].light-color .divider {
    background: rgba(0, 0, 0, .1)
}

[ani-ksp-floating] .light .img-group img.white, [ani-ksp-floating].light-color .img-group img.white {
    opacity: 1
}

[ani-ksp-floating] .light .img-group img:not(.white), [ani-ksp-floating].light-color .img-group img:not(.white) {
    opacity: 0
}

html[lang^=ar] .zn--wrapper {
    direction: rtl;
    text-align: right
}

#section-camera [ani-title] [section-title] {
    color: #fff;
    text-shadow: 0 1px 20px #a6aabc
}

#section-camera [ani-title] [ani-title-box] {
    width: 100%;
    z-index: 2
}

#section-camera [ani-title] [ani-part1-title] {
    opacity: 0
}

[ani-camera-part1] [spec-3-line], [ani-camera-part1] [spec-4-line] {
    border-left: 1px solid hsla(0, 0%, 100%, .15);
    border-top: 1px solid hsla(0, 0%, 100%, .15)
}

[ani-camera-part2] [ani-part2-mask] {
    opacity: 0
}

[ani-camera-part2] [ani-part2-scale] {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

[ani-camera-part2] [ani-part2-scale].show {
    opacity: 1
}

[ani-camera-part2] [ani-part2-thumbnail] [part2-frame] {
    opacity: 0
}

[ani-camera-part2] [part2-frame] {
    border: 1px solid #767676
}

[ani-camera-part2] [part2-frame] [corner-left-top] {
    border-left: 3px solid #767676;
    border-top: 3px solid #767676;
    box-sizing: border-box;
    height: calc(var(--rpx, 1px)*8);
    left: -2px;
    top: -2px;
    width: calc(var(--rpx, 1px)*8)
}

[ani-camera-part2] [part2-frame] [corner-right-bottom] {
    border-bottom: 3px solid #767676;
    border-right: 3px solid #767676;
    bottom: -2px;
    box-sizing: border-box;
    height: calc(var(--rpx, 1px)*8);
    right: -2px;
    width: calc(var(--rpx, 1px)*8)
}

[ani-camera-part3] [part3-tab] {
    cursor: pointer;
    transition: color .3s ease-in-out
}

[ani-camera-part3] [part3-tab].active {
    color: #fffffff2;
    cursor: default
}

[ani-camera-part3] [part3-cornor-left-top] {
    border-left: 2.36px solid #767676;
    border-top: 2.36px solid #767676
}

[ani-camera-part3] [part3-cornor-right-bottom] {
    border-bottom: 2.36px solid #767676;
    border-right: 2.36px solid #767676
}

[ani-camera-part4] [ani-camera-part4-sticky] {
    overflow: hidden
}

[ani-camera-part4] [ani-point] {
    opacity: 0;
    overflow: visible
}

[ani-camera-part4] [ani-point] svg {
    overflow: visible
}

[ani-camera-part4] [ani-photo-mask-top] {
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .4) 50%, #000)
}

[ani-camera-part4] [ani-photo-mask-bottom] {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .4) 50%, #000)
}

[ani-camera-part4] [ani-scale-frame] {
    border: 1px solid hsla(0, 0%, 100%, .35);
    height: calc(100% + var(--rpx, 1px)*16);
    left: calc(var(--rpx, 1px)*-8);
    top: calc(var(--rpx, 1px)*-8);
    width: calc(100% + var(--rpx, 1px)*16)
}

[ani-camera-part4] [ani-scale-frame] [ani-scale-frame-corner-left-top] {
    border-left: 3px solid #767676;
    border-top: 3px solid #767676;
    height: calc(var(--rpx, 1px)*8.5);
    left: calc(var(--rpx, 1px)*-2);
    top: -2px;
    width: calc(var(--rpx, 1px)*8.5)
}

[ani-camera-part4] [ani-scale-frame] [ani-scale-frame-corner-right-bottom] {
    border-bottom: 3px solid #767676;
    border-right: 3px solid #767676;
    bottom: -1.5px;
    height: calc(var(--rpx, 1px)*8.5);
    right: -1.5px;
    width: calc(var(--rpx, 1px)*8.5)
}

[ani-camera-part4] [ani-scales-container] {
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease-in-out
}

[ani-camera-part4] [ani-point], [ani-camera-part4] [ani-point]:hover {
    cursor: pointer
}

[ani-camera-part4] [camera-part4-card-3]:has([ani-point-1]:hover) [ani-scales-1] {
    opacity: 1
}

[ani-camera-part4] [camera-part4-card-3]:has([ani-point-2]:hover) [ani-scales-2] {
    opacity: 1
}

[ani-camera-part4] [camera-part4-card-3]:has([ani-point-3]:hover) [ani-scales-3] {
    opacity: 1
}

[ani-camera-part-5] [part5-tab] {
    cursor: pointer
}

[ani-camera-part-5] [part5-tab] [part5-tab-title] {
    color: #ffffff73;
    font-size: calc(var(--rpx, 1px)*24);
    transition: color var(--part5-duration, .22s) ease, font-size var(--part5-duration, .22s) ease
}

[ani-camera-part-5] [part5-tab] [part5-tab-desc-box] {
    height: 0;
    overflow: hidden
}

[ani-camera-part-5] [part5-tab].active {
    cursor: default
}

[ani-camera-part-5] [part5-tab].active [part5-tab-title] {
    color: #fffffff2;
    font-size: calc(var(--rpx, 1px)*28)
}

[ani-camera-part-5] [part5-tab]:hover [part5-tab-title] {
    color: #fffffff2
}

[ani-camera-part-5] [part5-imgs-left-top] {
    border-left: 2.5px solid #767676;
    border-top: 2.5px solid #767676
}

[ani-camera-part-5] [part5-imgs-right-bottom] {
    border-bottom: 2.5px solid #767676;
    border-right: 2.5px solid #767676
}

[ani-camera-part-5] [live-label] {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

[ani-camera-part-5] [part5-img] {
    opacity: 0;
    pointer-events: none
}

[ani-camera-part-5] [part5-img]:first-child {
    opacity: 1
}

[ani-camera-part-5] [part5-img] [replay-btn] {
    z-index: 3
}

[ani-camera-part-5] [part5-img] [replay-btn].replay {
    opacity: 0;
    pointer-events: none
}

[ani-camera-part-5] [part5-img] [replay-btn].replay * {
    pointer-events: none
}

[ani-camera-part-5] [part5-img] [replay-btn].replay.active {
    opacity: 1;
    pointer-events: auto
}

[ani-camera-part-5] [part5-img] [replay-btn].replay.active * {
    pointer-events: auto
}

#section-os .bg-layer {
    background: linear-gradient(0deg, rgba(0, 0, 0, .09) -20.97%, hsla(0, 0%, 100%, .09) 25.11%)
}

#section-os [ani-os-part2] [replay-btn].replay {
    opacity: 0;
    pointer-events: none
}

#section-os [ani-os-part2] [replay-btn].replay.active {
    opacity: 1;
    pointer-events: auto
}

#section-os [ani-os-part2] [ani-feature-item] {
    border-top: 1px solid rgba(26, 26, 26, .15);
    cursor: pointer
}

#section-os [ani-os-part2] [ani-feature-item] [ani-feature-title] {
    color: #00000073;
    font-size: calc(var(--rpx, 1px)*20)
}

#section-os [ani-os-part2] [ani-feature-item].active {
    cursor: default
}

#section-os [ani-os-part2] [ani-feature-item].active [ani-feature-title] {
    color: #000000f2;
    font-size: calc(var(--rpx, 1px)*36)
}

[ani-battery] [section-title] {
    color: #fff;
    text-shadow: 0 1px 20px #a6aabc
}

[ani-battery] [ani-battery-dim] {
    background: #000;
    opacity: 0;
    z-index: 20
}

[ani-battery] [ani-part2-box] {
    border: 1px solid hsla(0, 0%, 100%, .15)
}

[ani-battery] [ani-specs-line] {
    grid-column: 1/-1;
    height: 1px
}

#section-display [section-title] {
    color: #fff;
    text-shadow: 0 1px 20px #a6aabc
}

#section-display [part-2-photo-label] {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(26, 26, 26, .35)
}

#section-display [part-2-frame-label] {
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background: hsla(0, 0%, 100%, .15)
}

#section-display [part3-box-mo] {
    border: 1px solid hsla(0, 0%, 100%, .15)
}

#section-display [part2-video-mask] {
    background: linear-gradient(180deg, transparent 0, transparent 64.93%, #000 84.12%)
}

#section-display [ani-chip-container] {
    border: 1px solid hsla(0, 0%, 100%, .15)
}

#section-display [ani-display-part2] [replay-btn].replay {
    opacity: 0;
    pointer-events: none
}

#section-display [ani-display-part2] [replay-btn].replay.active {
    opacity: 1;
    pointer-events: auto
}

[ani-design-part-4] [ani-feature-2-value] {
    color: #fff;
    text-shadow: 0 1px 20px #c69f7c
}

[ani-design-part-4] [ani-feature-item] {
    cursor: pointer
}

[ani-design-part-4] [ani-feature-item] [ani-feature-item-frame] {
    background: hsla(0, 0%, 100%, .05);
    border: calc(var(--rpx, 1px)*1) solid hsla(0, 0%, 100%, .15);
    height: 0;
    opacity: 0;
    width: 0
}

[ani-design-part-4] [ani-feature-item] [ani-feature-title] {
    opacity: .45;
    transition: opacity .3s ease-in-out
}

[ani-design-part-4] [ani-feature-item] [ani-feature-item-content] {
    transform: translate(calc(var(--rpx, 1px)*-18))
}

[ani-design-part-4] [ani-feature-item]:hover [ani-feature-title] {
    opacity: 1
}

[ani-design-part-4] [ani-feature-item].active {
    cursor: default
}

[ani-design-part-4] [ani-feature-item].active [ani-feature-title] {
    opacity: 1
}

[ani-design-part-4] [ani-feature-item].active [ani-feature-item-frame] {
    height: 100%;
    opacity: 1;
    width: 100%
}

[ani-design-part-4] [ani-feature-item].active [ani-feature-item-content] {
    transform: translate(0)
}

[ani-design-part-4] [ani-features-container] [next-btn], [ani-design-part-4] [ani-features-container] [prev-btn] {
    transition: opacity .3s ease
}

[ani-design-part-4] [ani-features-container] [next-btn].swiper-button-disabled, [ani-design-part-4] [ani-features-container] [prev-btn].swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

[ani-design-part-4] [ani-features-container] [top-left-corner] {
    border-left: 2px solid #767676;
    border-top: 2px solid #767676
}

[ani-design-part-4] [ani-features-container] [bottom-right-corner] {
    border-bottom: 2px solid #767676;
    border-right: 2px solid #767676
}

#section-game [grid-1-mask-left] {
    background: linear-gradient(90deg, #000 0, transparent)
}

#section-game [grid-1-mask-right] {
    background: linear-gradient(270deg, #000 0, transparent)
}

#section-game [grid-1-content] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: .8
}

#section-game [mo-right-card] {
    background: linear-gradient(90deg, rgba(124, 142, 183, .184), rgba(47, 56, 80, .2))
}

#section-game [ani-grid-6] [replay-button].replay {
    opacity: 0;
    pointer-events: none;
    z-index: 2
}

#section-game [ani-grid-6] [replay-button].replay.active {
    opacity: 1;
    pointer-events: auto
}

#section-game-bottom [grid-9-bottom-cover] {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5))
}

#section-performance [shadow-text] {
    color: #fff
}

#section-performance-bottom [ani-grid-1] [ani-mask-left] {
    background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .72) 35%, rgba(0, 0, 0, .32) 65%, transparent)
}

#section-performance-bottom [ani-grid-1] [ani-mask-right] {
    background: linear-gradient(270deg, #000 0, rgba(0, 0, 0, .72) 35%, rgba(0, 0, 0, .32) 65%, transparent)
}

#section-config-1 [config-card-img] {
    height: calc(var(--content-height)*.49934);
    width: calc(var(--content-height)*.4664)
}

#section-config-1 [ani-config-1-track] {
    height: calc(var(--content-height) + var(--content-height)*.4664*7 + var(--rpx, 1px)*10*6 - var(--rpx, 1px)*1312)
}

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
}

@media (min-width:1024px) {
    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 400
    }

    .zn--wrapper .pc-abs-center {
        left: 50%;
        top: 50%;
        transform: translate(-50%) translateY(-50%)
    }

    .zn--wrapper .section-title-wrapper {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)
    }

    .zn--wrapper .section-title, .zn--wrapper .section-title-placeholder {
        padding-bottom: calc(var(--rpx, 1px)*112);
        padding-top: calc(var(--rpx, 1px)*112)
    }

    :root {
        --rpx: calc(.07622vw - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

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

    .zn--wrapper .ani__title-wrapper {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        position: absolute
    }

    .zn--wrapper .ani__title-ty {
        height: var(--content-height)
    }

    .zn--wrapper .ani__title {
        height: 100%;
        padding-bottom: var(--a-nav-height);
        padding-top: var(--nav-height);
        width: 100%
    }

    .zn--wrapper .ani__title div[ani-video-wrapper] {
        height: calc(var(--rpx, 1px)*523);
        width: calc(var(--rpx, 1px)*1440)
    }

    html {
        --a-nav-height: calc(var(--rpx, 1px)*83)
    }

    .anchor-bar .anchor-bar-btn p {
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1.25;
        margin-top: calc(var(--rpx, 1px)*4)
    }

    .anchor-bar .anchor-bar-btn .img-group {
        width: calc(var(--rpx, 1px)*32)
    }

    [ani-camera-part1] [spec-1] {
        border-right: 1px solid hsla(0, 0%, 100%, .15);
        border-top: 1px solid hsla(0, 0%, 100%, .15)
    }

    [ani-camera-part1] [spec-2], [ani-camera-part1] [spec-3], [ani-camera-part1] [spec-4] {
        border-top: 1px solid hsla(0, 0%, 100%, .15)
    }

    [ani-camera-part2] [ani-part2-clip] {
        -webkit-clip-path: inset(20% 9.72222vw 20% 9.72222vw);
        clip-path: inset(20% 9.72222vw 20% 9.72222vw);
        -webkit-clip-path: inset(20% calc(var(--vw, 1vw)*9.72222) 20% calc(var(--vw, 1vw)*9.72222));
        clip-path: inset(20% calc(var(--vw, 1vw)*9.72222) 20% calc(var(--vw, 1vw)*9.72222))
    }

    [ani-battery] [ani-specs-table] {
        display: grid;
        grid-template-columns: repeat(4, max-content);
        justify-content: space-between;
        width: 100%
    }

    [ani-battery] [ani-spec-cell] {
        padding-bottom: calc(var(--rpx, 1px)*32)
    }

    [ani-battery] [ani-specs-line]:not(:last-child) {
        margin-bottom: calc(var(--rpx, 1px)*32)
    }

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

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 400
    }

    .zn--wrapper .pad-abs-center {
        left: 50%;
        top: 50%;
        transform: translate(-50%) translateY(-50%)
    }

    .zn--wrapper .section-title, .zn--wrapper .section-title-placeholder {
        font-size: calc(var(--rpx, 1px)*50);
        line-height: 1.4;
        padding-bottom: calc(var(--rpx, 1px)*105);
        padding-left: 24px;
        padding-right: 24px;
        padding-top: calc(var(--rpx, 1px)*105);
        text-align: center
    }

    :root {
        --rpx: calc(.13889vw - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

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

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

    .zn--wrapper .ani__title div[ani-video-wrapper] {
        aspect-ratio: 1440/523;
        height: auto;
        width: calc(var(--rpx, 1px)*720)
    }

    html:not(.degrade) .global-bg {
        display: none
    }

    [data-anchor-scene], [data-chapter-scene], [data-free-anchor-scene], [data-scene] {
        width: 100%
    }

    html {
        --a-nav-height: calc(var(--rpx, 1px)*68)
    }

    .anchor-bar {
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        font-size: calc(var(--rpx, 1px)*14);
        height: calc(var(--rpx, 1px)*68);
        line-height: calc(var(--rpx, 1px)*20);
        transition: .3s;
        width: 100%
    }

    .anchor-bar::-webkit-scrollbar {
        display: none
    }

    .anchor-bar .anchor-bar-btn {
        flex: 1;
        font-size: calc(var(--rpx, 1px)*14);
        min-width: calc(var(--rpx, 1px)*80);
        opacity: .75;
        transition: opacity .3s;
        white-space: nowrap
    }

    .anchor-bar .anchor-bar-btn.active {
        opacity: 1
    }

    .anchor-bar .anchor-bar-btn:active {
        transition: transform .3s
    }

    .anchor-bar .anchor-bar-btn .img-group {
        height: calc(var(--rpx, 1px)*24);
        min-width: calc(var(--rpx, 1px)*24);
        width: calc(var(--rpx, 1px)*24)
    }

    [ani-ksp-floating] .light .unit-bar p, [ani-ksp-floating].light-color .unit-bar p {
        font-size: calc(var(--rpx, 1px)*14)
    }

    [ani-camera-part1] [spec-1] {
        border-right: 1px solid hsla(0, 0%, 100%, .15);
        border-top: 1px solid hsla(0, 0%, 100%, .15)
    }

    [ani-camera-part1] [spec-2], [ani-camera-part1] [spec-3], [ani-camera-part1] [spec-4] {
        border-top: 1px solid hsla(0, 0%, 100%, .15)
    }

    [ani-camera-part2] [ani-part2-clip] {
        -webkit-clip-path: inset(20% calc(var(--rpx, 1px)*88) 20% calc(var(--rpx, 1px)*88));
        clip-path: inset(20% calc(var(--rpx, 1px)*88) 20% calc(var(--rpx, 1px)*88))
    }

    [ani-camera-part-5] [part5-tab] [part5-tab-title] {
        font-size: calc(var(--rpx, 1px)*18)
    }

    [ani-camera-part-5] [part5-tab].active [part5-tab-title] {
        font-size: calc(var(--rpx, 1px)*24)
    }

    #section-os [ani-os-part2] [ani-feature-item] [ani-feature-title] {
        font-size: 16px
    }

    #section-os [ani-os-part2] [ani-feature-item].active [ani-feature-title] {
        font-size: 24px
    }

    [ani-battery] [ani-specs-table] {
        display: grid;
        grid-template-columns: repeat(4, max-content);
        justify-content: space-between;
        width: 100%
    }

    [ani-battery] [ani-spec-cell] {
        padding-bottom: calc(var(--rpx, 1px)*18)
    }

    [ani-battery] [ani-specs-line]:not(:last-child) {
        margin-bottom: calc(var(--rpx, 1px)*18)
    }
}

@media (max-width:649px) {
    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 400
    }

    .zn--wrapper .section-title, .zn--wrapper .section-title-placeholder {
        font-size: 36px;
        line-height: 1.4;
        padding-bottom: calc(var(--rpx, 1px)*75);
        padding-left: 16px;
        padding-right: 16px;
        padding-top: calc(var(--rpx, 1px)*75);
        text-align: center
    }

    :root {
        --rpx: calc(.30488vw - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

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

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

    .zn--wrapper .ani__title div[ani-video-wrapper] {
        aspect-ratio: 1440/523;
        height: auto;
        width: calc(var(--rpx, 1px)*400)
    }

    html:not(.degrade) .global-bg {
        display: none
    }

    [data-anchor-scene], [data-chapter-scene], [data-free-anchor-scene], [data-scene] {
        width: 100%
    }

    html {
        --a-nav-height: calc(var(--rpx, 1px)*68)
    }

    .anchor-bar {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        font-size: calc(var(--rpx, 1px)*14);
        height: calc(var(--rpx, 1px)*67);
        line-height: calc(var(--rpx, 1px)*22);
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        transition: .3s;
        width: 100%
    }

    .anchor-bar .anchor-bar-btn {
        flex: none;
        flex-shrink: 0;
        font-size: calc(var(--rpx, 1px)*14);
        opacity: .75;
        transition: opacity .3s;
        width: calc(var(--rpx, 1px)*105)
    }

    .anchor-bar .anchor-bar-btn.active {
        opacity: 1
    }

    .anchor-bar .anchor-bar-btn:active {
        transition: transform .3s
    }

    .anchor-bar .anchor-bar-btn .img-group {
        height: calc(var(--rpx, 1px)*24);
        min-width: calc(var(--rpx, 1px)*24);
        width: calc(var(--rpx, 1px)*24)
    }

    .nav-next-btn {
        bottom: calc(var(--rpx, 1px)*91);
        font-size: calc(var(--rpx, 1px)*14);
        height: calc(var(--rpx, 1px)*40);
        line-height: calc(var(--rpx, 1px)*18)
    }

    [ani-ksp-floating] .light .unit-bar p, [ani-ksp-floating].light-color .unit-bar p {
        font-size: calc(var(--rpx, 1px)*14)
    }

    [ani-camera-part1] [spec-2] {
        border-bottom: 1px solid hsla(0, 0%, 100%, .15);
        border-left: 1px solid hsla(0, 0%, 100%, .15)
    }

    [ani-camera-part2] [ani-part2-clip] {
        -webkit-clip-path: inset(20% calc(var(--rpx, 1px)*128) 20% calc(var(--rpx, 1px)*128));
        clip-path: inset(20% calc(var(--rpx, 1px)*128) 20% calc(var(--rpx, 1px)*128))
    }

    [ani-camera-part-5] [part5-tab] [part5-tab-title] {
        font-size: 18px
    }

    [ani-camera-part-5] [part5-tab].active [part5-tab-title] {
        font-size: 24px
    }

    #section-os [ani-os-part2] [ani-feature-item] [ani-feature-title] {
        font-size: 16px
    }

    #section-os [ani-os-part2] [ani-feature-item].active [ani-feature-title] {
        font-size: 20px
    }

    [ani-battery] [ani-chip-container] {
        border: 1px solid hsla(0, 0%, 100%, .15)
    }

    [ani-battery] [ani-specs-mo] {
        display: grid;
        grid-template-columns: repeat(2, max-content);
        justify-content: space-between;
        row-gap: calc(var(--rpx, 1px)*24);
        width: 100%
    }

    [ani-battery] [ani-specs-mo-line] {
        grid-column: 1/-1;
        height: 1px
    }
}

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

@media (min-width:1024px) and (max-width:1440px) and (min-aspect-ratio:1.85) {
    .zn--wrapper #section-game [ani-grid-6] [spec-card] {
        margin-top: calc(var(--rpx, 1px)*10)
    }
}

@media (min-width:1900px) {
    .zn--wrapper #section-ksp, .zn--wrapper #section-kv {
        --rpx: .065vw;
        --rpx: calc((1*var(--vw, 1vw))*.065)
    }

    .zn--wrapper #section-design [slogan-wrapper] {
        width: 1360px
    }

    .zn--wrapper #section-performance [ani-grid-1] {
        margin-top: -22vh;
        margin-top: calc(var(--vh, 1vh)*-22)
    }

    #section-game [ani-grid-6] [left-content-card] {
        padding-bottom: 240px;
        padding-top: 240px
    }
}

@media (min-width:650px) and (max-width:1023px) and (max-aspect-ratio:.85) {
    .zn--wrapper #section-performance [ani-grid-1] {
        margin-top: -18vh;
        margin-top: calc(var(--vh, 1vh)*-18)
    }
}

@media (min-width:650px) {
    .zn--wrapper .section-title [ani-text-wrapper], .zn--wrapper .section-title-placeholder [ani-text-wrapper] {
        perspective: 360px
    }

    .zn--wrapper .section-title [ani-text-wrapper] [ani-text], .zn--wrapper .section-title-placeholder [ani-text-wrapper] [ani-text] {
        transform-origin: top
    }

    .zn--wrapper .section-title [ani-text-wrapper-top], .zn--wrapper .section-title-placeholder [ani-text-wrapper-top] {
        perspective-origin: 50% 50%
    }

    .zn--wrapper .section-title [ani-text-wrapper-top] [ani-text], .zn--wrapper .section-title-placeholder [ani-text-wrapper-top] [ani-text] {
        transform: rotateY(30deg);
        transform-origin: left
    }

    .zn--wrapper .section-title [ani-text-wrapper-bottom], .zn--wrapper .section-title-placeholder [ani-text-wrapper-bottom] {
        perspective-origin: 50% 50%
    }

    .zn--wrapper .section-title [ani-text-wrapper-bottom] [ani-text], .zn--wrapper .section-title-placeholder [ani-text-wrapper-bottom] [ani-text] {
        transform: rotateY(-30deg);
        transform-origin: right
    }
}

@media (min-width:1024px) and (min-aspect-ratio:2/1) {
    .global-next-tip {
        bottom: calc(var(--rpx, 1px)*90)
    }

    .global-prev-tip {
        top: calc(var(--rpx, 1px)*10)
    }
}

@media (min-width:1920px) {
    .anchor-bar .anchor-bar-content {
        width: calc(var(--rpx, 1px)*1440)
    }
}

@media (min-width:1024px) and (max-width:1600px) and (min-aspect-ratio:1.85) {
    #section-performance [video-layer] {
        top: calc(var(--rpx, 1px)*86)
    }

    #section-performance [grid-1-note] {
        margin-top: calc(var(--rpx, 1px)*12)
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    align-content: center;
    align-items: center;
    display: flex;
    height: var(--size);
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    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 {
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@keyframes preloader {
    to {
        transform: scale(2)
    }
}

@media (min-width:1024px) {
    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 400
    }

    :root {
        --rpx: calc(.07622vw - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

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

    .zn--wrapper .fade-in-pc {
        opacity: 0;
        transform: translateY(calc(var(--rpx, 1px)*80));
        transition: transform .6s, opacity .6s;
        transition-delay: 0
    }

    .zn--wrapper .fade-in-pc[data-slight] {
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .zn--wrapper .fade-in-pc[data-slow] {
        transition: transform 1s, opacity 1s
    }

    .zn--wrapper .fade-in-pc.show, .zn--wrapper .fade-in-pc[data-slight].show {
        opacity: var(--target-opacity, 1);
        transform: translateY(0);
        transition-delay: var(--delay, 0)
    }

    .zn--wrapper .fade-in {
        opacity: 0;
        transform: translateY(calc(var(--rpx, 1px)*80));
        transition: transform .6s, opacity .6s;
        transition-delay: 0
    }

    .zn--wrapper .fade-in[data-slight] {
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .zn--wrapper .fade-in[data-slow] {
        transition: transform 1s, opacity 1s
    }

    .zn--wrapper .fade-in.show, .zn--wrapper .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        transform: translateY(0);
        transition-delay: var(--delay, 0)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 400
    }

    :root {
        --rpx: calc(.13889vw - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

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

    .zn--wrapper .fade-in-pad {
        opacity: 0;
        transition: transform .6s, opacity .6s;
        transition-delay: 0
    }

    .zn--wrapper .fade-in-pad, .zn--wrapper .fade-in-pad[data-slight] {
        transform: translateY(50px)
    }

    .zn--wrapper .fade-in-pad[data-slow] {
        transition: transform 1s, opacity 1s
    }

    .zn--wrapper .fade-in-pad.show, .zn--wrapper .fade-in-pad[data-slight].show {
        opacity: var(--target-opacity, 1);
        transform: translateY(0);
        transition-delay: var(--delay, 0)
    }

    .zn--wrapper .fade-in {
        opacity: 0;
        transition: transform .6s, opacity .6s;
        transition-delay: 0
    }

    .zn--wrapper .fade-in, .zn--wrapper .fade-in[data-slight] {
        transform: translateY(50px)
    }

    .zn--wrapper .fade-in[data-slow] {
        transition: transform 1s, opacity 1s
    }

    .zn--wrapper .fade-in.show, .zn--wrapper .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        transform: translateY(0);
        transition-delay: var(--delay, 0)
    }
}

@media (max-width:649px) {
    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 400
    }

    :root {
        --rpx: calc(.30488vw - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

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

    .zn--wrapper .fade-in-mo {
        opacity: 0;
        transform: translateY(50px);
        transition: transform .6s, opacity .6s;
        transition-delay: 0
    }

    .zn--wrapper .fade-in-mo[data-slight] {
        transform: translateY(30px)
    }

    .zn--wrapper .fade-in-mo[data-slow] {
        transition: transform 1s, opacity 1s
    }

    .zn--wrapper .fade-in-mo.show, .zn--wrapper .fade-in-mo[data-slight].show {
        opacity: var(--target-opacity, 1);
        transform: translateY(0);
        transition-delay: var(--delay, 0)
    }

    .zn--wrapper .fade-in {
        opacity: 0;
        transform: translateY(50px);
        transition: transform .6s, opacity .6s;
        transition-delay: 0
    }

    .zn--wrapper .fade-in[data-slight] {
        transform: translateY(30px)
    }

    .zn--wrapper .fade-in[data-slow] {
        transition: transform 1s, opacity 1s
    }

    .zn--wrapper .fade-in.show, .zn--wrapper .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        transform: translateY(0);
        transition-delay: var(--delay, 0)
    }
}

[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] img.degrade, [ani-video-wrapper] img.degrade {
    z-index: 0
}

[ani-autoplay-video] .replay, [ani-autoplay-video]+.replay, [ani-video-wrapper] .replay, [ani-video-wrapper]+.replay {
    opacity: 0;
    pointer-events: none
}

[ani-autoplay-video] .replay.active, [ani-autoplay-video]+.replay.active, [ani-video-wrapper] .replay.active, [ani-video-wrapper]+.replay.active {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

[ani-autoplay-video] img.last-frame, [ani-video-wrapper] img.last-frame {
    opacity: 0;
    z-index: 2
}

[ani-autoplay-video] img.last-frame.active, [ani-video-wrapper] img.last-frame.active {
    opacity: 1
}

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

    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 400
    }
}

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

    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 400
    }
}

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

    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 400
    }
}

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

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

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

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

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

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

.g--popup {
    height: var(--window-height, 100vh);
    height: var(--window-height, calc(var(--vh, 1vh)*100));
    left: 0;
    position: fixed;
    top: 0;
    transform: translateY(120vh);
    transform: translateY(calc(var(--vh, 1vh)*120));
    width: 100%;
    z-index: 9999
}

.g--popup.show {
    transform: translateY(0)
}

.g--popup.disappear, .g--popup.show {
    transition: transform .5s
}

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

.g--popup .g--video-wrapper {
    margin-top: -12px;
    position: relative
}

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

.g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper .video, .g--popup .g--video-wrapper video {
    height: 100%;
    max-height: 75vh;
    max-height: calc(var(--vh, 1vh)*75);
    outline: none;
    width: 100%
}

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

.g--popup .g--video-wrapper .iframe-poster {
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-name: skeletonLoading;
    animation-timing-function: ease;
    background: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    background-size: 400% 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.g--popup .g--video-wrapper iframe.video {
    position: relative;
    z-index: 1
}

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

.g--popup .g--popup-close.v1 {
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 0;
    top: -36px;
    width: 24px;
    z-index: 2
}

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

.g--popup .g--popup-close.v2 {
    cursor: pointer;
    height: 32px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    z-index: 2
}

.g--popup-container.v2.v2 {
    background: #201f1c
}

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

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

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

.light-theme :not(.dark-theme) .g--popup-container.v1 {
    background: #fff
}

.light-theme :not(.dark-theme) .g--popup-close.v1 polygon {
    fill: #000
}

.light-theme :not(.dark-theme) .g--popup-container.v2 {
    background: #fafafa
}

.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
    fill: #efede9
}

.light-theme :not(.dark-theme) .g--popup-close.v2 path {
    fill: #000
}

@keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@media (min-width:1024px) {
    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 400
    }

    :root {
        --rpx: calc(.07622vw - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

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

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 34.115vw;
        height: calc(var(--vw, 1vw)*34.115)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 60.65vw;
        width: calc(var(--vw, 1vw)*60.65)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 400
    }

    :root {
        --rpx: calc(.13889vw - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

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

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 42.1875vw;
        height: calc(var(--vw, 1vw)*42.1875);
        width: 75vw;
        width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 75vw;
        width: calc(var(--vw, 1vw)*75)
    }
}

@media (max-width:649px) {
    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 400
    }

    :root {
        --rpx: calc(.30488vw - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

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

    .g--popup .g--popup-container {
        padding: 0
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 50.634vw;
        height: calc(var(--vw, 1vw)*50.634);
        width: 90vw;
        width: calc(var(--vw, 1vw)*90)
    }

    .g--popup .g--video-wrapper.v1 {
        width: 100vw;
        width: calc(var(--vw, 1vw)*100)
    }

    .g--popup .g--video-wrapper.v2 {
        max-width: 90vw;
        max-width: calc(var(--vw, 1vw)*90)
    }

    .g--popup .g--popup-close.v1 {
        height: 28px;
        right: 16px;
        top: -48px;
        width: 28px
    }

    .g--popup .g--popup-close.v2 {
        right: calc(50% - 16px);
        top: calc(var(--window-height) - 59px)
    }
}

@media not screen and (min-width:1024px) {
    .zn--wrapper .mot\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mot\:font-medium {
        font-weight: 400
    }
}

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

@media (min-width:650px) and (max-width:1023px) and (orientation:landscape) {
    .ls-pad-hidden {
        display: none !important
    }
}

@media (min-width:650px) and (max-width:1023px) and (orientation:portrait) {
    .pt-pad-hidden {
        display: none !important
    }
}

@media (min-height:600px) {
    .touch .g--popup .g--popup-close.v2 {
        top: 110px
    }
}

html:not(.degrade) footer {
    background:#000;
    left:0;
    position:absolute;
    top:100vh;
    top:-webkit-calc(var(--vh,1vh)*100);
    top:-moz-calc(var(--vh,1vh)*100);
    top:calc(var(--vh, 1vh)*100);
    -webkit-transform:translate3d(-webkit-calc(var(--x,0)*1px),-webkit-calc(var(--y,0)*1px),0);
    -moz-transform:translate3d(-moz-calc(var(--x,0)*1px),-moz-calc(var(--y,0)*1px),0);
    transform:translate3d(calc(var(--x, 0)*1px),calc(var(--y, 0)*1px),0);
    width:100%;
    z-index:1000
}