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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .flex-nowrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

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

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

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

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

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

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

.zn--wrapper .font-bold {
    font-weight: 700
}

.zn--wrapper .font-semibold {
    font-weight: 600
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .-mt-0\.5px {
    margin-top: -.5px
}

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

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

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

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

.zn--wrapper .mr-auto {
    margin-right: auto
}

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

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

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

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

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

.zn--wrapper .ml-auto {
    margin-left: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 .top-31rpx {
    top: -webkit-calc(var(--rpx,1px)*31);
    top: -moz-calc(var(--rpx,1px)*31);
    top: calc(var(--rpx, 1px)*31)
}

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

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

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

.zn--wrapper .left-img-1 {
    left: .25rem
}

.zn--wrapper .left-img-2 {
    left: .5rem
}

.zn--wrapper .left-img-3 {
    left: .75rem
}

.zn--wrapper .left-img-4 {
    left: 1rem
}

.zn--wrapper .right-img-1 {
    right: .25rem
}

.zn--wrapper .right-img-2 {
    right: .5rem
}

.zn--wrapper .right-img-3 {
    right: .75rem
}

.zn--wrapper .right-img-4 {
    right: 1rem
}

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

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

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

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

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

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

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

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

.zn--wrapper .ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 -webkit-calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 -moz-calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

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

.zn--wrapper .text-\[\#82FD93\] {
    --tw-text-opacity: 1;
    color: rgba(130,253,147,var(--tw-text-opacity))
}

.zn--wrapper .text-\[\#F5F4F0\] {
    --tw-text-opacity: 1;
    color: rgba(245,244,240,var(--tw-text-opacity))
}

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

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

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

.zn--wrapper .text-\[\#30cf46\] {
    --tw-text-opacity: 1;
    color: rgba(48,207,70,var(--tw-text-opacity))
}

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

.zn--wrapper .text-\[\#52c1af\] {
    --tw-text-opacity: 1;
    color: rgba(82,193,175,var(--tw-text-opacity))
}

.zn--wrapper .text-\[\#82fd95\] {
    --tw-text-opacity: 1;
    color: rgba(130,253,149,var(--tw-text-opacity))
}

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

.zn--wrapper .italic {
    font-style: italic
}

.zn--wrapper .-tracking-0\.029em,.zn--wrapper .-tracking-\[0\.029em\] {
    letter-spacing: -.029em
}

.zn--wrapper .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .gap-x-0 {
    grid-column-gap: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.zn--wrapper .gap-y-64rpx {
    grid-row-gap: -webkit-calc(var(--rpx,1px)*64);
    grid-row-gap: -moz-calc(var(--rpx,1px)*64);
    grid-row-gap: calc(var(--rpx, 1px)*64);
    -webkit-row-gap: -webkit-calc(var(--rpx,1px)*64);
    -moz-row-gap: -moz-calc(var(--rpx,1px)*64);
    row-gap: calc(var(--rpx, 1px)*64)
}

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

.zn--wrapper .gap-y-36rpx {
    grid-row-gap: -webkit-calc(var(--rpx,1px)*36);
    grid-row-gap: -moz-calc(var(--rpx,1px)*36);
    grid-row-gap: calc(var(--rpx, 1px)*36);
    -webkit-row-gap: -webkit-calc(var(--rpx,1px)*36);
    -moz-row-gap: -moz-calc(var(--rpx,1px)*36);
    row-gap: calc(var(--rpx, 1px)*36)
}

.zn--wrapper .grid-cols-\[repeat\(2\,min-content\)\] {
    grid-template-columns: repeat(2,-webkit-min-content);
    grid-template-columns: repeat(2,min-content)
}

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

.zn--wrapper .grid-cols-\[repeat\(3\,244rpx\)\] {
    grid-template-columns: repeat(3,-webkit-calc(var(--rpx,1px)*244));
    grid-template-columns: repeat(3,-moz-calc(var(--rpx,1px)*244));
    grid-template-columns: repeat(3,calc(var(--rpx, 1px)*244))
}

.zn--wrapper .col-span-2 {
    -ms-grid-column-span: span 2/span 2;
    grid-column: span 2/span 2
}

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

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

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

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

.zn--wrapper .abs-c {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (min-width: 650px) and (max-width:1023px) {
    .zn--wrapper .pad\:space-y-52rpx>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse:0;
        margin-bottom: calc(var(--rpx, 1px)*52*var(--tw-space-y-reverse));
        margin-top: calc(var(--rpx, 1px)*52*(1 - var(--tw-space-y-reverse)))
    }

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

    .zn--wrapper .pad\:-space-y-5rpx>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(var(--rpx, 1px)*-5*var(--tw-space-y-reverse));
        margin-top: calc(var(--rpx, 1px)*-5*(1 - var(--tw-space-y-reverse)))
    }

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

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

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

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

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

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

    .zn--wrapper .pad\:bg-opacity-5 {
        --tw-bg-opacity: .05
    }

    .zn--wrapper .pad\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:flex-\[1_1_692rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx,1px)*692);
        flex: 1 1 calc(var(--rpx, 1px)*692)
    }

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

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

    .zn--wrapper .pad\:font-semibold {
        font-weight: 600
    }

    .zn--wrapper .pad\:font-bold {
        font-weight: 700
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:text-95rpx {
        font-size: -webkit-calc(var(--rpx,1px)*95);
        font-size: -moz-calc(var(--rpx,1px)*95);
        font-size: calc(var(--rpx, 1px)*95);
        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-30rpx {
        line-height: -webkit-calc(var(--rpx,1px)*30);
        line-height: -moz-calc(var(--rpx,1px)*30);
        line-height: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .pad\:leading-24rpx {
        line-height: -webkit-calc(var(--rpx,1px)*24);
        line-height: -moz-calc(var(--rpx,1px)*24);
        line-height: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .pad\:leading-\[104rpx\] {
        line-height: -webkit-calc(var(--rpx,1px)*104);
        line-height: -moz-calc(var(--rpx,1px)*104);
        line-height: calc(var(--rpx, 1px)*104)
    }

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

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

    .zn--wrapper .pad\:leading-\[48rpx\] {
        line-height: -webkit-calc(var(--rpx,1px)*48);
        line-height: -moz-calc(var(--rpx,1px)*48);
        line-height: calc(var(--rpx, 1px)*48)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:object-fill {
        -o-object-fit: fill;
        object-fit: fill
    }

    .zn--wrapper .pad\:opacity-85 {
        opacity: .85
    }

    .zn--wrapper .pad\:opacity-75 {
        opacity: .75
    }

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

    .zn--wrapper .pad\:opacity-80 {
        opacity: .8
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .\!pad\:-top-87rpx {
        top: -webkit-calc(var(--rpx,1px)*-87)!important;
        top: -moz-calc(var(--rpx,1px)*-87)!important;
        top: calc(var(--rpx, 1px)*-87)!important
    }

    .zn--wrapper .\!pad\:-top-108rpx {
        top: -webkit-calc(var(--rpx,1px)*-108)!important;
        top: -moz-calc(var(--rpx,1px)*-108)!important;
        top: calc(var(--rpx, 1px)*-108)!important
    }

    .zn--wrapper .\!pad\:-top-65rpx {
        top: -webkit-calc(var(--rpx,1px)*-65)!important;
        top: -moz-calc(var(--rpx,1px)*-65)!important;
        top: calc(var(--rpx, 1px)*-65)!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:uppercase {
        text-transform: uppercase
    }

    .zn--wrapper .pad\:-tracking-\[0\.3\%\] {
        letter-spacing: -.3%
    }

    .zn--wrapper .pad\:-tracking-1rpx {
        letter-spacing: -webkit-calc(var(--rpx,1px)*-1);
        letter-spacing: -moz-calc(var(--rpx,1px)*-1);
        letter-spacing: calc(var(--rpx, 1px)*-1)
    }

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

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

    .zn--wrapper .pad\:break-all {
        word-break: break-all
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:z-5 {
        z-index: 5
    }

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

    .zn--wrapper .pad\:gap-x-0 {
        grid-column-gap: 0;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }

    .zn--wrapper .pad\:gap-y-52rpx {
        grid-row-gap: -webkit-calc(var(--rpx,1px)*52);
        grid-row-gap: -moz-calc(var(--rpx,1px)*52);
        grid-row-gap: calc(var(--rpx, 1px)*52);
        -webkit-row-gap: -webkit-calc(var(--rpx,1px)*52);
        -moz-row-gap: -moz-calc(var(--rpx,1px)*52);
        row-gap: calc(var(--rpx, 1px)*52)
    }

    .zn--wrapper .pad\:grid-cols-\[repeat\(2\,min-content\)\] {
        grid-template-columns: repeat(2,-webkit-min-content);
        grid-template-columns: repeat(2,min-content)
    }

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

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

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

    .zn--wrapper .pad\:scale-80 {
        --tw-scale-x: .8;
        --tw-scale-y: .8;
        --tw-scale-z: .8
    }

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

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

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

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

    .zn--wrapper .pad\:abs-c {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

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

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

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

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

    .zn--wrapper .pc\:-space-y-4rpx>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(var(--rpx, 1px)*-4*var(--tw-space-y-reverse));
        margin-top: calc(var(--rpx, 1px)*-4*(1 - var(--tw-space-y-reverse)))
    }

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

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

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

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

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

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

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

    .zn--wrapper .pc\:bg-opacity-5 {
        --tw-bg-opacity: .05
    }

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

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

    .zn--wrapper .pc\:rounded-13px {
        border-radius: 13px
    }

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

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

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

    .zn--wrapper .pc\:rounded-tl-16rpx {
        border-top-left-radius: -webkit-calc(var(--rpx,1px)*16);
        border-top-left-radius: -moz-calc(var(--rpx,1px)*16);
        border-top-left-radius: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .pc\:rounded-tr-16rpx {
        border-top-right-radius: -webkit-calc(var(--rpx,1px)*16);
        border-top-right-radius: -moz-calc(var(--rpx,1px)*16);
        border-top-right-radius: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .pc\:rounded-bl-16rpx {
        border-bottom-left-radius: -webkit-calc(var(--rpx,1px)*16);
        border-bottom-left-radius: -moz-calc(var(--rpx,1px)*16);
        border-bottom-left-radius: calc(var(--rpx, 1px)*16)
    }

    .zn--wrapper .pc\:rounded-br-16rpx {
        border-bottom-right-radius: -webkit-calc(var(--rpx,1px)*16);
        border-bottom-right-radius: -moz-calc(var(--rpx,1px)*16);
        border-bottom-right-radius: calc(var(--rpx, 1px)*16)
    }

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

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

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

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

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

    .zn--wrapper .pc\:items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: end;
    }

    .zn--wrapper .pc\:content-center {
        -webkit-align-content: center;
        align-content: center
    }

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

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

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

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

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

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

    .zn--wrapper .pc\:flex-\[1_1_720rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx,1px)*720);
        flex: 1 1 calc(var(--rpx, 1px)*720)
    }

    .zn--wrapper .pc\:flex-\[1_1_620rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx,1px)*620);
        flex: 1 1 calc(var(--rpx, 1px)*620)
    }

    .zn--wrapper .pc\:flex-\[1_1_600rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx,1px)*600);
        flex: 1 1 calc(var(--rpx, 1px)*600)
    }

    .zn--wrapper .pc\:flex-\[1_1_710rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx,1px)*710);
        flex: 1 1 calc(var(--rpx, 1px)*710)
    }

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

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

    .zn--wrapper .pc\:h-\[41\.66vw\] {
        height: 41.66vw;
        height: -webkit-calc(var(--vw,1vw)*41.66);
        height: -moz-calc(var(--vw,1vw)*41.66);
        height: calc(var(--vw, 1vw)*41.66)
    }

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

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

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

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

    .zn--wrapper .pc\:h-\[52\.5vw\] {
        height: 52.5vw;
        height: -webkit-calc(var(--vw,1vw)*52.5);
        height: -moz-calc(var(--vw,1vw)*52.5);
        height: calc(var(--vw, 1vw)*52.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:h-809\.6rpx {
        height: -webkit-calc(var(--rpx,1px)*809.6);
        height: -moz-calc(var(--rpx,1px)*809.6);
        height: calc(var(--rpx, 1px)*809.6)
    }

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

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

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

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

    .zn--wrapper .pc\:h-59\.89vw {
        height: 59.89vw;
        height: -webkit-calc(var(--vw,1vw)*59.89);
        height: -moz-calc(var(--vw,1vw)*59.89);
        height: calc(var(--vw, 1vw)*59.89)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:leading-43rpx {
        line-height: -webkit-calc(var(--rpx,1px)*43);
        line-height: -moz-calc(var(--rpx,1px)*43);
        line-height: calc(var(--rpx, 1px)*43)
    }

    .zn--wrapper .pc\:leading-36rpx {
        line-height: -webkit-calc(var(--rpx,1px)*36);
        line-height: -moz-calc(var(--rpx,1px)*36);
        line-height: calc(var(--rpx, 1px)*36)
    }

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

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

    .zn--wrapper .pc\:leading-\[24rpx\] {
        line-height: -webkit-calc(var(--rpx,1px)*24);
        line-height: -moz-calc(var(--rpx,1px)*24);
        line-height: calc(var(--rpx, 1px)*24)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:object-fill {
        -o-object-fit: fill;
        object-fit: fill
    }

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

    .zn--wrapper .pc\:opacity-80 {
        opacity: .8
    }

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

    .zn--wrapper .\!pc\:opacity-100 {
        opacity: 1!important
    }

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

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

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

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

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

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

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

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

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

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

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

    .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\:px-90rpx {
        padding-left: calc(var(--rpx, 1px)*90);
        padding-right: calc(var(--rpx, 1px)*90)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:uppercase {
        text-transform: uppercase
    }

    .zn--wrapper .pc\:-tracking-2rpx {
        letter-spacing: -webkit-calc(var(--rpx,1px)*-2);
        letter-spacing: -moz-calc(var(--rpx,1px)*-2);
        letter-spacing: calc(var(--rpx, 1px)*-2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 649px) {
    .zn--wrapper .mo\:space-y-24rpx>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse:0;
        margin-bottom: calc(var(--rpx, 1px)*24*var(--tw-space-y-reverse));
        margin-top: calc(var(--rpx, 1px)*24*(1 - var(--tw-space-y-reverse)))
    }

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

    .zn--wrapper .mo\:-space-y-2\.1rpx>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(var(--rpx, 1px)*-2.1*var(--tw-space-y-reverse));
        margin-top: calc(var(--rpx, 1px)*-2.1*(1 - var(--tw-space-y-reverse)))
    }

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

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

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

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

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

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

    .zn--wrapper .mo\:bg-opacity-5 {
        --tw-bg-opacity: .05
    }

    .zn--wrapper .mo\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

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

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

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

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

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

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

    .zn--wrapper .mo\:rounded-tl-20\.4rpx {
        border-top-left-radius: -webkit-calc(var(--rpx,1px)*20.4);
        border-top-left-radius: -moz-calc(var(--rpx,1px)*20.4);
        border-top-left-radius: calc(var(--rpx, 1px)*20.4)
    }

    .zn--wrapper .mo\:rounded-tr-20\.4rpx {
        border-top-right-radius: -webkit-calc(var(--rpx,1px)*20.4);
        border-top-right-radius: -moz-calc(var(--rpx,1px)*20.4);
        border-top-right-radius: calc(var(--rpx, 1px)*20.4)
    }

    .zn--wrapper .mo\:rounded-bl-20\.4rpx {
        border-bottom-left-radius: -webkit-calc(var(--rpx,1px)*20.4);
        border-bottom-left-radius: -moz-calc(var(--rpx,1px)*20.4);
        border-bottom-left-radius: calc(var(--rpx, 1px)*20.4)
    }

    .zn--wrapper .mo\:rounded-br-20\.4rpx {
        border-bottom-right-radius: -webkit-calc(var(--rpx,1px)*20.4);
        border-bottom-right-radius: -moz-calc(var(--rpx,1px)*20.4);
        border-bottom-right-radius: calc(var(--rpx, 1px)*20.4)
    }

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:flex-\[1_1_320rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx,1px)*320);
        flex: 1 1 calc(var(--rpx, 1px)*320)
    }

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

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

    .zn--wrapper .mo\:font-semibold {
        font-weight: 600
    }

    .zn--wrapper .mo\:font-bold {
        font-weight: 700
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:h-4\.3rpx {
        height: -webkit-calc(var(--rpx,1px)*4.3);
        height: -moz-calc(var(--rpx,1px)*4.3);
        height: calc(var(--rpx, 1px)*4.3)
    }

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

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

    .zn--wrapper .mo\:h-520\.5rpx {
        height: -webkit-calc(var(--rpx,1px)*520.5);
        height: -moz-calc(var(--rpx,1px)*520.5);
        height: calc(var(--rpx, 1px)*520.5)
    }

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

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

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

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

    .zn--wrapper .mo\:h-243\.7rpx {
        height: -webkit-calc(var(--rpx,1px)*243.7);
        height: -moz-calc(var(--rpx,1px)*243.7);
        height: calc(var(--rpx, 1px)*243.7)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:text-44rpx {
        font-size: -webkit-calc(var(--rpx,1px)*44);
        font-size: -moz-calc(var(--rpx,1px)*44);
        font-size: calc(var(--rpx, 1px)*44);
        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-14rpx {
        line-height: -webkit-calc(var(--rpx,1px)*14);
        line-height: -moz-calc(var(--rpx,1px)*14);
        line-height: calc(var(--rpx, 1px)*14)
    }

    .zn--wrapper .mo\:leading-11rpx {
        line-height: -webkit-calc(var(--rpx,1px)*11);
        line-height: -moz-calc(var(--rpx,1px)*11);
        line-height: calc(var(--rpx, 1px)*11)
    }

    .zn--wrapper .mo\:leading-\[48rpx\] {
        line-height: -webkit-calc(var(--rpx,1px)*48);
        line-height: -moz-calc(var(--rpx,1px)*48);
        line-height: calc(var(--rpx, 1px)*48)
    }

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

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

    .zn--wrapper .mo\:leading-\[22rpx\] {
        line-height: -webkit-calc(var(--rpx,1px)*22);
        line-height: -moz-calc(var(--rpx,1px)*22);
        line-height: calc(var(--rpx, 1px)*22)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:ml-9\.7rpx {
        margin-right: calc(var(--rpx, 1px)*9.7)
    }

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

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

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

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

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

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

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

    .zn--wrapper .mo\:object-fill {
        -o-object-fit: fill;
        object-fit: fill
    }

    .zn--wrapper .mo\:opacity-85 {
        opacity: .85
    }

    .zn--wrapper .mo\:opacity-75 {
        opacity: .75
    }

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

    .zn--wrapper .mo\:opacity-80 {
        opacity: .8
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\: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-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .\!mo\:-top-40rpx {
        top: -webkit-calc(var(--rpx,1px)*-40)!important;
        top: -moz-calc(var(--rpx,1px)*-40)!important;
        top: calc(var(--rpx, 1px)*-40)!important
    }

    .zn--wrapper .\!mo\:-top-50rpx {
        top: -webkit-calc(var(--rpx,1px)*-50)!important;
        top: -moz-calc(var(--rpx,1px)*-50)!important;
        top: calc(var(--rpx, 1px)*-50)!important
    }

    .zn--wrapper .\!mo\:-top-30rpx {
        top: -webkit-calc(var(--rpx,1px)*-30)!important;
        top: -moz-calc(var(--rpx,1px)*-30)!important;
        top: calc(var(--rpx, 1px)*-30)!important
    }

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

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

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

    .zn--wrapper .mo\:top-259\.9rpx {
        top: -webkit-calc(var(--rpx,1px)*259.9);
        top: -moz-calc(var(--rpx,1px)*259.9);
        top: calc(var(--rpx, 1px)*259.9)
    }

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

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

    .zn--wrapper .mo\:top-\[calc\(51\%-166\.5rpx\)\] {
        top: -webkit-calc(51% - var(--rpx,1px)*166.5);
        top: -moz-calc(51% - var(--rpx,1px)*166.5);
        top: calc(51% - var(--rpx, 1px)*166.5)
    }

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

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

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

    .zn--wrapper .mo\:top-170\.4rpx {
        top: -webkit-calc(var(--rpx,1px)*170.4);
        top: -moz-calc(var(--rpx,1px)*170.4);
        top: calc(var(--rpx, 1px)*170.4)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:text-right {
        text-align: right
    }
    .zn--wrapper .mo\:text-left {
        text-align: left
    }

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

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

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

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

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

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

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

    .zn--wrapper .mo\:uppercase {
        text-transform: uppercase
    }

    .zn--wrapper .mo\:-tracking-\[0\.3\%\] {
        letter-spacing: -.3%
    }

    .zn--wrapper .mo\:-tracking-0\.3rpx {
        letter-spacing: -webkit-calc(var(--rpx,1px)*-.3);
        letter-spacing: -moz-calc(var(--rpx,1px)*-.3);
        letter-spacing: calc(var(--rpx, 1px)*-.3)
    }

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

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

    .zn--wrapper .mo\:break-all {
        word-break: break-all
    }

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:w-346rpx {
        width: -webkit-calc(var(--rpx,1px)*346);
        width: -moz-calc(var(--rpx,1px)*346);
        width: calc(var(--rpx, 1px)*346)
    }

    .zn--wrapper .mo\:w-260rpx {
        width: -webkit-calc(var(--rpx,1px)*260);
        width: -moz-calc(var(--rpx,1px)*260);
        width: calc(var(--rpx, 1px)*260)
    }

    .zn--wrapper .mo\:w-40rpx {
        width: -webkit-calc(var(--rpx,1px)*40);
        width: -moz-calc(var(--rpx,1px)*40);
        width: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .mo\:w-28rpx {
        width: -webkit-calc(var(--rpx,1px)*28);
        width: -moz-calc(var(--rpx,1px)*28);
        width: calc(var(--rpx, 1px)*28)
    }

    .zn--wrapper .mo\:w-328rpx {
        width: -webkit-calc(var(--rpx,1px)*328);
        width: -moz-calc(var(--rpx,1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .zn--wrapper .mo\:w-5rpx {
        width: -webkit-calc(var(--rpx,1px)*5);
        width: -moz-calc(var(--rpx,1px)*5);
        width: calc(var(--rpx, 1px)*5)
    }

    .zn--wrapper .mo\:w-188\.5rpx {
        width: -webkit-calc(var(--rpx,1px)*188.5);
        width: -moz-calc(var(--rpx,1px)*188.5);
        width: calc(var(--rpx, 1px)*188.5)
    }

    .zn--wrapper .mo\:w-4\.3rpx {
        width: -webkit-calc(var(--rpx,1px)*4.3);
        width: -moz-calc(var(--rpx,1px)*4.3);
        width: calc(var(--rpx, 1px)*4.3)
    }

    .zn--wrapper .mo\:w-\[calc\(100\%\+2px\)\] {
        width: -webkit-calc(100% + 2px);
        width: -moz-calc(100% + 2px);
        width: calc(100% + 2px)
    }

    .zn--wrapper .mo\:w-360rpx {
        width: -webkit-calc(var(--rpx,1px)*360);
        width: -moz-calc(var(--rpx,1px)*360);
        width: calc(var(--rpx, 1px)*360)
    }

    .zn--wrapper .mo\:w-248rpx {
        width: -webkit-calc(var(--rpx,1px)*248);
        width: -moz-calc(var(--rpx,1px)*248);
        width: calc(var(--rpx, 1px)*248)
    }

    .zn--wrapper .mo\:w-304rpx {
        width: -webkit-calc(var(--rpx,1px)*304);
        width: -moz-calc(var(--rpx,1px)*304);
        width: calc(var(--rpx, 1px)*304)
    }

    .zn--wrapper .mo\:w-180rpx {
        width: -webkit-calc(var(--rpx,1px)*180);
        width: -moz-calc(var(--rpx,1px)*180);
        width: calc(var(--rpx, 1px)*180)
    }

    .zn--wrapper .mo\:w-236rpx {
        width: -webkit-calc(var(--rpx,1px)*236);
        width: -moz-calc(var(--rpx,1px)*236);
        width: calc(var(--rpx, 1px)*236)
    }

    .zn--wrapper .mo\:w-386\.1rpx {
        width: -webkit-calc(var(--rpx,1px)*386.1);
        width: -moz-calc(var(--rpx,1px)*386.1);
        width: calc(var(--rpx, 1px)*386.1)
    }

    .zn--wrapper .mo\:w-240rpx {
        width: -webkit-calc(var(--rpx,1px)*240);
        width: -moz-calc(var(--rpx,1px)*240);
        width: calc(var(--rpx, 1px)*240)
    }

    .zn--wrapper .mo\:w-235rpx {
        width: -webkit-calc(var(--rpx,1px)*235);
        width: -moz-calc(var(--rpx,1px)*235);
        width: calc(var(--rpx, 1px)*235)
    }

    .zn--wrapper .mo\:w-300\.1rpx {
        width: -webkit-calc(var(--rpx,1px)*300.1);
        width: -moz-calc(var(--rpx,1px)*300.1);
        width: calc(var(--rpx, 1px)*300.1)
    }

    .zn--wrapper .mo\:w-134rpx {
        width: -webkit-calc(var(--rpx,1px)*134);
        width: -moz-calc(var(--rpx,1px)*134);
        width: calc(var(--rpx, 1px)*134)
    }

    .zn--wrapper .mo\:w-136rpx {
        width: -webkit-calc(var(--rpx,1px)*136);
        width: -moz-calc(var(--rpx,1px)*136);
        width: calc(var(--rpx, 1px)*136)
    }

    .zn--wrapper .mo\:w-121rpx {
        width: -webkit-calc(var(--rpx,1px)*121);
        width: -moz-calc(var(--rpx,1px)*121);
        width: calc(var(--rpx, 1px)*121)
    }

    .zn--wrapper .mo\:z-2 {
        z-index: 2
    }

    .zn--wrapper .mo\:z-10 {
        z-index: 10
    }

    .zn--wrapper .mo\:z-5 {
        z-index: 5
    }

    .zn--wrapper .mo\:gap-x-40rpx {
        grid-column-gap: -webkit-calc(var(--rpx,1px)*40);
        grid-column-gap: -moz-calc(var(--rpx,1px)*40);
        grid-column-gap: calc(var(--rpx, 1px)*40);
        -webkit-column-gap: -webkit-calc(var(--rpx,1px)*40);
        -moz-column-gap: -moz-calc(var(--rpx,1px)*40);
        column-gap: calc(var(--rpx, 1px)*40)
    }

    .zn--wrapper .mo\:gap-x-0 {
        grid-column-gap: 0;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }

    .zn--wrapper .mo\:gap-y-24rpx {
        grid-row-gap: -webkit-calc(var(--rpx,1px)*24);
        grid-row-gap: -moz-calc(var(--rpx,1px)*24);
        grid-row-gap: calc(var(--rpx, 1px)*24);
        -webkit-row-gap: -webkit-calc(var(--rpx,1px)*24);
        -moz-row-gap: -moz-calc(var(--rpx,1px)*24);
        row-gap: calc(var(--rpx, 1px)*24)
    }

    .zn--wrapper .mo\:grid-cols-\[repeat\(2\,min-content\)\] {
        grid-template-columns: repeat(2,-webkit-min-content);
        grid-template-columns: repeat(2,min-content)
    }

    .zn--wrapper .mo\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .zn--wrapper .mo\:col-span-2 {
        -ms-grid-column-span: span 2/span 2;
        grid-column: span 2/span 2
    }

    .zn--wrapper .mo\:transform {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-rotate: 0;
        --tw-rotate-x: 0;
        --tw-rotate-y: 0;
        --tw-rotate-z: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
    }

    .zn--wrapper .mo\:scale-80 {
        --tw-scale-x: .8;
        --tw-scale-y: .8;
        --tw-scale-z: .8
    }

    .zn--wrapper .mo\:rotate-180 {
        --tw-rotate: 180deg
    }

    .zn--wrapper .mo\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .zn--wrapper .mo\:full {
        height: 100%;
        width: 100%
    }

    .zn--wrapper .mo\:abs-0 {
        left: 0;
        position: absolute;
        top: 0
    }

    .zn--wrapper .mo\:abs-c {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@media (min-width: 1024px) {
    .zn--wrapper .pct\:font-semibold {
        font-weight:600
    }

    .zn--wrapper .pct\:font-bold {
        font-weight: 700
    }

    .zn--wrapper .pct\:text-96rpx {
        font-size: -webkit-calc(var(--rpx,1px)*96);
        font-size: -moz-calc(var(--rpx,1px)*96);
        font-size: calc(var(--rpx, 1px)*96);
        line-height: 1
    }

    .zn--wrapper .pct\:text-128rpx {
        font-size: -webkit-calc(var(--rpx,1px)*128);
        font-size: -moz-calc(var(--rpx,1px)*128);
        font-size: calc(var(--rpx, 1px)*128);
        line-height: 1
    }

    .zn--wrapper .pct\:text-126rpx {
        font-size: -webkit-calc(var(--rpx,1px)*126);
        font-size: -moz-calc(var(--rpx,1px)*126);
        font-size: calc(var(--rpx, 1px)*126);
        line-height: 1
    }

    .zn--wrapper .pct\:text-48rpx {
        font-size: -webkit-calc(var(--rpx,1px)*48);
        font-size: -moz-calc(var(--rpx,1px)*48);
        font-size: calc(var(--rpx, 1px)*48);
        line-height: 1
    }

    .zn--wrapper .pct\:text-32rpx {
        font-size: -webkit-calc(var(--rpx,1px)*32);
        font-size: -moz-calc(var(--rpx,1px)*32);
        font-size: calc(var(--rpx, 1px)*32);
        line-height: 1
    }

    .zn--wrapper .pct\:text-18rpx {
        font-size: -webkit-calc(var(--rpx,1px)*18);
        font-size: -moz-calc(var(--rpx,1px)*18);
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .zn--wrapper .pct\:text-60rpx {
        font-size: -webkit-calc(var(--rpx,1px)*60);
        font-size: -moz-calc(var(--rpx,1px)*60);
        font-size: calc(var(--rpx, 1px)*60);
        line-height: 1
    }

    .zn--wrapper .pct\:text-123rpx {
        font-size: -webkit-calc(var(--rpx,1px)*123);
        font-size: -moz-calc(var(--rpx,1px)*123);
        font-size: calc(var(--rpx, 1px)*123);
        line-height: 1
    }

    .zn--wrapper .pct\:text-14rpx {
        font-size: -webkit-calc(var(--rpx,1px)*14);
        font-size: -moz-calc(var(--rpx,1px)*14);
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .zn--wrapper .pct\:text-64rpx {
        font-size: -webkit-calc(var(--rpx,1px)*64);
        font-size: -moz-calc(var(--rpx,1px)*64);
        font-size: calc(var(--rpx, 1px)*64);
        line-height: 1
    }

    .zn--wrapper .pct\:text-12rpx {
        font-size: -webkit-calc(var(--rpx,1px)*12);
        font-size: -moz-calc(var(--rpx,1px)*12);
        font-size: calc(var(--rpx, 1px)*12);
        line-height: 1
    }

    .zn--wrapper .pct\:text-36rpx {
        font-size: -webkit-calc(var(--rpx,1px)*36);
        font-size: -moz-calc(var(--rpx,1px)*36);
        font-size: calc(var(--rpx, 1px)*36);
        line-height: 1
    }

    .zn--wrapper .pct\:text-110rpx {
        font-size: -webkit-calc(var(--rpx,1px)*110);
        font-size: -moz-calc(var(--rpx,1px)*110);
        font-size: calc(var(--rpx, 1px)*110);
        line-height: 1
    }

    .zn--wrapper .pct\:text-16rpx {
        font-size: -webkit-calc(var(--rpx,1px)*16);
        font-size: -moz-calc(var(--rpx,1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .zn--wrapper .pct\:text-72rpx {
        font-size: -webkit-calc(var(--rpx,1px)*72);
        font-size: -moz-calc(var(--rpx,1px)*72);
        font-size: calc(var(--rpx, 1px)*72);
        line-height: 1
    }

    .zn--wrapper .pct\:text-208rpx {
        font-size: -webkit-calc(var(--rpx,1px)*208);
        font-size: -moz-calc(var(--rpx,1px)*208);
        font-size: calc(var(--rpx, 1px)*208);
        line-height: 1
    }

    .zn--wrapper .pct\:text-176rpx {
        font-size: -webkit-calc(var(--rpx,1px)*176);
        font-size: -moz-calc(var(--rpx,1px)*176);
        font-size: calc(var(--rpx, 1px)*176);
        line-height: 1
    }

    .zn--wrapper .pct\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .zn--wrapper .pct\:leading-\[1\] {
        line-height: 1
    }

    .zn--wrapper .pct\:leading-\[0\.9\] {
        line-height: .9
    }

    .zn--wrapper .pct\:leading-\[1\.16\] {
        line-height: 1.16
    }

    .zn--wrapper .pct\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .zn--wrapper .pct\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .zn--wrapper .pct\:leading-\[1\.7\] {
        line-height: 1.7
    }

    .zn--wrapper .pct\:leading-\[1\.3333333333\] {
        line-height: 1.3333333333
    }

    .zn--wrapper .pct\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .zn--wrapper .pct\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .zn--wrapper .pct\:leading-\[1\.125\] {
        line-height: 1.125
    }

    .zn--wrapper .pct\:leading-\[1\.17\] {
        line-height: 1.17
    }

    .zn--wrapper .pct\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .zn--wrapper .pct\:leading-\[1\.33\] {
        line-height: 1.33
    }

    .zn--wrapper .pct\:mt-6\.19rpx {
        margin-top: calc(var(--rpx, 1px)*6.19)
    }

    .zn--wrapper .pct\:text-\[\#30cf46\] {
        --tw-text-opacity: 1;
        color: rgba(48,207,70,var(--tw-text-opacity))
    }

    .zn--wrapper .pct\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255,255,255,var(--tw-text-opacity))
    }

    .zn--wrapper .pct\:text-\[\#82fd95\] {
        --tw-text-opacity: 1;
        color: rgba(130,253,149,var(--tw-text-opacity))
    }

    .zn--wrapper .pct\:-tracking-\[0\.01em\] {
        letter-spacing: -.01em
    }

    .zn--wrapper .pct\:-tracking-\[0\.029em\] {
        letter-spacing: -.029em
    }

    .zn--wrapper .pct\:tracking-\[0\] {
        letter-spacing: 0
    }

    .zn--wrapper .pct\:tracking-\[0\.029em\] {
        letter-spacing: .029em
    }

    .zn--wrapper .pct\:-tracking-0\.029em {
        letter-spacing: -.029em
    }

    .zn--wrapper .pct\:w-min {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }
}

.zn--wrapper {
    color: #000;
    font-size: 16px
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper p {
    margin-bottom: 0
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper img.loading {
    max-height: unset
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"
}

.zn--wrapper h1 {
    clip: rect(1px,1px,1px,1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.zn--wrapper sup {
    font-size: 60%;
    top: -1em
}

.zn--wrapper .fade-not-opacity {
    -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*80));
    -moz-transform: translateY(-moz-calc(var(--rpx,1px)*80));
    -ms-transform: translateY(calc(var(--rpx, 1px)*80));
    transform: translateY(calc(var(--rpx, 1px)*80));
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -moz-transition: transform .4s,-moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s,-moz-transform .4s
}

.zn--wrapper .fade-not-opacity.show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx,1px)*320);
    width: -moz-calc(var(--rpx,1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px)!important;
    left: -moz-calc(50vw - 20px)!important;
    left: calc(50vw - 20px)!important;
    left: -webkit-calc(var(--vw,1vw)*50 - 20px)!important;
    left: -moz-calc(var(--vw,1vw)*50 - 20px)!important;
    left: calc(var(--vw, 1vw)*50 - 20px)!important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

[ani-will-change-view] .will-change {
    will-change: var(--will-change)
}

[ani-will-change-view] .will-change-opacity {
    will-change: var(--will-change-opacity)
}

[ani-will-change-view] .will-change-clip {
    will-change: var(--will-change-clip)
}

.fix-round {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.fix-edge {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px)
}

.fix-edge-x {
    -webkit-clip-path: inset(0 1px);
    clip-path: inset(0 1px)
}

.fix-edge-y {
    -webkit-clip-path: inset(1px 0);
    clip-path: inset(1px 0)
}

.fix-mt {
    margin-top: -1px
}

[data-comp-gallery-center] .image-container {
    opacity: .35;
    -webkit-transform: scale(.744);
    -moz-transform: scale(.744);
    -ms-transform: scale(.744);
    transform: scale(.744);
    -webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,-webkit-transform .5s;
    -moz-transition: transform .5s,opacity .5s,-moz-transform .5s;
    transition: transform .5s,opacity .5s;
    transition: transform .5s,opacity .5s,-webkit-transform .5s,-moz-transform .5s
}

[data-comp-gallery-center] .image-container.swiper-slide-active {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[data-comp-gallery-center][data-loop-index="0"] [data-swiper-slide-index="2"],[data-comp-gallery-center][data-loop-index="0"] [data-swiper-slide-index="4"],[data-comp-gallery-center][data-loop-index="1"] [data-swiper-slide-index="3"],[data-comp-gallery-center][data-loop-index="1"] [data-swiper-slide-index="5"],[data-comp-gallery-center][data-loop-index="2"] [data-swiper-slide-index="0"],[data-comp-gallery-center][data-loop-index="2"] [data-swiper-slide-index="4"],[data-comp-gallery-center][data-loop-index="3"] [data-swiper-slide-index="1"],[data-comp-gallery-center][data-loop-index="3"] [data-swiper-slide-index="5"],[data-comp-gallery-center][data-loop-index="4"] [data-swiper-slide-index="0"],[data-comp-gallery-center][data-loop-index="4"] [data-swiper-slide-index="2"],[data-comp-gallery-center][data-loop-index="5"] [data-swiper-slide-index="1"],[data-comp-gallery-center][data-loop-index="5"] [data-swiper-slide-index="3"] {
    opacity: 0
}

#section-color .have-color {
    background: -webkit-gradient(linear,left top,right top,color-stop(5%,#82fd93),to(#3f7ae2));
    background: -webkit-linear-gradient(left,#82fd93 5%,#3f7ae2);
    background: -moz-linear-gradient(left,#82fd93 5%,#3f7ae2 100%);
    background: linear-gradient(90deg,#82fd93 5%,#3f7ae2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-color .content:not([data-active="0"]) .color-btn {
    border: 1px solid hsla(0,0%,87%,0)
}

#section-color .content:not([data-active="0"]) .color-btn .inner {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

#section-color .content[data-active="0"] .text {
    opacity: 0
}

#section-color .content[data-active="0"] .text-0 {
    opacity: .75
}

#section-color .content[data-active="0"] .text-title-0 {
    opacity: 1
}

#section-color .content[data-active="0"] img {
    opacity: 0
}

#section-color .content[data-active="0"] .color-img-0 {
    opacity: 1
}

#section-color .content[data-active="0"] .color-btn {
    border: 1px solid transparent
}

#section-color .content[data-active="0"] .color-btn-0 {
    border: 1px solid #8de9de!important
}

#section-color .content[data-active="0"] .color-btn-0 .inner {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

#section-color .content:not([data-active="1"]) .color-btn {
    border: 1px solid hsla(0,0%,87%,0)
}

#section-color .content:not([data-active="1"]) .color-btn .inner {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

#section-color .content[data-active="1"] .text {
    opacity: 0
}

#section-color .content[data-active="1"] .text-1 {
    opacity: .75
}

#section-color .content[data-active="1"] .text-title-1 {
    opacity: 1
}

#section-color .content[data-active="1"] img {
    opacity: 0
}

#section-color .content[data-active="1"] .color-img-1 {
    opacity: 1
}

#section-color .content[data-active="1"] .color-btn {
    border: 1px solid transparent
}

#section-color .content[data-active="1"] .color-btn-1 {
    border: 1px solid #b3b3b3!important
}

#section-color .content[data-active="1"] .color-btn-1 .inner {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

#section-color .content:not([data-active="2"]) .color-btn {
    border: 1px solid hsla(0,0%,87%,0)
}

#section-color .content:not([data-active="2"]) .color-btn .inner {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

#section-color .content[data-active="2"] .text {
    opacity: 0
}

#section-color .content[data-active="2"] .text-2 {
    opacity: .75
}

#section-color .content[data-active="2"] .text-title-2 {
    opacity: 1
}

#section-color .content[data-active="2"] img {
    opacity: 0
}

#section-color .content[data-active="2"] .color-img-2 {
    opacity: 1
}

#section-color .content[data-active="2"] .color-btn {
    border: 1px solid transparent
}

#section-color .content[data-active="2"] .color-btn-2 {
    border: 1px solid #8eace5!important
}

#section-color .content[data-active="2"] .color-btn-2 .inner {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

#section-color .content:not([data-active="3"]) .color-btn {
    border: 1px solid hsla(0,0%,87%,0)
}

#section-color .content:not([data-active="3"]) .color-btn .inner {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

#section-color .content[data-active="3"] .text {
    opacity: 0
}

#section-color .content[data-active="3"] .text-3 {
    opacity: .75
}

#section-color .content[data-active="3"] .text-title-3 {
    opacity: 1
}

#section-color .content[data-active="3"] img {
    opacity: 0
}

#section-color .content[data-active="3"] .color-img-3 {
    opacity: 1
}

#section-color .content[data-active="3"] .color-btn {
    border: 1px solid transparent
}

#section-color .content[data-active="3"] .color-btn-3 {
    border: 1px solid #e9e7df!important
}

#section-color .content[data-active="3"] .color-btn-3 .inner {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

#section-color .content .color-btn-0 .inner {
    background: -webkit-gradient(linear,left top,left bottom,from(#8de9de),to(#3b978c));
    background: -webkit-linear-gradient(top,#8de9de,#3b978c);
    background: -moz-linear-gradient(top,#8de9de 0,#3b978c 100%);
    background: linear-gradient(180deg,#8de9de,#3b978c)
}

#section-color .content .color-btn-1 .inner {
    background: -webkit-gradient(linear,left top,left bottom,from(#b4b4b4),to(#121212));
    background: -webkit-linear-gradient(top,#b4b4b4,#121212);
    background: -moz-linear-gradient(top,#b4b4b4 0,#121212 100%);
    background: linear-gradient(180deg,#b4b4b4,#121212)
}

#section-color .content .color-btn-2 .inner {
    background: -webkit-gradient(linear,left top,left bottom,from(#d9e7ff),to(#8eace5));
    background: -webkit-linear-gradient(top,#d9e7ff,#8eace5);
    background: -moz-linear-gradient(top,#d9e7ff 0,#8eace5 100%);
    background: linear-gradient(180deg,#d9e7ff,#8eace5)
}

#section-color .content .color-btn-3 .inner {
    background: -webkit-gradient(linear,left top,left bottom,from(#fffcf5),to(#c2bfb6));
    background: -webkit-linear-gradient(top,#fffcf5,#c2bfb6);
    background: -moz-linear-gradient(top,#fffcf5 0,#c2bfb6 100%);
    background: linear-gradient(180deg,#fffcf5,#c2bfb6)
}

#section-design .text-wrapper p,#section-durability .text-wrapper p {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,-webkit-transform .6s;
    -moz-transition: transform .6s,opacity .6s,-moz-transform .6s;
    transition: transform .6s,opacity .6s;
    transition: transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s
}

#section-design .text-wrapper p:first-child,#section-design .text-wrapper p:nth-child(2),#section-design .text-wrapper p:nth-child(3),#section-design .text-wrapper p:nth-child(4),#section-durability .text-wrapper p:first-child,#section-durability .text-wrapper p:nth-child(2),#section-durability .text-wrapper p:nth-child(3),#section-durability .text-wrapper p:nth-child(4) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-design .text-wrapper.show p,#section-durability .text-wrapper.show p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-design .text-wrapper.show p:first-child,#section-durability .text-wrapper.show p:first-child {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-design .text-wrapper.show p:nth-child(2),#section-durability .text-wrapper.show p:nth-child(2) {
    opacity: .75;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

#section-design .text-wrapper.show p:nth-child(3),#section-durability .text-wrapper.show p:nth-child(3) {
    opacity: .75;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

#section-design .text-wrapper.show p:nth-child(4),#section-durability .text-wrapper.show p:nth-child(4) {
    opacity: .75;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-fashion .shadow-box {
    background: -webkit-radial-gradient(2.98% -.07%,168% 85%,transparent 40%,hsla(0,0%,60%,0) 60%);
    background: -moz-radial-gradient(2.98% -.07%,168% 85%,transparent 40%,hsla(0,0%,60%,0) 60%);
    background: radial-gradient(168% 85% at 2.98% -.07%,transparent 40%,hsla(0,0%,60%,0) 60%)
}

html.windows .fix-lh {
    line-height: 1.3
}

#section-params .fix-l {
    margin-top: -1px
}

#section-params .t-g {
    color: #82fd93;
    font-weight: 600
}

#section-params .t-b {
    color: #5d98ff;
    font-weight: 600
}

#section-params .screen-t {
    background: -webkit-linear-gradient(311.21deg,#fff 52.89%,#000 113.84%);
    background: -moz-linear-gradient(311.21deg,#fff 52.89%,#000 113.84%);
    background: linear-gradient(138.79deg,#fff 52.89%,#000 113.84%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .screen-t-mo-km5 {
    background: -webkit-linear-gradient(280deg,#fff 52.89%,#000 113.84%);
    background: -moz-linear-gradient(280deg,#fff 52.89%,#000 113.84%);
    background: linear-gradient(170deg,#fff 52.89%,#000 113.84%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .battery-t {
    background: -webkit-linear-gradient(85.49deg,#999 15%,#fff 40%);
    background: -moz-linear-gradient(85.49deg,#999 15%,#fff 40%);
    background: linear-gradient(4.51deg,#999 15%,#fff 40%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .battery-t-1-km7 {
    background: -webkit-gradient(linear,left top,right top,color-stop(-50%,#000),color-stop(110%,#fff));
    background: -webkit-linear-gradient(left,#000 -50%,#fff 110%);
    background: -moz-linear-gradient(left,#000 -50%,#fff 110%);
    background: linear-gradient(90deg,#000 -50%,#fff 110%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .battery-t-2-km7 {
    background: -webkit-gradient(linear,left top,right top,color-stop(-20%,#fff),color-stop(110%,#000));
    background: -webkit-linear-gradient(left,#fff -20%,#000 110%);
    background: -moz-linear-gradient(left,#fff -20%,#000 110%);
    background: linear-gradient(90deg,#fff -20%,#000 110%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .battery-t-mo {
    background: -webkit-radial-gradient(48% 100%,circle,#999 9%,#fff 25%);
    background: -moz-radial-gradient(48% 100%,circle,#999 9%,#fff 25%);
    background: radial-gradient(circle at 48% 100%,#999 9%,#fff 25%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .battery-t-mo-km7 {
    background: -webkit-radial-gradient(68% 190%,circle,#3f3f3f 20%,#fff 40%);
    background: -moz-radial-gradient(68% 190%,circle,#3f3f3f 20%,#fff 40%);
    background: radial-gradient(circle at 68% 190%,#3f3f3f 20%,#fff 40%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .chip-t-km45 {
    background: -webkit-radial-gradient(50% 76%,10% 68%,#000 -42.56%,#fff 83.15%);
    background: -moz-radial-gradient(50% 76%,10% 68%,#000 -42.56%,#fff 83.15%);
    background: radial-gradient(10% 68% at 50% 76%,#000 -42.56%,#fff 83.15%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .chip-t-km7 {
    background: -webkit-radial-gradient(50.03% 13.68%,84.96% 98.08%,#fff 19.35%,rgba(0,0,0,0) 103.55%);
    background: -moz-radial-gradient(50.03% 13.68%,84.96% 98.08%,#fff 19.35%,rgba(0,0,0,0) 103.55%);
    background: radial-gradient(84.96% 98.08% at 50.03% 13.68%,#fff 19.35%,rgba(0,0,0,0) 103.55%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .chip-ps-km7 {
    background: -webkit-linear-gradient(334.21deg,#45d6e0 14.89%,#6feb7d 95.84%);
    background: -moz-linear-gradient(334.21deg,#45d6e0 14.89%,#6feb7d 95.84%);
    background: linear-gradient(115.79deg,#45d6e0 14.89%,#6feb7d 95.84%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .chip-ps-km7-mo {
    background: -webkit-gradient(linear,left top,right top,color-stop(2%,#45d6e0),color-stop(20%,#6feb7d));
    background: -webkit-linear-gradient(left,#45d6e0 2%,#6feb7d 20%);
    background: -moz-linear-gradient(left,#45d6e0 2%,#6feb7d 20%);
    background: linear-gradient(90deg,#45d6e0 2%,#6feb7d 20%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .battery-ps-km7 {
    background: -webkit-linear-gradient(334.21deg,#45d6e0 14.89%,#6feb7d 95.84%);
    background: -moz-linear-gradient(334.21deg,#45d6e0 14.89%,#6feb7d 95.84%);
    background: linear-gradient(115.79deg,#45d6e0 14.89%,#6feb7d 95.84%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .battery-ps-km7-mo {
    background: -webkit-gradient(linear,left top,right top,color-stop(5%,#45d6e0),color-stop(35%,#6feb7f));
    background: -webkit-linear-gradient(left,#45d6e0 5%,#6feb7f 35%);
    background: -moz-linear-gradient(left,#45d6e0 5%,#6feb7f 35%);
    background: linear-gradient(90deg,#45d6e0 5%,#6feb7f 35%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

#section-params .n-d-blur {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: hsla(0,0%,100%,.1);
    border-radius: 16px
}

#section-params .s-card-blur {
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    background: hsla(0,0%,69%,.2)
}

#section-params .km7-charging-blur {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: hsla(0,0%,100%,.12);
    border-radius: 8px
}

#section-camera .memory-text-inner {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 49%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: -webkit-calc(var(--rpx,1px)*434);
    width: -moz-calc(var(--rpx,1px)*434);
    width: calc(var(--rpx, 1px)*434)
}

#section-camera .memory-text-inner p {
    stroke: #fff;
    stroke-width: -webkit-calc(var(--rpx,1px)*2);
    stroke-width: -moz-calc(var(--rpx,1px)*2);
    stroke-width: calc(var(--rpx, 1px)*2);
    text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: -webkit-calc(var(--rpx,1px)*147);
    font-size: -moz-calc(var(--rpx,1px)*147);
    font-size: calc(var(--rpx, 1px)*147);
    letter-spacing: -.04em;
    paint-order: stroke
}

#section-camera .memory-text-inner p:first-child,#section-camera .memory-text-inner p:nth-child(2) {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#ededed));
    background-image: -webkit-linear-gradient(top,#ededed,#ededed);
    background-image: -moz-linear-gradient(top,#ededed 0,#ededed 100%);
    background-image: linear-gradient(180deg,#ededed,#ededed)
}

#section-camera .memory-text-inner p:last-child {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#9daec7));
    background-image: -webkit-linear-gradient(top,#ededed,#9daec7);
    background-image: -moz-linear-gradient(top,#ededed 0,#9daec7 100%);
    background-image: linear-gradient(180deg,#ededed,#9daec7)
}

#section-camera .memory-text-inner p+p {
    margin-top: calc(var(--rpx, 1px)*-53)
}

#section-camera .title-linear-text {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-gradient(linear,left top,right top,color-stop(53.18%,#56ea6f),color-stop(86.06%,#3fb1e2)),#56ead2;
    background: -webkit-linear-gradient(left,#56ea6f 53.18%,#3fb1e2 86.06%),#56ead2;
    background: -moz-linear-gradient(left,#56ea6f 53.18%,#3fb1e2 86.06%),#56ead2;
    background: linear-gradient(90deg,#56ea6f 53.18%,#3fb1e2 86.06%),#56ead2;
    -webkit-background-clip: text;
    background-clip: text
}

#section-camera .linear-text {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-gradient(linear,left top,right top,from(#999),color-stop(50%,#c8c8c8),to(#999));
    background: -webkit-linear-gradient(left,#999,#c8c8c8 50%,#999);
    background: -moz-linear-gradient(left,#999 0,#c8c8c8 50%,#999 100%);
    background: linear-gradient(90deg,#999,#c8c8c8 50%,#999);
    -webkit-background-clip: text;
    background-clip: text
}

#section-camera .nowrap {
    white-space: nowrap
}

#section-kv[data-state=no-img] .no-img-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

#section-kv[data-state=img] .no-img-content,#section-kv[data-state=no-img] .img-content {
    display: none
}

#section-kv[data-state=img] .img-content {
    display: block
}

#section-ksp a .scale-text,#section-ksp a img {
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s,-moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
}

#section-ksp a:hover {
    color: #fff;
    overflow: hidden
}

#section-ksp a:hover .no-scale {
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
}

#section-ksp a:hover .scale-text,#section-ksp a:hover img {
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

#section-ksp .memory-text-inner {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: 33%;
    position: absolute;
    top: 34%;
    width: -webkit-calc(var(--rpx,1px)*180);
    width: -moz-calc(var(--rpx,1px)*180);
    width: calc(var(--rpx, 1px)*180)
}

#section-ksp .memory-text-inner p {
    stroke: #fff;
    stroke-width: -webkit-calc(var(--rpx,1px)*2);
    stroke-width: -moz-calc(var(--rpx,1px)*2);
    stroke-width: calc(var(--rpx, 1px)*2);
    text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: -webkit-calc(var(--rpx,1px)*58);
    font-size: -moz-calc(var(--rpx,1px)*58);
    font-size: calc(var(--rpx, 1px)*58);
    letter-spacing: -.04em;
    line-height: 100%;
    paint-order: stroke;
    text-align: center;
    width: 100%
}

#section-ksp .memory-text-inner p:first-child,#section-ksp .memory-text-inner p:nth-child(2) {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#ededed));
    background-image: -webkit-linear-gradient(top,#ededed,#ededed);
    background-image: -moz-linear-gradient(top,#ededed 0,#ededed 100%);
    background-image: linear-gradient(180deg,#ededed,#ededed)
}

#section-ksp .memory-text-inner p:last-child {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#9daec7));
    background-image: -webkit-linear-gradient(top,#ededed,#9daec7);
    background-image: -moz-linear-gradient(top,#ededed 0,#9daec7 100%);
    background-image: linear-gradient(180deg,#ededed,#9daec7)
}

#section-ksp .memory-text-inner p+p {
    margin-top: calc(var(--rpx, 1px)*-14)
}

#section-thin .num span:nth-child(2) {
    font-family: HurmeGeometricSans3_SemiBold
}

#section-thin .num span:first-child {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(213deg,#77a085 -3.05%,#fff 62.46%);
    background: -moz-linear-gradient(213deg,#77a085 -3.05%,#fff 62.46%);
    background: linear-gradient(237deg,#77a085 -3.05%,#fff 62.46%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-fashion .shadow-box {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(190deg,#999 15%,#fff 40%);
    background: -moz-linear-gradient(190deg,#999 15%,#fff 40%);
    background: linear-gradient(260deg,#999 15%,#fff 40%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-fashion .sem-mb {
    margin-bottom: 0
}

[data-no-flip] {
    text-align: left
}

.zn--wrapper.safari * {
    letter-spacing: -.04em
}

.zn--wrapper.safari .font-m,.zn--wrapper.safari .font-semibold,.zn--wrapper.safari .mo\:font-medium,.zn--wrapper.safari .mo\:font-semibold,.zn--wrapper.safari .mot\:font-medium,.zn--wrapper.safari .mot\:font-semibold,.zn--wrapper.safari .pad\:font-medium,.zn--wrapper.safari .pad\:font-semibold,.zn--wrapper.safari .pc\:font-medium,.zn--wrapper.safari .pc\:font-semibold,.zn--wrapper.safari .pct\:font-medium,.zn--wrapper.safari .pct\:font-semibold {
    letter-spacing: -.05em
}

#section-ksp-bottom .card {
    border-radius: -webkit-calc(var(--rpx,1px)*16);
    border-radius: -moz-calc(var(--rpx,1px)*16);
    border-radius: calc(var(--rpx, 1px)*16);
    overflow: hidden;
    position: relative;
    z-index: 1
}

#section-ksp-bottom .card img {
    left: 0;
    position: absolute;
    top: 0
}

#section-ksp-bottom .card .text-wrapper {
    position: relative;
    z-index: 2
}

body {
    font-weight: 400!important
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#webpack-dev-server-client-overlay {
    display: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.zn--wrapper {
    background: #000
}

img {
    -webkit-user-drag: none;
    user-drag: none
}

.zn--wrapper .sp-wrapper {
    border-radius: -webkit-calc(var(--rpx,1px)*16);
    border-radius: -moz-calc(var(--rpx,1px)*16);
    border-radius: calc(var(--rpx, 1px)*16);
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.zn--wrapper .c-t,.zn--wrapper .c-t1 {
    background: -webkit-gradient(linear,left top,right top,color-stop(33%,#82fd93),color-stop(110%,#3f7ae2));
    background: -webkit-linear-gradient(left,#82fd93 33%,#3f7ae2 110%);
    background: -moz-linear-gradient(left,#82fd93 33%,#3f7ae2 110%);
    background: linear-gradient(90deg,#82fd93 33%,#3f7ae2 110%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-style: italic;
    position: relative
}

.zn--wrapper .c-t1:after,.zn--wrapper .c-t:after {
    background: -webkit-gradient(linear,left top,right top,color-stop(33%,#82fd93),color-stop(110%,#3f7ae2));
    background: -webkit-linear-gradient(left,#82fd93 33%,#3f7ae2 110%);
    background: -moz-linear-gradient(left,#82fd93 33%,#3f7ae2 110%);
    background: linear-gradient(90deg,#82fd93 33%,#3f7ae2 110%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%
}

.zn--wrapper .c-t1 {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(30%,#30cf46),color-stop(86.06%,#3f7ae2));
    background-image: -webkit-linear-gradient(left,#30cf46 30%,#3f7ae2 86.06%);
    background-image: -moz-linear-gradient(left,#30cf46 30%,#3f7ae2 86.06%);
    background-image: linear-gradient(90deg,#30cf46 30%,#3f7ae2 86.06%)
}

.zn--wrapper .c-t1:after {
    background: -webkit-gradient(linear,left top,right top,color-stop(30%,#30cf46),color-stop(86.06%,#3f7ae2));
    background: -webkit-linear-gradient(left,#30cf46 30%,#3f7ae2 86.06%);
    background: -moz-linear-gradient(left,#30cf46 30%,#3f7ae2 86.06%);
    background: linear-gradient(90deg,#30cf46 30%,#3f7ae2 86.06%)
}

.zn--wrapper #section-ai-studio .dot-wrapper .dot {
    background: #d9d9d9;
    border-radius: 50%;
    height: -webkit-calc(var(--rpx,1px)*16);
    height: -moz-calc(var(--rpx,1px)*16);
    height: calc(var(--rpx, 1px)*16);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    width: -webkit-calc(var(--rpx,1px)*16);
    width: -moz-calc(var(--rpx,1px)*16);
    width: calc(var(--rpx, 1px)*16)
}

.zn--wrapper #section-ai-studio .dot-wrapper .dot.active {
    background: #b0aeae
}

.zn--wrapper .studio-video>canvas,.zn--wrapper .studio-video>img:not(.replay),.zn--wrapper .studio-video>video {
    -webkit-transform: scale(1.4) translateZ(0);
    -moz-transform: scale(1.4) translateZ(0);
    transform: scale(1.4) translateZ(0);
    -webkit-transform-origin: 50% 55%;
    -moz-transform-origin: 50% 55%;
    -ms-transform-origin: 50% 55%;
    transform-origin: 50% 55%
}

.zn--wrapper .ai-video>canvas,.zn--wrapper .ai-video>img:not(.replay),.zn--wrapper .ai-video>video {
    -webkit-transform: scale(1.35) translateZ(0);
    -moz-transform: scale(1.35) translateZ(0);
    transform: scale(1.35) translateZ(0);
    -webkit-transform-origin: 50% 56%;
    -moz-transform-origin: 50% 56%;
    -ms-transform-origin: 50% 56%;
    transform-origin: 50% 56%
}

.zn--wrapper .ai-video-1>canvas,.zn--wrapper .ai-video-1>img:not(.replay),.zn--wrapper .ai-video-1>video {
    -webkit-transform: scale(1.22) translateZ(0);
    -moz-transform: scale(1.22) translateZ(0);
    transform: scale(1.22) translateZ(0)
}

.zn--wrapper .ai-video-2>canvas,.zn--wrapper .ai-video-2>img:not(.replay),.zn--wrapper .ai-video-2>video {
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
    -webkit-transform-origin: 50% 66%;
    -moz-transform-origin: 50% 66%;
    -ms-transform-origin: 50% 66%;
    transform-origin: 50% 66%
}

.zn--wrapper .fix-1-video>canvas,.zn--wrapper .fix-1-video>img:not(.replay),.zn--wrapper .fix-1-video>video {
    -webkit-transform: scale(1.005) translateZ(0);
    -moz-transform: scale(1.005) translateZ(0);
    transform: scale(1.005) translateZ(0)
}

.zn--wrapper .fix-video-13>canvas,.zn--wrapper .fix-video-13>img:not(.replay),.zn--wrapper .fix-video-13>video {
    -webkit-transform: scale(1.3) translateZ(0);
    -moz-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.zn--wrapper #anchor-ip64 {
    position: absolute;
    top: -webkit-calc(var(--rpx,1px)*-120);
    top: -moz-calc(var(--rpx,1px)*-120);
    top: calc(var(--rpx, 1px)*-120)
}

.zn--wrapper #anchor-ai {
    position: absolute;
    top: 0
}

.zn--wrapper #anchor-battery,.zn--wrapper #anchor-dual,.zn--wrapper #anchor-freelink,.zn--wrapper #anchor-upto {
    position: absolute;
    top: -webkit-calc(var(--rpx,1px)*-150);
    top: -moz-calc(var(--rpx,1px)*-150);
    top: calc(var(--rpx, 1px)*-150)
}

.zn--wrapper #anchor-upto {
    top: -50px
}

.zn--wrapper .linear-mask {
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(95%,#000),to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top,#000 95%,transparent);
    mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(95%,#000),to(transparent));
    mask-image: linear-gradient(180deg,#000 95%,transparent)
}

.zn--wrapper #anchor-camera {
    position: absolute;
    top: -78px
}

.zn--wrapper .card-bottom {
    pointer-events: none
}

#footer {
    margin-top: -1px;
    position: relative;
    z-index: 5
}

@media (min-width: 1024px) {
    .zn--wrapper .fade-in-pc {
        opacity:0;
        -webkit-transition: opacity .4s,-webkit-transform .4s;
        transition: opacity .4s,-webkit-transform .4s;
        -moz-transition: transform .4s,opacity .4s,-moz-transform .4s;
        transition: transform .4s,opacity .4s;
        transition: transform .4s,opacity .4s,-webkit-transform .4s,-moz-transform .4s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .zn--wrapper .fade-in-pc:not(.only-fade) {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80))
    }

    .zn--wrapper .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .zn--wrapper .fade-in-pc[data-heavy] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*550));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*550));
        -ms-transform: translateY(calc(var(--rpx, 1px)*550));
        transform: translateY(calc(var(--rpx, 1px)*550))
    }

    .zn--wrapper .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s,-webkit-transform 1s;
        transition: opacity 1s,-webkit-transform 1s;
        -moz-transition: transform 1s,opacity 1s,-moz-transform 1s;
        transition: transform 1s,opacity 1s;
        transition: transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
    }

    .zn--wrapper .fade-in-pc.show,.zn--wrapper .fade-in-pc[data-slight].show {
        opacity: var(--target-opacity,1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay,0);
        -moz-transition-delay: var(--delay,0);
        transition-delay: var(--delay,0)
    }

    .zn--wrapper .fade-in {
        opacity: 0;
        -webkit-transition: opacity .4s,-webkit-transform .4s;
        transition: opacity .4s,-webkit-transform .4s;
        -moz-transition: transform .4s,opacity .4s,-moz-transform .4s;
        transition: transform .4s,opacity .4s;
        transition: transform .4s,opacity .4s,-webkit-transform .4s,-moz-transform .4s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .zn--wrapper .fade-in:not(.only-fade) {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80))
    }

    .zn--wrapper .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .zn--wrapper .fade-in[data-heavy] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*550));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*550));
        -ms-transform: translateY(calc(var(--rpx, 1px)*550));
        transform: translateY(calc(var(--rpx, 1px)*550))
    }

    .zn--wrapper .fade-in[data-slow] {
        -webkit-transition: opacity 1s,-webkit-transform 1s;
        transition: opacity 1s,-webkit-transform 1s;
        -moz-transition: transform 1s,opacity 1s,-moz-transform 1s;
        transition: transform 1s,opacity 1s;
        transition: transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
    }

    .zn--wrapper .fade-in.show,.zn--wrapper .fade-in[data-slight].show {
        opacity: var(--target-opacity,1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay,0);
        -moz-transition-delay: var(--delay,0);
        transition-delay: var(--delay,0)
    }

    :root {
        --rpx: -webkit-calc(.0558vw - .07143px);
        --rpx: -moz-calc(.0558vw - .07143px);
        --rpx: calc(.0558vw - .07143px);
        --rpx: -webkit-calc(var(--vw,1vw)*100/1792 - .07143px);
        --rpx: -moz-calc(var(--vw,1vw)*100/1792 - .07143px);
        --rpx: calc(var(--vw, 1vw)*100/1792 - .07143px)
    }

    .mo-only,.pad-only,.pc-hidden {
        display: none
    }

    #section-color .content:not([data-active="0"]) .color-btn:hover {
        border: 1px solid #dfdfdf;
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s
    }

    #section-color .content:not([data-active="0"]) .color-btn:hover .inner {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    #section-color .content:not([data-active="1"]) .color-btn:hover {
        border: 1px solid #dfdfdf;
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s
    }

    #section-color .content:not([data-active="1"]) .color-btn:hover .inner {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    #section-color .content:not([data-active="2"]) .color-btn:hover {
        border: 1px solid #dfdfdf;
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s
    }

    #section-color .content:not([data-active="2"]) .color-btn:hover .inner {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    #section-color .content:not([data-active="3"]) .color-btn:hover {
        border: 1px solid #dfdfdf;
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s
    }

    #section-color .content:not([data-active="3"]) .color-btn:hover .inner {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    #section-thin .num span:nth-child(2) {
        font-family: HurmeGeometricSans_No3_4_Regular
    }

    #section-thin .num {
        -webkit-text-fill-color: transparent;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,#fff),color-stop(92.25%,#72908a));
        background: -webkit-linear-gradient(top,#fff 60%,#72908a 92.25%);
        background: -moz-linear-gradient(top,#fff 60%,#72908a 92.25%);
        background: linear-gradient(180deg,#fff 60%,#72908a 92.25%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-thin .num span:first-child {
        background: none
    }

    #section-fashion .shadow-box {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(99deg,#999 15%,#fff 40%);
        background: -moz-linear-gradient(99deg,#999 15%,#fff 40%);
        background: linear-gradient(351deg,#999 15%,#fff 40%);
        background-clip: text;
        -webkit-background-clip: text
    }

    .zn--wrapper .c-t,.zn--wrapper .c-t1 {
        padding-right: calc(var(--rpx, 1px)*15)
    }

    .zn--wrapper .c-t1:after,.zn--wrapper .c-t:after {
        height: -webkit-calc(var(--rpx,1px)*4);
        height: -moz-calc(var(--rpx,1px)*4);
        height: calc(var(--rpx, 1px)*4)
    }

    .safari .zn--wrapper #section-ksp .card:nth-child(2) p {
        letter-spacing: -.04em
    }

    .zn--wrapper #anchor-battery,.zn--wrapper #anchor-dual,.zn--wrapper #anchor-freelink,.zn--wrapper #anchor-upto {
        top: -webkit-calc(var(--rpx,1px)*-200);
        top: -moz-calc(var(--rpx,1px)*-200);
        top: calc(var(--rpx, 1px)*-200)
    }

    .zn--wrapper .mo\:sem-mb,.zn--wrapper .sem-mb {
        margin-bottom: -1.4%
    }
}

@media (min-width: 650px) and (max-width:1023px) {
    .zn--wrapper .fade-in-pad {
        opacity:0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,-webkit-transform .35s;
        -moz-transition: transform .35s,opacity .35s,-moz-transform .35s;
        transition: transform .35s,opacity .35s;
        transition: transform .35s,opacity .35s,-webkit-transform .35s,-moz-transform .35s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .zn--wrapper .fade-in-pad:not(.only-fade),.zn--wrapper .fade-in-pad[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .zn--wrapper .fade-in-pad[data-heavy] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*210));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*210));
        -ms-transform: translateY(calc(var(--rpx, 1px)*210));
        transform: translateY(calc(var(--rpx, 1px)*210))
    }

    .zn--wrapper .fade-in-pad[data-slow] {
        -webkit-transition: opacity .7s,-webkit-transform .7s;
        transition: opacity .7s,-webkit-transform .7s;
        -moz-transition: transform .7s,opacity .7s,-moz-transform .7s;
        transition: transform .7s,opacity .7s;
        transition: transform .7s,opacity .7s,-webkit-transform .7s,-moz-transform .7s
    }

    .zn--wrapper .fade-in-pad.show,.zn--wrapper .fade-in-pad[data-slight].show {
        opacity: var(--target-opacity,1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay,0);
        -moz-transition-delay: var(--delay,0);
        transition-delay: var(--delay,0)
    }

    .zn--wrapper .fade-in {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,-webkit-transform .35s;
        -moz-transition: transform .35s,opacity .35s,-moz-transform .35s;
        transition: transform .35s,opacity .35s;
        transition: transform .35s,opacity .35s,-webkit-transform .35s,-moz-transform .35s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .zn--wrapper .fade-in:not(.only-fade),.zn--wrapper .fade-in[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .zn--wrapper .fade-in[data-heavy] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*210));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*210));
        -ms-transform: translateY(calc(var(--rpx, 1px)*210));
        transform: translateY(calc(var(--rpx, 1px)*210))
    }

    .zn--wrapper .fade-in[data-slow] {
        -webkit-transition: opacity .7s,-webkit-transform .7s;
        transition: opacity .7s,-webkit-transform .7s;
        -moz-transition: transform .7s,opacity .7s,-moz-transform .7s;
        transition: transform .7s,opacity .7s;
        transition: transform .7s,opacity .7s,-webkit-transform .7s,-moz-transform .7s
    }

    .zn--wrapper .fade-in.show,.zn--wrapper .fade-in[data-slight].show {
        opacity: var(--target-opacity,1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay,0);
        -moz-transition-delay: var(--delay,0);
        transition-delay: var(--delay,0)
    }

    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw,1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw,1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only,.pad-hidden,.pc-only {
        display: none
    }

    #section-camera .memory-text-inner p {
        font-size: -webkit-calc(var(--rpx,1px)*88);
        font-size: -moz-calc(var(--rpx,1px)*88);
        font-size: calc(var(--rpx, 1px)*88)
    }

    #section-camera .memory-text-inner p+p {
        margin-top: calc(var(--rpx, 1px)*-48)
    }

    #section-ksp a:hover img {
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }

    #section-ksp .memory-text-inner {
        left: 31%;
        top: 37%;
        width: -webkit-calc(var(--rpx,1px)*137);
        width: -moz-calc(var(--rpx,1px)*137);
        width: calc(var(--rpx, 1px)*137)
    }

    #section-ksp .memory-text-inner p {
        font-size: -webkit-calc(var(--rpx,1px)*48);
        font-size: -moz-calc(var(--rpx,1px)*48);
        font-size: calc(var(--rpx, 1px)*48)
    }

    #section-ksp .memory-text-inner p+p {
        margin-top: calc(var(--rpx, 1px)*-7)
    }

    .zn--wrapper .title-part>:first-child:not([id^=anchor]) {
        font-size: -webkit-calc(var(--rpx,1px)*68);
        font-size: -moz-calc(var(--rpx,1px)*68);
        font-size: calc(var(--rpx, 1px)*68);
        font-style: italic;
        padding-bottom: calc(var(--rpx, 1px)*205);
        padding-top: calc(var(--rpx, 1px)*205)
    }

    .zn--wrapper .c-t,.zn--wrapper .c-t1 {
        padding-right: calc(var(--rpx, 1px)*10)
    }

    .zn--wrapper .c-t1:after,.zn--wrapper .c-t:after {
        height: -webkit-calc(var(--rpx,1px)*4);
        height: -moz-calc(var(--rpx,1px)*4);
        height: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper #anchor-ip64 {
        top: -90px
    }

    .zn--wrapper #anchor-ai {
        top: -105px
    }

    .zn--wrapper #anchor-dual {
        top: -180px
    }

    .zn--wrapper #anchor-camera {
        top: -89px
    }

    .zn--wrapper .mo\:sem-mb,.zn--wrapper .sem-mb {
        margin-bottom: -2%
    }
}

@media (max-width: 649px) {
    .zn--wrapper .fade-in-mo {
        opacity:0;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        -moz-transition: transform .3s,opacity .3s,-moz-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s,-moz-transform .3s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .zn--wrapper .fade-in-mo:not(.only-fade) {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .zn--wrapper .fade-in-mo[data-slight] {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    .zn--wrapper .fade-in-mo[data-heavy] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*210));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*210));
        -ms-transform: translateY(calc(var(--rpx, 1px)*210));
        transform: translateY(calc(var(--rpx, 1px)*210))
    }

    .zn--wrapper .fade-in-mo[data-slow] {
        -webkit-transition: opacity .7s,-webkit-transform .7s;
        transition: opacity .7s,-webkit-transform .7s;
        -moz-transition: transform .7s,opacity .7s,-moz-transform .7s;
        transition: transform .7s,opacity .7s;
        transition: transform .7s,opacity .7s,-webkit-transform .7s,-moz-transform .7s
    }

    .zn--wrapper .fade-in-mo.show,.zn--wrapper .fade-in-mo[data-slight].show {
        opacity: var(--target-opacity,1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay,0);
        -moz-transition-delay: var(--delay,0);
        transition-delay: var(--delay,0)
    }

    .zn--wrapper .fade-in {
        opacity: 0;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        -moz-transition: transform .3s,opacity .3s,-moz-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s,-moz-transform .3s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .zn--wrapper .fade-in:not(.only-fade) {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .zn--wrapper .fade-in[data-slight] {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    .zn--wrapper .fade-in[data-heavy] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx,1px)*210));
        -moz-transform: translateY(-moz-calc(var(--rpx,1px)*210));
        -ms-transform: translateY(calc(var(--rpx, 1px)*210));
        transform: translateY(calc(var(--rpx, 1px)*210))
    }

    .zn--wrapper .fade-in[data-slow] {
        -webkit-transition: opacity .7s,-webkit-transform .7s;
        transition: opacity .7s,-webkit-transform .7s;
        -moz-transition: transform .7s,opacity .7s,-moz-transform .7s;
        transition: transform .7s,opacity .7s;
        transition: transform .7s,opacity .7s,-webkit-transform .7s,-moz-transform .7s
    }

    .zn--wrapper .fade-in.show,.zn--wrapper .fade-in[data-slight].show {
        opacity: var(--target-opacity,1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay,0);
        -moz-transition-delay: var(--delay,0);
        transition-delay: var(--delay,0)
    }

    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw,1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw,1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden,.pad-only,.pc-only {
        display: none
    }

    #section-camera .memory-text-inner p {
        font-size: -webkit-calc(var(--rpx,1px)*44);
        font-size: -moz-calc(var(--rpx,1px)*44);
        font-size: calc(var(--rpx, 1px)*44)
    }

    #section-camera .memory-text-inner p+p {
        margin-top: calc(var(--rpx, 1px)*-24)
    }

    #section-ksp a:hover img {
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }

    #section-ksp .memory-text-inner {
        left: 29%;
        top: 38%;
        width: -webkit-calc(var(--rpx,1px)*68);
        width: -moz-calc(var(--rpx,1px)*68);
        width: calc(var(--rpx, 1px)*68)
    }

    #section-ksp .memory-text-inner p {
        font-size: -webkit-calc(var(--rpx,1px)*24);
        font-size: -moz-calc(var(--rpx,1px)*24);
        font-size: calc(var(--rpx, 1px)*24)
    }

    #section-ksp .memory-text-inner p+p {
        margin-top: calc(var(--rpx, 1px)*-7)
    }

    .zn--wrapper .title-part>:first-child:not([id^=anchor]) {
        font-size: -webkit-calc(var(--rpx,1px)*32);
        font-size: -moz-calc(var(--rpx,1px)*32);
        font-size: calc(var(--rpx, 1px)*32);
        font-style: italic;
        padding-bottom: calc(var(--rpx, 1px)*96);
        padding-top: calc(var(--rpx, 1px)*96)
    }

    .zn--wrapper .c-t,.zn--wrapper .c-t1 {
        padding-right: calc(var(--rpx, 1px)*7)
    }

    .zn--wrapper .c-t1:after,.zn--wrapper .c-t:after {
        height: -webkit-calc(var(--rpx,1px)*2);
        height: -moz-calc(var(--rpx,1px)*2);
        height: calc(var(--rpx, 1px)*2)
    }

    .zn--wrapper #anchor-ip64 {
        top: -44px
    }

    .zn--wrapper #anchor-ai {
        top: -70px
    }

    .zn--wrapper #anchor-dual {
        top: -100px
    }

    .zn--wrapper #anchor-upto {
        top: -40px
    }

    .zn--wrapper #anchor-camera {
        top: -44px
    }

    .zn--wrapper .mo\:sem-mb,.zn--wrapper .sem-mb {
        margin-bottom: -2%
    }
}

@media (orientation: portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display:none
    }
}

@media (min-width: 1920px) {
    :root {
        --rpx:1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r,1px)/1792),1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r,1px)/1792),1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1792),1px);
        --rpx: min(-webkit-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1792),1px);
        --rpx: min(-moz-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1792),1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1792),1px)
    }
}

@media (min-width: 2000px) {
    [data-comp-gallery-center] .image-container {
        margin-left:50px
    }
}

@media (max-width: 1366px) and (min-width:1024px) {
    .zn--wrapper .pc\:text-16rpx,.zn--wrapper .pct\:text-16rpx {
        font-size:-webkit-calc(var(--rpx,1px)*16);
        font-size: -moz-calc(var(--rpx,1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        font-size: clamp(12px,-webkit-calc(var(--rpx,1px)*16),16px);
        font-size: clamp(12px,-moz-calc(var(--rpx,1px)*16),16px);
        font-size: clamp(12px,calc(var(--rpx, 1px)*16),16px)
    }

    .zn--wrapper .pc\:text-18rpx,.zn--wrapper .pct\:text-18rpx {
        font-size: -webkit-calc(var(--rpx,1px)*18);
        font-size: -moz-calc(var(--rpx,1px)*18);
        font-size: calc(var(--rpx, 1px)*18);
        font-size: clamp(12px,-webkit-calc(var(--rpx,1px)*18),18px);
        font-size: clamp(12px,-moz-calc(var(--rpx,1px)*18),18px);
        font-size: clamp(12px,calc(var(--rpx, 1px)*18),18px)
    }

    .zn--wrapper .pc\:text-14rpx,.zn--wrapper .pct\:text-14rpx {
        font-size: -webkit-calc(var(--rpx,1px)*14);
        font-size: -moz-calc(var(--rpx,1px)*14);
        font-size: calc(var(--rpx, 1px)*14);
        font-size: clamp(12px,-webkit-calc(var(--rpx,1px)*14),14px);
        font-size: clamp(12px,-moz-calc(var(--rpx,1px)*14),14px);
        font-size: clamp(12px,calc(var(--rpx, 1px)*14),14px)
    }

    .zn--wrapper .pct\:text-12rpx,.zn--wrapper .text-12rpx {
        font-size: 12px
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw,1vw)*100);
    width: -moz-calc(var(--vw,1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    -webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .2s infinite alternate;
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    -webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .4s infinite alternate;
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
    to {
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes preloader {
    to {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

.zn--wrapper,.zn--wrapper * {
    font-family: HurmeGeometricSans_No3_4_Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.zn--wrapper * .font-b,.zn--wrapper * .font-bold,.zn--wrapper * .mo\:font-b,.zn--wrapper * .mo\:font-bold,.zn--wrapper * .mot\:font-b,.zn--wrapper * .mot\:font-bold,.zn--wrapper * .pad\:font-b,.zn--wrapper * .pad\:font-bold,.zn--wrapper * .pc\:font-b,.zn--wrapper * .pc\:font-bold,.zn--wrapper * .pct\:font-b,.zn--wrapper * .pct\:font-bold,.zn--wrapper .font-b,.zn--wrapper .font-bold,.zn--wrapper .mo\:font-b,.zn--wrapper .mo\:font-bold,.zn--wrapper .mot\:font-b,.zn--wrapper .mot\:font-bold,.zn--wrapper .pad\:font-b,.zn--wrapper .pad\:font-bold,.zn--wrapper .pc\:font-b,.zn--wrapper .pc\:font-bold,.zn--wrapper .pct\:font-b,.zn--wrapper .pct\:font-bold {
    font-family: HurmeGeometricSans_No3_6_Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400
}

.zn--wrapper * .font-m,.zn--wrapper * .font-m *,.zn--wrapper * .font-semibold,.zn--wrapper * .font-semibold *,.zn--wrapper * .mo\:font-m,.zn--wrapper * .mo\:font-m *,.zn--wrapper * .mo\:font-medium,.zn--wrapper * .mo\:font-medium *,.zn--wrapper * .mo\:font-semibold,.zn--wrapper * .mo\:font-semibold *,.zn--wrapper * .mot\:font-m,.zn--wrapper * .mot\:font-m *,.zn--wrapper * .mot\:font-medium,.zn--wrapper * .mot\:font-medium *,.zn--wrapper * .mot\:font-semibold,.zn--wrapper * .mot\:font-semibold *,.zn--wrapper * .pad\:font-m,.zn--wrapper * .pad\:font-m *,.zn--wrapper * .pad\:font-medium,.zn--wrapper * .pad\:font-medium *,.zn--wrapper * .pad\:font-semibold,.zn--wrapper * .pad\:font-semibold *,.zn--wrapper * .pc\:font-m,.zn--wrapper * .pc\:font-m *,.zn--wrapper * .pc\:font-medium,.zn--wrapper * .pc\:font-medium *,.zn--wrapper * .pc\:font-semibold,.zn--wrapper * .pc\:font-semibold *,.zn--wrapper * .pct\:font-m,.zn--wrapper * .pct\:font-m *,.zn--wrapper * .pct\:font-medium,.zn--wrapper * .pct\:font-medium *,.zn--wrapper * .pct\:font-semibold,.zn--wrapper * .pct\:font-semibold *,.zn--wrapper .font-m,.zn--wrapper .font-m *,.zn--wrapper .font-semibold,.zn--wrapper .font-semibold *,.zn--wrapper .mo\:font-m,.zn--wrapper .mo\:font-m *,.zn--wrapper .mo\:font-medium,.zn--wrapper .mo\:font-medium *,.zn--wrapper .mo\:font-semibold,.zn--wrapper .mo\:font-semibold *,.zn--wrapper .mot\:font-m,.zn--wrapper .mot\:font-m *,.zn--wrapper .mot\:font-medium,.zn--wrapper .mot\:font-medium *,.zn--wrapper .mot\:font-semibold,.zn--wrapper .mot\:font-semibold *,.zn--wrapper .pad\:font-m,.zn--wrapper .pad\:font-m *,.zn--wrapper .pad\:font-medium,.zn--wrapper .pad\:font-medium *,.zn--wrapper .pad\:font-semibold,.zn--wrapper .pad\:font-semibold *,.zn--wrapper .pc\:font-m,.zn--wrapper .pc\:font-m *,.zn--wrapper .pc\:font-medium,.zn--wrapper .pc\:font-medium *,.zn--wrapper .pc\:font-semibold,.zn--wrapper .pc\:font-semibold *,.zn--wrapper .pct\:font-m,.zn--wrapper .pct\:font-m *,.zn--wrapper .pct\:font-medium,.zn--wrapper .pct\:font-medium *,.zn--wrapper .pct\:font-semibold,.zn--wrapper .pct\:font-semibold * {
    font-family: HurmeGeometricSans3_SemiBold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400
}

.zn--wrapper * .font-l,.zn--wrapper * .font-r,.zn--wrapper * .pc\:font-l,.zn--wrapper * .pct\:font-l,.zn--wrapper .font-l,.zn--wrapper .font-r,.zn--wrapper .pc\:font-l,.zn--wrapper .pct\:font-l {
    font-family: HurmeGeometricSans_No3_4_Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400
}

.zn--wrapper * .font-title,.zn--wrapper .font-title {
    font-family: HurmeGeometricSans_No3_4_Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif
}

[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:first-of-type,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] img:first-of-type,[ani-video-wrapper] video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[ani-autoplay-video] img:first-of-type,[ani-video-wrapper] img:first-of-type {
    -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:first-of-type,[ani-autoplay-video] video,[ani-video-wrapper] img:first-of-type,[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] video,[ani-video-wrapper] video {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

[ani-autoplay-video] .replay,[ani-video-wrapper] .replay {
    opacity: 0;
    pointer-events: none
}

[ani-autoplay-video] .replay.actived,[ani-video-wrapper] .replay.actived {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}