body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

.zn--wrapper p {
    margin-bottom: inherit;
}

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

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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer
}

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

.contents {
    display: contents
}

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

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

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

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

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

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

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

.h-full {
    height: 100%
}

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

.h-0px {
    height: 0
}

.h-20px {
    height: 20px
}

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

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

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

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

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

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

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

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.left-0 {
    left: 0
}

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

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.text-center {
    text-align: center
}

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

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

.text-\[rgb\(53\,37\,113\)\] {
    --tw-text-opacity: 1;
    color: rgba(53, 37, 113, var(--tw-text-opacity))
}

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

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

.text-\[\#E9DFFF\] {
    --tw-text-opacity: 1;
    color: rgba(233, 223, 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-20px {
    width: 20px
}

.w-1px {
    width: 1px
}

.w-2px {
    width: 2px
}

.z-3 {
    z-index: 3
}

.z-2 {
    z-index: 2
}

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

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

@media (min-width:650px) and (max-width:1023px) {
    .pad\:rounded-96rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*96);
        border-radius: -moz-calc(var(--rpx, 1px)*96);
        border-radius: calc(var(--rpx, 1px)*96)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:h-329\.5px {
        height: 329.5px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:w-auto {
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1024px) {
    .pc\:rounded-11\.5rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*11.5);
        border-radius: -moz-calc(var(--rpx, 1px)*11.5);
        border-radius: calc(var(--rpx, 1px)*11.5)
    }

    .pc\:rounded-40px {
        border-radius: 40px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:mb-4px {
        margin-bottom: 4px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:pt-20px {
        padding-top: 20px
    }

    .pc\:pb-20px {
        padding-bottom: 20px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:w-auto {
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1024px) {
    .pct\:text-24 {
        font-size: 24px;
        letter-spacing: .5px;
        line-height: 32px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mot\:text-12m {
        font-size: 12px;
        letter-spacing: .5px;
        line-height: 20px
    }

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

.zn--wrapper {
    font-size: 16px
}

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

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

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

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status], .zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

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

.zn--wrapper sub {
    font-size: 45%
}

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

.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-kv .kv-note {
    font-size: 8px;
    line-height: 10px
}

#section-kv .kv-product {
    color: #dfd1ff;
    font-size: 24px;
    line-height: 28.8px
}

#section-kv .kv-slogan {
    color: #dfd1ff;
    font-size: 60px;
    letter-spacing: .5px;
    line-height: 72px
}

#section-kv .kv-price {
    color: #dfd1ff;
    font-size: 24px;
    letter-spacing: .5px;
    line-height: 32px
}

#section-ksp .ksp-title, #section-ksp .linear-title {
    color: #dfd1ff
}

#section-ksp [ksp-card] [ani-light] {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#section-ksp [ksp-card] [ani-img] {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease, -moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease
}

#section-ksp [ksp-card] [ani-arrow] {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#section-ksp [card-wrapper] [ani-play] {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease, -moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease
}

#section-ksp [card-wrapper] [ani-people], #section-ksp [card-wrapper] [ani-star-1], #section-ksp [card-wrapper] [ani-star-2] {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease, -moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease
}

#section-customize .card-title, #section-customize .linear-title, #section-customize [section-title-text] {
    color: #dfd1ff
}

#section-customize .card-label {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26.39%, #e9dfff), color-stop(58.89%, #c5b9e8), color-stop(87.5%, #8e81c5));
    background: -webkit-linear-gradient(top, #e9dfff 26.39%, #c5b9e8 58.89%, #8e81c5 87.5%);
    background: -moz-linear-gradient(top, #e9dfff 26.39%, #c5b9e8 58.89%, #8e81c5 87.5%);
    background: linear-gradient(180deg, #e9dfff 26.39%, #c5b9e8 58.89%, #8e81c5 87.5%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-customize .card-desc-inner {
    color: #e9dfff
}

#section-customize .label-text {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26.39%, #e9dfff), color-stop(58.89%, #c5b9e8), color-stop(87.5%, #8e81c5));
    background: -webkit-linear-gradient(top, #e9dfff 26.39%, #c5b9e8 58.89%, #8e81c5 87.5%);
    background: -moz-linear-gradient(top, #e9dfff 26.39%, #c5b9e8 58.89%, #8e81c5 87.5%);
    background: linear-gradient(180deg, #e9dfff 26.39%, #c5b9e8 58.89%, #8e81c5 87.5%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-customize .name-text {
    color: #e9dfff
}

#section-customize .item-img {
    opacity: 0;
    -webkit-transform: translateX(-15%);
    -moz-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    transform: translate(-15%);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

#section-customize .item-img.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-customize .icon-item .icon-bg-active {
    opacity: 0
}

#section-customize .icon-item .icon-bg, #section-customize .icon-item .icon-bg-active, #section-customize .icon-item .icon-img {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

#section-customize .icon-item.active .icon-bg-active {
    opacity: 1
}

#section-customize .icon-item.active .icon-bg {
    opacity: 0
}

#section-customize .icon-item.active .icon-img {
    -webkit-transform: scale(.917);
    -moz-transform: scale(.917);
    -ms-transform: scale(.917);
    transform: scale(.917)
}

#section-design [ani-grid-3] .linear-text, #section-design [ani-grid-3] .linear-title, #section-design [section-title-text] {
    color: #dfd1ff
}

#section-design .linear-card {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2))), -webkit-gradient(linear, left top, left bottom, from(rgba(161, 158, 235, .32)), to(rgba(161, 158, 235, .12)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), -webkit-linear-gradient(top, rgba(161, 158, 235, .32), rgba(161, 158, 235, .12));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), -moz-linear-gradient(top, rgba(161, 158, 235, .32) 0, rgba(161, 158, 235, .12) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(180deg, rgba(161, 158, 235, .32), rgba(161, 158, 235, .12))
}

#section-design .sticky-linear {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30.78%, #efe4ff), color-stop(73.86%, #d1bfff));
    background: -webkit-linear-gradient(top, #efe4ff 30.78%, #d1bfff 73.86%);
    background: -moz-linear-gradient(top, #efe4ff 30.78%, #d1bfff 73.86%);
    background: linear-gradient(180deg, #efe4ff 30.78%, #d1bfff 73.86%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-flagship {
    background: -webkit-gradient(linear, left top, left bottom, from(#53439b), to(#4b3a8a));
    background: -webkit-linear-gradient(top, #53439b, #4b3a8a);
    background: -moz-linear-gradient(top, #53439b 0, #4b3a8a 100%);
    background: linear-gradient(180deg, #53439b, #4b3a8a)
}

#section-flagship [section-title-text] {
    color: #dfd1ff
}

#section-game #game-bg {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-24.43%, #10051d), color-stop(9.94%, #1f1337), color-stop(43.53%, #36275e), color-stop(108.89%, #49397f));
    background: -webkit-linear-gradient(top, #10051d -24.43%, #1f1337 9.94%, #36275e 43.53%, #49397f 108.89%);
    background: -moz-linear-gradient(top, #10051d -24.43%, #1f1337 9.94%, #36275e 43.53%, #49397f 108.89%);
    background: linear-gradient(180deg, #10051d -24.43%, #1f1337 9.94%, #36275e 43.53%, #49397f 108.89%)
}

#section-game .linear-title, #section-game [section-title-text] {
    color: #dfd1ff
}

#section-game [vertical-line] {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 248, 180, 0)), color-stop(8.76%, rgba(255, 248, 180, .14)), color-stop(91.24%, rgba(255, 248, 180, .14)), to(rgba(255, 248, 180, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 248, 180, 0), rgba(255, 248, 180, .14) 8.76%, rgba(255, 248, 180, .14) 91.24%, rgba(255, 248, 180, 0));
    background: -moz-linear-gradient(top, rgba(255, 248, 180, 0) 0, rgba(255, 248, 180, .14) 8.76%, rgba(255, 248, 180, .14) 91.24%, rgba(255, 248, 180, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 248, 180, 0), rgba(255, 248, 180, .14) 8.76%, rgba(255, 248, 180, .14) 91.24%, rgba(255, 248, 180, 0))
}

#section-game [spec-img] {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-game [spec-line] {
    background: transparent;
    cursor: pointer
}

#section-game [spec-line], #section-game [spec-line] [spec-text] {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-game [spec-line] [spec-text] {
    opacity: .55
}

#section-game [spec-line] [spec-active] {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-game [spec-line].active {
    background: -webkit-gradient(linear, right top, left top, color-stop(13.53%, #55419d), to(rgba(83, 63, 156, 0)));
    background: -webkit-linear-gradient(right, #55419d 13.53%, rgba(83, 63, 156, 0));
    background: -moz-linear-gradient(right, #55419d 13.53%, rgba(83, 63, 156, 0) 100%);
    background: linear-gradient(270deg, #55419d 13.53%, rgba(83, 63, 156, 0))
}

#section-game [spec-line].active [spec-text], #section-game [spec-line].active [spec-active] {
    opacity: 1
}

#section-game .right-part {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.03%, #47377c), color-stop(100.03%, #584893));
    background: -webkit-linear-gradient(top, #47377c .03%, #584893 100.03%);
    background: -moz-linear-gradient(top, #47377c .03%, #584893 100.03%);
    background: linear-gradient(180deg, #47377c .03%, #584893 100.03%)
}

#section-game .game-sub-title {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-8.65%, #f5f0ff), color-stop(74.63%, #ccb9ff));
    background: -webkit-linear-gradient(top, #f5f0ff -8.65%, #ccb9ff 74.63%);
    background: -moz-linear-gradient(top, #f5f0ff -8.65%, #ccb9ff 74.63%);
    background: linear-gradient(180deg, #f5f0ff -8.65%, #ccb9ff 74.63%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-new {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18.69%, #6252a8), color-stop(43.07%, #7363b7), color-stop(103.82%, #afa1ed));
    background: -webkit-linear-gradient(top, #6252a8 18.69%, #7363b7 43.07%, #afa1ed 103.82%);
    background: -moz-linear-gradient(top, #6252a8 18.69%, #7363b7 43.07%, #afa1ed 103.82%);
    background: linear-gradient(180deg, #6252a8 18.69%, #7363b7 43.07%, #afa1ed 103.82%)
}

#section-new [section-title-text] {
    color: #dfd1ff
}

#section-new .linear-title {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30.78%, #efe4ff), color-stop(73.86%, #d1bfff));
    background: -webkit-linear-gradient(top, #efe4ff 30.78%, #d1bfff 73.86%);
    background: -moz-linear-gradient(top, #efe4ff 30.78%, #d1bfff 73.86%);
    background: linear-gradient(180deg, #efe4ff 30.78%, #d1bfff 73.86%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-new .grid-title {
    color: #dfd1ff
}

#section-new .mo-only.replay-controller {
    -webkit-transform: translateX(-50%) translateY(80%);
    -moz-transform: translateX(-50%) translateY(80%);
    -ms-transform: translateX(-50%) translateY(80%);
    transform: translate(-50%) translateY(80%)
}

#section-new .feeling-container .replay-controller {
    visibility: hidden
}

#section-new .feeling-container .video-container {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-new .feeling-container .video-container, #section-new .feeling-container .video-cover {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

#section-new .feeling-container .grid-button.en-grid-button {
    background: transparent;
    border: 1px solid #e9e1ff
}

#section-new .feeling-container.status-1 .button-1 {
    background: #4c388f;
    color: #e3d8fb
}

#section-new .feeling-container.status-1 .button-1.en-grid-button {
    border-color: transparent
}

#section-new .feeling-container.status-1 .video-1 {
    opacity: 1
}

#section-new .feeling-container.status-2 .button-2 {
    background: #4c388f;
    color: #e3d8fb
}

#section-new .feeling-container.status-2 .button-2.en-grid-button {
    border-color: transparent
}

#section-new .feeling-container.status-2 .video-2 {
    opacity: 1
}

#section-new .feeling-container.status-3 .button-3 {
    background: #4c388f;
    color: #e3d8fb
}

#section-new .feeling-container.status-3 .button-3.en-grid-button {
    border-color: transparent
}

#section-new .feeling-container.status-3 .video-3 {
    opacity: 1
}

#section-new .feeling-container.status-4 .button-4 {
    background: #4c388f;
    color: #e3d8fb
}

#section-new .feeling-container.status-4 .button-4.en-grid-button {
    border-color: transparent
}

#section-new .feeling-container.status-4 .video-4 {
    opacity: 1
}

#section-new .voice-img {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-new .engine-button {
    background: transparent;
    border: 1px solid #e9e1ff;
    color: #e9dfff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-new .engine-button .play-button-play {
    opacity: 1
}

#section-new .engine-button .play-button-play .play-selected {
    opacity: 0
}

#section-new .engine-button .play-button-play .play-not-selected {
    opacity: 1
}

#section-new .engine-button .play-button-pause {
    opacity: 0
}

#section-new .engine-button .engine-sound div {
    background: #e9dfff
}

#section-new .engine-button.selected {
    background: #e9e1ff;
    color: #352571
}

#section-new .engine-button.selected .play-button-play .play-selected {
    opacity: 1
}

#section-new .engine-button.selected .play-button-play .play-not-selected {
    opacity: 0
}

#section-new .engine-button.selected .engine-sound div {
    background: rgba(66, 47, 107, .3)
}

#section-new .grid-button {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-performance {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-16.64%, #10051d), to(#483885));
    background: -webkit-linear-gradient(top, #10051d -16.64%, #483885);
    background: -moz-linear-gradient(top, #10051d -16.64%, #483885 100%);
    background: linear-gradient(180deg, #10051d -16.64%, #483885)
}

#section-performance [section-title-text] {
    color: #dfd1ff
}

#section-performance .card-text, #section-performance .indicator-active {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-performance .card-img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-performance .linear-title {
    color: #dfd1ff
}

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

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

#webpack-dev-server-client-overlay {
    display: none
}

@media (min-width:1024px) {
    .zn--wrapper {
        font-size: 64px;
        line-height: 76.8px
    }

    :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-extra [ani-light-wrapper] {
        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%)
    }

    #section-ksp [ani-grid-1] {
        font-size: 16px;
        line-height: 22.4px
    }

    #section-ksp [ksp-card]:hover [ani-light] {
        opacity: 1
    }

    #section-ksp [ksp-card]:hover [ani-img] {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08)
    }

    #section-ksp [ksp-card]:hover [ani-arrow] {
        opacity: 1
    }

    #section-ksp [card-wrapper]:hover [ani-play] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    #section-ksp [card-wrapper]:hover [ani-people] {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*10));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*10));
        -ms-transform: translateX(calc(var(--rpx, 1px)*10));
        transform: translate(calc(var(--rpx, 1px)*10))
    }

    #section-ksp [card-wrapper]:hover [ani-star-2] {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-12));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-12));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-12));
        transform: translate(calc(var(--rpx, 1px)*-12))
    }

    #section-ksp [card-wrapper]:hover [ani-star-1] {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-4));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-4));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-4));
        transform: translate(calc(var(--rpx, 1px)*-4))
    }

    #section-customize .card-desc-inner, #section-customize .card-desc-placeholder {
        font-size: 24px;
        line-height: 33.6px
    }

    #section-customize [ani-light] {
        top: -webkit-calc((var(--rpx, 1px)*700 - var(--content-height))/2);
        top: -moz-calc((var(--rpx, 1px)*700 - var(--content-height))/2);
        top: calc((var(--rpx, 1px)*700 - var(--content-height))/2)
    }

    #section-customize .shadow-top-fix {
        height: -webkit-calc((var(--rpx, 1px)*-700 + var(--content-height))/2);
        height: -moz-calc((var(--rpx, 1px)*-700 + var(--content-height))/2);
        height: calc((var(--rpx, 1px)*-700 + var(--content-height))/2);
        top: -webkit-calc((var(--rpx, 1px)*700 - var(--content-height))/2);
        top: -moz-calc((var(--rpx, 1px)*700 - var(--content-height))/2);
        top: calc((var(--rpx, 1px)*700 - var(--content-height))/2)
    }

    #section-customize .shadow-bottom-fix {
        height: -webkit-calc((var(--rpx, 1px)*-700 + var(--content-height))/2);
        height: -moz-calc((var(--rpx, 1px)*-700 + var(--content-height))/2);
        height: calc((var(--rpx, 1px)*-700 + var(--content-height))/2);
        top: -webkit-calc(var(--rpx, 1px)*700);
        top: -moz-calc(var(--rpx, 1px)*700);
        top: calc(var(--rpx, 1px)*700)
    }

    #section-design [ani-light], #section-design [ani-shadow-bottom-wrapper], #section-design [ani-shadow-left-wrapper], #section-design [ani-shadow-right-wrapper] {
        top: -webkit-calc((var(--rpx, 1px)*640 - var(--content-height))/2);
        top: -moz-calc((var(--rpx, 1px)*640 - var(--content-height))/2);
        top: calc((var(--rpx, 1px)*640 - var(--content-height))/2)
    }

    #section-flagship .one-card {
        margin-left: calc(var(--rpx, 1px)*20);
        margin-right: calc(var(--rpx, 1px)*20)
    }

    #section-game [spec-line].active [spec-text] {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*24));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*24));
        -ms-transform: translateX(calc(var(--rpx, 1px)*24));
        transform: translate(calc(var(--rpx, 1px)*24))
    }

    #section-new .grid-2-text {
        font-size: 12px;
        letter-spacing: .5px;
        line-height: 20px
    }

    #section-performance [img-wrapper] {
        border-top-left-radius: -webkit-calc(var(--rpx, 1px)*8);
        border-top-left-radius: -moz-calc(var(--rpx, 1px)*8);
        border-top-left-radius: calc(var(--rpx, 1px)*8);
        border-top-right-radius: -webkit-calc(var(--rpx, 1px)*8);
        border-top-right-radius: -moz-calc(var(--rpx, 1px)*8);
        border-top-right-radius: calc(var(--rpx, 1px)*8)
    }

    #section-performance .card-title {
        font-size: 28px;
        line-height: 39.2px
    }

    #section-performance .card-desc {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px
    }

    #section-performance .next-button .bg-img, #section-performance .prev-button .bg-img {
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        -moz-transition: transform .3s ease, -moz-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
    }

    #section-performance .next-button .bg-img:hover, #section-performance .prev-button .bg-img:hover {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@media (max-width:649px) {
    .zn--wrapper [section-title-wrapper] {
        font-size: 28px;
        line-height: 32.16px
    }

    :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-texts] {
        left: 50%;
        top: -webkit-calc(var(--rpx, 1px)*48);
        top: -moz-calc(var(--rpx, 1px)*48);
        top: calc(var(--rpx, 1px)*48);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }

    #section-customize .label-text {
        font-size: 12px;
        letter-spacing: .5px;
        line-height: 16.8px
    }

    #section-customize .name-text {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22.4px
    }

    #section-customize [ani-light] {
        top: -webkit-calc(var(--rpx, 1px)*-100);
        top: -moz-calc(var(--rpx, 1px)*-100);
        top: calc(var(--rpx, 1px)*-100)
    }

    #section-design [detail-texts] {
        font-size: 14px;
        line-height: 19.6px
    }
}

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

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

    #section-design [detail-texts] {
        font-size: 16px;
        line-height: 22.4px
    }

    #section-design [ani-light], #section-design [ani-shadow-bottom-wrapper], #section-design [ani-shadow-left-wrapper], #section-design [ani-shadow-right-wrapper] {
        top: -webkit-calc((var(--rpx, 1px)*386 - var(--content-height))/2);
        top: -moz-calc((var(--rpx, 1px)*386 - var(--content-height))/2);
        top: calc((var(--rpx, 1px)*386 - var(--content-height))/2)
    }

    #section-flagship .one-card {
        margin-left: calc(var(--rpx, 1px)*6);
        margin-right: calc(var(--rpx, 1px)*6)
    }

    #section-new .flowers-img, #section-new .phone-grid {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translate(40px)
    }
}

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

@media (max-width:1023px) and (min-width:650px) {
    .zn--wrapper [section-title-wrapper] {
        font-size: 40px;
        line-height: 48px
    }

    #section-customize .label-text {
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 19.6px
    }

    #section-customize .name-text {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 25.2px
    }

    #section-customize [ani-light] {
        top: 0
    }
}

@media (max-width:1023px) {
    #section-kv .kv-note {
        font-size: 6px;
        line-height: 8px
    }

    #section-kv .kv-product {
        font-size: 16px;
        line-height: 19.2px
    }

    #section-kv .kv-slogan {
        font-size: 40px;
        letter-spacing: .5px;
        line-height: 40px
    }

    #section-kv .kv-price {
        font-size: 16px;
        line-height: 24px
    }

    #section-customize .shadow-top-fix, #section-customize .shadow-bottom-fix {
        display: none
    }

    #section-game [spec-line].active [spec-text] {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*12));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*12));
        -ms-transform: translateX(calc(var(--rpx, 1px)*12));
        transform: translate(calc(var(--rpx, 1px)*12))
    }

    #section-performance [img-wrapper] {
        border-bottom-left-radius: -webkit-calc(var(--rpx, 1px)*4);
        border-bottom-left-radius: -moz-calc(var(--rpx, 1px)*4);
        border-bottom-left-radius: calc(var(--rpx, 1px)*4);
        border-bottom-right-radius: -webkit-calc(var(--rpx, 1px)*4);
        border-bottom-right-radius: -moz-calc(var(--rpx, 1px)*4);
        border-bottom-right-radius: calc(var(--rpx, 1px)*4);
        border-top-left-radius: -webkit-calc(var(--rpx, 1px)*4);
        border-top-left-radius: -moz-calc(var(--rpx, 1px)*4);
        border-top-left-radius: calc(var(--rpx, 1px)*4);
        border-top-right-radius: -webkit-calc(var(--rpx, 1px)*4);
        border-top-right-radius: -moz-calc(var(--rpx, 1px)*4);
        border-top-right-radius: calc(var(--rpx, 1px)*4)
    }

    #section-performance .card-title {
        font-size: 16px;
        line-height: 22.4px
    }

    #section-performance .card-desc {
        font-size: 10px;
        letter-spacing: .5px;
        line-height: 14px
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    #section-design .img-4 {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    #section-performance .card-texts {
        -webkit-transform: translateX(-50%) translateY(-22px);
        -moz-transform: translateX(-50%) translateY(-22px);
        -ms-transform: translateX(-50%) translateY(-22px);
        transform: translate(-50%) translateY(-22px)
    }
}

@media (min-width:1024px) and (max-width:1300px) {
    #section-new .flowers-img, #section-new .phone-grid {
        -webkit-transform: translateX(120px);
        -moz-transform: translateX(120px);
        -ms-transform: translateX(120px);
        transform: translate(120px)
    }
}

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

.zn--wrapper .font-b, .zn--wrapper .font-m {
}

.zn--wrapper .font-r {
}

.zn--wrapper .font-l {
}

.zn--wrapper .font-d {
}

.zn--wrapper .font-fz {
    font-weight: 400
}

html {
    overflow: unset !important
}

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

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

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