.main-content {
    overflow-x: initial;
}
.page-content {
    position: relative;
    z-index: inherit;
}

[ani-scroll-container] {
    will-change: transform
}

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

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

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

.g--popup .g--popup-container {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    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 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 video {
    -o-object-fit: contain;
    object-fit: contain
}

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

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

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

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

    .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: 86.67vw;
        max-width: -webkit-calc(var(--vw, 1vw)*86.67);
        max-width: -moz-calc(var(--vw, 1vw)*86.67);
        max-width: calc(var(--vw, 1vw)*86.67)
    }

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

    .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: 70vw;
        width: -webkit-calc(var(--vw, 1vw)*70);
        width: -moz-calc(var(--vw, 1vw)*70);
        width: calc(var(--vw, 1vw)*70)
    }
}

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

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

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

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

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

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

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

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

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

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

.rounded {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.cursor-pointer {
    cursor: pointer
}

.inline-block {
    display: inline-block
}

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

.contents {
    display: contents
}

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

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

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

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

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

.h-1px {
    height: 1px
}

.h-16px {
    height: 16px
}

.h-28px {
    height: 28px
}

.h-20px {
    height: 20px
}

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

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

.h-3px {
    height: 3px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.object-top {
    -o-object-position: top;
    object-position: top
}

.opacity-0 {
    opacity: 0
}

.overflow-hidden {
    overflow: hidden
}

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.right-0 {
    right: 0
}

.-bottom-4px {
    bottom: -4px
}

.left-4px {
    left: 4px
}

.top-4px {
    top: 4px
}

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

.top-\[calc\(var\(--nav-height\)\)\] {
    top: -webkit-calc(var(--nav-height));
    top: -moz-calc(var(--nav-height));
    top: calc(var(--nav-height))
}

.text-center {
    text-align: center
}

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

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

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

.text-\[\#C2F3F1\] {
    --tw-text-opacity: 1;
    color: rgba(194, 243, 241, var(--tw-text-opacity))
}

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

.visible {
    visibility: visible
}

.whitespace-nowrap {
    white-space: nowrap
}

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

.w-16px {
    width: 16px
}

.w-28px {
    width: 28px
}

.w-20px {
    width: 20px
}

.w-1px {
    width: 1px
}

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

.z-3 {
    z-index: 3
}

.z-2 {
    z-index: 2
}

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

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

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

.filter {
    --tw-blur: var(--tw-empty, );
    --tw-brightness: var(--tw-empty, );
    --tw-contrast: var(--tw-empty, );
    --tw-grayscale: var(--tw-empty, );
    --tw-hue-rotate: var(--tw-empty, );
    --tw-invert: var(--tw-empty, );
    --tw-saturate: var(--tw-empty, );
    --tw-sepia: var(--tw-empty, );
    --tw-drop-shadow: var(--tw-empty, );
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur {
    --tw-blur: blur(8px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1024px) {
    .pc\:bg-\[\#DCDCDC\] {
        --tw-bg-opacity: 1;
        background-color: rgba(220, 220, 220, var(--tw-bg-opacity))
    }

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

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

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

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

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

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

    .pc\:h-\[calc\(var\(--content-height\)\)\] {
        height: -webkit-calc(var(--content-height));
        height: -moz-calc(var(--content-height));
        height: calc(var(--content-height))
    }

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

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

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

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

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

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

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

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

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

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

    .pc\:h-640px {
        height: 640px
    }

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

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

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

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

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

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

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

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

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

    .pc\:h-48px {
        height: 48px
    }

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

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

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

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

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

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

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

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

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

    .pc\:mr-20px {
        margin-right: 20px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:top-\[calc\(var\(--nav-height\)\)\] {
        top: -webkit-calc(var(--nav-height));
        top: -moz-calc(var(--nav-height));
        top: calc(var(--nav-height))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:649px) {
    .mo\:bg-\[\#F8F8F8\] {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 248, 248, var(--tw-bg-opacity))
    }

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

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

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

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

    .mo\:flex-wrap {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:ml-\[calc\(16px\+140rpx\)\] {
        margin-left: calc(16px + var(--rpx, 1px)*140)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:-bottom-3px {
        bottom: -3px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pct\:text-72 {
        font-size: 72px;
        line-height: 101px
    }

    .pct\:text-18 {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px
    }

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

    .pct\:text-48 {
        font-size: 48px;
        line-height: 67px
    }

    .pct\:text-18v1 {
        font-size: 18px;
        line-height: 22px
    }

    .pct\:text-24 {
        font-size: 24px;
        line-height: 28px
    }

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

    .pct\:text-32 {
        font-size: 32px;
        line-height: 38px
    }

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

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

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

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

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

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

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

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

    .mot\:text-44m {
        font-size: 44px;
        line-height: 52px
    }

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

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

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

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

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

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

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.zn--wrapper {
    direction: ltr;
    font-size: 16px
}

.zn--wrapper [ani-line-img] {
    margin-left: calc(var(--rpx, 1px)*0);
    margin-right: calc(var(--rpx, 1px)*20)
}

.zn--wrapper img:not(.loaded):not([src^="https://via.placeholder.com/"]), .zn--wrapper img:not([src]):not([src^="https://via.placeholder.com/"]), .zn--wrapper img[src=""]:not([src^="https://via.placeholder.com/"]) {
    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;
    -moz-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
    font-family: inherit
}

.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 [section-title] .blue {
    color: #00b2d2f2
}

.zn--wrapper sup {
    font-size: 65%
}

.zn--wrapper .abs-center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-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%);
    -o-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%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.zn--wrapper .swiper-button-disabled {
    opacity: .3
}

.zn--wrapper .large-pc {
    display: none
}

.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%);
    -o-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp [ani-grid-desc] {
    color: #000000f2
}

#section-ksp [mo-text] {
    color: #fff;
    display: block
}

#section-ksp [mo-text]:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

#section-design [green-inner] {
    background: -webkit-linear-gradient(315deg, #acc9bb, #e0f1e8), #f0f0f0;
    background: -moz-linear-gradient(315deg, #acc9bb 0, #e0f1e8 100%), #f0f0f0;
    background: -o-linear-gradient(315deg, #acc9bb 0, #e0f1e8 100%), #f0f0f0;
    background: linear-gradient(135deg, #acc9bb, #e0f1e8), #f0f0f0
}

#section-design [green-outer] {
    border: 1px solid #999
}

#section-design [grey-inner] {
    background: -webkit-gradient(linear, left top, left bottom, from(#26383f), to(#415c6d));
    background: -webkit-linear-gradient(top, #26383f, #415c6d);
    background: -moz-linear-gradient(top, #26383f 0, #415c6d 100%);
    background: -o-linear-gradient(top, #26383f 0, #415c6d 100%);
    background: linear-gradient(180deg, #26383f, #415c6d)
}

#section-design [grey-outer] {
    border: 1px solid #999
}

#section-design [green-img], #section-design [green-outer], #section-design [grey-img], #section-design [grey-outer] {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-design [green-text], #section-design [grey-text] {
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease
}

#section-design [progress-bar] {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-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, -o-transform .3s ease
}

#section-design [data-status=green] [grey-img] {
    opacity: 0
}

#section-design [data-status=green] [green-img] {
    opacity: 1
}

#section-design [data-status=green] [grey-outer] {
    opacity: 0
}

#section-design [data-status=green] [green-outer] {
    opacity: 1
}

#section-design [data-status=green] [progress-bar] {
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5)
}

#section-design [data-status=grey] [green-img] {
    opacity: 0
}

#section-design [data-status=grey] [grey-img] {
    opacity: 1
}

#section-design [data-status=grey] [green-outer] {
    opacity: 0
}

#section-design [data-status=grey] [grey-outer] {
    opacity: 1
}

#section-design [data-status=grey] [progress-bar] {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

#section-performance [ani-title] {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-performance [ani-desc] {
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-performance [grid-line] {
    cursor: pointer
}

#section-performance [ani-img] {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-performance .blue-bg {
    background: #00b2d2
}

#section-performance .swiper {
    position: absolute
}

#section-performance .swiper-filled .swiper-wrapper, #section-performance .swiper-outlined .swiper-wrapper {
    -webkit-transition-timing-function: easeOutCirc;
    -moz-transition-timing-function: easeOutCirc;
    -o-transition-timing-function: easeOutCirc;
    transition-timing-function: easeOutCirc
}

#section-performance .swiper-outlined .swiper-wrapper .swiper-slide img {
    position: relative;
    -webkit-transform: translateX(-33%);
    -moz-transform: translateX(-33%);
    -ms-transform: translateX(-33%);
    -o-transform: translateX(-33%);
    transform: translate(-33%)
}

#section-camera [progress], #section-smooth [progress] {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-smooth [ani-grid-1] {
    background: -webkit-linear-gradient(246.29deg, #e3fdfc 24.35%, #fff 80.71%);
    background: -moz-linear-gradient(246.29deg, #e3fdfc 24.35%, #fff 80.71%);
    background: -o-linear-gradient(246.29deg, #e3fdfc 24.35%, #fff 80.71%);
    background: linear-gradient(203.71deg, #e3fdfc 24.35%, #fff 80.71%)
}

#section-smooth [card-img] {
    -webkit-filter: drop-shadow(30px 34px 46px rgba(0, 0, 0, .1));
    filter: drop-shadow(30px 34px 46px rgba(0, 0, 0, .1))
}

#section-smooth .swiper {
    margin-left: -16px;
    padding-left: 32px;
    padding-right: 32px
}

#section-smooth .swiper .swiper-slide {
    margin-right: calc(var(--rpx, 1px)*34);
    width: -webkit-calc(var(--rpx, 1px)*164);
    width: -moz-calc(var(--rpx, 1px)*164);
    width: calc(var(--rpx, 1px)*164)
}

#section-smooth .swiper .swiper-slide:last-child {
    margin-right: 0
}

body.no-scroll {
    overflow-y: hidden
}

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

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

    #section-performance .swiper-filled .swiper-wrapper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*26);
        width: -webkit-calc(var(--rpx, 1px)*330);
        width: -moz-calc(var(--rpx, 1px)*330);
        width: calc(var(--rpx, 1px)*330)
    }

    #section-performance .swiper-outlined .swiper-wrapper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*26);
        width: -webkit-calc(var(--rpx, 1px)*278);
        width: -moz-calc(var(--rpx, 1px)*278);
        width: calc(var(--rpx, 1px)*278)
    }

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

    #section-camera [ani-grid-2] .swiper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*20);
        width: -webkit-calc(var(--rpx, 1px)*450);
        width: -moz-calc(var(--rpx, 1px)*450);
        width: calc(var(--rpx, 1px)*450)
    }

    #section-camera [ani-grid-2] .swiper .swiper-slide:last-child {
        margin-right: 0
    }

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

    #section-camera [ani-grid-6] .swiper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*20);
        width: -webkit-calc(var(--rpx, 1px)*784);
        width: -moz-calc(var(--rpx, 1px)*784);
        width: calc(var(--rpx, 1px)*784)
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide:nth-child(2) {
        width: -webkit-calc(var(--rpx, 1px)*450);
        width: -moz-calc(var(--rpx, 1px)*450);
        width: calc(var(--rpx, 1px)*450)
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide:last-child {
        margin-right: 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)
    }

    #section-performance .swiper-filled .swiper-wrapper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*16);
        width: -webkit-calc(var(--rpx, 1px)*207);
        width: -moz-calc(var(--rpx, 1px)*207);
        width: calc(var(--rpx, 1px)*207)
    }

    #section-performance .swiper-outlined .swiper-wrapper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*16);
        width: -webkit-calc(var(--rpx, 1px)*174);
        width: -moz-calc(var(--rpx, 1px)*174);
        width: calc(var(--rpx, 1px)*174)
    }

    #section-camera [ani-grid-2] .swiper {
        padding-left: 16px;
        padding-right: 16px
    }

    #section-camera [ani-grid-2] .swiper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*8);
        width: -webkit-calc(var(--rpx, 1px)*246);
        width: -moz-calc(var(--rpx, 1px)*246);
        width: calc(var(--rpx, 1px)*246)
    }

    #section-camera [ani-grid-2] .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-camera [ani-grid-6] .swiper {
        padding-left: 16px;
        padding-right: 16px
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*8);
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide:nth-child(2) {
        width: -webkit-calc(var(--rpx, 1px)*246);
        width: -moz-calc(var(--rpx, 1px)*246);
        width: calc(var(--rpx, 1px)*246)
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-smooth [card-img] {
        -webkit-filter: drop-shadow(5px 5px 9px rgba(0, 0, 0, .1));
        filter: drop-shadow(5px 5px 9px rgba(0, 0, 0, .1))
    }
}

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

    #section-camera [ani-grid-2] .swiper {
        padding-left: 24px;
        padding-right: 24px
    }

    #section-camera [ani-grid-2] .swiper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*20);
        width: -webkit-calc(var(--rpx, 1px)*300);
        width: -moz-calc(var(--rpx, 1px)*300);
        width: calc(var(--rpx, 1px)*300)
    }

    #section-camera [ani-grid-2] .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-camera [ani-grid-6] .swiper {
        padding-left: 24px;
        padding-right: 24px
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*20);
        width: -webkit-calc(var(--rpx, 1px)*400);
        width: -moz-calc(var(--rpx, 1px)*400);
        width: calc(var(--rpx, 1px)*400)
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide:nth-child(2) {
        width: -webkit-calc(var(--rpx, 1px)*300);
        width: -moz-calc(var(--rpx, 1px)*300);
        width: calc(var(--rpx, 1px)*300)
    }

    #section-camera [ani-grid-6] .swiper .swiper-slide:last-child {
        margin-right: 0
    }
}

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

@media (min-width:1200px) {
    .zn--wrapper .large-pc {
        display: block
    }
}

@media (max-width:1150px) and (min-width:1024px) {
    #section-kv .bg-img {
        -o-object-position: right;
        object-position: right
    }

    #section-kv [ani-kv-text] {
        -webkit-transform: translateX(-60px) translateY(-100px);
        -moz-transform: translateX(-60px) translateY(-100px);
        -ms-transform: translateX(-60px) translateY(-100px);
        -o-transform: translateX(-60px) translateY(-100px);
        transform: translate(-60px) translateY(-100px)
    }
}

@media (max-width:1450px) and (min-width:1150px) {
    #section-kv .bg-img {
        -o-object-position: right;
        object-position: right
    }
}

@media (max-width:1440px) and (min-width:1024px) and (min-aspect-ratio:1.98) {
    #section-ksp [ani-grid-img] {
        height: 230px;
        margin-top: 4px
    }

    #section-ksp [ani-title-line] {
        margin-top: 12px
    }
}

@media (max-width:1023px) and (min-width:650px) {
    #section-performance .swiper-filled .swiper-wrapper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*26);
        width: -webkit-calc(var(--rpx, 1px)*200);
        width: -moz-calc(var(--rpx, 1px)*200);
        width: calc(var(--rpx, 1px)*200)
    }

    #section-performance .swiper-outlined .swiper-wrapper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*26);
        width: -webkit-calc(var(--rpx, 1px)*160);
        width: -moz-calc(var(--rpx, 1px)*160);
        width: calc(var(--rpx, 1px)*160)
    }
}

@media (max-width:1400px) and (min-width:1024px) and (min-aspect-ratio:2) {
    #section-power [ani-battery] {
        margin-top: 24px
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-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: -ms-flexbox;
    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);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    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);
        -o-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)
    }

    .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));
        -o-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;
        -o-transition: opacity .6s, -o-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, -o-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));
        -o-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;
        -o-transition: opacity 1s, -o-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, -o-transform 1s
    }

    .fade-in-pc.show, .fade-in-pc[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-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));
        -o-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;
        -o-transition: opacity .6s, -o-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, -o-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));
        -o-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;
        -o-transition: opacity 1s, -o-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, -o-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-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)
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        -o-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-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, -o-transform .6s
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        -o-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-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, -o-transform 1s
    }

    .fade-in-mo.show, .fade-in-mo[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        -o-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-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, -o-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        -o-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-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, -o-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-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)
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px
    }
}

.zn--wrapper, .zn--wrapper .font-t {
    font-family: inherit
}

.zn--wrapper .font-b {
    font-family: inherit
}

.zn--wrapper .font-m {
    font-family: inherit
}

.zn--wrapper .font-r {
    font-family: inherit
}

.zn--wrapper .font-l {
    font-family: inherit
}

.zn--wrapper .font-d {
    font-family: inherit
}

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

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] {
    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%
}

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