body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

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

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

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

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

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

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

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

@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-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

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

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

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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

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

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

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

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

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

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

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

.h-1px {
    height: 1px
}

.h-0px {
    height: 0
}

.h-28px {
    height: 28px
}

.h-13px {
    height: 13px
}

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

.h-16px {
    height: 16px
}

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

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

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

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

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

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

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

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

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

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

.leading-36px {
    line-height: 36px
}

.leading-24px {
    line-height: 24px
}

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

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

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

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

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

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

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

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

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

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

.opacity-0 {
    opacity: 0
}

.overflow-hidden {
    overflow: hidden
}

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.left-64px {
    left: 64px
}

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

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

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

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

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

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

.whitespace-nowrap {
    white-space: nowrap
}

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

.w-full {
    width: 100%
}

.w-28px {
    width: 28px
}

.w-30px {
    width: 30px
}

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

.w-16px {
    width: 16px
}

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

.z-2 {
    z-index: 2
}

.z-1 {
    z-index: 1
}

.z-3 {
    z-index: 3
}

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

.-translate-x-\[52\.5\%\] {
    --tw-translate-x: -52.5%
}

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:border-solid {
        border-style: solid
    }

    .pad\:border-0 {
        border-width: 0
    }

    .pad\:border-t-1px {
        border-top-width: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:h-424\.3px {
        height: 424.3px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:pt-120px {
        padding-top: 120px
    }

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

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

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

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

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

    .pad\:pt-8px {
        padding-top: 8px
    }

    .pad\:pt-16px {
        padding-top: 16px
    }

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

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

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

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

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

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

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

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

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

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

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

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

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

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

    .pad\:top-\[calc\(53\%-212\.2px\)\] {
        top: -webkit-calc(53% - 212.2px);
        top: -moz-calc(53% - 212.2px);
        top: calc(53% - 212.2px)
    }

    .pad\:left-\[calc\(50\%-397\.6rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*397.6);
        left: -moz-calc(50% - var(--rpx, 1px)*397.6);
        left: calc(50% - var(--rpx, 1px)*397.6)
    }

    .pad\:top-\[calc\(48\%-201\.2rpx\)\] {
        top: -webkit-calc(48% - var(--rpx, 1px)*201.2);
        top: -moz-calc(48% - var(--rpx, 1px)*201.2);
        top: calc(48% - var(--rpx, 1px)*201.2)
    }

    .pad\:left-\[calc\(51\%-310\.1rpx\)\] {
        left: -webkit-calc(51% - var(--rpx, 1px)*310.1);
        left: -moz-calc(51% - var(--rpx, 1px)*310.1);
        left: calc(51% - var(--rpx, 1px)*310.1)
    }

    .pad\:top-272\.2px {
        top: 272.2px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:border-opacity-60 {
        --tw-border-opacity: .6
    }

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

    .pc\:border-solid {
        border-style: solid
    }

    .pc\:border-0 {
        border-width: 0
    }

    .pc\:border-t-1px {
        border-top-width: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:flex-\[1_1_652rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*652);
        flex: 1 1 calc(var(--rpx, 1px)*652)
    }

    .pc\:flex-\[1_1_252\.5rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*252.5);
        flex: 1 1 calc(var(--rpx, 1px)*252.5)
    }

    .pc\:flex-\[1_1_614rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*614);
        flex: 1 1 calc(var(--rpx, 1px)*614)
    }

    .pc\:flex-\[1_1_616rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*616);
        flex: 1 1 calc(var(--rpx, 1px)*616)
    }

    .pc\:flex-\[1_1_284rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*284);
        flex: 1 1 calc(var(--rpx, 1px)*284)
    }

    .pc\:flex-\[1_1_576rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*576);
        flex: 1 1 calc(var(--rpx, 1px)*576)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:right-\[calc\(622\.5rpx\+64px\)\] {
        right: -webkit-calc(var(--rpx, 1px)*622.5 + 64px);
        right: -moz-calc(var(--rpx, 1px)*622.5 + 64px);
        right: calc(var(--rpx, 1px)*622.5 + 64px)
    }

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

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

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

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

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

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

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

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

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

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

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

    .pc\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:border-solid {
        border-style: solid
    }

    .mo\:border-0 {
        border-width: 0
    }

    .mo\:border-t-1px {
        border-top-width: 1px
    }

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

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

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

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

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

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

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

    .mo\:content-center {
        -webkit-align-content: center;
        align-content: center
    }

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

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

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

    .mo\:flex-\[1_1_107rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*107);
        flex: 1 1 calc(var(--rpx, 1px)*107)
    }

    .mo\:flex-\[1_1_328rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*328);
        flex: 1 1 calc(var(--rpx, 1px)*328)
    }

    .mo\:flex-\[1_1_218rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*218);
        flex: 1 1 calc(var(--rpx, 1px)*218)
    }

    .mo\:flex-\[1_1_162rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*162);
        flex: 1 1 calc(var(--rpx, 1px)*162)
    }

    .mo\:flex-\[1_1_236rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*236);
        flex: 1 1 calc(var(--rpx, 1px)*236)
    }

    .mo\:flex-\[1_1_144rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*144);
        flex: 1 1 calc(var(--rpx, 1px)*144)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:pt-48px {
        padding-top: 48px
    }

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

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

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

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

    .mo\:pt-24px {
        padding-top: 24px
    }

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

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

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

    .mo\:left-\[calc\(53\%-197rpx\)\] {
        left: -webkit-calc(53% - var(--rpx, 1px)*197);
        left: -moz-calc(53% - var(--rpx, 1px)*197);
        left: calc(53% - var(--rpx, 1px)*197)
    }

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

    .mo\:left-\[calc\(50\%-164rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*164);
        left: -moz-calc(50% - var(--rpx, 1px)*164);
        left: calc(50% - var(--rpx, 1px)*164)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pct\:leading-\[1\.19\] {
        line-height: 1.19
    }

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

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

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

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

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

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

@media (max-width:1023px) {
    .mot\:font-medium {
        font-weight: 500
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mot\:leading-\[1\.19\] {
        line-height: 1.19
    }

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

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

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

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

.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 sup {
    font-size: 60% !important
}

.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 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 .bg-img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.zn--wrapper .abs-center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.zn--wrapper .abs-center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.zn--wrapper .abs-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

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

.zn--wrapper .section-title {
    font-size: 72px;
    line-height: 86px;
    padding: calc(var(--rpx, 1px)*204) calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    text-align: center
}

.zn--wrapper [feature-line]:last-child {
    opacity: 0
}

.zn--wrapper #section-footer {
    word-wrap: break-word
}

.zn--wrapper .link-text {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

.zn--wrapper #section-ksp [ani-grid-2] {
    display: none
}

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

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

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

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

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

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

#section-game [ani-scale-first] {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-companion .linear-bg {
    background: -webkit-linear-gradient(90.55deg, #f7f7f7 .52%, #e0e0e0 69%);
    background: -moz-linear-gradient(90.55deg, #f7f7f7 .52%, #e0e0e0 69%);
    background: linear-gradient(359.45deg, #f7f7f7 .52%, #e0e0e0 69%)
}

#section-companion [ani-pen-wrapper], #section-companion [ani-pen] {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

#section-companion [ani-pen-img] {
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

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(-60px - var(--nav-height, 90px));
    top: -moz-calc(-60px - var(--nav-height, 90px));
    top: calc(-60px - var(--nav-height, 90px))
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .section-title {
        font-size: 44px;
        line-height: 52px;
        padding-bottom: calc(var(--rpx, 1px)*80);
        padding-left: 24px;
        padding-right: 24px;
        padding-top: calc(var(--rpx, 1px)*120);
        text-align: left
    }

    :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-kv [kv-product] {
        font-size: -webkit-calc(var(--rpx, 1px)*40);
        font-size: -moz-calc(var(--rpx, 1px)*40);
        font-size: calc(var(--rpx, 1px)*40);
        letter-spacing: .02em;
        line-height: -webkit-calc(var(--rpx, 1px)*48);
        line-height: -moz-calc(var(--rpx, 1px)*48);
        line-height: calc(var(--rpx, 1px)*48)
    }

    #section-kv [kv-slogan] {
        font-size: -webkit-calc(var(--rpx, 1px)*32);
        font-size: -moz-calc(var(--rpx, 1px)*32);
        font-size: calc(var(--rpx, 1px)*32);
        line-height: -webkit-calc(var(--rpx, 1px)*40);
        line-height: -moz-calc(var(--rpx, 1px)*40);
        line-height: calc(var(--rpx, 1px)*40)
    }
}

@media (max-width:649px) {
    .zn--wrapper .section-title {
        font-size: 44px;
        line-height: 52px;
        padding-bottom: calc(var(--rpx, 1px)*48);
        padding-left: 16px;
        padding-right: 16px;
        padding-top: calc(var(--rpx, 1px)*96);
        text-align: left
    }

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

    #section-kv [kv-slogan] {
        font-size: 24px;
        line-height: 28px
    }
}

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

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

    #section-kv [kv-product] {
        font-size: -webkit-calc(var(--rpx, 1px)*50);
        font-size: -moz-calc(var(--rpx, 1px)*50);
        font-size: calc(var(--rpx, 1px)*50);
        line-height: -webkit-calc(var(--rpx, 1px)*58);
        line-height: -moz-calc(var(--rpx, 1px)*58);
        line-height: calc(var(--rpx, 1px)*58)
    }

    #section-kv [kv-slogan] {
        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: -webkit-calc(var(--rpx, 1px)*44);
        line-height: -moz-calc(var(--rpx, 1px)*44);
        line-height: calc(var(--rpx, 1px)*44)
    }

    #section-performance [word-break] {
        word-break: break-word
    }
}

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

@media (min-width:1024px) and (max-width:1440px) and (min-aspect-ratio:1.8) {
    #section-game [group-wrapper] {
        height: -webkit-calc(var(--rpx, 1px)*540);
        height: -moz-calc(var(--rpx, 1px)*540);
        height: calc(var(--rpx, 1px)*540);
        top: -webkit-calc(var(--rpx, 1px)*51);
        top: -moz-calc(var(--rpx, 1px)*51);
        top: calc(var(--rpx, 1px)*51);
        width: -webkit-calc(var(--rpx, 1px)*789);
        width: -moz-calc(var(--rpx, 1px)*789);
        width: calc(var(--rpx, 1px)*789)
    }

    #section-game [cover-wrapper] {
        border-radius: -webkit-calc(var(--rpx, 1px)*11.1);
        border-radius: -moz-calc(var(--rpx, 1px)*11.1);
        border-radius: calc(var(--rpx, 1px)*11.1);
        height: -webkit-calc(var(--rpx, 1px)*329.4);
        height: -moz-calc(var(--rpx, 1px)*329.4);
        height: calc(var(--rpx, 1px)*329.4);
        top: -webkit-calc(var(--rpx, 1px)*100);
        top: -moz-calc(var(--rpx, 1px)*100);
        top: calc(var(--rpx, 1px)*100);
        width: -webkit-calc(var(--rpx, 1px)*469.8);
        width: -moz-calc(var(--rpx, 1px)*469.8);
        width: calc(var(--rpx, 1px)*469.8)
    }
}

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

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

.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-scroll-gallery] .scroll-wrapper {
    padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

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

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

    [ani-scroll-gallery] .scroll-wrapper {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)
    }
}

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

    [ani-scroll-gallery] .scroll-wrapper {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)
    }
}

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