body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

.zn--wrapper p {
    margin-bottom: 0;
}
.zn--wrapper ul {
    margin-bottom: 0;
    padding: 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
}

.video-portrait.g--popup .g--popup-close.v2 {
    top: 8px
}

.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, .pad-only, .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, .pc-only {
        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, .pad-hidden, .pc-only {
        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)
    }
}

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

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

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

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

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

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

.h-full {
    height: 100%
}

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

.h-\[102\%\] {
    height: 102%
}

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

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

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

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

.opacity-0 {
    opacity: 0
}

.overflow-hidden {
    overflow: hidden
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

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

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

.text-center {
    text-align: center
}

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

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

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

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

.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-full {
    width: 100%
}

.z-2 {
    z-index: 2
}

.z-1 {
    z-index: 1
}

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

.full {
    height: 100%;
    width: 100%
}

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

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

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

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

    .pad\:inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: inline-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-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

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

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

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

    .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_1_46\.88vw\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 46.88vw;
        -webkit-flex: 1 1 -webkit-calc(var(--vw, 1vw)*46.88);
        flex: 1 1 46.88vw;
        flex: 1 1 calc(var(--vw, 1vw)*46.88)
    }

    .pad\:flex-\[1_1_360rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*360);
        flex: 1 1 calc(var(--rpx, 1px)*360)
    }

    .pad\:flex-\[1_1_360px\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 360px;
        flex: 1 1 360px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:py-20px {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .pad\:py-64px {
        padding-bottom: 64px;
        padding-top: 64px
    }

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

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

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

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

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

    .pad\:pb-64px {
        padding-bottom: 64px
    }

    .pad\:pb-80px {
        padding-bottom: 80px
    }

    .pad\:relative {
        position: relative
    }

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

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

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

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

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

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

    .pad\:left-3px {
        left: 3px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:w-46\.88vw {
        width: 46.88vw;
        width: -webkit-calc(var(--vw, 1vw)*46.88);
        width: -moz-calc(var(--vw, 1vw)*46.88);
        width: calc(var(--vw, 1vw)*46.88)
    }

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

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

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

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

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

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

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

    .pc\:inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: inline-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-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

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

    .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\:self-stretch {
        -ms-grid-row-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch
    }

    .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_1_740px\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 740px;
        flex: 1 1 740px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-480px {
        height: 480px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:px-64px {
        padding-left: 64px;
        padding-right: 64px
    }

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

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

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

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

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

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

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

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

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

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

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

    .pc\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:649px) {
    .mo\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

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

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

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

    .mo\:inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: inline-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-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

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

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

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

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

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

    .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\:h-full {
        height: 100%
    }

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

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

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

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

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

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

    .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-72px {
        height: 72px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:opacity-95 {
        opacity: .95
    }

    .mo\:opacity-75 {
        opacity: .75
    }

    .mo\:opacity-55 {
        opacity: .55
    }

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

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

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

    .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-50rpx {
        padding-bottom: calc(var(--rpx, 1px)*50);
        padding-top: calc(var(--rpx, 1px)*50)
    }

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

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

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

    .mo\:py-20px {
        padding-bottom: 20px;
        padding-top: 20px
    }

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

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

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

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

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

    .mo\:pb-64px {
        padding-bottom: 64px
    }

    .mo\:pb-80px {
        padding-bottom: 80px
    }

    .mo\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-\[110\%\] {
        width: 110%
    }

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

@media (min-width:1024px) {
    .pct\:text-48px {
        font-size: 48px;
        line-height: 1
    }

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

    .pct\:text-18px {
        font-size: 18px;
        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-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
    }

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

    .pct\:text-32px {
        font-size: 32px;
        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-24px {
        font-size: 24px;
        line-height: 1
    }

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

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

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

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

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

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

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

    .pct\:leading-\[1\.28\] {
        line-height: 1.28
    }

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

    .pct\:leading-\[36rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*36);
        line-height: -moz-calc(var(--rpx, 1px)*36);
        line-height: calc(var(--rpx, 1px)*36)
    }

    .pct\:leading-\[58rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*58);
        line-height: -moz-calc(var(--rpx, 1px)*58);
        line-height: calc(var(--rpx, 1px)*58)
    }

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

    .pct\:leading-\[1\.17\] {
        line-height: 1.17
    }

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

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

    .pct\:leading-\[28rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*28);
        line-height: -moz-calc(var(--rpx, 1px)*28);
        line-height: calc(var(--rpx, 1px)*28)
    }

    .pct\:leading-\[1\.125\] {
        line-height: 1.125
    }

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

    .pct\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .pct\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .pct\:leading-\[1\.1875\] {
        line-height: 1.1875
    }

    .pct\:leading-\[1\.67\] {
        line-height: 1.67
    }

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

@media (max-width:1023px) {
    .mot\:text-32px {
        font-size: 32px;
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

    .mot\:leading-\[1\.28\] {
        line-height: 1.28
    }

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

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

    .mot\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .mot\:leading-\[1\.33\] {
        line-height: 1.33
    }

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

    .mot\:leading-\[28rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*28);
        line-height: -moz-calc(var(--rpx, 1px)*28);
        line-height: calc(var(--rpx, 1px)*28)
    }

    .mot\:leading-\[44rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*44);
        line-height: -moz-calc(var(--rpx, 1px)*44);
        line-height: calc(var(--rpx, 1px)*44)
    }

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

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

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

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

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

    .mot\:leading-\[1\.25\] {
        line-height: 1.25
    }

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

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

    .mot\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .mot\:leading-\[1\.18\] {
        line-height: 1.18
    }

    .mot\:leading-\[1\.29\] {
        line-height: 1.29
    }

    .mot\:leading-\[1\.67\] {
        line-height: 1.67
    }

    .mot\:tracking-0\.02em {
        letter-spacing: .02em
    }
}

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

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

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

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper 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: .5
}

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

.zn--wrapper [ani-section-title] .section-title-1 {
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(353.13deg, #fff, #fff 33%, #9d0041 46.23%, #164ed1 53.14%, #3aabed 60.14%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(353.13deg, #fff 0, #fff 33%, #9d0041 46.23%, #164ed1 53.14%, #3aabed 60.14%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(96.87deg, #fff, #fff 33%, #9d0041 46.23%, #164ed1 53.14%, #3aabed 60.14%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0));
    background-repeat: no-repeat;
    -webkit-background-size: 300% 300%;
    background-size: 300% 300%;
    color: transparent;
    text-align: center
}

.zn--wrapper [ani-section-title] .title-video-cover {
    background: -webkit-gradient(linear, right top, left top, from(#000), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(right, #000, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000);
    background: -moz-linear-gradient(right, #000 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000 100%);
    background: linear-gradient(270deg, #000, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000)
}

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

#section-kv ul, #section-kv ul li {
    list-style: disc
}

#section-ksp a {
    overflow: hidden
}

#section-ksp a 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
}

#section-charging [bg-linear] {
    background: -webkit-linear-gradient(88.22deg, rgba(0, 0, 0, 0) 62.66%, #000 98.83%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000);
    background: -moz-linear-gradient(88.22deg, rgba(0, 0, 0, 0) 62.66%, #000 98.83%), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000 100%);
    background: linear-gradient(1.78deg, rgba(0, 0, 0, 0) 62.66%, #000 98.83%), linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000)
}

#section-charging [black-device-wrapper], #section-charging [black-device], #section-charging [red-device-wrapper], #section-charging [red-device] {
    will-change: transform
}

#section-charging .mo-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, #000, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, #000);
    background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, #000 100%);
    background: linear-gradient(180deg, #000, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, #000)
}

#section-audio .card-1, #section-audio .card-2 {
    background: -webkit-linear-gradient(283.63deg, rgba(25, 22, 31, .7) 3.91%, rgba(14, 13, 16, .7) 96.09%);
    background: -moz-linear-gradient(283.63deg, rgba(25, 22, 31, .7) 3.91%, rgba(14, 13, 16, .7) 96.09%);
    background: linear-gradient(166.37deg, rgba(25, 22, 31, .7) 3.91%, rgba(14, 13, 16, .7) 96.09%)
}

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, 58px));
    top: -moz-calc(0 - var(--nav-height, 58px));
    top: calc(0px - var(--nav-height, 58px));
    width: 100%
}

@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, .pad-only, .pc-hidden {
        display: none
    }

    #section-charging [ani-slogan] {
        -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% - var(--rpx, 1px)*117));
        -moz-transform: translateX(-50%) translateY(-moz-calc(-50% - var(--rpx, 1px)*117));
        -ms-transform: translateX(-50%) translateY(calc(-50% - var(--rpx, 1px)*117));
        transform: translate(-50%) translateY(calc(-50% - var(--rpx, 1px)*117))
    }

    #section-charging [ani-after-wrapper], #section-charging [ani-before-wrapper] {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

@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, .pc-only {
        display: none
    }

    #section-charging [bg-linear] {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(41.4%, rgba(0, 0, 0, 0)), color-stop(65.17%, #000)), -webkit-gradient(linear, left top, left bottom, color-stop(63.31%, rgba(0, 0, 0, 0)), color-stop(85%, #000)), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, .25)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 41.4%, #000 65.17%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 63.31%, #000 85%), -webkit-linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25));
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 41.4%, #000 65.17%), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 63.31%, #000 85%), -moz-linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 41.4%, #000 65.17%), linear-gradient(180deg, rgba(0, 0, 0, 0) 63.31%, #000 85%), linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25))
    }

    #section-charging [bg-linear-before] {
        background: -webkit-linear-gradient(88.42deg, rgba(0, 0, 0, 0) 52.93%, #000 94.08%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 26.1%, #000);
        background: -moz-linear-gradient(88.42deg, rgba(0, 0, 0, 0) 52.93%, #000 94.08%), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 26.1%, #000 100%);
        background: linear-gradient(1.58deg, rgba(0, 0, 0, 0) 52.93%, #000 94.08%), linear-gradient(180deg, rgba(0, 0, 0, 0) 26.1%, #000)
    }

    #section-audio .card-3 {
        background: -webkit-linear-gradient(283.63deg, rgba(25, 22, 31, .9) 3.91%, rgba(14, 13, 16, .9) 96.09%);
        background: -moz-linear-gradient(283.63deg, rgba(25, 22, 31, .9) 3.91%, rgba(14, 13, 16, .9) 96.09%);
        background: linear-gradient(166.37deg, rgba(25, 22, 31, .9) 3.91%, rgba(14, 13, 16, .9) 96.09%)
    }
}

@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, .pad-hidden, .pc-only {
        display: none
    }

    #section-charging [bg-linear] {
        background: -webkit-linear-gradient(89.44deg, rgba(0, 0, 0, 0) 44.04%, #000 73.75%), -webkit-linear-gradient(88.22deg, rgba(0, 0, 0, 0) 62.66%, #000 93.4%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000 92.5%);
        background: -moz-linear-gradient(89.44deg, rgba(0, 0, 0, 0) 44.04%, #000 73.75%), -moz-linear-gradient(88.22deg, rgba(0, 0, 0, 0) 62.66%, #000 93.4%), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000 92.5%);
        background: linear-gradient(.56deg, rgba(0, 0, 0, 0) 44.04%, #000 73.75%), linear-gradient(1.78deg, rgba(0, 0, 0, 0) 62.66%, #000 93.4%), linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 92.5%)
    }

    #section-charging [bg-linear-before] {
        background: -webkit-linear-gradient(88.22deg, rgba(0, 0, 0, 0) 62.66%, #000 93.4%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000 92.5%);
        background: -moz-linear-gradient(88.22deg, rgba(0, 0, 0, 0) 62.66%, #000 93.4%), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000 92.5%);
        background: linear-gradient(1.78deg, rgba(0, 0, 0, 0) 62.66%, #000 93.4%), linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 92.5%)
    }
}

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

@media (min-width:1024px) and (max-width:1120px) {
    #section-kv [kv-text] {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-40));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-40));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-40));
        transform: translate(calc(var(--rpx, 1px)*-40))
    }
}

@media (min-width:1025px) {
    #section-ksp a:hover img {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08)
    }
}

@media (max-width:1023px) {
    #section-charging [ani-slogan] {
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translate(-50%) translateY(-50%)
    }

    #section-audio .card-1, #section-audio .card-2 {
        background: -webkit-linear-gradient(283.63deg, rgba(25, 22, 31, .9) 3.91%, rgba(14, 13, 16, .9) 96.09%);
        background: -moz-linear-gradient(283.63deg, rgba(25, 22, 31, .9) 3.91%, rgba(14, 13, 16, .9) 96.09%);
        background: linear-gradient(166.37deg, rgba(25, 22, 31, .9) 3.91%, rgba(14, 13, 16, .9) 96.09%)
    }

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

@media (min-width:1024px) and (max-width:1540px) and (min-aspect-ratio:1.8) {
    #section-charging [black-device-inner], #section-charging [red-device-inner] {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    #section-charging [ani-after-wrapper], #section-charging [ani-before-wrapper] {
        padding-bottom: calc(var(--rpx, 1px)*16);
        padding-top: calc(var(--rpx, 1px)*16)
    }
}

@media (min-width:1920px) {
    #section-charging [black-device-inner], #section-charging [red-device-inner] {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6)
    }

    #section-charging [ani-last-text-wrapper] {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 85.5vw;
        width: -webkit-calc(var(--vw, 1vw)*85.5);
        width: -moz-calc(var(--vw, 1vw)*85.5);
        width: calc(var(--vw, 1vw)*85.5)
    }
}

@media (max-width:649px) and (min-aspect-ratio:.525) {
    #section-charging [mo-device-wrapper] {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

#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, .pad-only, .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
    }

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

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

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

@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, .pc-only {
        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
    }

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

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

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

@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, .pad-hidden, .pc-only {
        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
    }

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

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

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

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