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: 0;
}

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

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

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

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

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

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

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

.zn--wrapper .rounded-1\/2 {
    border-radius: 50%
}

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

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

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

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

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

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

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

.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 .font-bold {
    font-weight: 700
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .top-bg-1 {
    top: .25rem
}

.zn--wrapper .top-bg-2 {
    top: .5rem
}

.zn--wrapper .top-bg-3 {
    top: .75rem
}

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

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

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

.zn--wrapper .text-\[rgba\(0\,0\,0\,1\)\] {
    --tw-text-opacity: 1;
    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 .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-max {
    width: -moz-max-content;
    width: max-content
}

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

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

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

.zn--wrapper .origin-left {
    transform-origin: left
}

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

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

    .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-end {
        align-items: flex-end
    }

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

    .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-50vw {
        height: 50vw;
        height: calc(var(--vw, 1vw)*50)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:pt-4\.44vw {
        padding-top: 4.44vw;
        padding-top: calc(var(--vw, 1vw)*4.44)
    }

    .zn--wrapper .pc\:pl-4\.44vw {
        padding-left: 4.44vw;
        padding-left: calc(var(--vw, 1vw)*4.44)
    }

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

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

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

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

    .zn--wrapper .pc\:pt-15vh {
        padding-top: 15vh;
        padding-top: calc(var(--vh, 1vh)*15)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:tracking-\[0\.015em\] {
        letter-spacing: .015em
    }

    .zn--wrapper .pc\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-1\/2 {
        --tw-translate-x: -50%
    }

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

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

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

    .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\:items-start {
        align-items: flex-start
    }

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

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

    .zn--wrapper .mo\:order-2 {
        order: 2
    }

    .zn--wrapper .mo\:order-1 {
        order: 1
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:h-320px {
        height: 320px
    }

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:h-25px {
        height: 25px
    }

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

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

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

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

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

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

    .zn--wrapper .mo\:h-30px {
        height: 30px
    }

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

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

    .zn--wrapper .mo\:h-33\.6px {
        height: 33.6px
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:h-19px {
        height: 19px
    }

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

    .zn--wrapper .mo\:h-20px {
        height: 20px
    }

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

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

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

    .zn--wrapper .mo\:h-11\.05rpx {
        height: calc(var(--rpx, 1px)*11.05)
    }

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

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

    .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-14px {
        font-size: 14px;
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:-ml-4px {
        margin-left: -4px
    }

    .zn--wrapper .mo\:ml-6px {
        margin-left: 6px
    }

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

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

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

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

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

    .zn--wrapper .mo\:mb-4px {
        margin-bottom: 4px
    }

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

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

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

    .zn--wrapper .mo\:ml-24px {
        margin-left: 24px
    }

    .zn--wrapper .mo\:mt-24px {
        margin-top: 24px
    }

    .zn--wrapper .mo\:mb-24px {
        margin-bottom: 24px
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:mb-8px {
        margin-bottom: 8px
    }

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

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

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

    .zn--wrapper .mo\:mr-19\.33rpx {
        margin-right: calc(var(--rpx, 1px)*19.33)
    }

    .zn--wrapper .mo\:mr-7\.73rpx {
        margin-right: calc(var(--rpx, 1px)*7.73)
    }

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

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

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

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

    .zn--wrapper .mo\:mr-5\.52rpx {
        margin-right: calc(var(--rpx, 1px)*5.52)
    }

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

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

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

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

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

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

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

    .zn--wrapper .mo\:px-15\.47rpx {
        padding-left: calc(var(--rpx, 1px)*15.47);
        padding-right: calc(var(--rpx, 1px)*15.47)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:pl-10px {
        padding-left: 10px
    }

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

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

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

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

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

    .zn--wrapper .mo\:pr-6\.63rpx {
        padding-right: calc(var(--rpx, 1px)*6.63)
    }

    .zn--wrapper .mo\:pl-6\.63rpx {
        padding-left: calc(var(--rpx, 1px)*6.63)
    }

    .zn--wrapper .mo\:pl-6\.86rpx {
        padding-left: calc(var(--rpx, 1px)*6.86)
    }

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

    .zn--wrapper .mo\:top-0\.8px {
        top: .8px
    }

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

    .zn--wrapper .mo\:top-252\.72rpx {
        top: calc(var(--rpx, 1px)*252.72)
    }

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

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

    .zn--wrapper .mo\:bottom-83\.77rpx {
        bottom: calc(var(--rpx, 1px)*83.77)
    }

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

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

    .zn--wrapper .mo\:bottom-47\.3rpx {
        bottom: calc(var(--rpx, 1px)*47.3)
    }

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

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

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

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

    .zn--wrapper .mo\:bottom-13\.2rpx {
        bottom: calc(var(--rpx, 1px)*13.2)
    }

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

    .zn--wrapper .mo\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .zn--wrapper .mo\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }

    .zn--wrapper .mo\:tracking-\[1px\] {
        letter-spacing: 1px
    }

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

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

    .zn--wrapper .mo\:w-290px {
        width: 290px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:w-268px {
        width: 268px
    }

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

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

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

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

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

    .zn--wrapper .mo\:w-151\.23rpx {
        width: calc(var(--rpx, 1px)*151.23)
    }

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

    .zn--wrapper .mo\:w-60px {
        width: 60px
    }

    .zn--wrapper .mo\:w-33\.6px {
        width: 33.6px
    }

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

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

    .zn--wrapper .mo\:w-145\.51rpx {
        width: calc(var(--rpx, 1px)*145.51)
    }

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

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

    .zn--wrapper .mo\:w-98px {
        width: 98px
    }

    .zn--wrapper .mo\:w-20px {
        width: 20px
    }

    .zn--wrapper .mo\:w-305px {
        width: 305px
    }

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

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

    .zn--wrapper .mo\:w-11\.05rpx {
        width: calc(var(--rpx, 1px)*11.05)
    }

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:w-127\.6rpx {
        width: calc(var(--rpx, 1px)*127.6)
    }

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

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

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

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

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

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

    .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-center {
        align-items: center
    }

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

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

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

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

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

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

    .zn--wrapper .pad\:h-321\.5rpx {
        height: calc(var(--rpx, 1px)*321.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:h-297\.54rpx {
        height: calc(var(--rpx, 1px)*297.54)
    }

    .zn--wrapper .pad\:h-375\.25rpx {
        height: calc(var(--rpx, 1px)*375.25)
    }

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

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

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

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

    .zn--wrapper .pad\:h-33\.6rpx {
        height: calc(var(--rpx, 1px)*33.6)
    }

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:h-11\.05rpx {
        height: calc(var(--rpx, 1px)*11.05)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .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\.2\] {
        line-height: 1.2
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-8rpx {
        margin-top: calc(var(--rpx, 1px)*8)
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:mr-19\.33rpx {
        margin-right: calc(var(--rpx, 1px)*19.33)
    }

    .zn--wrapper .pad\:mr-7\.73rpx {
        margin-right: calc(var(--rpx, 1px)*7.73)
    }

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

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

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

    .zn--wrapper .pad\:mr-5\.52rpx {
        margin-right: calc(var(--rpx, 1px)*5.52)
    }

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

    .zn--wrapper .pad\:min-h-485rpx {
        min-height: calc(var(--rpx, 1px)*485)
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:px-15\.47rpx {
        padding-left: calc(var(--rpx, 1px)*15.47);
        padding-right: calc(var(--rpx, 1px)*15.47)
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:pl-24px {
        padding-left: 24px
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:pr-6\.63rpx {
        padding-right: calc(var(--rpx, 1px)*6.63)
    }

    .zn--wrapper .pad\:pl-6\.63rpx {
        padding-left: calc(var(--rpx, 1px)*6.63)
    }

    .zn--wrapper .pad\:pl-6\.86rpx {
        padding-left: calc(var(--rpx, 1px)*6.86)
    }

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:left-220\.31rpx {
        left: calc(var(--rpx, 1px)*220.31)
    }

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

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

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

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

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

    .zn--wrapper .pad\:left-99\.96rpx {
        left: calc(var(--rpx, 1px)*99.96)
    }

    .zn--wrapper .pad\:top-92\.95rpx {
        top: calc(var(--rpx, 1px)*92.95)
    }

    .zn--wrapper .pad\:bottom-13\.2rpx {
        bottom: calc(var(--rpx, 1px)*13.2)
    }

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

    .zn--wrapper .pad\:tracking-\[0\.015em\] {
        letter-spacing: .015em
    }

    .zn--wrapper .pad\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }

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

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

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

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

    .zn--wrapper .pad\:w-238\.67rpx {
        width: calc(var(--rpx, 1px)*238.67)
    }

    .zn--wrapper .pad\:w-118\.33rpx {
        width: calc(var(--rpx, 1px)*118.33)
    }

    .zn--wrapper .pad\:w-238\.66rpx {
        width: calc(var(--rpx, 1px)*238.66)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-160rpx {
        width: calc(var(--rpx, 1px)*160)
    }

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

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

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

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

    .zn--wrapper .pad\:w-338\.75rpx {
        width: calc(var(--rpx, 1px)*338.75)
    }

    .zn--wrapper .pad\:w-33\.6rpx {
        width: calc(var(--rpx, 1px)*33.6)
    }

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

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

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

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

    .zn--wrapper .pad\:w-148\.82rpx {
        width: calc(var(--rpx, 1px)*148.82)
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:w-11\.05rpx {
        width: calc(var(--rpx, 1px)*11.05)
    }

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:w-127\.6rpx {
        width: calc(var(--rpx, 1px)*127.6)
    }

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

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

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

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

@media (min-width:1024px) {
    .zn--wrapper .pct\:text-90rpx {
        font-size: calc(var(--rpx, 1px)*90);
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper sup {
    display: inline-block;
    font-size: 50%;
    top: -1em;
    unicode-bidi: embed;
    vertical-align: super
}

.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: .3
}

.zn--wrapper .sticky-placeholder {
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative
}

.zn--wrapper #section-ai [ani-section-title] .bg-2, .zn--wrapper #section-performance [ani-section-title] .bg-2 {
    opacity: 0
}

.zn--wrapper #section-design .top-bg-1 {
    background: radial-gradient(73.12% 100% at 61.56% 0, #f0fff7 0, #f5fff9 23.44%, #fff 49.72%, #f0faf4 100%)
}

.zn--wrapper #section-design .top-bg-2 {
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 30%)
}

.zn--wrapper #section-design .top-bg-3 {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 80.48%, #fff)
}

.zn--wrapper #section-design [ani-section-title] .bg-1, .zn--wrapper #section-design [ani-section-title] .bg-2 {
    opacity: 0
}

.zn--wrapper .linear-spec {
    -webkit-text-fill-color: transparent;
    background: radial-gradient(64.66% 79.33% at 47.62% 37.82%, #526e5f 45%, #def0e6 100%);
    background-clip: text;
    -webkit-background-clip: text
}

.zn--wrapper .green-outer {
    border: 1px solid #8a9e93
}

.zn--wrapper .black-outer {
    border: 1px solid #242627
}

.zn--wrapper #section-connect [spec-card] {
    border-left: 1px solid #dce5df;
    border-top: 1px solid #dce5df
}

.zn--wrapper #section-connect [spec-card]:nth-child(2) {
    border-right: 1px solid #dce5df
}

.zn--wrapper #section-connect [spec-card]:nth-child(3) {
    border-bottom: 1px solid #dce5df
}

.zn--wrapper #section-connect [spec-card]:nth-child(4) {
    border-bottom: 1px solid #dce5df;
    border-right: 1px solid #dce5df
}

.zn--wrapper #section-audio [video-container] {
    transform: scale(1.02)
}

.zn--wrapper #section-audio [bottom-cover] {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.zn--wrapper #section-audio .noise-button {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.zn--wrapper #section-audio .noise-button:before {
    background: linear-gradient(106.4deg, hsla(0, 0%, 100%, .8) 1.92%, hsla(0, 0%, 100%, 0) 50.77%, hsla(0, 0%, 100%, .8) 99.63%);
    border-radius: 10000px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.zn--wrapper #section-audio .noise-button .active-bg {
    background: conic-gradient(from 180deg at 50% 50%, #e2f3ff -24.46deg, #e8f4f3 48.61deg, #e1f5e9 160.64deg, #e2f3ff 211.54deg, #fff 246.05deg, #ebf5ef 282.21deg, #e2f3ff 335.54deg, #e8f4f3 408.61deg)
}

.awe-title-wrapper .awe-title-text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(105.66deg, #41574b, #779986 50%, rgba(65, 87, 75, .2) 80%);
    -webkit-background-clip: text;
    background-size: 300% 100%
}

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

html[lang^=ar] .zn--wrapper {
    direction: rtl;
    text-align: right
}

#section-ai [ani-grid-2] [ani-button] {
    background: #000;
    border-radius: 36px
}

#section-ai [ani-grid-2] [ani-card] {
    background: #f5f5f7;
    border-radius: 8px
}

#section-ai [ani-grid-2] .swiper {
    padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)
}

.windows .zn--wrapper .fix-windows-lh {
    line-height: 1.4
}

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
}

[id^=anchor] {
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(2px - var(--nav-height, 90px));
    width: 100%
}

@media (min-width:1024px) {
    .zn--wrapper .pc-abs-center {
        left: 50%;
        top: 50%;
        transform: translate(-50%) translateY(-50%)
    }

    .zn--wrapper [ani-section-title] .bg-1 {
        background: linear-gradient(0deg, #f0fff7 0, #f5fff9 23.44%, #fff 49.72%, #f0faf4)
    }

    .zn--wrapper [ani-section-title] .bg-2 {
        background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 20%)
    }

    .zn--wrapper #section-audio [ani-section-title] .bg-2 {
        background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0) 20%)
    }

    .zn--wrapper #section-connect .max-h-vh {
        --rpx: calc(var(--vh)*.12)
    }

    :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
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad-abs-center {
        left: 50%;
        top: 50%;
        transform: translate(-50%) translateY(-50%)
    }

    .zn--wrapper [ani-section-title] .bg-1 {
        background: linear-gradient(0deg, #f0fff7 0, #f5fff9 23.44%, #fff 49.72%, #f0faf4)
    }

    .zn--wrapper [ani-section-title] .bg-2 {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 79.98%, #fff)
    }

    :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
    }

    #section-ai [ani-grid-2] .swiper {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*368);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*368)
    }
}

@media (max-width:649px) {
    .zn--wrapper [ani-section-title] .bg-1 {
        background: linear-gradient(0deg, #f0fff7 0, #f5fff9 23.44%, #fff 49.72%, #f0faf4)
    }

    .zn--wrapper [ani-section-title] .bg-2 {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 79.98%, #fff)
    }

    .zn--wrapper #section-battery .battery-canvas {
        -webkit-mask-image: linear-gradient(180deg, #000 0, #000 65%, transparent);
        mask-image: linear-gradient(180deg, #000 0, #000 65%, transparent)
    }

    :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
    }

    #section-ai [ani-grid-2] .swiper {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)
    }

    .zn--wrapper #section-performance [ani-section-title] .awe-title-text {
        width: 320px
    }
}

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

@media (max-width:1023px) {
    .zn--wrapper #section-battery [ani-section-title] .bg-2, .zn--wrapper #section-connect [ani-section-title] .bg-2 {
        background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 40%)
    }

    [id^=anchor] {
        top: calc(50px - var(--nav-height, 90px))
    }
}

@media (min-width:1900px) {
    .zn--wrapper #section-ai [ani-grid-1], .zn--wrapper #section-connect [ani-grid-2], .zn--wrapper #section-connect [ani-grid-3], .zn--wrapper #section-connect [ani-grid-4], .zn--wrapper #section-ksp, .zn--wrapper #section-audio [ani-grid-3] {
        --rpx: .065vw;
        --rpx: calc((1*var(--vw, 1vw))*.065)
    }
}

@media (hover:hover) {
    #section-ksp [ksp-hover] a {
        overflow: hidden
    }

    #section-ksp [ksp-hover] a .bg-img {
        transform: scale(1);
        transition: transform .3s ease
    }

    #section-ksp [ksp-hover] a:hover .bg-img {
        transform: scale(1.03)
    }
}

@media (hover:hover) and (min-width:1024px) {
    #section-ksp [ksp-hover] a {
        border-radius: calc(var(--rpx, 1px)*8)
    }
}

#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) {
    :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 (max-width:649px) {
    :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)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :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)
    }
}

[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)
    }
}

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

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

html {
    overflow: unset !important
}

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

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

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

.g--popup {
    height: var(--window-height, 100vh);
    height: var(--window-height, 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) {
    :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 (max-width:649px) {
    :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 (min-width:650px) and (max-width:1023px) {
    :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 (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
    }
}