body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

:root {
    --vw: 1vw;
    --r: 1;
    --vh: 1vh;
}

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

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

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

.g--popup [ltr] {
    direction: ltr
}

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

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

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

.g--popup .g--popup-container:after {
    content: "";
    height: 30%;
    position: absolute;
    top: 99%;
    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, .g--popup-container.v2:after {
    background: #201f1c
}

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

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

#zn--gallery-modal-1 .g--popup-container.v1, #zn--gallery-modal-2 .g--popup-container.v1, #zn--gallery-modal-4 .g--popup-container.v1, #zn--gallery-modal-5 .g--popup-container.v1 {
    background: #fff
}

#zn--gallery-modal-1 .g--popup-container.v1:after, #zn--gallery-modal-2 .g--popup-container.v1:after, #zn--gallery-modal-4 .g--popup-container.v1:after, #zn--gallery-modal-5 .g--popup-container.v1:after {
    background: #fff;
    z-index: 3
}

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

.zn--gallery-modal .g--gallery-wrapper {
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100);
    overflow: scroll;
    width: 100%
}

.zn--gallery-modal .g--gallery-wrapper::-webkit-scrollbar {
    display: none
}

.zn--gallery-modal .g--gallery-wrapper .blur-label {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.zn--gallery-modal .g--gallery-wrapper .control-panel {
    cursor: col-resize
}

.zn--gallery-modal .g--gallery-wrapper .control-panel img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

.light-theme :not(.dark-theme) .g--popup-container.v2, .light-theme :not(.dark-theme) .g--popup-container.v2:after {
    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)
    }

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

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

    .zn--gallery-modal .g--gallery-wrapper .smooth-card {
        background: -webkit-radial-gradient(-20.5% -35%, 158.02% 188.34%, #6677af 0, #182653 36%, #010101 78%);
        background: -moz-radial-gradient(-20.5% -35%, 158.02% 188.34%, #6677af 0, #182653 36%, #010101 78%);
        background: radial-gradient(158.02% 188.34% at -20.5% -35%, #6677af 0, #182653 36%, #010101 78%)
    }
}

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

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

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

    .g--popup .g--video-wrapper.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)
    }

    .g--popup.zn--gallery-modal .g--popup-close.v2 {
        right: -webkit-calc(var(--rpx, 1px)*34);
        right: -moz-calc(var(--rpx, 1px)*34);
        right: calc(var(--rpx, 1px)*34);
        top: -webkit-calc(var(--rpx, 1px)*20);
        top: -moz-calc(var(--rpx, 1px)*20);
        top: calc(var(--rpx, 1px)*20)
    }
}

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

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

    .g--popup .g--video-wrapper.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-\[rgb\(255\,255\,255\)\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

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

.hidden {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

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

.h-1px {
    height: 1px
}

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

.h-3px {
    height: 3px
}

.h-10px {
    height: 10px
}

.h-16\.67px {
    height: 16.67px
}

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

.h-\[0px\] {
    height: 0
}

.h-26px {
    height: 26px
}

.h-4px {
    height: 4px
}

.text-32px {
    font-size: 32px;
    line-height: 1
}

.text-18px {
    font-size: 18px;
    line-height: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.opacity-0 {
    opacity: 0
}

.opacity-80 {
    opacity: .8
}

.overflow-hidden {
    overflow: hidden
}

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

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

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

.bottom-0 {
    bottom: 0
}

.right-0 {
    right: 0
}

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

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

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

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

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

.text-center {
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.invisible {
    visibility: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.w-full {
    width: 100%
}

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

.w-2px {
    width: 2px
}

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

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

.w-16\.67px {
    width: 16.67px
}

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

.w-140px {
    width: 140px
}

.z-1 {
    z-index: 1
}

.z-3 {
    z-index: 3
}

.z-2 {
    z-index: 2
}

.z-30 {
    z-index: 30
}

.z-10 {
    z-index: 10
}

.gap-12rpx {
    grid-gap: -webkit-calc(var(--rpx, 1px)*12);
    grid-gap: -moz-calc(var(--rpx, 1px)*12);
    grid-gap: calc(var(--rpx, 1px)*12);
    gap: -webkit-calc(var(--rpx, 1px)*12);
    gap: -moz-calc(var(--rpx, 1px)*12);
    gap: calc(var(--rpx, 1px)*12)
}

.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-bottom {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom
}

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

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

.translate-y-100vh {
    --tw-translate-y: 100vh;
    --tw-translate-y: -webkit-calc(var(--vh, 1vh)*100);
    --tw-translate-y: -moz-calc(var(--vh, 1vh)*100);
    --tw-translate-y: calc(var(--vh, 1vh)*100)
}

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

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

.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-\[6px\] {
    --tw-blur: blur(6px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:mr-12px {
        margin-right: 12px
    }

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

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

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

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

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

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

    .pad\:mr-8px {
        margin-right: 8px
    }

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

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

    .pad\:mr-0px {
        margin-right: 0
    }

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

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

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

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

    .pad\:min-w-350px {
        min-width: 350px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:right-\[calc\(50vw-17rpx\)\] {
        right: -webkit-calc(50vw - var(--rpx, 1px)*17);
        right: -moz-calc(50vw - var(--rpx, 1px)*17);
        right: calc(50vw - var(--rpx, 1px)*17);
        right: -webkit-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*17);
        right: -moz-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*17);
        right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*17)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:-translate-x-\[50\%\] {
        --tw-translate-x: -50%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:h-16\.67px {
        height: 16.67px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:min-h-420px {
        min-height: 420px
    }

    .pc\:min-h-400px {
        min-height: 400px
    }

    .pc\:min-h-360px {
        min-height: 360px
    }

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

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

    .pc\:min-w-350px {
        min-width: 350px
    }

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

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

    .pc\:min-w-450px {
        min-width: 450px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:pt-6\.458vw {
        padding-top: 6.458vw;
        padding-top: calc(var(--vw, 1vw)*6.458)
    }

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

    .pc\:absolute {
        position: absolute
    }

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

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

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

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

    .pc\:right-2\.2vw {
        right: 2.2vw;
        right: -webkit-calc(var(--vw, 1vw)*2.2);
        right: -moz-calc(var(--vw, 1vw)*2.2);
        right: calc(var(--vw, 1vw)*2.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:left-1\/2 {
        left: 50%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:w-16\.67px {
        width: 16.67px
    }

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

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

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

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

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

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

    .pc\:-translate-x-\[50\%\] {
        --tw-translate-x: -50%
    }

    .pc\:-translate-y-\[50\%\] {
        --tw-translate-y: -50%
    }

    .pc\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:h-\[calc\(100\%-16rpx\)\] {
        height: -webkit-calc(100% - var(--rpx, 1px)*16);
        height: -moz-calc(100% - var(--rpx, 1px)*16);
        height: calc(100% - var(--rpx, 1px)*16)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:h-53px {
        height: 53px
    }

    .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-442rpx {
        height: -webkit-calc(var(--rpx, 1px)*442);
        height: -moz-calc(var(--rpx, 1px)*442);
        height: calc(var(--rpx, 1px)*442)
    }

    .mo\:h-334rpx {
        height: -webkit-calc(var(--rpx, 1px)*334);
        height: -moz-calc(var(--rpx, 1px)*334);
        height: calc(var(--rpx, 1px)*334)
    }

    .mo\:h-330rpx {
        height: -webkit-calc(var(--rpx, 1px)*330);
        height: -moz-calc(var(--rpx, 1px)*330);
        height: calc(var(--rpx, 1px)*330)
    }

    .mo\:h-329rpx {
        height: -webkit-calc(var(--rpx, 1px)*329);
        height: -moz-calc(var(--rpx, 1px)*329);
        height: calc(var(--rpx, 1px)*329)
    }

    .mo\:my-8rpx {
        margin-bottom: calc(var(--rpx, 1px)*8);
        margin-top: calc(var(--rpx, 1px)*8)
    }

    .mo\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .mo\:mt-16rpx {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    .mo\:mt-32rpx {
        margin-top: calc(var(--rpx, 1px)*32)
    }

    .mo\:mt-52rpx {
        margin-top: calc(var(--rpx, 1px)*52)
    }

    .mo\:mt-34rpx {
        margin-top: calc(var(--rpx, 1px)*34)
    }

    .mo\:mt-20rpx {
        margin-top: calc(var(--rpx, 1px)*20)
    }

    .mo\:mr-10rpx {
        margin-right: calc(var(--rpx, 1px)*10)
    }

    .mo\:mt-25rpx {
        margin-top: calc(var(--rpx, 1px)*25)
    }

    .mo\:ml-8rpx {
        margin-left: calc(var(--rpx, 1px)*8)
    }

    .mo\:-mt-2px {
        margin-top: -2px
    }

    .mo\:mt-4rpx {
        margin-top: calc(var(--rpx, 1px)*4)
    }

    .mo\:mt-8rpx {
        margin-top: calc(var(--rpx, 1px)*8)
    }

    .mo\:mb-8rpx {
        margin-bottom: calc(var(--rpx, 1px)*8)
    }

    .mo\:mt-80rpx {
        margin-top: calc(var(--rpx, 1px)*80)
    }

    .mo\:mr-48rpx {
        margin-right: calc(var(--rpx, 1px)*48)
    }

    .mo\:mr-8rpx {
        margin-right: calc(var(--rpx, 1px)*8)
    }

    .mo\:mb-10rpx {
        margin-bottom: calc(var(--rpx, 1px)*10)
    }

    .mo\:-mt-14rpx {
        margin-top: calc(var(--rpx, 1px)*-14)
    }

    .mo\:mr-12px {
        margin-right: 12px
    }

    .mo\:mt-24rpx {
        margin-top: calc(var(--rpx, 1px)*24)
    }

    .mo\:mt-64rpx {
        margin-top: calc(var(--rpx, 1px)*64)
    }

    .mo\:mt-28rpx {
        margin-top: calc(var(--rpx, 1px)*28)
    }

    .mo\:mt-18rpx {
        margin-top: calc(var(--rpx, 1px)*18)
    }

    .mo\:-mt-160rpx {
        margin-top: calc(var(--rpx, 1px)*-160)
    }

    .mo\:-mt-106rpx {
        margin-top: calc(var(--rpx, 1px)*-106)
    }

    .mo\:mb-4rpx {
        margin-bottom: calc(var(--rpx, 1px)*4)
    }

    .mo\:mt-38rpx {
        margin-top: calc(var(--rpx, 1px)*38)
    }

    .mo\:mr-24rpx {
        margin-right: calc(var(--rpx, 1px)*24)
    }

    .mo\:mr-8px {
        margin-right: 8px
    }

    .mo\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .mo\:mr-0px {
        margin-right: 0
    }

    .mo\:ml-16px {
        margin-left: 16px
    }

    .mo\:mt-16px {
        margin-top: 16px
    }

    .mo\:mt-452px {
        margin-top: 452px
    }

    .mo\:opacity-100 {
        opacity: 1
    }

    .mo\:overflow-hidden {
        overflow: hidden
    }

    .mo\:p-20rpx {
        padding: calc(var(--rpx, 1px)*20)
    }

    .mo\:p-2rpx {
        padding: calc(var(--rpx, 1px)*2)
    }

    .mo\:py-36rpx {
        padding-bottom: calc(var(--rpx, 1px)*36);
        padding-top: calc(var(--rpx, 1px)*36)
    }

    .mo\:px-16rpx {
        padding-left: calc(var(--rpx, 1px)*16);
        padding-right: calc(var(--rpx, 1px)*16)
    }

    .mo\:py-10rpx {
        padding-bottom: calc(var(--rpx, 1px)*10);
        padding-top: calc(var(--rpx, 1px)*10)
    }

    .mo\:px-8rpx {
        padding-left: calc(var(--rpx, 1px)*8);
        padding-right: calc(var(--rpx, 1px)*8)
    }

    .mo\:px-15rpx {
        padding-left: calc(var(--rpx, 1px)*15);
        padding-right: calc(var(--rpx, 1px)*15)
    }

    .mo\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .mo\:py-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80);
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .mo\:py-20rpx {
        padding-bottom: calc(var(--rpx, 1px)*20);
        padding-top: calc(var(--rpx, 1px)*20)
    }

    .mo\:py-7\.5rpx {
        padding-bottom: calc(var(--rpx, 1px)*7.5);
        padding-top: calc(var(--rpx, 1px)*7.5)
    }

    .mo\:py-32rpx {
        padding-bottom: calc(var(--rpx, 1px)*32);
        padding-top: calc(var(--rpx, 1px)*32)
    }

    .mo\:px-20rpx {
        padding-left: calc(var(--rpx, 1px)*20);
        padding-right: calc(var(--rpx, 1px)*20)
    }

    .mo\:py-15rpx {
        padding-bottom: calc(var(--rpx, 1px)*15);
        padding-top: calc(var(--rpx, 1px)*15)
    }

    .mo\:py-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48);
        padding-top: calc(var(--rpx, 1px)*48)
    }

    .mo\:py-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64);
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .mo\:py-40rpx {
        padding-bottom: calc(var(--rpx, 1px)*40);
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .mo\:py-3rpx {
        padding-bottom: calc(var(--rpx, 1px)*3);
        padding-top: calc(var(--rpx, 1px)*3)
    }

    .mo\:px-9rpx {
        padding-left: calc(var(--rpx, 1px)*9);
        padding-right: calc(var(--rpx, 1px)*9)
    }

    .mo\:px-12rpx {
        padding-left: calc(var(--rpx, 1px)*12);
        padding-right: calc(var(--rpx, 1px)*12)
    }

    .mo\:px-28rpx {
        padding-left: calc(var(--rpx, 1px)*28);
        padding-right: calc(var(--rpx, 1px)*28)
    }

    .mo\:py-2rpx {
        padding-bottom: calc(var(--rpx, 1px)*2);
        padding-top: calc(var(--rpx, 1px)*2)
    }

    .mo\:px-10rpx {
        padding-left: calc(var(--rpx, 1px)*10);
        padding-right: calc(var(--rpx, 1px)*10)
    }

    .mo\:pt-106rpx {
        padding-top: calc(var(--rpx, 1px)*106)
    }

    .mo\:pb-68rpx {
        padding-bottom: calc(var(--rpx, 1px)*68)
    }

    .mo\:pt-36rpx {
        padding-top: calc(var(--rpx, 1px)*36)
    }

    .mo\:pr-31rpx {
        padding-right: calc(var(--rpx, 1px)*31)
    }

    .mo\:pl-16rpx {
        padding-left: calc(var(--rpx, 1px)*16)
    }

    .mo\:pt-34rpx {
        padding-top: calc(var(--rpx, 1px)*34)
    }

    .mo\:pr-34rpx {
        padding-right: calc(var(--rpx, 1px)*34)
    }

    .mo\:pt-64rpx {
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .mo\:pt-20rpx {
        padding-top: calc(var(--rpx, 1px)*20)
    }

    .mo\:pr-63rpx {
        padding-right: calc(var(--rpx, 1px)*63)
    }

    .mo\:pt-32rpx {
        padding-top: calc(var(--rpx, 1px)*32)
    }

    .mo\:pb-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64)
    }

    .mo\:pt-697rpx {
        padding-top: calc(var(--rpx, 1px)*697)
    }

    .mo\:pb-51rpx {
        padding-bottom: calc(var(--rpx, 1px)*51)
    }

    .mo\:pb-32rpx {
        padding-bottom: calc(var(--rpx, 1px)*32)
    }

    .mo\:pb-30rpx {
        padding-bottom: calc(var(--rpx, 1px)*30)
    }

    .mo\:pt-30rpx {
        padding-top: calc(var(--rpx, 1px)*30)
    }

    .mo\:pb-20rpx {
        padding-bottom: calc(var(--rpx, 1px)*20)
    }

    .mo\:pt-40rpx {
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .mo\:pt-80rpx {
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .mo\:pl-16px {
        padding-left: 16px
    }

    .mo\:pr-40rpx {
        padding-right: calc(var(--rpx, 1px)*40)
    }

    .mo\:pb-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48)
    }

    .mo\:pt-52px {
        padding-top: 52px
    }

    .mo\:pt-24rpx {
        padding-top: calc(var(--rpx, 1px)*24)
    }

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

    .mo\:left-0 {
        left: 0
    }

    .mo\:top-0 {
        top: 0
    }

    .mo\:top-16rpx {
        top: -webkit-calc(var(--rpx, 1px)*16);
        top: -moz-calc(var(--rpx, 1px)*16);
        top: calc(var(--rpx, 1px)*16)
    }

    .mo\:-left-16rpx {
        left: -webkit-calc(var(--rpx, 1px)*-16);
        left: -moz-calc(var(--rpx, 1px)*-16);
        left: calc(var(--rpx, 1px)*-16)
    }

    .mo\:bottom-0 {
        bottom: 0
    }

    .mo\:right-0 {
        right: 0
    }

    .mo\:-top-129rpx {
        top: -webkit-calc(var(--rpx, 1px)*-129);
        top: -moz-calc(var(--rpx, 1px)*-129);
        top: calc(var(--rpx, 1px)*-129)
    }

    .mo\:left-83rpx {
        left: -webkit-calc(var(--rpx, 1px)*83);
        left: -moz-calc(var(--rpx, 1px)*83);
        left: calc(var(--rpx, 1px)*83)
    }

    .mo\:top-10rpx {
        top: -webkit-calc(var(--rpx, 1px)*10);
        top: -moz-calc(var(--rpx, 1px)*10);
        top: calc(var(--rpx, 1px)*10)
    }

    .mo\:left-5rpx {
        left: -webkit-calc(var(--rpx, 1px)*5);
        left: -moz-calc(var(--rpx, 1px)*5);
        left: calc(var(--rpx, 1px)*5)
    }

    .mo\:top-3\.9rpx {
        top: -webkit-calc(var(--rpx, 1px)*3.9);
        top: -moz-calc(var(--rpx, 1px)*3.9);
        top: calc(var(--rpx, 1px)*3.9)
    }

    .mo\:right-20rpx {
        right: -webkit-calc(var(--rpx, 1px)*20);
        right: -moz-calc(var(--rpx, 1px)*20);
        right: calc(var(--rpx, 1px)*20)
    }

    .mo\:left-\[50\%\] {
        left: 50%
    }

    .mo\:top-3\.92rpx {
        top: -webkit-calc(var(--rpx, 1px)*3.92);
        top: -moz-calc(var(--rpx, 1px)*3.92);
        top: calc(var(--rpx, 1px)*3.92)
    }

    .mo\:bottom-50rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*50);
        bottom: -moz-calc(var(--rpx, 1px)*50);
        bottom: calc(var(--rpx, 1px)*50)
    }

    .mo\:right-12rpx {
        right: -webkit-calc(var(--rpx, 1px)*12);
        right: -moz-calc(var(--rpx, 1px)*12);
        right: calc(var(--rpx, 1px)*12)
    }

    .mo\:bottom-12rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*12);
        bottom: -moz-calc(var(--rpx, 1px)*12);
        bottom: calc(var(--rpx, 1px)*12)
    }

    .mo\:right-10rpx {
        right: -webkit-calc(var(--rpx, 1px)*10);
        right: -moz-calc(var(--rpx, 1px)*10);
        right: calc(var(--rpx, 1px)*10)
    }

    .mo\:bottom-10rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*10);
        bottom: -moz-calc(var(--rpx, 1px)*10);
        bottom: calc(var(--rpx, 1px)*10)
    }

    .mo\:left-4\.8rpx {
        left: -webkit-calc(var(--rpx, 1px)*4.8);
        left: -moz-calc(var(--rpx, 1px)*4.8);
        left: calc(var(--rpx, 1px)*4.8)
    }

    .mo\:top-5\.17rpx {
        top: -webkit-calc(var(--rpx, 1px)*5.17);
        top: -moz-calc(var(--rpx, 1px)*5.17);
        top: calc(var(--rpx, 1px)*5.17)
    }

    .mo\:bottom-48rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*48);
        bottom: -moz-calc(var(--rpx, 1px)*48);
        bottom: calc(var(--rpx, 1px)*48)
    }

    .mo\:left-8rpx {
        left: -webkit-calc(var(--rpx, 1px)*8);
        left: -moz-calc(var(--rpx, 1px)*8);
        left: calc(var(--rpx, 1px)*8)
    }

    .mo\:bottom-40rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*40);
        bottom: -moz-calc(var(--rpx, 1px)*40);
        bottom: calc(var(--rpx, 1px)*40)
    }

    .mo\:bottom-20rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*20);
        bottom: -moz-calc(var(--rpx, 1px)*20);
        bottom: calc(var(--rpx, 1px)*20)
    }

    .mo\:left-86rpx {
        left: -webkit-calc(var(--rpx, 1px)*86);
        left: -moz-calc(var(--rpx, 1px)*86);
        left: calc(var(--rpx, 1px)*86)
    }

    .mo\:right-86rpx {
        right: -webkit-calc(var(--rpx, 1px)*86);
        right: -moz-calc(var(--rpx, 1px)*86);
        right: calc(var(--rpx, 1px)*86)
    }

    .mo\:-top-1\.24rpx {
        top: -webkit-calc(var(--rpx, 1px)*-1.24);
        top: -moz-calc(var(--rpx, 1px)*-1.24);
        top: calc(var(--rpx, 1px)*-1.24)
    }

    .mo\:-left-28\.38rpx {
        left: -webkit-calc(var(--rpx, 1px)*-28.38);
        left: -moz-calc(var(--rpx, 1px)*-28.38);
        left: calc(var(--rpx, 1px)*-28.38)
    }

    .mo\:-left-351rpx {
        left: -webkit-calc(var(--rpx, 1px)*-351);
        left: -moz-calc(var(--rpx, 1px)*-351);
        left: calc(var(--rpx, 1px)*-351)
    }

    .mo\:-top-93\.47rpx {
        top: -webkit-calc(var(--rpx, 1px)*-93.47);
        top: -moz-calc(var(--rpx, 1px)*-93.47);
        top: calc(var(--rpx, 1px)*-93.47)
    }

    .mo\:left-14rpx {
        left: -webkit-calc(var(--rpx, 1px)*14);
        left: -moz-calc(var(--rpx, 1px)*14);
        left: calc(var(--rpx, 1px)*14)
    }

    .mo\:top-14rpx {
        top: -webkit-calc(var(--rpx, 1px)*14);
        top: -moz-calc(var(--rpx, 1px)*14);
        top: calc(var(--rpx, 1px)*14)
    }

    .mo\:right-180rpx {
        right: -webkit-calc(var(--rpx, 1px)*180);
        right: -moz-calc(var(--rpx, 1px)*180);
        right: calc(var(--rpx, 1px)*180)
    }

    .mo\:top-320rpx {
        top: -webkit-calc(var(--rpx, 1px)*320);
        top: -moz-calc(var(--rpx, 1px)*320);
        top: calc(var(--rpx, 1px)*320)
    }

    .mo\:left-180rpx {
        left: -webkit-calc(var(--rpx, 1px)*180);
        left: -moz-calc(var(--rpx, 1px)*180);
        left: calc(var(--rpx, 1px)*180)
    }

    .mo\:right-\[calc\(50vw-102\.9rpx\)\] {
        right: -webkit-calc(50vw - var(--rpx, 1px)*102.9);
        right: -moz-calc(50vw - var(--rpx, 1px)*102.9);
        right: calc(50vw - var(--rpx, 1px)*102.9);
        right: -webkit-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*102.9);
        right: -moz-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*102.9);
        right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*102.9)
    }

    .mo\:top-275rpx {
        top: -webkit-calc(var(--rpx, 1px)*275);
        top: -moz-calc(var(--rpx, 1px)*275);
        top: calc(var(--rpx, 1px)*275)
    }

    .mo\:left-7\.2rpx {
        left: -webkit-calc(var(--rpx, 1px)*7.2);
        left: -moz-calc(var(--rpx, 1px)*7.2);
        left: calc(var(--rpx, 1px)*7.2)
    }

    .mo\:top-3\.8rpx {
        top: -webkit-calc(var(--rpx, 1px)*3.8);
        top: -moz-calc(var(--rpx, 1px)*3.8);
        top: calc(var(--rpx, 1px)*3.8)
    }

    .mo\:left-1\/2 {
        left: 50%
    }

    .mo\:bottom-70rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*70);
        bottom: -moz-calc(var(--rpx, 1px)*70);
        bottom: calc(var(--rpx, 1px)*70)
    }

    .mo\:top-190px {
        top: 190px
    }

    .mo\:top-192px {
        top: 192px
    }

    .mo\:left-37rpx {
        left: -webkit-calc(var(--rpx, 1px)*37);
        left: -moz-calc(var(--rpx, 1px)*37);
        left: calc(var(--rpx, 1px)*37)
    }

    .mo\:text-center {
        text-align: center
    }

    .mo\:text-\[rgba\(255\,255\,255\,0\.95\)\] {
        --tw-text-opacity: .95;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .mo\:w-full {
        width: 100%
    }

    .mo\:w-328rpx {
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .mo\:w-66rpx {
        width: -webkit-calc(var(--rpx, 1px)*66);
        width: -moz-calc(var(--rpx, 1px)*66);
        width: calc(var(--rpx, 1px)*66)
    }

    .mo\:w-213px {
        width: 213px
    }

    .mo\:w-34rpx {
        width: -webkit-calc(var(--rpx, 1px)*34);
        width: -moz-calc(var(--rpx, 1px)*34);
        width: calc(var(--rpx, 1px)*34)
    }

    .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-84\.67rpx {
        width: -webkit-calc(var(--rpx, 1px)*84.67);
        width: -moz-calc(var(--rpx, 1px)*84.67);
        width: calc(var(--rpx, 1px)*84.67)
    }

    .mo\:w-460rpx {
        width: -webkit-calc(var(--rpx, 1px)*460);
        width: -moz-calc(var(--rpx, 1px)*460);
        width: calc(var(--rpx, 1px)*460)
    }

    .mo\:w-280rpx {
        width: -webkit-calc(var(--rpx, 1px)*280);
        width: -moz-calc(var(--rpx, 1px)*280);
        width: calc(var(--rpx, 1px)*280)
    }

    .mo\:w-120rpx {
        width: -webkit-calc(var(--rpx, 1px)*120);
        width: -moz-calc(var(--rpx, 1px)*120);
        width: calc(var(--rpx, 1px)*120)
    }

    .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-160rpx {
        width: -webkit-calc(var(--rpx, 1px)*160);
        width: -moz-calc(var(--rpx, 1px)*160);
        width: calc(var(--rpx, 1px)*160)
    }

    .mo\:w-97\.96rpx {
        width: -webkit-calc(var(--rpx, 1px)*97.96);
        width: -moz-calc(var(--rpx, 1px)*97.96);
        width: calc(var(--rpx, 1px)*97.96)
    }

    .mo\:w-139\.75rpx {
        width: -webkit-calc(var(--rpx, 1px)*139.75);
        width: -moz-calc(var(--rpx, 1px)*139.75);
        width: calc(var(--rpx, 1px)*139.75)
    }

    .mo\:w-142\.93rpx {
        width: -webkit-calc(var(--rpx, 1px)*142.93);
        width: -moz-calc(var(--rpx, 1px)*142.93);
        width: calc(var(--rpx, 1px)*142.93)
    }

    .mo\:w-20px {
        width: 20px
    }

    .mo\:w-162rpx {
        width: -webkit-calc(var(--rpx, 1px)*162);
        width: -moz-calc(var(--rpx, 1px)*162);
        width: calc(var(--rpx, 1px)*162)
    }

    .mo\:w-151\.32rpx {
        width: -webkit-calc(var(--rpx, 1px)*151.32);
        width: -moz-calc(var(--rpx, 1px)*151.32);
        width: calc(var(--rpx, 1px)*151.32)
    }

    .mo\:w-36rpx {
        width: -webkit-calc(var(--rpx, 1px)*36);
        width: -moz-calc(var(--rpx, 1px)*36);
        width: calc(var(--rpx, 1px)*36)
    }

    .mo\:w-150\.4rpx {
        width: -webkit-calc(var(--rpx, 1px)*150.4);
        width: -moz-calc(var(--rpx, 1px)*150.4);
        width: calc(var(--rpx, 1px)*150.4)
    }

    .mo\:w-300rpx {
        width: -webkit-calc(var(--rpx, 1px)*300);
        width: -moz-calc(var(--rpx, 1px)*300);
        width: calc(var(--rpx, 1px)*300)
    }

    .mo\:w-322rpx {
        width: -webkit-calc(var(--rpx, 1px)*322);
        width: -moz-calc(var(--rpx, 1px)*322);
        width: calc(var(--rpx, 1px)*322)
    }

    .mo\:w-320rpx {
        width: -webkit-calc(var(--rpx, 1px)*320);
        width: -moz-calc(var(--rpx, 1px)*320);
        width: calc(var(--rpx, 1px)*320)
    }

    .mo\:w-151\.93rpx {
        width: -webkit-calc(var(--rpx, 1px)*151.93);
        width: -moz-calc(var(--rpx, 1px)*151.93);
        width: calc(var(--rpx, 1px)*151.93)
    }

    .mo\:w-245\.14rpx {
        width: -webkit-calc(var(--rpx, 1px)*245.14);
        width: -moz-calc(var(--rpx, 1px)*245.14);
        width: calc(var(--rpx, 1px)*245.14)
    }

    .mo\:w-891rpx {
        width: -webkit-calc(var(--rpx, 1px)*891);
        width: -moz-calc(var(--rpx, 1px)*891);
        width: calc(var(--rpx, 1px)*891)
    }

    .mo\:w-165rpx {
        width: -webkit-calc(var(--rpx, 1px)*165);
        width: -moz-calc(var(--rpx, 1px)*165);
        width: calc(var(--rpx, 1px)*165)
    }

    .mo\:w-146rpx {
        width: -webkit-calc(var(--rpx, 1px)*146);
        width: -moz-calc(var(--rpx, 1px)*146);
        width: calc(var(--rpx, 1px)*146)
    }

    .mo\:w-147rpx {
        width: -webkit-calc(var(--rpx, 1px)*147);
        width: -moz-calc(var(--rpx, 1px)*147);
        width: calc(var(--rpx, 1px)*147)
    }

    .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-105rpx {
        width: -webkit-calc(var(--rpx, 1px)*105);
        width: -moz-calc(var(--rpx, 1px)*105);
        width: calc(var(--rpx, 1px)*105)
    }

    .mo\:w-60\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*60.9);
        width: -moz-calc(var(--rpx, 1px)*60.9);
        width: calc(var(--rpx, 1px)*60.9)
    }

    .mo\:w-61\.5rpx {
        width: -webkit-calc(var(--rpx, 1px)*61.5);
        width: -moz-calc(var(--rpx, 1px)*61.5);
        width: calc(var(--rpx, 1px)*61.5)
    }

    .mo\:w-60\.84rpx {
        width: -webkit-calc(var(--rpx, 1px)*60.84);
        width: -moz-calc(var(--rpx, 1px)*60.84);
        width: calc(var(--rpx, 1px)*60.84)
    }

    .mo\:w-61\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*61.2);
        width: -moz-calc(var(--rpx, 1px)*61.2);
        width: calc(var(--rpx, 1px)*61.2)
    }

    .mo\:w-105\.21rpx {
        width: -webkit-calc(var(--rpx, 1px)*105.21);
        width: -moz-calc(var(--rpx, 1px)*105.21);
        width: calc(var(--rpx, 1px)*105.21)
    }

    .mo\:w-60\.42rpx {
        width: -webkit-calc(var(--rpx, 1px)*60.42);
        width: -moz-calc(var(--rpx, 1px)*60.42);
        width: calc(var(--rpx, 1px)*60.42)
    }

    .mo\:w-59\.19rpx {
        width: -webkit-calc(var(--rpx, 1px)*59.19);
        width: -moz-calc(var(--rpx, 1px)*59.19);
        width: calc(var(--rpx, 1px)*59.19)
    }

    .mo\:w-205\.8rpx {
        width: -webkit-calc(var(--rpx, 1px)*205.8);
        width: -moz-calc(var(--rpx, 1px)*205.8);
        width: calc(var(--rpx, 1px)*205.8)
    }

    .mo\:w-332rpx {
        width: -webkit-calc(var(--rpx, 1px)*332);
        width: -moz-calc(var(--rpx, 1px)*332);
        width: calc(var(--rpx, 1px)*332)
    }

    .mo\:w-318\.29rpx {
        width: -webkit-calc(var(--rpx, 1px)*318.29);
        width: -moz-calc(var(--rpx, 1px)*318.29);
        width: calc(var(--rpx, 1px)*318.29)
    }

    .mo\:w-25rpx {
        width: -webkit-calc(var(--rpx, 1px)*25);
        width: -moz-calc(var(--rpx, 1px)*25);
        width: calc(var(--rpx, 1px)*25)
    }

    .mo\:w-80px {
        width: 80px
    }

    .mo\:w-154px {
        width: 154px
    }

    .mo\:w-254rpx {
        width: -webkit-calc(var(--rpx, 1px)*254);
        width: -moz-calc(var(--rpx, 1px)*254);
        width: calc(var(--rpx, 1px)*254)
    }

    .mo\:z-2 {
        z-index: 2
    }

    .mo\:transform {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-rotate: 0;
        --tw-rotate-x: 0;
        --tw-rotate-y: 0;
        --tw-rotate-z: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
    }

    .mo\:-translate-x-1\/2, .mo\:-translate-x-\[50\%\] {
        --tw-translate-x: -50%
    }
}

@media (min-width:1024px) {
    .pct\:text-36px {
        font-size: 36px;
        line-height: 1
    }

    .pct\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pct\:text-36rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*36);
        font-size: -moz-calc(var(--rpx, 1px)*36);
        font-size: calc(var(--rpx, 1px)*36);
        line-height: 1
    }

    .pct\:text-18rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*18);
        font-size: -moz-calc(var(--rpx, 1px)*18);
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .pct\:text-14rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*14);
        font-size: -moz-calc(var(--rpx, 1px)*14);
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .pct\:text-69px {
        font-size: 69px;
        line-height: 1
    }

    .pct\:text-33px {
        font-size: 33px;
        line-height: 1
    }

    .pct\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .pct\:text-96px {
        font-size: 96px;
        line-height: 1
    }

    .pct\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .pct\:text-40px {
        font-size: 40px;
        line-height: 1
    }

    .pct\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .pct\:text-48px {
        font-size: 48px;
        line-height: 1
    }

    .pct\:text-48rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*48);
        font-size: -moz-calc(var(--rpx, 1px)*48);
        font-size: calc(var(--rpx, 1px)*48);
        line-height: 1
    }

    .pct\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .pct\:text-22px {
        font-size: 22px;
        line-height: 1
    }

    .pct\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .pct\:text-40rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*40);
        font-size: -moz-calc(var(--rpx, 1px)*40);
        font-size: calc(var(--rpx, 1px)*40);
        line-height: 1
    }

    .pct\:text-44px {
        font-size: 44px;
        line-height: 1
    }

    .pct\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .pct\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .pct\:leading-\[43\.2px\] {
        line-height: 43.2px
    }

    .pct\:leading-\[21\.6px\] {
        line-height: 21.6px
    }

    .pct\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .pct\:leading-\[85px\] {
        line-height: 85px
    }

    .pct\:leading-\[40px\] {
        line-height: 40px
    }

    .pct\:leading-\[28px\] {
        line-height: 28px
    }

    .pct\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .pct\:leading-\[38px\] {
        line-height: 38px
    }

    .pct\:leading-\[16\.8px\] {
        line-height: 16.8px
    }

    .pct\:leading-\[58px\] {
        line-height: 58px
    }

    .pct\:leading-\[22px\] {
        line-height: 22px
    }

    .pct\:leading-\[57\.6px\] {
        line-height: 57.6px
    }

    .pct\:leading-\[39px\] {
        line-height: 39px
    }

    .pct\:leading-\[20px\] {
        line-height: 20px
    }

    .pct\:leading-\[115\.2px\] {
        line-height: 115.2px
    }

    .pct\:leading-\[1\.45\] {
        line-height: 1.45
    }

    .pct\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .pct\:leading-\[23\.4px\] {
        line-height: 23.4px
    }

    .pct\:leading-\[20\.8px\] {
        line-height: 20.8px
    }

    .pct\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .pct\:leading-\[52\.8px\] {
        line-height: 52.8px
    }

    .pct\:leading-\[38\.4px\] {
        line-height: 38.4px
    }

    .pct\:leading-\[33\.6px\] {
        line-height: 33.6px
    }

    .pct\:leading-\[18px\] {
        line-height: 18px
    }

    .pct\:leading-\[26px\] {
        line-height: 26px
    }

    .pct\:leading-\[19\.2px\] {
        line-height: 19.2px
    }
}

@media (max-width:1023px) {
    .mot\:h-457px {
        height: 457px
    }

    .mot\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .mot\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .mot\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .mot\:text-40px {
        font-size: 40px;
        line-height: 1
    }

    .mot\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .mot\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .mot\:text-44px {
        font-size: 44px;
        line-height: 1
    }

    .mot\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .mot\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .mot\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .mot\:text-15px {
        font-size: 15px;
        line-height: 1
    }

    .mot\:text-30px {
        font-size: 30px;
        line-height: 1
    }

    .mot\:text-24rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

    .mot\:text-16rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .mot\:leading-\[28\.8px\] {
        line-height: 28.8px
    }

    .mot\:leading-\[19\.2px\] {
        line-height: 19.2px
    }

    .mot\:leading-\[14\.4px\] {
        line-height: 14.4px
    }

    .mot\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .mot\:leading-\[50px\] {
        line-height: 50px
    }

    .mot\:leading-\[24px\] {
        line-height: 24px
    }

    .mot\:leading-\[21\.6px\] {
        line-height: 21.6px
    }

    .mot\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .mot\:leading-\[38px\] {
        line-height: 38px
    }

    .mot\:leading-\[38\.4px\] {
        line-height: 38.4px
    }

    .mot\:leading-\[16\.8px\] {
        line-height: 16.8px
    }

    .mot\:leading-\[22px\] {
        line-height: 22px
    }

    .mot\:leading-\[33\.6px\] {
        line-height: 33.6px
    }

    .mot\:leading-\[20px\] {
        line-height: 20px
    }

    .mot\:leading-\[52\.8px\] {
        line-height: 52.8px
    }

    .mot\:leading-\[1\.45\] {
        line-height: 1.45
    }

    .mot\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .mot\:leading-\[23\.4px\] {
        line-height: 23.4px
    }

    .mot\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .mot\:leading-\[18px\] {
        line-height: 18px
    }

    .mot\:leading-\[18\.2px\] {
        line-height: 18.2px
    }

    .mot\:leading-\[28\.8rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*28.8);
        line-height: -moz-calc(var(--rpx, 1px)*28.8);
        line-height: calc(var(--rpx, 1px)*28.8)
    }

    .mot\:leading-\[19\.2rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*19.2);
        line-height: -moz-calc(var(--rpx, 1px)*19.2);
        line-height: calc(var(--rpx, 1px)*19.2)
    }

    .mot\:mt-8px {
        margin-top: 8px
    }

    .mot\:w-187px {
        width: 187px
    }
}

.zn--wrapper {
    font-size: 16px
}

.zn--wrapper [ltr] {
    direction: ltr
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status], .zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, "sans-serif"
}

.zn--wrapper #section-footer a {
    color: #000000bf;
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-all
}

.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 .hover-button {
    border: 1px solid #3f3f3f
}

.zn--wrapper .hover-button:hover .hover-button-inner {
    opacity: 1
}

.zn--wrapper .hover-button .hover-button-inner {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, right top, from(rgba(240, 244, 255, .2)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(left, rgba(240, 244, 255, .2), hsla(0, 0%, 100%, 0));
    background: -moz-linear-gradient(left, rgba(240, 244, 255, .2) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(90deg, rgba(240, 244, 255, .2), hsla(0, 0%, 100%, 0));
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.zn--wrapper .hover-button .top-line {
    background: -webkit-gradient(linear, left top, right top, color-stop(18.67%, #3f3f3f), color-stop(39.47%, #cbcbcb), color-stop(71.71%, #3f3f3f));
    background: -webkit-linear-gradient(left, #3f3f3f 18.67%, #cbcbcb 39.47%, #3f3f3f 71.71%);
    background: -moz-linear-gradient(left, #3f3f3f 18.67%, #cbcbcb 39.47%, #3f3f3f 71.71%);
    background: linear-gradient(90deg, #3f3f3f 18.67%, #cbcbcb 39.47%, #3f3f3f 71.71%);
    width: -webkit-calc(100% - 48px);
    width: -moz-calc(100% - 48px);
    width: calc(100% - 48px)
}

.zn--wrapper sup {
    font-size: 50%;
    top: -1em
}

.zn--wrapper [us-button] {
    border: 1px solid #d3d3d3
}

.zn--wrapper [linear-desc-top] p, .zn--wrapper [linear-desc] p {
    background: -webkit-radial-gradient(39.76% 38.86%, 57.52% 57.52%, hsla(0, 0%, 100%, .95) 55%, rgba(55, 55, 55, .95) 100%);
    background: -moz-radial-gradient(39.76% 38.86%, 57.52% 57.52%, hsla(0, 0%, 100%, .95) 55%, rgba(55, 55, 55, .95) 100%);
    background: radial-gradient(57.52% 57.52% at 39.76% 38.86%, hsla(0, 0%, 100%, .95) 55%, rgba(55, 55, 55, .95) 100%);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    color: transparent
}

.zn--wrapper [video-card-wrapper][multi-video] [video-title] {
    cursor: pointer;
    opacity: .3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.zn--wrapper [video-card-wrapper][multi-video] [video-title].active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

.zn--wrapper [video-card-wrapper][multi-video] [video-desc] {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.bg-img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.abs-center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.abs-center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.abs-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.swiper-button-disabled {
    opacity: .5
}

.sticky-placeholder {
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,%20d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    src: url("data:application/font-woff;charset=utf-8;base64,%20d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJKcalc%288 %2a var%28--vh, 1vh%29%29O4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -webkit-box-ordinal-group: 10000;
    -moz-box-ordinal-group: 10000;
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

#section-kv [sticky-2] {
    margin-top: calc(var(--content-height)*-1)
}

#section-kv [bg-bottom] {
    bottom: 0;
    top: 0
}

#section-camera [radial-top] {
    background: -webkit-radial-gradient(30% 64.88%, 115.84% 116.79%, #000 41.21%, #223d4c 100%);
    background: -moz-radial-gradient(30% 64.88%, 115.84% 116.79%, #000 41.21%, #223d4c 100%);
    background: radial-gradient(115.84% 116.79% at 30% 64.88%, #000 41.21%, #223d4c 100%)
}

#section-camera [bg-radial] {
    background: -webkit-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 7.5%, #223d4c 100%);
    background: -moz-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 7.5%, #223d4c 100%);
    background: radial-gradient(93.24% 93.24% at 50% 64.88%, #000 7.5%, #223d4c 100%)
}

#section-camera [replay-button] {
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    pointer-events: all
}

#section-camera [live-button] {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

#section-camera [ani-video-3-enter] {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

#section-camera [ani-video-2-enter] {
    -webkit-transform-origin: 75% 50%;
    -moz-transform-origin: 75% 50%;
    -ms-transform-origin: 75% 50%;
    transform-origin: 75% 50%
}

#section-camera [ani-video-rotate] {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg)
}

#section-camera .len-img {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-camera .len-img.active {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#section-camera [group-1-left], #section-camera [group-1-right], #section-camera [group-2-left], #section-camera [group-2-right], #section-camera [group-3-left], #section-camera [group-3-right], #section-camera [group-4-left], #section-camera [group-4-right], #section-camera [group-5-left], #section-camera [group-5-right] {
    will-change: transform
}

#section-camera [group-1-left-opacity], #section-camera [group-1-right-opacity], #section-camera [group-2-left-opacity], #section-camera [group-2-right-opacity], #section-camera [group-3-left-opacity], #section-camera [group-3-right-opacity], #section-camera [group-4-left-opacity], #section-camera [group-4-right-opacity], #section-camera [group-5-left-opacity], #section-camera [group-5-right-opacity] {
    will-change: opacity
}

#section-ai .search-cover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(83.52%, #000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 83.52%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 83.52%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 83.52%)
}

#section-ai [search-tab] {
    border: 1px solid #2e2e2e
}

#section-ai [learn-more-button] {
    border: 1px solid hsla(0, 0%, 100%, .15)
}

#section-ai [learn-more-button-bg] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .15)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    background: -moz-linear-gradient(left, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0))
}

#section-ai a:hover {
    color: #fffffff2
}

#section-ai [ani-section-title] .linear-text {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(353.41deg, rgba(255, 0, 0, .95) 36%, rgba(255, 225, 1, .95) 97.76%);
    background: -moz-linear-gradient(353.41deg, rgba(255, 0, 0, .95) 36%, rgba(255, 225, 1, .95) 97.76%);
    background: linear-gradient(96.59deg, rgba(255, 0, 0, .95) 36%, rgba(255, 225, 1, .95) 97.76%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-ai [ani-grid-bottom-wrapper] {
    background: -webkit-linear-gradient(309.01deg, #000 21.72%, #002b43 96.53%);
    background: -moz-linear-gradient(309.01deg, #000 21.72%, #002b43 96.53%);
    background: linear-gradient(140.99deg, #000 21.72%, #002b43 96.53%)
}

#section-ai [linear-desc] {
    -webkit-text-fill-color: transparent;
    background: -webkit-radial-gradient(39.76% 38.86%, 57.52% 57.52%, hsla(0, 0%, 100%, .95) 55%, rgba(55, 55, 55, .95) 100%);
    background: -moz-radial-gradient(39.76% 38.86%, 57.52% 57.52%, hsla(0, 0%, 100%, .95) 55%, rgba(55, 55, 55, .95) 100%);
    background: radial-gradient(57.52% 57.52% at 39.76% 38.86%, hsla(0, 0%, 100%, .95) 55%, rgba(55, 55, 55, .95) 100%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-ai .blur-label {
    -webkit-backdrop-filter: blur(9.207045555114746px);
    backdrop-filter: blur(9.207045555114746px)
}

#section-ai [ani-grid-1] [video-title] {
    cursor: pointer;
    opacity: .3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-ai [ani-grid-1] [video-title].active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-ai [ani-grid-1] [video-desc] {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-performance .spec-card {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #2e2e2e
}

#section-performance .spec-card .spec-value .red {
    color: #f50514
}

#section-performance .spec-card-large {
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    border: 1px solid #2e2e2e
}

#section-performance .battery-card {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid #2e2e2e
}

#section-performance [blue-line] {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.57%, #0047ff), color-stop(95.13%, #3fa3ff));
    background: -webkit-linear-gradient(left, #0047ff 6.57%, #3fa3ff 95.13%);
    background: -moz-linear-gradient(left, #0047ff 6.57%, #3fa3ff 95.13%);
    background: linear-gradient(90deg, #0047ff 6.57%, #3fa3ff 95.13%)
}

#section-performance .logo-card {
    border: 1px solid #424242
}

#section-performance .blue-linear {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.57%, #0047ff), color-stop(95.13%, #3fa3ff));
    background: -webkit-linear-gradient(left, #0047ff 6.57%, #3fa3ff 95.13%);
    background: -moz-linear-gradient(left, #0047ff 6.57%, #3fa3ff 95.13%);
    background: linear-gradient(90deg, #0047ff 6.57%, #3fa3ff 95.13%)
}

#section-3d {
    --progress: 0%
}

#section-3d .progress {
    width: var(--progress)
}

#section-3d .desc {
    color: #1a1a1af2;
    display: none
}

#section-3d .desc-2 {
    color: #fffffff2
}

#section-3d .btn {
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    position: relative;
    width: 28px
}

#section-3d .btn:after {
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px
}

#section-3d .btn-0:after {
    background: -webkit-linear-gradient(315deg, #5f81ca, #2c4e88), #f0f0f0;
    background: -moz-linear-gradient(315deg, #5f81ca 0, #2c4e88 100%), #f0f0f0;
    background: linear-gradient(135deg, #5f81ca, #2c4e88), #f0f0f0
}

#section-3d .btn-1:after {
    background: -webkit-linear-gradient(315deg, #e9e9e9, #c8c8c8), #f0f0f0;
    background: -moz-linear-gradient(315deg, #e9e9e9 0, #c8c8c8 100%), #f0f0f0;
    background: linear-gradient(135deg, #e9e9e9, #c8c8c8), #f0f0f0
}

#section-3d .btn-2:after {
    background: #1e1e1e
}

#section-3d .line {
    background: #000;
    height: 20px;
    width: 1px
}

#section-3d .color-name {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding-left: 0
}

#section-3d .color-img img {
    display: none
}

#section-3d[data-active-index="0"] {
    background: -webkit-gradient(linear, left top, left bottom, from(#4d6dab), color-stop(95.58%, #f2f6fd));
    background: -webkit-linear-gradient(top, #4d6dab, #f2f6fd 95.58%);
    background: -moz-linear-gradient(top, #4d6dab 0, #f2f6fd 95.58%);
    background: linear-gradient(180deg, #4d6dab, #f2f6fd 95.58%)
}

#section-3d[data-active-index="0"] .desc-0 {
    display: block
}

#section-3d[data-active-index="0"] .btn-0 {
    -webkit-box-shadow: 0 0 0 1px #999;
    box-shadow: 0 0 0 1px #999
}

#section-3d[data-active-index="0"] .line-2 {
    display: none
}

#section-3d[data-active-index="0"] .color-name-0 {
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    max-width: unset;
    opacity: 1;
    padding-inline-start: 10px
}

#section-3d[data-active-index="0"] .img-blue {
    display: block
}

#section-3d[data-active-index="1"] {
    background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#fff));
    background: -webkit-linear-gradient(top, #c4c4c4, #fff);
    background: -moz-linear-gradient(top, #c4c4c4 0, #fff 100%);
    background: linear-gradient(180deg, #c4c4c4, #fff)
}

#section-3d[data-active-index="1"] .desc-1 {
    display: block
}

#section-3d[data-active-index="1"] .btn-1 {
    -webkit-box-shadow: 0 0 0 1px #999;
    box-shadow: 0 0 0 1px #999
}

#section-3d[data-active-index="1"] .line-1 {
    display: none
}

#section-3d[data-active-index="1"] .color-name-1 {
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    max-width: unset;
    opacity: 1;
    padding-inline-start: 10px
}

#section-3d[data-active-index="1"] .img-white {
    display: block
}

#section-3d[data-active-index="2"] {
    background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#696969));
    background: -webkit-linear-gradient(top, #141414, #696969);
    background: -moz-linear-gradient(top, #141414 0, #696969 100%);
    background: linear-gradient(180deg, #141414, #696969)
}

#section-3d[data-active-index="2"] .desc-2 {
    display: block
}

#section-3d[data-active-index="2"] .btn-2 {
    -webkit-box-shadow: 0 0 0 1px #999;
    box-shadow: 0 0 0 1px #999
}

#section-3d[data-active-index="2"] .line-1 {
    display: none
}

#section-3d[data-active-index="2"] .color-name-2 {
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    max-width: unset;
    opacity: 1;
    padding-inline-start: 10px
}

#section-3d[data-active-index="2"] .img-black {
    display: block
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#webpack-dev-server-client-overlay {
    display: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

[id^=anchor] {
    height: 1px;
    left: 0;
    position: absolute;
    top: -webkit-calc(0 - var(--nav-height, 90px));
    top: -moz-calc(0 - var(--nav-height, 90px));
    top: calc(0px - var(--nav-height, 90px));
    width: 100%
}

[id^=anchor].mt {
    top: -webkit-calc(-77px - var(--nav-height, 90px));
    top: -moz-calc(-77px - var(--nav-height, 90px));
    top: calc(-77px - var(--nav-height, 90px))
}

@media (max-width:649px) {
    .zn--wrapper [hover-button-text] {
        font-size: 12px;
        line-height: 14.4px
    }

    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pc-only {
        display: none
    }

    #section-kv [sticky-1] {
        height: -webkit-calc(100vh - 48px);
        height: -moz-calc(100vh - 48px);
        height: calc(100vh - 48px);
        height: -webkit-calc(var(--vh, 1vh)*100 - 48px);
        height: -moz-calc(var(--vh, 1vh)*100 - 48px);
        height: calc(var(--vh, 1vh)*100 - 48px)
    }

    #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)*248);
        width: -moz-calc(var(--rpx, 1px)*248);
        width: calc(var(--rpx, 1px)*248)
    }

    #section-camera [ani-grid-2] .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-camera [ani-bottom-mo] {
        background: -webkit-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 45.28%, #4f4637 100%);
        background: -moz-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 45.28%, #4f4637 100%);
        background: radial-gradient(93.24% 93.24% at 50% 64.88%, #000 45.28%, #4f4637 100%)
    }

    #section-camera [ani-grid-len] [len-label] {
        font-size: 12px;
        line-height: 14.4px
    }

    #section-camera [ani-grid-len] [len-title] {
        font-size: 12px;
        line-height: 15.6px
    }

    #section-camera [ani-grid-len] .swiper {
        padding-left: 16px;
        padding-right: 16px
    }

    #section-camera [ani-grid-len] .swiper .swiper-slide {
        height: auto;
        margin-right: calc(var(--rpx, 1px)*8);
        width: -webkit-calc(var(--rpx, 1px)*315);
        width: -moz-calc(var(--rpx, 1px)*315);
        width: calc(var(--rpx, 1px)*315)
    }

    #section-camera [ani-grid-len] .swiper .swiper-slide:last-child, #section-camera [ani-grid-len] .swiper .swiper-slide:nth-child(2) {
        width: -webkit-calc(var(--rpx, 1px)*206);
        width: -moz-calc(var(--rpx, 1px)*206);
        width: calc(var(--rpx, 1px)*206)
    }

    #section-camera [ani-grid-len] .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-ai .swiper {
        padding-left: 16px;
        padding-right: 16px
    }

    #section-ai .swiper .swiper-slide {
        height: auto;
        margin-right: calc(var(--rpx, 1px)*12);
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    #section-ai .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-design [ani-grid-glass] {
        background: -webkit-linear-gradient(270.56deg, #0f152c 5.45%, #324692 108.98%);
        background: -moz-linear-gradient(270.56deg, #0f152c 5.45%, #324692 108.98%);
        background: linear-gradient(179.44deg, #0f152c 5.45%, #324692 108.98%)
    }

    #section-performance [ani-grid-2] {
        background: -webkit-linear-gradient(.753turn, #000 6.23%, #293259 99.07%);
        background: -moz-linear-gradient(.753turn, #000 6.23%, #293259 99.07%);
        background: linear-gradient(178.92deg, #000 6.23%, #293259 99.07%)
    }

    #section-performance [display-specs] {
        font-size: 12px;
        letter-spacing: .5px;
        line-height: 20px
    }
}

@media (min-width:1024px) {
    .zn--wrapper [video-card-wrapper][multi-video] [video-title] {
        -webkit-transform: translateX(-52px);
        -moz-transform: translateX(-52px);
        -ms-transform: translateX(-52px);
        transform: translate(-52px)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .pad-only, .pc-hidden {
        display: none
    }

    #section-camera [ani-lens-enter] {
        will-change: transform
    }

    #section-ai .linear-bg {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(153.32%, #000));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 153.32%);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 153.32%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 153.32%)
    }

    #section-performance [ani-grid-2] [grid-2-top] {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(24.93%, #030303), to(#293259));
        background: -webkit-linear-gradient(top, #000, #030303 24.93%, #293259);
        background: -moz-linear-gradient(top, #000 0, #030303 24.93%, #293259 100%);
        background: linear-gradient(180deg, #000, #030303 24.93%, #293259)
    }

    #section-performance [ani-grid-2] [grid-2-bottom] {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(.56%, #000), to(#293259));
        background: -webkit-linear-gradient(bottom, #000 .56%, #293259);
        background: -moz-linear-gradient(bottom, #000 .56%, #293259 100%);
        background: linear-gradient(1turn, #000 .56%, #293259)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .pad-hidden, .pc-only {
        display: none
    }

    #section-camera [ani-bottom-mo] {
        background: -webkit-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 45.28%, #4f4637 100%);
        background: -moz-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 45.28%, #4f4637 100%);
        background: radial-gradient(93.24% 93.24% at 50% 64.88%, #000 45.28%, #4f4637 100%)
    }

    #section-camera [ani-grid-len] .swiper {
        padding-left: 24px;
        padding-right: 24px
    }

    #section-camera [ani-grid-len] .swiper .swiper-slide {
        height: auto;
        margin-right: calc(var(--rpx, 1px)*18);
        width: -webkit-calc(var(--rpx, 1px)*464);
        width: -moz-calc(var(--rpx, 1px)*464);
        width: calc(var(--rpx, 1px)*464)
    }

    #section-camera [ani-grid-len] .swiper .swiper-slide:nth-child(2) {
        width: -webkit-calc(var(--rpx, 1px)*275);
        width: -moz-calc(var(--rpx, 1px)*275);
        width: calc(var(--rpx, 1px)*275)
    }

    #section-camera [ani-grid-len] .swiper .swiper-slide:last-child {
        margin-right: 0;
        width: -webkit-calc(var(--rpx, 1px)*277);
        width: -moz-calc(var(--rpx, 1px)*277);
        width: calc(var(--rpx, 1px)*277)
    }

    #section-ai .swiper {
        padding-left: 24px;
        padding-right: 24px
    }

    #section-ai .swiper .swiper-slide {
        margin-right: calc(var(--rpx, 1px)*12);
        width: -webkit-calc(var(--rpx, 1px)*720);
        width: -moz-calc(var(--rpx, 1px)*720);
        width: calc(var(--rpx, 1px)*720)
    }

    #section-ai .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-design [glass-text-wrapper], #section-performance [glass-text-wrapper] {
        background: -webkit-linear-gradient(270.56deg, #0f152c 5.45%, #324692 108.98%);
        background: -moz-linear-gradient(270.56deg, #0f152c 5.45%, #324692 108.98%);
        background: linear-gradient(179.44deg, #0f152c 5.45%, #324692 108.98%)
    }

    #section-performance [ani-grid-2] [grid-2-bottom] {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(18.66%, #030303), color-stop(45.3%, #293259), color-stop(128.69%, #000));
        background: -webkit-linear-gradient(top, #000, #030303 18.66%, #293259 45.3%, #000 128.69%);
        background: -moz-linear-gradient(top, #000 0, #030303 18.66%, #293259 45.3%, #000 128.69%);
        background: linear-gradient(180deg, #000, #030303 18.66%, #293259 45.3%, #000 128.69%)
    }

    #section-3d[data-active-index="0"] .desc-0, #section-3d[data-active-index="1"] .desc-1, #section-3d[data-active-index="2"] .desc-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (max-width:1023px) {
    .zn--wrapper [ip-card] {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .zn--wrapper [video-card-wrapper][multi-video] [video-title] {
        -webkit-transform: translateX(-32px);
        -moz-transform: translateX(-32px);
        -ms-transform: translateX(-32px);
        transform: translate(-32px)
    }

    #section-camera [ani-grid-3-wrapper] {
        background: -webkit-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 7.5%, #223d4c 100%);
        background: -moz-radial-gradient(50% 64.88%, 93.24% 93.24%, #000 7.5%, #223d4c 100%);
        background: radial-gradient(93.24% 93.24% at 50% 64.88%, #000 7.5%, #223d4c 100%)
    }

    #section-camera [grid-mo-photos] [sticky-element] {
        background: -webkit-radial-gradient(50% 64.88%, 139.58% 139.52%, #000 7.5%, #223d4c 74.11%);
        background: -moz-radial-gradient(50% 64.88%, 139.58% 139.52%, #000 7.5%, #223d4c 74.11%);
        background: radial-gradient(139.58% 139.52% at 50% 64.88%, #000 7.5%, #223d4c 74.11%)
    }

    #section-ai [ani-grid-1] [video-title] {
        -webkit-transform: translateX(-32px);
        -moz-transform: translateX(-32px);
        -ms-transform: translateX(-32px);
        transform: translate(-32px)
    }

    #section-performance .logo-card {
        border: 1px solid #2e2e2e
    }
}

@media (min-width:1024px) and (min-aspect-ratio:2) {
    #section-kv [x-content-container] {
        height: -webkit-calc(var(--rpx, 1px)*400);
        height: -moz-calc(var(--rpx, 1px)*400);
        height: calc(var(--rpx, 1px)*400)
    }

    #section-camera [ani-title-2-leave] {
        margin-bottom: calc(var(--rpx, 1px)*12)
    }

    #section-camera [ani-title-2-leave] [grid-6-title] {
        font-size: 32px
    }

    #section-camera [ani-title-2-leave] [grid-6-desc] {
        font-size: 14px;
        margin-top: calc(var(--rpx, 1px)*8)
    }

    #section-camera [ani-video-3-enter] {
        height: -webkit-calc(var(--rpx, 1px)*560);
        height: -moz-calc(var(--rpx, 1px)*560);
        height: calc(var(--rpx, 1px)*560)
    }
}

@media (min-width:1024px) and (max-width:1440px) and (min-aspect-ratio:2) {
    #section-kv [phone-in-wrapper] {
        -webkit-transform: scale(.78);
        -moz-transform: scale(.78);
        -ms-transform: scale(.78);
        transform: scale(.78)
    }

    #section-kv [kv-img-2560-wrapper], #section-camera [ani-video-position] {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    #section-camera [ani-video-3-enter] {
        height: -webkit-calc(var(--rpx, 1px)*447);
        height: -moz-calc(var(--rpx, 1px)*447);
        height: calc(var(--rpx, 1px)*447);
        width: -webkit-calc(var(--rpx, 1px)*335.25);
        width: -moz-calc(var(--rpx, 1px)*335.25);
        width: calc(var(--rpx, 1px)*335.25)
    }

    #section-camera [spec-group] {
        top: 4vw;
        top: -webkit-calc(var(--vw, 1vw)*4);
        top: -moz-calc(var(--vw, 1vw)*4);
        top: calc(var(--vw, 1vw)*4)
    }
}

@media (max-width:649px) and (min-aspect-ratio:.51) {
    #section-kv [phone-in-container] {
        bottom: -webkit-calc(var(--rpx, 1px)*-30);
        bottom: -moz-calc(var(--rpx, 1px)*-30);
        bottom: calc(var(--rpx, 1px)*-30)
    }
}

@media (min-width:1930px) {
    #section-kv [kv-img-2560-wrapper] {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (min-width:1440px) and (max-width:1900px) {
    #section-kv [video-scale] {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media (min-width:1901px) {
    #section-kv [video-scale] {
        -webkit-transform: scale(1.35);
        -moz-transform: scale(1.35);
        -ms-transform: scale(1.35);
        transform: scale(1.35)
    }
}

@media (min-width:750px) and (max-width:1023px) and (max-aspect-ratio:.8) {
    #section-kv [video-scale] {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (min-width:650px) and (max-width:800px) and (min-aspect-ratio:1.21) {
    #section-kv [phone-in-container] {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }

    #section-kv [kv-in-text] {
        padding-top: calc(var(--rpx, 1px)*32)
    }

    #section-camera [ani-lens-wrapper] {
        height: -webkit-calc(var(--rpx, 1px)*340);
        height: -moz-calc(var(--rpx, 1px)*340);
        height: calc(var(--rpx, 1px)*340)
    }

    #section-camera [ani-mo-photos-title] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*70));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*70));
        -ms-transform: translateY(calc(var(--rpx, 1px)*70));
        transform: translateY(calc(var(--rpx, 1px)*70))
    }
}

@media (min-width:650px) and (max-width:800px) and (max-aspect-ratio:.85) {
    #section-kv [phone-in-container] {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }
}

@media (min-width:1440px) and (max-width:2560px) {
    #section-kv [phone-in-position] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }
}

@media (min-width:1024px) and (max-width:1100px) {
    #section-kv [ksp-title] {
        font-size: 14px;
        line-height: 1.2
    }

    #section-camera [spec-group] {
        top: -webkit-calc(var(--rpx, 1px)*0);
        top: -moz-calc(var(--rpx, 1px)*0);
        top: calc(var(--rpx, 1px)*0)
    }

    #section-camera [ani-video-rotate] {
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
}

@media (min-width:650px) and (max-width:768px) and (min-aspect-ratio:1.35) {
    #section-kv [video-opacity] {
        height: -webkit-calc(var(--rpx, 1px)*425);
        height: -moz-calc(var(--rpx, 1px)*425);
        height: calc(var(--rpx, 1px)*425);
        width: -webkit-calc(var(--rpx, 1px)*360);
        width: -moz-calc(var(--rpx, 1px)*360);
        width: calc(var(--rpx, 1px)*360)
    }
}

@media (max-width:649px) and (min-aspect-ratio:.53) {
    #section-camera [ani-mo-photos-title] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@media (min-width:1900px) {
    #section-camera [hand-group-position] {
        -webkit-transform: scale(1.35);
        -moz-transform: scale(1.35);
        -ms-transform: scale(1.35);
        transform: scale(1.35)
    }

    #section-camera [ani-lens-wrapper] {
        height: 518px;
        width: 935.2px
    }

    #section-camera [ani-video-box] {
        top: -2.6vw;
        top: -webkit-calc(var(--vw, 1vw)*-2.6);
        top: -moz-calc(var(--vw, 1vw)*-2.6);
        top: calc(var(--vw, 1vw)*-2.6)
    }

    #section-camera [ani-camera-title-position], #section-camera [spec-group] {
        top: -4vw;
        top: -webkit-calc(var(--vw, 1vw)*-4);
        top: -moz-calc(var(--vw, 1vw)*-4);
        top: calc(var(--vw, 1vw)*-4)
    }
}

@media (min-width:1024px) and (max-width:1440px) and (max-aspect-ratio:1.9) {
    #section-camera [ani-camera-title-position], #section-camera [spec-group] {
        top: -2vw;
        top: -webkit-calc(var(--vw, 1vw)*-2);
        top: -moz-calc(var(--vw, 1vw)*-2);
        top: calc(var(--vw, 1vw)*-2)
    }
}

@media (min-width:1024px) and (max-width:1440px) and (max-aspect-ratio:1.6) {
    #section-camera [ani-camera-title-position] {
        top: -10vh;
        top: -webkit-calc(var(--vh, 1vh)*-10);
        top: -moz-calc(var(--vh, 1vh)*-10);
        top: calc(var(--vh, 1vh)*-10)
    }

    #section-camera [spec-group] {
        top: -5vh;
        top: -webkit-calc(var(--vh, 1vh)*-5);
        top: -moz-calc(var(--vh, 1vh)*-5);
        top: calc(var(--vh, 1vh)*-5)
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    #section-design [ip-card] {
        padding-bottom: calc(var(--rpx, 1px)*16);
        padding-top: calc(var(--rpx, 1px)*16)
    }

    #section-design [grid-3-inner] {
        padding-bottom: calc(var(--rpx, 1px)*24);
        padding-top: calc(var(--rpx, 1px)*24)
    }
}

@media (min-width:1441px) and (min-height:820px) {
    #section-3d {
        height: 810px
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    -webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .2s infinite alternate;
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    -webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .4s infinite alternate;
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
    to {
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes preloader {
    to {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@media (min-width:1024px) {
    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .pad-only, .pc-hidden {
        display: none
    }

    .fade-in-pc {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pc.show, .fade-in-pc[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width:649px) {
    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pc-only {
        display: none
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-mo.show, .fade-in-mo[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .pad-hidden, .pc-only {
        display: none
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }
}

.zn--wrapper, .zn--wrapper .font-t {
    font-family: OnePlus Sans Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-b, .zn--wrapper .font-m {
    font-family: OnePlus Sans Medium, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-r {
    font-family: OnePlus Sans Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-l {
    font-family: OnePlus Sans Display Light, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-d {
    font-family: OnePlus Sans Display, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

html {
    overflow: unset !important
}

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

[ani-autoplay-video], [ani-video-wrapper] {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video] canvas, [ani-autoplay-video] img, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] img, [ani-video-wrapper] video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[ani-autoplay-video] img, [ani-video-wrapper] img {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

[ani-autoplay-video] canvas, [ani-video-wrapper] canvas {
    -o-object-fit: initial;
    object-fit: fill
}

[ani-autoplay-video] img, [ani-autoplay-video] video, [ani-video-wrapper] img, [ani-video-wrapper] video {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-autoplay-video] canvas, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] video {
    z-index: 1
}

[ani-autoplay-video] .replay, [ani-video-wrapper] .replay {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: -webkit-calc(var(--rpx, 1px)*20);
    bottom: -moz-calc(var(--rpx, 1px)*20);
    bottom: calc(var(--rpx, 1px)*20);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -webkit-calc(var(--rpx, 1px)*20);
    right: -moz-calc(var(--rpx, 1px)*20);
    right: calc(var(--rpx, 1px)*20);
    text-decoration: underline;
    text-underline-offset: 2px;
    z-index: 2
}

[ani-autoplay-video] .replay:after, [ani-video-wrapper] .replay:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px
}

[ani-autoplay-video] .replay.actived, [ani-video-wrapper] .replay.actived {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

[ani-autoplay-video] .replay.light, [ani-video-wrapper] .replay.light {
    color: #000
}

[ani-autoplay-video] .replay.light:after, [ani-video-wrapper] .replay.light:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

[ani-autoplay-video]+.replay, [ani-video-wrapper]+.replay {
    opacity: 0;
    pointer-events: none
}

[ani-autoplay-video]+.replay.actived, [ani-video-wrapper]+.replay.actived {
    opacity: 1;
    pointer-events: auto
}