body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

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

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

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

.g--popup {
    height: var(--window-height, 100vh);
    height: var(--window-height, -webkit-calc(var(--vh, 1vh)*100));
    height: var(--window-height, -moz-calc(var(--vh, 1vh)*100));
    height: var(--window-height, calc(var(--vh, 1vh)*100));
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(120vh);
    -moz-transform: translateY(120vh);
    -ms-transform: translateY(120vh);
    transform: translateY(120vh);
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*120));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*120));
    -ms-transform: translateY(calc(var(--vh, 1vh)*120));
    transform: translateY(calc(var(--vh, 1vh)*120));
    width: 100%;
    z-index: 9999
}

.g--popup.show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.g--popup.disappear, .g--popup.show {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s
}

.g--popup .g--popup-container {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%
}

.g--popup .g--video-wrapper {
    margin-top: -12px;
    position: relative
}

.video-portrait.g--popup .g--video-wrapper {
    height: 100%;
    margin-top: 0;
    padding: 32px 0;
    width: 100%
}

.g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper .video, .g--popup .g--video-wrapper video {
    height: 100%;
    max-height: 75vh;
    max-height: -webkit-calc(var(--vh, 1vh)*75);
    max-height: -moz-calc(var(--vh, 1vh)*75);
    max-height: calc(var(--vh, 1vh)*75);
    outline: none;
    width: 100%
}

.video-portrait.g--popup .g--video-wrapper .iframe-poster, .video-portrait.g--popup .g--video-wrapper .video, .video-portrait.g--popup .g--video-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.g--popup .g--video-wrapper .iframe-poster {
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: skeletonLoading;
    -moz-animation-name: skeletonLoading;
    animation-name: skeletonLoading;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, .06)), color-stop(37%, rgba(0, 0, 0, .15)), color-stop(63%, rgba(0, 0, 0, .06)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    background: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    -webkit-background-size: 400% 100%;
    background-size: 400% 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.g--popup .g--video-wrapper iframe.video {
    position: relative;
    z-index: 1
}

.g--popup .g--video-wrapper .video[src=""], .g--popup .g--video-wrapper video[src=""] {
    display: none
}

.g--popup .g--popup-close.v1 {
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 0;
    top: -36px;
    width: 24px;
    z-index: 2
}

.g--popup .g--popup-close.v1 .inner {
    height: 100%;
    width: 100%
}

.g--popup .g--popup-close.v2 {
    cursor: pointer;
    height: 32px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    z-index: 2
}

.g--popup-container.v2.v2 {
    background: #201f1c
}

.g--popup-close.v2 polygon {
    fill: #fff
}

.g--popup-container.v1 {
    background: #000
}

.g--popup-close.v1 polygon {
    fill: #fff
}

.light-theme :not(.dark-theme) .g--popup-container.v1 {
    background: #fff
}

.light-theme :not(.dark-theme) .g--popup-close.v1 polygon {
    fill: #000
}

.light-theme :not(.dark-theme) .g--popup-container.v2 {
    background: #fafafa
}

.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
    fill: #efede9
}

.light-theme :not(.dark-theme) .g--popup-close.v2 path {
    fill: #000
}

@-moz-keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-webkit-keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

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

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

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 34.115vw;
        height: -webkit-calc(var(--vw, 1vw)*34.115);
        height: -moz-calc(var(--vw, 1vw)*34.115);
        height: calc(var(--vw, 1vw)*34.115)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 60.65vw;
        width: -webkit-calc(var(--vw, 1vw)*60.65);
        width: -moz-calc(var(--vw, 1vw)*60.65);
        width: calc(var(--vw, 1vw)*60.65)
    }
}

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

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

    .g--popup .g--popup-container {
        padding: 0
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 50.634vw;
        height: -webkit-calc(var(--vw, 1vw)*50.634);
        height: -moz-calc(var(--vw, 1vw)*50.634);
        height: calc(var(--vw, 1vw)*50.634);
        width: 90vw;
        width: -webkit-calc(var(--vw, 1vw)*90);
        width: -moz-calc(var(--vw, 1vw)*90);
        width: calc(var(--vw, 1vw)*90)
    }

    .g--popup .g--video-wrapper.v1 {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .g--popup .g--video-wrapper.v2 {
        max-width: 90vw;
        max-width: -webkit-calc(var(--vw, 1vw)*90);
        max-width: -moz-calc(var(--vw, 1vw)*90);
        max-width: calc(var(--vw, 1vw)*90)
    }

    .g--popup .g--popup-close.v1 {
        height: 28px;
        right: 16px;
        top: -48px;
        width: 28px
    }

    .g--popup .g--popup-close.v2 {
        right: -webkit-calc(50% - 16px);
        right: -moz-calc(50% - 16px);
        right: calc(50% - 16px);
        top: -webkit-calc(var(--window-height) - 59px);
        top: -moz-calc(var(--window-height) - 59px);
        top: calc(var(--window-height) - 59px)
    }
}

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

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

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 42.1875vw;
        height: -webkit-calc(var(--vw, 1vw)*42.1875);
        height: -moz-calc(var(--vw, 1vw)*42.1875);
        height: calc(var(--vw, 1vw)*42.1875);
        width: 75vw;
        width: -webkit-calc(var(--vw, 1vw)*75);
        width: -moz-calc(var(--vw, 1vw)*75);
        width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 75vw;
        width: -webkit-calc(var(--vw, 1vw)*75);
        width: -moz-calc(var(--vw, 1vw)*75);
        width: calc(var(--vw, 1vw)*75)
    }
}

@media (min-height:600px) {
    .touch .g--popup .g--popup-close.v2 {
        top: 110px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .text-60 {
    font-size: 60px;
    line-height: 120%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .text-\[rgb\(32\,31\,28\)\] {
    --tw-text-opacity: 1;
    color: rgba(32, 31, 28, var(--tw-text-opacity))
}

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

.zn--wrapper .text-\[rgba\(32\,31\,28\,1\)\] {
    --tw-text-opacity: 1;
    color: rgba(32, 31, 28, var(--tw-text-opacity))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .w-100vw, .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-1px {
    width: 1px
}

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

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

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

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

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

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

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

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

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

.zn--wrapper .animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:rounded-4rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*4);
        border-radius: -moz-calc(var(--rpx, 1px)*4);
        border-radius: calc(var(--rpx, 1px)*4)
    }

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

    .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-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\:justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

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

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

    .zn--wrapper .pad\:order-2 {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .zn--wrapper .pad\:order-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

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

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

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

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

    .zn--wrapper .pad\:h-\[50\%\] {
        height: 50%
    }

    .zn--wrapper .pad\:h-40\.36vw {
        height: 40.36vw;
        height: -webkit-calc(var(--vw, 1vw)*40.36);
        height: -moz-calc(var(--vw, 1vw)*40.36);
        height: calc(var(--vw, 1vw)*40.36)
    }

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

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

    .zn--wrapper .pad\:h-49\.35vw {
        height: 49.35vw;
        height: -webkit-calc(var(--vw, 1vw)*49.35);
        height: -moz-calc(var(--vw, 1vw)*49.35);
        height: calc(var(--vw, 1vw)*49.35)
    }

    .zn--wrapper .pad\:h-12\.94vw {
        height: 12.94vw;
        height: -webkit-calc(var(--vw, 1vw)*12.94);
        height: -moz-calc(var(--vw, 1vw)*12.94);
        height: calc(var(--vw, 1vw)*12.94)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:h-79\.33vw {
        height: 79.33vw;
        height: -webkit-calc(var(--vw, 1vw)*79.33);
        height: -moz-calc(var(--vw, 1vw)*79.33);
        height: calc(var(--vw, 1vw)*79.33)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pad\:pb-40vh {
        padding-bottom: 40vh;
        padding-bottom: calc(var(--vh, 1vh)*40)
    }

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

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

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

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

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

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

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

    .zn--wrapper .pad\:top-7\.2vw {
        top: 7.2vw;
        top: -webkit-calc(var(--vw, 1vw)*7.2);
        top: -moz-calc(var(--vw, 1vw)*7.2);
        top: calc(var(--vw, 1vw)*7.2)
    }

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

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

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

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

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

    .zn--wrapper .pad\:top-20\.2vw {
        top: 20.2vw;
        top: -webkit-calc(var(--vw, 1vw)*20.2);
        top: -moz-calc(var(--vw, 1vw)*20.2);
        top: calc(var(--vw, 1vw)*20.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-392\.13rpx {
        width: -webkit-calc(var(--rpx, 1px)*392.13);
        width: -moz-calc(var(--rpx, 1px)*392.13);
        width: calc(var(--rpx, 1px)*392.13)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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\:-translate-x-\[50\%\] {
        --tw-translate-x: -50%
    }

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

@media (min-width:1024px) {
    .zn--wrapper .pc\:rounded-4rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*4);
        border-radius: -moz-calc(var(--rpx, 1px)*4);
        border-radius: calc(var(--rpx, 1px)*4)
    }

    .zn--wrapper .pc\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: 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
    }

    .zn--wrapper .pc\:self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .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-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

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

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

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

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

    .zn--wrapper .pc\:h-26\.389vw {
        height: 26.389vw;
        height: -webkit-calc(var(--vw, 1vw)*26.389);
        height: -moz-calc(var(--vw, 1vw)*26.389);
        height: calc(var(--vw, 1vw)*26.389)
    }

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

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

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

    .zn--wrapper .pc\:h-36\.11vw {
        height: 36.11vw;
        height: -webkit-calc(var(--vw, 1vw)*36.11);
        height: -moz-calc(var(--vw, 1vw)*36.11);
        height: calc(var(--vw, 1vw)*36.11)
    }

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

    .zn--wrapper .pc\:h-9\.83vw {
        height: 9.83vw;
        height: -webkit-calc(var(--vw, 1vw)*9.83);
        height: -moz-calc(var(--vw, 1vw)*9.83);
        height: calc(var(--vw, 1vw)*9.83)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:h-21\.171vw {
        height: 21.171vw;
        height: -webkit-calc(var(--vw, 1vw)*21.171);
        height: -moz-calc(var(--vw, 1vw)*21.171);
        height: calc(var(--vw, 1vw)*21.171)
    }

    .zn--wrapper .pc\:h-9\.226vw {
        height: 9.226vw;
        height: -webkit-calc(var(--vw, 1vw)*9.226);
        height: -moz-calc(var(--vw, 1vw)*9.226);
        height: calc(var(--vw, 1vw)*9.226)
    }

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

    .zn--wrapper .pc\:h-10\.544vw {
        height: 10.544vw;
        height: -webkit-calc(var(--vw, 1vw)*10.544);
        height: -moz-calc(var(--vw, 1vw)*10.544);
        height: calc(var(--vw, 1vw)*10.544)
    }

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

    .zn--wrapper .pc\:h-11\.862vw {
        height: 11.862vw;
        height: -webkit-calc(var(--vw, 1vw)*11.862);
        height: -moz-calc(var(--vw, 1vw)*11.862);
        height: calc(var(--vw, 1vw)*11.862)
    }

    .zn--wrapper .pc\:h-30\.244vw {
        height: 30.244vw;
        height: -webkit-calc(var(--vw, 1vw)*30.244);
        height: -moz-calc(var(--vw, 1vw)*30.244);
        height: calc(var(--vw, 1vw)*30.244)
    }

    .zn--wrapper .pc\:h-13\.18vw {
        height: 13.18vw;
        height: -webkit-calc(var(--vw, 1vw)*13.18);
        height: -moz-calc(var(--vw, 1vw)*13.18);
        height: calc(var(--vw, 1vw)*13.18)
    }

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

    .zn--wrapper .pc\:h-28\.83vw {
        height: 28.83vw;
        height: -webkit-calc(var(--vw, 1vw)*28.83);
        height: -moz-calc(var(--vw, 1vw)*28.83);
        height: calc(var(--vw, 1vw)*28.83)
    }

    .zn--wrapper .pc\:h-12\.565vw {
        height: 12.565vw;
        height: -webkit-calc(var(--vw, 1vw)*12.565);
        height: -moz-calc(var(--vw, 1vw)*12.565);
        height: calc(var(--vw, 1vw)*12.565)
    }

    .zn--wrapper .pc\:h-31\.3875vw {
        height: 31.3875vw;
        height: -webkit-calc(var(--vw, 1vw)*31.3875);
        height: -moz-calc(var(--vw, 1vw)*31.3875);
        height: calc(var(--vw, 1vw)*31.3875)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:pt-20px {
        padding-top: 20px
    }

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

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

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

    .zn--wrapper .pc\:pt-19px {
        padding-top: 19px
    }

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:pb-40vh {
        padding-bottom: 40vh;
        padding-bottom: calc(var(--vh, 1vh)*40)
    }

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:left-8\.15vw {
        left: 8.15vw;
        left: -webkit-calc(var(--vw, 1vw)*8.15);
        left: -moz-calc(var(--vw, 1vw)*8.15);
        left: calc(var(--vw, 1vw)*8.15)
    }

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

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

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

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

    .zn--wrapper .pc\:-top-2\.23vw {
        top: -2.23vw;
        top: -webkit-calc(var(--vw, 1vw)*-2.23);
        top: -moz-calc(var(--vw, 1vw)*-2.23);
        top: calc(var(--vw, 1vw)*-2.23)
    }

    .zn--wrapper .pc\:left-18\.63vw {
        left: 18.63vw;
        left: -webkit-calc(var(--vw, 1vw)*18.63);
        left: -moz-calc(var(--vw, 1vw)*18.63);
        left: calc(var(--vw, 1vw)*18.63)
    }

    .zn--wrapper .pc\:top-7\.73vw {
        top: 7.73vw;
        top: -webkit-calc(var(--vw, 1vw)*7.73);
        top: -moz-calc(var(--vw, 1vw)*7.73);
        top: calc(var(--vw, 1vw)*7.73)
    }

    .zn--wrapper .pc\:top-15\.02vw {
        top: 15.02vw;
        top: -webkit-calc(var(--vw, 1vw)*15.02);
        top: -moz-calc(var(--vw, 1vw)*15.02);
        top: calc(var(--vw, 1vw)*15.02)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-487\.5rpx {
        left: -webkit-calc(var(--rpx, 1px)*487.5);
        left: -moz-calc(var(--rpx, 1px)*487.5);
        left: calc(var(--rpx, 1px)*487.5)
    }

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

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

    .zn--wrapper .pc\:left-\[calc\(100\%\+5vw\)\] {
        left: -webkit-calc(100% + 5vw);
        left: -moz-calc(100% + 5vw);
        left: calc(100% + 5vw);
        left: -webkit-calc(100% + var(--vw, 1vw)*5);
        left: -moz-calc(100% + var(--vw, 1vw)*5);
        left: calc(100% + var(--vw, 1vw)*5)
    }

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

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

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

    .zn--wrapper .pc\:left-\[calc\(200\%\+10vw\)\] {
        left: -webkit-calc(200% + 10vw);
        left: -moz-calc(200% + 10vw);
        left: calc(200% + 10vw);
        left: -webkit-calc(200% + var(--vw, 1vw)*10);
        left: -moz-calc(200% + var(--vw, 1vw)*10);
        left: calc(200% + var(--vw, 1vw)*10)
    }

    .zn--wrapper .pc\:left-\[calc\(300\%\+15vw\)\] {
        left: -webkit-calc(300% + 15vw);
        left: -moz-calc(300% + 15vw);
        left: calc(300% + 15vw);
        left: -webkit-calc(300% + var(--vw, 1vw)*15);
        left: -moz-calc(300% + var(--vw, 1vw)*15);
        left: calc(300% + var(--vw, 1vw)*15)
    }

    .zn--wrapper .pc\:left-\[calc\(400\%\+20vw\)\] {
        left: -webkit-calc(400% + 20vw);
        left: -moz-calc(400% + 20vw);
        left: calc(400% + 20vw);
        left: -webkit-calc(400% + var(--vw, 1vw)*20);
        left: -moz-calc(400% + var(--vw, 1vw)*20);
        left: calc(400% + var(--vw, 1vw)*20)
    }

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

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

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

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

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

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

    .zn--wrapper .pc\:right-1\.76vw {
        right: 1.76vw;
        right: -webkit-calc(var(--vw, 1vw)*1.76);
        right: -moz-calc(var(--vw, 1vw)*1.76);
        right: calc(var(--vw, 1vw)*1.76)
    }

    .zn--wrapper .pc\:bottom-8\.92vw {
        bottom: 8.92vw;
        bottom: -webkit-calc(var(--vw, 1vw)*8.92);
        bottom: -moz-calc(var(--vw, 1vw)*8.92);
        bottom: calc(var(--vw, 1vw)*8.92)
    }

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

    .zn--wrapper .pc\:right-9\.143vw {
        right: 9.143vw;
        right: -webkit-calc(var(--vw, 1vw)*9.143);
        right: -moz-calc(var(--vw, 1vw)*9.143);
        right: calc(var(--vw, 1vw)*9.143)
    }

    .zn--wrapper .pc\:top-6\.06vw {
        top: 6.06vw;
        top: -webkit-calc(var(--vw, 1vw)*6.06);
        top: -moz-calc(var(--vw, 1vw)*6.06);
        top: calc(var(--vw, 1vw)*6.06)
    }

    .zn--wrapper .pc\:right-18\.26vw {
        right: 18.26vw;
        right: -webkit-calc(var(--vw, 1vw)*18.26);
        right: -moz-calc(var(--vw, 1vw)*18.26);
        right: calc(var(--vw, 1vw)*18.26)
    }

    .zn--wrapper .pc\:top-6\.83vw {
        top: 6.83vw;
        top: -webkit-calc(var(--vw, 1vw)*6.83);
        top: -moz-calc(var(--vw, 1vw)*6.83);
        top: calc(var(--vw, 1vw)*6.83)
    }

    .zn--wrapper .pc\:right-27\.66vw {
        right: 27.66vw;
        right: -webkit-calc(var(--vw, 1vw)*27.66);
        right: -moz-calc(var(--vw, 1vw)*27.66);
        right: calc(var(--vw, 1vw)*27.66)
    }

    .zn--wrapper .pc\:top-7\.59vw {
        top: 7.59vw;
        top: -webkit-calc(var(--vw, 1vw)*7.59);
        top: -moz-calc(var(--vw, 1vw)*7.59);
        top: calc(var(--vw, 1vw)*7.59)
    }

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

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

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

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

    .zn--wrapper .pc\:top-9\.19vw {
        top: 9.19vw;
        top: -webkit-calc(var(--vw, 1vw)*9.19);
        top: -moz-calc(var(--vw, 1vw)*9.19);
        top: calc(var(--vw, 1vw)*9.19)
    }

    .zn--wrapper .pc\:left-3\.76vw {
        left: 3.76vw;
        left: -webkit-calc(var(--vw, 1vw)*3.76);
        left: -moz-calc(var(--vw, 1vw)*3.76);
        left: calc(var(--vw, 1vw)*3.76)
    }

    .zn--wrapper .pc\:top-7\.29vw {
        top: 7.29vw;
        top: -webkit-calc(var(--vw, 1vw)*7.29);
        top: -moz-calc(var(--vw, 1vw)*7.29);
        top: calc(var(--vw, 1vw)*7.29)
    }

    .zn--wrapper .pc\:right-3\.734vw {
        right: 3.734vw;
        right: -webkit-calc(var(--vw, 1vw)*3.734);
        right: -moz-calc(var(--vw, 1vw)*3.734);
        right: calc(var(--vw, 1vw)*3.734)
    }

    .zn--wrapper .pc\:top-7\.92vw {
        top: 7.92vw;
        top: -webkit-calc(var(--vw, 1vw)*7.92);
        top: -moz-calc(var(--vw, 1vw)*7.92);
        top: calc(var(--vw, 1vw)*7.92)
    }

    .zn--wrapper .pc\:left-16\.44vw {
        left: 16.44vw;
        left: -webkit-calc(var(--vw, 1vw)*16.44);
        left: -moz-calc(var(--vw, 1vw)*16.44);
        left: calc(var(--vw, 1vw)*16.44)
    }

    .zn--wrapper .pc\:top-7\.88vw {
        top: 7.88vw;
        top: -webkit-calc(var(--vw, 1vw)*7.88);
        top: -moz-calc(var(--vw, 1vw)*7.88);
        top: calc(var(--vw, 1vw)*7.88)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:w-33\.34vw {
        width: 33.34vw;
        width: -webkit-calc(var(--vw, 1vw)*33.34);
        width: -moz-calc(var(--vw, 1vw)*33.34);
        width: calc(var(--vw, 1vw)*33.34)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .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-1px {
        width: 1px
    }

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

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

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

    .zn--wrapper .pc\:w-57\.36vw {
        width: 57.36vw;
        width: -webkit-calc(var(--vw, 1vw)*57.36);
        width: -moz-calc(var(--vw, 1vw)*57.36);
        width: calc(var(--vw, 1vw)*57.36)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .pc\:w-45\.14vw {
        width: 45.14vw;
        width: -webkit-calc(var(--vw, 1vw)*45.14);
        width: -moz-calc(var(--vw, 1vw)*45.14);
        width: calc(var(--vw, 1vw)*45.14)
    }

    .zn--wrapper .pc\:w-14\.416vw {
        width: 14.416vw;
        width: -webkit-calc(var(--vw, 1vw)*14.416);
        width: -moz-calc(var(--vw, 1vw)*14.416);
        width: calc(var(--vw, 1vw)*14.416)
    }

    .zn--wrapper .pc\:w-9\.226vw {
        width: 9.226vw;
        width: -webkit-calc(var(--vw, 1vw)*9.226);
        width: -moz-calc(var(--vw, 1vw)*9.226);
        width: calc(var(--vw, 1vw)*9.226)
    }

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

    .zn--wrapper .pc\:w-10\.544vw {
        width: 10.544vw;
        width: -webkit-calc(var(--vw, 1vw)*10.544);
        width: -moz-calc(var(--vw, 1vw)*10.544);
        width: calc(var(--vw, 1vw)*10.544)
    }

    .zn--wrapper .pc\:w-18\.535vw {
        width: 18.535vw;
        width: -webkit-calc(var(--vw, 1vw)*18.535);
        width: -moz-calc(var(--vw, 1vw)*18.535);
        width: calc(var(--vw, 1vw)*18.535)
    }

    .zn--wrapper .pc\:w-11\.862vw {
        width: 11.862vw;
        width: -webkit-calc(var(--vw, 1vw)*11.862);
        width: -moz-calc(var(--vw, 1vw)*11.862);
        width: calc(var(--vw, 1vw)*11.862)
    }

    .zn--wrapper .pc\:w-20\.59vw {
        width: 20.59vw;
        width: -webkit-calc(var(--vw, 1vw)*20.59);
        width: -moz-calc(var(--vw, 1vw)*20.59);
        width: calc(var(--vw, 1vw)*20.59)
    }

    .zn--wrapper .pc\:w-13\.18vw {
        width: 13.18vw;
        width: -webkit-calc(var(--vw, 1vw)*13.18);
        width: -moz-calc(var(--vw, 1vw)*13.18);
        width: calc(var(--vw, 1vw)*13.18)
    }

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

    .zn--wrapper .pc\:w-19\.65vw {
        width: 19.65vw;
        width: -webkit-calc(var(--vw, 1vw)*19.65);
        width: -moz-calc(var(--vw, 1vw)*19.65);
        width: calc(var(--vw, 1vw)*19.65)
    }

    .zn--wrapper .pc\:w-12\.565vw {
        width: 12.565vw;
        width: -webkit-calc(var(--vw, 1vw)*12.565);
        width: -moz-calc(var(--vw, 1vw)*12.565);
        width: calc(var(--vw, 1vw)*12.565)
    }

    .zn--wrapper .pc\:w-17\.14vw {
        width: 17.14vw;
        width: -webkit-calc(var(--vw, 1vw)*17.14);
        width: -moz-calc(var(--vw, 1vw)*17.14);
        width: calc(var(--vw, 1vw)*17.14)
    }

    .zn--wrapper .pc\:w-13\.59vw {
        width: 13.59vw;
        width: -webkit-calc(var(--vw, 1vw)*13.59);
        width: -moz-calc(var(--vw, 1vw)*13.59);
        width: calc(var(--vw, 1vw)*13.59)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-x-\[50\%\] {
        --tw-translate-x: -50%
    }
}

@media (max-width:649px) {
    .zn--wrapper .mo\:bg-\[rgb\(239\,237\,233\)\] {
        --tw-bg-opacity: 1;
        background-color: rgba(239, 237, 233, var(--tw-bg-opacity))
    }

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

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

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

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

    .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-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

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

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

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

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

    .zn--wrapper .mo\:order-2 {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .zn--wrapper .mo\:order-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .zn--wrapper .mo\:order-3 {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

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

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

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

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

    .zn--wrapper .mo\:h-88\.89vw {
        height: 88.89vw;
        height: -webkit-calc(var(--vw, 1vw)*88.89);
        height: -moz-calc(var(--vw, 1vw)*88.89);
        height: calc(var(--vw, 1vw)*88.89)
    }

    .zn--wrapper .mo\:h-19\.81vw {
        height: 19.81vw;
        height: -webkit-calc(var(--vw, 1vw)*19.81);
        height: -moz-calc(var(--vw, 1vw)*19.81);
        height: calc(var(--vw, 1vw)*19.81)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-182\.76rpx {
        height: -webkit-calc(var(--rpx, 1px)*182.76);
        height: -moz-calc(var(--rpx, 1px)*182.76);
        height: calc(var(--rpx, 1px)*182.76)
    }

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

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

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

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

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

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

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

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

    .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-35\.28rpx {
        height: -webkit-calc(var(--rpx, 1px)*35.28);
        height: -moz-calc(var(--rpx, 1px)*35.28);
        height: calc(var(--rpx, 1px)*35.28)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zn--wrapper .mo\:left-22\.8vw {
        left: 22.8vw;
        left: -webkit-calc(var(--vw, 1vw)*22.8);
        left: -moz-calc(var(--vw, 1vw)*22.8);
        left: calc(var(--vw, 1vw)*22.8)
    }

    .zn--wrapper .mo\:top-15\.61vw {
        top: 15.61vw;
        top: -webkit-calc(var(--vw, 1vw)*15.61);
        top: -moz-calc(var(--vw, 1vw)*15.61);
        top: calc(var(--vw, 1vw)*15.61)
    }

    .zn--wrapper .mo\:left-6\.8vw {
        left: 6.8vw;
        left: -webkit-calc(var(--vw, 1vw)*6.8);
        left: -moz-calc(var(--vw, 1vw)*6.8);
        left: calc(var(--vw, 1vw)*6.8)
    }

    .zn--wrapper .mo\:top-40\.8vw {
        top: 40.8vw;
        top: -webkit-calc(var(--vw, 1vw)*40.8);
        top: -moz-calc(var(--vw, 1vw)*40.8);
        top: calc(var(--vw, 1vw)*40.8)
    }

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

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

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

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

    .zn--wrapper .mo\:left-48\.9rpx {
        left: -webkit-calc(var(--rpx, 1px)*48.9);
        left: -moz-calc(var(--rpx, 1px)*48.9);
        left: calc(var(--rpx, 1px)*48.9)
    }

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

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

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

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

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

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

    .zn--wrapper .mo\:right-50vw {
        right: 50vw;
        right: -webkit-calc(var(--vw, 1vw)*50);
        right: -moz-calc(var(--vw, 1vw)*50);
        right: calc(var(--vw, 1vw)*50)
    }

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

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

    .zn--wrapper .mo\:-right-138px {
        right: -138px
    }

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

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

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

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

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

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

    .zn--wrapper .mo\:left-182\.4rpx {
        left: -webkit-calc(var(--rpx, 1px)*182.4);
        left: -moz-calc(var(--rpx, 1px)*182.4);
        left: calc(var(--rpx, 1px)*182.4)
    }

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

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

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

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

    .zn--wrapper .mo\:top-135rpx {
        top: -webkit-calc(var(--rpx, 1px)*135);
        top: -moz-calc(var(--rpx, 1px)*135);
        top: calc(var(--rpx, 1px)*135)
    }

    .zn--wrapper .mo\:-right-134rpx {
        right: -webkit-calc(var(--rpx, 1px)*-134);
        right: -moz-calc(var(--rpx, 1px)*-134);
        right: calc(var(--rpx, 1px)*-134)
    }

    .zn--wrapper .mo\:-bottom-12rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-12);
        bottom: -moz-calc(var(--rpx, 1px)*-12);
        bottom: calc(var(--rpx, 1px)*-12)
    }

    .zn--wrapper .mo\:-left-1rpx {
        left: -webkit-calc(var(--rpx, 1px)*-1);
        left: -moz-calc(var(--rpx, 1px)*-1);
        left: calc(var(--rpx, 1px)*-1)
    }

    .zn--wrapper .mo\:top-271rpx {
        top: -webkit-calc(var(--rpx, 1px)*271);
        top: -moz-calc(var(--rpx, 1px)*271);
        top: calc(var(--rpx, 1px)*271)
    }

    .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-121rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*121);
        bottom: -moz-calc(var(--rpx, 1px)*121);
        bottom: calc(var(--rpx, 1px)*121)
    }

    .zn--wrapper .mo\:left-\[calc\(100\%\+20rpx\)\] {
        left: -webkit-calc(100% + var(--rpx, 1px)*20);
        left: -moz-calc(100% + var(--rpx, 1px)*20);
        left: calc(100% + var(--rpx, 1px)*20)
    }

    .zn--wrapper .mo\:left-51\.72rpx {
        left: -webkit-calc(var(--rpx, 1px)*51.72);
        left: -moz-calc(var(--rpx, 1px)*51.72);
        left: calc(var(--rpx, 1px)*51.72)
    }

    .zn--wrapper .mo\:top-104\.84rpx {
        top: -webkit-calc(var(--rpx, 1px)*104.84);
        top: -moz-calc(var(--rpx, 1px)*104.84);
        top: calc(var(--rpx, 1px)*104.84)
    }

    .zn--wrapper .mo\:top-\[calc\(100\%\+32rpx\)\] {
        top: -webkit-calc(100% + var(--rpx, 1px)*32);
        top: -moz-calc(100% + var(--rpx, 1px)*32);
        top: calc(100% + var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:left-\[calc\(200\%\+40rpx\)\] {
        left: -webkit-calc(200% + var(--rpx, 1px)*40);
        left: -moz-calc(200% + var(--rpx, 1px)*40);
        left: calc(200% + var(--rpx, 1px)*40)
    }

    .zn--wrapper .mo\:left-\[calc\(300\%\+60rpx\)\] {
        left: -webkit-calc(300% + var(--rpx, 1px)*60);
        left: -moz-calc(300% + var(--rpx, 1px)*60);
        left: calc(300% + var(--rpx, 1px)*60)
    }

    .zn--wrapper .mo\:left-\[calc\(400\%\+80rpx\)\] {
        left: -webkit-calc(400% + var(--rpx, 1px)*80);
        left: -moz-calc(400% + var(--rpx, 1px)*80);
        left: calc(400% + var(--rpx, 1px)*80)
    }

    .zn--wrapper .mo\:-top-6rpx {
        top: -webkit-calc(var(--rpx, 1px)*-6);
        top: -moz-calc(var(--rpx, 1px)*-6);
        top: calc(var(--rpx, 1px)*-6)
    }

    .zn--wrapper .mo\:left-0px {
        left: 0
    }

    .zn--wrapper .mo\:left-70rpx {
        left: -webkit-calc(var(--rpx, 1px)*70);
        left: -moz-calc(var(--rpx, 1px)*70);
        left: calc(var(--rpx, 1px)*70)
    }

    .zn--wrapper .mo\:left-16\.47rpx {
        left: -webkit-calc(var(--rpx, 1px)*16.47);
        left: -moz-calc(var(--rpx, 1px)*16.47);
        left: calc(var(--rpx, 1px)*16.47)
    }

    .zn--wrapper .mo\:top-56\.91rpx {
        top: -webkit-calc(var(--rpx, 1px)*56.91);
        top: -moz-calc(var(--rpx, 1px)*56.91);
        top: calc(var(--rpx, 1px)*56.91)
    }

    .zn--wrapper .mo\:-left-15\.724rpx {
        left: -webkit-calc(var(--rpx, 1px)*-15.724);
        left: -moz-calc(var(--rpx, 1px)*-15.724);
        left: calc(var(--rpx, 1px)*-15.724)
    }

    .zn--wrapper .mo\:-top-20rpx {
        top: -webkit-calc(var(--rpx, 1px)*-20);
        top: -moz-calc(var(--rpx, 1px)*-20);
        top: calc(var(--rpx, 1px)*-20)
    }

    .zn--wrapper .mo\:left-36\.5rpx {
        left: -webkit-calc(var(--rpx, 1px)*36.5);
        left: -moz-calc(var(--rpx, 1px)*36.5);
        left: calc(var(--rpx, 1px)*36.5)
    }

    .zn--wrapper .mo\:top-80rpx {
        top: -webkit-calc(var(--rpx, 1px)*80);
        top: -moz-calc(var(--rpx, 1px)*80);
        top: calc(var(--rpx, 1px)*80)
    }

    .zn--wrapper .mo\:top-105\.66rpx {
        top: -webkit-calc(var(--rpx, 1px)*105.66);
        top: -moz-calc(var(--rpx, 1px)*105.66);
        top: calc(var(--rpx, 1px)*105.66)
    }

    .zn--wrapper .mo\:top-525rpx {
        top: -webkit-calc(var(--rpx, 1px)*525);
        top: -moz-calc(var(--rpx, 1px)*525);
        top: calc(var(--rpx, 1px)*525)
    }

    .zn--wrapper .mo\:top-32rpx {
        top: -webkit-calc(var(--rpx, 1px)*32);
        top: -moz-calc(var(--rpx, 1px)*32);
        top: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:left-\[50\%\] {
        left: 50%
    }

    .zn--wrapper .mo\:bottom-32rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*32);
        bottom: -moz-calc(var(--rpx, 1px)*32);
        bottom: calc(var(--rpx, 1px)*32)
    }

    .zn--wrapper .mo\:left-65rpx {
        left: -webkit-calc(var(--rpx, 1px)*65);
        left: -moz-calc(var(--rpx, 1px)*65);
        left: calc(var(--rpx, 1px)*65)
    }

    .zn--wrapper .mo\:top-79rpx {
        top: -webkit-calc(var(--rpx, 1px)*79);
        top: -moz-calc(var(--rpx, 1px)*79);
        top: calc(var(--rpx, 1px)*79)
    }

    .zn--wrapper .mo\:top-106\.07rpx {
        top: -webkit-calc(var(--rpx, 1px)*106.07);
        top: -moz-calc(var(--rpx, 1px)*106.07);
        top: calc(var(--rpx, 1px)*106.07)
    }

    .zn--wrapper .mo\:left-85\.88rpx {
        left: -webkit-calc(var(--rpx, 1px)*85.88);
        left: -moz-calc(var(--rpx, 1px)*85.88);
        left: calc(var(--rpx, 1px)*85.88)
    }

    .zn--wrapper .mo\:top-99rpx {
        top: -webkit-calc(var(--rpx, 1px)*99);
        top: -moz-calc(var(--rpx, 1px)*99);
        top: calc(var(--rpx, 1px)*99)
    }

    .zn--wrapper .mo\:left-59\.88rpx {
        left: -webkit-calc(var(--rpx, 1px)*59.88);
        left: -moz-calc(var(--rpx, 1px)*59.88);
        left: calc(var(--rpx, 1px)*59.88)
    }

    .zn--wrapper .mo\:top-94rpx {
        top: -webkit-calc(var(--rpx, 1px)*94);
        top: -moz-calc(var(--rpx, 1px)*94);
        top: calc(var(--rpx, 1px)*94)
    }

    .zn--wrapper .mo\:top-230\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*230.88);
        top: -moz-calc(var(--rpx, 1px)*230.88);
        top: calc(var(--rpx, 1px)*230.88)
    }

    .zn--wrapper .mo\:-top-207rpx {
        top: -webkit-calc(var(--rpx, 1px)*-207);
        top: -moz-calc(var(--rpx, 1px)*-207);
        top: calc(var(--rpx, 1px)*-207)
    }

    .zn--wrapper .mo\:top-\[100\%\] {
        top: 100%
    }

    .zn--wrapper .mo\:left-69rpx {
        left: -webkit-calc(var(--rpx, 1px)*69);
        left: -moz-calc(var(--rpx, 1px)*69);
        left: calc(var(--rpx, 1px)*69)
    }

    .zn--wrapper .mo\:-top-183\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*-183.88);
        top: -moz-calc(var(--rpx, 1px)*-183.88);
        top: calc(var(--rpx, 1px)*-183.88)
    }

    .zn--wrapper .mo\:-left-34rpx {
        left: -webkit-calc(var(--rpx, 1px)*-34);
        left: -moz-calc(var(--rpx, 1px)*-34);
        left: calc(var(--rpx, 1px)*-34)
    }

    .zn--wrapper .mo\:-top-29\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*-29.88);
        top: -moz-calc(var(--rpx, 1px)*-29.88);
        top: calc(var(--rpx, 1px)*-29.88)
    }

    .zn--wrapper .mo\:left-83rpx {
        left: -webkit-calc(var(--rpx, 1px)*83);
        left: -moz-calc(var(--rpx, 1px)*83);
        left: calc(var(--rpx, 1px)*83)
    }

    .zn--wrapper .mo\:-top-78\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*-78.88);
        top: -moz-calc(var(--rpx, 1px)*-78.88);
        top: calc(var(--rpx, 1px)*-78.88)
    }

    .zn--wrapper .mo\:-left-2rpx {
        left: -webkit-calc(var(--rpx, 1px)*-2);
        left: -moz-calc(var(--rpx, 1px)*-2);
        left: calc(var(--rpx, 1px)*-2)
    }

    .zn--wrapper .mo\:-top-116\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*-116.88);
        top: -moz-calc(var(--rpx, 1px)*-116.88);
        top: calc(var(--rpx, 1px)*-116.88)
    }

    .zn--wrapper .mo\:left-232rpx {
        left: -webkit-calc(var(--rpx, 1px)*232);
        left: -moz-calc(var(--rpx, 1px)*232);
        left: calc(var(--rpx, 1px)*232)
    }

    .zn--wrapper .mo\:-top-162\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*-162.88);
        top: -moz-calc(var(--rpx, 1px)*-162.88);
        top: calc(var(--rpx, 1px)*-162.88)
    }

    .zn--wrapper .mo\:left-252rpx {
        left: -webkit-calc(var(--rpx, 1px)*252);
        left: -moz-calc(var(--rpx, 1px)*252);
        left: calc(var(--rpx, 1px)*252)
    }

    .zn--wrapper .mo\:-top-22\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*-22.88);
        top: -moz-calc(var(--rpx, 1px)*-22.88);
        top: calc(var(--rpx, 1px)*-22.88)
    }

    .zn--wrapper .mo\:left-168rpx {
        left: -webkit-calc(var(--rpx, 1px)*168);
        left: -moz-calc(var(--rpx, 1px)*168);
        left: calc(var(--rpx, 1px)*168)
    }

    .zn--wrapper .mo\:-top-127\.88rpx {
        top: -webkit-calc(var(--rpx, 1px)*-127.88);
        top: -moz-calc(var(--rpx, 1px)*-127.88);
        top: calc(var(--rpx, 1px)*-127.88)
    }

    .zn--wrapper .mo\:top-46\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*46.5);
        top: -moz-calc(var(--rpx, 1px)*46.5);
        top: calc(var(--rpx, 1px)*46.5)
    }

    .zn--wrapper .mo\:top-105\.81rpx {
        top: -webkit-calc(var(--rpx, 1px)*105.81);
        top: -moz-calc(var(--rpx, 1px)*105.81);
        top: calc(var(--rpx, 1px)*105.81)
    }

    .zn--wrapper .mo\:top-491rpx {
        top: -webkit-calc(var(--rpx, 1px)*491);
        top: -moz-calc(var(--rpx, 1px)*491);
        top: calc(var(--rpx, 1px)*491)
    }

    .zn--wrapper .mo\:text-center {
        text-align: center
    }

    .zn--wrapper .mo\:invisible {
        visibility: hidden
    }

    .zn--wrapper .mo\:w-full {
        width: 100%
    }

    .zn--wrapper .mo\: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 .mo\:w-200rpx {
        width: -webkit-calc(var(--rpx, 1px)*200);
        width: -moz-calc(var(--rpx, 1px)*200);
        width: calc(var(--rpx, 1px)*200)
    }

    .zn--wrapper .mo\:w-312px {
        width: 312px
    }

    .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-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-50vw {
        width: 50vw;
        width: -webkit-calc(var(--vw, 1vw)*50);
        width: -moz-calc(var(--vw, 1vw)*50);
        width: calc(var(--vw, 1vw)*50)
    }

    .zn--wrapper .mo\:w-19\.81vw {
        width: 19.81vw;
        width: -webkit-calc(var(--vw, 1vw)*19.81);
        width: -moz-calc(var(--vw, 1vw)*19.81);
        width: calc(var(--vw, 1vw)*19.81)
    }

    .zn--wrapper .mo\:w-100rpx {
        width: -webkit-calc(var(--rpx, 1px)*100);
        width: -moz-calc(var(--rpx, 1px)*100);
        width: calc(var(--rpx, 1px)*100)
    }

    .zn--wrapper .mo\:w-230rpx {
        width: -webkit-calc(var(--rpx, 1px)*230);
        width: -moz-calc(var(--rpx, 1px)*230);
        width: calc(var(--rpx, 1px)*230)
    }

    .zn--wrapper .mo\:w-182\.82rpx {
        width: -webkit-calc(var(--rpx, 1px)*182.82);
        width: -moz-calc(var(--rpx, 1px)*182.82);
        width: calc(var(--rpx, 1px)*182.82)
    }

    .zn--wrapper .mo\:w-16\.87rpx {
        width: -webkit-calc(var(--rpx, 1px)*16.87);
        width: -moz-calc(var(--rpx, 1px)*16.87);
        width: calc(var(--rpx, 1px)*16.87)
    }

    .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-302\.18rpx {
        width: -webkit-calc(var(--rpx, 1px)*302.18);
        width: -moz-calc(var(--rpx, 1px)*302.18);
        width: calc(var(--rpx, 1px)*302.18)
    }

    .zn--wrapper .mo\:w-329\.67rpx {
        width: -webkit-calc(var(--rpx, 1px)*329.67);
        width: -moz-calc(var(--rpx, 1px)*329.67);
        width: calc(var(--rpx, 1px)*329.67)
    }

    .zn--wrapper .mo\:w-383rpx {
        width: -webkit-calc(var(--rpx, 1px)*383);
        width: -moz-calc(var(--rpx, 1px)*383);
        width: calc(var(--rpx, 1px)*383)
    }

    .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-286\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*286.9);
        width: -moz-calc(var(--rpx, 1px)*286.9);
        width: calc(var(--rpx, 1px)*286.9)
    }

    .zn--wrapper .mo\:w-368\.46rpx {
        width: -webkit-calc(var(--rpx, 1px)*368.46);
        width: -moz-calc(var(--rpx, 1px)*368.46);
        width: calc(var(--rpx, 1px)*368.46)
    }

    .zn--wrapper .mo\:w-3\.6rpx {
        width: -webkit-calc(var(--rpx, 1px)*3.6);
        width: -moz-calc(var(--rpx, 1px)*3.6);
        width: calc(var(--rpx, 1px)*3.6)
    }

    .zn--wrapper .mo\:w-30rpx {
        width: -webkit-calc(var(--rpx, 1px)*30);
        width: -moz-calc(var(--rpx, 1px)*30);
        width: calc(var(--rpx, 1px)*30)
    }

    .zn--wrapper .mo\:w-392rpx {
        width: -webkit-calc(var(--rpx, 1px)*392);
        width: -moz-calc(var(--rpx, 1px)*392);
        width: calc(var(--rpx, 1px)*392)
    }

    .zn--wrapper .mo\:w-383\.67rpx {
        width: -webkit-calc(var(--rpx, 1px)*383.67);
        width: -moz-calc(var(--rpx, 1px)*383.67);
        width: calc(var(--rpx, 1px)*383.67)
    }

    .zn--wrapper .mo\:w-183\.47rpx {
        width: -webkit-calc(var(--rpx, 1px)*183.47);
        width: -moz-calc(var(--rpx, 1px)*183.47);
        width: calc(var(--rpx, 1px)*183.47)
    }

    .zn--wrapper .mo\:w-16\.93rpx {
        width: -webkit-calc(var(--rpx, 1px)*16.93);
        width: -moz-calc(var(--rpx, 1px)*16.93);
        width: calc(var(--rpx, 1px)*16.93)
    }

    .zn--wrapper .mo\:w-16\.38rpx {
        width: -webkit-calc(var(--rpx, 1px)*16.38);
        width: -moz-calc(var(--rpx, 1px)*16.38);
        width: calc(var(--rpx, 1px)*16.38)
    }

    .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-307rpx {
        width: -webkit-calc(var(--rpx, 1px)*307);
        width: -moz-calc(var(--rpx, 1px)*307);
        width: calc(var(--rpx, 1px)*307)
    }

    .zn--wrapper .mo\:w-148\.26rpx {
        width: -webkit-calc(var(--rpx, 1px)*148.26);
        width: -moz-calc(var(--rpx, 1px)*148.26);
        width: calc(var(--rpx, 1px)*148.26)
    }

    .zn--wrapper .mo\:w-179\.71rpx {
        width: -webkit-calc(var(--rpx, 1px)*179.71);
        width: -moz-calc(var(--rpx, 1px)*179.71);
        width: calc(var(--rpx, 1px)*179.71)
    }

    .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-53rpx {
        width: -webkit-calc(var(--rpx, 1px)*53);
        width: -moz-calc(var(--rpx, 1px)*53);
        width: calc(var(--rpx, 1px)*53)
    }

    .zn--wrapper .mo\:w-3rpx {
        width: -webkit-calc(var(--rpx, 1px)*3);
        width: -moz-calc(var(--rpx, 1px)*3);
        width: calc(var(--rpx, 1px)*3)
    }

    .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-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-229\.93rpx {
        width: -webkit-calc(var(--rpx, 1px)*229.93);
        width: -moz-calc(var(--rpx, 1px)*229.93);
        width: calc(var(--rpx, 1px)*229.93)
    }

    .zn--wrapper .mo\:w-182\.76rpx {
        width: -webkit-calc(var(--rpx, 1px)*182.76);
        width: -moz-calc(var(--rpx, 1px)*182.76);
        width: calc(var(--rpx, 1px)*182.76)
    }

    .zn--wrapper .mo\:w-294rpx {
        width: -webkit-calc(var(--rpx, 1px)*294);
        width: -moz-calc(var(--rpx, 1px)*294);
        width: calc(var(--rpx, 1px)*294)
    }

    .zn--wrapper .mo\:w-188\.21rpx {
        width: -webkit-calc(var(--rpx, 1px)*188.21);
        width: -moz-calc(var(--rpx, 1px)*188.21);
        width: calc(var(--rpx, 1px)*188.21)
    }

    .zn--wrapper .mo\:w-240\.36rpx {
        width: -webkit-calc(var(--rpx, 1px)*240.36);
        width: -moz-calc(var(--rpx, 1px)*240.36);
        width: calc(var(--rpx, 1px)*240.36)
    }

    .zn--wrapper .mo\:w-318rpx {
        width: -webkit-calc(var(--rpx, 1px)*318);
        width: -moz-calc(var(--rpx, 1px)*318);
        width: calc(var(--rpx, 1px)*318)
    }

    .zn--wrapper .mo\:w-311rpx {
        width: -webkit-calc(var(--rpx, 1px)*311);
        width: -moz-calc(var(--rpx, 1px)*311);
        width: calc(var(--rpx, 1px)*311)
    }

    .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-268rpx {
        width: -webkit-calc(var(--rpx, 1px)*268);
        width: -moz-calc(var(--rpx, 1px)*268);
        width: calc(var(--rpx, 1px)*268)
    }

    .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-390\.13rpx {
        width: -webkit-calc(var(--rpx, 1px)*390.13);
        width: -moz-calc(var(--rpx, 1px)*390.13);
        width: calc(var(--rpx, 1px)*390.13)
    }

    .zn--wrapper .mo\:w-494\.44rpx {
        width: -webkit-calc(var(--rpx, 1px)*494.44);
        width: -moz-calc(var(--rpx, 1px)*494.44);
        width: calc(var(--rpx, 1px)*494.44)
    }

    .zn--wrapper .mo\:w-600\.85rpx {
        width: -webkit-calc(var(--rpx, 1px)*600.85);
        width: -moz-calc(var(--rpx, 1px)*600.85);
        width: calc(var(--rpx, 1px)*600.85)
    }

    .zn--wrapper .mo\:w-35\.28rpx {
        width: -webkit-calc(var(--rpx, 1px)*35.28);
        width: -moz-calc(var(--rpx, 1px)*35.28);
        width: calc(var(--rpx, 1px)*35.28)
    }

    .zn--wrapper .mo\:w-52rpx {
        width: -webkit-calc(var(--rpx, 1px)*52);
        width: -moz-calc(var(--rpx, 1px)*52);
        width: calc(var(--rpx, 1px)*52)
    }

    .zn--wrapper .mo\:w-48rpx {
        width: -webkit-calc(var(--rpx, 1px)*48);
        width: -moz-calc(var(--rpx, 1px)*48);
        width: calc(var(--rpx, 1px)*48)
    }

    .zn--wrapper .mo\:w-220rpx {
        width: -webkit-calc(var(--rpx, 1px)*220);
        width: -moz-calc(var(--rpx, 1px)*220);
        width: calc(var(--rpx, 1px)*220)
    }

    .zn--wrapper .mo\:w-\[20\%\] {
        width: 20%
    }

    .zn--wrapper .mo\:w-182\.36rpx {
        width: -webkit-calc(var(--rpx, 1px)*182.36);
        width: -moz-calc(var(--rpx, 1px)*182.36);
        width: calc(var(--rpx, 1px)*182.36)
    }

    .zn--wrapper .mo\:z-3 {
        z-index: 3
    }

    .zn--wrapper .mo\:z-1 {
        z-index: 1
    }

    .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\:-translate-x-\[50\%\] {
        --tw-translate-x: -50%
    }
}

@media (min-width:1024px) {
    .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-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 .pct\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .zn--wrapper .pct\: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 .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-8\.68vw {
        font-size: 8.68vw;
        font-size: -webkit-calc(var(--vw, 1vw)*8.68);
        font-size: -moz-calc(var(--vw, 1vw)*8.68);
        font-size: calc(var(--vw, 1vw)*8.68);
        line-height: 1
    }

    .zn--wrapper .pct\:text-3\.75vw {
        font-size: 3.75vw;
        font-size: -webkit-calc(var(--vw, 1vw)*3.75);
        font-size: -moz-calc(var(--vw, 1vw)*3.75);
        font-size: calc(var(--vw, 1vw)*3.75);
        line-height: 1
    }

    .zn--wrapper .pct\:text-96px {
        font-size: 96px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-16px {
        font-size: 16px;
        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-220rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*220);
        font-size: -moz-calc(var(--rpx, 1px)*220);
        font-size: calc(var(--rpx, 1px)*220);
        line-height: 1
    }

    .zn--wrapper .pct\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .zn--wrapper .pct\: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 .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-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-28px {
        font-size: 28px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .zn--wrapper .pct\: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 .pct\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .zn--wrapper .pct\:text-22px {
        font-size: 22px;
        line-height: 1
    }

    .zn--wrapper .pct\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .zn--wrapper .pct\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .zn--wrapper .pct\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .zn--wrapper .pct\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .zn--wrapper .pct\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .zn--wrapper .pct\:leading-\[1\] {
        line-height: 1
    }

    .zn--wrapper .pct\:leading-\[20px\] {
        line-height: 20px
    }

    .zn--wrapper .pct\:-tracking-\[0\.5px\] {
        letter-spacing: -.5px
    }

    .zn--wrapper .pct\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .zn--wrapper .pct\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }
}

@media (max-width:1023px) {
    .zn--wrapper .mot\: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 .mot\: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 .mot\:text-10px {
        font-size: 10px;
        line-height: 1
    }

    .zn--wrapper .mot\: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 .mot\: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 .mot\:text-91\.35rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*91.35);
        font-size: -moz-calc(var(--rpx, 1px)*91.35);
        font-size: calc(var(--rpx, 1px)*91.35);
        line-height: 1
    }

    .zn--wrapper .mot\:text-39\.46rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*39.46);
        font-size: -moz-calc(var(--rpx, 1px)*39.46);
        font-size: calc(var(--rpx, 1px)*39.46);
        line-height: 1
    }

    .zn--wrapper .mot\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-79\.81rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*79.81);
        font-size: -moz-calc(var(--rpx, 1px)*79.81);
        font-size: calc(var(--rpx, 1px)*79.81);
        line-height: 1
    }

    .zn--wrapper .mot\:text-34\.48rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*34.48);
        font-size: -moz-calc(var(--rpx, 1px)*34.48);
        font-size: calc(var(--rpx, 1px)*34.48);
        line-height: 1
    }

    .zn--wrapper .mot\:text-34\.36rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*34.36);
        font-size: -moz-calc(var(--rpx, 1px)*34.36);
        font-size: calc(var(--rpx, 1px)*34.36);
        line-height: 1
    }

    .zn--wrapper .mot\:text-40px {
        font-size: 40px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-48px {
        font-size: 48px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-100rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*100);
        font-size: -moz-calc(var(--rpx, 1px)*100);
        font-size: calc(var(--rpx, 1px)*100);
        line-height: 1
    }

    .zn--wrapper .mot\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-92rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*92);
        font-size: -moz-calc(var(--rpx, 1px)*92);
        font-size: calc(var(--rpx, 1px)*92);
        line-height: 1
    }

    .zn--wrapper .mot\:text-77rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*77);
        font-size: -moz-calc(var(--rpx, 1px)*77);
        font-size: calc(var(--rpx, 1px)*77);
        line-height: 1
    }

    .zn--wrapper .mot\: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 .mot\: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 .mot\: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 .mot\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .zn--wrapper .mot\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .zn--wrapper .mot\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .zn--wrapper .mot\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .zn--wrapper .mot\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .zn--wrapper .mot\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .zn--wrapper .mot\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .zn--wrapper .mot\:leading-\[1\] {
        line-height: 1
    }

    .zn--wrapper .mot\:leading-\[20px\] {
        line-height: 20px
    }

    .zn--wrapper .mot\:-tracking-\[0\.32px\] {
        letter-spacing: -.32px
    }

    .zn--wrapper .mot\:-tracking-\[0\.5px\] {
        letter-spacing: -.5px
    }

    .zn--wrapper .mot\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .zn--wrapper .mot\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }
}

.zn--wrapper {
    color: #000;
    font-size: 16px
}

.zn--wrapper [ltr] {
    direction: ltr
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status], .zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.zn--wrapper sup {
    font-size: 60%;
    position: relative;
    top: -.8em
}

.zn--wrapper .bg-img-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.zn--wrapper .bg-img, .zn--wrapper .bg-img-contain {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.zn--wrapper .bg-img {
    -o-object-fit: cover;
    object-fit: cover
}

.zn--wrapper .abs-center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.zn--wrapper .abs-center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.zn--wrapper .abs-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.zn--wrapper .swiper-button-disabled {
    opacity: .3
}

.zn--wrapper .sticky-placeholder {
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative
}

.zn--wrapper .white-noise-bg {
    background-repeat: repeat;
    -webkit-background-size: 100vw 57.9vw;
    background-size: 100vw 57.9vw;
    -webkit-background-size: -webkit-calc(var(--vw, 1vw)*100) -webkit-calc(var(--vw, 1vw)*57.9);
    background-size: -moz-calc(var(--vw, 1vw)*100) -moz-calc(var(--vw, 1vw)*57.9);
    background-size: calc(var(--vw, 1vw)*100) calc(var(--vw, 1vw)*57.9)
}

.zn--wrapper #section-footer a {
    color: #0000008c;
    text-decoration: underline;
    text-underline-offset: 2px
}

.black-bg {
    background: #000
}

.black-bg, .white-mask {
    height: 100%;
    position: absolute;
    width: 100%
}

.white-mask {
    background: #fff;
    -webkit-mask: conic-gradient(transparent 0deg, #fff 0deg);
    mask: conic-gradient(transparent 0deg, #fff 0deg)
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

[ani-will-change-view] .will-change {
    will-change: var(--will-change)
}

[ani-will-change-view] .will-change-opacity {
    will-change: var(--will-change-opacity)
}

[ani-will-change-view] .will-change-clip {
    will-change: var(--will-change-clip)
}

[ani-will-change-view] .will-change-t-w {
    will-change: var(--will-change-t-w)
}

[ani-will-change-view] .will-change-t-h {
    will-change: var(--will-change-t-h)
}

[ani-will-change-view] .--will-change-t-w-h {
    will-change: var(----will-change-t-w-h)
}

.fix-round {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.fix-edge {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px)
}

.fix-edge-x {
    -webkit-clip-path: inset(0 1px);
    clip-path: inset(0 1px)
}

.fix-edge-y {
    -webkit-clip-path: inset(1px 0);
    clip-path: inset(1px 0)
}

.fix-mt {
    margin-top: -1px
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,%20d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    src: url("data:application/font-woff;charset=utf-8;base64,%20d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJKcalc%288 %2a var%28--vh, 1vh%29%29O4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -webkit-box-ordinal-group: 10000;
    -moz-box-ordinal-group: 10000;
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-slide:first-child, .swiper-centered.swiper-horizontal>.swiper-wrapper {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-horizontal .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal .swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered.swiper-horizontal .swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.splitting .char, .splitting .word {
    display: inline-block
}

.splitting .char {
    position: relative
}

.splitting .char:after, .splitting .char:before {
    content: attr(data-char);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    transition: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden
}

.splitting {
    --word-center: -webkit-calc((var(--word-total) - 1)/2);
    --word-center: -moz-calc((var(--word-total) - 1)/2);
    --word-center: calc((var(--word-total) - 1)/2);
    --char-center: -webkit-calc((var(--char-total) - 1)/2);
    --char-center: -moz-calc((var(--char-total) - 1)/2);
    --char-center: calc((var(--char-total) - 1)/2);
    --line-center: -webkit-calc((var(--line-total) - 1)/2);
    --line-center: -moz-calc((var(--line-total) - 1)/2);
    --line-center: calc((var(--line-total) - 1)/2)
}

.splitting .word {
    --word-percent: -webkit-calc(var(--word-index)/var(--word-total));
    --word-percent: -moz-calc(var(--word-index)/var(--word-total));
    --word-percent: calc(var(--word-index)/var(--word-total));
    --line-percent: -webkit-calc(var(--line-index)/var(--line-total));
    --line-percent: -moz-calc(var(--line-index)/var(--line-total));
    --line-percent: calc(var(--line-index)/var(--line-total))
}

.splitting .char {
    --char-percent: -webkit-calc(var(--char-index)/var(--char-total));
    --char-percent: -moz-calc(var(--char-index)/var(--char-total));
    --char-percent: calc(var(--char-index)/var(--char-total));
    --char-offset: -webkit-calc(var(--char-index) - var(--char-center));
    --char-offset: -moz-calc(var(--char-index) - var(--char-center));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: -webkit-calc((var(--char-offset)*var(--char-offset))/var(--char-center));
    --distance: -moz-calc((var(--char-offset)*var(--char-offset))/var(--char-center));
    --distance: calc((var(--char-offset)*var(--char-offset))/var(--char-center));
    --distance-sine: -webkit-calc(var(--char-offset)/var(--char-center));
    --distance-sine: -moz-calc(var(--char-offset)/var(--char-center));
    --distance-sine: calc(var(--char-offset)/var(--char-center));
    --distance-percent: (var(--distance)/var(--char-center))
}

[ani-kv-ksp-tvc] {
    --timing-function: cubic-bezier(.65, 0, .55, 1)
}

[ani-kv-ksp-tvc] .ksp-4-img-768 {
    display: none
}

[ani-kv-ksp-tvc] .ksp-2-pad-cover {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fefefe), color-stop(85.53%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(bottom, #fefefe 50%, hsla(0, 0%, 100%, 0) 85.53%);
    background: -moz-linear-gradient(bottom, #fefefe 50%, hsla(0, 0%, 100%, 0) 85.53%);
    background: linear-gradient(0deg, #fefefe 50%, hsla(0, 0%, 100%, 0) 85.53%)
}

[ani-kv-ksp-tvc] .ksp-4-pad-cover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, 0)), color-stop(95.87%, rgba(0, 0, 0, .1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .1) 95.87%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .1) 95.87%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .1) 95.87%)
}

[ani-kv-ksp-tvc] [kv-pad-ribbon-img] {
    display: none
}

[ani-kv-ksp-tvc] .linear-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#eae3d8), to(#dcd3c6));
    background: -webkit-linear-gradient(top, #eae3d8, #dcd3c6);
    background: -moz-linear-gradient(top, #eae3d8 0, #dcd3c6 100%);
    background: linear-gradient(180deg, #eae3d8, #dcd3c6);
    background-clip: text;
    -webkit-background-clip: text
}

[ani-kv-ksp-tvc] .linear-unit {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(63deg, #dcd3c6 33.16%, #eae3d8 82.27%);
    background: -moz-linear-gradient(63deg, #dcd3c6 33.16%, #eae3d8 82.27%);
    background: linear-gradient(27deg, #dcd3c6 33.16%, #eae3d8 82.27%);
    background-clip: text;
    -webkit-background-clip: text;
    opacity: .8
}

[ani-kv-ksp-tvc] .ksp-2 {
    background: -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), -webkit-linear-gradient(213deg, hsla(0, 0%, 100%, 0) 15.26%, hsla(0, 0%, 93%, .6) 77.99%), #fff;
    background: -moz-linear-gradient(bottom, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 100%), -moz-linear-gradient(213deg, hsla(0, 0%, 100%, 0) 15.26%, hsla(0, 0%, 93%, .6) 77.99%), #fff;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), linear-gradient(237deg, hsla(0, 0%, 100%, 0) 15.26%, hsla(0, 0%, 93%, .6) 77.99%), #fff
}

[ani-kv-ksp-tvc] .ksp-3 {
    background: -webkit-linear-gradient(14deg, #fff 34.15%, #f8f8f9 90.56%);
    background: -moz-linear-gradient(14deg, #fff 34.15%, #f8f8f9 90.56%);
    background: linear-gradient(76deg, #fff 34.15%, #f8f8f9 90.56%)
}

[ani-kv-ksp-tvc] .ksp-3 .linear-text-1 {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(163deg, #9d907d 9.22%, #cdc6bb 15.97%, #dcd3c6 25.75%, #eae3d8 89.62%);
    background: -moz-linear-gradient(163deg, #9d907d 9.22%, #cdc6bb 15.97%, #dcd3c6 25.75%, #eae3d8 89.62%);
    background: linear-gradient(287deg, #9d907d 9.22%, #cdc6bb 15.97%, #dcd3c6 25.75%, #eae3d8 89.62%);
    background-clip: text;
    -webkit-background-clip: text
}

[ani-kv-ksp-tvc] .ksp-3 .linear-text-2 {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(344deg, #9d907d 3.76%, #cdc6bb 10.52%, #dcd3c6 20.3%, #eae3d8 84.23%);
    background: -moz-linear-gradient(344deg, #9d907d 3.76%, #cdc6bb 10.52%, #dcd3c6 20.3%, #eae3d8 84.23%);
    background: linear-gradient(106deg, #9d907d 3.76%, #cdc6bb 10.52%, #dcd3c6 20.3%, #eae3d8 84.23%);
    background-clip: text;
    -webkit-background-clip: text
}

[ani-kv-ksp-tvc] .ksp-5 {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -moz-linear-gradient(top, #fff 0, #eee 100%);
    background: linear-gradient(180deg, #fff, #eee)
}

[ani-kv-ksp-tvc] .ksp-6 {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
    background: -webkit-linear-gradient(top, #fff, #f6f6f6);
    background: -moz-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: linear-gradient(180deg, #fff, #f6f6f6)
}

[ani-kv-ksp-tvc] .toggle-button {
    pointer-events: none
}

[ani-kv-ksp-tvc] .toggle-button img {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -moz-transition: transform .4s, opacity .4s, -moz-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s, -moz-transform .4s
}

[ani-kv-ksp-tvc] .toggle-button.active img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[ani-kv-ksp-tvc] #section-ksp .border-layer {
    border: 1px solid #e5e5e5
}

[ani-kv-ksp-tvc] #section-ksp .border-left {
    border-left: 1px solid #e5e5e5
}

[ani-kv-ksp-tvc] #section-ksp .border-right {
    border-right: 1px solid #e5e5e5
}

[ani-kv-ksp-tvc] #section-ksp .border-top {
    border-top: 1px solid #e5e5e5
}

[ani-kv-ksp-tvc] #section-ksp .border-left-n {
    border-left: none
}

[ani-kv-ksp-tvc] [video-cat] [ani-autoplay-video], [ani-kv-ksp-tvc] [video-dog] [ani-autoplay-video] {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01)
}

#section-design [clip-layer] [bottom-layer] {
    -webkit-clip-path: inset(2px 0);
    clip-path: inset(2px 0)
}

#section-design [change-text] {
    will-change: transform
}

#section-design .hand-second {
    -webkit-transform: rotate(-144deg);
    -moz-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    transform: rotate(-144deg)
}

#section-design .black-circle, #section-design .white-circle {
    -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 1px 4px #00000040
}

#section-design .hand-hour, #section-design .hand-minute, #section-design .hand-second {
    -webkit-transform-origin: 52.6% 50%;
    -moz-transform-origin: 52.6% 50%;
    -ms-transform-origin: 52.6% 50%;
    transform-origin: 52.6% 50%
}

#section-design [watch-rotate] {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

#section-design [slogan-unit] {
    will-change: transform
}

#section-design [slogan-unit][data-index="0"] {
    -webkit-animation: text1 24s linear infinite;
    -moz-animation: text1 24s linear infinite;
    animation: text1 24s linear infinite
}

#section-design [slogan-unit][data-index="1"] {
    -webkit-animation: text2 24s linear infinite;
    -moz-animation: text2 24s linear infinite;
    animation: text2 24s linear infinite
}

#section-design [slogan-unit][data-index="2"] {
    -webkit-animation: text3 24s linear infinite;
    -moz-animation: text3 24s linear infinite;
    animation: text3 24s linear infinite
}

@-moz-keyframes text1 {
    0% {
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }

    0.001% {
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@-webkit-keyframes text1 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }

    0.001% {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@keyframes text1 {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }

    0.001% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@-moz-keyframes text2 {
    0% {
        -moz-transform: translateX(0);
        transform: translate(0)
    }

    50% {
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }

    50.001% {
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -moz-transform: translateX(0);
        transform: translate(0)
    }
}

@-webkit-keyframes text2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }

    50.001% {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes text2 {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }

    50.001% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translate(0)
    }
}

@-moz-keyframes text3 {
    0% {
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }

    99.999% {
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }

    to {
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }
}

@-webkit-keyframes text3 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }

    99.999% {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }
}

@keyframes text3 {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }

    99.999% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translate(100%)
    }
}

#section-performance [grid-4-right] [grid-4-video] {
    border-bottom-left-radius: -webkit-calc(var(--rpx, 1px)*80);
    border-bottom-left-radius: -moz-calc(var(--rpx, 1px)*80);
    border-bottom-left-radius: calc(var(--rpx, 1px)*80);
    border-bottom-right-radius: -webkit-calc(var(--rpx, 1px)*40);
    border-bottom-right-radius: -moz-calc(var(--rpx, 1px)*40);
    border-bottom-right-radius: calc(var(--rpx, 1px)*40);
    border-top-left-radius: -webkit-calc(var(--rpx, 1px)*80);
    border-top-left-radius: -moz-calc(var(--rpx, 1px)*80);
    border-top-left-radius: calc(var(--rpx, 1px)*80);
    border-top-right-radius: -webkit-calc(var(--rpx, 1px)*40);
    border-top-right-radius: -moz-calc(var(--rpx, 1px)*40);
    border-top-right-radius: calc(var(--rpx, 1px)*40)
}

#section-performance .line-second {
    -webkit-transform: rotate(-144deg);
    -moz-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    transform: rotate(-144deg)
}

#section-performance .line-hour {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

#section-performance .line-minute {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0)
}

#section-wellness .feature-grid {
    border-top: 1px solid #e5e5e5;
    cursor: pointer
}

#section-wellness .feature-grid:first-child {
    border-top: none
}

#section-wellness .feature-grid .feature-desc-wrapper {
    pointer-events: none
}

#section-wellness .feature-img {
    inset: 0;
    -webkit-mask-image: -webkit-radial-gradient(circle, transparent var(--i, 0), #000 var(--f, 0));
    mask-image: radial-gradient(circle, transparent var(--i, 0), #000 var(--f, 0))
}

#section-wellness [ani-grid-1] .stars-poster {
    -o-object-fit: contain;
    object-fit: contain
}

#section-fitness .border-circle {
    border: 1px solid #e5e5e5
}

#section-fitness .bike-video {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

#section-fitness [circle-cover] {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(22.99%, hsla(0, 0%, 85%, 0)), color-stop(66.37%, #f5f4f0));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 85%, 0) 22.99%, #f5f4f0 66.37%);
    background: -moz-linear-gradient(top, hsla(0, 0%, 85%, 0) 22.99%, #f5f4f0 66.37%);
    background: linear-gradient(180deg, hsla(0, 0%, 85%, 0) 22.99%, #f5f4f0 66.37%)
}

#section-fitness [ani-grid-2] .icon-img {
    -webkit-transition: -webkit-transform .65s ease-in;
    transition: -webkit-transform .65s ease-in;
    -moz-transition: transform .65s ease-in, -moz-transform .65s ease-in;
    transition: transform .65s ease-in;
    transition: transform .65s ease-in, -webkit-transform .65s ease-in, -moz-transform .65s ease-in
}

#section-fitness [ani-grid-2] [circle-inner], #section-fitness [ani-grid-2] [circle-middle], #section-fitness [ani-grid-2] [circle-outer] {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .65s ease-in;
    -moz-transition: all .65s ease-in;
    transition: all .65s ease-in
}

#section-fitness [ani-grid-2] .icon-inner, #section-fitness [ani-grid-2] [circle-inner] {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-fitness [ani-grid-2] .icon-middle, #section-fitness [ani-grid-2] [circle-middle] {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

#section-fitness [ani-grid-2] .icon-outer, #section-fitness [ani-grid-2] [circle-outer] {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

#section-fitness [ani-grid-2][data-status="1"] .border-circle {
    opacity: 0
}

#section-fitness [ani-grid-2][data-status="1"] [circle-inner] {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4)
}

#section-fitness [ani-grid-2][data-status="1"] [circle-middle] {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3)
}

#section-fitness [ani-grid-2][data-status="1"] [circle-outer] {
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2)
}

#section-fitness [ani-grid-2][data-status="1"] .border-circle {
    opacity: 1
}

#section-way .video-watch-1 {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

#section-way .video-watch-2 {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

#section-way .video-watch-4 {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

#section-way .video-watch-5 {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

#section-way .video-watch {
    -webkit-transform-origin: 50% 300%;
    -moz-transform-origin: 50% 300%;
    -ms-transform-origin: 50% 300%;
    transform-origin: 50% 300%
}

#section-footer ul {
    padding-left: 12px
}

#section-footer ul li {
    list-style-type: disc
}

#section-footer ol {
    padding-left: 20px
}

#section-footer ol li {
    list-style-type: decimal
}

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
}

[id^=anchor] {
    height: 1px;
    left: 0;
    position: absolute;
    top: -webkit-calc(0 - var(--nav-height, 115px));
    top: -moz-calc(0 - var(--nav-height, 115px));
    top: calc(0px - var(--nav-height, 115px));
    width: 100%
}

@media (min-width:1024px) {
    .zn--wrapper .pc-abs-center {
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translate(-50%) translateY(-50%)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    [ani-kv-ksp-tvc] .ksp-7-img {
        -o-object-position: top;
        object-position: top
    }

    [ani-kv-ksp-tvc] #section-ksp .left-part, [ani-kv-ksp-tvc] #section-ksp .right-part, [ani-kv-ksp-tvc] #section-ksp a {
        cursor: none
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .hover-img {
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        -moz-transition: transform .3s ease, -moz-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .hover-img {
        opacity: 1
    }

    #section-design [top-layer] {
        -webkit-mask: conic-gradient(at 50% 50%, transparent 0deg, #fff 0deg);
        mask: conic-gradient(at 50% 50%, transparent 0deg, #fff 0deg)
    }

    #section-performance [grid-4-right] {
        border-left: 1px solid hsla(48, 20%, 95%, .15)
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-1 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*350)) translateY(-webkit-calc(var(--rpx, 1px)*200));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*350)) translateY(-moz-calc(var(--rpx, 1px)*200));
        -ms-transform: translateX(calc(var(--rpx, 1px)*350)) translateY(calc(var(--rpx, 1px)*200));
        transform: translate(calc(var(--rpx, 1px)*350)) translateY(calc(var(--rpx, 1px)*200))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-2 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*100)) translateY(-webkit-calc(var(--rpx, 1px)*400));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*100)) translateY(-moz-calc(var(--rpx, 1px)*400));
        -ms-transform: translateX(calc(var(--rpx, 1px)*100)) translateY(calc(var(--rpx, 1px)*400));
        transform: translate(calc(var(--rpx, 1px)*100)) translateY(calc(var(--rpx, 1px)*400))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-3 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*200)) translateY(-webkit-calc(var(--rpx, 1px)*250));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*200)) translateY(-moz-calc(var(--rpx, 1px)*250));
        -ms-transform: translateX(calc(var(--rpx, 1px)*200)) translateY(calc(var(--rpx, 1px)*250));
        transform: translate(calc(var(--rpx, 1px)*200)) translateY(calc(var(--rpx, 1px)*250))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-4 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*230)) translateY(-webkit-calc(var(--rpx, 1px)*60));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*230)) translateY(-moz-calc(var(--rpx, 1px)*60));
        -ms-transform: translateX(calc(var(--rpx, 1px)*230)) translateY(calc(var(--rpx, 1px)*60));
        transform: translate(calc(var(--rpx, 1px)*230)) translateY(calc(var(--rpx, 1px)*60))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-5 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*10)) translateY(-webkit-calc(var(--rpx, 1px)*250));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*10)) translateY(-moz-calc(var(--rpx, 1px)*250));
        -ms-transform: translateX(calc(var(--rpx, 1px)*10)) translateY(calc(var(--rpx, 1px)*250));
        transform: translate(calc(var(--rpx, 1px)*10)) translateY(calc(var(--rpx, 1px)*250))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-6 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-80)) translateY(-webkit-calc(var(--rpx, 1px)*300));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-80)) translateY(-moz-calc(var(--rpx, 1px)*300));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-80)) translateY(calc(var(--rpx, 1px)*300));
        transform: translate(calc(var(--rpx, 1px)*-80)) translateY(calc(var(--rpx, 1px)*300))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-7 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-250)) translateY(-webkit-calc(var(--rpx, 1px)*310));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-250)) translateY(-moz-calc(var(--rpx, 1px)*310));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-250)) translateY(calc(var(--rpx, 1px)*310));
        transform: translate(calc(var(--rpx, 1px)*-250)) translateY(calc(var(--rpx, 1px)*310))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-8 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-250)) translateY(-webkit-calc(var(--rpx, 1px)*150));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-250)) translateY(-moz-calc(var(--rpx, 1px)*150));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-250)) translateY(calc(var(--rpx, 1px)*150));
        transform: translate(calc(var(--rpx, 1px)*-250)) translateY(calc(var(--rpx, 1px)*150))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-9 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-300)) translateY(-webkit-calc(var(--rpx, 1px)*90));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-300)) translateY(-moz-calc(var(--rpx, 1px)*90));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-300)) translateY(calc(var(--rpx, 1px)*90));
        transform: translate(calc(var(--rpx, 1px)*-300)) translateY(calc(var(--rpx, 1px)*90))
    }

    #section-way .video-watch-wrapper-1, #section-way .video-watch-wrapper-5 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-30));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-30));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-30));
        transform: translateY(calc(var(--rpx, 1px)*-30))
    }

    #section-way .video-watch-wrapper-2, #section-way .video-watch-wrapper-4 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-10));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-10));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-10));
        transform: translateY(calc(var(--rpx, 1px)*-10))
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad-abs-center {
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translate(-50%) translateY(-50%)
    }

    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    [ani-kv-ksp-tvc] #section-ksp .ksp-7 .ksp-text-wrapper .title-text {
        color: #f5f4f0
    }

    [ani-kv-ksp-tvc] #section-ksp .ksp-7 .ksp-text-wrapper .desc-text {
        color: #f5f4f0bf
    }

    #section-design [watch-adapt] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    #section-design [top-layer] {
        -webkit-mask: conic-gradient(at 50% 46.8%, transparent 0deg, #fff 0deg);
        mask: conic-gradient(at 50% 46.8%, transparent 0deg, #fff 0deg)
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-1 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*298)) translateY(-webkit-calc(var(--rpx, 1px)*160));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*298)) translateY(-moz-calc(var(--rpx, 1px)*160));
        -ms-transform: translateX(calc(var(--rpx, 1px)*298)) translateY(calc(var(--rpx, 1px)*160));
        transform: translate(calc(var(--rpx, 1px)*298)) translateY(calc(var(--rpx, 1px)*160))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-2 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*40)) translateY(-webkit-calc(var(--rpx, 1px)*300));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*40)) translateY(-moz-calc(var(--rpx, 1px)*300));
        -ms-transform: translateX(calc(var(--rpx, 1px)*40)) translateY(calc(var(--rpx, 1px)*300));
        transform: translate(calc(var(--rpx, 1px)*40)) translateY(calc(var(--rpx, 1px)*300))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-3 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-25)) translateY(-webkit-calc(var(--rpx, 1px)*230));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-25)) translateY(-moz-calc(var(--rpx, 1px)*230));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-25)) translateY(calc(var(--rpx, 1px)*230));
        transform: translate(calc(var(--rpx, 1px)*-25)) translateY(calc(var(--rpx, 1px)*230))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-4 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*140)) translateY(-webkit-calc(var(--rpx, 1px)*145));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*140)) translateY(-moz-calc(var(--rpx, 1px)*145));
        -ms-transform: translateX(calc(var(--rpx, 1px)*140)) translateY(calc(var(--rpx, 1px)*145));
        transform: translate(calc(var(--rpx, 1px)*140)) translateY(calc(var(--rpx, 1px)*145))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-5 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*30)) translateY(-webkit-calc(var(--rpx, 1px)*185));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*30)) translateY(-moz-calc(var(--rpx, 1px)*185));
        -ms-transform: translateX(calc(var(--rpx, 1px)*30)) translateY(calc(var(--rpx, 1px)*185));
        transform: translate(calc(var(--rpx, 1px)*30)) translateY(calc(var(--rpx, 1px)*185))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-6 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*120)) translateY(-webkit-calc(var(--rpx, 1px)*230));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*120)) translateY(-moz-calc(var(--rpx, 1px)*230));
        -ms-transform: translateX(calc(var(--rpx, 1px)*120)) translateY(calc(var(--rpx, 1px)*230));
        transform: translate(calc(var(--rpx, 1px)*120)) translateY(calc(var(--rpx, 1px)*230))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-7 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-95)) translateY(-webkit-calc(var(--rpx, 1px)*280));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-95)) translateY(-moz-calc(var(--rpx, 1px)*280));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-95)) translateY(calc(var(--rpx, 1px)*280));
        transform: translate(calc(var(--rpx, 1px)*-95)) translateY(calc(var(--rpx, 1px)*280))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-8 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-130)) translateY(-webkit-calc(var(--rpx, 1px)*135));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-130)) translateY(-moz-calc(var(--rpx, 1px)*135));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-130)) translateY(calc(var(--rpx, 1px)*135));
        transform: translate(calc(var(--rpx, 1px)*-130)) translateY(calc(var(--rpx, 1px)*135))
    }

    #section-fitness [ani-grid-2][data-status="1"] .icon-9 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-225)) translateY(-webkit-calc(var(--rpx, 1px)*100));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-225)) translateY(-moz-calc(var(--rpx, 1px)*100));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-225)) translateY(calc(var(--rpx, 1px)*100));
        transform: translate(calc(var(--rpx, 1px)*-225)) translateY(calc(var(--rpx, 1px)*100))
    }

    [lang^=es] #section-wellness [ani-grid-2], [lang^=fr] #section-wellness [ani-grid-2], [lang^=it] #section-wellness [ani-grid-2] {
        height: 740px
    }

    [lang^=ru] #section-wellness [ani-grid-2] {
        height: 780px
    }
}

@media (max-width:649px) {
    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    [ani-kv-ksp-tvc] .ksp-2-mo {
        background: -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), -webkit-linear-gradient(213deg, hsla(0, 0%, 100%, 0) 15.26%, hsla(0, 0%, 93%, .6) 77.99%), #fff;
        background: -moz-linear-gradient(bottom, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 100%), -moz-linear-gradient(213deg, hsla(0, 0%, 100%, 0) 15.26%, hsla(0, 0%, 93%, .6) 77.99%), #fff;
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), linear-gradient(237deg, hsla(0, 0%, 100%, 0) 15.26%, hsla(0, 0%, 93%, .6) 77.99%), #fff
    }

    [ani-kv-ksp-tvc] .ksp-3-mo {
        background: -webkit-linear-gradient(32deg, hsla(0, 0%, 100%, 0) 53.09%, #f8f8f9 84.48%), #fff;
        background: -moz-linear-gradient(32deg, hsla(0, 0%, 100%, 0) 53.09%, #f8f8f9 84.48%), #fff;
        background: linear-gradient(58deg, hsla(0, 0%, 100%, 0) 53.09%, #f8f8f9 84.48%), #fff
    }

    [ani-kv-ksp-tvc] .ksp-3-mo .linear-text-1 {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(163deg, #9d907d 9.22%, #cdc6bb 15.97%, #dcd3c6 25.75%, #eae3d8 89.62%);
        background: -moz-linear-gradient(163deg, #9d907d 9.22%, #cdc6bb 15.97%, #dcd3c6 25.75%, #eae3d8 89.62%);
        background: linear-gradient(287deg, #9d907d 9.22%, #cdc6bb 15.97%, #dcd3c6 25.75%, #eae3d8 89.62%);
        background-clip: text;
        -webkit-background-clip: text
    }

    [ani-kv-ksp-tvc] .ksp-3-mo .linear-text-2 {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(344deg, #9d907d 3.76%, #cdc6bb 10.52%, #dcd3c6 20.3%, #eae3d8 84.23%);
        background: -moz-linear-gradient(344deg, #9d907d 3.76%, #cdc6bb 10.52%, #dcd3c6 20.3%, #eae3d8 84.23%);
        background: linear-gradient(106deg, #9d907d 3.76%, #cdc6bb 10.52%, #dcd3c6 20.3%, #eae3d8 84.23%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-design [top-layer] {
        -webkit-mask: conic-gradient(at 50% 47.8%, transparent 0deg, #fff 0deg);
        mask: conic-gradient(at 50% 47.8%, transparent 0deg, #fff 0deg)
    }

    #section-performance [grid-4-right] {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60.35%, rgba(55, 132, 214, 0)), color-stop(119.28%, rgba(55, 132, 214, .32))), #000;
        background: -webkit-linear-gradient(top, rgba(55, 132, 214, 0) 60.35%, rgba(55, 132, 214, .32) 119.28%), #000;
        background: -moz-linear-gradient(top, rgba(55, 132, 214, 0) 60.35%, rgba(55, 132, 214, .32) 119.28%), #000;
        background: linear-gradient(180deg, rgba(55, 132, 214, 0) 60.35%, rgba(55, 132, 214, .32) 119.28%), #000
    }

    #section-performance .grid-4-feature {
        font-size: 16px
    }

    #section-performance .text-hrs {
        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
    }

    #section-performance [grid-4-video-wrapper] {
        -webkit-transform: rotate(14.97deg);
        -moz-transform: rotate(14.97deg);
        -ms-transform: rotate(14.97deg);
        transform: rotate(14.97deg)
    }

    #section-performance .mo-cover {
        background: -webkit-linear-gradient(336.32deg, rgba(0, 0, 0, 0) 58.66%, #000 77.84%);
        background: -moz-linear-gradient(336.32deg, rgba(0, 0, 0, 0) 58.66%, #000 77.84%);
        background: linear-gradient(113.68deg, rgba(0, 0, 0, 0) 58.66%, #000 77.84%)
    }

    #section-wellness .feature-title-text {
        font-size: 18px
    }

    #section-wellness .feature-desc {
        font-size: 14px
    }

    #section-wellness .indicator {
        background: rgba(32, 31, 28, .4);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        width: -webkit-calc(var(--rpx, 1px)*3);
        width: -moz-calc(var(--rpx, 1px)*3);
        width: calc(var(--rpx, 1px)*3)
    }

    #section-wellness .indicator.active {
        background: rgba(32, 31, 28, .7);
        width: -webkit-calc(var(--rpx, 1px)*53);
        width: -moz-calc(var(--rpx, 1px)*53);
        width: calc(var(--rpx, 1px)*53)
    }

    #section-way .indicator {
        background: rgba(32, 31, 28, .4);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        width: -webkit-calc(var(--rpx, 1px)*3);
        width: -moz-calc(var(--rpx, 1px)*3);
        width: calc(var(--rpx, 1px)*3)
    }

    #section-way .indicator.active {
        background: rgba(32, 31, 28, .7);
        width: -webkit-calc(var(--rpx, 1px)*53);
        width: -moz-calc(var(--rpx, 1px)*53);
        width: calc(var(--rpx, 1px)*53)
    }

    [id^=anchor] {
        top: -webkit-calc(0 - var(--nav-height, 96px));
        top: -moz-calc(0 - var(--nav-height, 96px));
        top: calc(0px - var(--nav-height, 96px))
    }

    [lang^=de] [ksp-mo-adapt], [lang^=dk] [ksp-mo-adapt], [lang^=es] [ksp-mo-adapt], [lang^=fi] [ksp-mo-adapt], [lang^=fr] [ksp-mo-adapt], [lang^=it] [ksp-mo-adapt], [lang^=nl] [ksp-mo-adapt], [lang^=pl] [ksp-mo-adapt], [lang^=se] [ksp-mo-adapt] {
        height: -webkit-calc(var(--rpx, 1px)*410);
        height: -moz-calc(var(--rpx, 1px)*410);
        height: calc(var(--rpx, 1px)*410)
    }

    [lang^=ru] [ksp-mo-adapt] {
        height: -webkit-calc(var(--rpx, 1px)*450);
        height: -moz-calc(var(--rpx, 1px)*450);
        height: calc(var(--rpx, 1px)*450)
    }

    [lang^=ru] .ksp-2-mo {
        background: #fff !important;
        height: -webkit-calc(var(--rpx, 1px)*270);
        height: -moz-calc(var(--rpx, 1px)*270);
        height: calc(var(--rpx, 1px)*270)
    }

    [lang^=ru] .ksp-2-mo img {
        -webkit-clip-path: inset(0 0 1px 0);
        clip-path: inset(0 0 1px 0)
    }

    [lang^=it] [ksp-1-mo], [lang^=nl] [ksp-1-mo], [lang^=pl] [ksp-1-mo] {
        height: -webkit-calc(var(--rpx, 1px)*280);
        height: -moz-calc(var(--rpx, 1px)*280);
        height: calc(var(--rpx, 1px)*280)
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (min-width:650px) and (max-width:1023px) and (max-aspect-ratio:.85) {
    [ani-kv-ksp-tvc] .ksp-4-img {
        display: none
    }

    [ani-kv-ksp-tvc] .ksp-4-img-768 {
        display: block
    }
}

@media (min-width:650px) and (max-width:768px) and (min-aspect-ratio:1.35) {
    [ani-kv-ksp-tvc] [kv-pad-ribbon-img] {
        display: block
    }

    #section-design [ani-grid-1] {
        margin-top: calc(var(--rpx, 1px)*64)
    }

    #section-design [ani-grid-1] [color-name-wrapper] {
        top: -webkit-calc(var(--rpx, 1px)*428);
        top: -moz-calc(var(--rpx, 1px)*428);
        top: calc(var(--rpx, 1px)*428)
    }

    #section-performance [ani-grid-2] [grid-2-note-opacity] {
        top: -webkit-calc(var(--rpx, 1px)*-24);
        top: -moz-calc(var(--rpx, 1px)*-24);
        top: calc(var(--rpx, 1px)*-24)
    }

    #section-performance [ani-grid-2] [icon-group-inner], #section-performance [ani-grid-2] [watch-1-inner-wrapper], #section-performance [ani-grid-2] [watch-after] {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    #section-wellness [dog-video-1], #section-wellness [dog-video-2], #section-wellness [dog-video-3] {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    #section-wellness [dog-video-1] {
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right
    }

    #section-wellness [dog-video-2] {
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }
}

@media (min-width:1900px) {
    [ani-kv-ksp-tvc] [ksp-5-img] {
        top: -6.5vw;
        top: -webkit-calc(var(--vw, 1vw)*-6.5);
        top: -moz-calc(var(--vw, 1vw)*-6.5);
        top: calc(var(--vw, 1vw)*-6.5)
    }
}

@media (min-width:1024px) and (max-width:1940px) and (min-aspect-ratio:1.9) {
    [ani-kv-ksp-tvc] [ksp-5-img] {
        -webkit-transform: translateY(4vw);
        -moz-transform: translateY(4vw);
        -ms-transform: translateY(4vw);
        transform: translateY(4vw);
        -webkit-transform: translateY(-webkit-calc(var(--vw, 1vw)*4));
        -moz-transform: translateY(-moz-calc(var(--vw, 1vw)*4));
        -ms-transform: translateY(calc(var(--vw, 1vw)*4));
        transform: translateY(calc(var(--vw, 1vw)*4))
    }

    [ani-kv-ksp-tvc] .ksp-2-inner, [ani-kv-ksp-tvc] .ksp-3-inner {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: 50% 60%;
        -moz-transform-origin: 50% 60%;
        -ms-transform-origin: 50% 60%;
        transform-origin: 50% 60%
    }
}

@media (min-width:1024px) and (max-width:1100px) {
    [ani-kv-ksp-tvc] [kv-img] {
        -o-object-position: 75% 50%;
        object-position: 75% 50%
    }

    #section-performance .icon-wrapper {
        height: 44px;
        width: 44px
    }
}

@media (min-width:1024px) and (max-aspect-ratio:1/1) and (min-width:1023px) {
    [ani-kv-ksp-tvc] #section-ksp .ksp-text-wrapper {
        top: -5%
    }
}

@media (max-width:1023px) {
    [ani-kv-ksp-tvc] [video-cat], [ani-kv-ksp-tvc] [video-dog] {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    #section-way .video-watch-wrapper-1, #section-way .video-watch-wrapper-5 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-18));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-18));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-18));
        transform: translateY(calc(var(--rpx, 1px)*-18))
    }

    #section-way .video-watch-wrapper-2, #section-way .video-watch-wrapper-4 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-6));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-6));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-6));
        transform: translateY(calc(var(--rpx, 1px)*-6))
    }
}

@media (min-width:1024px) and (max-width:1440px) and (min-aspect-ratio:1.9) {
    #section-design [ani-grid-1] {
        margin-top: calc(var(--rpx, 1px)*64)
    }

    #section-design [ani-grid-1] [color-name-wrapper] {
        top: -webkit-calc(var(--rpx, 1px)*520);
        top: -moz-calc(var(--rpx, 1px)*520);
        top: calc(var(--rpx, 1px)*520)
    }

    #section-performance [ani-grid-2] [grid-2-note-opacity] {
        top: -webkit-calc(var(--rpx, 1px)*-24);
        top: -moz-calc(var(--rpx, 1px)*-24);
        top: calc(var(--rpx, 1px)*-24)
    }

    #section-performance [ani-grid-2] [icon-group-inner], #section-performance [ani-grid-2] [watch-1-inner-wrapper], #section-performance [ani-grid-2] [watch-after] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

@media (min-width:360px) and (max-width:450px) and (min-aspect-ratio:.5) {
    #section-design [ani-grid-1] {
        margin-top: calc(var(--rpx, 1px)*32)
    }

    #section-wellness [card-img], #section-wellness [dog-video-1], #section-wellness [watch-grid] {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85);
        -webkit-transform-origin: 50% 80%;
        -moz-transform-origin: 50% 80%;
        -ms-transform-origin: 50% 80%;
        transform-origin: 50% 80%
    }

    #section-wellness [card-4-video-adapt] {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85);
        -webkit-transform-origin: 50% 65%;
        -moz-transform-origin: 50% 65%;
        -ms-transform-origin: 50% 65%;
        transform-origin: 50% 65%
    }

    #section-wellness [mo-progress] {
        top: -webkit-calc(var(--rpx, 1px)*505);
        top: -moz-calc(var(--rpx, 1px)*505);
        top: calc(var(--rpx, 1px)*505)
    }
}

@media (min-width:1940px) {
    #section-design [ani-grid-1] [watch-adapt], #section-design [ani-grid-1] [watch-inner-wrapper] {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4)
    }

    #section-design [ani-grid-1] [desc-inner] {
        -webkit-transform: translateY(120px);
        -moz-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px)
    }
}

@media (min-width:1350px) {
    #section-design [after-right] {
        width: -webkit-calc(var(--rpx, 1px)*600);
        width: -moz-calc(var(--rpx, 1px)*600);
        width: calc(var(--rpx, 1px)*600)
    }
}

@media (min-width:1024px) and (max-width:1120px) and (max-aspect-ratio:1.5) {
    #section-design [desc-inner] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*120));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*120));
        -ms-transform: translateY(calc(var(--rpx, 1px)*120));
        transform: translateY(calc(var(--rpx, 1px)*120))
    }
}

@media (min-width:1024px) and (max-width:1540px) and (min-aspect-ratio:1.9) {
    #section-wellness [dog-video-1], #section-wellness [dog-video-2], #section-wellness [dog-video-3] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    #section-wellness .card-3-img, #section-wellness [card-4-video-adapt] {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    #section-wellness [dog-video-1] {
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right
    }

    #section-wellness [dog-video-2] {
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }
}

@media (min-width:355px) and (max-width:450px) and (min-aspect-ratio:.5) {
    #section-fitness [mo-cards] {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    #section-fitness [mo-cards] [mo-cards-inner] {
        margin-bottom: calc(var(--rpx, 1px)*16)
    }

    #section-fitness .ui-img-group {
        height: -webkit-calc(var(--rpx, 1px)*180);
        height: -moz-calc(var(--rpx, 1px)*180);
        height: calc(var(--rpx, 1px)*180);
        width: -webkit-calc(var(--rpx, 1px)*180);
        width: -moz-calc(var(--rpx, 1px)*180);
        width: calc(var(--rpx, 1px)*180)
    }
}

@media (max-width:1439px) {
    #section-way .large-pc-only {
        display: none
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    -webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .2s infinite alternate;
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    -webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .4s infinite alternate;
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
    to {
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes preloader {
    to {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@media (min-width:1024px) {
    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    .fade-in-pc {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pc.show, .fade-in-pc[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (max-width:649px) {
    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-mo.show, .fade-in-mo[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    .fade-in-pad {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pad, .fade-in-pad[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in-pad[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pad.show, .fade-in-pad[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in, .fade-in[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }
}

.zn--wrapper, .zn--wrapper .font-t {
}

.zn--wrapper .font-b, .zn--wrapper .font-m {
}

.zn--wrapper .font-r {
}

html {
    overflow: unset !important
}

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

[ani-autoplay-video], [ani-video-wrapper] {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video] canvas, [ani-autoplay-video] img, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] img, [ani-video-wrapper] video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[ani-autoplay-video] img, [ani-video-wrapper] img {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

[ani-autoplay-video] canvas, [ani-video-wrapper] canvas {
    -o-object-fit: initial;
    object-fit: fill
}

[ani-autoplay-video] img, [ani-autoplay-video] video, [ani-video-wrapper] img, [ani-video-wrapper] video {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-autoplay-video] canvas, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] video {
    z-index: 1
}

[ani-autoplay-video] .replay, [ani-video-wrapper] .replay {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: -webkit-calc(var(--rpx, 1px)*20);
    bottom: -moz-calc(var(--rpx, 1px)*20);
    bottom: calc(var(--rpx, 1px)*20);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -webkit-calc(var(--rpx, 1px)*20);
    right: -moz-calc(var(--rpx, 1px)*20);
    right: calc(var(--rpx, 1px)*20);
    text-decoration: underline;
    text-underline-offset: 2px;
    z-index: 2
}

[ani-autoplay-video] .replay:after, [ani-video-wrapper] .replay:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px
}

[ani-autoplay-video] .replay.actived, [ani-video-wrapper] .replay.actived {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

[ani-autoplay-video] .replay.light, [ani-video-wrapper] .replay.light {
    color: #000
}

[ani-autoplay-video] .replay.light:after, [ani-video-wrapper] .replay.light:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

[ani-autoplay-video]+.replay, [ani-video-wrapper]+.replay {
    opacity: 0;
    pointer-events: none
}

[ani-autoplay-video]+.replay.actived, [ani-video-wrapper]+.replay.actived {
    opacity: 1;
    pointer-events: auto
}