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

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

.bg-\[\#F4F9FD\] {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 249, 253, var(--tw-bg-opacity))
}

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

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

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

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

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

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

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

.rounded {
    border-radius: .25rem
}

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-full {
    height: 100%
}

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

.h-1px {
    height: 1px
}

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

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

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

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

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

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

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

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

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-55 {
    opacity: .55
}

.overflow-hidden {
    overflow: hidden
}

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.left-16px {
    left: 16px
}

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

.right-16px {
    right: 16px
}

.bottom-\[calc\(var\(--content-height\)-5px\)\] {
    bottom: -webkit-calc(var(--content-height) - 5px);
    bottom: -moz-calc(var(--content-height) - 5px);
    bottom: calc(var(--content-height) - 5px)
}

.bottom-\[var\(--content-height\)\] {
    bottom: var(--content-height)
}

.top-\[50\%\] {
    top: 50%
}

.left-\[50\%\] {
    left: 50%
}

.right-0 {
    right: 0
}

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

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

.resize {
    resize: both
}

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

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

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

.text-\[\#2576d5\] {
    --tw-text-opacity: 1;
    color: rgba(37, 118, 213, var(--tw-text-opacity))
}

.invisible {
    visibility: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.w-full {
    width: 100%
}

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

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

.w-1px {
    width: 1px
}

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

.z-1 {
    z-index: 1
}

.z-4 {
    z-index: 4
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

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

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

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

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

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

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

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

    .pad\:rounded-6\.3rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*6.3);
        border-radius: -moz-calc(var(--rpx, 1px)*6.3);
        border-radius: calc(var(--rpx, 1px)*6.3)
    }

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

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

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

    .pad\:self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

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

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

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

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

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

    .pad\:order-3 {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

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

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

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

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

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

    .pad\:h-28\.58vw {
        height: 28.58vw;
        height: -webkit-calc(var(--vw, 1vw)*28.58);
        height: -moz-calc(var(--vw, 1vw)*28.58);
        height: calc(var(--vw, 1vw)*28.58)
    }

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

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

    .pad\:h-57\.29vw {
        height: 57.29vw;
        height: -webkit-calc(var(--vw, 1vw)*57.29);
        height: -moz-calc(var(--vw, 1vw)*57.29);
        height: calc(var(--vw, 1vw)*57.29)
    }

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

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

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

    .pad\:h-138\.83rpx {
        height: -webkit-calc(var(--rpx, 1px)*138.83);
        height: -moz-calc(var(--rpx, 1px)*138.83);
        height: calc(var(--rpx, 1px)*138.83)
    }

    .pad\:h-185\.96rpx {
        height: -webkit-calc(var(--rpx, 1px)*185.96);
        height: -moz-calc(var(--rpx, 1px)*185.96);
        height: calc(var(--rpx, 1px)*185.96)
    }

    .pad\:h-209\.35rpx {
        height: -webkit-calc(var(--rpx, 1px)*209.35);
        height: -moz-calc(var(--rpx, 1px)*209.35);
        height: calc(var(--rpx, 1px)*209.35)
    }

    .pad\:h-159\.73rpx {
        height: -webkit-calc(var(--rpx, 1px)*159.73);
        height: -moz-calc(var(--rpx, 1px)*159.73);
        height: calc(var(--rpx, 1px)*159.73)
    }

    .pad\:h-159\.51rpx {
        height: -webkit-calc(var(--rpx, 1px)*159.51);
        height: -moz-calc(var(--rpx, 1px)*159.51);
        height: calc(var(--rpx, 1px)*159.51)
    }

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

    .pad\:h-340px {
        height: 340px
    }

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

    .pad\:h-153\.24rpx {
        height: -webkit-calc(var(--rpx, 1px)*153.24);
        height: -moz-calc(var(--rpx, 1px)*153.24);
        height: calc(var(--rpx, 1px)*153.24)
    }

    .pad\:h-449\.62rpx {
        height: -webkit-calc(var(--rpx, 1px)*449.62);
        height: -moz-calc(var(--rpx, 1px)*449.62);
        height: calc(var(--rpx, 1px)*449.62)
    }

    .pad\:h-254\.92rpx {
        height: -webkit-calc(var(--rpx, 1px)*254.92);
        height: -moz-calc(var(--rpx, 1px)*254.92);
        height: calc(var(--rpx, 1px)*254.92)
    }

    .pad\:h-38\.31rpx {
        height: -webkit-calc(var(--rpx, 1px)*38.31);
        height: -moz-calc(var(--rpx, 1px)*38.31);
        height: calc(var(--rpx, 1px)*38.31)
    }

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

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

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

    .pad\:h-773\.07rpx {
        height: -webkit-calc(var(--rpx, 1px)*773.07);
        height: -moz-calc(var(--rpx, 1px)*773.07);
        height: calc(var(--rpx, 1px)*773.07)
    }

    .pad\:h-175\.13rpx {
        height: -webkit-calc(var(--rpx, 1px)*175.13);
        height: -moz-calc(var(--rpx, 1px)*175.13);
        height: calc(var(--rpx, 1px)*175.13)
    }

    .pad\:h-151\.31rpx {
        height: -webkit-calc(var(--rpx, 1px)*151.31);
        height: -moz-calc(var(--rpx, 1px)*151.31);
        height: calc(var(--rpx, 1px)*151.31)
    }

    .pad\:h-149\.77rpx {
        height: -webkit-calc(var(--rpx, 1px)*149.77);
        height: -moz-calc(var(--rpx, 1px)*149.77);
        height: calc(var(--rpx, 1px)*149.77)
    }

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

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

    .pad\:h-148\.2rpx {
        height: -webkit-calc(var(--rpx, 1px)*148.2);
        height: -moz-calc(var(--rpx, 1px)*148.2);
        height: calc(var(--rpx, 1px)*148.2)
    }

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

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

    .pad\:h-177\.93rpx {
        height: -webkit-calc(var(--rpx, 1px)*177.93);
        height: -moz-calc(var(--rpx, 1px)*177.93);
        height: calc(var(--rpx, 1px)*177.93)
    }

    .pad\:h-252\.8rpx {
        height: -webkit-calc(var(--rpx, 1px)*252.8);
        height: -moz-calc(var(--rpx, 1px)*252.8);
        height: calc(var(--rpx, 1px)*252.8)
    }

    .pad\:h-283\.18rpx {
        height: -webkit-calc(var(--rpx, 1px)*283.18);
        height: -moz-calc(var(--rpx, 1px)*283.18);
        height: calc(var(--rpx, 1px)*283.18)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:-mb-2px {
        margin-bottom: -2px
    }

    .pad\:ml-4px {
        margin-left: 4px
    }

    .pad\:-mt-2px {
        margin-top: -2px
    }

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

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

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

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

    .pad\:mt-\[calc\(-84rpx-30rpx\)\] {
        margin-top: calc(var(--rpx, 1px)*-84 - var(--rpx, 1px)*30)
    }

    .pad\:mt-20px {
        margin-top: 20px
    }

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

    .pad\:max-h-540px {
        max-height: 540px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

    .pad\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

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

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

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

    .pad\:top-275\.17rpx {
        top: -webkit-calc(var(--rpx, 1px)*275.17);
        top: -moz-calc(var(--rpx, 1px)*275.17);
        top: calc(var(--rpx, 1px)*275.17)
    }

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

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

    .pad\:bottom-\[var\(--content-height\)\] {
        bottom: var(--content-height)
    }

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

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

    .pad\:top-115\.32rpx {
        top: -webkit-calc(var(--rpx, 1px)*115.32);
        top: -moz-calc(var(--rpx, 1px)*115.32);
        top: calc(var(--rpx, 1px)*115.32)
    }

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

    .pad\:top-24\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*24.5);
        top: -moz-calc(var(--rpx, 1px)*24.5);
        top: calc(var(--rpx, 1px)*24.5)
    }

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

    .pad\:top-78\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*78.5);
        top: -moz-calc(var(--rpx, 1px)*78.5);
        top: calc(var(--rpx, 1px)*78.5)
    }

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

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

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

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

    .pad\:-top-148\.3rpx {
        top: -webkit-calc(var(--rpx, 1px)*-148.3);
        top: -moz-calc(var(--rpx, 1px)*-148.3);
        top: calc(var(--rpx, 1px)*-148.3)
    }

    .pad\:left-39\.25rpx {
        left: -webkit-calc(var(--rpx, 1px)*39.25);
        left: -moz-calc(var(--rpx, 1px)*39.25);
        left: calc(var(--rpx, 1px)*39.25)
    }

    .pad\:top-39\.25rpx {
        top: -webkit-calc(var(--rpx, 1px)*39.25);
        top: -moz-calc(var(--rpx, 1px)*39.25);
        top: calc(var(--rpx, 1px)*39.25)
    }

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

    .pad\:bottom-39\.25rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*39.25);
        bottom: -moz-calc(var(--rpx, 1px)*39.25);
        bottom: calc(var(--rpx, 1px)*39.25)
    }

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

    .pad\:top-10vh {
        top: 10vh;
        top: -webkit-calc(var(--vh, 1vh)*10);
        top: -moz-calc(var(--vh, 1vh)*10);
        top: calc(var(--vh, 1vh)*10)
    }

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

    .pad\:left-134\.24rpx {
        left: -webkit-calc(var(--rpx, 1px)*134.24);
        left: -moz-calc(var(--rpx, 1px)*134.24);
        left: calc(var(--rpx, 1px)*134.24)
    }

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

    .pad\:-top-4px {
        top: -4px
    }

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

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

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

    .pad\:left-141\.47rpx {
        left: -webkit-calc(var(--rpx, 1px)*141.47);
        left: -moz-calc(var(--rpx, 1px)*141.47);
        left: calc(var(--rpx, 1px)*141.47)
    }

    .pad\:left-64\.7rpx {
        left: -webkit-calc(var(--rpx, 1px)*64.7);
        left: -moz-calc(var(--rpx, 1px)*64.7);
        left: calc(var(--rpx, 1px)*64.7)
    }

    .pad\:top-7\.72rpx {
        top: -webkit-calc(var(--rpx, 1px)*7.72);
        top: -moz-calc(var(--rpx, 1px)*7.72);
        top: calc(var(--rpx, 1px)*7.72)
    }

    .pad\:left-8\.6rpx {
        left: -webkit-calc(var(--rpx, 1px)*8.6);
        left: -moz-calc(var(--rpx, 1px)*8.6);
        left: calc(var(--rpx, 1px)*8.6)
    }

    .pad\:top-33\.97rpx {
        top: -webkit-calc(var(--rpx, 1px)*33.97);
        top: -moz-calc(var(--rpx, 1px)*33.97);
        top: calc(var(--rpx, 1px)*33.97)
    }

    .pad\:-top-1px {
        top: -1px
    }

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

    .pad\:left-33\.13rpx {
        left: -webkit-calc(var(--rpx, 1px)*33.13);
        left: -moz-calc(var(--rpx, 1px)*33.13);
        left: calc(var(--rpx, 1px)*33.13)
    }

    .pad\:top-131\.2rpx {
        top: -webkit-calc(var(--rpx, 1px)*131.2);
        top: -moz-calc(var(--rpx, 1px)*131.2);
        top: calc(var(--rpx, 1px)*131.2)
    }

    .pad\:top-33\.57rpx {
        top: -webkit-calc(var(--rpx, 1px)*33.57);
        top: -moz-calc(var(--rpx, 1px)*33.57);
        top: calc(var(--rpx, 1px)*33.57)
    }

    .pad\:left-127\.12rpx {
        left: -webkit-calc(var(--rpx, 1px)*127.12);
        left: -moz-calc(var(--rpx, 1px)*127.12);
        left: calc(var(--rpx, 1px)*127.12)
    }

    .pad\:top-261\.8rpx {
        top: -webkit-calc(var(--rpx, 1px)*261.8);
        top: -moz-calc(var(--rpx, 1px)*261.8);
        top: calc(var(--rpx, 1px)*261.8)
    }

    .pad\:left-41\.5rpx {
        left: -webkit-calc(var(--rpx, 1px)*41.5);
        left: -moz-calc(var(--rpx, 1px)*41.5);
        left: calc(var(--rpx, 1px)*41.5)
    }

    .pad\:top-72\.24rpx {
        top: -webkit-calc(var(--rpx, 1px)*72.24);
        top: -moz-calc(var(--rpx, 1px)*72.24);
        top: calc(var(--rpx, 1px)*72.24)
    }

    .pad\:left-7\.24rpx {
        left: -webkit-calc(var(--rpx, 1px)*7.24);
        left: -moz-calc(var(--rpx, 1px)*7.24);
        left: calc(var(--rpx, 1px)*7.24)
    }

    .pad\:top-8\.79rpx {
        top: -webkit-calc(var(--rpx, 1px)*8.79);
        top: -moz-calc(var(--rpx, 1px)*8.79);
        top: calc(var(--rpx, 1px)*8.79)
    }

    .pad\:-left-30\.07rpx {
        left: -webkit-calc(var(--rpx, 1px)*-30.07);
        left: -moz-calc(var(--rpx, 1px)*-30.07);
        left: calc(var(--rpx, 1px)*-30.07)
    }

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

    .pad\:-bottom-81\.18rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-81.18);
        bottom: -moz-calc(var(--rpx, 1px)*-81.18);
        bottom: calc(var(--rpx, 1px)*-81.18)
    }

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

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

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

    .pad\:w-\[60\%\] {
        width: 60%
    }

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

    .pad\:w-\[40\%\] {
        width: 40%
    }

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

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

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

    .pad\:w-29\.91vw {
        width: 29.91vw;
        width: -webkit-calc(var(--vw, 1vw)*29.91);
        width: -moz-calc(var(--vw, 1vw)*29.91);
        width: calc(var(--vw, 1vw)*29.91)
    }

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

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

    .pad\:w-803\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*803.2);
        width: -moz-calc(var(--rpx, 1px)*803.2);
        width: calc(var(--rpx, 1px)*803.2)
    }

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

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

    .pad\:w-159\.63rpx {
        width: -webkit-calc(var(--rpx, 1px)*159.63);
        width: -moz-calc(var(--rpx, 1px)*159.63);
        width: calc(var(--rpx, 1px)*159.63)
    }

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

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

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

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

    .pad\:w-289\.85rpx {
        width: -webkit-calc(var(--rpx, 1px)*289.85);
        width: -moz-calc(var(--rpx, 1px)*289.85);
        width: calc(var(--rpx, 1px)*289.85)
    }

    .pad\:w-319\.63rpx {
        width: -webkit-calc(var(--rpx, 1px)*319.63);
        width: -moz-calc(var(--rpx, 1px)*319.63);
        width: calc(var(--rpx, 1px)*319.63)
    }

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

    .pad\:w-83\.07rpx {
        width: -webkit-calc(var(--rpx, 1px)*83.07);
        width: -moz-calc(var(--rpx, 1px)*83.07);
        width: calc(var(--rpx, 1px)*83.07)
    }

    .pad\:w-235\.53rpx {
        width: -webkit-calc(var(--rpx, 1px)*235.53);
        width: -moz-calc(var(--rpx, 1px)*235.53);
        width: calc(var(--rpx, 1px)*235.53)
    }

    .pad\:w-406\.46rpx {
        width: -webkit-calc(var(--rpx, 1px)*406.46);
        width: -moz-calc(var(--rpx, 1px)*406.46);
        width: calc(var(--rpx, 1px)*406.46)
    }

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

    .pad\:w-38\.31rpx {
        width: -webkit-calc(var(--rpx, 1px)*38.31);
        width: -moz-calc(var(--rpx, 1px)*38.31);
        width: calc(var(--rpx, 1px)*38.31)
    }

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

    .pad\:w-128px {
        width: 128px
    }

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

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

    .pad\:w-156px {
        width: 156px
    }

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

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

    .pad\:w-774\.56rpx {
        width: -webkit-calc(var(--rpx, 1px)*774.56);
        width: -moz-calc(var(--rpx, 1px)*774.56);
        width: calc(var(--rpx, 1px)*774.56)
    }

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

    .pad\:w-437\.26rpx {
        width: -webkit-calc(var(--rpx, 1px)*437.26);
        width: -moz-calc(var(--rpx, 1px)*437.26);
        width: calc(var(--rpx, 1px)*437.26)
    }

    .pad\:w-242\.41rpx {
        width: -webkit-calc(var(--rpx, 1px)*242.41);
        width: -moz-calc(var(--rpx, 1px)*242.41);
        width: calc(var(--rpx, 1px)*242.41)
    }

    .pad\:w-68\.45rpx {
        width: -webkit-calc(var(--rpx, 1px)*68.45);
        width: -moz-calc(var(--rpx, 1px)*68.45);
        width: calc(var(--rpx, 1px)*68.45)
    }

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

    .pad\:w-325\.23rpx {
        width: -webkit-calc(var(--rpx, 1px)*325.23);
        width: -moz-calc(var(--rpx, 1px)*325.23);
        width: calc(var(--rpx, 1px)*325.23)
    }

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

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

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

    .pad\:w-286\.03rpx {
        width: -webkit-calc(var(--rpx, 1px)*286.03);
        width: -moz-calc(var(--rpx, 1px)*286.03);
        width: calc(var(--rpx, 1px)*286.03)
    }

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

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

    .pad\:z-1 {
        z-index: 1
    }

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

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

    .pad\:translate-y-40rpx {
        --tw-translate-y: -webkit-calc(var(--rpx, 1px)*40);
        --tw-translate-y: -moz-calc(var(--rpx, 1px)*40);
        --tw-translate-y: calc(var(--rpx, 1px)*40)
    }
}

@media (min-width:1024px) {
    .pc\:bg-\[rgba\(255\,255\,255\,0\.5\)\] {
        --tw-bg-opacity: .5;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

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

    .pc\:rounded-12\.2rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*12.2);
        border-radius: -moz-calc(var(--rpx, 1px)*12.2);
        border-radius: calc(var(--rpx, 1px)*12.2)
    }

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

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

    .pc\:items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

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

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

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

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

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

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

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

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

    .pc\:h-27\.67vw {
        height: 27.67vw;
        height: -webkit-calc(var(--vw, 1vw)*27.67);
        height: -moz-calc(var(--vw, 1vw)*27.67);
        height: calc(var(--vw, 1vw)*27.67)
    }

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

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

    .pc\:h-55\.42vw {
        height: 55.42vw;
        height: -webkit-calc(var(--vw, 1vw)*55.42);
        height: -moz-calc(var(--vw, 1vw)*55.42);
        height: calc(var(--vw, 1vw)*55.42)
    }

    .pc\:h-72\.78vw {
        height: 72.78vw;
        height: -webkit-calc(var(--vw, 1vw)*72.78);
        height: -moz-calc(var(--vw, 1vw)*72.78);
        height: calc(var(--vw, 1vw)*72.78)
    }

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

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

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

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

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

    .pc\:h-343\.29rpx {
        height: -webkit-calc(var(--rpx, 1px)*343.29);
        height: -moz-calc(var(--rpx, 1px)*343.29);
        height: calc(var(--rpx, 1px)*343.29)
    }

    .pc\:h-246\.98rpx {
        height: -webkit-calc(var(--rpx, 1px)*246.98);
        height: -moz-calc(var(--rpx, 1px)*246.98);
        height: calc(var(--rpx, 1px)*246.98)
    }

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

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

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

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

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

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

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

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

    .pc\:h-1182\.33rpx {
        height: -webkit-calc(var(--rpx, 1px)*1182.33);
        height: -moz-calc(var(--rpx, 1px)*1182.33);
        height: calc(var(--rpx, 1px)*1182.33)
    }

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

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

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

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

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

    .pc\:h-420\.86rpx {
        height: -webkit-calc(var(--rpx, 1px)*420.86);
        height: -moz-calc(var(--rpx, 1px)*420.86);
        height: calc(var(--rpx, 1px)*420.86)
    }

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

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

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

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

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

    .pc\:h-488\.76rpx {
        height: -webkit-calc(var(--rpx, 1px)*488.76);
        height: -moz-calc(var(--rpx, 1px)*488.76);
        height: calc(var(--rpx, 1px)*488.76)
    }

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

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

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

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

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

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

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

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

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

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

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

    .pc\:mt-0px {
        margin-top: 0
    }

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

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

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

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

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

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

    .pc\:ml-8px {
        margin-left: 8px
    }

    .pc\:-mt-4px {
        margin-top: -4px
    }

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

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

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

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

    .pc\:max-h-720px {
        max-height: 720px
    }

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

    .pc\:max-w-720px {
        max-width: 720px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:fixed {
        position: fixed
    }

    .pc\:absolute {
        position: absolute
    }

    .pc\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

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

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

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

    .pc\:-left-4\.58vw {
        left: -4.58vw;
        left: -webkit-calc(var(--vw, 1vw)*-4.58);
        left: -moz-calc(var(--vw, 1vw)*-4.58);
        left: calc(var(--vw, 1vw)*-4.58)
    }

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

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

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

    .pc\:bottom-\[var\(--content-height\)\] {
        bottom: var(--content-height)
    }

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

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

    .pc\:top-171\.35rpx {
        top: -webkit-calc(var(--rpx, 1px)*171.35);
        top: -moz-calc(var(--rpx, 1px)*171.35);
        top: calc(var(--rpx, 1px)*171.35)
    }

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

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

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

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

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

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

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

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

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

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

    .pc\:-top-335\.3rpx {
        top: -webkit-calc(var(--rpx, 1px)*-335.3);
        top: -moz-calc(var(--rpx, 1px)*-335.3);
        top: calc(var(--rpx, 1px)*-335.3)
    }

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

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

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

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

    .pc\:top-10vh {
        top: 10vh;
        top: -webkit-calc(var(--vh, 1vh)*10);
        top: -moz-calc(var(--vh, 1vh)*10);
        top: calc(var(--vh, 1vh)*10)
    }

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

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

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

    .pc\:-top-10px {
        top: -10px
    }

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

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

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

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

    .pc\:left-125\.71rpx {
        left: -webkit-calc(var(--rpx, 1px)*125.71);
        left: -moz-calc(var(--rpx, 1px)*125.71);
        left: calc(var(--rpx, 1px)*125.71)
    }

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

    .pc\:left-16\.71rpx {
        left: -webkit-calc(var(--rpx, 1px)*16.71);
        left: -moz-calc(var(--rpx, 1px)*16.71);
        left: calc(var(--rpx, 1px)*16.71)
    }

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

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

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

    .pc\:left-49\.79rpx {
        left: -webkit-calc(var(--rpx, 1px)*49.79);
        left: -moz-calc(var(--rpx, 1px)*49.79);
        left: calc(var(--rpx, 1px)*49.79)
    }

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

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

    .pc\:left-278\.46rpx {
        left: -webkit-calc(var(--rpx, 1px)*278.46);
        left: -moz-calc(var(--rpx, 1px)*278.46);
        left: calc(var(--rpx, 1px)*278.46)
    }

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

    .pc\:left-69\.5rpx {
        left: -webkit-calc(var(--rpx, 1px)*69.5);
        left: -moz-calc(var(--rpx, 1px)*69.5);
        left: calc(var(--rpx, 1px)*69.5)
    }

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

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

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

    .pc\:-left-58\.13rpx {
        left: -webkit-calc(var(--rpx, 1px)*-58.13);
        left: -moz-calc(var(--rpx, 1px)*-58.13);
        left: calc(var(--rpx, 1px)*-58.13)
    }

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

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

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

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

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

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

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

    .pc\:w-\[60\%\] {
        width: 60%
    }

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

    .pc\:w-55\.38rpx {
        width: -webkit-calc(var(--rpx, 1px)*55.38);
        width: -moz-calc(var(--rpx, 1px)*55.38);
        width: calc(var(--rpx, 1px)*55.38)
    }

    .pc\:w-\[40\%\] {
        width: 40%
    }

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

    .pc\:w-68\.89vw {
        width: 68.89vw;
        width: -webkit-calc(var(--vw, 1vw)*68.89);
        width: -moz-calc(var(--vw, 1vw)*68.89);
        width: calc(var(--vw, 1vw)*68.89)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:w-448\.18rpx {
        width: -webkit-calc(var(--rpx, 1px)*448.18);
        width: -moz-calc(var(--rpx, 1px)*448.18);
        width: calc(var(--rpx, 1px)*448.18)
    }

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

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

    .pc\:w-853\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*853.9);
        width: -moz-calc(var(--rpx, 1px)*853.9);
        width: calc(var(--rpx, 1px)*853.9)
    }

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

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

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

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

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

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

    .pc\:w-1251\.67rpx {
        width: -webkit-calc(var(--rpx, 1px)*1251.67);
        width: -moz-calc(var(--rpx, 1px)*1251.67);
        width: calc(var(--rpx, 1px)*1251.67)
    }

    .pc\:w-280px {
        width: 280px
    }

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

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

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

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

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

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

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

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

    .pc\:w-631\.92rpx {
        width: -webkit-calc(var(--rpx, 1px)*631.92);
        width: -moz-calc(var(--rpx, 1px)*631.92);
        width: calc(var(--rpx, 1px)*631.92)
    }

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

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

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

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

    .pc\:w-694\.26rpx {
        width: -webkit-calc(var(--rpx, 1px)*694.26);
        width: -moz-calc(var(--rpx, 1px)*694.26);
        width: calc(var(--rpx, 1px)*694.26)
    }

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

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

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

    .pc\:translate-y-18rpx {
        --tw-translate-y: -webkit-calc(var(--rpx, 1px)*18);
        --tw-translate-y: -moz-calc(var(--rpx, 1px)*18);
        --tw-translate-y: calc(var(--rpx, 1px)*18)
    }

    .pc\:translate-x-40rpx {
        --tw-translate-x: -webkit-calc(var(--rpx, 1px)*40);
        --tw-translate-x: -moz-calc(var(--rpx, 1px)*40);
        --tw-translate-x: calc(var(--rpx, 1px)*40)
    }

    .pc\:-translate-x-40rpx {
        --tw-translate-x: -webkit-calc(var(--rpx, 1px)*-40);
        --tw-translate-x: -moz-calc(var(--rpx, 1px)*-40);
        --tw-translate-x: calc(var(--rpx, 1px)*-40)
    }
}

@media (max-width:649px) {
    .mo\:rounded-5\.8rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*5.8);
        border-radius: -moz-calc(var(--rpx, 1px)*5.8);
        border-radius: calc(var(--rpx, 1px)*5.8)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:h-140\.64rpx {
        height: -webkit-calc(var(--rpx, 1px)*140.64);
        height: -moz-calc(var(--rpx, 1px)*140.64);
        height: calc(var(--rpx, 1px)*140.64)
    }

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

    .mo\:h-46\.54rpx {
        height: -webkit-calc(var(--rpx, 1px)*46.54);
        height: -moz-calc(var(--rpx, 1px)*46.54);
        height: calc(var(--rpx, 1px)*46.54)
    }

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

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

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

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

    .mo\:h-412\.98rpx {
        height: -webkit-calc(var(--rpx, 1px)*412.98);
        height: -moz-calc(var(--rpx, 1px)*412.98);
        height: calc(var(--rpx, 1px)*412.98)
    }

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

    .mo\:h-34\.26rpx {
        height: -webkit-calc(var(--rpx, 1px)*34.26);
        height: -moz-calc(var(--rpx, 1px)*34.26);
        height: calc(var(--rpx, 1px)*34.26)
    }

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

    .mo\:h-1px {
        height: 1px
    }

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

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

    .mo\:h-773\.07rpx {
        height: -webkit-calc(var(--rpx, 1px)*773.07);
        height: -moz-calc(var(--rpx, 1px)*773.07);
        height: calc(var(--rpx, 1px)*773.07)
    }

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

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

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

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

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

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

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

    .mo\:h-182\.48rpx {
        height: -webkit-calc(var(--rpx, 1px)*182.48);
        height: -moz-calc(var(--rpx, 1px)*182.48);
        height: calc(var(--rpx, 1px)*182.48)
    }

    .mo\:h-166\.07rpx {
        height: -webkit-calc(var(--rpx, 1px)*166.07);
        height: -moz-calc(var(--rpx, 1px)*166.07);
        height: calc(var(--rpx, 1px)*166.07)
    }

    .mo\:h-235\.95rpx {
        height: -webkit-calc(var(--rpx, 1px)*235.95);
        height: -moz-calc(var(--rpx, 1px)*235.95);
        height: calc(var(--rpx, 1px)*235.95)
    }

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

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

    .mo\:-mt-1px {
        margin-top: -1px
    }

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

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

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

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

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

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

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

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

    .mo\:ml-4\.7rpx {
        margin-left: calc(var(--rpx, 1px)*4.7)
    }

    .mo\:mt-30vh {
        margin-top: 30vh;
        margin-top: calc(var(--vh, 1vh)*30)
    }

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

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

    .mo\:mt-0px {
        margin-top: 0
    }

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

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

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

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

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

    .mo\:-mb-2px {
        margin-bottom: -2px
    }

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

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

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

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

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

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

    .mo\:mt-20px {
        margin-top: 20px
    }

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

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

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

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

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

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

    .mo\:pl-16px {
        padding-left: 16px
    }

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

    .mo\:pr-16px {
        padding-right: 16px
    }

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

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

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

    .mo\:relative {
        position: relative
    }

    .mo\:left-16px {
        left: 16px
    }

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

    .mo\:top-330rpx {
        top: -webkit-calc(var(--rpx, 1px)*330);
        top: -moz-calc(var(--rpx, 1px)*330);
        top: calc(var(--rpx, 1px)*330)
    }

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

    .mo\:top-255rpx {
        top: -webkit-calc(var(--rpx, 1px)*255);
        top: -moz-calc(var(--rpx, 1px)*255);
        top: calc(var(--rpx, 1px)*255)
    }

    .mo\:top-100vh {
        top: 100vh;
        top: -webkit-calc(var(--vh, 1vh)*100);
        top: -moz-calc(var(--vh, 1vh)*100);
        top: calc(var(--vh, 1vh)*100)
    }

    .mo\:bottom-199\.46rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*199.46);
        bottom: -moz-calc(var(--rpx, 1px)*199.46);
        bottom: calc(var(--rpx, 1px)*199.46)
    }

    .mo\:top-196rpx {
        top: -webkit-calc(var(--rpx, 1px)*196);
        top: -moz-calc(var(--rpx, 1px)*196);
        top: calc(var(--rpx, 1px)*196)
    }

    .mo\:top-279rpx {
        top: -webkit-calc(var(--rpx, 1px)*279);
        top: -moz-calc(var(--rpx, 1px)*279);
        top: calc(var(--rpx, 1px)*279)
    }

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

    .mo\:right-65rpx {
        right: -webkit-calc(var(--rpx, 1px)*65);
        right: -moz-calc(var(--rpx, 1px)*65);
        right: calc(var(--rpx, 1px)*65)
    }

    .mo\:-top-3rpx {
        top: -webkit-calc(var(--rpx, 1px)*-3);
        top: -moz-calc(var(--rpx, 1px)*-3);
        top: calc(var(--rpx, 1px)*-3)
    }

    .mo\:top-78rpx {
        top: -webkit-calc(var(--rpx, 1px)*78);
        top: -moz-calc(var(--rpx, 1px)*78);
        top: calc(var(--rpx, 1px)*78)
    }

    .mo\:left-176\.76rpx {
        left: -webkit-calc(var(--rpx, 1px)*176.76);
        left: -moz-calc(var(--rpx, 1px)*176.76);
        left: calc(var(--rpx, 1px)*176.76)
    }

    .mo\:top-118rpx {
        top: -webkit-calc(var(--rpx, 1px)*118);
        top: -moz-calc(var(--rpx, 1px)*118);
        top: calc(var(--rpx, 1px)*118)
    }

    .mo\:-top-138\.055rpx {
        top: -webkit-calc(var(--rpx, 1px)*-138.055);
        top: -moz-calc(var(--rpx, 1px)*-138.055);
        top: calc(var(--rpx, 1px)*-138.055)
    }

    .mo\:left-35\.11rpx {
        left: -webkit-calc(var(--rpx, 1px)*35.11);
        left: -moz-calc(var(--rpx, 1px)*35.11);
        left: calc(var(--rpx, 1px)*35.11)
    }

    .mo\:top-35\.11rpx {
        top: -webkit-calc(var(--rpx, 1px)*35.11);
        top: -moz-calc(var(--rpx, 1px)*35.11);
        top: calc(var(--rpx, 1px)*35.11)
    }

    .mo\:right-35\.11rpx {
        right: -webkit-calc(var(--rpx, 1px)*35.11);
        right: -moz-calc(var(--rpx, 1px)*35.11);
        right: calc(var(--rpx, 1px)*35.11)
    }

    .mo\:bottom-35\.11rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*35.11);
        bottom: -moz-calc(var(--rpx, 1px)*35.11);
        bottom: calc(var(--rpx, 1px)*35.11)
    }

    .mo\:top-332rpx {
        top: -webkit-calc(var(--rpx, 1px)*332);
        top: -moz-calc(var(--rpx, 1px)*332);
        top: calc(var(--rpx, 1px)*332)
    }

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

    .mo\:right-0 {
        right: 0
    }

    .mo\:left-0 {
        left: 0
    }

    .mo\:top-0 {
        top: 0
    }

    .mo\:top-10vh {
        top: 10vh;
        top: -webkit-calc(var(--vh, 1vh)*10);
        top: -moz-calc(var(--vh, 1vh)*10);
        top: calc(var(--vh, 1vh)*10)
    }

    .mo\:-left-79rpx {
        left: -webkit-calc(var(--rpx, 1px)*-79);
        left: -moz-calc(var(--rpx, 1px)*-79);
        left: calc(var(--rpx, 1px)*-79)
    }

    .mo\:-top-41rpx {
        top: -webkit-calc(var(--rpx, 1px)*-41);
        top: -moz-calc(var(--rpx, 1px)*-41);
        top: calc(var(--rpx, 1px)*-41)
    }

    .mo\:-top-4px {
        top: -4px
    }

    .mo\:top-579rpx {
        top: -webkit-calc(var(--rpx, 1px)*579);
        top: -moz-calc(var(--rpx, 1px)*579);
        top: calc(var(--rpx, 1px)*579)
    }

    .mo\:bottom-397rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*397);
        bottom: -moz-calc(var(--rpx, 1px)*397);
        bottom: calc(var(--rpx, 1px)*397)
    }

    .mo\:top-270rpx {
        top: -webkit-calc(var(--rpx, 1px)*270);
        top: -moz-calc(var(--rpx, 1px)*270);
        top: calc(var(--rpx, 1px)*270)
    }

    .mo\:-left-24\.75rpx {
        left: -webkit-calc(var(--rpx, 1px)*-24.75);
        left: -moz-calc(var(--rpx, 1px)*-24.75);
        left: calc(var(--rpx, 1px)*-24.75)
    }

    .mo\:top-8\.5vh {
        top: 8.5vh;
        top: -webkit-calc(var(--vh, 1vh)*8.5);
        top: -moz-calc(var(--vh, 1vh)*8.5);
        top: calc(var(--vh, 1vh)*8.5)
    }

    .mo\:left-14\.6rpx {
        left: -webkit-calc(var(--rpx, 1px)*14.6);
        left: -moz-calc(var(--rpx, 1px)*14.6);
        left: calc(var(--rpx, 1px)*14.6)
    }

    .mo\:top-38rpx {
        top: -webkit-calc(var(--rpx, 1px)*38);
        top: -moz-calc(var(--rpx, 1px)*38);
        top: calc(var(--rpx, 1px)*38)
    }

    .mo\:left-59\.44rpx {
        left: -webkit-calc(var(--rpx, 1px)*59.44);
        left: -moz-calc(var(--rpx, 1px)*59.44);
        left: calc(var(--rpx, 1px)*59.44)
    }

    .mo\:top-7\.09rpx {
        top: -webkit-calc(var(--rpx, 1px)*7.09);
        top: -moz-calc(var(--rpx, 1px)*7.09);
        top: calc(var(--rpx, 1px)*7.09)
    }

    .mo\:left-7\.9rpx {
        left: -webkit-calc(var(--rpx, 1px)*7.9);
        left: -moz-calc(var(--rpx, 1px)*7.9);
        left: calc(var(--rpx, 1px)*7.9)
    }

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

    .mo\:top-179rpx {
        top: -webkit-calc(var(--rpx, 1px)*179);
        top: -moz-calc(var(--rpx, 1px)*179);
        top: calc(var(--rpx, 1px)*179)
    }

    .mo\:left-289\.4rpx {
        left: -webkit-calc(var(--rpx, 1px)*289.4);
        left: -moz-calc(var(--rpx, 1px)*289.4);
        left: calc(var(--rpx, 1px)*289.4)
    }

    .mo\:top-360rpx {
        top: -webkit-calc(var(--rpx, 1px)*360);
        top: -moz-calc(var(--rpx, 1px)*360);
        top: calc(var(--rpx, 1px)*360)
    }

    .mo\:left-\[calc\(24rpx\+16px\)\] {
        left: -webkit-calc(var(--rpx, 1px)*24 + 16px);
        left: -moz-calc(var(--rpx, 1px)*24 + 16px);
        left: calc(var(--rpx, 1px)*24 + 16px)
    }

    .mo\:top-88\.76rpx {
        top: -webkit-calc(var(--rpx, 1px)*88.76);
        top: -moz-calc(var(--rpx, 1px)*88.76);
        top: calc(var(--rpx, 1px)*88.76)
    }

    .mo\:left-6\.76rpx {
        left: -webkit-calc(var(--rpx, 1px)*6.76);
        left: -moz-calc(var(--rpx, 1px)*6.76);
        left: calc(var(--rpx, 1px)*6.76)
    }

    .mo\:top-8\.21rpx {
        top: -webkit-calc(var(--rpx, 1px)*8.21);
        top: -moz-calc(var(--rpx, 1px)*8.21);
        top: calc(var(--rpx, 1px)*8.21)
    }

    .mo\:-left-28\.06rpx {
        left: -webkit-calc(var(--rpx, 1px)*-28.06);
        left: -moz-calc(var(--rpx, 1px)*-28.06);
        left: calc(var(--rpx, 1px)*-28.06)
    }

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

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

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

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

    .mo\:w-47\.47rpx {
        width: -webkit-calc(var(--rpx, 1px)*47.47);
        width: -moz-calc(var(--rpx, 1px)*47.47);
        width: calc(var(--rpx, 1px)*47.47)
    }

    .mo\:w-100px {
        width: 100px
    }

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

    .mo\:w-60rpx {
        width: -webkit-calc(var(--rpx, 1px)*60);
        width: -moz-calc(var(--rpx, 1px)*60);
        width: calc(var(--rpx, 1px)*60)
    }

    .mo\:w-607\.46rpx {
        width: -webkit-calc(var(--rpx, 1px)*607.46);
        width: -moz-calc(var(--rpx, 1px)*607.46);
        width: calc(var(--rpx, 1px)*607.46)
    }

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

    .mo\:w-351\.14rpx {
        width: -webkit-calc(var(--rpx, 1px)*351.14);
        width: -moz-calc(var(--rpx, 1px)*351.14);
        width: calc(var(--rpx, 1px)*351.14)
    }

    .mo\:w-274rpx {
        width: -webkit-calc(var(--rpx, 1px)*274);
        width: -moz-calc(var(--rpx, 1px)*274);
        width: calc(var(--rpx, 1px)*274)
    }

    .mo\:w-338\.21rpx {
        width: -webkit-calc(var(--rpx, 1px)*338.21);
        width: -moz-calc(var(--rpx, 1px)*338.21);
        width: calc(var(--rpx, 1px)*338.21)
    }

    .mo\:w-338\.23rpx {
        width: -webkit-calc(var(--rpx, 1px)*338.23);
        width: -moz-calc(var(--rpx, 1px)*338.23);
        width: calc(var(--rpx, 1px)*338.23)
    }

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

    .mo\:w-118px {
        width: 118px
    }

    .mo\:w-83\.07rpx {
        width: -webkit-calc(var(--rpx, 1px)*83.07);
        width: -moz-calc(var(--rpx, 1px)*83.07);
        width: calc(var(--rpx, 1px)*83.07)
    }

    .mo\:w-210\.67rpx {
        width: -webkit-calc(var(--rpx, 1px)*210.67);
        width: -moz-calc(var(--rpx, 1px)*210.67);
        width: calc(var(--rpx, 1px)*210.67)
    }

    .mo\:w-373\.34rpx {
        width: -webkit-calc(var(--rpx, 1px)*373.34);
        width: -moz-calc(var(--rpx, 1px)*373.34);
        width: calc(var(--rpx, 1px)*373.34)
    }

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

    .mo\:w-34\.26rpx {
        width: -webkit-calc(var(--rpx, 1px)*34.26);
        width: -moz-calc(var(--rpx, 1px)*34.26);
        width: calc(var(--rpx, 1px)*34.26)
    }

    .mo\:w-128px {
        width: 128px
    }

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

    .mo\:w-663rpx {
        width: -webkit-calc(var(--rpx, 1px)*663);
        width: -moz-calc(var(--rpx, 1px)*663);
        width: calc(var(--rpx, 1px)*663)
    }

    .mo\:w-115px {
        width: 115px
    }

    .mo\:w-120px {
        width: 120px
    }

    .mo\:w-774\.56rpx {
        width: -webkit-calc(var(--rpx, 1px)*774.56);
        width: -moz-calc(var(--rpx, 1px)*774.56);
        width: calc(var(--rpx, 1px)*774.56)
    }

    .mo\:w-353\.6rpx {
        width: -webkit-calc(var(--rpx, 1px)*353.6);
        width: -moz-calc(var(--rpx, 1px)*353.6);
        width: calc(var(--rpx, 1px)*353.6)
    }

    .mo\:w-379\.51rpx {
        width: -webkit-calc(var(--rpx, 1px)*379.51);
        width: -moz-calc(var(--rpx, 1px)*379.51);
        width: calc(var(--rpx, 1px)*379.51)
    }

    .mo\:w-298\.8rpx {
        width: -webkit-calc(var(--rpx, 1px)*298.8);
        width: -moz-calc(var(--rpx, 1px)*298.8);
        width: calc(var(--rpx, 1px)*298.8)
    }

    .mo\:w-222\.71rpx {
        width: -webkit-calc(var(--rpx, 1px)*222.71);
        width: -moz-calc(var(--rpx, 1px)*222.71);
        width: calc(var(--rpx, 1px)*222.71)
    }

    .mo\:w-62\.89rpx {
        width: -webkit-calc(var(--rpx, 1px)*62.89);
        width: -moz-calc(var(--rpx, 1px)*62.89);
        width: calc(var(--rpx, 1px)*62.89)
    }

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

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

    .mo\:w-266\.97rpx {
        width: -webkit-calc(var(--rpx, 1px)*266.97);
        width: -moz-calc(var(--rpx, 1px)*266.97);
        width: calc(var(--rpx, 1px)*266.97)
    }

    .mo\:w-335\.16rpx {
        width: -webkit-calc(var(--rpx, 1px)*335.16);
        width: -moz-calc(var(--rpx, 1px)*335.16);
        width: calc(var(--rpx, 1px)*335.16)
    }

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

    .mo\:translate-y-20rpx {
        --tw-translate-y: -webkit-calc(var(--rpx, 1px)*20);
        --tw-translate-y: -moz-calc(var(--rpx, 1px)*20);
        --tw-translate-y: calc(var(--rpx, 1px)*20)
    }
}

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

    .pct\:text-29rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*29);
        font-size: -moz-calc(var(--rpx, 1px)*29);
        font-size: calc(var(--rpx, 1px)*29);
        line-height: 1
    }

    .pct\: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
    }

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

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

    .pct\:text-95rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*95);
        font-size: -moz-calc(var(--rpx, 1px)*95);
        font-size: calc(var(--rpx, 1px)*95);
        line-height: 1
    }

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

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

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

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

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

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

    .pct\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .pct\:text-120rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*120);
        font-size: -moz-calc(var(--rpx, 1px)*120);
        font-size: calc(var(--rpx, 1px)*120);
        line-height: 1
    }

    .pct\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .pct\:leading-\[1\.21\] {
        line-height: 1.21
    }

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

    .pct\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .pct\:leading-\[1\.57\] {
        line-height: 1.57
    }

    .pct\:leading-\[20px\] {
        line-height: 20px
    }

    .pct\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }
}

@media (max-width:1023px) {
    .mot\:text-35rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*35);
        font-size: -moz-calc(var(--rpx, 1px)*35);
        font-size: calc(var(--rpx, 1px)*35);
        line-height: 1
    }

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

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

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

    .mot\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .mot\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .mot\:text-10px {
        font-size: 10px;
        line-height: 1
    }

    .mot\:text-40px {
        font-size: 40px;
        line-height: 1
    }

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

    .mot\: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
    }

    .mot\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .mot\:text-16px {
        font-size: 16px;
        line-height: 1
    }

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

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

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

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

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

    .mot\: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
    }

    .mot\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .mot\:text-20px {
        font-size: 20px;
        line-height: 1
    }

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

    .mot\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .mot\:leading-\[1\.57\] {
        line-height: 1.57
    }

    .mot\:leading-\[20px\] {
        line-height: 20px
    }

    .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 #section-tvc .video-trigger {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.zn--wrapper [ani-title] {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.zn--wrapper [ani-title] [title-linear] {
    -webkit-text-fill-color: transparent;
    background: -webkit-radial-gradient(10.54% -60.61%, 202.11% 231.07%, #bde2fc 0, #b0ddfc 21.15%, #6da0db 50.97%, #304a68 90.15%);
    background: -moz-radial-gradient(10.54% -60.61%, 202.11% 231.07%, #bde2fc 0, #b0ddfc 21.15%, #6da0db 50.97%, #304a68 90.15%);
    background: radial-gradient(202.11% 231.07% at 10.54% -60.61%, #bde2fc 0, #b0ddfc 21.15%, #6da0db 50.97%, #304a68 90.15%);
    background-clip: text;
    -webkit-background-clip: text
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

[ani-will-change-view] .will-change {
    will-change: var(--will-change)
}

[ani-will-change-view] .will-change-opacity {
    will-change: var(--will-change-opacity)
}

[ani-will-change-view] .will-change-clip {
    will-change: var(--will-change-clip)
}

.fix-round {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.fix-edge {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px)
}

.fix-edge-x {
    -webkit-clip-path: inset(0 1px);
    clip-path: inset(0 1px)
}

.fix-edge-y {
    -webkit-clip-path: inset(1px 0);
    clip-path: inset(1px 0)
}

.fix-mt {
    margin-top: -1px
}

[ani-kv-ksp-tvc] {
    --timing-function: cubic-bezier(.65, 0, .55, 1)
}

[ani-kv-ksp-tvc] .kv-768 {
    display: none
}

[ani-kv-ksp-tvc] .ksp-1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-63.74%, hsla(0, 0%, 89%, 0)), color-stop(13.94%, rgba(230, 244, 255, .5)), to(rgba(177, 208, 231, .5)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 89%, 0) -63.74%, rgba(230, 244, 255, .5) 13.94%, rgba(177, 208, 231, .5));
    background: -moz-linear-gradient(top, hsla(0, 0%, 89%, 0) -63.74%, rgba(230, 244, 255, .5) 13.94%, rgba(177, 208, 231, .5) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 89%, 0) -63.74%, rgba(230, 244, 255, .5) 13.94%, rgba(177, 208, 231, .5))
}

[ani-kv-ksp-tvc] .ksp-2 {
    background: -webkit-linear-gradient(.859turn, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%);
    background: -moz-linear-gradient(.859turn, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%);
    background: linear-gradient(140.76deg, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%)
}

[ani-kv-ksp-tvc] .ksp-3 {
    background: -webkit-linear-gradient(317.19deg, hsla(0, 0%, 89%, 0) -17.3%, rgba(230, 244, 255, .5) 26.03%, rgba(177, 208, 231, .5) 74.04%);
    background: -moz-linear-gradient(317.19deg, hsla(0, 0%, 89%, 0) -17.3%, rgba(230, 244, 255, .5) 26.03%, rgba(177, 208, 231, .5) 74.04%);
    background: linear-gradient(132.81deg, hsla(0, 0%, 89%, 0) -17.3%, rgba(230, 244, 255, .5) 26.03%, rgba(177, 208, 231, .5) 74.04%)
}

[ani-kv-ksp-tvc] .ksp-4 {
    background: -webkit-linear-gradient(302.44deg, hsla(0, 0%, 89%, 0) -21.06%, rgba(230, 244, 255, .5) 27.15%, rgba(177, 208, 231, .5) 80.57%);
    background: -moz-linear-gradient(302.44deg, hsla(0, 0%, 89%, 0) -21.06%, rgba(230, 244, 255, .5) 27.15%, rgba(177, 208, 231, .5) 80.57%);
    background: linear-gradient(147.56deg, hsla(0, 0%, 89%, 0) -21.06%, rgba(230, 244, 255, .5) 27.15%, rgba(177, 208, 231, .5) 80.57%)
}

[ani-kv-ksp-tvc] .ksp-5 {
    background: -webkit-linear-gradient(309deg, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%), #fff;
    background: -moz-linear-gradient(309deg, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%), #fff;
    background: linear-gradient(141deg, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%), #fff
}

[ani-kv-ksp-tvc] .ksp-6 {
    background: -webkit-linear-gradient(.859turn, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%);
    background: -moz-linear-gradient(.859turn, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%);
    background: linear-gradient(140.76deg, hsla(0, 0%, 89%, 0) -7.45%, rgba(230, 244, 255, .5) 32.86%, rgba(177, 208, 231, .5) 77.52%)
}

[ani-kv-ksp-tvc] .ksp-7 {
    background: -webkit-linear-gradient(295.71deg, hsla(0, 0%, 89%, 0) -23.18%, rgba(230, 244, 255, .5) 27.54%, rgba(177, 208, 231, .5) 83.75%);
    background: -moz-linear-gradient(295.71deg, hsla(0, 0%, 89%, 0) -23.18%, rgba(230, 244, 255, .5) 27.54%, rgba(177, 208, 231, .5) 83.75%);
    background: linear-gradient(154.29deg, hsla(0, 0%, 89%, 0) -23.18%, rgba(230, 244, 255, .5) 27.54%, rgba(177, 208, 231, .5) 83.75%)
}

[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] .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-kv, [ani-kv-ksp-tvc] .kv-container {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -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;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-ksp .ksp-text-wrapper {
    opacity: 1;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, transform, -moz-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform, -moz-transform
}

[ani-kv-ksp-tvc] #section-ksp .left-part, [ani-kv-ksp-tvc] #section-ksp .right-part {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    -moz-transition-property: transform, width, height, -moz-transform;
    transition-property: transform, width, height;
    transition-property: transform, width, height, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-ksp .left-part .top, [ani-kv-ksp-tvc] #section-ksp .right-part .top {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -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;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-ksp .border-layer {
    border: 1px solid #b6d3eb
}

[ani-kv-ksp-tvc] #section-ksp .border-layer-right {
    border-bottom: 1px solid #b6d3eb;
    border-right: 1px solid #b6d3eb;
    border-top: 1px solid #b6d3eb
}

[ani-kv-ksp-tvc] #section-ksp .border-left {
    border-left: 1px solid #b6d3eb
}

[ani-kv-ksp-tvc] #section-ksp .border-right {
    border-right: 1px solid #b6d3eb
}

[ani-kv-ksp-tvc] #section-ksp .border-top {
    border-top: 1px solid #b6d3eb
}

[ani-kv-ksp-tvc] #section-ksp .border-left-n {
    border-left: none
}

#section-play .bg-img-1 {
    clip-path: inset(1px 2px 0 0);
    -webkit-clip-path: inset(1px 2px 0 0)
}

#section-play .bg-img-2 {
    clip-path: inset(1px 0 0 2px);
    -webkit-clip-path: inset(1px 0 0 2px)
}

#section-play .text-left-leave {
    -webkit-transform-origin: 180% 50%;
    -moz-transform-origin: 180% 50%;
    -ms-transform-origin: 180% 50%;
    transform-origin: 180% 50%
}

#section-play .text-right-leave {
    -webkit-transform-origin: -80% 50%;
    -moz-transform-origin: -80% 50%;
    -ms-transform-origin: -80% 50%;
    transform-origin: -80% 50%
}

#section-play .label-text, #section-play .value-clip-text {
    clip-path: inset(0 1px 0 0);
    -webkit-clip-path: inset(0 1px 0 0)
}

#section-play .corner-right-top {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#section-play .corner-right-bottom {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#section-play .corner-left-bottom {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

#section-play [ani-grid-5] [sticky-bottom] {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-63.74%, hsla(0, 0%, 89%, 0)), color-stop(13.94%, rgba(230, 244, 255, .5)), to(rgba(177, 208, 231, .5)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 89%, 0) -63.74%, rgba(230, 244, 255, .5) 13.94%, rgba(177, 208, 231, .5));
    background: -moz-linear-gradient(top, hsla(0, 0%, 89%, 0) -63.74%, rgba(230, 244, 255, .5) 13.94%, rgba(177, 208, 231, .5) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 89%, 0) -63.74%, rgba(230, 244, 255, .5) 13.94%, rgba(177, 208, 231, .5))
}

#section-play [ani-grid-1] [grid-1-inner] {
    background: -webkit-gradient(linear, left top, left bottom, from(#edf8ff), color-stop(42.23%, #dfedf6), color-stop(62.06%, #caebfb), to(#b7def7));
    background: -webkit-linear-gradient(top, #edf8ff, #dfedf6 42.23%, #caebfb 62.06%, #b7def7);
    background: -moz-linear-gradient(top, #edf8ff 0, #dfedf6 42.23%, #caebfb 62.06%, #b7def7 100%);
    background: linear-gradient(180deg, #edf8ff, #dfedf6 42.23%, #caebfb 62.06%, #b7def7)
}

#section-play [ani-grid-1] [grid-1-inner] [pad-scale] {
    -webkit-transform-origin: 50% 60%;
    -moz-transform-origin: 50% 60%;
    -ms-transform-origin: 50% 60%;
    transform-origin: 50% 60%
}

#section-play [ani-grid-1] [grid-1-inner] .spec-name, #section-play [ani-grid-1] [grid-1-inner] .spec-value {
    white-space: nowrap
}

#section-play [ani-grid-1] [grid-1-inner] .spec-1 .spec-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(5deg, #1f89b3 1.85%, #40c5e4 100.26%);
    background: -moz-linear-gradient(5deg, #1f89b3 1.85%, #40c5e4 100.26%);
    background: linear-gradient(85deg, #1f89b3 1.85%, #40c5e4 100.26%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-1 .spec-name {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(182deg, #2da3c8 -.58%, #1f89b3 98.59%);
    background: -moz-linear-gradient(182deg, #2da3c8 -.58%, #1f89b3 98.59%);
    background: linear-gradient(268deg, #2da3c8 -.58%, #1f89b3 98.59%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-2 .spec-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#40c5e4), color-stop(309.48%, #1f89b3));
    background: -webkit-linear-gradient(top, #40c5e4, #1f89b3 309.48%);
    background: -moz-linear-gradient(top, #40c5e4 0, #1f89b3 309.48%);
    background: linear-gradient(180deg, #40c5e4, #1f89b3 309.48%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-2 .spec-name {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-292.11%, #40c5e4), color-stop(673.68%, #1f89b3));
    background: -webkit-linear-gradient(top, #40c5e4 -292.11%, #1f89b3 673.68%);
    background: -moz-linear-gradient(top, #40c5e4 -292.11%, #1f89b3 673.68%);
    background: linear-gradient(180deg, #40c5e4 -292.11%, #1f89b3 673.68%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-3 .spec-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(358deg, #40c5e4 .18%, #1f89b3 99.41%);
    background: -moz-linear-gradient(358deg, #40c5e4 .18%, #1f89b3 99.41%);
    background: linear-gradient(92deg, #40c5e4 .18%, #1f89b3 99.41%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-3 .spec-name {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(357deg, #2da3c8 -43.79%, #1f89b3 98.79%);
    background: -moz-linear-gradient(357deg, #2da3c8 -43.79%, #1f89b3 98.79%);
    background: linear-gradient(93deg, #2da3c8 -43.79%, #1f89b3 98.79%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-4 .spec-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(189deg, #3aabd8 .12%, #126e9d 97.3%);
    background: -moz-linear-gradient(189deg, #3aabd8 .12%, #126e9d 97.3%);
    background: linear-gradient(261deg, #3aabd8 .12%, #126e9d 97.3%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-4 .spec-name {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(186deg, #3aabd8 -37.8%, #126e9d 98.15%);
    background: -moz-linear-gradient(186deg, #3aabd8 -37.8%, #126e9d 98.15%);
    background: linear-gradient(264deg, #3aabd8 -37.8%, #126e9d 98.15%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-5 .spec-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-178.45%, #40c5e4), color-stop(131.03%, #1f89b3));
    background: -webkit-linear-gradient(top, #40c5e4 -178.45%, #1f89b3 131.03%);
    background: -moz-linear-gradient(top, #40c5e4 -178.45%, #1f89b3 131.03%);
    background: linear-gradient(180deg, #40c5e4 -178.45%, #1f89b3 131.03%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-5 .spec-name {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-800%, #40c5e4), color-stop(131.03%, #1f89b3));
    background: -webkit-linear-gradient(top, #40c5e4 -800%, #1f89b3 131.03%);
    background: -moz-linear-gradient(top, #40c5e4 -800%, #1f89b3 131.03%);
    background: linear-gradient(180deg, #40c5e4 -800%, #1f89b3 131.03%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-5 .spec-unit {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-436.21%, #40c5e4), color-stop(186.21%, #1f89b3));
    background: -webkit-linear-gradient(top, #40c5e4 -436.21%, #1f89b3 186.21%);
    background: -moz-linear-gradient(top, #40c5e4 -436.21%, #1f89b3 186.21%);
    background: linear-gradient(180deg, #40c5e4 -436.21%, #1f89b3 186.21%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-6 .spec-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(174deg, #126e9d 1.85%, #3aabd8 121.57%);
    background: -moz-linear-gradient(174deg, #126e9d 1.85%, #3aabd8 121.57%);
    background: linear-gradient(276deg, #126e9d 1.85%, #3aabd8 121.57%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-1] [grid-1-inner] .spec-6 .spec-name {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(155deg, #126e9d -3.88%, #3aabd8 181.41%);
    background: -moz-linear-gradient(155deg, #126e9d -3.88%, #3aabd8 181.41%);
    background: linear-gradient(295deg, #126e9d -3.88%, #3aabd8 181.41%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-2] {
    margin-top: calc(var(--content-height)*-1)
}

#section-play [ani-grid-2] [grid-2-inner] {
    background: -webkit-linear-gradient(308deg, #fff 19.06%, #f6fafd 50.75%, #c9e6f6 85.87%);
    background: -moz-linear-gradient(308deg, #fff 19.06%, #f6fafd 50.75%, #c9e6f6 85.87%);
    background: linear-gradient(142deg, #fff 19.06%, #f6fafd 50.75%, #c9e6f6 85.87%)
}

#section-play [ani-grid-2] [grid-2-inner] .mo-value-text {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(329deg, #fff, #c3e1fd 76.63%);
    background: -moz-linear-gradient(329deg, #fff 0, #c3e1fd 76.63%);
    background: linear-gradient(121deg, #fff, #c3e1fd 76.63%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-2] [grid-2-inner] .mo-unit-text {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(5deg, #c3e1fd 8.6%, #fff 374.66%);
    background: -moz-linear-gradient(5deg, #c3e1fd 8.6%, #fff 374.66%);
    background: linear-gradient(85deg, #c3e1fd 8.6%, #fff 374.66%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-2] [grid-2-inner] .linear-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(349deg, #5295e3 -5.69%, #7bb8ff 104.33%);
    background: -moz-linear-gradient(349deg, #5295e3 -5.69%, #7bb8ff 104.33%);
    background: linear-gradient(101deg, #5295e3 -5.69%, #7bb8ff 104.33%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-2] [grid-2-inner] .unit-text, #section-play [ani-grid-2] [grid-2-inner] .value-text {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(319deg, #8ac6fa -5.16%, #3761b3 121.31%);
    background: -moz-linear-gradient(319deg, #8ac6fa -5.16%, #3761b3 121.31%);
    background: linear-gradient(131deg, #8ac6fa -5.16%, #3761b3 121.31%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-2] [grid-2-inner] .label-text {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(329deg, #fff, #c3e1fd 76.63%);
    background: -moz-linear-gradient(329deg, #fff 0, #c3e1fd 76.63%);
    background: linear-gradient(121deg, #fff, #c3e1fd 76.63%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-2] [grid-2-inner] .inch-text {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(207deg, #fff -4.04%, #c3e1fd 105.42%);
    background: -moz-linear-gradient(207deg, #fff -4.04%, #c3e1fd 105.42%);
    background: linear-gradient(243deg, #fff -4.04%, #c3e1fd 105.42%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-play [ani-grid-3] [ani-bg] {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-play [ani-grid-3] .blur-layer {
    -webkit-backdrop-filter: blur(52.04999923706055px);
    backdrop-filter: blur(52.04999923706055px);
    background: hsla(0, 0%, 100%, .6);
    border-left: 1px solid hsla(0, 0%, 100%, .3)
}

#section-play [ani-grid-4] .bg-clip {
    clip-path: inset(0 0 1px 0);
    -webkit-clip-path: inset(0 0 1px 0)
}

#section-play [ani-grid-4] [ani-bg] {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

#section-play [ani-grid-4] .blur-layer {
    -webkit-backdrop-filter: blur(52.04999923706055px);
    backdrop-filter: blur(52.04999923706055px);
    background: hsla(0, 0%, 64%, .6);
    border-right: 1px solid hsla(0, 0%, 100%, .3)
}

#section-battery [ani-grid-1] [sticky-top] {
    background: -webkit-linear-gradient(317.19deg, hsla(0, 0%, 89%, 0) -17.3%, rgba(230, 244, 255, .5) 26.03%, rgba(177, 208, 231, .5) 74.04%);
    background: -moz-linear-gradient(317.19deg, hsla(0, 0%, 89%, 0) -17.3%, rgba(230, 244, 255, .5) 26.03%, rgba(177, 208, 231, .5) 74.04%);
    background: linear-gradient(132.81deg, hsla(0, 0%, 89%, 0) -17.3%, rgba(230, 244, 255, .5) 26.03%, rgba(177, 208, 231, .5) 74.04%)
}

#section-battery [ani-grid-1] .value-text {
    background: -webkit-gradient(linear, left top, right top, from(#5295e3), color-stop(235.71%, #7bb8ff));
    background: -webkit-linear-gradient(left, #5295e3, #7bb8ff 235.71%);
    background: -moz-linear-gradient(left, #5295e3 0, #7bb8ff 235.71%);
    background: linear-gradient(90deg, #5295e3, #7bb8ff 235.71%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-battery [ani-grid-1] .unit-text, #section-battery [ani-grid-1] .value-text {
    -webkit-text-fill-color: transparent;
    clip-path: inset(0 1px 0 0);
    -webkit-clip-path: inset(0 1px 0 0)
}

#section-battery [ani-grid-1] .unit-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(-98.78%, #5295e3), to(#7bb8ff));
    background: -webkit-linear-gradient(left, #5295e3 -98.78%, #7bb8ff);
    background: -moz-linear-gradient(left, #5295e3 -98.78%, #7bb8ff 100%);
    background: linear-gradient(90deg, #5295e3 -98.78%, #7bb8ff);
    background-clip: text;
    -webkit-background-clip: text
}

#section-battery [ani-grid-2] .linear-value {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#5295e3), color-stop(235.71%, #7bb8ff));
    background: -webkit-linear-gradient(left, #5295e3, #7bb8ff 235.71%);
    background: -moz-linear-gradient(left, #5295e3 0, #7bb8ff 235.71%);
    background: linear-gradient(90deg, #5295e3, #7bb8ff 235.71%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-battery [ani-grid-2] .linear-name {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, color-stop(-98.78%, #5295e3), to(#7bb8ff));
    background: -webkit-linear-gradient(left, #5295e3 -98.78%, #7bb8ff);
    background: -moz-linear-gradient(left, #5295e3 -98.78%, #7bb8ff 100%);
    background: linear-gradient(90deg, #5295e3 -98.78%, #7bb8ff);
    background-clip: text;
    -webkit-background-clip: text
}

#section-battery [ani-grid-2] [pad-scale] {
    -webkit-transform-origin: 50% 60%;
    -moz-transform-origin: 50% 60%;
    -ms-transform-origin: 50% 60%;
    transform-origin: 50% 60%
}

#section-battery [ani-grid-2] .sticky {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.03%, hsla(0, 0%, 100%, .5)), color-stop(37.06%, rgba(230, 244, 255, .5)), color-stop(100.03%, rgba(177, 208, 231, .5)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .5) .03%, rgba(230, 244, 255, .5) 37.06%, rgba(177, 208, 231, .5) 100.03%);
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, .5) .03%, rgba(230, 244, 255, .5) 37.06%, rgba(177, 208, 231, .5) 100.03%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .5) .03%, rgba(230, 244, 255, .5) 37.06%, rgba(177, 208, 231, .5) 100.03%)
}

#section-battery [ani-grid-2] [bg-container] {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: 50% 65%;
    -moz-transform-origin: 50% 65%;
    -ms-transform-origin: 50% 65%;
    transform-origin: 50% 65%
}

#section-battery [ani-grid-2] [bg-layer] {
    -webkit-transform: perspective(1200px) rotateX(68deg);
    -moz-transform: perspective(1200px) rotateX(68deg);
    transform: perspective(1200px) rotateX(68deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#section-efficiency [replay-text] {
    text-decoration: underline;
    text-underline-offset: 4px
}

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-2-inner] {
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    [ani-kv-ksp-tvc] #section-ksp .ksp-3 [ksp-scale-3] {
        -webkit-transform-origin: 40% 40%;
        -moz-transform-origin: 40% 40%;
        -ms-transform-origin: 40% 40%;
        transform-origin: 40% 40%
    }

    [ani-kv-ksp-tvc] #section-ksp a [ksp-opacity] {
        opacity: .2;
        -webkit-transition: opacity .4s ease;
        -moz-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

    [ani-kv-ksp-tvc] #section-ksp a [ksp-scale] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -moz-transition: transform .4s ease, -moz-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
    }

    [ani-kv-ksp-tvc] #section-ksp a:hover [ksp-opacity] {
        opacity: 1
    }

    [ani-kv-ksp-tvc] #section-ksp a:hover [ksp-scale] {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    [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-battery [ani-grid-1] .battery-scale {
        -webkit-transform-origin: 80% 0;
        -moz-transform-origin: 80% 0;
        -ms-transform-origin: 80% 0;
        transform-origin: 80% 0
    }

    [lang^=ru] #section-play [ani-grid-1] .grid-1-title {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24)
    }

    [lang^=ru] #section-play [ani-grid-1] .grid-1-desc {
        font-size: -webkit-calc(var(--rpx, 1px)*12);
        font-size: -moz-calc(var(--rpx, 1px)*12);
        font-size: calc(var(--rpx, 1px)*12)
    }

    [lang^=ru] #section-play [ani-grid-1] [grid-1-inner] .spec-value {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24)
    }

    [lang^=ru] #section-play [ani-grid-1] [grid-1-inner] .spec-name, [lang^=ru] #section-play [ani-grid-1] [grid-1-inner] .spec-unit {
        font-size: -webkit-calc(var(--rpx, 1px)*12);
        font-size: -moz-calc(var(--rpx, 1px)*12);
        font-size: calc(var(--rpx, 1px)*12)
    }

    [lang^=ru] #section-play [ani-grid-1] [grid-1-inner] .spec-unit {
        bottom: -webkit-calc(var(--rpx, 1px)*5);
        bottom: -moz-calc(var(--rpx, 1px)*5);
        bottom: calc(var(--rpx, 1px)*5)
    }

    [lang^=ru] #section-play [ani-grid-2] .grid-2-title {
        font-size: -webkit-calc(var(--rpx, 1px)*32);
        font-size: -moz-calc(var(--rpx, 1px)*32);
        font-size: calc(var(--rpx, 1px)*32)
    }

    [lang^=ru] #section-play [ani-grid-2] .grid-2-desc {
        font-size: -webkit-calc(var(--rpx, 1px)*14);
        font-size: -moz-calc(var(--rpx, 1px)*14);
        font-size: calc(var(--rpx, 1px)*14)
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-value, [lang^=sv-SE] #section-play [ani-grid-1] [grid-1-inner] .spec-value {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24)
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-name, [lang^=sv-SE] #section-play [ani-grid-1] [grid-1-inner] .spec-name {
        font-size: -webkit-calc(var(--rpx, 1px)*10);
        font-size: -moz-calc(var(--rpx, 1px)*10);
        font-size: calc(var(--rpx, 1px)*10);
        margin-top: calc(var(--rpx, 1px)*-2)
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-unit, [lang^=sv-SE] #section-play [ani-grid-1] [grid-1-inner] .spec-unit {
        bottom: -webkit-calc(var(--rpx, 1px)*5);
        bottom: -moz-calc(var(--rpx, 1px)*5);
        bottom: calc(var(--rpx, 1px)*5);
        font-size: -webkit-calc(var(--rpx, 1px)*12);
        font-size: -moz-calc(var(--rpx, 1px)*12);
        font-size: calc(var(--rpx, 1px)*12)
    }
}

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

    [lang^=ru] #section-play [ani-grid-1] .grid-1-title {
        font-size: -webkit-calc(var(--rpx, 1px)*18);
        font-size: -moz-calc(var(--rpx, 1px)*18);
        font-size: calc(var(--rpx, 1px)*18)
    }

    [lang^=ru] #section-play [ani-grid-1] .grid-1-desc {
        font-size: -webkit-calc(var(--rpx, 1px)*10);
        font-size: -moz-calc(var(--rpx, 1px)*10);
        font-size: calc(var(--rpx, 1px)*10)
    }

    [lang^=ru] #section-play [ani-grid-1] [grid-1-inner] .spec-value {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16)
    }

    [lang^=ru] #section-play [ani-grid-1] [grid-1-inner] .spec-name {
        font-size: -webkit-calc(var(--rpx, 1px)*8);
        font-size: -moz-calc(var(--rpx, 1px)*8);
        font-size: calc(var(--rpx, 1px)*8)
    }

    [lang^=ru] #section-play [ani-grid-1] [grid-1-inner] .spec-unit {
        bottom: -webkit-calc(var(--rpx, 1px)*3);
        bottom: -moz-calc(var(--rpx, 1px)*3);
        bottom: calc(var(--rpx, 1px)*3);
        font-size: -webkit-calc(var(--rpx, 1px)*10);
        font-size: -moz-calc(var(--rpx, 1px)*10);
        font-size: calc(var(--rpx, 1px)*10)
    }

    [lang^=ru] #section-play [ani-grid-2] .grid-2-title {
        font-size: -webkit-calc(var(--rpx, 1px)*18);
        font-size: -moz-calc(var(--rpx, 1px)*18);
        font-size: calc(var(--rpx, 1px)*18)
    }

    [lang^=ru] #section-play [ani-grid-2] .grid-2-desc {
        font-size: -webkit-calc(var(--rpx, 1px)*10);
        font-size: -moz-calc(var(--rpx, 1px)*10);
        font-size: calc(var(--rpx, 1px)*10)
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-value, [lang^=sv-SE] #section-play [ani-grid-1] [grid-1-inner] .spec-value {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16)
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-name, [lang^=sv-SE] #section-play [ani-grid-1] [grid-1-inner] .spec-name {
        font-size: -webkit-calc(var(--rpx, 1px)*8);
        font-size: -moz-calc(var(--rpx, 1px)*8);
        font-size: calc(var(--rpx, 1px)*8);
        margin-top: 0
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-unit, [lang^=sv-SE] #section-play [ani-grid-1] [grid-1-inner] .spec-unit {
        bottom: -webkit-calc(var(--rpx, 1px)*3);
        bottom: -moz-calc(var(--rpx, 1px)*3);
        bottom: calc(var(--rpx, 1px)*3);
        font-size: -webkit-calc(var(--rpx, 1px)*10);
        font-size: -moz-calc(var(--rpx, 1px)*10);
        font-size: calc(var(--rpx, 1px)*10)
    }
}

@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] [kv-product] {
        font-size: 30px;
        line-height: 1.2
    }

    [ani-kv-ksp-tvc] [kv-slogan] {
        font-size: 14px;
        line-height: 1.2
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-1 .spec-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(-25.86%, #1cd2ff), color-stop(163.79%, #1f89b3));
        background: -webkit-linear-gradient(top, #1cd2ff -25.86%, #1f89b3 163.79%);
        background: -moz-linear-gradient(top, #1cd2ff -25.86%, #1f89b3 163.79%);
        background: linear-gradient(180deg, #1cd2ff -25.86%, #1f89b3 163.79%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-1 .spec-name {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(265deg, #1cd2ff -213.04%, #1f89b3 154.17%);
        background: -moz-linear-gradient(265deg, #1cd2ff -213.04%, #1f89b3 154.17%);
        background: linear-gradient(185deg, #1cd2ff -213.04%, #1f89b3 154.17%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-2 .spec-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(-25.86%, #1cd2ff), color-stop(163.79%, #1f89b3));
        background: -webkit-linear-gradient(top, #1cd2ff -25.86%, #1f89b3 163.79%);
        background: -moz-linear-gradient(top, #1cd2ff -25.86%, #1f89b3 163.79%);
        background: linear-gradient(180deg, #1cd2ff -25.86%, #1f89b3 163.79%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-2 .spec-name {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(265deg, #1cd2ff -213.04%, #1f89b3 154.17%);
        background: -moz-linear-gradient(265deg, #1cd2ff -213.04%, #1f89b3 154.17%);
        background: linear-gradient(185deg, #1cd2ff -213.04%, #1f89b3 154.17%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-3 .spec-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(277deg, #40c5e4 -27.31%, #1f89b3 94.84%);
        background: -moz-linear-gradient(277deg, #40c5e4 -27.31%, #1f89b3 94.84%);
        background: linear-gradient(173deg, #40c5e4 -27.31%, #1f89b3 94.84%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-3 .spec-name {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(277deg, #40c5e4 -174.21%, #1f89b3 94.84%);
        background: -moz-linear-gradient(277deg, #40c5e4 -174.21%, #1f89b3 94.84%);
        background: linear-gradient(173deg, #40c5e4 -174.21%, #1f89b3 94.84%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-4 .spec-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(277deg, #40c5e4 -27.31%, #1f89b3 94.84%);
        background: -moz-linear-gradient(277deg, #40c5e4 -27.31%, #1f89b3 94.84%);
        background: linear-gradient(173deg, #40c5e4 -27.31%, #1f89b3 94.84%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-4 .spec-name {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(277deg, #40c5e4 -174.21%, #1f89b3 94.84%);
        background: -moz-linear-gradient(277deg, #40c5e4 -174.21%, #1f89b3 94.84%);
        background: linear-gradient(173deg, #40c5e4 -174.21%, #1f89b3 94.84%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-4 .spec-unit {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(277deg, #40c5e4 -105.35%, #1f89b3 94.84%);
        background: -moz-linear-gradient(277deg, #40c5e4 -105.35%, #1f89b3 94.84%);
        background: linear-gradient(173deg, #40c5e4 -105.35%, #1f89b3 94.84%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play [ani-grid-1] [grid-1-inner] .spec-5 .spec-name, #section-play [ani-grid-1] [grid-1-inner] .spec-5 .spec-value, #section-play [ani-grid-1] [grid-1-inner] .spec-6 .spec-name, #section-play [ani-grid-1] [grid-1-inner] .spec-6 .spec-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(261deg, #3aabd8 -54.66%, #126e9d 75.82%);
        background: -moz-linear-gradient(261deg, #3aabd8 -54.66%, #126e9d 75.82%);
        background: linear-gradient(189deg, #3aabd8 -54.66%, #126e9d 75.82%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-play .grid-1-title {
        font-size: 28px
    }

    #section-play .grid-1-desc {
        font-size: 16px
    }

    #section-play [ani-grid-1] .spec-value {
        font-size: 24px
    }

    #section-play [ani-grid-1] .spec-name {
        font-size: 12px
    }

    #section-play [ani-grid-1] .spec-unit {
        font-size: 14px
    }

    #section-battery [ani-grid-2] .grid-2-title {
        font-size: 28px
    }

    #section-battery [ani-grid-2] .grid-2-desc {
        font-size: 16px
    }

    #section-efficiency .title-text {
        font-size: 24px
    }

    #section-efficiency .desc-text {
        font-size: 16px
    }

    #section-efficiency .small-title-text {
        font-size: 24px
    }

    #section-efficiency .small-desc-text {
        font-size: 16px
    }

    [id^=anchor] {
        top: -webkit-calc(-1px - var(--nav-height, 96px));
        top: -moz-calc(-1px - var(--nav-height, 96px));
        top: calc(-1px - var(--nav-height, 96px))
    }

    [lang^=da-DK] #section-play [ani-grid-1] .grid-1-title, [lang^=de] #section-play [ani-grid-1] .grid-1-title, [lang^=fi] #section-play [ani-grid-1] .grid-1-title, [lang^=fr] #section-play [ani-grid-1] .grid-1-title, [lang^=it] #section-play [ani-grid-1] .grid-1-title, [lang^=pl] #section-play [ani-grid-1] .grid-1-title, [lang^=ru] #section-play [ani-grid-1] .grid-1-title, [lang^=sv-SE] #section-play [ani-grid-1] .grid-1-title, [lang^=zh-HK] #section-play [ani-grid-1] .grid-1-title {
        font-size: 20px
    }

    [lang^=da-DK] #section-play [ani-grid-1] .grid-1-desc, [lang^=de] #section-play [ani-grid-1] .grid-1-desc, [lang^=fi] #section-play [ani-grid-1] .grid-1-desc, [lang^=fr] #section-play [ani-grid-1] .grid-1-desc, [lang^=it] #section-play [ani-grid-1] .grid-1-desc, [lang^=pl] #section-play [ani-grid-1] .grid-1-desc, [lang^=ru] #section-play [ani-grid-1] .grid-1-desc, [lang^=sv-SE] #section-play [ani-grid-1] .grid-1-desc, [lang^=zh-HK] #section-play [ani-grid-1] .grid-1-desc {
        font-size: 12px
    }

    [lang^=da-DK] #section-play [ani-grid-1] .spec-value, [lang^=de] #section-play [ani-grid-1] .spec-value, [lang^=fi] #section-play [ani-grid-1] .spec-value, [lang^=fr] #section-play [ani-grid-1] .spec-value, [lang^=it] #section-play [ani-grid-1] .spec-value, [lang^=pl] #section-play [ani-grid-1] .spec-value, [lang^=ru] #section-play [ani-grid-1] .spec-value, [lang^=sv-SE] #section-play [ani-grid-1] .spec-value, [lang^=zh-HK] #section-play [ani-grid-1] .spec-value {
        font-size: 18px
    }

    [lang^=da-DK] #section-play [ani-grid-1] .spec-name, [lang^=de] #section-play [ani-grid-1] .spec-name, [lang^=fi] #section-play [ani-grid-1] .spec-name, [lang^=fr] #section-play [ani-grid-1] .spec-name, [lang^=it] #section-play [ani-grid-1] .spec-name, [lang^=pl] #section-play [ani-grid-1] .spec-name, [lang^=ru] #section-play [ani-grid-1] .spec-name, [lang^=sv-SE] #section-play [ani-grid-1] .spec-name, [lang^=zh-HK] #section-play [ani-grid-1] .spec-name {
        font-size: 9px
    }

    [lang^=da-DK] #section-play [ani-grid-1] .spec-unit, [lang^=de] #section-play [ani-grid-1] .spec-unit, [lang^=fi] #section-play [ani-grid-1] .spec-unit, [lang^=fr] #section-play [ani-grid-1] .spec-unit, [lang^=it] #section-play [ani-grid-1] .spec-unit, [lang^=pl] #section-play [ani-grid-1] .spec-unit, [lang^=ru] #section-play [ani-grid-1] .spec-unit, [lang^=sv-SE] #section-play [ani-grid-1] .spec-unit, [lang^=zh-HK] #section-play [ani-grid-1] .spec-unit {
        font-size: 10px
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-value {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16)
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-name {
        font-size: -webkit-calc(var(--rpx, 1px)*8);
        font-size: -moz-calc(var(--rpx, 1px)*8);
        font-size: calc(var(--rpx, 1px)*8);
        margin-top: 0
    }

    [lang^=pl] #section-play [ani-grid-1] [grid-1-inner] .spec-unit {
        bottom: -webkit-calc(var(--rpx, 1px)*3);
        bottom: -moz-calc(var(--rpx, 1px)*3);
        bottom: calc(var(--rpx, 1px)*3);
        font-size: -webkit-calc(var(--rpx, 1px)*10);
        font-size: -moz-calc(var(--rpx, 1px)*10);
        font-size: calc(var(--rpx, 1px)*10)
    }
}

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

@media (min-width:650px) and (max-width:800px) and (max-aspect-ratio:.85) {
    [ani-kv-ksp-tvc] .kv-768 {
        display: block
    }

    [ani-kv-ksp-tvc] .kv-container {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-right: 24px;
        padding-top: calc(var(--rpx, 1px)*157)
    }
}

@media (min-width:1920px) {
    [ani-kv-ksp-tvc] .kv-container {
        padding-left: 14.65vw;
        padding-left: calc(var(--vw, 1vw)*14.65)
    }
}

@media (min-width:1024px) and (max-width:1600px) and (min-aspect-ratio:1.8) {
    [ani-kv-ksp-tvc] [ksp-scale-adapt] {
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

@media (min-width:1024px) and (max-width:1100px) {
    [ani-kv-ksp-tvc] [kv-img] {
        -o-object-position: 60% 50%;
        object-position: 60% 50%
    }

    #section-play [ani-grid-1] [grid-1-text] {
        padding-bottom: calc(var(--rpx, 1px)*160);
        padding-top: calc(var(--rpx, 1px)*160)
    }
}

@media (min-width:1101px) and (max-width:1400px) and (min-aspect-ratio:1.9) {
    [ani-kv-ksp-tvc] [kv-img] {
        -o-object-position: 75% 40%;
        object-position: 75% 40%
    }
}

@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 (min-width:1024px) and (max-width:1440px) and (min-aspect-ratio:1.9) {
    #section-play [grid-2-data] {
        padding-top: calc(var(--rpx, 1px)*40)
    }
}

@media (min-width:1950px) {
    #section-play [ani-grid-1] [large-pc] {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6)
    }

    #section-play [ani-grid-1] [grid-1-text] {
        padding-bottom: 260px;
        padding-top: 300px
    }

    #section-play [ani-grid-2] [large-pc] {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6)
    }

    #section-play [ani-grid-2] [grid-2-text] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-100));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-100));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-100));
        transform: translateY(calc(var(--rpx, 1px)*-100))
    }

    #section-play [ani-grid-2] [ani-spec-right] {
        right: -webkit-calc(var(--rpx, 1px)*1300);
        right: -moz-calc(var(--rpx, 1px)*1300);
        right: calc(var(--rpx, 1px)*1300)
    }

    #section-play [ani-grid-2] [ani-spec-left] {
        left: -webkit-calc(var(--rpx, 1px)*1300);
        left: -moz-calc(var(--rpx, 1px)*1300);
        left: calc(var(--rpx, 1px)*1300)
    }

    #section-play [ani-grid-5] [large-pc] {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@media (min-width:1024px) and (max-width:1500px) and (min-aspect-ratio:1.88) {
    #section-play [ani-grid-1] [pad-img] {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    #section-play [ani-grid-1] [grid-1-text] {
        padding-bottom: calc(var(--rpx, 1px)*24);
        padding-top: calc(var(--rpx, 1px)*24)
    }

    #section-play [ani-grid-2] [grid-2-text] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*40));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*40));
        -ms-transform: translateY(calc(var(--rpx, 1px)*40));
        transform: translateY(calc(var(--rpx, 1px)*40))
    }
}

@media (min-width:360px) and (max-width:450px) and (min-aspect-ratio:.5) {
    #section-play [ani-grid-1] [grid-1-text] {
        padding-bottom: calc(var(--rpx, 1px)*80);
        padding-top: calc(var(--rpx, 1px)*80)
    }
}

@media (min-width:2000px) {
    #section-battery [ani-grid-1] [grid-1-text] {
        padding-bottom: 300px;
        padding-top: 300px
    }

    #section-battery [ani-grid-1] [ani-blur] {
        width: 720px
    }

    #section-battery [ani-grid-1] .battery-scale {
        -webkit-transform-origin: 50% 20%;
        -moz-transform-origin: 50% 20%;
        -ms-transform-origin: 50% 20%;
        transform-origin: 50% 20%
    }

    #section-battery [ani-grid-2] [large-pc] {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6)
    }

    #section-battery [ani-grid-2] [large-pc-bottom] {
        top: 200px
    }

    #section-battery [ani-grid-2] [grid-2-text-adapt] {
        bottom: 740px
    }
}

@media (min-width:1024px) and (max-width:1600px) and (min-aspect-ratio:1.75) {
    #section-battery [ani-grid-2] [large-pc] {
        -webkit-transform: scale(.65);
        -moz-transform: scale(.65);
        -ms-transform: scale(.65);
        transform: scale(.65)
    }

    #section-battery [ani-grid-1] .battery-adapt {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top
    }
}

@media (max-width:1023px) {
    #section-battery [ani-grid-1] .battery-scale {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@media (min-width:650px) {
    #section-battery [ani-grid-1] .blur-layer {
        -webkit-backdrop-filter: blur(144px);
        backdrop-filter: blur(144px);
        border: 1px solid rgba(91, 134, 185, .2)
    }

    #section-battery [ani-grid-2] {
        margin-top: calc(var(--content-height)*-1)
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    #section-battery [ani-grid-2] [bg-layer] {
        -webkit-transform: perspective(640px) rotateX(68deg);
        -moz-transform: perspective(640px) rotateX(68deg);
        transform: perspective(640px) rotateX(68deg)
    }
}

@media (min-width:1200px) and (max-width:1350px) {
    #section-battery [ani-grid-2] [bg-layer] {
        -webkit-transform: perspective(820px) rotateX(68deg);
        -moz-transform: perspective(820px) rotateX(68deg);
        transform: perspective(820px) rotateX(68deg)
    }
}

@media (min-width:1024px) and (max-width:1560px) and (min-aspect-ratio:1.9) {
    #section-battery [grid-1-text] {
        padding-bottom: calc(var(--rpx, 1px)*40);
        padding-left: 64px;
        padding-top: calc(var(--rpx, 1px)*40)
    }

    #section-battery [pad-img] {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }

    #section-battery [grid-2-text] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*90));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*90));
        -ms-transform: translateY(calc(var(--rpx, 1px)*90));
        transform: translateY(calc(var(--rpx, 1px)*90))
    }
}

@media (min-width:1300px) and (max-width:1560px) and (min-aspect-ratio:1.75) {
    #section-battery [grid-2-text] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*60));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*60));
        -ms-transform: translateY(calc(var(--rpx, 1px)*60));
        transform: translateY(calc(var(--rpx, 1px)*60))
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    #section-efficiency .card-3-img {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*60));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*60));
        -ms-transform: translateY(calc(var(--rpx, 1px)*60));
        transform: translateY(calc(var(--rpx, 1px)*60))
    }
}

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