body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

:root {
    --vw: 1vw;
    --r: 1;
    --vh: 1vh;
    --bg-dark: #000;
}

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

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

.price-text {
    font-size: 18px;
    padding-top: 8px;
    text-align: center;
}

.price-text span {
    color: #999;
    text-decoration: line-through;
    padding-left: 4px;
}

@media screen and (max-width: 1024px) {
    .price-text {
        font-size: 14px;
        padding-top: 5px;
    }
}

.zn--wrapper[data-v-45c7c17e], .zn--wrapper .font-t[data-v-45c7c17e] {
}

.zn--wrapper .font-b[data-v-45c7c17e], .zn--wrapper .font-m[data-v-45c7c17e], .zn--wrapper .pc\:font-medium[data-v-45c7c17e], .zn--wrapper .pct\:font-medium[data-v-45c7c17e] {
}

.zn--wrapper .font-r[data-v-45c7c17e] {
}

html[data-v-45c7c17e] {
    overflow: unset !important
}

body[data-v-45c7c17e] {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body[data-v-45c7c17e] {
    overflow: hidden
}

#header .nav[data-v-45c7c17e] {
    z-index: 99
}

#header .nav .nav-right>li[data-v-45c7c17e], #header .nav .nav-right>li .info[data-v-45c7c17e], #header .nav .nav-right>li a[data-v-45c7c17e] {
    margin-right: 0
}

#footer>.container-infinite>.container-text[data-v-45c7c17e] {
    overflow: hidden
}

#main-wrapper .container[data-v-45c7c17e] {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container[data-v-45c7c17e]:after, #main-wrapper .container[data-v-45c7c17e]:before {
    content: none
}

.font-title[data-v-45c7c17e] {
    font-size: 28px
}

.font-sub-title[data-v-45c7c17e] {
    font-size: 18px
}

.abs-center[data-v-45c7c17e] {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.abs-full[data-v-45c7c17e] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-3d-wrapper[data-v-45c7c17e] {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, .55);
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100)
}

.product-3d-wrapper img[data-v-45c7c17e] {
    opacity: 1 !important
}

.product-3d-wrapper.disappear[data-v-45c7c17e] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: -999
}

.product-3d-wrapper.show[data-v-45c7c17e] {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 1050
}

.product-3d-wrapper .product-container[data-v-45c7c17e] {
    border-radius: 4px;
    height: 80vh;
    height: -webkit-calc(var(--vh, 1vh)*80);
    height: -moz-calc(var(--vh, 1vh)*80);
    height: calc(var(--vh, 1vh)*80);
    overflow: hidden;
    width: 66.67vw;
    width: -webkit-calc(var(--vw, 1vw)*66.67);
    width: -moz-calc(var(--vw, 1vw)*66.67);
    width: calc(var(--vw, 1vw)*66.67)
}

.product-3d-wrapper .product-container.b-green[data-v-45c7c17e] {
    background: #e9efdf
}

.product-3d-wrapper .product-container.b-pink[data-v-45c7c17e] {
    background: #f6ebf1
}

.product-3d-wrapper .product-container.b-black[data-v-45c7c17e] {
    background: #a5a5a5
}

.product-3d-wrapper .product-container .product-close[data-v-45c7c17e] {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 58px;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 6px;
    width: 58px;
    z-index: 5
}

.product-3d-wrapper .product-container .product-close img[data-v-45c7c17e] {
    height: 28px;
    width: 28px
}

.product-3d-wrapper .product-container .product-loading[data-v-45c7c17e] {
    position: absolute;
    z-index: 4
}

.product-3d-wrapper .product-container .product-loading .pl-phone[data-v-45c7c17e] {
    height: 54.5vh;
    height: -webkit-calc(var(--vh, 1vh)*54.5);
    height: -moz-calc(var(--vh, 1vh)*54.5);
    height: calc(var(--vh, 1vh)*54.5);
    width: 27.25vh;
    width: -webkit-calc(var(--vh, 1vh)*27.25);
    width: -moz-calc(var(--vh, 1vh)*27.25);
    width: calc(var(--vh, 1vh)*27.25);
    z-index: 0
}

.product-3d-wrapper .product-container .product-loading .pl-mask[data-v-45c7c17e] {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

.product-3d-wrapper .product-container .product-loading .pl-blur-poster[data-v-45c7c17e] {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.product-3d-wrapper .product-container .product-loading .pl-loading-wrapper[data-v-45c7c17e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -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;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 200px;
    z-index: 2
}

.product-3d-wrapper .product-container .product-loading .pl-loading-wrapper .pl-loading[data-v-45c7c17e] {
    background: rgba(0, 0, 0, .2);
    border-radius: 2px;
    height: 4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.product-3d-wrapper .product-container .product-loading .pl-loading-wrapper .pl-loading .pl-loading-inner[data-v-45c7c17e] {
    background: rgba(0, 0, 0, .8);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.product-3d-wrapper .product-container .product-loading .pl-loading-wrapper .pl-loading-text[data-v-45c7c17e] {
    color: #000c;
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
    white-space: nowrap
}

.product-3d-wrapper .product-container .move-cursor[data-v-45c7c17e] {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, .15);
    border-radius: 50%;
    height: 64px;
    left: -32px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -32px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 64px;
    z-index: 3
}

.product-3d-wrapper .product-container .move-cursor img[data-v-45c7c17e] {
    height: 18px;
    left: 18px;
    position: absolute;
    top: 23px;
    width: 28px
}

.product-3d-wrapper .product-container .product-title[data-v-45c7c17e] {
    color: #000;
    left: 32px;
    position: absolute;
    top: 24px;
    z-index: 2
}

.product-3d-wrapper .product-container .product-controls[data-v-45c7c17e] {
    bottom: 32px;
    left: 50%;
    padding: 20px 0;
    position: absolute;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 2
}

.product-3d-wrapper .product-container .product-controls .control-wrapper[data-v-45c7c17e] {
    -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;
    -webkit-justify-content: center;
    justify-content: center
}

.product-3d-wrapper .product-container .product-controls .color-fixed-text[data-v-45c7c17e] {
    color: #0009;
    font-size: 14px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: -webkit-calc(100% + 10px);
    top: -moz-calc(100% + 10px);
    top: calc(100% + 10px);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.product-3d-wrapper .product-container .product-controls .color-fixed-text.active[data-v-45c7c17e] {
    opacity: 1
}

.product-3d-wrapper .product-container .product-controls .product-controls-item[data-v-45c7c17e] {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.item-green .color-circle-inner[data-v-45c7c17e] {
    background: -webkit-gradient(linear, left top, left bottom, from(#d4dcbf), to(#6f765e));
    background: -webkit-linear-gradient(top, #d4dcbf, #6f765e);
    background: -moz-linear-gradient(top, #d4dcbf 0, #6f765e 100%);
    background: linear-gradient(180deg, #d4dcbf, #6f765e)
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.item-pink[data-v-45c7c17e] {
    margin: 0 12px
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.item-pink .color-circle-inner[data-v-45c7c17e] {
    background: -webkit-gradient(linear, left top, left bottom, from(#f5edee), to(#e0cfd4));
    background: -webkit-linear-gradient(top, #f5edee, #e0cfd4);
    background: -moz-linear-gradient(top, #f5edee 0, #e0cfd4 100%);
    background: linear-gradient(180deg, #f5edee, #e0cfd4)
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.item-black .color-circle-inner[data-v-45c7c17e] {
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#20201e));
    background: -webkit-linear-gradient(top, #5e5e5e, #20201e);
    background: -moz-linear-gradient(top, #5e5e5e 0, #20201e 100%);
    background: linear-gradient(180deg, #5e5e5e, #20201e)
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-green .color-circle[data-v-45c7c17e] {
    border-color: #d4dcbf
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-green .color-text[data-v-45c7c17e] {
    width: 94px
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-pink .color-circle[data-v-45c7c17e] {
    border-color: #dbcbcf
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-pink .color-text[data-v-45c7c17e] {
    width: 94px
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-black .color-circle[data-v-45c7c17e] {
    border-color: #5e5e5e
}

.product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-black .color-text[data-v-45c7c17e] {
    width: 102px
}

.product-3d-wrapper .product-container .product-controls .product-controls-item .color-text[data-v-45c7c17e] {
    overflow: hidden;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    white-space: nowrap;
    width: 0
}

.product-3d-wrapper .product-container .product-controls .product-controls-item .color-line[data-v-45c7c17e] {
    background: rgba(0, 0, 0, .2);
    height: 12px;
    width: 1px
}

.product-3d-wrapper .product-container .product-controls .product-controls-item .color-circle[data-v-45c7c17e] {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 28px;
    margin-right: 10px;
    position: relative;
    width: 28px
}

.product-3d-wrapper .product-container .product-controls .product-controls-item .color-circle .color-circle-inner[data-v-45c7c17e] {
    border-radius: 50%;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px
}

.product-3d-wrapper .product-container .product-canvas[data-v-45c7c17e] {
    cursor: none;
    z-index: 1
}

@media (max-width:649px) {
    .font-title[data-v-45c7c17e], .font-sub-title[data-v-45c7c17e] {
        font-size: 14px
    }

    .product-3d-wrapper .product-container[data-v-45c7c17e] {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: 0;
        height: 90vh;
        height: -webkit-calc(var(--vh, 1vh)*90);
        height: -moz-calc(var(--vh, 1vh)*90);
        height: calc(var(--vh, 1vh)*90);
        top: auto;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .product-3d-wrapper .product-container .product-close[data-v-45c7c17e] {
        height: 36px;
        top: 10px;
        width: 36px
    }

    .product-3d-wrapper .product-container .product-close img[data-v-45c7c17e] {
        height: 20px;
        width: 20px
    }

    .product-3d-wrapper .product-container .product-title[data-v-45c7c17e] {
        left: 13px;
        top: 23px
    }

    .product-3d-wrapper .product-container .product-controls[data-v-45c7c17e] {
        bottom: 50px;
        height: 68px;
        padding: 0
    }

    .product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-green .color-text[data-v-45c7c17e], .product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-pink .color-text[data-v-45c7c17e] {
        width: 73px
    }

    .product-3d-wrapper .product-container .product-controls .product-controls-item.active.item-black .color-text[data-v-45c7c17e] {
        width: 79px
    }

    .product-3d-wrapper .product-container .product-controls .product-controls-item .color-circle[data-v-45c7c17e] {
        height: 24px;
        margin-right: 20;
        width: 24px
    }
}

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

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

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

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

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

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

.bg-\[\#4D8F0E\] {
    --tw-bg-opacity: 1;
    background-color: rgba(77, 143, 14, var(--tw-bg-opacity))
}

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

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

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

.bg-\[\#00000033\] {
    --tw-bg-opacity: .2
}

.bg-\[\#0000001A\], .bg-\[\#00000033\] {
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-\[\#0000001A\] {
    --tw-bg-opacity: .10196078431372549
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-\[\#0000001a\] {
    --tw-bg-opacity: .10196078431372549
}

.bg-\[\#00000017\], .bg-\[\#0000001a\] {
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-\[\#00000017\] {
    --tw-bg-opacity: .09019607843137255
}

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

.bg-opacity-95 {
    --tw-bg-opacity: .95
}

.bg-opacity-10 {
    --tw-bg-opacity: .1
}

.bg-opacity-30 {
    --tw-bg-opacity: .3
}

.bg-top {
    background-position: top
}

.bg-bottom {
    background-position: bottom
}

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

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

.rounded-full {
    border-radius: 9999px
}

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

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

.border-solid {
    border-style: solid
}

.border-1px {
    border-width: 1px
}

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

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

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

.flex-row {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.flex-row, .flex-row-reverse {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal
}

.flex-row-reverse {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

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

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

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

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

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

.self-start {
    -webkit-align-self: flex-start;
    align-self: flex-start
}

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

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

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

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

.font-96 {
    font-weight: 96
}

.font-bold {
    font-weight: 700
}

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

.h-1px {
    height: 1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-250vh {
    height: 250vh;
    height: -webkit-calc(var(--vh, 1vh)*250);
    height: -moz-calc(var(--vh, 1vh)*250);
    height: calc(var(--vh, 1vh)*250)
}

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

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

.h-200vh {
    height: 200vh;
    height: -webkit-calc(var(--vh, 1vh)*200);
    height: -moz-calc(var(--vh, 1vh)*200);
    height: calc(var(--vh, 1vh)*200)
}

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

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

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

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

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

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

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

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

.h-\[calc\(100vh\+600rpx\)\] {
    height: -webkit-calc(100vh + var(--rpx, 1px)*600);
    height: -moz-calc(100vh + var(--rpx, 1px)*600);
    height: calc(100vh + var(--rpx, 1px)*600);
    height: -webkit-calc(var(--vh, 1vh)*100 + var(--rpx, 1px)*600);
    height: -moz-calc(var(--vh, 1vh)*100 + var(--rpx, 1px)*600);
    height: calc(var(--vh, 1vh)*100 + var(--rpx, 1px)*600)
}

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

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

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

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

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

.h-0\.6px {
    height: .6px
}

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

.h-56\.25vw {
    height: 56.25vw;
    height: -webkit-calc(var(--vw, 1vw)*56.25);
    height: -moz-calc(var(--vw, 1vw)*56.25);
    height: calc(var(--vw, 1vw)*56.25)
}

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

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

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

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

.h-34px {
    height: 34px
}

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

.h-41\.67vw {
    height: 41.67vw;
    height: -webkit-calc(var(--vw, 1vw)*41.67);
    height: -moz-calc(var(--vw, 1vw)*41.67);
    height: calc(var(--vw, 1vw)*41.67)
}

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

.h-line-1 {
    height: .25rem
}

.h-line-2 {
    height: .5rem
}

.h-line-3 {
    height: .75rem
}

.h-line-4 {
    height: 1rem
}

.h-line-5 {
    height: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.h-1\.5px {
    height: 1.5px
}

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

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

.h-48px {
    height: 48px
}

.h-37px {
    height: 37px
}

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

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

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

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

.h-70px {
    height: 70px
}

.h-24px {
    height: 24px
}

.h-90px {
    height: 90px
}

.h-2px {
    height: 2px
}

.h-32px {
    height: 32px
}

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

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

.h-50px {
    height: 50px
}

.h-125vh {
    height: 125vh;
    height: -webkit-calc(var(--vh, 1vh)*125);
    height: -moz-calc(var(--vh, 1vh)*125);
    height: calc(var(--vh, 1vh)*125)
}

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

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

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

.h-400vh {
    height: 400vh;
    height: -webkit-calc(var(--vh, 1vh)*400);
    height: -moz-calc(var(--vh, 1vh)*400);
    height: calc(var(--vh, 1vh)*400)
}

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

.h-\[calc\(50vh\+var\(--content-height\)\)\] {
    height: -webkit-calc(50vh + var(--content-height));
    height: -moz-calc(50vh + var(--content-height));
    height: calc(50vh + var(--content-height));
    height: -webkit-calc(var(--vh, 1vh)*50 + var(--content-height));
    height: -moz-calc(var(--vh, 1vh)*50 + var(--content-height));
    height: calc(var(--vh, 1vh)*50 + var(--content-height))
}

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

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

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

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

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

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

.h-30px {
    height: 30px
}

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

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

.h-128px {
    height: 128px
}

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

.h-44px {
    height: 44px
}

.h-\[calc\(200vh\+var\(--content-height\)\)\] {
    height: -webkit-calc(200vh + var(--content-height));
    height: -moz-calc(200vh + var(--content-height));
    height: calc(200vh + var(--content-height));
    height: -webkit-calc(var(--vh, 1vh)*200 + var(--content-height));
    height: -moz-calc(var(--vh, 1vh)*200 + var(--content-height));
    height: calc(var(--vh, 1vh)*200 + var(--content-height))
}

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

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

.h-390px {
    height: 390px
}

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

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

.h-\[calc\(100vh\+var\(--content-height\)\)\] {
    height: -webkit-calc(100vh + var(--content-height));
    height: -moz-calc(100vh + var(--content-height));
    height: calc(100vh + var(--content-height));
    height: -webkit-calc(var(--vh, 1vh)*100 + var(--content-height));
    height: -moz-calc(var(--vh, 1vh)*100 + var(--content-height));
    height: calc(var(--vh, 1vh)*100 + var(--content-height))
}

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

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

.\!text-12 {
    font-size: 12px !important;
    line-height: 150% !important
}

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

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

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

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

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

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

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

.text-14pxleading-\[1\.5\] {
    font-size: 1.5;
    line-height: 1
}

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

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

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

.text-27vw {
    font-size: 27vw;
    font-size: -webkit-calc(var(--vw, 1vw)*27);
    font-size: -moz-calc(var(--vw, 1vw)*27);
    font-size: calc(var(--vw, 1vw)*27);
    line-height: 1
}

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

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

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

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

.leading-\[130\%\] {
    line-height: 130%
}

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

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

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

.\!leading-32px {
    line-height: 32px !important
}

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

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

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

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

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

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

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

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

.mx-22rpx {
    margin-left: calc(var(--rpx, 1px)*22);
    margin-right: calc(var(--rpx, 1px)*22)
}

.mx-8px {
    margin-left: 8px;
    margin-right: 8px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-3\.5rpx {
    margin-top: calc(var(--rpx, 1px)*3.5)
}

.mb-7\.5rpx {
    margin-bottom: calc(var(--rpx, 1px)*7.5)
}

.mb-3\.5rpx {
    margin-bottom: calc(var(--rpx, 1px)*3.5)
}

.mt-7\.5rpx {
    margin-top: calc(var(--rpx, 1px)*7.5)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-8px {
    margin-bottom: 8px
}

.max-h-full {
    max-height: 100%
}

.max-h-\[calc\(var\(--content-height\)-117rpx-172px\)\] {
    max-height: -webkit-calc(var(--content-height) - var(--rpx, 1px)*117 - 172px);
    max-height: -moz-calc(var(--content-height) - var(--rpx, 1px)*117 - 172px);
    max-height: calc(var(--content-height) - var(--rpx, 1px)*117 - 172px)
}

.max-h-\[calc\(var\(--content-height\)-157rpx-248px\)\] {
    max-height: -webkit-calc(var(--content-height) - var(--rpx, 1px)*157 - 248px);
    max-height: -moz-calc(var(--content-height) - var(--rpx, 1px)*157 - 248px);
    max-height: calc(var(--content-height) - var(--rpx, 1px)*157 - 248px)
}

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

.max-h-\[calc\(var\(--content-height\)-123rpx-152px\)\] {
    max-height: -webkit-calc(var(--content-height) - var(--rpx, 1px)*123 - 152px);
    max-height: -moz-calc(var(--content-height) - var(--rpx, 1px)*123 - 152px);
    max-height: calc(var(--content-height) - var(--rpx, 1px)*123 - 152px)
}

.max-h-\[calc\(var\(--content-height\)-183rpx-152px\)\] {
    max-height: -webkit-calc(var(--content-height) - var(--rpx, 1px)*183 - 152px);
    max-height: -moz-calc(var(--content-height) - var(--rpx, 1px)*183 - 152px);
    max-height: calc(var(--content-height) - var(--rpx, 1px)*183 - 152px)
}

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

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

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

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

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

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

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

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

.opacity-0 {
    opacity: 0
}

.opacity-30 {
    opacity: .3
}

.opacity-35 {
    opacity: .35
}

.opacity-95 {
    opacity: .95
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-60 {
    opacity: .6
}

.opacity-44 {
    opacity: .44
}

.opacity-45 {
    opacity: .45
}

.opacity-50 {
    opacity: .5
}

.opacity-54 {
    opacity: .54
}

.opacity-15 {
    opacity: .15
}

.opacity-90 {
    opacity: .9
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.px-20px {
    padding-left: 20px;
    padding-right: 20px
}

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

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

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

.px-4px {
    padding-left: 4px;
    padding-right: 4px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr-8px {
    padding-right: 8px
}

.pl-8px {
    padding-left: 8px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.top-\[calc\(50\%-58px-60rpx\)\] {
    top: -webkit-calc(50% - 58px - var(--rpx, 1px)*60);
    top: -moz-calc(50% - 58px - var(--rpx, 1px)*60);
    top: calc(50% - 58px - var(--rpx, 1px)*60)
}

.top-\[calc\(50\%-405rpx-94rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*405 - var(--rpx, 1px)*94);
    top: -moz-calc(50% - var(--rpx, 1px)*405 - var(--rpx, 1px)*94);
    top: calc(50% - var(--rpx, 1px)*405 - var(--rpx, 1px)*94)
}

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

.left-24px {
    left: 24px
}

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

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

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

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

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

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

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

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

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

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

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

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

.right-5\.82rpx {
    right: -webkit-calc(var(--rpx, 1px)*5.82);
    right: -moz-calc(var(--rpx, 1px)*5.82);
    right: calc(var(--rpx, 1px)*5.82)
}

.right-2\.82rpx {
    right: -webkit-calc(var(--rpx, 1px)*2.82);
    right: -moz-calc(var(--rpx, 1px)*2.82);
    right: calc(var(--rpx, 1px)*2.82)
}

.right-0 {
    right: 0
}

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

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

.top-\[2207px\] {
    top: 2207px
}

.top-\[5000px\] {
    top: 5000px
}

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

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

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

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

.bottom-\[-28\.5rpx\] {
    bottom: -webkit-calc(var(--rpx, 1px)*-28.5);
    bottom: -moz-calc(var(--rpx, 1px)*-28.5);
    bottom: calc(var(--rpx, 1px)*-28.5)
}

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

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

.right-\[150\.37rpx\] {
    right: -webkit-calc(var(--rpx, 1px)*150.37);
    right: -moz-calc(var(--rpx, 1px)*150.37);
    right: calc(var(--rpx, 1px)*150.37)
}

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

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

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

.bottom-83\.2rpx {
    bottom: -webkit-calc(var(--rpx, 1px)*83.2);
    bottom: -moz-calc(var(--rpx, 1px)*83.2);
    bottom: calc(var(--rpx, 1px)*83.2)
}

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

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

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

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

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

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

.bottom-0 {
    bottom: 0
}

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

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

.left-\[-88px\] {
    left: -88px
}

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

.top-\[-12vw\] {
    top: -12vw;
    top: -webkit-calc(var(--vw, 1vw)*-12);
    top: -moz-calc(var(--vw, 1vw)*-12);
    top: calc(var(--vw, 1vw)*-12)
}

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

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

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

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

.right-16px {
    right: 16px
}

.bottom-16px {
    bottom: 16px
}

.top-\[calc\(150vh-var\(--nav-height\)\)\] {
    top: -webkit-calc(150vh - var(--nav-height));
    top: -moz-calc(150vh - var(--nav-height));
    top: calc(150vh - var(--nav-height));
    top: -webkit-calc(var(--vh, 1vh)*150 - var(--nav-height));
    top: -moz-calc(var(--vh, 1vh)*150 - var(--nav-height));
    top: calc(var(--vh, 1vh)*150 - var(--nav-height))
}

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

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

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

.left-\[calc\(50\%-18\.05vw\)\] {
    left: -webkit-calc(50% - 18.05vw);
    left: -moz-calc(50% - 18.05vw);
    left: calc(50% - 18.05vw);
    left: -webkit-calc(50% - var(--vw, 1vw)*18.05);
    left: -moz-calc(50% - var(--vw, 1vw)*18.05);
    left: calc(50% - var(--vw, 1vw)*18.05)
}

.left-\[calc\(\)\] {
    left: -webkit-calc();
    left: -moz-calc();
    left: calc()
}

.top-\[950px\] {
    top: 950px
}

.top-54px {
    top: 54px
}

.left-16px {
    left: 16px
}

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

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

.-left-0 {
    left: 0
}

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

.top-1\/2 {
    top: 50%
}

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

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

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

.top-\[calc\(50\%-456rpx\+907rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px)*456 + var(--rpx, 1px)*907);
    top: -moz-calc(50% - var(--rpx, 1px)*456 + var(--rpx, 1px)*907);
    top: calc(50% - var(--rpx, 1px)*456 + var(--rpx, 1px)*907)
}

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

.top-auto {
    top: auto
}

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

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

.bottom-\[calc\(31\.25\%-13\.25px\+42px\)\] {
    bottom: -webkit-calc(31.25% + 28.75px);
    bottom: -moz-calc(31.25% + 28.75px);
    bottom: calc(31.25% + 28.75px)
}

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

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

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

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

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

.left-\[calc\(50\%-140px\)\] {
    left: -webkit-calc(50% - 140px);
    left: -moz-calc(50% - 140px);
    left: calc(50% - 140px)
}

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

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

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

.top-1px {
    top: 1px
}

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

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

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

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

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

.top-\[calc\(50\%-139px\+41px\)\] {
    top: -webkit-calc(50% - 98px);
    top: -moz-calc(50% - 98px);
    top: calc(50% - 98px)
}

.\!top-\[-0\.8em\] {
    top: -.8em !important
}

.\!top-\[-0\.6em\] {
    top: -.6em !important
}

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

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

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

.left-\[calc\(50\%-0\.5px\)\] {
    left: -webkit-calc(50% - .5px);
    left: -moz-calc(50% - .5px);
    left: calc(50% - .5px)
}

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

.top-\[calc\(50\%-50px\)\] {
    top: -webkit-calc(50% - 50px);
    top: -moz-calc(50% - 50px);
    top: calc(50% - 50px)
}

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

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

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

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

.top-\[calc\(50\%\+308rpx\+56rpx\)\] {
    top: -webkit-calc(50% + var(--rpx, 1px)*308 + var(--rpx, 1px)*56);
    top: -moz-calc(50% + var(--rpx, 1px)*308 + var(--rpx, 1px)*56);
    top: calc(50% + var(--rpx, 1px)*308 + var(--rpx, 1px)*56)
}

.shadow-wrapper {
    --tw-shadow: var(--tw-shadow-colored)
}

.text-center {
    text-align: center
}

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

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

.text-\[\#4D8F0E\] {
    --tw-text-opacity: 1;
    color: rgba(77, 143, 14, var(--tw-text-opacity))
}

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

.text-\[\#0000004D\] {
    --tw-text-opacity: .30196078431372547;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

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

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

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

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1
}

.text-\[\#FFFFFF\], .text-\[\#ffffff60\] {
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#ffffff60\] {
    --tw-text-opacity: .3764705882352941
}

.text-\[\#FFFFFF78\] {
    --tw-text-opacity: .47058823529411764
}

.text-\[\#FFFFFF59\], .text-\[\#FFFFFF78\] {
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#FFFFFF59\] {
    --tw-text-opacity: .34901960784313724
}

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

.content-container {
    content: "container"
}

.content-0 {
    content: "0"
}

.content-text {
    content: "text"
}

.content-pic {
    content: "pic"
}

.content-pic-item {
    content: "pic-item"
}

.content-1 {
    content: "1"
}

.content-2 {
    content: "2"
}

.content-3 {
    content: "3"
}

.content-wrapper {
    content: "wrapper"
}

.tracking-\[-0\.5\%\] {
    letter-spacing: -.5%
}

.tracking-\[-1\.5\%\] {
    letter-spacing: -1.5%
}

.tracking-\[-0\.1px\] {
    letter-spacing: -.1px
}

.tracking-0\.012em {
    letter-spacing: .012em
}

.tracking-0\.031em {
    letter-spacing: .031em
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.w-full {
    width: 100%
}

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

.w-1\/3 {
    width: 33.333333%
}

.w-1\/2 {
    width: 50%
}

.w-1px {
    width: 1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-320px {
    width: 320px
}

.w-410px {
    width: 410px
}

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

.w-88px {
    width: 88px
}

.w-122px {
    width: 122px
}

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

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

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

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

.w-34px {
    width: 34px
}

.w-100px {
    width: 100px
}

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

.w-36\.11vw {
    width: 36.11vw;
    width: -webkit-calc(var(--vw, 1vw)*36.11);
    width: -moz-calc(var(--vw, 1vw)*36.11);
    width: calc(var(--vw, 1vw)*36.11)
}

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

.w-164px {
    width: 164px
}

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

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

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

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

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

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

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

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

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

.w-182px {
    width: 182px
}

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

.w-67px {
    width: 67px
}

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

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

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

.w-162px {
    width: 162px
}

.w-32px {
    width: 32px
}

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

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

.w-280px {
    width: 280px
}

.w-240px {
    width: 240px
}

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

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

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

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

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

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

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

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

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

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

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

.w-206px {
    width: 206px
}

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

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

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

.w-60px {
    width: 60px
}

.w-332px {
    width: 332px
}

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

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

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

.w-306px {
    width: 306px
}

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

.w-262px {
    width: 262px
}

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

.w-200px {
    width: 200px
}

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

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

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

.w-562px {
    width: 562px
}

.w-440px {
    width: 440px
}

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

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

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

.z-1 {
    z-index: 1
}

.z-9 {
    z-index: 9
}

.z-2 {
    z-index: 2
}

.z-0 {
    z-index: 0
}

.z-15 {
    z-index: 15
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.z-3 {
    z-index: 3
}

.z-10 {
    z-index: 10
}

.z-6 {
    z-index: 6
}

.z-100 {
    z-index: 100
}

.z-8 {
    z-index: 8
}

.z-7 {
    z-index: 7
}

.z-11 {
    z-index: 11
}

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

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

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

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

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

.rotate-180 {
    --tw-rotate: 180deg
}

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

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

.duration-300 {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

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

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

    .pad\:bg-\[\#E9EFDF\] {
        --tw-bg-opacity: 1;
        background-color: rgba(233, 239, 223, var(--tw-bg-opacity))
    }

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

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

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

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

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

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

    .pad\:bg-gradient-to-b {
        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
        background-image: -webkit-linear-gradient(top, var(--tw-gradient-stops));
        background-image: -moz-linear-gradient(top, var(--tw-gradient-stops));
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
    }

    .pad\:from-white {
        --tw-gradient-from: rgba(255, 255, 255, var(--tw-from-opacity, 1));
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .pad\:to-white {
        --tw-gradient-to: rgba(255, 255, 255, var(--tw-to-opacity, 1))
    }

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

    .pad\:bg-opacity-10 {
        --tw-bg-opacity: .1
    }

    .pad\:bg-opacity-30 {
        --tw-bg-opacity: .3
    }

    .pad\:bg-opacity-70 {
        --tw-bg-opacity: .7
    }

    .pad\:rounded-full {
        border-radius: 9999px
    }

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

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

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

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

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

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

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

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

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

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

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

    .pad\:h-\[calc\(8000px\+var\(--content-height\)\)\] {
        height: -webkit-calc(8000px + var(--content-height));
        height: -moz-calc(8000px + var(--content-height));
        height: calc(8000px + var(--content-height))
    }

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

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

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

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

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

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

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

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

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

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

    .pad\:h-2\/1 {
        height: 200%
    }

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

    .pad\:h-\[127\%\] {
        height: 127%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:h-\[calc\(300vh\+400px\+var\(--content-height\)\)\] {
        height: -webkit-calc(300vh + 400px + var(--content-height));
        height: -moz-calc(300vh + 400px + var(--content-height));
        height: calc(300vh + 400px + var(--content-height));
        height: -webkit-calc(var(--vh, 1vh)*300 + 400px + var(--content-height));
        height: -moz-calc(var(--vh, 1vh)*300 + 400px + var(--content-height));
        height: calc(var(--vh, 1vh)*300 + 400px + var(--content-height))
    }

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

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

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

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

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

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

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

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

    .pad\:text-24vw {
        font-size: 24vw;
        font-size: -webkit-calc(var(--vw, 1vw)*24);
        font-size: -moz-calc(var(--vw, 1vw)*24);
        font-size: calc(var(--vw, 1vw)*24);
        line-height: 1
    }

    .pad\:text-23\.5vw {
        font-size: 23.5vw;
        font-size: -webkit-calc(var(--vw, 1vw)*23.5);
        font-size: -moz-calc(var(--vw, 1vw)*23.5);
        font-size: calc(var(--vw, 1vw)*23.5);
        line-height: 1
    }

    .pad\:text-19vw {
        font-size: 19vw;
        font-size: -webkit-calc(var(--vw, 1vw)*19);
        font-size: -moz-calc(var(--vw, 1vw)*19);
        font-size: calc(var(--vw, 1vw)*19);
        line-height: 1
    }

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

    .pad\:text-88px {
        font-size: 88px;
        line-height: 1
    }

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

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

    .pad\:leading-\[120\%\] {
        line-height: 120%
    }

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

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

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

    .pad\:my-24px {
        margin-bottom: 24px;
        margin-top: 24px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:max-w-480px {
        max-width: 480px
    }

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

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

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

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

    .pad\:opacity-10 {
        opacity: .1
    }

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

    .pad\:opacity-90 {
        opacity: .9
    }

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

    .pad\:opacity-30 {
        opacity: .3
    }

    .pad\:opacity-20 {
        opacity: .2
    }

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

    .pad\:p-24px {
        padding: 24px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

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

    .pad\:top-\[calc\(50\%-152rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*152);
        top: -moz-calc(50% - var(--rpx, 1px)*152);
        top: calc(50% - var(--rpx, 1px)*152)
    }

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

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

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

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

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

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

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

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

    .pad\:top-45\/100 {
        top: 45%
    }

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

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

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

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

    .pad\:top-43\/100 {
        top: 43%
    }

    .pad\:top-\[calc\(50\%-247rpx\+490rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*247 + var(--rpx, 1px)*490);
        top: -moz-calc(50% - var(--rpx, 1px)*247 + var(--rpx, 1px)*490);
        top: calc(50% - var(--rpx, 1px)*247 + var(--rpx, 1px)*490)
    }

    .pad\:left-\[calc\(50\%-50vw\)\] {
        left: -webkit-calc(50% - 50vw);
        left: -moz-calc(50% - 50vw);
        left: calc(50% - 50vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*50);
        left: -moz-calc(50% - var(--vw, 1vw)*50);
        left: calc(50% - var(--vw, 1vw)*50)
    }

    .pad\:left-14\/10 {
        left: 140%
    }

    .pad\:top-37\/100 {
        top: 37%
    }

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

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

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

    .pad\:top-\[calc\(50\%-78rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*78);
        top: -moz-calc(50% - var(--rpx, 1px)*78);
        top: calc(50% - var(--rpx, 1px)*78)
    }

    .pad\:top-\[calc\(95\%\+36rpx\+22\.4px\)\] {
        top: -webkit-calc(95% + var(--rpx, 1px)*36 + 22.4px);
        top: -moz-calc(95% + var(--rpx, 1px)*36 + 22.4px);
        top: calc(95% + var(--rpx, 1px)*36 + 22.4px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:left-\[calc\(24px\+270rpx\)\] {
        left: -webkit-calc(24px + var(--rpx, 1px)*270);
        left: -moz-calc(24px + var(--rpx, 1px)*270);
        left: calc(24px + var(--rpx, 1px)*270)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:top-99\/100 {
        top: 99%
    }

    .pad\:left-44\/100 {
        left: 44%
    }

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

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

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

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

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

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

    .pad\:text-\[\#666F5C\] {
        --tw-text-opacity: 1;
        color: rgba(102, 111, 92, var(--tw-text-opacity))
    }

    .pad\:text-\[\#565f4e\] {
        --tw-text-opacity: 1;
        color: rgba(86, 95, 78, var(--tw-text-opacity))
    }

    .pad\:text-\[\#8a7681\] {
        --tw-text-opacity: 1;
        color: rgba(138, 118, 129, var(--tw-text-opacity))
    }

    .pad\:text-\[\#4F3F44\] {
        --tw-text-opacity: 1;
        color: rgba(79, 63, 68, var(--tw-text-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:w-\[2473\%\] {
        width: 2473%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:origin-top {
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        -moz-transform-origin: top;
        transform-origin: top
    }

    .pad\:origin-bottom {
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -moz-transform-origin: bottom;
        transform-origin: bottom
    }

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

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

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

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

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

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

    .pc\:bg-\[\#E9EFDF\] {
        --tw-bg-opacity: 1;
        background-color: rgba(233, 239, 223, var(--tw-bg-opacity))
    }

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

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

    .pc\:bg-\[transparent\] {
        background-color: transparent
    }

    .pc\:bg-\[\#ffffff20\] {
        --tw-bg-opacity: .12549019607843137
    }

    .pc\:bg-\[\#ffffff20\], .pc\:bg-\[white\] {
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .pc\:bg-\[white\] {
        --tw-bg-opacity: 1
    }

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

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

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

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

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

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

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

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

    .pc\:bg-gradient-to-b {
        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
        background-image: -webkit-linear-gradient(top, var(--tw-gradient-stops));
        background-image: -moz-linear-gradient(top, var(--tw-gradient-stops));
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
    }

    .pc\:from-white {
        --tw-gradient-from: rgba(255, 255, 255, var(--tw-from-opacity, 1));
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .pc\:to-white {
        --tw-gradient-to: rgba(255, 255, 255, var(--tw-to-opacity, 1))
    }

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

    .pc\:bg-opacity-10 {
        --tw-bg-opacity: .1
    }

    .pc\:bg-opacity-30 {
        --tw-bg-opacity: .3
    }

    .pc\:bg-opacity-70 {
        --tw-bg-opacity: .7
    }

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

    .pc\:bg-opacity-25 {
        --tw-bg-opacity: .25
    }

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

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

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

    .pc\:border-opacity-30 {
        --tw-border-opacity: .3
    }

    .pc\:rounded-full {
        border-radius: 9999px
    }

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

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

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

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

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

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

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

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

    .pc\:cursor-pointer {
        cursor: pointer
    }

    .pc\:inline-block {
        display: inline-block
    }

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

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

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

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

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

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

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

    .pc\:self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

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

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

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

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

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

    .pc\:flex-\[1_1_50vw\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 50vw;
        -webkit-flex: 1 1 -webkit-calc(var(--vw, 1vw)*50);
        flex: 1 1 50vw;
        flex: 1 1 calc(var(--vw, 1vw)*50)
    }

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

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

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

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

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

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

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

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

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

    .pc\:h-\[calc\(100\%-49px\)\] {
        height: -webkit-calc(100% - 49px);
        height: -moz-calc(100% - 49px);
        height: calc(100% - 49px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:h-2\/1 {
        height: 200%
    }

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

    .pc\:h-\[127\%\] {
        height: 127%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:h-\[calc\(300vh\+400px\+var\(--content-height\)\)\] {
        height: -webkit-calc(300vh + 400px + var(--content-height));
        height: -moz-calc(300vh + 400px + var(--content-height));
        height: calc(300vh + 400px + var(--content-height));
        height: -webkit-calc(var(--vh, 1vh)*300 + 400px + var(--content-height));
        height: -moz-calc(var(--vh, 1vh)*300 + 400px + var(--content-height));
        height: calc(var(--vh, 1vh)*300 + 400px + var(--content-height))
    }

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

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

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

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

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

    .pc\:h-\[calc\(var\(--content-height\)\+500vh\+278px\)\] {
        height: -webkit-calc(var(--content-height) + 500vh + 278px);
        height: -moz-calc(var(--content-height) + 500vh + 278px);
        height: calc(var(--content-height) + 500vh + 278px);
        height: -webkit-calc(var(--content-height) + var(--vh, 1vh)*500 + 278px);
        height: -moz-calc(var(--content-height) + var(--vh, 1vh)*500 + 278px);
        height: calc(var(--content-height) + var(--vh, 1vh)*500 + 278px)
    }

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

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

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

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

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

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

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

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

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

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

    .pc\:h-\[calc\(200vh\+var\(--content-height\)\)\] {
        height: -webkit-calc(200vh + var(--content-height));
        height: -moz-calc(200vh + var(--content-height));
        height: calc(200vh + var(--content-height));
        height: -webkit-calc(var(--vh, 1vh)*200 + var(--content-height));
        height: -moz-calc(var(--vh, 1vh)*200 + var(--content-height));
        height: calc(var(--vh, 1vh)*200 + var(--content-height))
    }

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

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

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

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

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

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

    .pc\:h-\[calc\(1000px\+100vh\+var\(--content-height\)\)\] {
        height: -webkit-calc(1000px + 100vh + var(--content-height));
        height: -moz-calc(1000px + 100vh + var(--content-height));
        height: calc(1000px + 100vh + var(--content-height));
        height: -webkit-calc(1000px + var(--vh, 1vh)*100 + var(--content-height));
        height: -moz-calc(1000px + var(--vh, 1vh)*100 + var(--content-height));
        height: calc(1000px + var(--vh, 1vh)*100 + var(--content-height))
    }

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

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

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

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

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

    .pc\:h-342\.9rpx {
        height: -webkit-calc(var(--rpx, 1px)*342.9);
        height: -moz-calc(var(--rpx, 1px)*342.9);
        height: calc(var(--rpx, 1px)*342.9)
    }

    .pc\:h-319rpx {
        height: -webkit-calc(var(--rpx, 1px)*319);
        height: -moz-calc(var(--rpx, 1px)*319);
        height: calc(var(--rpx, 1px)*319)
    }

    .pc\:h-857rpx {
        height: -webkit-calc(var(--rpx, 1px)*857);
        height: -moz-calc(var(--rpx, 1px)*857);
        height: calc(var(--rpx, 1px)*857)
    }

    .pc\:h-\[calc\(10000px\+var\(--content-height\)\)\] {
        height: -webkit-calc(10000px + var(--content-height));
        height: -moz-calc(10000px + var(--content-height));
        height: calc(10000px + var(--content-height))
    }

    .pc\:h-836rpx {
        height: -webkit-calc(var(--rpx, 1px)*836);
        height: -moz-calc(var(--rpx, 1px)*836);
        height: calc(var(--rpx, 1px)*836)
    }

    .pc\:h-1253rpx {
        height: -webkit-calc(var(--rpx, 1px)*1253);
        height: -moz-calc(var(--rpx, 1px)*1253);
        height: calc(var(--rpx, 1px)*1253)
    }

    .pc\:h-1091rpx {
        height: -webkit-calc(var(--rpx, 1px)*1091);
        height: -moz-calc(var(--rpx, 1px)*1091);
        height: calc(var(--rpx, 1px)*1091)
    }

    .pc\:h-1153rpx {
        height: -webkit-calc(var(--rpx, 1px)*1153);
        height: -moz-calc(var(--rpx, 1px)*1153);
        height: calc(var(--rpx, 1px)*1153)
    }

    .pc\:h-363rpx {
        height: -webkit-calc(var(--rpx, 1px)*363);
        height: -moz-calc(var(--rpx, 1px)*363);
        height: calc(var(--rpx, 1px)*363)
    }

    .pc\:h-403rpx {
        height: -webkit-calc(var(--rpx, 1px)*403);
        height: -moz-calc(var(--rpx, 1px)*403);
        height: calc(var(--rpx, 1px)*403)
    }

    .pc\:h-372rpx {
        height: -webkit-calc(var(--rpx, 1px)*372);
        height: -moz-calc(var(--rpx, 1px)*372);
        height: calc(var(--rpx, 1px)*372)
    }

    .pc\:h-399rpx {
        height: -webkit-calc(var(--rpx, 1px)*399);
        height: -moz-calc(var(--rpx, 1px)*399);
        height: calc(var(--rpx, 1px)*399)
    }

    .pc\:h-320rpx {
        height: -webkit-calc(var(--rpx, 1px)*320);
        height: -moz-calc(var(--rpx, 1px)*320);
        height: calc(var(--rpx, 1px)*320)
    }

    .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-34px {
        height: 34px
    }

    .pc\:h-390rpx {
        height: -webkit-calc(var(--rpx, 1px)*390);
        height: -moz-calc(var(--rpx, 1px)*390);
        height: calc(var(--rpx, 1px)*390)
    }

    .\!pc\:h-34rpx {
        height: -webkit-calc(var(--rpx, 1px)*34) !important;
        height: -moz-calc(var(--rpx, 1px)*34) !important;
        height: calc(var(--rpx, 1px)*34) !important
    }

    .pc\:h-\[calc\(3000px\+var\(--content-height\)\)\] {
        height: -webkit-calc(3000px + var(--content-height));
        height: -moz-calc(3000px + var(--content-height));
        height: calc(3000px + var(--content-height))
    }

    .pc\:h-\[25\.76vw\] {
        height: 25.76vw;
        height: -webkit-calc(var(--vw, 1vw)*25.76);
        height: -moz-calc(var(--vw, 1vw)*25.76);
        height: calc(var(--vw, 1vw)*25.76)
    }

    .pc\:h-71\.32vw {
        height: 71.32vw;
        height: -webkit-calc(var(--vw, 1vw)*71.32);
        height: -moz-calc(var(--vw, 1vw)*71.32);
        height: calc(var(--vw, 1vw)*71.32)
    }

    .pc\:h-862rpx {
        height: -webkit-calc(var(--rpx, 1px)*862);
        height: -moz-calc(var(--rpx, 1px)*862);
        height: calc(var(--rpx, 1px)*862)
    }

    .pc\:h-56rpx {
        height: -webkit-calc(var(--rpx, 1px)*56);
        height: -moz-calc(var(--rpx, 1px)*56);
        height: calc(var(--rpx, 1px)*56)
    }

    .pc\:h-443rpx {
        height: -webkit-calc(var(--rpx, 1px)*443);
        height: -moz-calc(var(--rpx, 1px)*443);
        height: calc(var(--rpx, 1px)*443)
    }

    .pc\:h-53rpx {
        height: -webkit-calc(var(--rpx, 1px)*53);
        height: -moz-calc(var(--rpx, 1px)*53);
        height: calc(var(--rpx, 1px)*53)
    }

    .pc\:h-26\.9rpx {
        height: -webkit-calc(var(--rpx, 1px)*26.9);
        height: -moz-calc(var(--rpx, 1px)*26.9);
        height: calc(var(--rpx, 1px)*26.9)
    }

    .pc\:h-27\.1rpx {
        height: -webkit-calc(var(--rpx, 1px)*27.1);
        height: -moz-calc(var(--rpx, 1px)*27.1);
        height: calc(var(--rpx, 1px)*27.1)
    }

    .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-676rpx {
        height: -webkit-calc(var(--rpx, 1px)*676);
        height: -moz-calc(var(--rpx, 1px)*676);
        height: calc(var(--rpx, 1px)*676)
    }

    .pc\:h-480rpx {
        height: -webkit-calc(var(--rpx, 1px)*480);
        height: -moz-calc(var(--rpx, 1px)*480);
        height: calc(var(--rpx, 1px)*480)
    }

    .pc\:h-424rpx {
        height: -webkit-calc(var(--rpx, 1px)*424);
        height: -moz-calc(var(--rpx, 1px)*424);
        height: calc(var(--rpx, 1px)*424)
    }

    .pc\:h-416rpx {
        height: -webkit-calc(var(--rpx, 1px)*416);
        height: -moz-calc(var(--rpx, 1px)*416);
        height: calc(var(--rpx, 1px)*416)
    }

    .pc\:h-289rpx {
        height: -webkit-calc(var(--rpx, 1px)*289);
        height: -moz-calc(var(--rpx, 1px)*289);
        height: calc(var(--rpx, 1px)*289)
    }

    .pc\:h-151rpx {
        height: -webkit-calc(var(--rpx, 1px)*151);
        height: -moz-calc(var(--rpx, 1px)*151);
        height: calc(var(--rpx, 1px)*151)
    }

    .pc\:text-77rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*77);
        font-size: -moz-calc(var(--rpx, 1px)*77);
        font-size: calc(var(--rpx, 1px)*77);
        line-height: 1
    }

    .pc\:text-35rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*35);
        font-size: -moz-calc(var(--rpx, 1px)*35);
        font-size: calc(var(--rpx, 1px)*35);
        line-height: 1
    }

    .pc\:text-22px {
        font-size: 22px;
        line-height: 1
    }

    .pc\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .pc\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .pc\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pc\:leading-\[1\] {
        line-height: 1
    }

    .\!pc\:leading-\[1\.57\] {
        line-height: 1.57 !important
    }

    .pc\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .pc\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .pc\:mx-24px {
        margin-left: 24px;
        margin-right: 24px
    }

    .pc\:my-29rpx {
        margin-bottom: calc(var(--rpx, 1px)*29);
        margin-top: calc(var(--rpx, 1px)*29)
    }

    .pc\:mr-30rpx {
        margin-right: calc(var(--rpx, 1px)*30)
    }

    .pc\:mt-6px {
        margin-top: 6px
    }

    .pc\:mt-8\.8px {
        margin-top: 8.8px
    }

    .pc\:mt-14px {
        margin-top: 14px
    }

    .pc\:mt-21rpx {
        margin-top: calc(var(--rpx, 1px)*21)
    }

    .pc\:mt-6rpx {
        margin-top: calc(var(--rpx, 1px)*6)
    }

    .pc\:mt-29rpx {
        margin-top: calc(var(--rpx, 1px)*29)
    }

    .pc\:ml-8rpx {
        margin-left: calc(var(--rpx, 1px)*8)
    }

    .pc\:mt-16rpx {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    .pc\:mb-246rpx {
        margin-bottom: calc(var(--rpx, 1px)*246)
    }

    .pc\:mt-221rpx {
        margin-top: calc(var(--rpx, 1px)*221)
    }

    .pc\:mt-16px {
        margin-top: 16px
    }

    .pc\:mt-14rpx {
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .pc\:mt-20px {
        margin-top: 20px
    }

    .pc\:ml-20rpx {
        margin-left: calc(var(--rpx, 1px)*20)
    }

    .pc\:ml-6rpx {
        margin-left: calc(var(--rpx, 1px)*6)
    }

    .pc\:mb-43rpx {
        margin-bottom: calc(var(--rpx, 1px)*43)
    }

    .pc\:mt-43rpx {
        margin-top: calc(var(--rpx, 1px)*43)
    }

    .pc\:mt-46rpx {
        margin-top: calc(var(--rpx, 1px)*46)
    }

    .pc\:mt-8px {
        margin-top: 8px
    }

    .pc\:mt-9px {
        margin-top: 9px
    }

    .pc\:mt-40rpx {
        margin-top: calc(var(--rpx, 1px)*40)
    }

    .pc\:ml-5rpx {
        margin-left: calc(var(--rpx, 1px)*5)
    }

    .pc\:mt-10px {
        margin-top: 10px
    }

    .pc\:mt-82rpx {
        margin-top: calc(var(--rpx, 1px)*82)
    }

    .pc\:mt-56rpx {
        margin-top: calc(var(--rpx, 1px)*56)
    }

    .pc\:ml-76rpx {
        margin-left: calc(var(--rpx, 1px)*76)
    }

    .pc\:mt-19rpx {
        margin-top: calc(var(--rpx, 1px)*19)
    }

    .pc\:mb-22rpx {
        margin-bottom: calc(var(--rpx, 1px)*22)
    }

    .pc\:mt-15rpx {
        margin-top: calc(var(--rpx, 1px)*15)
    }

    .pc\:-mt-100vh {
        margin-top: -100vh;
        margin-top: calc(var(--vh, 1vh)*-100)
    }

    .pc\:mt-20rpx {
        margin-top: calc(var(--rpx, 1px)*20)
    }

    .pc\:mt-30rpx {
        margin-top: calc(var(--rpx, 1px)*30)
    }

    .pc\:mt-4px {
        margin-top: 4px
    }

    .pc\:mt-149rpx {
        margin-top: calc(var(--rpx, 1px)*149)
    }

    .pc\:mt-18rpx {
        margin-top: calc(var(--rpx, 1px)*18)
    }

    .pc\:mt-174rpx {
        margin-top: calc(var(--rpx, 1px)*174)
    }

    .pc\:mt-24rpx {
        margin-top: calc(var(--rpx, 1px)*24)
    }

    .pc\:-mt-57rpx {
        margin-top: calc(var(--rpx, 1px)*-57)
    }

    .pc\:ml-\[calc\(50\%-325px\+20rpx\)\] {
        margin-left: calc(50% - 325px + var(--rpx, 1px)*20)
    }

    .pc\:mb-93rpx {
        margin-bottom: calc(var(--rpx, 1px)*93)
    }

    .pc\:mt-64rpx {
        margin-top: calc(var(--rpx, 1px)*64)
    }

    .pc\:ml-118rpx {
        margin-left: calc(var(--rpx, 1px)*118)
    }

    .pc\:mt-15\.5px {
        margin-top: 15.5px
    }

    .pc\:mb-16\.5px {
        margin-bottom: 16.5px
    }

    .pc\:-ml-36\/100 {
        margin-left: -36%
    }

    .pc\:mt-10rpx {
        margin-top: calc(var(--rpx, 1px)*10)
    }

    .pc\:-mt-1px {
        margin-top: -1px
    }

    .pc\:mt-\[calc\(0px-var\(--content-height\)\)\] {
        margin-top: calc(0px - var(--content-height))
    }

    .pc\:mt-1\.39vw {
        margin-top: 1.39vw;
        margin-top: calc(var(--vw, 1vw)*1.39)
    }

    .pc\:ml-1\.39vw {
        margin-left: 1.39vw;
        margin-left: calc(var(--vw, 1vw)*1.39)
    }

    .pc\:mt-12px {
        margin-top: 12px
    }

    .pc\:mt-60rpx {
        margin-top: calc(var(--rpx, 1px)*60)
    }

    .pc\:mt-3px {
        margin-top: 3px
    }

    .pc\:ml-53rpx {
        margin-left: calc(var(--rpx, 1px)*53)
    }

    .pc\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .pc\:ml-12rpx {
        margin-left: calc(var(--rpx, 1px)*12)
    }

    .pc\:mb-15rpx {
        margin-bottom: calc(var(--rpx, 1px)*15)
    }

    .pc\:ml-17rpx {
        margin-left: calc(var(--rpx, 1px)*17)
    }

    .pc\:ml-10rpx {
        margin-left: calc(var(--rpx, 1px)*10)
    }

    .pc\:mt-17px {
        margin-top: 17px
    }

    .pc\:mt-33rpx {
        margin-top: calc(var(--rpx, 1px)*33)
    }

    .pc\:mt-13rpx {
        margin-top: calc(var(--rpx, 1px)*13)
    }

    .pc\:mt-15px {
        margin-top: 15px
    }

    .pc\:ml-22rpx {
        margin-left: calc(var(--rpx, 1px)*22)
    }

    .pc\:mt-76rpx {
        margin-top: calc(var(--rpx, 1px)*76)
    }

    .pc\:mr-4rpx {
        margin-right: calc(var(--rpx, 1px)*4)
    }

    .pc\:mt-32px {
        margin-top: 32px
    }

    .pc\:ml-\[calc\(50\%-656rpx\)\] {
        margin-left: calc(50% - var(--rpx, 1px)*656)
    }

    .pc\:ml-3rpx {
        margin-left: calc(var(--rpx, 1px)*3)
    }

    .pc\:mt-44rpx {
        margin-top: calc(var(--rpx, 1px)*44)
    }

    .pc\:mr-24rpx {
        margin-right: calc(var(--rpx, 1px)*24)
    }

    .pc\:max-h-full {
        max-height: 100%
    }

    .pc\:max-h-120\/100 {
        max-height: 120%
    }

    .pc\:max-h-95\/100 {
        max-height: 95%
    }

    .pc\:max-h-30vh {
        max-height: 30vh;
        max-height: -webkit-calc(var(--vh, 1vh)*30);
        max-height: -moz-calc(var(--vh, 1vh)*30);
        max-height: calc(var(--vh, 1vh)*30)
    }

    .pc\:max-h-90vh {
        max-height: 90vh;
        max-height: -webkit-calc(var(--vh, 1vh)*90);
        max-height: -moz-calc(var(--vh, 1vh)*90);
        max-height: calc(var(--vh, 1vh)*90)
    }

    .pc\:max-w-full {
        max-width: 100%
    }

    .pc\:max-w-480px {
        max-width: 480px
    }

    .pc\:max-w-473px {
        max-width: 473px
    }

    .pc\:max-w-381px {
        max-width: 381px
    }

    .pc\:max-w-324px {
        max-width: 324px
    }

    .pc\:max-w-41\.97vh {
        max-width: 41.97vh;
        max-width: -webkit-calc(var(--vh, 1vh)*41.97);
        max-width: -moz-calc(var(--vh, 1vh)*41.97);
        max-width: calc(var(--vh, 1vh)*41.97)
    }

    .pc\:min-h-55\.5vw {
        min-height: 55.5vw;
        min-height: -webkit-calc(var(--vw, 1vw)*55.5);
        min-height: -moz-calc(var(--vw, 1vw)*55.5);
        min-height: calc(var(--vw, 1vw)*55.5)
    }

    .pc\:min-h-52\.78vw {
        min-height: 52.78vw;
        min-height: -webkit-calc(var(--vw, 1vw)*52.78);
        min-height: -moz-calc(var(--vw, 1vw)*52.78);
        min-height: calc(var(--vw, 1vw)*52.78)
    }

    .pc\:min-w-110vw {
        min-width: 110vw;
        min-width: -webkit-calc(var(--vw, 1vw)*110);
        min-width: -moz-calc(var(--vw, 1vw)*110);
        min-width: calc(var(--vw, 1vw)*110)
    }

    .pc\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .pc\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .pc\:object-fill {
        -o-object-fit: fill;
        object-fit: fill
    }

    .pc\:opacity-95 {
        opacity: .95
    }

    .pc\:opacity-65 {
        opacity: .65
    }

    .pc\:opacity-10 {
        opacity: .1
    }

    .pc\:opacity-90 {
        opacity: .9
    }

    .pc\:opacity-54 {
        opacity: .54
    }

    .pc\:opacity-13 {
        opacity: .13
    }

    .pc\:opacity-30 {
        opacity: .3
    }

    .pc\:opacity-20 {
        opacity: .2
    }

    .pc\:opacity-35 {
        opacity: .35
    }

    .pc\:opacity-50 {
        opacity: .5
    }

    .pc\:opacity-0 {
        opacity: 0
    }

    .pc\:opacity-45 {
        opacity: .45
    }

    .pc\:opacity-40 {
        opacity: .4
    }

    .pc\:opacity-22 {
        opacity: .22
    }

    .pc\:opacity-75 {
        opacity: .75
    }

    .pc\:overflow-hidden {
        overflow: hidden
    }

    .pc\:overflow-visible {
        overflow: visible
    }

    .pc\:px-1\.67vw {
        padding-left: 1.67vw;
        padding-left: calc(var(--vw, 1vw)*1.67);
        padding-right: 1.67vw;
        padding-right: calc(var(--vw, 1vw)*1.67)
    }

    .pc\:py-82rpx {
        padding-bottom: calc(var(--rpx, 1px)*82);
        padding-top: calc(var(--rpx, 1px)*82)
    }

    .pc\:px-16rpx {
        padding-left: calc(var(--rpx, 1px)*16);
        padding-right: calc(var(--rpx, 1px)*16)
    }

    .pc\:py-8rpx {
        padding-bottom: calc(var(--rpx, 1px)*8);
        padding-top: calc(var(--rpx, 1px)*8)
    }

    .pc\:px-11rpx {
        padding-left: calc(var(--rpx, 1px)*11);
        padding-right: calc(var(--rpx, 1px)*11)
    }

    .pc\:py-6rpx {
        padding-bottom: calc(var(--rpx, 1px)*6);
        padding-top: calc(var(--rpx, 1px)*6)
    }

    .pc\:py-100rpx {
        padding-bottom: calc(var(--rpx, 1px)*100);
        padding-top: calc(var(--rpx, 1px)*100)
    }

    .pc\:px-19rpx {
        padding-left: calc(var(--rpx, 1px)*19);
        padding-right: calc(var(--rpx, 1px)*19)
    }

    .pc\:py-9rpx {
        padding-bottom: calc(var(--rpx, 1px)*9);
        padding-top: calc(var(--rpx, 1px)*9)
    }

    .pc\:px-2\.78vw {
        padding-left: 2.78vw;
        padding-left: calc(var(--vw, 1vw)*2.78);
        padding-right: 2.78vw;
        padding-right: calc(var(--vw, 1vw)*2.78)
    }

    .pc\:py-22rpx {
        padding-bottom: calc(var(--rpx, 1px)*22);
        padding-top: calc(var(--rpx, 1px)*22)
    }

    .pc\:py-50rpx {
        padding-bottom: calc(var(--rpx, 1px)*50);
        padding-top: calc(var(--rpx, 1px)*50)
    }

    .pc\:px-64px {
        padding-left: 64px;
        padding-right: 64px
    }

    .pc\:px-23rpx {
        padding-left: calc(var(--rpx, 1px)*23);
        padding-right: calc(var(--rpx, 1px)*23)
    }

    .pc\:py-40rpx {
        padding-bottom: calc(var(--rpx, 1px)*40);
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .pc\:py-250rpx {
        padding-bottom: calc(var(--rpx, 1px)*250);
        padding-top: calc(var(--rpx, 1px)*250)
    }

    .pc\:px-20rpx {
        padding-left: calc(var(--rpx, 1px)*20);
        padding-right: calc(var(--rpx, 1px)*20)
    }

    .pc\:py-58rpx {
        padding-bottom: calc(var(--rpx, 1px)*58);
        padding-top: calc(var(--rpx, 1px)*58)
    }

    .pc\:px-64rpx {
        padding-left: calc(var(--rpx, 1px)*64);
        padding-right: calc(var(--rpx, 1px)*64)
    }

    .pc\:py-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80);
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .pc\:pt-1\.94vw {
        padding-top: 1.94vw;
        padding-top: calc(var(--vw, 1vw)*1.94)
    }

    .pc\:pb-1\.67vw {
        padding-bottom: 1.67vw;
        padding-bottom: calc(var(--vw, 1vw)*1.67)
    }

    .pc\:pt-27\.5rpx {
        padding-top: calc(var(--rpx, 1px)*27.5)
    }

    .pc\:pl-16rpx {
        padding-left: calc(var(--rpx, 1px)*16)
    }

    .pc\:pt-119rpx {
        padding-top: calc(var(--rpx, 1px)*119)
    }

    .pc\:pb-103rpx {
        padding-bottom: calc(var(--rpx, 1px)*103)
    }

    .pc\:pl-24rpx {
        padding-left: calc(var(--rpx, 1px)*24)
    }

    .pc\:pb-6rpx {
        padding-bottom: calc(var(--rpx, 1px)*6)
    }

    .pc\:pl-4\.38vw {
        padding-left: 4.38vw;
        padding-left: calc(var(--vw, 1vw)*4.38)
    }

    .pc\:pr-4\.79vw {
        padding-right: 4.79vw;
        padding-right: calc(var(--vw, 1vw)*4.79)
    }

    .pc\:pt-52rpx {
        padding-top: calc(var(--rpx, 1px)*52)
    }

    .pc\:pb-56rpx {
        padding-bottom: calc(var(--rpx, 1px)*56)
    }

    .\!pc\:pl-40rpx {
        padding-left: calc(var(--rpx, 1px)*40) !important
    }

    .pc\:pt-64rpx {
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .pc\:pb-100rpx {
        padding-bottom: calc(var(--rpx, 1px)*100)
    }

    .pc\:pt-69rpx {
        padding-top: calc(var(--rpx, 1px)*69)
    }

    .pc\:pl-40rpx {
        padding-left: calc(var(--rpx, 1px)*40)
    }

    .pc\:pt-105rpx {
        padding-top: calc(var(--rpx, 1px)*105)
    }

    .pc\:pb-109rpx {
        padding-bottom: calc(var(--rpx, 1px)*109)
    }

    .pc\:pb-40rpx {
        padding-bottom: calc(var(--rpx, 1px)*40)
    }

    .pc\:pt-83rpx {
        padding-top: calc(var(--rpx, 1px)*83)
    }

    .pc\:pt-128rpx {
        padding-top: calc(var(--rpx, 1px)*128)
    }

    .pc\:pb-58rpx {
        padding-bottom: calc(var(--rpx, 1px)*58)
    }

    .pc\:pt-71px {
        padding-top: 71px
    }

    .pc\:pb-40px {
        padding-bottom: 40px
    }

    .pc\:pl-64rpx {
        padding-left: calc(var(--rpx, 1px)*64)
    }

    .pc\:pt-51rpx {
        padding-top: calc(var(--rpx, 1px)*51)
    }

    .pc\:pb-62rpx {
        padding-bottom: calc(var(--rpx, 1px)*62)
    }

    .pc\:pr-19rpx {
        padding-right: calc(var(--rpx, 1px)*19)
    }

    .pc\:pr-40rpx {
        padding-right: calc(var(--rpx, 1px)*40)
    }

    .pc\:pl-50rpx {
        padding-left: calc(var(--rpx, 1px)*50)
    }

    .pc\:pr-66rpx {
        padding-right: calc(var(--rpx, 1px)*66)
    }

    .pc\:pr-56rpx {
        padding-right: calc(var(--rpx, 1px)*56)
    }

    .pc\:pl-7vw {
        padding-left: 7vw;
        padding-left: calc(var(--vw, 1vw)*7)
    }

    .pc\:pt-90rpx {
        padding-top: calc(var(--rpx, 1px)*90)
    }

    .pc\:pb-70rpx {
        padding-bottom: calc(var(--rpx, 1px)*70)
    }

    .pc\:pb-86rpx {
        padding-bottom: calc(var(--rpx, 1px)*86)
    }

    .pc\:pl-20rpx {
        padding-left: calc(var(--rpx, 1px)*20)
    }

    .pc\:pt-30rpx {
        padding-top: calc(var(--rpx, 1px)*30)
    }

    .pc\:pb-60rpx {
        padding-bottom: calc(var(--rpx, 1px)*60)
    }

    .pc\:pb-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80)
    }

    .pc\:pl-80rpx {
        padding-left: calc(var(--rpx, 1px)*80)
    }

    .pc\:pt-19rpx {
        padding-top: calc(var(--rpx, 1px)*19)
    }

    .pc\:pt-94rpx {
        padding-top: calc(var(--rpx, 1px)*94)
    }

    .pc\:pointer-events-none {
        pointer-events: none
    }

    .pc\:fixed {
        position: fixed
    }

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

    .pc\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .pc\:top-\[var\(--nav-height\)\] {
        top: var(--nav-height)
    }

    .pc\:left-24rpx {
        left: -webkit-calc(var(--rpx, 1px)*24);
        left: -moz-calc(var(--rpx, 1px)*24);
        left: calc(var(--rpx, 1px)*24)
    }

    .pc\:bottom-\[calc\(50px\+26rpx\)\] {
        bottom: -webkit-calc(50px + var(--rpx, 1px)*26);
        bottom: -moz-calc(50px + var(--rpx, 1px)*26);
        bottom: calc(50px + var(--rpx, 1px)*26)
    }

    .pc\:top-0 {
        top: 0
    }

    .pc\:left-0 {
        left: 0
    }

    .pc\:top-10px {
        top: 10px
    }

    .pc\:right-8\.68vw {
        right: 8.68vw;
        right: -webkit-calc(var(--vw, 1vw)*8.68);
        right: -moz-calc(var(--vw, 1vw)*8.68);
        right: calc(var(--vw, 1vw)*8.68)
    }

    .pc\:top-\[calc\(46\%-86rpx\)\] {
        top: -webkit-calc(46% - var(--rpx, 1px)*86);
        top: -moz-calc(46% - var(--rpx, 1px)*86);
        top: calc(46% - var(--rpx, 1px)*86)
    }

    .pc\:left-124\.6rpx {
        left: -webkit-calc(var(--rpx, 1px)*124.6);
        left: -moz-calc(var(--rpx, 1px)*124.6);
        left: calc(var(--rpx, 1px)*124.6)
    }

    .pc\:top-24px {
        top: 24px
    }

    .pc\:left-1\.67vw {
        left: 1.67vw;
        left: -webkit-calc(var(--vw, 1vw)*1.67);
        left: -moz-calc(var(--vw, 1vw)*1.67);
        left: calc(var(--vw, 1vw)*1.67)
    }

    .pc\:-left-44rpx {
        left: -webkit-calc(var(--rpx, 1px)*-44);
        left: -moz-calc(var(--rpx, 1px)*-44);
        left: calc(var(--rpx, 1px)*-44)
    }

    .pc\:-top-44rpx {
        top: -webkit-calc(var(--rpx, 1px)*-44);
        top: -moz-calc(var(--rpx, 1px)*-44);
        top: calc(var(--rpx, 1px)*-44)
    }

    .pc\:top-\[calc\(50\%-281rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*281);
        top: -moz-calc(50% - var(--rpx, 1px)*281);
        top: calc(50% - var(--rpx, 1px)*281)
    }

    .pc\:left-\[calc\(50\%-133\.5rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*133.5);
        left: -moz-calc(50% - var(--rpx, 1px)*133.5);
        left: calc(50% - var(--rpx, 1px)*133.5)
    }

    .pc\:-left-50vw {
        left: -50vw;
        left: -webkit-calc(var(--vw, 1vw)*-50);
        left: -moz-calc(var(--vw, 1vw)*-50);
        left: calc(var(--vw, 1vw)*-50)
    }

    .pc\:bottom-0 {
        bottom: 0
    }

    .pc\:right-0 {
        right: 0
    }

    .pc\:-left-30\.5rpx {
        left: -webkit-calc(var(--rpx, 1px)*-30.5);
        left: -moz-calc(var(--rpx, 1px)*-30.5);
        left: calc(var(--rpx, 1px)*-30.5)
    }

    .pc\:top-1\/2 {
        top: 50%
    }

    .pc\:top-45\/100 {
        top: 45%
    }

    .pc\:right-16rpx {
        right: -webkit-calc(var(--rpx, 1px)*16);
        right: -moz-calc(var(--rpx, 1px)*16);
        right: calc(var(--rpx, 1px)*16)
    }

    .pc\:left-1\/2 {
        left: 50%
    }

    .pc\:-bottom-40\.5rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-40.5);
        bottom: -moz-calc(var(--rpx, 1px)*-40.5);
        bottom: calc(var(--rpx, 1px)*-40.5)
    }

    .pc\:-right-123rpx {
        right: -webkit-calc(var(--rpx, 1px)*-123);
        right: -moz-calc(var(--rpx, 1px)*-123);
        right: calc(var(--rpx, 1px)*-123)
    }

    .pc\:top-43\/100 {
        top: 43%
    }

    .pc\:top-\[calc\(50\%-456rpx\+907rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*456 + var(--rpx, 1px)*907);
        top: -moz-calc(50% - var(--rpx, 1px)*456 + var(--rpx, 1px)*907);
        top: calc(50% - var(--rpx, 1px)*456 + var(--rpx, 1px)*907)
    }

    .pc\:left-\[calc\(50\%-50vw\)\] {
        left: -webkit-calc(50% - 50vw);
        left: -moz-calc(50% - 50vw);
        left: calc(50% - 50vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*50);
        left: -moz-calc(50% - var(--vw, 1vw)*50);
        left: calc(50% - var(--vw, 1vw)*50)
    }

    .pc\:left-14\/10 {
        left: 140%
    }

    .pc\:top-37\/100 {
        top: 37%
    }

    .pc\:left-\[calc\(50\%-656rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*656);
        left: -moz-calc(50% - var(--rpx, 1px)*656);
        left: calc(50% - var(--rpx, 1px)*656)
    }

    .pc\:-top-1\/2 {
        top: -50%
    }

    .pc\:top-\[calc\(50\%-144rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*144);
        top: -moz-calc(50% - var(--rpx, 1px)*144);
        top: calc(50% - var(--rpx, 1px)*144)
    }

    .pc\:top-\[calc\(95\%\+66rpx\+22\.4px\)\] {
        top: -webkit-calc(95% + var(--rpx, 1px)*66 + 22.4px);
        top: -moz-calc(95% + var(--rpx, 1px)*66 + 22.4px);
        top: calc(95% + var(--rpx, 1px)*66 + 22.4px)
    }

    .pc\:top-\[calc\(68\%-31\.25vw\)\] {
        top: -webkit-calc(68% - 31.25vw);
        top: -moz-calc(68% - 31.25vw);
        top: calc(68% - 31.25vw);
        top: -webkit-calc(68% - var(--vw, 1vw)*31.25);
        top: -moz-calc(68% - var(--vw, 1vw)*31.25);
        top: calc(68% - var(--vw, 1vw)*31.25)
    }

    .pc\:left-\[calc\(55\.6\%-26\.32vw\)\] {
        left: -webkit-calc(55.6% - 26.32vw);
        left: -moz-calc(55.6% - 26.32vw);
        left: calc(55.6% - 26.32vw);
        left: -webkit-calc(55.6% - var(--vw, 1vw)*26.32);
        left: -moz-calc(55.6% - var(--vw, 1vw)*26.32);
        left: calc(55.6% - var(--vw, 1vw)*26.32)
    }

    .pc\:left-556\/1000 {
        left: 55.6%
    }

    .pc\:left-\[calc\(50\%-680rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*680);
        left: -moz-calc(50% - var(--rpx, 1px)*680);
        left: calc(50% - var(--rpx, 1px)*680)
    }

    .pc\:bottom-full {
        bottom: 100%
    }

    .pc\:left-\[calc\(55\.6\%\+346rpx\)\] {
        left: -webkit-calc(55.6% + var(--rpx, 1px)*346);
        left: -moz-calc(55.6% + var(--rpx, 1px)*346);
        left: calc(55.6% + var(--rpx, 1px)*346)
    }

    .pc\:top-\[calc\(50\%-20\.5vw\)\] {
        top: -webkit-calc(50% - 20.5vw);
        top: -moz-calc(50% - 20.5vw);
        top: calc(50% - 20.5vw);
        top: -webkit-calc(50% - var(--vw, 1vw)*20.5);
        top: -moz-calc(50% - var(--vw, 1vw)*20.5);
        top: calc(50% - var(--vw, 1vw)*20.5)
    }

    .pc\:left-4\/10 {
        left: 40%
    }

    .pc\:left-\[calc\(40\%-397px\)\] {
        left: -webkit-calc(40% - 397px);
        left: -moz-calc(40% - 397px);
        left: calc(40% - 397px)
    }

    .pc\:top-full {
        top: 100%
    }

    .pc\:left-\[calc\(40\%\+23\.7vw\+142px\)\] {
        left: -webkit-calc(40% + 23.7vw + 142px);
        left: -moz-calc(40% + 23.7vw + 142px);
        left: calc(40% + 23.7vw + 142px);
        left: -webkit-calc(40% + var(--vw, 1vw)*23.7 + 142px);
        left: -moz-calc(40% + var(--vw, 1vw)*23.7 + 142px);
        left: calc(40% + var(--vw, 1vw)*23.7 + 142px)
    }

    .pc\:left-\[calc\(40\%-12px\)\] {
        left: -webkit-calc(40% - 12px);
        left: -moz-calc(40% - 12px);
        left: calc(40% - 12px)
    }

    .pc\:left-\[calc\(40\%\+23\.7vw\)\] {
        left: -webkit-calc(40% + 23.7vw);
        left: -moz-calc(40% + 23.7vw);
        left: calc(40% + 23.7vw);
        left: -webkit-calc(40% + var(--vw, 1vw)*23.7);
        left: -moz-calc(40% + var(--vw, 1vw)*23.7);
        left: calc(40% + var(--vw, 1vw)*23.7)
    }

    .pc\:top-\[calc\(50\%-400rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*400);
        top: -moz-calc(50% - var(--rpx, 1px)*400);
        top: calc(50% - var(--rpx, 1px)*400)
    }

    .pc\:left-\[calc\(40\%-323px\)\] {
        left: -webkit-calc(40% - 323px);
        left: -moz-calc(40% - 323px);
        left: calc(40% - 323px)
    }

    .pc\:top-\[calc\(50\%-525rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*525);
        top: -moz-calc(50% - var(--rpx, 1px)*525);
        top: calc(50% - var(--rpx, 1px)*525)
    }

    .pc\:left-\[calc\(50\%-525rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*525);
        left: -moz-calc(50% - var(--rpx, 1px)*525);
        left: calc(50% - var(--rpx, 1px)*525)
    }

    .pc\:top-\[calc\(50\%-797rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*797);
        top: -moz-calc(50% - var(--rpx, 1px)*797);
        top: calc(50% - var(--rpx, 1px)*797)
    }

    .pc\:left-\[calc\(50\%-847\.5rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*847.5);
        left: -moz-calc(50% - var(--rpx, 1px)*847.5);
        left: calc(50% - var(--rpx, 1px)*847.5)
    }

    .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-39rpx {
        top: -webkit-calc(var(--rpx, 1px)*39);
        top: -moz-calc(var(--rpx, 1px)*39);
        top: calc(var(--rpx, 1px)*39)
    }

    .pc\:right-55rpx {
        right: -webkit-calc(var(--rpx, 1px)*55);
        right: -moz-calc(var(--rpx, 1px)*55);
        right: calc(var(--rpx, 1px)*55)
    }

    .pc\:-top-50vh {
        top: -50vh;
        top: -webkit-calc(var(--vh, 1vh)*-50);
        top: -moz-calc(var(--vh, 1vh)*-50);
        top: calc(var(--vh, 1vh)*-50)
    }

    .pc\:left-970rpx {
        left: -webkit-calc(var(--rpx, 1px)*970);
        left: -moz-calc(var(--rpx, 1px)*970);
        left: calc(var(--rpx, 1px)*970)
    }

    .pc\:top-99\/100 {
        top: 99%
    }

    .pc\:bottom-70rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*70);
        bottom: -moz-calc(var(--rpx, 1px)*70);
        bottom: calc(var(--rpx, 1px)*70)
    }

    .pc\:right-103rpx {
        right: -webkit-calc(var(--rpx, 1px)*103);
        right: -moz-calc(var(--rpx, 1px)*103);
        right: calc(var(--rpx, 1px)*103)
    }

    .pc\:bottom-108rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*108);
        bottom: -moz-calc(var(--rpx, 1px)*108);
        bottom: calc(var(--rpx, 1px)*108)
    }

    .pc\:right-1\/2 {
        right: 50%
    }

    .pc\:left-44\/100 {
        left: 44%
    }

    .pc\:-bottom-25\/100 {
        bottom: -25%
    }

    .pc\:top-278px {
        top: 278px
    }

    .pc\:left-2\/1 {
        left: 200%
    }

    .pc\:top-\[calc\(var\(--content-height\)\+100vh\)\] {
        top: -webkit-calc(var(--content-height) + 100vh);
        top: -moz-calc(var(--content-height) + 100vh);
        top: calc(var(--content-height) + 100vh);
        top: -webkit-calc(var(--content-height) + var(--vh, 1vh)*100);
        top: -moz-calc(var(--content-height) + var(--vh, 1vh)*100);
        top: calc(var(--content-height) + var(--vh, 1vh)*100)
    }

    .pc\:left-\[calc\(50\%-10\.24vw\)\] {
        left: -webkit-calc(50% - 10.24vw);
        left: -moz-calc(50% - 10.24vw);
        left: calc(50% - 10.24vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*10.24);
        left: -moz-calc(50% - var(--vw, 1vw)*10.24);
        left: calc(50% - var(--vw, 1vw)*10.24)
    }

    .pc\:top-\[calc\(50\%-21\.7vw\)\] {
        top: -webkit-calc(50% - 21.7vw);
        top: -moz-calc(50% - 21.7vw);
        top: calc(50% - 21.7vw);
        top: -webkit-calc(50% - var(--vw, 1vw)*21.7);
        top: -moz-calc(50% - var(--vw, 1vw)*21.7);
        top: calc(50% - var(--vw, 1vw)*21.7)
    }

    .pc\:-left-39\.9vw {
        left: -39.9vw;
        left: -webkit-calc(var(--vw, 1vw)*-39.9);
        left: -moz-calc(var(--vw, 1vw)*-39.9);
        left: calc(var(--vw, 1vw)*-39.9)
    }

    .pc\:-top-26vw {
        top: -26vw;
        top: -webkit-calc(var(--vw, 1vw)*-26);
        top: -moz-calc(var(--vw, 1vw)*-26);
        top: calc(var(--vw, 1vw)*-26)
    }

    .pc\:top-135\/10000 {
        top: 1.35%
    }

    .pc\:left-\[calc\(50\%-9\.51vw\)\] {
        left: -webkit-calc(50% - 9.51vw);
        left: -moz-calc(50% - 9.51vw);
        left: calc(50% - 9.51vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*9.51);
        left: -moz-calc(50% - var(--vw, 1vw)*9.51);
        left: calc(50% - var(--vw, 1vw)*9.51)
    }

    .pc\:left-\[calc\(50\%-16\.665vw\)\] {
        left: -webkit-calc(50% - 16.665vw);
        left: -moz-calc(50% - 16.665vw);
        left: calc(50% - 16.665vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*16.665);
        left: -moz-calc(50% - var(--vw, 1vw)*16.665);
        left: calc(50% - var(--vw, 1vw)*16.665)
    }

    .pc\:top-18rpx {
        top: -webkit-calc(var(--rpx, 1px)*18);
        top: -moz-calc(var(--rpx, 1px)*18);
        top: calc(var(--rpx, 1px)*18)
    }

    .pc\:left-18rpx {
        left: -webkit-calc(var(--rpx, 1px)*18);
        left: -moz-calc(var(--rpx, 1px)*18);
        left: calc(var(--rpx, 1px)*18)
    }

    .pc\:top-\[calc\(var\(--content-height\)\)\] {
        top: -webkit-calc(var(--content-height));
        top: -moz-calc(var(--content-height));
        top: calc(var(--content-height))
    }

    .pc\:top-\[calc\(var\(--content-height\)\+200vh\)\] {
        top: -webkit-calc(var(--content-height) + 200vh);
        top: -moz-calc(var(--content-height) + 200vh);
        top: calc(var(--content-height) + 200vh);
        top: -webkit-calc(var(--content-height) + var(--vh, 1vh)*200);
        top: -moz-calc(var(--content-height) + var(--vh, 1vh)*200);
        top: calc(var(--content-height) + var(--vh, 1vh)*200)
    }

    .pc\:left-\[calc\(33\.33\%-1px\)\] {
        left: -webkit-calc(33.33% - 1px);
        left: -moz-calc(33.33% - 1px);
        left: calc(33.33% - 1px)
    }

    .pc\:right-\[calc\(33\.33\%-1px\)\] {
        right: -webkit-calc(33.33% - 1px);
        right: -moz-calc(33.33% - 1px);
        right: calc(33.33% - 1px)
    }

    .pc\:top-6\.39vw {
        top: 6.39vw;
        top: -webkit-calc(var(--vw, 1vw)*6.39);
        top: -moz-calc(var(--vw, 1vw)*6.39);
        top: calc(var(--vw, 1vw)*6.39)
    }

    .pc\:left-\[0\] {
        left: 0
    }

    .pc\:top-\[calc\(50\%-26\.39vw\)\] {
        top: -webkit-calc(50% - 26.39vw);
        top: -moz-calc(50% - 26.39vw);
        top: calc(50% - 26.39vw);
        top: -webkit-calc(50% - var(--vw, 1vw)*26.39);
        top: -moz-calc(50% - var(--vw, 1vw)*26.39);
        top: calc(50% - var(--vw, 1vw)*26.39)
    }

    .pc\:left-1\/3 {
        left: 33.333333%
    }

    .pc\:bottom-5\.9vw {
        bottom: 5.9vw;
        bottom: -webkit-calc(var(--vw, 1vw)*5.9);
        bottom: -moz-calc(var(--vw, 1vw)*5.9);
        bottom: calc(var(--vw, 1vw)*5.9)
    }

    .pc\:left-2\.78vw {
        left: 2.78vw;
        left: -webkit-calc(var(--vw, 1vw)*2.78);
        left: -moz-calc(var(--vw, 1vw)*2.78);
        left: calc(var(--vw, 1vw)*2.78)
    }

    .pc\:top-100vh {
        top: 100vh;
        top: -webkit-calc(var(--vh, 1vh)*100);
        top: -moz-calc(var(--vh, 1vh)*100);
        top: calc(var(--vh, 1vh)*100)
    }

    .pc\:top-\[calc\(50\%-50px\)\] {
        top: -webkit-calc(50% - 50px);
        top: -moz-calc(50% - 50px);
        top: calc(50% - 50px)
    }

    .pc\:bottom-52rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*52);
        bottom: -moz-calc(var(--rpx, 1px)*52);
        bottom: calc(var(--rpx, 1px)*52)
    }

    .pc\:left-\[calc\(50\%-274rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*274);
        left: -moz-calc(50% - var(--rpx, 1px)*274);
        left: calc(50% - var(--rpx, 1px)*274)
    }

    .pc\:left-\[calc\(50\%-323rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*323);
        left: -moz-calc(50% - var(--rpx, 1px)*323);
        left: calc(50% - var(--rpx, 1px)*323)
    }

    .pc\:bottom-79rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*79);
        bottom: -moz-calc(var(--rpx, 1px)*79);
        bottom: calc(var(--rpx, 1px)*79)
    }

    .pc\:left-\[calc\(49\%-232rpx\)\] {
        left: -webkit-calc(49% - var(--rpx, 1px)*232);
        left: -moz-calc(49% - var(--rpx, 1px)*232);
        left: calc(49% - var(--rpx, 1px)*232)
    }

    .pc\:top-1px {
        top: 1px
    }

    .pc\:left-\[calc\(48\%-1250rpx\)\] {
        left: -webkit-calc(48% - var(--rpx, 1px)*1250);
        left: -moz-calc(48% - var(--rpx, 1px)*1250);
        left: calc(48% - var(--rpx, 1px)*1250)
    }

    .pc\:-left-0 {
        left: 0
    }

    .pc\:top-47rpx {
        top: -webkit-calc(var(--rpx, 1px)*47);
        top: -moz-calc(var(--rpx, 1px)*47);
        top: calc(var(--rpx, 1px)*47)
    }

    .pc\:left-\[calc\(51\%-355rpx\)\] {
        left: -webkit-calc(51% - var(--rpx, 1px)*355);
        left: -moz-calc(51% - var(--rpx, 1px)*355);
        left: calc(51% - var(--rpx, 1px)*355)
    }

    .pc\:top-11rpx {
        top: -webkit-calc(var(--rpx, 1px)*11);
        top: -moz-calc(var(--rpx, 1px)*11);
        top: calc(var(--rpx, 1px)*11)
    }

    .pc\:left-\[calc\(43\%-280\.5rpx\)\] {
        left: -webkit-calc(43% - var(--rpx, 1px)*280.5);
        left: -moz-calc(43% - var(--rpx, 1px)*280.5);
        left: calc(43% - var(--rpx, 1px)*280.5)
    }

    .pc\:top-\[calc\(50\%-171\.4rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*171.4);
        top: -moz-calc(50% - var(--rpx, 1px)*171.4);
        top: calc(50% - var(--rpx, 1px)*171.4)
    }

    .pc\:left-\[calc\(50\%-355rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*355);
        left: -moz-calc(50% - var(--rpx, 1px)*355);
        left: calc(50% - var(--rpx, 1px)*355)
    }

    .pc\:top-\[calc\(50\%-428\.5rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*428.5);
        top: -moz-calc(50% - var(--rpx, 1px)*428.5);
        top: calc(50% - var(--rpx, 1px)*428.5)
    }

    .pc\:-right-12rpx {
        right: -webkit-calc(var(--rpx, 1px)*-12);
        right: -moz-calc(var(--rpx, 1px)*-12);
        right: calc(var(--rpx, 1px)*-12)
    }

    .pc\:left-\[calc\(50\%-720rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*720);
        left: -moz-calc(50% - var(--rpx, 1px)*720);
        left: calc(50% - var(--rpx, 1px)*720)
    }

    .pc\:top-\[calc\(119rpx-110rpx-172px\)\] {
        top: -webkit-calc(var(--rpx, 1px)*119 - var(--rpx, 1px)*110 - 172px);
        top: -moz-calc(var(--rpx, 1px)*119 - var(--rpx, 1px)*110 - 172px);
        top: calc(var(--rpx, 1px)*119 - var(--rpx, 1px)*110 - 172px)
    }

    .pc\:left-\[calc\(50\%-455px\)\] {
        left: -webkit-calc(50% - 455px);
        left: -moz-calc(50% - 455px);
        left: calc(50% - 455px)
    }

    .pc\:top-119rpx {
        top: -webkit-calc(var(--rpx, 1px)*119);
        top: -moz-calc(var(--rpx, 1px)*119);
        top: calc(var(--rpx, 1px)*119)
    }

    .pc\:left-\[calc\(54\%-248rpx\)\] {
        left: -webkit-calc(54% - var(--rpx, 1px)*248);
        left: -moz-calc(54% - var(--rpx, 1px)*248);
        left: calc(54% - var(--rpx, 1px)*248)
    }

    .pc\:top-8\/100 {
        top: 8%
    }

    .pc\:right-119\/100 {
        right: 119%
    }

    .pc\:top-84\/1253 {
        top: 6.703911%
    }

    .pc\:left-1\/10 {
        left: 10%
    }

    .pc\:top-12\/100 {
        top: 12%
    }

    .pc\:left-full {
        left: 100%
    }

    .pc\:top-21\/1000 {
        top: 2.1%
    }

    .pc\:left-\[calc\(50-720rpx\)\] {
        left: -webkit-calc(50 - var(--rpx, 1px)*720);
        left: -moz-calc(50 - var(--rpx, 1px)*720);
        left: calc(50 - var(--rpx, 1px)*720)
    }

    .pc\:right-1rpx {
        right: -webkit-calc(var(--rpx, 1px)*1);
        right: -moz-calc(var(--rpx, 1px)*1);
        right: calc(var(--rpx, 1px)*1)
    }

    .pc\:-bottom-3rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-3);
        bottom: -moz-calc(var(--rpx, 1px)*-3);
        bottom: calc(var(--rpx, 1px)*-3)
    }

    .pc\:top-28rpx {
        top: -webkit-calc(var(--rpx, 1px)*28);
        top: -moz-calc(var(--rpx, 1px)*28);
        top: calc(var(--rpx, 1px)*28)
    }

    .pc\:left-426rpx {
        left: -webkit-calc(var(--rpx, 1px)*426);
        left: -moz-calc(var(--rpx, 1px)*426);
        left: calc(var(--rpx, 1px)*426)
    }

    .pc\:top-16rpx {
        top: -webkit-calc(var(--rpx, 1px)*16);
        top: -moz-calc(var(--rpx, 1px)*16);
        top: calc(var(--rpx, 1px)*16)
    }

    .pc\:left-57rpx {
        left: -webkit-calc(var(--rpx, 1px)*57);
        left: -moz-calc(var(--rpx, 1px)*57);
        left: calc(var(--rpx, 1px)*57)
    }

    .pc\:bottom-1rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*1);
        bottom: -moz-calc(var(--rpx, 1px)*1);
        bottom: calc(var(--rpx, 1px)*1)
    }

    .pc\:top-80rpx {
        top: -webkit-calc(var(--rpx, 1px)*80);
        top: -moz-calc(var(--rpx, 1px)*80);
        top: calc(var(--rpx, 1px)*80)
    }

    .pc\:left-266rpx {
        left: -webkit-calc(var(--rpx, 1px)*266);
        left: -moz-calc(var(--rpx, 1px)*266);
        left: calc(var(--rpx, 1px)*266)
    }

    .pc\:bottom-\[calc\(50\%-281rpx\)\] {
        bottom: -webkit-calc(50% - var(--rpx, 1px)*281);
        bottom: -moz-calc(50% - var(--rpx, 1px)*281);
        bottom: calc(50% - var(--rpx, 1px)*281)
    }

    .pc\:bottom-20px {
        bottom: 20px
    }

    .pc\:right-15px {
        right: 15px
    }

    .pc\:top-102rpx {
        top: -webkit-calc(var(--rpx, 1px)*102);
        top: -moz-calc(var(--rpx, 1px)*102);
        top: calc(var(--rpx, 1px)*102)
    }

    .pc\:left-140rpx {
        left: -webkit-calc(var(--rpx, 1px)*140);
        left: -moz-calc(var(--rpx, 1px)*140);
        left: calc(var(--rpx, 1px)*140)
    }

    .pc\:left-8rpx {
        left: -webkit-calc(var(--rpx, 1px)*8);
        left: -moz-calc(var(--rpx, 1px)*8);
        left: calc(var(--rpx, 1px)*8)
    }

    .pc\:-bottom-13vw {
        bottom: -13vw;
        bottom: -webkit-calc(var(--vw, 1vw)*-13);
        bottom: -moz-calc(var(--vw, 1vw)*-13);
        bottom: calc(var(--vw, 1vw)*-13)
    }

    .pc\:top-\[calc\(50\%-5\.027vw\)\] {
        top: -webkit-calc(50% - 5.027vw);
        top: -moz-calc(50% - 5.027vw);
        top: calc(50% - 5.027vw);
        top: -webkit-calc(50% - var(--vw, 1vw)*5.027);
        top: -moz-calc(50% - var(--vw, 1vw)*5.027);
        top: calc(50% - var(--vw, 1vw)*5.027)
    }

    .pc\:-top-30px {
        top: -30px
    }

    .pc\:bottom-\[calc\(100\%-13vw\)\] {
        bottom: -webkit-calc(100% - 13vw);
        bottom: -moz-calc(100% - 13vw);
        bottom: calc(100% - 13vw);
        bottom: -webkit-calc(100% - var(--vw, 1vw)*13);
        bottom: -moz-calc(100% - var(--vw, 1vw)*13);
        bottom: calc(100% - var(--vw, 1vw)*13)
    }

    .pc\:left-583rpx {
        left: -webkit-calc(var(--rpx, 1px)*583);
        left: -moz-calc(var(--rpx, 1px)*583);
        left: calc(var(--rpx, 1px)*583)
    }

    .pc\:text-center {
        text-align: center
    }

    .pc\:text-\[\#000000\] {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .pc\:text-\[\#ffffff\] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .pc\:text-\[\#666F5C\] {
        --tw-text-opacity: 1;
        color: rgba(102, 111, 92, var(--tw-text-opacity))
    }

    .pc\:text-\[\#565f4e\] {
        --tw-text-opacity: 1;
        color: rgba(86, 95, 78, var(--tw-text-opacity))
    }

    .pc\:text-\[\#8a7681\] {
        --tw-text-opacity: 1;
        color: rgba(138, 118, 129, var(--tw-text-opacity))
    }

    .pc\:text-\[\#4F3F44\] {
        --tw-text-opacity: 1;
        color: rgba(79, 63, 68, var(--tw-text-opacity))
    }

    .pc\:text-\[\#494949\] {
        --tw-text-opacity: 1;
        color: rgba(73, 73, 73, var(--tw-text-opacity))
    }

    .pc\:text-\[white\] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .pc\:text-\[\#000\] {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .pc\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .pc\:text-opacity-90 {
        --tw-text-opacity: .9
    }

    .pc\:text-opacity-30 {
        --tw-text-opacity: .3
    }

    .pc\:text-opacity-75 {
        --tw-text-opacity: .75
    }

    .pc\:whitespace-nowrap {
        white-space: nowrap
    }

    .pc\:w-full {
        width: 100%
    }

    .pc\:w-auto {
        width: auto
    }

    .pc\:w-1\/3 {
        width: 33.333333%
    }

    .pc\:w-1\/2 {
        width: 50%
    }

    .pc\:w-124rpx {
        width: -webkit-calc(var(--rpx, 1px)*124);
        width: -moz-calc(var(--rpx, 1px)*124);
        width: calc(var(--rpx, 1px)*124)
    }

    .pc\:w-84rpx {
        width: -webkit-calc(var(--rpx, 1px)*84);
        width: -moz-calc(var(--rpx, 1px)*84);
        width: calc(var(--rpx, 1px)*84)
    }

    .pc\:w-47\.56vw {
        width: 47.56vw;
        width: -webkit-calc(var(--vw, 1vw)*47.56);
        width: -moz-calc(var(--vw, 1vw)*47.56);
        width: calc(var(--vw, 1vw)*47.56)
    }

    .pc\:w-426\.5rpx {
        width: -webkit-calc(var(--rpx, 1px)*426.5);
        width: -moz-calc(var(--rpx, 1px)*426.5);
        width: calc(var(--rpx, 1px)*426.5)
    }

    .pc\:w-148rpx {
        width: -webkit-calc(var(--rpx, 1px)*148);
        width: -moz-calc(var(--rpx, 1px)*148);
        width: calc(var(--rpx, 1px)*148)
    }

    .pc\:w-1392rpx {
        width: -webkit-calc(var(--rpx, 1px)*1392);
        width: -moz-calc(var(--rpx, 1px)*1392);
        width: calc(var(--rpx, 1px)*1392)
    }

    .pc\:w-100vw {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .pc\:w-50vw {
        width: 50vw;
        width: -webkit-calc(var(--vw, 1vw)*50);
        width: -moz-calc(var(--vw, 1vw)*50);
        width: calc(var(--vw, 1vw)*50)
    }

    .pc\:w-323px {
        width: 323px
    }

    .pc\:w-354px {
        width: 354px
    }

    .pc\:w-362px {
        width: 362px
    }

    .pc\:w-87rpx {
        width: -webkit-calc(var(--rpx, 1px)*87);
        width: -moz-calc(var(--rpx, 1px)*87);
        width: calc(var(--rpx, 1px)*87)
    }

    .pc\:w-267rpx {
        width: -webkit-calc(var(--rpx, 1px)*267);
        width: -moz-calc(var(--rpx, 1px)*267);
        width: calc(var(--rpx, 1px)*267)
    }

    .pc\:w-150vw {
        width: 150vw;
        width: -webkit-calc(var(--vw, 1vw)*150);
        width: -moz-calc(var(--vw, 1vw)*150);
        width: calc(var(--vw, 1vw)*150)
    }

    .pc\:w-1px {
        width: 1px
    }

    .pc\:w-23rpx {
        width: -webkit-calc(var(--rpx, 1px)*23);
        width: -moz-calc(var(--rpx, 1px)*23);
        width: calc(var(--rpx, 1px)*23)
    }

    .pc\:w-250rpx {
        width: -webkit-calc(var(--rpx, 1px)*250);
        width: -moz-calc(var(--rpx, 1px)*250);
        width: calc(var(--rpx, 1px)*250)
    }

    .pc\:w-132rpx {
        width: -webkit-calc(var(--rpx, 1px)*132);
        width: -moz-calc(var(--rpx, 1px)*132);
        width: calc(var(--rpx, 1px)*132)
    }

    .pc\:w-109rpx {
        width: -webkit-calc(var(--rpx, 1px)*109);
        width: -moz-calc(var(--rpx, 1px)*109);
        width: calc(var(--rpx, 1px)*109)
    }

    .pc\:w-1426rpx {
        width: -webkit-calc(var(--rpx, 1px)*1426);
        width: -moz-calc(var(--rpx, 1px)*1426);
        width: calc(var(--rpx, 1px)*1426)
    }

    .pc\:w-\[calc\(100\%\+134rpx\)\] {
        width: -webkit-calc(100% + var(--rpx, 1px)*134);
        width: -moz-calc(100% + var(--rpx, 1px)*134);
        width: calc(100% + var(--rpx, 1px)*134)
    }

    .pc\:w-24rpx {
        width: -webkit-calc(var(--rpx, 1px)*24);
        width: -moz-calc(var(--rpx, 1px)*24);
        width: calc(var(--rpx, 1px)*24)
    }

    .pc\:w-1312rpx {
        width: -webkit-calc(var(--rpx, 1px)*1312);
        width: -moz-calc(var(--rpx, 1px)*1312);
        width: calc(var(--rpx, 1px)*1312)
    }

    .pc\:w-436rpx {
        width: -webkit-calc(var(--rpx, 1px)*436);
        width: -moz-calc(var(--rpx, 1px)*436);
        width: calc(var(--rpx, 1px)*436)
    }

    .pc\:w-336rpx {
        width: -webkit-calc(var(--rpx, 1px)*336);
        width: -moz-calc(var(--rpx, 1px)*336);
        width: calc(var(--rpx, 1px)*336)
    }

    .pc\:w-447rpx {
        width: -webkit-calc(var(--rpx, 1px)*447);
        width: -moz-calc(var(--rpx, 1px)*447);
        width: calc(var(--rpx, 1px)*447)
    }

    .pc\:w-456rpx {
        width: -webkit-calc(var(--rpx, 1px)*456);
        width: -moz-calc(var(--rpx, 1px)*456);
        width: calc(var(--rpx, 1px)*456)
    }

    .pc\:w-371rpx {
        width: -webkit-calc(var(--rpx, 1px)*371);
        width: -moz-calc(var(--rpx, 1px)*371);
        width: calc(var(--rpx, 1px)*371)
    }

    .pc\:w-369rpx {
        width: -webkit-calc(var(--rpx, 1px)*369);
        width: -moz-calc(var(--rpx, 1px)*369);
        width: calc(var(--rpx, 1px)*369)
    }

    .pc\:w-33rpx {
        width: -webkit-calc(var(--rpx, 1px)*33);
        width: -moz-calc(var(--rpx, 1px)*33);
        width: calc(var(--rpx, 1px)*33)
    }

    .pc\:w-\[2473\%\] {
        width: 2473%
    }

    .pc\:w-20rpx {
        width: -webkit-calc(var(--rpx, 1px)*20);
        width: -moz-calc(var(--rpx, 1px)*20);
        width: calc(var(--rpx, 1px)*20)
    }

    .pc\:w-1390rpx {
        width: -webkit-calc(var(--rpx, 1px)*1390);
        width: -moz-calc(var(--rpx, 1px)*1390);
        width: calc(var(--rpx, 1px)*1390)
    }

    .pc\:w-1261px {
        width: 1261px
    }

    .pc\:w-55\.69vw {
        width: 55.69vw;
        width: -webkit-calc(var(--vw, 1vw)*55.69);
        width: -moz-calc(var(--vw, 1vw)*55.69);
        width: calc(var(--vw, 1vw)*55.69)
    }

    .pc\:w-1048\/802 {
        width: 130.673317%
    }

    .pc\:w-346rpx {
        width: -webkit-calc(var(--rpx, 1px)*346);
        width: -moz-calc(var(--rpx, 1px)*346);
        width: calc(var(--rpx, 1px)*346)
    }

    .pc\:w-1360rpx {
        width: -webkit-calc(var(--rpx, 1px)*1360);
        width: -moz-calc(var(--rpx, 1px)*1360);
        width: calc(var(--rpx, 1px)*1360)
    }

    .pc\:w-364rpx {
        width: -webkit-calc(var(--rpx, 1px)*364);
        width: -moz-calc(var(--rpx, 1px)*364);
        width: calc(var(--rpx, 1px)*364)
    }

    .pc\:w-362rpx {
        width: -webkit-calc(var(--rpx, 1px)*362);
        width: -moz-calc(var(--rpx, 1px)*362);
        width: calc(var(--rpx, 1px)*362)
    }

    .pc\:w-225rpx {
        width: -webkit-calc(var(--rpx, 1px)*225);
        width: -moz-calc(var(--rpx, 1px)*225);
        width: calc(var(--rpx, 1px)*225)
    }

    .pc\:w-223\.5rpx {
        width: -webkit-calc(var(--rpx, 1px)*223.5);
        width: -moz-calc(var(--rpx, 1px)*223.5);
        width: calc(var(--rpx, 1px)*223.5)
    }

    .pc\:w-241rpx {
        width: -webkit-calc(var(--rpx, 1px)*241);
        width: -moz-calc(var(--rpx, 1px)*241);
        width: calc(var(--rpx, 1px)*241)
    }

    .pc\:w-35\.7vw {
        width: 35.7vw;
        width: -webkit-calc(var(--vw, 1vw)*35.7);
        width: -moz-calc(var(--vw, 1vw)*35.7);
        width: calc(var(--vw, 1vw)*35.7)
    }

    .pc\:w-238px {
        width: 238px
    }

    .pc\:w-218rpx {
        width: -webkit-calc(var(--rpx, 1px)*218);
        width: -moz-calc(var(--rpx, 1px)*218);
        width: calc(var(--rpx, 1px)*218)
    }

    .pc\:w-162px {
        width: 162px
    }

    .pc\:w-498rpx {
        width: -webkit-calc(var(--rpx, 1px)*498);
        width: -moz-calc(var(--rpx, 1px)*498);
        width: calc(var(--rpx, 1px)*498)
    }

    .pc\:w-\[167px\] {
        width: 167px
    }

    .pc\:w-\[142px\] {
        width: 142px
    }

    .pc\:w-533rpx {
        width: -webkit-calc(var(--rpx, 1px)*533);
        width: -moz-calc(var(--rpx, 1px)*533);
        width: calc(var(--rpx, 1px)*533)
    }

    .pc\:w-1425rpx {
        width: -webkit-calc(var(--rpx, 1px)*1425);
        width: -moz-calc(var(--rpx, 1px)*1425);
        width: calc(var(--rpx, 1px)*1425)
    }

    .pc\:w-142px {
        width: 142px
    }

    .pc\:w-223px {
        width: 223px
    }

    .pc\:w-\[120px\] {
        width: 120px
    }

    .pc\:w-971\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*971.2);
        width: -moz-calc(var(--rpx, 1px)*971.2);
        width: calc(var(--rpx, 1px)*971.2)
    }

    .pc\:w-622px {
        width: 622px
    }

    .pc\:w-458px {
        width: 458px
    }

    .pc\:w-177\.87vh {
        width: 177.87vh;
        width: -webkit-calc(var(--vh, 1vh)*177.87);
        width: -moz-calc(var(--vh, 1vh)*177.87);
        width: calc(var(--vh, 1vh)*177.87)
    }

    .pc\:w-1050rpx {
        width: -webkit-calc(var(--rpx, 1px)*1050);
        width: -moz-calc(var(--rpx, 1px)*1050);
        width: calc(var(--rpx, 1px)*1050)
    }

    .pc\:w-1695rpx {
        width: -webkit-calc(var(--rpx, 1px)*1695);
        width: -moz-calc(var(--rpx, 1px)*1695);
        width: calc(var(--rpx, 1px)*1695)
    }

    .pc\:w-41rpx {
        width: -webkit-calc(var(--rpx, 1px)*41);
        width: -moz-calc(var(--rpx, 1px)*41);
        width: calc(var(--rpx, 1px)*41)
    }

    .pc\:w-1353rpx {
        width: -webkit-calc(var(--rpx, 1px)*1353);
        width: -moz-calc(var(--rpx, 1px)*1353);
        width: calc(var(--rpx, 1px)*1353)
    }

    .pc\:w-926rpx {
        width: -webkit-calc(var(--rpx, 1px)*926);
        width: -moz-calc(var(--rpx, 1px)*926);
        width: calc(var(--rpx, 1px)*926)
    }

    .pc\:w-351rpx {
        width: -webkit-calc(var(--rpx, 1px)*351);
        width: -moz-calc(var(--rpx, 1px)*351);
        width: calc(var(--rpx, 1px)*351)
    }

    .pc\:w-250px {
        width: 250px
    }

    .pc\:w-259px {
        width: 259px
    }

    .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-818rpx {
        width: -webkit-calc(var(--rpx, 1px)*818);
        width: -moz-calc(var(--rpx, 1px)*818);
        width: calc(var(--rpx, 1px)*818)
    }

    .pc\:w-453rpx {
        width: -webkit-calc(var(--rpx, 1px)*453);
        width: -moz-calc(var(--rpx, 1px)*453);
        width: calc(var(--rpx, 1px)*453)
    }

    .pc\:w-448px {
        width: 448px
    }

    .pc\:w-300rpx {
        width: -webkit-calc(var(--rpx, 1px)*300);
        width: -moz-calc(var(--rpx, 1px)*300);
        width: calc(var(--rpx, 1px)*300)
    }

    .pc\:w-576rpx {
        width: -webkit-calc(var(--rpx, 1px)*576);
        width: -moz-calc(var(--rpx, 1px)*576);
        width: calc(var(--rpx, 1px)*576)
    }

    .pc\:w-514rpx {
        width: -webkit-calc(var(--rpx, 1px)*514);
        width: -moz-calc(var(--rpx, 1px)*514);
        width: calc(var(--rpx, 1px)*514)
    }

    .pc\:w-506px {
        width: 506px
    }

    .pc\:w-523px {
        width: 523px
    }

    .pc\:w-720rpx {
        width: -webkit-calc(var(--rpx, 1px)*720);
        width: -moz-calc(var(--rpx, 1px)*720);
        width: calc(var(--rpx, 1px)*720)
    }

    .pc\:w-1053rpx {
        width: -webkit-calc(var(--rpx, 1px)*1053);
        width: -moz-calc(var(--rpx, 1px)*1053);
        width: calc(var(--rpx, 1px)*1053)
    }

    .pc\:w-2377rpx {
        width: -webkit-calc(var(--rpx, 1px)*2377);
        width: -moz-calc(var(--rpx, 1px)*2377);
        width: calc(var(--rpx, 1px)*2377)
    }

    .pc\:w-651px {
        width: 651px
    }

    .pc\:w-969\/651 {
        width: 148.847926%
    }

    .pc\:w-219px {
        width: 219px
    }

    .pc\:w-825px {
        width: 825px
    }

    .pc\:w-2\/1 {
        width: 200%
    }

    .pc\:w-1\/1 {
        width: 100%
    }

    .pc\:w-20\.49vw {
        width: 20.49vw;
        width: -webkit-calc(var(--vw, 1vw)*20.49);
        width: -moz-calc(var(--vw, 1vw)*20.49);
        width: calc(var(--vw, 1vw)*20.49)
    }

    .pc\:w-100\.27vw {
        width: 100.27vw;
        width: -webkit-calc(var(--vw, 1vw)*100.27);
        width: -moz-calc(var(--vw, 1vw)*100.27);
        width: calc(var(--vw, 1vw)*100.27)
    }

    .pc\:w-19\.49vw {
        width: 19.49vw;
        width: -webkit-calc(var(--vw, 1vw)*19.49);
        width: -moz-calc(var(--vw, 1vw)*19.49);
        width: calc(var(--vw, 1vw)*19.49)
    }

    .pc\:w-33\.33vw {
        width: 33.33vw;
        width: -webkit-calc(var(--vw, 1vw)*33.33);
        width: -moz-calc(var(--vw, 1vw)*33.33);
        width: calc(var(--vw, 1vw)*33.33)
    }

    .pc\:w-20\.97vw {
        width: 20.97vw;
        width: -webkit-calc(var(--vw, 1vw)*20.97);
        width: -moz-calc(var(--vw, 1vw)*20.97);
        width: calc(var(--vw, 1vw)*20.97)
    }

    .pc\:w-44rpx {
        width: -webkit-calc(var(--rpx, 1px)*44);
        width: -moz-calc(var(--rpx, 1px)*44);
        width: calc(var(--rpx, 1px)*44)
    }

    .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-326rpx {
        width: -webkit-calc(var(--rpx, 1px)*326);
        width: -moz-calc(var(--rpx, 1px)*326);
        width: calc(var(--rpx, 1px)*326)
    }

    .pc\:w-3\.33vw {
        width: 3.33vw;
        width: -webkit-calc(var(--vw, 1vw)*3.33);
        width: -moz-calc(var(--vw, 1vw)*3.33);
        width: calc(var(--vw, 1vw)*3.33)
    }

    .pc\:w-662rpx {
        width: -webkit-calc(var(--rpx, 1px)*662);
        width: -moz-calc(var(--rpx, 1px)*662);
        width: calc(var(--rpx, 1px)*662)
    }

    .pc\:w-446px {
        width: 446px
    }

    .pc\:w-652rpx {
        width: -webkit-calc(var(--rpx, 1px)*652);
        width: -moz-calc(var(--rpx, 1px)*652);
        width: calc(var(--rpx, 1px)*652)
    }

    .pc\:w-548rpx {
        width: -webkit-calc(var(--rpx, 1px)*548);
        width: -moz-calc(var(--rpx, 1px)*548);
        width: calc(var(--rpx, 1px)*548)
    }

    .pc\:w-646rpx {
        width: -webkit-calc(var(--rpx, 1px)*646);
        width: -moz-calc(var(--rpx, 1px)*646);
        width: calc(var(--rpx, 1px)*646)
    }

    .pc\:w-562px {
        width: 562px
    }

    .pc\:w-508rpx {
        width: -webkit-calc(var(--rpx, 1px)*508);
        width: -moz-calc(var(--rpx, 1px)*508);
        width: calc(var(--rpx, 1px)*508)
    }

    .pc\:w-463rpx {
        width: -webkit-calc(var(--rpx, 1px)*463);
        width: -moz-calc(var(--rpx, 1px)*463);
        width: calc(var(--rpx, 1px)*463)
    }

    .pc\:w-562rpx {
        width: -webkit-calc(var(--rpx, 1px)*562);
        width: -moz-calc(var(--rpx, 1px)*562);
        width: calc(var(--rpx, 1px)*562)
    }

    .pc\:w-1248rpx {
        width: -webkit-calc(var(--rpx, 1px)*1248);
        width: -moz-calc(var(--rpx, 1px)*1248);
        width: calc(var(--rpx, 1px)*1248)
    }

    .pc\:w-762px {
        width: 762px
    }

    .pc\:w-2500rpx {
        width: -webkit-calc(var(--rpx, 1px)*2500);
        width: -moz-calc(var(--rpx, 1px)*2500);
        width: calc(var(--rpx, 1px)*2500)
    }

    .pc\:w-1110\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*1110.3);
        width: -moz-calc(var(--rpx, 1px)*1110.3);
        width: calc(var(--rpx, 1px)*1110.3)
    }

    .pc\:w-710rpx {
        width: -webkit-calc(var(--rpx, 1px)*710);
        width: -moz-calc(var(--rpx, 1px)*710);
        width: calc(var(--rpx, 1px)*710)
    }

    .pc\:w-560\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*560.9);
        width: -moz-calc(var(--rpx, 1px)*560.9);
        width: calc(var(--rpx, 1px)*560.9)
    }

    .pc\:w-1093\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*1093.9);
        width: -moz-calc(var(--rpx, 1px)*1093.9);
        width: calc(var(--rpx, 1px)*1093.9)
    }

    .pc\:w-910px {
        width: 910px
    }

    .pc\:w-610px {
        width: 610px
    }

    .pc\:w-496rpx {
        width: -webkit-calc(var(--rpx, 1px)*496);
        width: -moz-calc(var(--rpx, 1px)*496);
        width: calc(var(--rpx, 1px)*496)
    }

    .pc\:w-399rpx {
        width: -webkit-calc(var(--rpx, 1px)*399);
        width: -moz-calc(var(--rpx, 1px)*399);
        width: calc(var(--rpx, 1px)*399)
    }

    .pc\:w-179rpx {
        width: -webkit-calc(var(--rpx, 1px)*179);
        width: -moz-calc(var(--rpx, 1px)*179);
        width: calc(var(--rpx, 1px)*179)
    }

    .pc\:w-312px {
        width: 312px
    }

    .pc\:w-528rpx {
        width: -webkit-calc(var(--rpx, 1px)*528);
        width: -moz-calc(var(--rpx, 1px)*528);
        width: calc(var(--rpx, 1px)*528)
    }

    .pc\:w-358rpx {
        width: -webkit-calc(var(--rpx, 1px)*358);
        width: -moz-calc(var(--rpx, 1px)*358);
        width: calc(var(--rpx, 1px)*358)
    }

    .pc\:w-170px {
        width: 170px
    }

    .pc\:w-573rpx {
        width: -webkit-calc(var(--rpx, 1px)*573);
        width: -moz-calc(var(--rpx, 1px)*573);
        width: calc(var(--rpx, 1px)*573)
    }

    .pc\:w-180px {
        width: 180px
    }

    .pc\:w-583rpx {
        width: -webkit-calc(var(--rpx, 1px)*583);
        width: -moz-calc(var(--rpx, 1px)*583);
        width: calc(var(--rpx, 1px)*583)
    }

    .pc\:w-304rpx {
        width: -webkit-calc(var(--rpx, 1px)*304);
        width: -moz-calc(var(--rpx, 1px)*304);
        width: calc(var(--rpx, 1px)*304)
    }

    .pc\:w-682rpx {
        width: -webkit-calc(var(--rpx, 1px)*682);
        width: -moz-calc(var(--rpx, 1px)*682);
        width: calc(var(--rpx, 1px)*682)
    }

    .pc\:w-506rpx {
        width: -webkit-calc(var(--rpx, 1px)*506);
        width: -moz-calc(var(--rpx, 1px)*506);
        width: calc(var(--rpx, 1px)*506)
    }

    .pc\:w-466px {
        width: 466px
    }

    .pc\:w-34px {
        width: 34px
    }

    .pc\:w-333rpx {
        width: -webkit-calc(var(--rpx, 1px)*333);
        width: -moz-calc(var(--rpx, 1px)*333);
        width: calc(var(--rpx, 1px)*333)
    }

    .\!pc\:w-68rpx {
        width: -webkit-calc(var(--rpx, 1px)*68) !important;
        width: -moz-calc(var(--rpx, 1px)*68) !important;
        width: calc(var(--rpx, 1px)*68) !important
    }

    .pc\:w-1440px {
        width: 1440px
    }

    .pc\:w-1312px {
        width: 1312px
    }

    .pc\:w-\[23vw\] {
        width: 23vw;
        width: -webkit-calc(var(--vw, 1vw)*23);
        width: -moz-calc(var(--vw, 1vw)*23);
        width: calc(var(--vw, 1vw)*23)
    }

    .pc\:w-416rpx {
        width: -webkit-calc(var(--rpx, 1px)*416);
        width: -moz-calc(var(--rpx, 1px)*416);
        width: calc(var(--rpx, 1px)*416)
    }

    .pc\:w-398rpx {
        width: -webkit-calc(var(--rpx, 1px)*398);
        width: -moz-calc(var(--rpx, 1px)*398);
        width: calc(var(--rpx, 1px)*398)
    }

    .pc\:w-257px {
        width: 257px
    }

    .pc\:w-1362rpx {
        width: -webkit-calc(var(--rpx, 1px)*1362);
        width: -moz-calc(var(--rpx, 1px)*1362);
        width: calc(var(--rpx, 1px)*1362)
    }

    .pc\:w-452rpx {
        width: -webkit-calc(var(--rpx, 1px)*452);
        width: -moz-calc(var(--rpx, 1px)*452);
        width: calc(var(--rpx, 1px)*452)
    }

    .pc\:w-670rpx {
        width: -webkit-calc(var(--rpx, 1px)*670);
        width: -moz-calc(var(--rpx, 1px)*670);
        width: calc(var(--rpx, 1px)*670)
    }

    .pc\:w-461rpx {
        width: -webkit-calc(var(--rpx, 1px)*461);
        width: -moz-calc(var(--rpx, 1px)*461);
        width: calc(var(--rpx, 1px)*461)
    }

    .pc\:w-306rpx {
        width: -webkit-calc(var(--rpx, 1px)*306);
        width: -moz-calc(var(--rpx, 1px)*306);
        width: calc(var(--rpx, 1px)*306)
    }

    .pc\:w-151\.5rpx {
        width: -webkit-calc(var(--rpx, 1px)*151.5);
        width: -moz-calc(var(--rpx, 1px)*151.5);
        width: calc(var(--rpx, 1px)*151.5)
    }

    .pc\:w-74\.9rpx {
        width: -webkit-calc(var(--rpx, 1px)*74.9);
        width: -moz-calc(var(--rpx, 1px)*74.9);
        width: calc(var(--rpx, 1px)*74.9)
    }

    .pc\:w-116\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*116.3);
        width: -moz-calc(var(--rpx, 1px)*116.3);
        width: calc(var(--rpx, 1px)*116.3)
    }

    .pc\:w-415px {
        width: 415px
    }

    .pc\:w-811rpx {
        width: -webkit-calc(var(--rpx, 1px)*811);
        width: -moz-calc(var(--rpx, 1px)*811);
        width: calc(var(--rpx, 1px)*811)
    }

    .pc\:w-700\.6rpx {
        width: -webkit-calc(var(--rpx, 1px)*700.6);
        width: -moz-calc(var(--rpx, 1px)*700.6);
        width: calc(var(--rpx, 1px)*700.6)
    }

    .pc\:w-445rpx {
        width: -webkit-calc(var(--rpx, 1px)*445);
        width: -moz-calc(var(--rpx, 1px)*445);
        width: calc(var(--rpx, 1px)*445)
    }

    .pc\:w-716rpx {
        width: -webkit-calc(var(--rpx, 1px)*716);
        width: -moz-calc(var(--rpx, 1px)*716);
        width: calc(var(--rpx, 1px)*716)
    }

    .pc\:w-556rpx {
        width: -webkit-calc(var(--rpx, 1px)*556);
        width: -moz-calc(var(--rpx, 1px)*556);
        width: calc(var(--rpx, 1px)*556)
    }

    .pc\:w-84\/100 {
        width: 84%
    }

    .pc\:z-11 {
        z-index: 11
    }

    .pc\:z-10 {
        z-index: 10
    }

    .pc\:z-100 {
        z-index: 100
    }

    .pc\:z-5 {
        z-index: 5
    }

    .pc\:z-0 {
        z-index: 0
    }

    .pc\:z-15 {
        z-index: 15
    }

    .pc\:z-20 {
        z-index: 20
    }

    .pc\:z-1 {
        z-index: 1
    }

    .pc\:z-50 {
        z-index: 50
    }

    .pc\:z-2 {
        z-index: 2
    }

    .pc\:z-9 {
        z-index: 9
    }

    .pc\:z-8 {
        z-index: 8
    }

    .pc\:z-7 {
        z-index: 7
    }

    .pc\:z-6 {
        z-index: 6
    }

    .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\:origin-right {
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        -moz-transform-origin: right;
        transform-origin: right
    }

    .pc\:origin-left {
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        -moz-transform-origin: left;
        transform-origin: left
    }

    .pc\:origin-top {
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        -moz-transform-origin: top;
        transform-origin: top
    }

    .pc\:origin-bottom {
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -moz-transform-origin: bottom;
        transform-origin: bottom
    }

    .pc\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .pc\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .pc\:-translate-y-55\/100 {
        --tw-translate-y: -55%
    }

    .pc\:-translate-y-367\/1000 {
        --tw-translate-y: -36.7%
    }

    .pc\:mix-blend-difference {
        mix-blend-mode: difference
    }

    .pc\:full {
        height: 100%;
        width: 100%
    }
}

@media (max-width:649px) {
    .mo\:bg-\[rgba\(255\,255\,255\,\.2\)\] {
        --tw-bg-opacity: .2;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .mo\:bg-\[\#d9d9d9\] {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 217, 217, var(--tw-bg-opacity))
    }

    .mo\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .mo\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .mo\:bg-\[\#FAFAFA\] {
        --tw-bg-opacity: 1;
        background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
    }

    .mo\:rounded-full {
        border-radius: 9999px
    }

    .mo\:border-solid {
        border-style: solid
    }

    .mo\:border-1px {
        border-width: 1px
    }

    .mo\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .mo\:inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: inline-flex
    }

    .mo\:flex-col {
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .mo\:flex-col, .mo\:flex-col-reverse {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical
    }

    .mo\:flex-col-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .mo\:items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .mo\:items-end {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .mo\:items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .mo\:self-stretch {
        -ms-grid-row-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch
    }

    .mo\:justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .mo\:justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .mo\:justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .mo\:flex-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .mo\:flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .mo\:order-2 {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .mo\:order-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .mo\:h-auto {
        height: auto
    }

    .mo\:h-full {
        height: 100%
    }

    .mo\:h-34rpx {
        height: -webkit-calc(var(--rpx, 1px)*34);
        height: -moz-calc(var(--rpx, 1px)*34);
        height: calc(var(--rpx, 1px)*34)
    }

    .mo\:h-1px {
        height: 1px
    }

    .mo\:h-367rpx {
        height: -webkit-calc(var(--rpx, 1px)*367);
        height: -moz-calc(var(--rpx, 1px)*367);
        height: calc(var(--rpx, 1px)*367)
    }

    .mo\:h-2rpx {
        height: -webkit-calc(var(--rpx, 1px)*2);
        height: -moz-calc(var(--rpx, 1px)*2);
        height: calc(var(--rpx, 1px)*2)
    }

    .mo\:h-1rpx {
        height: -webkit-calc(var(--rpx, 1px)*1);
        height: -moz-calc(var(--rpx, 1px)*1);
        height: calc(var(--rpx, 1px)*1)
    }

    .mo\:h-700px {
        height: 700px
    }

    .mo\:h-15vh {
        height: 15vh;
        height: -webkit-calc(var(--vh, 1vh)*15);
        height: -moz-calc(var(--vh, 1vh)*15);
        height: calc(var(--vh, 1vh)*15)
    }

    .mo\:h-260rpx {
        height: -webkit-calc(var(--rpx, 1px)*260);
        height: -moz-calc(var(--rpx, 1px)*260);
        height: calc(var(--rpx, 1px)*260)
    }

    .mo\:h-30rpx {
        height: -webkit-calc(var(--rpx, 1px)*30);
        height: -moz-calc(var(--rpx, 1px)*30);
        height: calc(var(--rpx, 1px)*30)
    }

    .mo\:h-532rpx {
        height: -webkit-calc(var(--rpx, 1px)*532);
        height: -moz-calc(var(--rpx, 1px)*532);
        height: calc(var(--rpx, 1px)*532)
    }

    .mo\:h-459rpx {
        height: -webkit-calc(var(--rpx, 1px)*459);
        height: -moz-calc(var(--rpx, 1px)*459);
        height: calc(var(--rpx, 1px)*459)
    }

    .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-387rpx {
        height: -webkit-calc(var(--rpx, 1px)*387);
        height: -moz-calc(var(--rpx, 1px)*387);
        height: calc(var(--rpx, 1px)*387)
    }

    .mo\:h-60rpx {
        height: -webkit-calc(var(--rpx, 1px)*60);
        height: -moz-calc(var(--rpx, 1px)*60);
        height: calc(var(--rpx, 1px)*60)
    }

    .mo\:h-1547rpx {
        height: -webkit-calc(var(--rpx, 1px)*1547);
        height: -moz-calc(var(--rpx, 1px)*1547);
        height: calc(var(--rpx, 1px)*1547)
    }

    .mo\:h-602rpx {
        height: -webkit-calc(var(--rpx, 1px)*602);
        height: -moz-calc(var(--rpx, 1px)*602);
        height: calc(var(--rpx, 1px)*602)
    }

    .mo\:h-20rpx {
        height: -webkit-calc(var(--rpx, 1px)*20);
        height: -moz-calc(var(--rpx, 1px)*20);
        height: calc(var(--rpx, 1px)*20)
    }

    .mo\:h-324rpx {
        height: -webkit-calc(var(--rpx, 1px)*324);
        height: -moz-calc(var(--rpx, 1px)*324);
        height: calc(var(--rpx, 1px)*324)
    }

    .mo\:h-390rpx {
        height: -webkit-calc(var(--rpx, 1px)*390);
        height: -moz-calc(var(--rpx, 1px)*390);
        height: calc(var(--rpx, 1px)*390)
    }

    .mo\:h-253rpx {
        height: -webkit-calc(var(--rpx, 1px)*253);
        height: -moz-calc(var(--rpx, 1px)*253);
        height: calc(var(--rpx, 1px)*253)
    }

    .mo\:h-179rpx {
        height: -webkit-calc(var(--rpx, 1px)*179);
        height: -moz-calc(var(--rpx, 1px)*179);
        height: calc(var(--rpx, 1px)*179)
    }

    .mo\:h-44rpx {
        height: -webkit-calc(var(--rpx, 1px)*44);
        height: -moz-calc(var(--rpx, 1px)*44);
        height: calc(var(--rpx, 1px)*44)
    }

    .mo\:h-150\.28rpx {
        height: -webkit-calc(var(--rpx, 1px)*150.28);
        height: -moz-calc(var(--rpx, 1px)*150.28);
        height: calc(var(--rpx, 1px)*150.28)
    }

    .mo\:h-245rpx {
        height: -webkit-calc(var(--rpx, 1px)*245);
        height: -moz-calc(var(--rpx, 1px)*245);
        height: calc(var(--rpx, 1px)*245)
    }

    .mo\:h-142rpx {
        height: -webkit-calc(var(--rpx, 1px)*142);
        height: -moz-calc(var(--rpx, 1px)*142);
        height: calc(var(--rpx, 1px)*142)
    }

    .mo\:h-230rpx {
        height: -webkit-calc(var(--rpx, 1px)*230);
        height: -moz-calc(var(--rpx, 1px)*230);
        height: calc(var(--rpx, 1px)*230)
    }

    .mo\:h-479rpx {
        height: -webkit-calc(var(--rpx, 1px)*479);
        height: -moz-calc(var(--rpx, 1px)*479);
        height: calc(var(--rpx, 1px)*479)
    }

    .mo\:h-21rpx {
        height: -webkit-calc(var(--rpx, 1px)*21);
        height: -moz-calc(var(--rpx, 1px)*21);
        height: calc(var(--rpx, 1px)*21)
    }

    .mo\:h-402rpx {
        height: -webkit-calc(var(--rpx, 1px)*402);
        height: -moz-calc(var(--rpx, 1px)*402);
        height: calc(var(--rpx, 1px)*402)
    }

    .mo\:h-225rpx {
        height: -webkit-calc(var(--rpx, 1px)*225);
        height: -moz-calc(var(--rpx, 1px)*225);
        height: calc(var(--rpx, 1px)*225)
    }

    .mo\:h-257rpx {
        height: -webkit-calc(var(--rpx, 1px)*257);
        height: -moz-calc(var(--rpx, 1px)*257);
        height: calc(var(--rpx, 1px)*257)
    }

    .mo\:h-172rpx {
        height: -webkit-calc(var(--rpx, 1px)*172);
        height: -moz-calc(var(--rpx, 1px)*172);
        height: calc(var(--rpx, 1px)*172)
    }

    .mo\:h-232rpx {
        height: -webkit-calc(var(--rpx, 1px)*232);
        height: -moz-calc(var(--rpx, 1px)*232);
        height: calc(var(--rpx, 1px)*232)
    }

    .mo\:h-203rpx {
        height: -webkit-calc(var(--rpx, 1px)*203);
        height: -moz-calc(var(--rpx, 1px)*203);
        height: calc(var(--rpx, 1px)*203)
    }

    .mo\:h-200rpx {
        height: -webkit-calc(var(--rpx, 1px)*200);
        height: -moz-calc(var(--rpx, 1px)*200);
        height: calc(var(--rpx, 1px)*200)
    }

    .mo\:h-106rpx {
        height: -webkit-calc(var(--rpx, 1px)*106);
        height: -moz-calc(var(--rpx, 1px)*106);
        height: calc(var(--rpx, 1px)*106)
    }

    .mo\:text-22\.78vw {
        font-size: 22.78vw;
        font-size: -webkit-calc(var(--vw, 1vw)*22.78);
        font-size: -moz-calc(var(--vw, 1vw)*22.78);
        font-size: calc(var(--vw, 1vw)*22.78);
        line-height: 1
    }

    .mo\:text-22\.5vw {
        font-size: 22.5vw;
        font-size: -webkit-calc(var(--vw, 1vw)*22.5);
        font-size: -moz-calc(var(--vw, 1vw)*22.5);
        font-size: calc(var(--vw, 1vw)*22.5);
        line-height: 1
    }

    .mo\:text-19vw {
        font-size: 19vw;
        font-size: -webkit-calc(var(--vw, 1vw)*19);
        font-size: -moz-calc(var(--vw, 1vw)*19);
        font-size: calc(var(--vw, 1vw)*19);
        line-height: 1
    }

    .mo\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .mo\:text-100rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*100);
        font-size: -moz-calc(var(--rpx, 1px)*100);
        font-size: calc(var(--rpx, 1px)*100);
        line-height: 1
    }

    .mo\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .mo\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .mo\:mt-40rpx {
        margin-top: calc(var(--rpx, 1px)*40)
    }

    .mo\:mb-18rpx {
        margin-bottom: calc(var(--rpx, 1px)*18)
    }

    .mo\:mt-18rpx {
        margin-top: calc(var(--rpx, 1px)*18)
    }

    .mo\:mt-2rpx {
        margin-top: calc(var(--rpx, 1px)*2)
    }

    .mo\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .mo\:mt-14px {
        margin-top: 14px
    }

    .mo\:mt-34px {
        margin-top: 34px
    }

    .mo\:mt-6px {
        margin-top: 6px
    }

    .mo\:mt-20px {
        margin-top: 20px
    }

    .mo\:mt-20rpx {
        margin-top: calc(var(--rpx, 1px)*20)
    }

    .mo\:mt-8px {
        margin-top: 8px
    }

    .mo\:mt-47\.6rpx {
        margin-top: calc(var(--rpx, 1px)*47.6)
    }

    .mo\:ml-20rpx {
        margin-left: calc(var(--rpx, 1px)*20)
    }

    .mo\:mt-55rpx {
        margin-top: calc(var(--rpx, 1px)*55)
    }

    .mo\:mt-14rpx {
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .mo\:mt-4rpx {
        margin-top: calc(var(--rpx, 1px)*4)
    }

    .mo\:ml-16rpx {
        margin-left: calc(var(--rpx, 1px)*16)
    }

    .mo\:mt-16rpx {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    .mo\:mt-12px {
        margin-top: 12px
    }

    .mo\:max-w-full {
        max-width: 100%
    }

    .mo\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .mo\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .mo\:opacity-95 {
        opacity: .95
    }

    .mo\:opacity-30 {
        opacity: .3
    }

    .mo\:opacity-40 {
        opacity: .4
    }

    .mo\:opacity-35 {
        opacity: .35
    }

    .mo\:overflow-hidden {
        overflow: hidden
    }

    .mo\:overflow-scroll {
        overflow: scroll
    }

    .mo\:p-24rpx {
        padding: calc(var(--rpx, 1px)*24)
    }

    .mo\:p-16rpx {
        padding: calc(var(--rpx, 1px)*16)
    }

    .mo\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .mo\:py-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80);
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .mo\:px-16rpx {
        padding-left: calc(var(--rpx, 1px)*16);
        padding-right: calc(var(--rpx, 1px)*16)
    }

    .mo\:px-19rpx {
        padding-left: calc(var(--rpx, 1px)*19);
        padding-right: calc(var(--rpx, 1px)*19)
    }

    .mo\:py-9px {
        padding-bottom: 9px;
        padding-top: 9px
    }

    .mo\:py-24rpx {
        padding-bottom: calc(var(--rpx, 1px)*24);
        padding-top: calc(var(--rpx, 1px)*24)
    }

    .mo\:px-20rpx {
        padding-left: calc(var(--rpx, 1px)*20);
        padding-right: calc(var(--rpx, 1px)*20)
    }

    .mo\:py-18rpx {
        padding-bottom: calc(var(--rpx, 1px)*18);
        padding-top: calc(var(--rpx, 1px)*18)
    }

    .mo\:px-18px {
        padding-left: 18px;
        padding-right: 18px
    }

    .mo\:py-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64);
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .mo\:pt-74rpx {
        padding-top: calc(var(--rpx, 1px)*74)
    }

    .mo\:pb-36rpx {
        padding-bottom: calc(var(--rpx, 1px)*36)
    }

    .mo\:pt-31px {
        padding-top: 31px
    }

    .mo\:pb-80px {
        padding-bottom: 80px
    }

    .mo\:pt-32px {
        padding-top: 32px
    }

    .mo\:pt-20px {
        padding-top: 20px
    }

    .mo\:pt-80rpx {
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .mo\:pl-118rpx {
        padding-left: calc(var(--rpx, 1px)*118)
    }

    .mo\:pb-87rpx {
        padding-bottom: calc(var(--rpx, 1px)*87)
    }

    .mo\:pb-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80)
    }

    .mo\:pr-16px {
        padding-right: 16px
    }

    .mo\:pb-86rpx {
        padding-bottom: calc(var(--rpx, 1px)*86)
    }

    .mo\:pb-77rpx {
        padding-bottom: calc(var(--rpx, 1px)*77)
    }

    .mo\:pt-50rpx {
        padding-top: calc(var(--rpx, 1px)*50)
    }

    .mo\:pt-0 {
        padding-top: 0
    }

    .mo\:pl-20rpx {
        padding-left: calc(var(--rpx, 1px)*20)
    }

    .mo\:pb-32rpx {
        padding-bottom: calc(var(--rpx, 1px)*32)
    }

    .mo\:pb-42rpx {
        padding-bottom: calc(var(--rpx, 1px)*42)
    }

    .mo\:pt-8rpx {
        padding-top: calc(var(--rpx, 1px)*8)
    }

    .\!mo\:pb-40rpx {
        padding-bottom: calc(var(--rpx, 1px)*40) !important
    }

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

    .mo\:top-0 {
        top: 0
    }

    .mo\:top-23\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*23.5);
        top: -moz-calc(var(--rpx, 1px)*23.5);
        top: calc(var(--rpx, 1px)*23.5)
    }

    .mo\:right-16\.5rpx {
        right: -webkit-calc(var(--rpx, 1px)*16.5);
        right: -moz-calc(var(--rpx, 1px)*16.5);
        right: calc(var(--rpx, 1px)*16.5)
    }

    .mo\:left-16rpx {
        left: -webkit-calc(var(--rpx, 1px)*16);
        left: -moz-calc(var(--rpx, 1px)*16);
        left: calc(var(--rpx, 1px)*16)
    }

    .mo\:top-461rpx {
        top: -webkit-calc(var(--rpx, 1px)*461);
        top: -moz-calc(var(--rpx, 1px)*461);
        top: calc(var(--rpx, 1px)*461)
    }

    .mo\:top-309\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*309.5);
        top: -moz-calc(var(--rpx, 1px)*309.5);
        top: calc(var(--rpx, 1px)*309.5)
    }

    .mo\:top-64px {
        top: 64px
    }

    .mo\:bottom-80px {
        bottom: 80px
    }

    .mo\:-right-125rpx {
        right: -webkit-calc(var(--rpx, 1px)*-125);
        right: -moz-calc(var(--rpx, 1px)*-125);
        right: calc(var(--rpx, 1px)*-125)
    }

    .mo\:top-30\/100 {
        top: 30%
    }

    .mo\:bottom-0 {
        bottom: 0
    }

    .mo\:right-0 {
        right: 0
    }

    .\!mo\:top-38rpx {
        top: -webkit-calc(var(--rpx, 1px)*38) !important;
        top: -moz-calc(var(--rpx, 1px)*38) !important;
        top: calc(var(--rpx, 1px)*38) !important
    }

    .mo\:left-16px {
        left: 16px
    }

    .mo\:top-73rpx {
        top: -webkit-calc(var(--rpx, 1px)*73);
        top: -moz-calc(var(--rpx, 1px)*73);
        top: calc(var(--rpx, 1px)*73)
    }

    .mo\:-left-96rpx {
        left: -webkit-calc(var(--rpx, 1px)*-96);
        left: -moz-calc(var(--rpx, 1px)*-96);
        left: calc(var(--rpx, 1px)*-96)
    }

    .mo\:top-13rpx {
        top: -webkit-calc(var(--rpx, 1px)*13);
        top: -moz-calc(var(--rpx, 1px)*13);
        top: calc(var(--rpx, 1px)*13)
    }

    .mo\:left-13rpx {
        left: -webkit-calc(var(--rpx, 1px)*13);
        left: -moz-calc(var(--rpx, 1px)*13);
        left: calc(var(--rpx, 1px)*13)
    }

    .mo\:left-0 {
        left: 0
    }

    .mo\:top-136rpx {
        top: -webkit-calc(var(--rpx, 1px)*136);
        top: -moz-calc(var(--rpx, 1px)*136);
        top: calc(var(--rpx, 1px)*136)
    }

    .mo\:top-80px {
        top: 80px
    }

    .mo\:left-\[calc\(50\%-164rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*164);
        left: -moz-calc(50% - var(--rpx, 1px)*164);
        left: calc(50% - var(--rpx, 1px)*164)
    }

    .mo\:top-603rpx {
        top: -webkit-calc(var(--rpx, 1px)*603);
        top: -moz-calc(var(--rpx, 1px)*603);
        top: calc(var(--rpx, 1px)*603)
    }

    .mo\:left-\[calc\(50\%-170rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*170);
        left: -moz-calc(50% - var(--rpx, 1px)*170);
        left: calc(50% - var(--rpx, 1px)*170)
    }

    .mo\:bottom-70rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*70);
        bottom: -moz-calc(var(--rpx, 1px)*70);
        bottom: calc(var(--rpx, 1px)*70)
    }

    .mo\:left-10rpx {
        left: -webkit-calc(var(--rpx, 1px)*10);
        left: -moz-calc(var(--rpx, 1px)*10);
        left: calc(var(--rpx, 1px)*10)
    }

    .mo\:left-1\/2 {
        left: 50%
    }

    .mo\:top-\[30\.4rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*30.4);
        top: -moz-calc(var(--rpx, 1px)*30.4);
        top: calc(var(--rpx, 1px)*30.4)
    }

    .mo\:left-\[-56rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*-56);
        left: -moz-calc(var(--rpx, 1px)*-56);
        left: calc(var(--rpx, 1px)*-56)
    }

    .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-40rpx {
        left: -webkit-calc(var(--rpx, 1px)*40);
        left: -moz-calc(var(--rpx, 1px)*40);
        left: calc(var(--rpx, 1px)*40)
    }

    .mo\:top-\[-20\.6rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*-20.6);
        top: -moz-calc(var(--rpx, 1px)*-20.6);
        top: calc(var(--rpx, 1px)*-20.6)
    }

    .mo\:right-\[-52rpx\] {
        right: -webkit-calc(var(--rpx, 1px)*-52);
        right: -moz-calc(var(--rpx, 1px)*-52);
        right: calc(var(--rpx, 1px)*-52)
    }

    .mo\:top-52rpx {
        top: -webkit-calc(var(--rpx, 1px)*52);
        top: -moz-calc(var(--rpx, 1px)*52);
        top: calc(var(--rpx, 1px)*52)
    }

    .mo\:top-132rpx {
        top: -webkit-calc(var(--rpx, 1px)*132);
        top: -moz-calc(var(--rpx, 1px)*132);
        top: calc(var(--rpx, 1px)*132)
    }

    .mo\:top-229rpx {
        top: -webkit-calc(var(--rpx, 1px)*229);
        top: -moz-calc(var(--rpx, 1px)*229);
        top: calc(var(--rpx, 1px)*229)
    }

    .mo\:left-140rpx {
        left: -webkit-calc(var(--rpx, 1px)*140);
        left: -moz-calc(var(--rpx, 1px)*140);
        left: calc(var(--rpx, 1px)*140)
    }

    .mo\:right-16px {
        right: 16px
    }

    .mo\:top-80rpx {
        top: -webkit-calc(var(--rpx, 1px)*80);
        top: -moz-calc(var(--rpx, 1px)*80);
        top: calc(var(--rpx, 1px)*80)
    }

    .mo\:bottom-86rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*86);
        bottom: -moz-calc(var(--rpx, 1px)*86);
        bottom: calc(var(--rpx, 1px)*86)
    }

    .mo\:left-12rpx {
        left: -webkit-calc(var(--rpx, 1px)*12);
        left: -moz-calc(var(--rpx, 1px)*12);
        left: calc(var(--rpx, 1px)*12)
    }

    .mo\:top-\[calc\(100\%\+12rpx\)\] {
        top: -webkit-calc(100% + var(--rpx, 1px)*12);
        top: -moz-calc(100% + var(--rpx, 1px)*12);
        top: calc(100% + var(--rpx, 1px)*12)
    }

    .mo\:left-\[calc\(16px\+84rpx\)\] {
        left: -webkit-calc(16px + var(--rpx, 1px)*84);
        left: -moz-calc(16px + var(--rpx, 1px)*84);
        left: calc(16px + var(--rpx, 1px)*84)
    }

    .mo\:bottom-80rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*80);
        bottom: -moz-calc(var(--rpx, 1px)*80);
        bottom: calc(var(--rpx, 1px)*80)
    }

    .mo\:right-99rpx {
        right: -webkit-calc(var(--rpx, 1px)*99);
        right: -moz-calc(var(--rpx, 1px)*99);
        right: calc(var(--rpx, 1px)*99)
    }

    .mo\:left-28rpx {
        left: -webkit-calc(var(--rpx, 1px)*28);
        left: -moz-calc(var(--rpx, 1px)*28);
        left: calc(var(--rpx, 1px)*28)
    }

    .mo\:bottom-58rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*58);
        bottom: -moz-calc(var(--rpx, 1px)*58);
        bottom: calc(var(--rpx, 1px)*58)
    }

    .mo\:bottom-77rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*77);
        bottom: -moz-calc(var(--rpx, 1px)*77);
        bottom: calc(var(--rpx, 1px)*77)
    }

    .mo\:right-18rpx {
        right: -webkit-calc(var(--rpx, 1px)*18);
        right: -moz-calc(var(--rpx, 1px)*18);
        right: calc(var(--rpx, 1px)*18)
    }

    .mo\:top-0px {
        top: 0
    }

    .mo\:bottom-283rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*283);
        bottom: -moz-calc(var(--rpx, 1px)*283);
        bottom: calc(var(--rpx, 1px)*283)
    }

    .mo\:text-center {
        text-align: center
    }

    .mo\:text-\[\#000000\] {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .mo\:text-\[\#ffffff\] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .mo\:w-full {
        width: 100%
    }

    .mo\:w-328rpx {
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .mo\:w-34rpx {
        width: -webkit-calc(var(--rpx, 1px)*34);
        width: -moz-calc(var(--rpx, 1px)*34);
        width: calc(var(--rpx, 1px)*34)
    }

    .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-100vw {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .mo\:w-23vw {
        width: 23vw;
        width: -webkit-calc(var(--vw, 1vw)*23);
        width: -moz-calc(var(--vw, 1vw)*23);
        width: calc(var(--vw, 1vw)*23)
    }

    .mo\:w-132rpx {
        width: -webkit-calc(var(--rpx, 1px)*132);
        width: -moz-calc(var(--rpx, 1px)*132);
        width: calc(var(--rpx, 1px)*132)
    }

    .mo\:w-109rpx {
        width: -webkit-calc(var(--rpx, 1px)*109);
        width: -moz-calc(var(--rpx, 1px)*109);
        width: calc(var(--rpx, 1px)*109)
    }

    .mo\:w-360rpx {
        width: -webkit-calc(var(--rpx, 1px)*360);
        width: -moz-calc(var(--rpx, 1px)*360);
        width: calc(var(--rpx, 1px)*360)
    }

    .mo\:w-526rpx {
        width: -webkit-calc(var(--rpx, 1px)*526);
        width: -moz-calc(var(--rpx, 1px)*526);
        width: calc(var(--rpx, 1px)*526)
    }

    .mo\:w-176px {
        width: 176px
    }

    .mo\:w-219px {
        width: 219px
    }

    .mo\:w-60rpx {
        width: -webkit-calc(var(--rpx, 1px)*60);
        width: -moz-calc(var(--rpx, 1px)*60);
        width: calc(var(--rpx, 1px)*60)
    }

    .mo\:w-324rpx {
        width: -webkit-calc(var(--rpx, 1px)*324);
        width: -moz-calc(var(--rpx, 1px)*324);
        width: calc(var(--rpx, 1px)*324)
    }

    .mo\:w-336rpx {
        width: -webkit-calc(var(--rpx, 1px)*336);
        width: -moz-calc(var(--rpx, 1px)*336);
        width: calc(var(--rpx, 1px)*336)
    }

    .mo\:w-340rpx {
        width: -webkit-calc(var(--rpx, 1px)*340);
        width: -moz-calc(var(--rpx, 1px)*340);
        width: calc(var(--rpx, 1px)*340)
    }

    .mo\:w-308rpx {
        width: -webkit-calc(var(--rpx, 1px)*308);
        width: -moz-calc(var(--rpx, 1px)*308);
        width: calc(var(--rpx, 1px)*308)
    }

    .mo\:w-252rpx {
        width: -webkit-calc(var(--rpx, 1px)*252);
        width: -moz-calc(var(--rpx, 1px)*252);
        width: calc(var(--rpx, 1px)*252)
    }

    .mo\:w-319rpx {
        width: -webkit-calc(var(--rpx, 1px)*319);
        width: -moz-calc(var(--rpx, 1px)*319);
        width: calc(var(--rpx, 1px)*319)
    }

    .mo\:w-238rpx {
        width: -webkit-calc(var(--rpx, 1px)*238);
        width: -moz-calc(var(--rpx, 1px)*238);
        width: calc(var(--rpx, 1px)*238)
    }

    .mo\:w-311\.2rpx {
        width: -webkit-calc(var(--rpx, 1px)*311.2);
        width: -moz-calc(var(--rpx, 1px)*311.2);
        width: calc(var(--rpx, 1px)*311.2)
    }

    .mo\:w-140rpx {
        width: -webkit-calc(var(--rpx, 1px)*140);
        width: -moz-calc(var(--rpx, 1px)*140);
        width: calc(var(--rpx, 1px)*140)
    }

    .mo\:w-185rpx {
        width: -webkit-calc(var(--rpx, 1px)*185);
        width: -moz-calc(var(--rpx, 1px)*185);
        width: calc(var(--rpx, 1px)*185)
    }

    .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-242\.5rpx {
        width: -webkit-calc(var(--rpx, 1px)*242.5);
        width: -moz-calc(var(--rpx, 1px)*242.5);
        width: calc(var(--rpx, 1px)*242.5)
    }

    .mo\:w-228rpx {
        width: -webkit-calc(var(--rpx, 1px)*228);
        width: -moz-calc(var(--rpx, 1px)*228);
        width: calc(var(--rpx, 1px)*228)
    }

    .mo\:w-239rpx {
        width: -webkit-calc(var(--rpx, 1px)*239);
        width: -moz-calc(var(--rpx, 1px)*239);
        width: calc(var(--rpx, 1px)*239)
    }

    .mo\:w-268rpx {
        width: -webkit-calc(var(--rpx, 1px)*268);
        width: -moz-calc(var(--rpx, 1px)*268);
        width: calc(var(--rpx, 1px)*268)
    }

    .mo\:w-1px {
        width: 1px
    }

    .mo\:w-244rpx {
        width: -webkit-calc(var(--rpx, 1px)*244);
        width: -moz-calc(var(--rpx, 1px)*244);
        width: calc(var(--rpx, 1px)*244)
    }

    .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-298rpx {
        width: -webkit-calc(var(--rpx, 1px)*298);
        width: -moz-calc(var(--rpx, 1px)*298);
        width: calc(var(--rpx, 1px)*298)
    }

    .mo\:w-236rpx {
        width: -webkit-calc(var(--rpx, 1px)*236);
        width: -moz-calc(var(--rpx, 1px)*236);
        width: calc(var(--rpx, 1px)*236)
    }

    .mo\:z-5 {
        z-index: 5
    }

    .mo\:z-2 {
        z-index: 2
    }

    .mo\:z-3 {
        z-index: 3
    }

    .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-1\/2 {
        --tw-translate-y: -50%
    }

    .mo\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .mo\:full {
        height: 100%;
        width: 100%
    }
}

@media (min-width:1024px) {
    .pct\:font-medium {
        font-weight: 500
    }

    .pct\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .pct\:text-16rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .pct\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .pct\:text-42px {
        font-size: 42px;
        line-height: 1
    }

    .pct\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pct\:text-8\.44vw {
        font-size: 8.44vw;
        font-size: -webkit-calc(var(--vw, 1vw)*8.44);
        font-size: -moz-calc(var(--vw, 1vw)*8.44);
        font-size: calc(var(--vw, 1vw)*8.44);
        line-height: 1
    }

    .pct\:text-222rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*222);
        font-size: -moz-calc(var(--rpx, 1px)*222);
        font-size: calc(var(--rpx, 1px)*222);
        line-height: 1
    }

    .pct\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .pct\:text-48px {
        font-size: 48px;
        line-height: 1
    }

    .pct\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .pct\:text-18rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*18);
        font-size: -moz-calc(var(--rpx, 1px)*18);
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .pct\:text-72px {
        font-size: 72px;
        line-height: 1
    }

    .pct\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .pct\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .pct\:text-12rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*12);
        font-size: -moz-calc(var(--rpx, 1px)*12);
        font-size: calc(var(--rpx, 1px)*12);
        line-height: 1
    }

    .pct\:text-11\.6vw {
        font-size: 11.6vw;
        font-size: -webkit-calc(var(--vw, 1vw)*11.6);
        font-size: -moz-calc(var(--vw, 1vw)*11.6);
        font-size: calc(var(--vw, 1vw)*11.6);
        line-height: 1
    }

    .pct\:text-26px {
        font-size: 26px;
        line-height: 1
    }

    .pct\:leading-\[1\.04\] {
        line-height: 1.04
    }

    .pct\:leading-\[1\.14\] {
        line-height: 1.14
    }

    .\!pct\:leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .pct\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .pct\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .pct\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .pct\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .pct\:leading-\[1\] {
        line-height: 1
    }

    .\!pct\:leading-\[1\.4\] {
        line-height: 1.4 !important
    }

    .pct\:leading-\[1\.19\] {
        line-height: 1.19
    }

    .pct\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .pct\:mt-8px {
        margin-top: 8px
    }

    .pct\:relative {
        position: relative
    }

    .pct\:text-center {
        text-align: center
    }

    .pct\:text-\[\#000000\] {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .pct\:tracking-0\.005em {
        letter-spacing: .005em
    }

    .pct\:tracking-0\.031em {
        letter-spacing: .031em
    }

    .pct\:tracking-0\.012em {
        letter-spacing: .012em
    }

    .pct\:-tracking-0\.02em {
        letter-spacing: -.02em
    }

    .pct\:-tracking-0\.01em {
        letter-spacing: -.01em
    }

    .pct\:-tracking-0\.015em {
        letter-spacing: -.015em
    }

    .pct\:tracking-0\.041em {
        letter-spacing: .041em
    }

    .pct\:whitespace-nowrap {
        white-space: nowrap
    }

    .pct\:w-219px {
        width: 219px
    }
}

@media (min-width:1024px) and (max-width:1076px) {
    .pc1024\:text-38px {
        font-size: 38px;
        line-height: 1
    }

    .pc1024\:pt-50rpx {
        padding-top: calc(var(--rpx, 1px)*50)
    }

    .pc1024\:top-19rpx {
        top: -webkit-calc(var(--rpx, 1px)*19);
        top: -moz-calc(var(--rpx, 1px)*19);
        top: calc(var(--rpx, 1px)*19)
    }

    .pc1024\:right-32rpx {
        right: -webkit-calc(var(--rpx, 1px)*32);
        right: -moz-calc(var(--rpx, 1px)*32);
        right: calc(var(--rpx, 1px)*32)
    }
}

@media (min-width:2200px) {
    .pc2560\:h-56\.25vw {
        height: 56.25vw;
        height: -webkit-calc(var(--vw, 1vw)*56.25);
        height: -moz-calc(var(--vw, 1vw)*56.25);
        height: calc(var(--vw, 1vw)*56.25)
    }

    .pc2560\:h-1050px {
        height: 1050px
    }

    .pc2560\:h-289px {
        height: 289px
    }

    .pc2560\:mt-70px {
        margin-top: 70px
    }

    .pc2560\:mt-10px {
        margin-top: 10px
    }

    .pc2560\:mr-40px {
        margin-right: 40px
    }

    .pc2560\:pb-128rpx {
        padding-bottom: calc(var(--rpx, 1px)*128)
    }

    .pc2560\:pl-0 {
        padding-left: 0
    }

    .pc2560\:pl-237px {
        padding-left: 237px
    }

    .pc2560\:left-729px {
        left: 729px
    }

    .pc2560\:w-100vw {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .pc2560\:w-1283px {
        width: 1283px
    }

    .pc2560\:w-729px {
        width: 729px
    }

    .pc2560\:w-689px {
        width: 689px
    }
}

@media (max-width:1023px) {
    .mot\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .mot\:text-16rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .mot\:text-26px {
        font-size: 26px;
        line-height: 1
    }

    .mot\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .mot\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .mot\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .mot\:text-18rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*18);
        font-size: -moz-calc(var(--rpx, 1px)*18);
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .mot\:text-14rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*14);
        font-size: -moz-calc(var(--rpx, 1px)*14);
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .mot\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .mot\:text-12rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*12);
        font-size: -moz-calc(var(--rpx, 1px)*12);
        font-size: calc(var(--rpx, 1px)*12);
        line-height: 1
    }

    .\!mot\:text-20px {
        font-size: 20px !important;
        line-height: 1 !important
    }

    .mot\:text-40px {
        font-size: 40px;
        line-height: 1
    }

    .mot\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .mot\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .mot\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .mot\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .mot\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .mot\:leading-\[1\.71\] {
        line-height: 1.71
    }

    .mot\:leading-22px {
        line-height: 22px
    }

    .mot\:leading-\[1\] {
        line-height: 1
    }

    .mot\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .mot\:opacity-95 {
        opacity: .95
    }

    .mot\:opacity-55 {
        opacity: .55
    }

    .mot\:relative {
        position: relative
    }

    .mot\:text-center {
        text-align: center
    }

    .mot\:tracking-0\.031em {
        letter-spacing: .031em
    }

    .mot\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .mot\:-tracking-0\.01em {
        letter-spacing: -.01em
    }

    .mot\:w-219rpx {
        width: -webkit-calc(var(--rpx, 1px)*219);
        width: -moz-calc(var(--rpx, 1px)*219);
        width: calc(var(--rpx, 1px)*219)
    }
}

.zn--wrapper {
    color: #000;
    font-size: 16px
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status], .zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.zn--wrapper sup {
    font-size: 50%;
    top: -.8em
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

[ani-will-change-view] .will-change {
    will-change: var(--will-change)
}

[ani-will-change-view] .will-change-opacity {
    will-change: var(--will-change-opacity)
}

[ani-will-change-view] .will-change-clip {
    will-change: var(--will-change-clip)
}

.fix-round {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.fix-edge {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px)
}

.fix-edge-x {
    -webkit-clip-path: inset(0 1px);
    clip-path: inset(0 1px)
}

.fix-edge-y {
    -webkit-clip-path: inset(1px 0);
    clip-path: inset(1px 0)
}

.fix-mt {
    margin-top: -1px
}

.zn--modal {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    --bg-blur: none;
    --bg-dark: #000;
    --bg-light: #fff;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    transform: translateY(100vh);
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*100));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*100));
    -ms-transform: translateY(calc(var(--vh, 1vh)*100));
    transform: translateY(calc(var(--vh, 1vh)*100));
    -webkit-transition: visibility .4s, -webkit-transform .4s ease-out;
    transition: visibility .4s, -webkit-transform .4s ease-out;
    -moz-transition: transform .4s ease-out, visibility .4s, -moz-transform .4s ease-out;
    transition: transform .4s ease-out, visibility .4s;
    transition: transform .4s ease-out, visibility .4s, -webkit-transform .4s ease-out, -moz-transform .4s ease-out;
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

.zn--modal.zn--modal-show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: height .2s ease, -webkit-transform .4s ease-out;
    transition: height .2s ease, -webkit-transform .4s ease-out;
    -moz-transition: transform .4s ease-out, height .2s ease, -moz-transform .4s ease-out;
    transition: transform .4s ease-out, height .2s ease;
    transition: transform .4s ease-out, height .2s ease, -webkit-transform .4s ease-out, -moz-transform .4s ease-out;
    visibility: visible
}

.zn--modal .zn--modal-bg {
    -webkit-backdrop-filter: var(--bg-blur);
    backdrop-filter: var(--bg-blur);
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.zn--modal .zn--modal-content {
    position: relative;
    z-index: 2;
    background-color: transparent;
}

.zn--modal .photo-modal.mo-modal {
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100)
}

.zn--modal .photo-modal.pc-modal .round-btn:hover {
    background-color: #201f1c
}

.zn--modal .photo-modal.pc-modal .round-btn:hover path {
    fill: #fff
}

.zn--modal .photo-modal .disable {
    background-color: #efede9;
    cursor: not-allowed
}

.zn--modal .photo-modal .disable path {
    fill: #ccc
}

.zn--modal .photo-modal .disable.round-btn:hover {
    background-color: #efede9;
    cursor: not-allowed
}

.zn--modal .photo-modal .disable.round-btn:hover path {
    fill: #ccc
}

:not(.zn--modal)>.zn--modal-content {
    display: none
}

body.no-transition, body.no-transition :not(.zn--modal) {
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    transition: 0s !important
}

[ani-section-title] {
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-calc(var(--rpx, 1px)*1392);
    width: -moz-calc(var(--rpx, 1px)*1392);
    width: calc(var(--rpx, 1px)*1392)
}

[ani-section-title] .section-title-token {
    color: #353;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    -webkit-transition-delay: var(--data-index);
    -moz-transition-delay: var(--data-index);
    transition-delay: var(--data-index)
}

[ani-section-title].change .section-title-token {
    color: var(--section-title-color, #000)
}

.touch #section-ksp .sticky-container {
    height: -webkit-calc(2500px + var(--content-height));
    height: -moz-calc(2500px + var(--content-height));
    height: calc(2500px + var(--content-height))
}

#section-ksp .right-img {
    top: 10px
}

#section-ksp .cursor {
    pointer-events: none
}

#section-ksp .cursor img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.zn--wrapper:not(.touch) #section-ksp.show-cursor, .zn--wrapper:not(.touch) #section-ksp.show-cursor a {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=), auto
}

.zn--wrapper:not(.touch) #section-ksp.show-cursor .cursor img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-ksp .s0 .left-text, #section-ksp .s0 .logo, #section-ksp .s0 .right-img {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    -moz-transition: transform .8s, opacity .8s, -moz-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s, -moz-transform .8s
}

#section-ksp .s0 .bg {
    opacity: 1;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-ksp .s0 .center-text {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

#section-ksp .s0 .line-bottom, #section-ksp .s0 .line-top {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

#section-ksp .s0 .line-bottom .inner, #section-ksp .s0 .line-top .inner {
    -webkit-transition: opacity .5s ease-in, -webkit-transform .5s;
    transition: opacity .5s ease-in, -webkit-transform .5s;
    -moz-transition: transform .5s, opacity .5s ease-in, -moz-transform .5s;
    transition: transform .5s, opacity .5s ease-in;
    transition: transform .5s, opacity .5s ease-in, -webkit-transform .5s, -moz-transform .5s
}

#section-ksp .s0 .title-text-wrapper {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    -moz-transition: transform .8s, opacity .8s, -moz-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s, -moz-transform .8s
}

#section-ksp .s0 p {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#section-ksp .s0 p:first-child {
    -webkit-transform-origin: 50% 75%;
    -moz-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    transform-origin: 50% 75%
}

#section-ksp .s0 p:nth-child(2) {
    -webkit-transform-origin: 50% 25%;
    -moz-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    transform-origin: 50% 25%
}

#section-ksp .s1, #section-ksp .s2 {
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

#section-ksp .s1 p, #section-ksp .s2 p {
    opacity: 0;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    transition: opacity .8s
}

#section-ksp .s1 .first-title, #section-ksp .s2 .first-title {
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

#section-ksp .s1 .card-0, #section-ksp .s1 .card-1, #section-ksp .s1 .card-2, #section-ksp .s2 .card-0, #section-ksp .s2 .card-1, #section-ksp .s2 .card-2 {
    border-color: #000000bf;
    position: relative;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

#section-ksp .s1 .card-0:after, #section-ksp .s1 .card-1:after, #section-ksp .s1 .card-2:after, #section-ksp .s2 .card-0:after, #section-ksp .s2 .card-1:after, #section-ksp .s2 .card-2:after {
    -webkit-box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 0 .5px #00000026;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

#section-ksp .s1 .card-0 .combine-image, #section-ksp .s1 .card-1 .combine-image, #section-ksp .s1 .card-2 .combine-image, #section-ksp .s2 .card-0 .combine-image, #section-ksp .s2 .card-1 .combine-image, #section-ksp .s2 .card-2 .combine-image {
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

#section-ksp .s1 .card-0 .combine-image img, #section-ksp .s1 .card-1 .combine-image img, #section-ksp .s1 .card-2 .combine-image img, #section-ksp .s2 .card-0 .combine-image img, #section-ksp .s2 .card-1 .combine-image img, #section-ksp .s2 .card-2 .combine-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s;
    width: 100%
}

.zn--wrapper:not(.touch) #section-ksp .s1 .card-0:hover .combine-image img, .zn--wrapper:not(.touch) #section-ksp .s1 .card-1:hover .combine-image img, .zn--wrapper:not(.touch) #section-ksp .s1 .card-2:hover .combine-image img, .zn--wrapper:not(.touch) #section-ksp .s2 .card-0:hover .combine-image img, .zn--wrapper:not(.touch) #section-ksp .s2 .card-1:hover .combine-image img, .zn--wrapper:not(.touch) #section-ksp .s2 .card-2:hover .combine-image img {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

#section-ksp .s1 .card-0 {
    position: relative;
    z-index: 1
}

#section-ksp .s1 .card-1, #section-ksp .s1 .card-2 {
    position: relative;
    z-index: 2
}

#section-ksp .s2 p {
    opacity: 0
}

#section-ksp .s2 .card-0 {
    height: 100%;
    position: relative;
    -webkit-transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translate(100vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*100));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*100));
    -ms-transform: translateX(calc(var(--vw, 1vw)*100));
    transform: translate(calc(var(--vw, 1vw)*100));
    z-index: 1
}

#section-ksp .s2 .card-0 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp .s2 .card-1 {
    -webkit-transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translate(100vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*100));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*100));
    -ms-transform: translateX(calc(var(--vw, 1vw)*100));
    transform: translate(calc(var(--vw, 1vw)*100))
}

#section-ksp .s2 .card-1 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp .s2 .card-2 {
    position: relative;
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    transform: translate(50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*50));
    transform: translate(calc(var(--vw, 1vw)*50));
    z-index: 2
}

#section-ksp .s2 .card-2 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="0"] .s0 .left-text, #section-ksp[data-status="0"] .s0 .logo, #section-ksp[data-status="1"] .s0 .left-text, #section-ksp[data-status="1"] .s0 .logo, #section-ksp[data-status="2"] .s0 .left-text, #section-ksp[data-status="2"] .s0 .logo, #section-ksp[data-status="3"] .s0 .left-text, #section-ksp[data-status="3"] .s0 .logo, #section-ksp[data-status="4"] .s0 .left-text, #section-ksp[data-status="4"] .s0 .logo {
    opacity: 0;
    -webkit-transform: translateX(-50vw);
    -moz-transform: translateX(-50vw);
    -ms-transform: translateX(-50vw);
    transform: translate(-50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-50));
    transform: translate(calc(var(--vw, 1vw)*-50))
}

#section-ksp[data-status="0"] .s0 .logo, #section-ksp[data-status="1"] .s0 .logo, #section-ksp[data-status="2"] .s0 .logo, #section-ksp[data-status="3"] .s0 .logo, #section-ksp[data-status="4"] .s0 .logo {
    -webkit-transform: translateX(-30vw);
    -moz-transform: translateX(-30vw);
    -ms-transform: translateX(-30vw);
    transform: translate(-30vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-30));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-30));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-30));
    transform: translate(calc(var(--vw, 1vw)*-30))
}

#section-ksp[data-status="0"] .s0 .right-img, #section-ksp[data-status="1"] .s0 .right-img, #section-ksp[data-status="2"] .s0 .right-img, #section-ksp[data-status="3"] .s0 .right-img, #section-ksp[data-status="4"] .s0 .right-img {
    opacity: 0;
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    transform: translate(50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*50));
    transform: translate(calc(var(--vw, 1vw)*50))
}

#section-ksp[data-status="0"] .s0 .bg, #section-ksp[data-status="1"] .s0 .bg, #section-ksp[data-status="2"] .s0 .bg, #section-ksp[data-status="3"] .s0 .bg, #section-ksp[data-status="4"] .s0 .bg {
    opacity: 0;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

#section-ksp[data-status="0"] .s0 .title-text-wrapper, #section-ksp[data-status="1"] .s0 .title-text-wrapper, #section-ksp[data-status="2"] .s0 .title-text-wrapper, #section-ksp[data-status="3"] .s0 .title-text-wrapper, #section-ksp[data-status="4"] .s0 .title-text-wrapper {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-ksp[data-status="0"] .s0 .line-bottom, #section-ksp[data-status="0"] .s0 .line-top, #section-ksp[data-status="1"] .s0 .line-bottom, #section-ksp[data-status="1"] .s0 .line-top, #section-ksp[data-status="2"] .s0 .line-bottom, #section-ksp[data-status="2"] .s0 .line-top, #section-ksp[data-status="3"] .s0 .line-bottom, #section-ksp[data-status="3"] .s0 .line-top, #section-ksp[data-status="4"] .s0 .line-bottom, #section-ksp[data-status="4"] .s0 .line-top {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

#section-ksp[data-status="-1"] .s1, #section-ksp[data-status="0"] .s1 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

#section-ksp[data-status="-1"] .s1 p, #section-ksp[data-status="0"] .s1 p {
    opacity: 0
}

#section-ksp[data-status="-1"] .s1 .card-0, #section-ksp[data-status="0"] .s1 .card-0 {
    height: 100%;
    -webkit-transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translate(100vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*100));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*100));
    -ms-transform: translateX(calc(var(--vw, 1vw)*100));
    transform: translate(calc(var(--vw, 1vw)*100))
}

#section-ksp[data-status="-1"] .s1 .card-0 .combine-image, #section-ksp[data-status="0"] .s1 .card-0 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="-1"] .s1 .card-1, #section-ksp[data-status="0"] .s1 .card-1 {
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    transform: translate(50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*50));
    transform: translate(calc(var(--vw, 1vw)*50))
}

#section-ksp[data-status="-1"] .s1 .card-1 .combine-image, #section-ksp[data-status="0"] .s1 .card-1 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="-1"] .s1 .card-2, #section-ksp[data-status="0"] .s1 .card-2 {
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    transform: translate(50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*50));
    transform: translate(calc(var(--vw, 1vw)*50))
}

#section-ksp[data-status="-1"] .s1 .card-2 .combine-image, #section-ksp[data-status="0"] .s1 .card-2 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="1"] .s0 .center-text, #section-ksp[data-status="2"] .s0 .center-text {
    -webkit-transform: translateY(-webkit-calc(-50vh - 60px));
    -moz-transform: translateY(-moz-calc(-50vh - 60px));
    -ms-transform: translateY(calc(-50vh - 60px));
    transform: translateY(calc(-50vh - 60px));
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*-50 - 60px));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*-50 - 60px));
    -ms-transform: translateY(calc(var(--vh, 1vh)*-50 - 60px));
    transform: translateY(calc(var(--vh, 1vh)*-50 - 60px))
}

#section-ksp[data-status="1"] .s0 .line-bottom .inner, #section-ksp[data-status="1"] .s0 .line-top .inner, #section-ksp[data-status="1"] .s0 p, #section-ksp[data-status="2"] .s0 .line-bottom .inner, #section-ksp[data-status="2"] .s0 .line-top .inner, #section-ksp[data-status="2"] .s0 p {
    opacity: 0
}

#section-ksp[data-status="1"] .s1 .card-0, #section-ksp[data-status="1"] .s1 .card-0 .combine-image, #section-ksp[data-status="1"] .s1 .card-1, #section-ksp[data-status="1"] .s1 .card-1 .combine-image, #section-ksp[data-status="1"] .s1 .card-2, #section-ksp[data-status="1"] .s1 .card-2 .combine-image, #section-ksp[data-status="1"] .s2 .card-0, #section-ksp[data-status="1"] .s2 .card-0 .combine-image, #section-ksp[data-status="1"] .s2 .card-1, #section-ksp[data-status="1"] .s2 .card-1 .combine-image, #section-ksp[data-status="1"] .s2 .card-2, #section-ksp[data-status="1"] .s2 .card-2 .combine-image, #section-ksp[data-status="2"] .s1 .card-0, #section-ksp[data-status="2"] .s1 .card-0 .combine-image, #section-ksp[data-status="2"] .s1 .card-1, #section-ksp[data-status="2"] .s1 .card-1 .combine-image, #section-ksp[data-status="2"] .s1 .card-2, #section-ksp[data-status="2"] .s1 .card-2 .combine-image, #section-ksp[data-status="2"] .s2 .card-0, #section-ksp[data-status="2"] .s2 .card-0 .combine-image, #section-ksp[data-status="2"] .s2 .card-1, #section-ksp[data-status="2"] .s2 .card-1 .combine-image, #section-ksp[data-status="2"] .s2 .card-2, #section-ksp[data-status="2"] .s2 .card-2 .combine-image {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#section-ksp[data-status="1"] .s0 .center-text {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    opacity: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-ksp[data-status="1"] .s0 .line-bottom .inner, #section-ksp[data-status="1"] .s0 .line-top .inner {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s
}

#section-ksp[data-status="1"] .s0 p {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-ksp[data-status="1"] .s1 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-ksp[data-status="1"] .s1 .card-0, #section-ksp[data-status="1"] .s1 .card-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-ksp[data-status="1"] .s1 .card-1 .combine-image {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-ksp[data-status="1"] .s1 .card-2 {
    height: 50%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-ksp[data-status="1"] .s1 .card-2 .combine-image {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-ksp[data-status="1"] .s1 p {
    opacity: 1
}

#section-ksp[data-status="1"] .s2 {
    pointer-events: none
}

#section-ksp[data-status="2"] .s1 .first-title {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="2"] .s1 p {
    opacity: 0
}

#section-ksp[data-status="2"] .s1 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*0));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*0));
    -ms-transform: translateX(calc(var(--vw, 1vw)*0));
    transform: translate(calc(var(--vw, 1vw)*0))
}

#section-ksp[data-status="2"] .s1 .card-0 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="2"] .s1 .card-1 {
    -webkit-transform: translateX(-50vw);
    -moz-transform: translateX(-50vw);
    -ms-transform: translateX(-50vw);
    transform: translate(-50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-50));
    transform: translate(calc(var(--vw, 1vw)*-50))
}

#section-ksp[data-status="2"] .s1 .card-1 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="2"] .s1 .card-2 {
    -webkit-transform: translateX(-50vw);
    -moz-transform: translateX(-50vw);
    -ms-transform: translateX(-50vw);
    transform: translate(-50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-50));
    transform: translate(calc(var(--vw, 1vw)*-50))
}

#section-ksp[data-status="2"] .s1 .card-2 .combine-image {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp[data-status="2"] .s2 {
    pointer-events: auto
}

#section-ksp[data-status="2"] .s2 p {
    opacity: 1
}

#section-ksp[data-status="2"] .s2 .card-0 {
    height: 50%
}

#section-ksp[data-status="2"] .s2 .card-0, #section-ksp[data-status="2"] .s2 .card-0 .combine-image {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-ksp[data-status="2"] .s2 .card-1, #section-ksp[data-status="2"] .s2 .card-1 .combine-image {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0)
}

#section-ksp[data-status="2"] .s2 .card-2, #section-ksp[data-status="2"] .s2 .card-2 .combine-image {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-ksp #ksp-op-logo {
    left: -15%;
    position: relative;
    -webkit-transform-origin: 65% 50%;
    -moz-transform-origin: 65% 50%;
    -ms-transform-origin: 65% 50%;
    transform-origin: 65% 50%;
    width: 130%
}

#section-design .seq-wrapper-line {
    background: grey
}

#section-design .bg-img {
    height: 100%;
    width: 100%
}

#section-design .points .line {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

#section-design .points .line:before {
    background: grey;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: -1.5px;
    width: 4px
}

#section-design .points .wrapper>div {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .points[data-status="1"] .line {
    -webkit-clip-path: inset(-2px 0 -2px 0);
    clip-path: inset(-2px 0 -2px 0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .points[data-status="1"] .wrapper>div {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-design .points[data-status="1"] .wrapper>div:first-of-type {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(3) {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(4) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(5) {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(6) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(7) {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(8) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(9) {
    -webkit-transition-delay: .45s;
    -moz-transition-delay: .45s;
    transition-delay: .45s
}

#section-design .points[data-status="1"] .wrapper>div:nth-of-type(10) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

#section-design .scene-gray *, #section-design .scene-green *, #section-design .scene-pink * {
    pointer-events: none
}

#section-design .scene-gray .text, #section-design .scene-green .text, #section-design .scene-pink .text {
    margin-top: calc(var(--rpx, 1px)*-36);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    transition: opacity .6s
}

#section-design .scene-gray .inner, #section-design .scene-gray .trans-x-elm, #section-design .scene-green .inner, #section-design .scene-green .trans-x-elm, #section-design .scene-pink .inner, #section-design .scene-pink .trans-x-elm {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s
}

#section-design .scene-gray .open-3d, #section-design .scene-green .open-3d, #section-design .scene-pink .open-3d {
    pointer-events: auto
}

#section-design .scene-gray canvas, #section-design .scene-green canvas, #section-design .scene-pink canvas {
    aspect-ratio: 1.173
}

#section-design .scene-green .inner, #section-design .scene-green .trans-x-elm {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design.enable-hover .scene-green {
    opacity: 1
}

#section-design .big-text {
    white-space: nowrap
}

#section-design .big-text .span {
    display: inline-block;
    overflow: hidden
}

#section-design .big-text .span .i {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s
}

#section-design .big-text .span:first-child .i {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translate(100%)
}

#section-design .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translate(-100%)
}

#section-design[data-color=green] .scene-green .inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design[data-color=green] .scene-green .trans-x-elm {
    -webkit-transform: translateX(17vw);
    -moz-transform: translateX(17vw);
    -ms-transform: translateX(17vw);
    transform: translate(17vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*17));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*17));
    -ms-transform: translateX(calc(var(--vw, 1vw)*17));
    transform: translate(calc(var(--vw, 1vw)*17))
}

#section-design[data-color=green] .scene-green .text {
    opacity: 1
}

#section-design[data-color=green] .scene-green .big-text .span:first-child .i, #section-design[data-color=green] .scene-green .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design[data-color=green] .scene-pink {
    -webkit-clip-path: inset(0 10% 0 10%);
    clip-path: inset(0 10% 0 10%)
}

#section-design[data-color=green] .scene-pink .inner {
    -webkit-transform: translateX(31vw);
    -moz-transform: translateX(31vw);
    -ms-transform: translateX(31vw);
    transform: translate(31vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*31));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*31));
    -ms-transform: translateX(calc(var(--vw, 1vw)*31));
    transform: translate(calc(var(--vw, 1vw)*31))
}

#section-design[data-color=green] .scene-pink .trans-x-elm {
    -webkit-transform: translateX(-7vw);
    -moz-transform: translateX(-7vw);
    -ms-transform: translateX(-7vw);
    transform: translate(-7vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7));
    transform: translate(calc(var(--vw, 1vw)*-7))
}

#section-design[data-color=green] .scene-pink .text {
    opacity: 0
}

#section-design[data-color=green] .scene-gray .inner {
    -webkit-transform: translateX(15.94vw);
    -moz-transform: translateX(15.94vw);
    -ms-transform: translateX(15.94vw);
    transform: translate(15.94vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*15.94));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*15.94));
    -ms-transform: translateX(calc(var(--vw, 1vw)*15.94));
    transform: translate(calc(var(--vw, 1vw)*15.94))
}

#section-design[data-color=green] .scene-gray .trans-x-elm {
    -webkit-transform: translateX(-7.2vw);
    -moz-transform: translateX(-7.2vw);
    -ms-transform: translateX(-7.2vw);
    transform: translate(-7.2vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7.2));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7.2));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7.2));
    transform: translate(calc(var(--vw, 1vw)*-7.2))
}

#section-design[data-color=green] .scene-gray .text {
    opacity: 0
}

#section-design[data-color=pink] .scene-green .inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design[data-color=pink] .scene-green .trans-x-elm {
    -webkit-transform: translateX(-9vw);
    -moz-transform: translateX(-9vw);
    -ms-transform: translateX(-9vw);
    transform: translate(-9vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-9));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-9));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-9));
    transform: translate(calc(var(--vw, 1vw)*-9))
}

#section-design[data-color=pink] .scene-green .text {
    opacity: 0
}

#section-design[data-color=pink] .scene-pink .inner {
    -webkit-transform: translateX(-14vw);
    -moz-transform: translateX(-14vw);
    -ms-transform: translateX(-14vw);
    transform: translate(-14vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-14));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-14));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-14));
    transform: translate(calc(var(--vw, 1vw)*-14))
}

#section-design[data-color=pink] .scene-pink .trans-x-elm {
    -webkit-transform: translateX(16vw);
    -moz-transform: translateX(16vw);
    -ms-transform: translateX(16vw);
    transform: translate(16vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*16));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*16));
    -ms-transform: translateX(calc(var(--vw, 1vw)*16));
    transform: translate(calc(var(--vw, 1vw)*16))
}

#section-design[data-color=pink] .scene-pink .text {
    opacity: 1
}

#section-design[data-color=pink] .scene-pink .big-text .span:first-child .i, #section-design[data-color=pink] .scene-pink .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design[data-color=pink] .scene-gray .inner {
    -webkit-transform: translateX(15.94vw);
    -moz-transform: translateX(15.94vw);
    -ms-transform: translateX(15.94vw);
    transform: translate(15.94vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*15.94));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*15.94));
    -ms-transform: translateX(calc(var(--vw, 1vw)*15.94));
    transform: translate(calc(var(--vw, 1vw)*15.94))
}

#section-design[data-color=pink] .scene-gray .trans-x-elm {
    -webkit-transform: translateX(-7.2vw);
    -moz-transform: translateX(-7.2vw);
    -ms-transform: translateX(-7.2vw);
    transform: translate(-7.2vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7.2));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7.2));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7.2));
    transform: translate(calc(var(--vw, 1vw)*-7.2))
}

#section-design[data-color=pink] .scene-gray .text {
    opacity: 0
}

#section-design[data-color=gray] .scene-green .trans-x-elm {
    -webkit-transform: translateX(-9vw);
    -moz-transform: translateX(-9vw);
    -ms-transform: translateX(-9vw);
    transform: translate(-9vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-9));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-9));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-9));
    transform: translate(calc(var(--vw, 1vw)*-9))
}

#section-design[data-color=gray] .scene-green .text {
    opacity: 0
}

#section-design[data-color=gray] .scene-pink .inner {
    -webkit-transform: translateX(-16.6vw);
    -moz-transform: translateX(-16.6vw);
    -ms-transform: translateX(-16.6vw);
    transform: translate(-16.6vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-16.6));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-16.6));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-16.6));
    transform: translate(calc(var(--vw, 1vw)*-16.6))
}

#section-design[data-color=gray] .scene-pink .trans-x-elm {
    -webkit-transform: translateX(-7.2vw);
    -moz-transform: translateX(-7.2vw);
    -ms-transform: translateX(-7.2vw);
    transform: translate(-7.2vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7.2));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7.2));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7.2));
    transform: translate(calc(var(--vw, 1vw)*-7.2))
}

#section-design[data-color=gray] .scene-pink .text {
    opacity: 0
}

#section-design[data-color=gray] .scene-gray .inner {
    -webkit-transform: translateX(-31.9vw);
    -moz-transform: translateX(-31.9vw);
    -ms-transform: translateX(-31.9vw);
    transform: translate(-31.9vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3));
    transform: translate(calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3))
}

#section-design[data-color=gray] .scene-gray .trans-x-elm {
    -webkit-transform: translateX(17.4vw);
    -moz-transform: translateX(17.4vw);
    -ms-transform: translateX(17.4vw);
    transform: translate(17.4vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50));
    transform: translate(calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50))
}

#section-design[data-color=gray] .scene-gray .text {
    opacity: 1
}

#section-design[data-color=gray] .scene-gray .big-text .span:first-child .i, #section-design[data-color=gray] .scene-gray .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design .scene-gray .inner, #section-design .scene-green .inner, #section-design .scene-pink .inner {
    overflow: hidden
}

[ani-design-pad] [ani-section-title].change.desc .section-title-token {
    color: #00000080
}

[ani-design-pad] .points .line {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

[ani-design-pad] .points .wrapper>div {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

[ani-design-pad] .points .wrapper>div:not(:first-child) {
    margin-top: 10px
}

[ani-design-pad] .points .wrapper>div img {
    height: 18px;
    width: 18px
}

[ani-design-pad] .points .wrapper>div p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px
}

#section-design-mo [ani-section-title].change.desc .section-title-token {
    color: #00000080
}

#section-design-mo .mo-scale {
    -webkit-transform: scale(.629);
    -moz-transform: scale(.629);
    -ms-transform: scale(.629);
    transform: scale(.629)
}

#section-design-mo .seq-wrapper-line {
    background: grey
}

#section-design-mo .bg-img {
    height: 100%;
    width: 100%
}

#section-design-mo .points .line {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design-mo .points .wrapper>div {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design-mo .points .wrapper>div:not(:first-child) {
    margin-top: 10px
}

#section-design-mo .points .wrapper>div img {
    height: 18px;
    width: 18px
}

#section-design-mo .points .wrapper>div p {
    font-size: 14px;
    line-height: 24px
}

#section-design-mo .points[data-status="1"] .line {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

#section-design-mo .points[data-status="1"] .wrapper>div {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-design-mo .points[data-status="1"] .wrapper>div:first-of-type {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(3) {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(4) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(5) {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(6) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(7) {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(8) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(9) {
    -webkit-transition-delay: .45s;
    -moz-transition-delay: .45s;
    transition-delay: .45s
}

#section-design-mo .points[data-status="1"] .wrapper>div:nth-of-type(10) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

#section-design-mo .center-text-container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: auto
}

#section-design-mo .center-text-container.fade-in {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

#section-design-mo .center-text-container.text-1 {
    top: -webkit-calc(var(--rpx, 1px)*38);
    top: -moz-calc(var(--rpx, 1px)*38);
    top: calc(var(--rpx, 1px)*38)
}

#section-design-mo .center-text-container.text-5 {
    -webkit-backdrop-filter: blur(74px);
    backdrop-filter: blur(74px);
    height: -webkit-calc(31.25% - 13.25px);
    height: -moz-calc(31.25% - 13.25px);
    height: calc(31.25% - 13.25px)
}

#section-design-mo .center-text-container.text-2 {
    opacity: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-design-mo .center-text-container.text-2 .line {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-design-mo .center-text-container.text-2.show {
    opacity: 1
}

#section-design-mo .center-text-container.text-2.show .line {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

#section-design-mo .scene-green .img, #section-design-mo .scene-green .inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design-mo.enable-hover .scene-green {
    opacity: 1
}

#section-design-mo .big-text {
    white-space: nowrap
}

#section-design-mo .big-text .span {
    display: inline-block;
    overflow: hidden
}

#section-design-mo .big-text .span .i {
    -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
}

#section-design-mo .big-text .span:first-child .i {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translate(100%)
}

#section-design-mo .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translate(-100%)
}

#section-design-mo[data-color=green] .scene-green .inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design-mo[data-color=green] .scene-green .img {
    -webkit-transform: translateX(17vw);
    -moz-transform: translateX(17vw);
    -ms-transform: translateX(17vw);
    transform: translate(17vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*17));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*17));
    -ms-transform: translateX(calc(var(--vw, 1vw)*17));
    transform: translate(calc(var(--vw, 1vw)*17))
}

#section-design-mo[data-color=green] .scene-green .text {
    opacity: 1
}

#section-design-mo[data-color=green] .scene-green .big-text .span:first-child .i, #section-design-mo[data-color=green] .scene-green .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design-mo[data-color=green] .scene-pink .inner {
    -webkit-transform: translateX(31vw);
    -moz-transform: translateX(31vw);
    -ms-transform: translateX(31vw);
    transform: translate(31vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*31));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*31));
    -ms-transform: translateX(calc(var(--vw, 1vw)*31));
    transform: translate(calc(var(--vw, 1vw)*31))
}

#section-design-mo[data-color=green] .scene-pink .img {
    -webkit-transform: translateX(-7vw);
    -moz-transform: translateX(-7vw);
    -ms-transform: translateX(-7vw);
    transform: translate(-7vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7));
    transform: translate(calc(var(--vw, 1vw)*-7))
}

#section-design-mo[data-color=green] .scene-pink .text {
    opacity: 0
}

#section-design-mo[data-color=green] .scene-gray .inner {
    -webkit-transform: translateX(15.94vw);
    -moz-transform: translateX(15.94vw);
    -ms-transform: translateX(15.94vw);
    transform: translate(15.94vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*15.94));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*15.94));
    -ms-transform: translateX(calc(var(--vw, 1vw)*15.94));
    transform: translate(calc(var(--vw, 1vw)*15.94))
}

#section-design-mo[data-color=green] .scene-gray .img {
    -webkit-transform: translateX(-7.2vw);
    -moz-transform: translateX(-7.2vw);
    -ms-transform: translateX(-7.2vw);
    transform: translate(-7.2vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7.2));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7.2));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7.2));
    transform: translate(calc(var(--vw, 1vw)*-7.2))
}

#section-design-mo[data-color=green] .scene-gray .text {
    opacity: 0
}

#section-design-mo[data-color=pink] .scene-green .inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design-mo[data-color=pink] .scene-green .img {
    -webkit-transform: translateX(-9vw);
    -moz-transform: translateX(-9vw);
    -ms-transform: translateX(-9vw);
    transform: translate(-9vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-9));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-9));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-9));
    transform: translate(calc(var(--vw, 1vw)*-9))
}

#section-design-mo[data-color=pink] .scene-green .text {
    opacity: 0
}

#section-design-mo[data-color=pink] .scene-pink .inner {
    -webkit-transform: translateX(-14vw);
    -moz-transform: translateX(-14vw);
    -ms-transform: translateX(-14vw);
    transform: translate(-14vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-14));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-14));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-14));
    transform: translate(calc(var(--vw, 1vw)*-14))
}

#section-design-mo[data-color=pink] .scene-pink .img {
    -webkit-transform: translateX(16vw);
    -moz-transform: translateX(16vw);
    -ms-transform: translateX(16vw);
    transform: translate(16vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*16));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*16));
    -ms-transform: translateX(calc(var(--vw, 1vw)*16));
    transform: translate(calc(var(--vw, 1vw)*16))
}

#section-design-mo[data-color=pink] .scene-pink .text {
    opacity: 1
}

#section-design-mo[data-color=pink] .scene-pink .big-text .span:first-child .i, #section-design-mo[data-color=pink] .scene-pink .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design-mo[data-color=pink] .scene-gray .inner {
    -webkit-transform: translateX(15.94vw);
    -moz-transform: translateX(15.94vw);
    -ms-transform: translateX(15.94vw);
    transform: translate(15.94vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*15.94));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*15.94));
    -ms-transform: translateX(calc(var(--vw, 1vw)*15.94));
    transform: translate(calc(var(--vw, 1vw)*15.94))
}

#section-design-mo[data-color=pink] .scene-gray .img {
    -webkit-transform: translateX(-7.2vw);
    -moz-transform: translateX(-7.2vw);
    -ms-transform: translateX(-7.2vw);
    transform: translate(-7.2vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7.2));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7.2));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7.2));
    transform: translate(calc(var(--vw, 1vw)*-7.2))
}

#section-design-mo[data-color=pink] .scene-gray .text {
    opacity: 0
}

#section-design-mo[data-color=gray] .scene-green .img {
    -webkit-transform: translateX(-9vw);
    -moz-transform: translateX(-9vw);
    -ms-transform: translateX(-9vw);
    transform: translate(-9vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-9));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-9));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-9));
    transform: translate(calc(var(--vw, 1vw)*-9))
}

#section-design-mo[data-color=gray] .scene-green .text {
    opacity: 0
}

#section-design-mo[data-color=gray] .scene-pink .inner {
    -webkit-transform: translateX(-16.6vw);
    -moz-transform: translateX(-16.6vw);
    -ms-transform: translateX(-16.6vw);
    transform: translate(-16.6vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-16.6));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-16.6));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-16.6));
    transform: translate(calc(var(--vw, 1vw)*-16.6))
}

#section-design-mo[data-color=gray] .scene-pink .img {
    -webkit-transform: translateX(-7.2vw);
    -moz-transform: translateX(-7.2vw);
    -ms-transform: translateX(-7.2vw);
    transform: translate(-7.2vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-7.2));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-7.2));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-7.2));
    transform: translate(calc(var(--vw, 1vw)*-7.2))
}

#section-design-mo[data-color=gray] .scene-pink .text {
    opacity: 0
}

#section-design-mo[data-color=gray] .scene-gray .inner {
    -webkit-transform: translateX(-31.9vw);
    -moz-transform: translateX(-31.9vw);
    -ms-transform: translateX(-31.9vw);
    transform: translate(-31.9vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3));
    transform: translate(calc(var(--vw, 1vw)*-65.2 + var(--vw, 1vw)*33.3))
}

#section-design-mo[data-color=gray] .scene-gray .img {
    -webkit-transform: translateX(17.4vw);
    -moz-transform: translateX(17.4vw);
    -ms-transform: translateX(17.4vw);
    transform: translate(17.4vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50));
    transform: translate(calc(var(--vw, 1vw)*-32.6 + var(--vw, 1vw)*50))
}

#section-design-mo[data-color=gray] .scene-gray .text {
    opacity: 1
}

#section-design-mo[data-color=gray] .scene-gray .big-text .span:first-child .i, #section-design-mo[data-color=gray] .scene-gray .big-text .span:nth-child(2) .i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-design-mo .scene-gray .inner, #section-design-mo .scene-green .inner, #section-design-mo .scene-pink .inner {
    overflow: hidden
}

#section-camera .control-clip {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0)
}

#section-camera .phone-wrapperK {
    -webkit-transform-origin: 50% 10%;
    -moz-transform-origin: 50% 10%;
    -ms-transform-origin: 50% 10%;
    transform-origin: 50% 10%
}

#section-camera .combine-image .video, #section-camera .combine-image img {
    height: 100%;
    width: 100%
}

#section-camera span.dot {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin: 0 4px;
    width: 4px
}

#section-camera .s4 .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

#section-camera .s4 span.dot {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin: 0 4px;
    opacity: 1;
    width: 4px
}

#section-camera .h-line-1, #section-camera .h-line-2, #section-camera .h-line-3, #section-camera .h-line-4, #section-camera .h-line-5, #section-camera .h-line-6 {
    height: .7px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -moz-transition: transform .7s, -moz-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s, -moz-transform .7s;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100)
}

#section-camera .h-line-1 .inner, #section-camera .h-line-2 .inner, #section-camera .h-line-3 .inner, #section-camera .h-line-4 .inner, #section-camera .h-line-5 .inner, #section-camera .h-line-6 .inner {
    background: hsla(0, 0%, 100%, .2);
    height: 100%;
    width: 100%
}

#section-camera .h-line-1 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-195.9));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-195.9));
    -ms-transform: translateY(calc(var(--rpx, 1px)*-195.9));
    transform: translateY(calc(var(--rpx, 1px)*-195.9))
}

#section-camera .h-line-2 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*195.9 - 16.8px - var(--rpx, 1px)*12));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*195.9 - 16.8px - var(--rpx, 1px)*12));
    -ms-transform: translateY(calc(var(--rpx, 1px)*195.9 - 16.8px - var(--rpx, 1px)*12));
    transform: translateY(calc(var(--rpx, 1px)*195.9 - 16.8px - var(--rpx, 1px)*12))
}

#section-camera .h-line-3, #section-camera .h-line-4, #section-camera .h-line-5, #section-camera .h-line-6 {
    -webkit-transform: translateY(50vh);
    -moz-transform: translateY(50vh);
    -ms-transform: translateY(50vh);
    transform: translateY(50vh);
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*50));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*50));
    -ms-transform: translateY(calc(var(--vh, 1vh)*50));
    transform: translateY(calc(var(--vh, 1vh)*50))
}

#section-camera .s1, #section-camera .s2, #section-camera .s3, #section-camera .s4 {
    opacity: 0;
    -webkit-transition: opacity .7s;
    -moz-transition: opacity .7s;
    transition: opacity .7s
}

#section-camera .s1 .card-0, #section-camera .s1 .card-1, #section-camera .s1 .card-2, #section-camera .s1 .text, #section-camera .s2 .card-0, #section-camera .s2 .card-1, #section-camera .s2 .card-2, #section-camera .s2 .text, #section-camera .s3 .card-0, #section-camera .s3 .card-1, #section-camera .s3 .card-2, #section-camera .s3 .text, #section-camera .s4 .card-0, #section-camera .s4 .card-1, #section-camera .s4 .card-2, #section-camera .s4 .text {
    -webkit-transition: -webkit-transform .7s, -webkit-clip-path .7s;
    transition: -webkit-transform .7s, -webkit-clip-path .7s;
    -moz-transition: transform .7s, clip-path .7s, -moz-transform .7s;
    transition: transform .7s, clip-path .7s;
    transition: transform .7s, clip-path .7s, -webkit-transform .7s, -moz-transform .7s, -webkit-clip-path .7s
}

#section-camera .s1 .text, #section-camera .s2 .text, #section-camera .s3 .text, #section-camera .s4 .text {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera .s1 .combine-image, #section-camera .s2 .combine-image, #section-camera .s3 .combine-image, #section-camera .s4 .combine-image {
    overflow: visible;
    position: relative
}

#section-camera .s1 .combine-image:after, #section-camera .s2 .combine-image:after, #section-camera .s3 .combine-image:after, #section-camera .s4 .combine-image:after {
    border: solid hsla(0, 0%, 100%, .2);
    border: calc(1px*var(--border-w-ratio, 1)) solid hsla(0, 0%, 100%, .2);
    border-bottom: 0;
    border-top: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: -webkit-calc(200vh + 100%);
    height: -moz-calc(200vh + 100%);
    height: calc(200vh + 100%);
    height: -webkit-calc(var(--vh, 1vh)*200 + 100%);
    height: -moz-calc(var(--vh, 1vh)*200 + 100%);
    height: calc(var(--vh, 1vh)*200 + 100%);
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -100vh;
    top: -webkit-calc(var(--vh, 1vh)*-100);
    top: -moz-calc(var(--vh, 1vh)*-100);
    top: calc(var(--vh, 1vh)*-100);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    -webkit-transition: width .7s;
    -moz-transition: width .7s;
    transition: width .7s;
    width: 100%;
    z-index: 5
}

#section-camera .s1 .combine-image.hide-left-line:after, #section-camera .s2 .combine-image.hide-left-line:after, #section-camera .s3 .combine-image.hide-left-line:after, #section-camera .s4 .combine-image.hide-left-line:after {
    border-left: 0
}

#section-camera .s1 .combine-image.hide-right-line:after, #section-camera .s2 .combine-image.hide-right-line:after, #section-camera .s3 .combine-image.hide-right-line:after, #section-camera .s4 .combine-image.hide-right-line:after {
    border-right: 0
}

#section-camera .s1 {
    opacity: 1
}

#section-camera .s1 .combine-image:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-status="1"] .s1 .combine-image:after {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s;
    width: 100%
}

#section-camera[data-status="2"] .s1 .combine-image:after, #section-camera[data-status="3"] .s1 .combine-image:after, #section-camera[data-status="4"] .s1 .combine-image:after {
    width: 0
}

#section-camera .s1 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*0));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*0));
    -ms-transform: translateX(calc(var(--vw, 1vw)*0));
    transform: translate(calc(var(--vw, 1vw)*0));
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=forward][data-status="2"] .s1 .card-0, #section-camera[data-dir=forward][data-status="3"] .s1 .card-0, #section-camera[data-dir=forward][data-status="4"] .s1 .card-0 {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1)) translateY(-webkit-calc(var(--rpx, 1px)*-172)) scale(1.0256);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1)) translateY(-moz-calc(var(--rpx, 1px)*-172)) scale(1.0256);
    -ms-transform: translateX(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-172)) scale(1.0256);
    transform: translate(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-172)) scale(1.0256)
}

#section-camera[data-dir=back][data-status="2"] .s1 .card-0, #section-camera[data-dir=back][data-status="3"] .s1 .card-0, #section-camera[data-dir=back][data-status="4"] .s1 .card-0 {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1));
    -ms-transform: translateX(calc(var(--out-offset)*-1));
    transform: translate(calc(var(--out-offset)*-1))
}

#section-camera .s1 .card-0 .video, #section-camera .s1 .card-0 img {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0)
}

#section-camera .s1 .card-0 .video, #section-camera .s1 .card-0 img, #section-camera .s1 .desc .inner {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera .s1 .desc .inner {
    opacity: 1
}

#section-camera[data-dir=forward][data-status="2"] .s1 .desc .inner, #section-camera[data-dir=forward][data-status="3"] .s1 .desc .inner, #section-camera[data-dir=forward][data-status="4"] .s1 .desc .inner {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1)) translateY(-webkit-calc(var(--rpx, 1px)*-172));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1)) translateY(-moz-calc(var(--rpx, 1px)*-172));
    -ms-transform: translateX(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-172));
    transform: translate(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-172))
}

#section-camera[data-dir=back][data-status="2"] .s1 .desc .inner, #section-camera[data-dir=back][data-status="3"] .s1 .desc .inner, #section-camera[data-dir=back][data-status="4"] .s1 .desc .inner {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1));
    -ms-transform: translateX(calc(var(--out-offset)*-1));
    transform: translate(calc(var(--out-offset)*-1))
}

#section-camera .s2 .combine-image:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    width: 0
}

#section-camera[data-status="2"] .s2 .combine-image:after {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s;
    width: 100%
}

#section-camera .s2 .card-0 {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-status="2"] .s2 .card-0 {
    opacity: 1
}

#section-camera[data-dir=forward][data-status="1"] .s2 .card-0, #section-camera[data-dir=forward][data-status="1"] .s2 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102))
}

#section-camera[data-dir=forward][data-status="2"] .s2 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-dir=forward][data-status="3"] .s2 .card-0, #section-camera[data-dir=forward][data-status="3"] .s2 .card-0+.text, #section-camera[data-dir=forward][data-status="4"] .s2 .card-0, #section-camera[data-dir=forward][data-status="4"] .s2 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(-webkit-calc(var(--rpx, 1px)*-320)) scale(1);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(-moz-calc(var(--rpx, 1px)*-320)) scale(1);
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(calc(var(--rpx, 1px)*-320)) scale(1);
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(calc(var(--rpx, 1px)*-320)) scale(1)
}

#section-camera[data-dir=back] .s2 .card-0, #section-camera[data-dir=back] .s2 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(-webkit-calc(var(--rpx, 1px)*180)) scale(.975);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(-moz-calc(var(--rpx, 1px)*180)) scale(.975);
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(calc(var(--rpx, 1px)*180)) scale(.975);
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(calc(var(--rpx, 1px)*180)) scale(.975)
}

#section-camera[data-dir=back][data-status="2"] .s2 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera[data-dir=back][data-status="3"] .s2 .card-0, #section-camera[data-dir=back][data-status="3"] .s2 .card-0+.text, #section-camera[data-dir=back][data-status="4"] .s2 .card-0, #section-camera[data-dir=back][data-status="4"] .s2 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102))
}

#section-camera .s2 .card-0 .video, #section-camera .s2 .card-0 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%)
}

#section-camera .s2 .card-0 .video, #section-camera .s2 .card-0 img, #section-camera .s2 .card-1 {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=forward] .s2 .card-1, #section-camera[data-dir=forward] .s2 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540))
}

#section-camera[data-dir=back][data-status="1"] .s2 .card-1 {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-webkit-calc(var(--rpx, 1px)*225)) scale(1.3);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-moz-calc(var(--rpx, 1px)*225)) scale(1.3);
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*225)) scale(1.3);
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*225)) scale(1.3)
}

#section-camera[data-dir=back][data-status="1"] .s2 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-webkit-calc(var(--rpx, 1px)*225));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-moz-calc(var(--rpx, 1px)*225));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*225));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*225))
}

#section-camera[data-dir=back][data-status="3"] .s2 .card-1, #section-camera[data-dir=back][data-status="3"] .s2 .card-1+.text, #section-camera[data-dir=back][data-status="4"] .s2 .card-1, #section-camera[data-dir=back][data-status="4"] .s2 .card-1+.text, #section-camera[data-dir=forward][data-status="1"] .s2 .card-1, #section-camera[data-dir=forward][data-status="1"] .s2 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540))
}

#section-camera[data-dir=forward][data-status="2"] .s2 .card-1, #section-camera[data-dir=forward][data-status="2"] .s2 .card-1+.text {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-dir=forward][data-status="3"] .s2 .card-1, #section-camera[data-dir=forward][data-status="4"] .s2 .card-1 {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-webkit-calc(var(--rpx, 1px)*-362)) scale(.795);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-moz-calc(var(--rpx, 1px)*-362)) scale(.795);
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*-362)) scale(.795);
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*-362)) scale(.795)
}

#section-camera[data-dir=forward][data-status="3"] .s2 .card-1+.text, #section-camera[data-dir=forward][data-status="4"] .s2 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-webkit-calc(var(--rpx, 1px)*-362));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(-moz-calc(var(--rpx, 1px)*-362));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*-362));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*540)) translateY(calc(var(--rpx, 1px)*-362))
}

#section-camera .s2 .card-1 .video, #section-camera .s2 .card-1 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%)
}

#section-camera .s2 .card-1 .video, #section-camera .s2 .card-1 img, #section-camera .s2 .card-2 {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=back][data-status="1"] .s2 .card-2, #section-camera[data-dir=back][data-status="1"] .s2 .card-2+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(-webkit-calc(var(--rpx, 1px)*225)) scale(1.3);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(-moz-calc(var(--rpx, 1px)*225)) scale(1.3);
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(calc(var(--rpx, 1px)*225)) scale(1.3);
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(calc(var(--rpx, 1px)*225)) scale(1.3)
}

#section-camera[data-dir=back][data-status="3"] .s2 .card-2, #section-camera[data-dir=back][data-status="3"] .s2 .card-2+.text, #section-camera[data-dir=back][data-status="4"] .s2 .card-2, #section-camera[data-dir=back][data-status="4"] .s2 .card-2+.text, #section-camera[data-dir=forward][data-status="1"] .s2 .card-2, #section-camera[data-dir=forward][data-status="1"] .s2 .card-2+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369))
}

#section-camera[data-dir=back][data-status="2"] .s2 .card-2, #section-camera[data-dir=forward][data-status="2"] .s2 .card-2 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-dir=forward][data-status="3"] .s2 .card-2, #section-camera[data-dir=forward][data-status="4"] .s2 .card-2 {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(-webkit-calc(var(--rpx, 1px)*-364)) scale(.8);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(-moz-calc(var(--rpx, 1px)*-364)) scale(.8);
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(calc(var(--rpx, 1px)*-364)) scale(.8);
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(calc(var(--rpx, 1px)*-364)) scale(.8)
}

#section-camera[data-dir=forward][data-status="3"] .s2 .card-2+.text, #section-camera[data-dir=forward][data-status="4"] .s2 .card-2+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(-webkit-calc(var(--rpx, 1px)*-347));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(-moz-calc(var(--rpx, 1px)*-347));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(calc(var(--rpx, 1px)*-347));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*369)) translateY(calc(var(--rpx, 1px)*-347))
}

#section-camera .s2 .card-2 .video, #section-camera .s2 .card-2 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%);
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera .s2 .text {
    opacity: 0;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s
}

#section-camera .s3 .combine-image:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    width: 0
}

#section-camera[data-status="3"] .s3 .combine-image:after {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s;
    width: 100%
}

#section-camera .s3 .card-0 {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=forward][data-status="1"] .s3 .card-0, #section-camera[data-dir=forward][data-status="1"] .s3 .card-0+.text, #section-camera[data-dir=forward][data-status="2"] .s3 .card-0, #section-camera[data-dir=forward][data-status="2"] .s3 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300))
}

#section-camera[data-dir=forward][data-status="3"] .s3 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera[data-dir=forward][data-status="4"] .s3 .card-0, #section-camera[data-dir=forward][data-status="4"] .s3 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(-webkit-calc(var(--rpx, 1px)*-288));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(-moz-calc(var(--rpx, 1px)*-288));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(calc(var(--rpx, 1px)*-288));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(calc(var(--rpx, 1px)*-288))
}

#section-camera[data-dir=back][data-status="1"] .s3 .card-0, #section-camera[data-dir=back][data-status="1"] .s3 .card-0+.text, #section-camera[data-dir=back][data-status="2"] .s3 .card-0, #section-camera[data-dir=back][data-status="2"] .s3 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(-webkit-calc(var(--rpx, 1px)*344)) scale(1.14);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(-moz-calc(var(--rpx, 1px)*344)) scale(1.14);
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(calc(var(--rpx, 1px)*344)) scale(1.14);
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300)) translateY(calc(var(--rpx, 1px)*344)) scale(1.14)
}

#section-camera[data-dir=back][data-status="3"] .s3 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera[data-dir=back][data-status="4"] .s3 .card-0, #section-camera[data-dir=back][data-status="4"] .s3 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*300));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*300))
}

#section-camera .s3 .card-0 .video, #section-camera .s3 .card-0 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%)
}

#section-camera .s3 .card-0 .video, #section-camera .s3 .card-0 img, #section-camera .s3 .card-1 {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=forward][data-status="1"] .s3 .card-1, #section-camera[data-dir=forward][data-status="1"] .s3 .card-1+.text, #section-camera[data-dir=forward][data-status="2"] .s3 .card-1, #section-camera[data-dir=forward][data-status="2"] .s3 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428))
}

#section-camera[data-dir=forward][data-status="3"] .s3 .card-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera[data-dir=forward][data-status="4"] .s3 .card-1 {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(-webkit-calc(var(--rpx, 1px)*-202)) scale(1.42);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(-moz-calc(var(--rpx, 1px)*-202)) scale(1.42);
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(calc(var(--rpx, 1px)*-202)) scale(1.42);
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(calc(var(--rpx, 1px)*-202)) scale(1.42)
}

#section-camera[data-dir=forward][data-status="4"] .s3 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(-webkit-calc(var(--rpx, 1px)*-202));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(-moz-calc(var(--rpx, 1px)*-202));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(calc(var(--rpx, 1px)*-202));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(calc(var(--rpx, 1px)*-202))
}

#section-camera[data-dir=back][data-status="1"] .s3 .card-1, #section-camera[data-dir=back][data-status="1"] .s3 .card-1+.text, #section-camera[data-dir=back][data-status="2"] .s3 .card-1, #section-camera[data-dir=back][data-status="2"] .s3 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(-webkit-calc(var(--rpx, 1px)*404));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(-moz-calc(var(--rpx, 1px)*404));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(calc(var(--rpx, 1px)*404));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428)) translateY(calc(var(--rpx, 1px)*404))
}

#section-camera[data-dir=back][data-status="3"] .s3 .card-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera[data-dir=back][data-status="4"] .s3 .card-1, #section-camera[data-dir=back][data-status="4"] .s3 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*428));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*428))
}

#section-camera .s3 .card-1 .video, #section-camera .s3 .card-1 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%);
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera .s3 .text {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s
}

#section-camera .s4 .combine-image:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    width: 0
}

#section-camera[data-status="4"] .s4 .combine-image:after {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s;
    width: 100%
}

#section-camera .s4 .live-inner {
    opacity: 0;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s
}

#section-camera[data-status="4"] .s4 .live-inner {
    opacity: 1;
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera .s4 .card-0 {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=forward][data-status="1"] .s4 .card-0, #section-camera[data-dir=forward][data-status="1"] .s4 .card-0+.text, #section-camera[data-dir=forward][data-status="2"] .s4 .card-0, #section-camera[data-dir=forward][data-status="2"] .s4 .card-0+.text, #section-camera[data-dir=forward][data-status="3"] .s4 .card-0, #section-camera[data-dir=forward][data-status="3"] .s4 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*392));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*392));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*392));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*392))
}

#section-camera[data-dir=back][data-status="1"] .s4 .card-0, #section-camera[data-dir=back][data-status="1"] .s4 .card-0+.text, #section-camera[data-dir=back][data-status="2"] .s4 .card-0, #section-camera[data-dir=back][data-status="2"] .s4 .card-0+.text, #section-camera[data-dir=back][data-status="3"] .s4 .card-0, #section-camera[data-dir=back][data-status="3"] .s4 .card-0+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(-webkit-calc(var(--rpx, 1px)*294)) scale(.98);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(-moz-calc(var(--rpx, 1px)*294)) scale(.98);
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(calc(var(--rpx, 1px)*294)) scale(.98);
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(calc(var(--rpx, 1px)*294)) scale(.98)
}

#section-camera[data-dir=forward][data-status="4"] .s4 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera .s4 .card-0 .video, #section-camera .s4 .card-0 img:not(.live-inner) {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%);
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=back][data-status="1"] .s4 .card-0+p, #section-camera[data-dir=back][data-status="1"] .s4 .card-0+p+.text, #section-camera[data-dir=back][data-status="2"] .s4 .card-0+p, #section-camera[data-dir=back][data-status="2"] .s4 .card-0+p+.text, #section-camera[data-dir=back][data-status="3"] .s4 .card-0+p, #section-camera[data-dir=back][data-status="3"] .s4 .card-0+p+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(-webkit-calc(var(--rpx, 1px)*294));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(-moz-calc(var(--rpx, 1px)*294));
    -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(calc(var(--rpx, 1px)*294));
    transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*392)) translateY(calc(var(--rpx, 1px)*294))
}

#section-camera[data-status="4"] .s4 .card-0+p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera .s4 .card-1 {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera[data-dir=forward][data-status="1"] .s4 .card-1, #section-camera[data-dir=forward][data-status="1"] .s4 .card-1+.text, #section-camera[data-dir=forward][data-status="2"] .s4 .card-1, #section-camera[data-dir=forward][data-status="2"] .s4 .card-1+.text, #section-camera[data-dir=forward][data-status="3"] .s4 .card-1, #section-camera[data-dir=forward][data-status="3"] .s4 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*324));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*324));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*324));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*324))
}

#section-camera[data-dir=forward][data-status="4"] .s4 .card-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera[data-dir=back][data-status="1"] .s4 .card-1, #section-camera[data-dir=back][data-status="2"] .s4 .card-1, #section-camera[data-dir=back][data-status="3"] .s4 .card-1 {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(-webkit-calc(var(--rpx, 1px)*158)) scale(.82);
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(-moz-calc(var(--rpx, 1px)*158)) scale(.82);
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(calc(var(--rpx, 1px)*158)) scale(.82);
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(calc(var(--rpx, 1px)*158)) scale(.82)
}

#section-camera[data-dir=back][data-status="1"] .s4 .card-1+.text, #section-camera[data-dir=back][data-status="2"] .s4 .card-1+.text, #section-camera[data-dir=back][data-status="3"] .s4 .card-1+.text {
    -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(-webkit-calc(var(--rpx, 1px)*158));
    -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(-moz-calc(var(--rpx, 1px)*158));
    -ms-transform: translateX(calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(calc(var(--rpx, 1px)*158));
    transform: translate(calc(var(--out-offset)*-1 - var(--rpx, 1px)*324)) translateY(calc(var(--rpx, 1px)*158))
}

#section-camera[data-dir=back][data-status="4"] .s4 .card-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera .s4 .card-1 .t {
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*260));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*260));
    -ms-transform: translateX(calc(var(--rpx, 1px)*260));
    transform: translate(calc(var(--rpx, 1px)*260));
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -moz-transition: transform .7s, -moz-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s, -moz-transform .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera .s4 .card-1 .video, #section-camera .s4 .card-1 img:not(.live-inner) {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%)
}

#section-camera .s4 .card-1 .video, #section-camera .s4 .card-1 img:not(.live-inner), #section-camera .s4 .text {
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-camera .s4 .text {
    opacity: 0
}

#section-camera[data-status="4"] .s4 .text {
    opacity: 1
}

#section-camera[data-status="1"] .s1, #section-camera[data-status="1"] .s1 .card-0, #section-camera[data-status="1"] .s1 .card-0 .video, #section-camera[data-status="1"] .s1 .card-0 img, #section-camera[data-status="1"] .s1 .desc .inner {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="2"] .s1, #section-camera[data-status="3"] .s1, #section-camera[data-status="4"] .s1 {
    opacity: 0
}

#section-camera[data-status="2"] .s1 .card-0 .video, #section-camera[data-status="2"] .s1 .card-0 img, #section-camera[data-status="3"] .s1 .card-0 .video, #section-camera[data-status="3"] .s1 .card-0 img, #section-camera[data-status="4"] .s1 .card-0 .video, #section-camera[data-status="4"] .s1 .card-0 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%)
}

#section-camera[data-status="2"] .s1 .desc .inner, #section-camera[data-status="3"] .s1 .desc .inner, #section-camera[data-status="4"] .s1 .desc .inner {
    opacity: 0
}

#section-camera[data-status="2"] .h-line-1 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-372.5));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-372.5));
    -ms-transform: translateY(calc(var(--rpx, 1px)*-372.5));
    transform: translateY(calc(var(--rpx, 1px)*-372.5))
}

#section-camera[data-status="2"] .h-line-2 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-camera[data-status="2"] .h-line-3 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*403));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*403));
    -ms-transform: translateY(calc(var(--rpx, 1px)*403));
    transform: translateY(calc(var(--rpx, 1px)*403))
}

#section-camera[data-status="2"] .s2 {
    opacity: 1
}

#section-camera[data-status="2"] .s2 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="2"] .s2 .card-0 .video, #section-camera[data-status="2"] .s2 .card-0 img {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="2"] .s2 .card-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="2"] .s2 .card-1 .video, #section-camera[data-status="2"] .s2 .card-1 img {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="2"] .s2 .card-2 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="2"] .s2 .card-2 .video, #section-camera[data-status="2"] .s2 .card-2 img {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="2"] .s2 .text {
    opacity: .45;
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="3"] .s2 .combine-image:after, #section-camera[data-status="4"] .s2 .combine-image:after {
    width: 0
}

#section-camera[data-status="3"] .s2 .card-0 .video, #section-camera[data-status="3"] .s2 .card-0 img, #section-camera[data-status="3"] .s2 .card-1 .video, #section-camera[data-status="3"] .s2 .card-1 img, #section-camera[data-status="3"] .s2 .card-2 .video, #section-camera[data-status="3"] .s2 .card-2 img, #section-camera[data-status="4"] .s2 .card-0 .video, #section-camera[data-status="4"] .s2 .card-0 img, #section-camera[data-status="4"] .s2 .card-1 .video, #section-camera[data-status="4"] .s2 .card-1 img, #section-camera[data-status="4"] .s2 .card-2 .video, #section-camera[data-status="4"] .s2 .card-2 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%)
}

#section-camera[data-status="3"] .h-line-1 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-620));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-620));
    -ms-transform: translateY(calc(var(--rpx, 1px)*-620));
    transform: translateY(calc(var(--rpx, 1px)*-620))
}

#section-camera[data-status="3"] .h-line-2 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-320));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-320));
    -ms-transform: translateY(calc(var(--rpx, 1px)*-320));
    transform: translateY(calc(var(--rpx, 1px)*-320))
}

#section-camera[data-status="3"] .h-line-3 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#section-camera[data-status="3"] .h-line-4 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*399.2));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*399.2));
    -ms-transform: translateY(calc(var(--rpx, 1px)*399.2));
    transform: translateY(calc(var(--rpx, 1px)*399.2))
}

#section-camera[data-status="3"] .s3 {
    opacity: 1;
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="3"] .s3 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="3"] .s3 .card-0 .video, #section-camera[data-status="3"] .s3 .card-0 img {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="3"] .s3 .card-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="3"] .s3 .card-1 .video, #section-camera[data-status="3"] .s3 .card-1 img {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="3"] .s3 .text {
    opacity: .45;
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="4"] .s3 .card-0 .video, #section-camera[data-status="4"] .s3 .card-0 img, #section-camera[data-status="4"] .s3 .card-1 .video, #section-camera[data-status="4"] .s3 .card-1 img {
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%)
}

#section-camera[data-status="4"] .s3 .text {
    opacity: 0
}

#section-camera[data-status="4"] .h-line-1, #section-camera[data-status="4"] .h-line-2 {
    -webkit-transform: translateY(-50vh);
    -moz-transform: translateY(-50vh);
    -ms-transform: translateY(-50vh);
    transform: translateY(-50vh);
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*-50));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*-50));
    -ms-transform: translateY(calc(var(--vh, 1vh)*-50));
    transform: translateY(calc(var(--vh, 1vh)*-50))
}

#section-camera[data-status="4"] .h-line-3 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-285.5));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-285.5));
    -ms-transform: translateY(calc(var(--rpx, 1px)*-285.5));
    transform: translateY(calc(var(--rpx, 1px)*-285.5))
}

#section-camera[data-status="4"] .h-line-4 {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*281));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*281));
    -ms-transform: translateY(calc(var(--rpx, 1px)*281));
    transform: translateY(calc(var(--rpx, 1px)*281))
}

#section-camera[data-status="4"] .s4 {
    opacity: 1;
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="4"] .s4 .card-0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="4"] .s4 .card-0 .video, #section-camera[data-status="4"] .s4 .card-0 img:not(.live-inner) {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="4"] .s4 .card-1, #section-camera[data-status="4"] .s4 .card-1 .t {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="4"] .s4 .card-1 .t {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-camera[data-status="4"] .s4 .card-1 .video, #section-camera[data-status="4"] .s4 .card-1 img:not(.live-inner) {
    -webkit-clip-path: inset(0 0);
    clip-path: inset(0 0);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera[data-status="4"] .s4 .text {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

#section-camera .camera-param {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

#section-camera .camera-param .line {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#section-camera .camera-param .line.to-right {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    right: 0
}

#section-camera .s0.show .camera-param .line {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

#section-camera .s0.leave .camera-param .line {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

#section-camera .s0.leave .camera-param .line.to-right {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%)
}

#section-camera-mo .blur-button {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

#section-camera-mo .blur-4k {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

#section-camera-mo [corner-group] {
    mix-blend-mode: difference
}

#section-camera-mo [corner-left-top] {
    border: 2px solid #fff;
    border-bottom: none;
    border-right: none
}

#section-camera-mo [corner-left-bottom] {
    border: 2px solid #fff;
    border-right: none;
    border-top: none
}

#section-camera-mo [corner-right-top] {
    border: 2px solid #fff;
    border-bottom: none;
    border-left: none
}

#section-camera-mo [corner-right-bottom] {
    border: 2px solid #fff;
    border-left: none;
    border-top: none
}

#section-camera-mo .sticky-container ul {
    padding-left: calc(var(--rpx, 1px)*16)
}

#section-camera-mo .sticky-container ul li {
    font-size: -webkit-calc(var(--rpx, 1px)*12);
    font-size: -moz-calc(var(--rpx, 1px)*12);
    font-size: calc(var(--rpx, 1px)*12);
    letter-spacing: .5px;
    line-height: 1.4;
    list-style-type: disc
}

#section-camera-mo [hand-img], #section-camera-mo [hand-rotate] {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

#section-camera-mo [ani-photo-1] {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-camera-mo .feature-swiper .swiper-slide {
    height: auto;
    width: -webkit-calc(var(--rpx, 1px)*481);
    width: -moz-calc(var(--rpx, 1px)*481);
    width: calc(var(--rpx, 1px)*481)
}

#section-camera-mo [hand-img-scale] {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

#section-camera-mo .blur-icon {
    -webkit-backdrop-filter: blur(15.69230842590332px);
    backdrop-filter: blur(15.69230842590332px)
}

#section-camera-mo .pc-hidden-container {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    background: -webkit-linear-gradient(top, #fff, #f8f8f8);
    background: -moz-linear-gradient(top, #fff 0, #f8f8f8 100%);
    background: linear-gradient(180deg, #fff, #f8f8f8)
}

[data-comp-multi-feature-card].comp-dark-theme .container {
    background: #753333
}

[data-comp-multi-feature-card].comp-dark-theme .line {
    border-color: #fff
}

[data-comp-multi-feature-card].comp-light-theme .container {
    background: #f8f8f8
}

[data-comp-multi-feature-card].comp-light-theme .line {
    border-color: #000
}

[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn {
    color: #fff
}

[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn.active {
    color: #000
}

[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn {
    color: #fff
}

[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn.active {
    color: #000
}

[data-comp-multi-feature-card] .media:not(.active) {
    opacity: 0;
    pointer-events: none
}

[data-comp-multi-feature-card] .desc-active {
    opacity: 1;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

[data-comp-multi-feature-card] .collapse-card {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s
}

[data-comp-multi-feature-card] .collapse-card .desc-wrapper {
    max-width: 96%
}

[data-comp-multi-feature-card] .collapse-card>div:first-child {
    height: 100%
}

[data-comp-multi-feature-card] .collapse-card p:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding-bottom: 10px;
    -webkit-transform-origin: left 30%;
    -moz-transform-origin: left 30%;
    -ms-transform-origin: left 30%;
    transform-origin: left 30%;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -moz-transition: transform .4s, opacity .4s, -moz-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s, -moz-transform .4s
}

html[dir=rtl] .collapse-card p:first-child {
    -webkit-transform-origin: right 30%;
    -moz-transform-origin: right 30%;
    -ms-transform-origin: right 30%;
    transform-origin: right 30%
}

[data-comp-multi-feature-card] .collapse-card p:nth-child(2) {
    margin-top: 0
}

[data-comp-multi-feature-card] .collapse-card .links, [data-comp-multi-feature-card] .collapse-card p:nth-child(2) {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

[data-comp-multi-feature-card] .collapse-card img.button {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s
}

html[dir=rtl] .collapse-card img.button {
    left: 0;
    right: auto;
    top: 0
}

[data-comp-multi-feature-card] .collapse-card .combine-image, [data-comp-multi-feature-card] .collapse-card img.button .v {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s
}

[data-comp-multi-feature-card] .collapse-card:not(.active) p:first-child {
    -webkit-transform: scale(var(--scale-0, 1));
    -moz-transform: scale(var(--scale-0, 1));
    -ms-transform: scale(var(--scale-0, 1));
    transform: scale(var(--scale-0, 1))
}

[data-comp-multi-feature-card] .collapse-card:not(.active) p:nth-child(2) {
    opacity: 0
}

[data-comp-multi-feature-card] .collapse-card:not(.active) .combine-image {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

[data-comp-multi-feature-card] .collapse-card:not(.active) .links {
    opacity: 0
}

[data-comp-multi-feature-card] .collapse-card.active {
    opacity: .95
}

[data-comp-multi-feature-card] .collapse-card.active img.button .v {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

[data-comp-multi-feature-card] .collapse-card.active>img.button {
    -webkit-clip-path: inset(47% 0);
    clip-path: inset(47% 0)
}

[data-comp-multi-feature-card] .collapse-card.active .combine-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[data-comp-multi-feature-card] .image-group>.image-group>.image-group:not(:first-child) {
    display: none
}

[data-comp-multi-feature-card] .image-group .switch-button>:not(.slide) {
    background: transparent;
    position: relative;
    z-index: 1
}

[data-comp-multi-feature-card] .image-group .switch-button .slide {
    left: -webkit-calc(var(--rpx, 1px)*2);
    left: -moz-calc(var(--rpx, 1px)*2);
    left: calc(var(--rpx, 1px)*2);
    position: absolute;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s
}

[data-comp-multi-feature-card] .image-group .switch-button .slide>* {
    color: transparent
}

[data-comp-multi-feature-card] .image-group .switch-button[status="1"] .slide {
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%)
}

[data-comp-multi-feature-card] .image-group .switch-button[status="1"] :first-child>* {
    color: #fff
}

[data-comp-multi-feature-card] .image-group .switch-button[status="1"] :nth-child(2)>* {
    color: #000
}

[data-comp-multi-feature-card].ar .collapse-card img.button {
    left: 0;
    margin-left: 0;
    margin-right: calc(var(--rpx, 1px)*44);
    right: auto
}

[data-comp-multi-feature-card].ar .collapse-card>div:first-child p:first-child {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

#section-3d[data-color=green] {
    background: #e9efdf
}

#section-3d[data-color=green] .m-text-green {
    display: block
}

#section-3d[data-color=pink] {
    background: #f6ebf1
}

#section-3d[data-color=pink] .m-text-pink {
    display: block
}

#section-3d[data-color=black] {
    background: #a5a5a5
}

#section-3d[data-color=black] .m-text-black {
    display: block
}

#section-3d .bg-text>* {
    display: none;
    letter-spacing: 0;
    white-space: nowrap
}

#section-3d .bg-text .m-text-green {
    color: #676f5d1a
}

#section-3d .bg-text .m-text-pink {
    color: #8c78831a
}

#section-3d .bg-text .m-text-black {
    color: #4949491a
}

#section-3d .abs-full {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#section-3d .abs-center {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#section-3d .product-loading {
    position: absolute;
    z-index: 4
}

#section-3d .product-loading .pl-phone {
    height: 54.5vh;
    height: -webkit-calc(var(--vh, 1vh)*54.5);
    height: -moz-calc(var(--vh, 1vh)*54.5);
    height: calc(var(--vh, 1vh)*54.5);
    width: 27.25vh;
    width: -webkit-calc(var(--vh, 1vh)*27.25);
    width: -moz-calc(var(--vh, 1vh)*27.25);
    width: calc(var(--vh, 1vh)*27.25);
    z-index: 0
}

#section-3d .product-loading .pl-mask {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

#section-3d .product-loading .pl-blur-poster {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

#section-3d .product-loading .pl-loading-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -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;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 200px;
    z-index: 2
}

#section-3d .product-loading .pl-loading-wrapper .pl-loading {
    background: rgba(0, 0, 0, .2);
    border-radius: 2px;
    height: 4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#section-3d .product-loading .pl-loading-wrapper .pl-loading .pl-loading-inner {
    background: rgba(0, 0, 0, .8);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

#section-3d .product-loading .pl-loading-wrapper .pl-loading-text {
    color: #000c;
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
    white-space: nowrap
}

#section-3d .product-controls {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-3d .product-controls .product-controls-item.item-green .color-circle-inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#d4dcbf), to(#6f765e));
    background: -webkit-linear-gradient(top, #d4dcbf, #6f765e);
    background: -moz-linear-gradient(top, #d4dcbf 0, #6f765e 100%);
    background: linear-gradient(180deg, #d4dcbf, #6f765e)
}

#section-3d .product-controls .product-controls-item.item-pink {
    margin: 0 12px
}

#section-3d .product-controls .product-controls-item.item-pink .color-circle-inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#f5edee), to(#e0cfd4));
    background: -webkit-linear-gradient(top, #f5edee, #e0cfd4);
    background: -moz-linear-gradient(top, #f5edee 0, #e0cfd4 100%);
    background: linear-gradient(180deg, #f5edee, #e0cfd4)
}

#section-3d .product-controls .product-controls-item.item-black .color-circle-inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#20201e));
    background: -webkit-linear-gradient(top, #5e5e5e, #20201e);
    background: -moz-linear-gradient(top, #5e5e5e 0, #20201e 100%);
    background: linear-gradient(180deg, #5e5e5e, #20201e)
}

#section-3d .product-controls .product-controls-item.active.item-green .color-circle {
    border-color: #d4dcbf
}

#section-3d .product-controls .product-controls-item.active.item-green .color-text {
    width: 94px
}

#section-3d .product-controls .product-controls-item.active.item-pink .color-circle {
    border-color: #dbcbcf
}

#section-3d .product-controls .product-controls-item.active.item-pink .color-text {
    width: 94px
}

#section-3d .product-controls .product-controls-item.active.item-black .color-circle {
    border-color: #5e5e5e
}

#section-3d .product-controls .product-controls-item.active.item-black .color-text {
    width: 102px
}

#section-3d .product-controls .product-controls-item .color-text {
    overflow: hidden;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    white-space: nowrap;
    width: 0
}

#section-3d .product-controls .product-controls-item .color-line {
    background: rgba(0, 0, 0, .2);
    height: 12px;
    width: 1px
}

#section-3d .product-controls .product-controls-item .color-circle {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 28px;
    margin-right: 10px;
    position: relative;
    width: 28px
}

#section-3d .product-controls .product-controls-item .color-circle .color-circle-inner {
    border-radius: 50%;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px
}

#section-more .content {
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding: 0 calc(var(--rpx, 1px)*15)
}

#section-more .content-0 {
    left: -webkit-calc(var(--rpx, 1px)*40);
    left: -moz-calc(var(--rpx, 1px)*40);
    left: calc(var(--rpx, 1px)*40)
}

#section-more .content-1 {
    left: -webkit-calc(var(--rpx, 1px)*740);
    left: -moz-calc(var(--rpx, 1px)*740);
    left: calc(var(--rpx, 1px)*740)
}

#section-more .content-2 {
    left: -webkit-calc(var(--rpx, 1px)*950);
    left: -moz-calc(var(--rpx, 1px)*950);
    left: calc(var(--rpx, 1px)*950)
}

#section-more .content-3 {
    left: -webkit-calc(var(--rpx, 1px)*1160);
    left: -moz-calc(var(--rpx, 1px)*1160);
    left: calc(var(--rpx, 1px)*1160)
}

#section-more .content {
    left: 0 !important;
    position: relative
}

#section-chip .circle {
    -webkit-transform: scaleY(.316);
    -moz-transform: scaleY(.316);
    -ms-transform: scaleY(.316);
    transform: scaleY(.316)
}

#section-chip .circle img {
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#section-chip .circle-outer {
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #000), to(transparent));
    -webkit-mask: -webkit-linear-gradient(top, #000 90%, transparent);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #000), to(transparent));
    mask: linear-gradient(180deg, #000 90%, transparent);
    -webkit-transform: scale(-1, -.316);
    -moz-transform: scale(-1, -.316);
    -ms-transform: scale(-1, -.316);
    transform: scale(-1, -.316)
}

#section-chip .circle-outer img {
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

#section-chip .mask {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

#section-chip .scene-2-wrapper .phone-wrapperK img {
    -webkit-transform-origin: 30% 10%;
    -moz-transform-origin: 30% 10%;
    -ms-transform-origin: 30% 10%;
    transform-origin: 30% 10%
}

#section-chip .scene-3-wrapper .dy-line-1 {
    width: 11.6vw;
    width: -webkit-calc(var(--vw, 1vw)*11.6);
    width: -moz-calc(var(--vw, 1vw)*11.6);
    width: calc(var(--vw, 1vw)*11.6)
}

#section-chip .scene-3-wrapper .dy-line-2 {
    width: 9.86vw;
    width: -webkit-calc(var(--vw, 1vw)*9.86);
    width: -moz-calc(var(--vw, 1vw)*9.86);
    width: calc(var(--vw, 1vw)*9.86)
}

#section-chip .scene-3-wrapper .phone-wrapperK {
    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%
}

#section-chip #dy-line, #section-chip .scene-4-wrapper .dy-line-1 {
    mix-blend-mode: difference
}

#section-chip .scene-4-wrapper .small-text-1 {
    left: auto
}

#section-chip .scene-4-wrapper .small-text-1 .text-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#section-chip .scene-5-wrapper .center-img, #section-chip .scene-6-wrapper .center-img {
    height: -webkit-calc(var(--rpx, 1px)*477);
    height: -moz-calc(var(--rpx, 1px)*477);
    height: calc(var(--rpx, 1px)*477)
}

#section-chip .scene-5-wrapper .open-modal, #section-chip .scene-6-wrapper .open-modal {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#section-chip .scene-5-wrapper .center-img .bg {
    -webkit-transform-origin: 50% 40%;
    -moz-transform-origin: 50% 40%;
    -ms-transform-origin: 50% 40%;
    transform-origin: 50% 40%
}

#section-chip .scene-6-wrapper .center-img {
    -webkit-perspective: -webkit-calc(var(--rpx, 1px)*800);
    -moz-perspective: -moz-calc(var(--rpx, 1px)*800);
    perspective: calc(var(--rpx, 1px)*800)
}

#section-chip .scene-6-wrapper .phone {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 40%;
    -moz-transform-origin: 50% 40%;
    -ms-transform-origin: 50% 40%;
    transform-origin: 50% 40%
}

#section-chip svg {
    overflow: visible
}

#section-chip svg line {
    stroke-dasharray: 100%;
    stroke-dashoffset: 100%;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: stroke-dashoffset 1s;
    -moz-transition: stroke-dashoffset 1s;
    transition: stroke-dashoffset 1s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-chip svg.prepare line {
    opacity: 0
}

#section-chip svg.active-left line {
    stroke-dashoffset: 0%
}

#section-chip svg.active-left line, #section-chip svg.active-right line {
    -webkit-transition: stroke-dashoffset 1s;
    -moz-transition: stroke-dashoffset 1s;
    transition: stroke-dashoffset 1s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-chip svg.active-right line {
    stroke-dashoffset: 200%
}

#section-chip svg.leave line {
    stroke-dashoffset: 100%;
    -webkit-transition: stroke-dashoffset 1s;
    -moz-transition: stroke-dashoffset 1s;
    transition: stroke-dashoffset 1s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-chip svg circle {
    opacity: 0;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

#section-chip svg.prepare circle {
    opacity: 0
}

#section-chip svg.active-left circle, #section-chip svg.active-right circle {
    opacity: 1;
    -webkit-transition-delay: var(--enter-delay, 1s);
    -moz-transition-delay: var(--enter-delay, 1s);
    transition-delay: var(--enter-delay, 1s)
}

#section-chip svg.leave circle {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-chip .scene-2-wrapper .right-text .line.no-stretch, #section-chip .scene-2-wrapper .right-text p, #section-chip .small-text-1 .line.no-stretch, #section-chip .small-text-1 p, #section-chip .small-text-2 .line.no-stretch, #section-chip .small-text-2 p {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

#section-chip .scene-2-wrapper .right-text .line:not(.no-stretch), #section-chip .small-text-1 .line:not(.no-stretch), #section-chip .small-text-2 .line:not(.no-stretch) {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform
}

#section-chip .scene-2-wrapper .right-text .line, #section-chip .scene-2-wrapper .right-text p, #section-chip .small-text-1 .line, #section-chip .small-text-1 p, #section-chip .small-text-2 .line, #section-chip .small-text-2 p {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear
}

#section-chip .scene-2-wrapper .right-text.active .line.no-stretch, #section-chip .scene-2-wrapper .right-text.active p, #section-chip .small-text-1.active .line.no-stretch, #section-chip .small-text-1.active p, #section-chip .small-text-2.active .line.no-stretch, #section-chip .small-text-2.active p {
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-chip .scene-2-wrapper .right-text.active p, #section-chip .small-text-1.active p, #section-chip .small-text-2.active p {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-chip .scene-2-wrapper .right-text.active .line:not(.no-stretch), #section-chip .small-text-1.active .line:not(.no-stretch), #section-chip .small-text-2.active .line:not(.no-stretch) {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-chip .scene-2-wrapper .right-text.leave .line.no-stretch, #section-chip .scene-2-wrapper .right-text.leave p, #section-chip .small-text-1.leave .line.no-stretch, #section-chip .small-text-1.leave p, #section-chip .small-text-2.leave .line.no-stretch, #section-chip .small-text-2.leave p {
    opacity: 0;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

#section-chip .scene-2-wrapper .right-text.leave .line:not(.no-stretch), #section-chip .small-text-1.leave .line:not(.no-stretch), #section-chip .small-text-2.leave .line:not(.no-stretch) {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

#section-chip .scene-3-wrapper .small-text-1.leave .line.no-stretch, #section-chip .scene-3-wrapper .small-text-1.leave .line:not(.no-stretch), #section-chip .scene-3-wrapper .small-text-1.leave p {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

#section-chip .scene-4-wrapper .small-text-2.leave .line.no-stretch, #section-chip .scene-4-wrapper .small-text-2.leave .line:not(.no-stretch), #section-chip .scene-4-wrapper .small-text-2.leave p {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

#section-chip .scene-5-wrapper .center-img, #section-chip .scene-6-wrapper .center-img {
    max-height: 26vh;
    max-height: -webkit-calc(var(--vh, 1vh)*26);
    max-height: -moz-calc(var(--vh, 1vh)*26);
    max-height: calc(var(--vh, 1vh)*26)
}

#section-chip .open-modal-1 {
    border-color: #0006;
    color: transparent;
    -webkit-transition: border-color .4s;
    -moz-transition: border-color .4s;
    transition: border-color .4s
}

#section-chip .open-modal-1:hover {
    border-color: #000
}

#section-chip .open-modal-2 {
    -webkit-transition: border-color .4s;
    -moz-transition: border-color .4s;
    transition: border-color .4s
}

#section-chip .open-modal-2:hover {
    border-color: #fffc
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-1turn);
        -moz-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

#section-in-hand .hand-selector-wrapper {
    position: relative
}

#section-in-hand .hand-selector-wrapper:before {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
    background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    content: "";
    height: 19px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    width: -webkit-calc(var(--rpx, 1px)*81);
    width: -moz-calc(var(--rpx, 1px)*81);
    width: calc(var(--rpx, 1px)*81);
    z-index: 3
}

#section-in-hand .hand-selector-wrapper.left-mask-disabled:after, #section-in-hand .hand-selector-wrapper.right-mask-disabled:before {
    opacity: 0
}

#section-in-hand .hand-selector-wrapper:after {
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #fff);
    background: -moz-linear-gradient(right, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
    content: "";
    height: 19px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    width: -webkit-calc(var(--rpx, 1px)*81);
    width: -moz-calc(var(--rpx, 1px)*81);
    width: calc(var(--rpx, 1px)*81);
    z-index: 3
}

#section-in-hand .selectors span {
    cursor: pointer;
    opacity: .44;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-in-hand .selectors span:not(:last-child) {
    margin-right: 16px
}

#section-in-hand .selectors[data-selector-index="0"] .selector-0, #section-in-hand .selectors[data-selector-index="1"] .selector-1, #section-in-hand .selectors[data-selector-index="2"] .selector-2, #section-in-hand .selectors[data-selector-index="3"] .selector-3, #section-in-hand .selectors[data-selector-index="4"] .selector-4 {
    opacity: 1
}

#section-in-hand .selectors .bottom-line {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-in-hand .bg-image-wrapper img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#section-in-hand .text-panel {
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    transform: translate(50vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*50));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*50));
    -ms-transform: translateX(calc(var(--vw, 1vw)*50));
    transform: translate(calc(var(--vw, 1vw)*50));
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#section-in-hand.slide-in .bg-image-wrapper img {
    -webkit-transform: translateX(-25vw);
    -moz-transform: translateX(-25vw);
    -ms-transform: translateX(-25vw);
    transform: translate(-25vw);
    -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-25));
    -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-25));
    -ms-transform: translateX(calc(var(--vw, 1vw)*-25));
    transform: translate(calc(var(--vw, 1vw)*-25))
}

#section-in-hand.slide-in .text-panel {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-smart .choices .text-wrapper {
    cursor: pointer;
    height: -webkit-calc(28px + var(--rpx, 1px)*44);
    height: -moz-calc(28px + var(--rpx, 1px)*44);
    height: calc(28px + var(--rpx, 1px)*44);
    overflow: hidden;
    position: relative;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s
}

#section-smart .choices .text-wrapper p:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

#section-smart .choices .text-wrapper .icon {
    height: -webkit-calc(var(--rpx, 1px)*25);
    height: -moz-calc(var(--rpx, 1px)*25);
    height: calc(var(--rpx, 1px)*25);
    left: auto;
    right: -webkit-calc(var(--rpx, 1px)*16);
    right: -moz-calc(var(--rpx, 1px)*16);
    right: calc(var(--rpx, 1px)*16);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    width: -webkit-calc(var(--rpx, 1px)*25);
    width: -moz-calc(var(--rpx, 1px)*25);
    width: calc(var(--rpx, 1px)*25)
}

#section-smart .choices .text-wrapper.active {
    height: var(--max-h)
}

#section-smart .choices .text-wrapper.active p:nth-child(2) {
    opacity: 1
}

#section-smart .choices .text-wrapper.active .icon {
    opacity: 0
}

#section-smart .image-01 .ui {
    opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#section-smart .image-01[data-active="0"] .ui:first-child, #section-smart .image-01[data-active="1"] .ui:nth-child(2), #section-smart .image-01[data-active="2"] .ui:nth-child(3) {
    opacity: 1
}

#section-smart .title-wrapper .title-container {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px)
}

#section-smart [ani-smart-selector] .ui-img, #section-smart [ani-smart-selector] .ui-text {
    opacity: 0
}

#section-smart [ani-smart-selector][data-selector-index="0"] .text-0, #section-smart [ani-smart-selector][data-selector-index="0"] .ui-0, #section-smart [ani-smart-selector][data-selector-index="1"] .text-1, #section-smart [ani-smart-selector][data-selector-index="1"] .ui-1, #section-smart [ani-smart-selector][data-selector-index="2"] .text-2, #section-smart [ani-smart-selector][data-selector-index="2"] .ui-2 {
    opacity: 1
}

#section-smart [ani-smart-selector] .combine-images {
    -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
}

#section-smart [ani-smart-selector] .next, #section-smart [ani-smart-selector] .prev {
    cursor: pointer
}

#section-smart [ani-smart-selector] .next.disabled, #section-smart [ani-smart-selector] .prev.disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

#section-smart .c1>div, #section-smart .c2>div, #section-smart .c3>div, #section-smart .phone-frame, #section-smart .shadow-wrapper {
    -webkit-transform: scale(var(--phone-scale, 1));
    -moz-transform: scale(var(--phone-scale, 1));
    -ms-transform: scale(var(--phone-scale, 1));
    transform: scale(var(--phone-scale, 1))
}

#section-smart-mo .section-title-wrapper .icon {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#section-smart-mo .section-title-wrapper .icon:not(.show) {
    margin-rigth: 4px;
    height: 0;
    margin-left: 4px;
    width: 0
}

#section-smart-mo .line {
    background: #d9d9d9
}

#section-smart-mo .ui-wrapper {
    -webkit-clip-path: inset(-webkit-calc(var(--rpx, 1px)*4) round -webkit-calc(var(--rpx, 1px)*32));
    clip-path: inset(-moz-calc(var(--rpx, 1px)*4) round -moz-calc(var(--rpx, 1px)*32));
    clip-path: inset(calc(var(--rpx, 1px)*4) round calc(var(--rpx, 1px)*32))
}

#section-smart-mo .scene-1 .ui {
    opacity: 0
}

#section-smart-mo .scene-1 .selector {
    color: #000
}

#section-smart-mo .scene-1[data-selector-index="0"] .ui-0, #section-smart-mo .scene-1[data-selector-index="1"] .ui-1, #section-smart-mo .scene-1[data-selector-index="2"] .ui-2 {
    opacity: 1
}

#section-smart-mo .scene-2 .next, #section-smart-mo .scene-2 .prev {
    cursor: pointer
}

#section-smart-mo .scene-2 .next.disabled, #section-smart-mo .scene-2 .prev.disabled {
    cursor: none;
    opacity: .3;
    pointer-events: none
}

#section-smart-mo .scene-2 .scroll-bar .inner-bar {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s
}

#section-smart-mo .scene-2 .selector-desc, #section-smart-mo .scene-2 .selector-title, #section-smart-mo .scene-2 .ui {
    opacity: 0
}

#section-smart-mo .scene-2[data-selector-index="0"] .desc-0, #section-smart-mo .scene-2[data-selector-index="0"] .title-0, #section-smart-mo .scene-2[data-selector-index="0"] .ui-0, #section-smart-mo .scene-2[data-selector-index="1"] .desc-1, #section-smart-mo .scene-2[data-selector-index="1"] .title-1, #section-smart-mo .scene-2[data-selector-index="1"] .ui-1, #section-smart-mo .scene-2[data-selector-index="2"] .desc-2, #section-smart-mo .scene-2[data-selector-index="2"] .title-2, #section-smart-mo .scene-2[data-selector-index="2"] .ui-2 {
    opacity: 1
}

#section-smart-mo .scene-3 .next, #section-smart-mo .scene-3 .prev {
    cursor: pointer
}

#section-smart-mo .scene-3 .next.disabled, #section-smart-mo .scene-3 .prev.disabled {
    cursor: none;
    opacity: .3;
    pointer-events: none
}

#section-smart-mo .scene-3 .scroll-bar .inner-bar {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s
}

#section-smart-mo .scene-3 .selector-desc, #section-smart-mo .scene-3 .selector-title, #section-smart-mo .scene-3 .ui-img {
    opacity: 0
}

#section-smart-mo .scene-3[data-selector-index="0"] .desc-0, #section-smart-mo .scene-3[data-selector-index="0"] .title-0, #section-smart-mo .scene-3[data-selector-index="0"] .ui-0, #section-smart-mo .scene-3[data-selector-index="1"] .desc-1, #section-smart-mo .scene-3[data-selector-index="1"] .title-1, #section-smart-mo .scene-3[data-selector-index="1"] .ui-1 {
    opacity: 1
}

#section-smart-pad .title-container .icon-wrapper {
    height: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    width: 0
}

#section-smart-pad .title-container .icon-wrapper.show {
    height: 30px;
    width: 60px
}

#section-smart-pad .section-title-a {
    font-size: 26px;
    line-height: 120%
}

#section-smart-pad .ui-wrapper {
    -webkit-clip-path: inset(-webkit-calc(var(--rpx, 1px)*4) round -webkit-calc(var(--rpx, 1px)*20));
    clip-path: inset(-moz-calc(var(--rpx, 1px)*4) round -moz-calc(var(--rpx, 1px)*20));
    clip-path: inset(calc(var(--rpx, 1px)*4) round calc(var(--rpx, 1px)*20))
}

#section-smart-pad .scene-1 .ui {
    opacity: 0
}

#section-smart-pad .scene-1 .selector-wrapper .title {
    opacity: .3
}

#section-smart-pad .scene-1 .selector-wrapper .text-wrapper {
    overflow: hidden
}

#section-smart-pad .scene-1 .selector-wrapper .desc {
    opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#section-smart-pad .scene-1[data-selector-index="0"] .ui-0 {
    opacity: 1
}

#section-smart-pad .scene-1[data-selector-index="0"] .selector-0 {
    pointer-events: none
}

#section-smart-pad .scene-1[data-selector-index="0"] .selector-0 .desc, #section-smart-pad .scene-1[data-selector-index="0"] .selector-0 .title {
    opacity: 1
}

#section-smart-pad .scene-1[data-selector-index="0"] .selector-0 .expand {
    opacity: 0
}

#section-smart-pad .scene-1[data-selector-index="1"] .ui-1 {
    opacity: 1
}

#section-smart-pad .scene-1[data-selector-index="1"] .selector-1 {
    pointer-events: none
}

#section-smart-pad .scene-1[data-selector-index="1"] .selector-1 .desc, #section-smart-pad .scene-1[data-selector-index="1"] .selector-1 .title {
    opacity: 1
}

#section-smart-pad .scene-1[data-selector-index="1"] .selector-1 .expand {
    opacity: 0
}

#section-smart-pad .scene-1[data-selector-index="2"] .ui-2 {
    opacity: 1
}

#section-smart-pad .scene-1[data-selector-index="2"] .selector-2 {
    pointer-events: none
}

#section-smart-pad .scene-1[data-selector-index="2"] .selector-2 .desc, #section-smart-pad .scene-1[data-selector-index="2"] .selector-2 .title {
    opacity: 1
}

#section-smart-pad .scene-1[data-selector-index="2"] .selector-2 .expand, #section-smart-pad .scene-2 .selector-wrapper, #section-smart-pad .scene-2 .ui {
    opacity: 0
}

#section-smart-pad .scene-2[data-selector-index="0"] .selector-0, #section-smart-pad .scene-2[data-selector-index="0"] .ui-0, #section-smart-pad .scene-2[data-selector-index="1"] .selector-1, #section-smart-pad .scene-2[data-selector-index="1"] .ui-1, #section-smart-pad .scene-2[data-selector-index="2"] .selector-2, #section-smart-pad .scene-2[data-selector-index="2"] .ui-2 {
    opacity: 1
}

#section-smart-pad .scene-2[data-selector-index="0"] .prev, #section-smart-pad .scene-2[data-selector-index="2"] .next {
    opacity: .3;
    pointer-events: none
}

#section-smart-pad .scene-3 .selector-wrapper, #section-smart-pad .scene-3 .ui-img {
    opacity: 0
}

#section-smart-pad .scene-3[data-selector-index="0"] .selector-0, #section-smart-pad .scene-3[data-selector-index="0"] .ui-0, #section-smart-pad .scene-3[data-selector-index="1"] .selector-1, #section-smart-pad .scene-3[data-selector-index="1"] .ui-1 {
    opacity: 1
}

#section-smart-pad .scene-3[data-selector-index="0"] .prev, #section-smart-pad .scene-3[data-selector-index="1"] .next {
    opacity: .3;
    pointer-events: none
}

.selectors-wrapper {
    position: relative
}

.selectors-wrapper:before {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
    background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    content: "";
    height: 19px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    width: -webkit-calc(var(--rpx, 1px)*81);
    width: -moz-calc(var(--rpx, 1px)*81);
    width: calc(var(--rpx, 1px)*81);
    z-index: 3
}

.selectors-wrapper.left-mask-disabled:after, .selectors-wrapper.right-mask-disabled:before {
    opacity: 0
}

.selectors-wrapper:after {
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #fff);
    background: -moz-linear-gradient(right, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
    content: "";
    height: 19px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    width: -webkit-calc(var(--rpx, 1px)*81);
    width: -moz-calc(var(--rpx, 1px)*81);
    width: calc(var(--rpx, 1px)*81);
    z-index: 3
}

.selectors-wrapper .scroll-inner {
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.selectors-wrapper .scroll-inner .selector {
    opacity: .44;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.selectors-wrapper .scroll-inner .selector:not(:last-child) {
    margin-right: calc(var(--rpx, 1px)*12)
}

.selectors-wrapper .scroll-inner .scroll-bar {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.selectors-wrapper .selector-desc {
    opacity: 0
}

.selectors-wrapper[data-selector-index="0"] .selector-0, .selectors-wrapper[data-selector-index="0"] .selector-desc.selector-desc-0, .selectors-wrapper[data-selector-index="1"] .selector-1, .selectors-wrapper[data-selector-index="1"] .selector-desc.selector-desc-1, .selectors-wrapper[data-selector-index="2"] .selector-2, .selectors-wrapper[data-selector-index="2"] .selector-desc.selector-desc-2, .selectors-wrapper[data-selector-index="3"] .selector-3, .selectors-wrapper[data-selector-index="3"] .selector-desc.selector-desc-3, .selectors-wrapper[data-selector-index="4"] .selector-4, .selectors-wrapper[data-selector-index="4"] .selector-desc.selector-desc-4 {
    opacity: 1
}

#section-capture .section-title .line-bottom, #section-capture .section-title .line-top {
    background: rgba(0, 0, 0, .1)
}

#section-capture .bg-blur, #section-capture .fg, #section-capture .fg .image-group, #section-capture .fg .text-wrapper, #section-capture .left-hand, #section-capture .right-hand, #section-capture .screen-inner img {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#section-capture .bg-blur {
    opacity: 0
}

#section-capture .fg {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#section-capture .fg .image-group {
    transformOrigin: center top;
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    transform: scale(1.35)
}

#section-capture .left-hand {
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translate(-20%)
}

#section-capture .right-hand {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translate(20%)
}

#section-capture .screen-inner img {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    transform: scale(1.35)
}

#section-capture .fg .text-wrapper {
    opacity: 1
}

#section-capture.active .bg-blur, #section-capture.active .fg, #section-capture.active .fg .image-group, #section-capture.active .fg .text-wrapper, #section-capture.active .left-hand, #section-capture.active .right-hand, #section-capture.active .screen-inner img {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-capture.active .bg-blur, #section-capture.active .fg {
    opacity: 1
}

#section-capture.active .fg .image-group {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-capture.active .left-hand, #section-capture.active .right-hand {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

#section-capture.active .screen-inner img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-capture.active .fg .text-wrapper {
    opacity: 1
}

#section-lock .cardK {
    broder: 1px solid;
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(213, 243, 213, .4)), color-stop(82.8%, hsla(0, 0%, 100%, 0))) 1;
    -webkit-border-image: -webkit-linear-gradient(top, rgba(213, 243, 213, .4), hsla(0, 0%, 100%, 0) 82.8%) 1;
    -moz-border-image: -moz-linear-gradient(top, rgba(213, 243, 213, .4) 0, hsla(0, 0%, 100%, 0) 82.8%) 1;
    -o-border-image: linear-gradient(180deg, rgba(213, 243, 213, .4), hsla(0, 0%, 100%, 0) 82.8%) 1;
    border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(213, 243, 213, .4)), color-stop(82.8%, hsla(0, 0%, 100%, 0))) 1;
    border-image: linear-gradient(180deg, rgba(213, 243, 213, .4), hsla(0, 0%, 100%, 0) 82.8%) 1;
    border-radius: 4px;
    overflow: hidden
}

#section-battery, #section-vc {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), color-stop(162%, rgba(84, 85, 87, .4))), #fff;
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .4), rgba(84, 85, 87, .4) 162%), #fff;
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, .4) 0, rgba(84, 85, 87, .4) 162%), #fff;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), rgba(84, 85, 87, .4) 162%), #fff
}

#section-vc .line-pad {
    stroke-dasharray: unset !important
}

#section-od .wrp {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46.97%, #fff), color-stop(106.57%, #9d9d9e), color-stop(117.73%, #545557));
    background: -webkit-linear-gradient(top, #fff 46.97%, #9d9d9e 106.57%, #545557 117.73%);
    background: -moz-linear-gradient(top, #fff 46.97%, #9d9d9e 106.57%, #545557 117.73%);
    background: linear-gradient(180deg, #fff 46.97%, #9d9d9e 106.57%, #545557 117.73%)
}

#section-od .circle {
    -webkit-transform: scaleY(.316);
    -moz-transform: scaleY(.316);
    -ms-transform: scaleY(.316);
    transform: scaleY(.316)
}

#section-od .circle img {
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#section-od .circle-outer {
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #000), to(transparent));
    -webkit-mask: -webkit-linear-gradient(top, #000 90%, transparent);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #000), to(transparent));
    mask: linear-gradient(180deg, #000 90%, transparent);
    -webkit-transform: scale(-1, -.316);
    -moz-transform: scale(-1, -.316);
    -ms-transform: scale(-1, -.316);
    transform: scale(-1, -.316)
}

#section-od .circle-outer img {
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

#section-more-mo .img-more {
    max-height: -webkit-calc(var(--content-height)/2 - 43.5px - var(--rpx, 1px)*64/2);
    max-height: -moz-calc(var(--content-height)/2 - 43.5px - var(--rpx, 1px)*64/2);
    max-height: calc(var(--content-height)/2 - 43.5px - var(--rpx, 1px)*64/2)
}

#section-chip-mo .line-item {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-chip-mo .line-item.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-chip-pad .line-item {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-chip-pad .line-item.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-chip-pad .img-wrp {
    top: -webkit-calc(50% - var(--rpx, 1px)*322);
    top: -moz-calc(50% - var(--rpx, 1px)*322);
    top: calc(50% - var(--rpx, 1px)*322)
}

#section-chip-pad .num-wrp {
    -webkit-backdrop-filter: blur(12.85px);
    backdrop-filter: blur(12.85px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), color-stop(29.81%, hsla(0, 0%, 96%, .7)), color-stop(55%, hsla(0, 0%, 96%, .9)), to(#f5f5f5));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .4), hsla(0, 0%, 96%, .7) 29.81%, hsla(0, 0%, 96%, .9) 55%, #f5f5f5);
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 96%, .7) 29.81%, hsla(0, 0%, 96%, .9) 55%, #f5f5f5 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 96%, .7) 29.81%, hsla(0, 0%, 96%, .9) 55%, #f5f5f5);
    border-top: 1px solid rgba(0, 0, 0, .2)
}

#section-af .line {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

#section-af .line-active {
    -webkit-clip-path: inset(0 0 0 0) !important;
    clip-path: inset(0 0 0 0) !important
}

.windows #section-nits .main-text {
    top: -webkit-calc(50% - 5.8vw);
    top: -moz-calc(50% - 5.8vw);
    top: calc(50% - 5.8vw);
    top: -webkit-calc(50% - var(--vw, 1vw)*5.8);
    top: -moz-calc(50% - var(--vw, 1vw)*5.8);
    top: calc(50% - var(--vw, 1vw)*5.8)
}

#section-nits .main-text .p {
    background: transparent;
    opacity: 1
}

#section-nits .main-text .p .p-bg {
    background: #000;
    height: 92%;
    left: 7.4%;
    position: absolute;
    top: 0;
    width: 94%
}

#section-nits .main-text p {
    opacity: 0
}

#section-nits .main-text p span {
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(96deg, #fff, #606060);
    color: transparent;
    display: inline-block;
    line-height: .9
}

.windows #section-nits .main-text p span {
    line-height: 1
}

#section-nits .main-text .slash {
    margin-right: 2vw;
    margin-right: calc(var(--vw, 1vw)*2);
    -webkit-transform: scaleY(1.7);
    -moz-transform: scaleY(1.7);
    -ms-transform: scaleY(1.7);
    transform: scaleY(1.7);
    -webkit-transform-origin: 35%;
    -moz-transform-origin: 35%;
    -ms-transform-origin: 35%;
    transform-origin: 35%
}

#section-nits .line {
    background: hsla(0, 0%, 100%, .7)
}

#section-nits-mo .line-bg:before {
    background-color: #000;
    bottom: 1px;
    content: "";
    height: var(--content-height);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

#section-nits-mo .t-120hz-wrapper .t-120hz:not(:first-child) {
    margin-top: -30px
}

#section-nits-mo .t-120hz-wrapper .p-bg {
    background: #000;
    height: 86%;
    position: absolute;
    top: 2.5%;
    width: 100%
}

#section-nits-mo .t-120hz-wrapper span {
    position: relative
}

#section-nits-mo .t-120hz-wrapper .slash {
    display: block;
    margin-right: 18px;
    -webkit-transform: scaleY(1.5);
    -moz-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    transform: scaleY(1.5)
}

#section-nits-mo .s1 .line, #section-nits-mo .s2 .line {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-nits-mo .s1 .line.show, #section-nits-mo .s2 .line.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-nits-mo .s1 .img-wrapper, #section-nits-mo .s2 .img-wrapper {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-nits-mo .s1 .img-wrapper.show, #section-nits-mo .s2 .img-wrapper.show {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

#section-nits-pad .line-bg:before {
    background-color: #000;
    bottom: 1px;
    content: "";
    height: var(--content-height);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

#section-nits-pad .t-120hz-wrapper .t-120hz:not(:first-child) {
    margin-top: -30px
}

#section-nits-pad .t-120hz-wrapper .p-bg {
    background: #000;
    height: 82%;
    position: absolute;
    top: 2.5%;
    width: 100%
}

#section-nits-pad .t-120hz-wrapper span {
    position: relative
}

#section-nits-pad .t-120hz-wrapper .slash {
    display: block;
    margin-right: 18px;
    -webkit-transform: scaleY(1.5);
    -moz-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    transform: scaleY(1.5)
}

#section-nits-pad .s1 .line, #section-nits-pad .s2 .line {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#section-nits-pad .s1 .line.show, #section-nits-pad .s2 .line.show {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

#section-nits-pad .s1 .img-wrapper, #section-nits-pad .s2 .img-wrapper {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#section-nits-pad .s1 .img-wrapper.show, #section-nits-pad .s2 .img-wrapper.show {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

#section-nits-pad .bg-above {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4), #000);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .4) 0, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .4), #000)
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#webpack-dev-server-client-overlay {
    display: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.cover-line {
    position: relative;
    z-index: 50
}

.cover-line:before {
    background-color: #000;
    bottom: 1px;
    content: "";
    height: 50vh;
    height: -webkit-calc(var(--vh, 1vh)*50);
    height: -moz-calc(var(--vh, 1vh)*50);
    height: calc(var(--vh, 1vh)*50);
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.section-title p {
    -webkit-perspective: -webkit-calc(var(--rpx, 1px)*800);
    -moz-perspective: -moz-calc(var(--rpx, 1px)*800);
    perspective: calc(var(--rpx, 1px)*800)
}

.abs-center {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.line-gradient-h {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(hsla(0, 0%, 100%, .3)), to(transparent));
    background: -webkit-linear-gradient(left, transparent, hsla(0, 0%, 100%, .3), transparent);
    background: -moz-linear-gradient(left, transparent, hsla(0, 0%, 100%, .3), transparent);
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .3), transparent);
    height: .6px
}

.line-gradient-v {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(hsla(0, 0%, 100%, .3)), to(transparent));
    background: -webkit-linear-gradient(top, transparent, hsla(0, 0%, 100%, .3), transparent);
    background: -moz-linear-gradient(top, transparent, hsla(0, 0%, 100%, .3), transparent);
    background: linear-gradient(180deg, transparent, hsla(0, 0%, 100%, .3), transparent);
    width: .6px
}

.combine-image .img-mask {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -moz-linear-gradient(top, transparent, #000);
    background: linear-gradient(180deg, transparent, #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, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    :root .font-96 {
        font-size: 96px;
        letter-spacing: 0;
        line-height: 120%
    }

    #section-design .seq-wrapper {
        margin-left: calc(var(--rpx, 1px)*2);
        margin-top: calc(var(--rpx, 1px)*-7)
    }

    #section-camera-mo .sticky-container ul li {
        color: #00000073
    }

    #section-camera-mo [photo-1-label], #section-camera-mo [photo-2-label], #section-camera-mo [photo-3-label], #section-camera-mo [photo-4-label], #section-camera-mo [photo-5-label] {
        padding-left: 2.4px
    }

    [data-comp-multi-feature-card] .collapse-card p:first-child {
        padding-bottom: calc(var(--rpx, 1px)*12)
    }

    #section-3d {
        display: none
    }

    #section-more .content-text .desc {
        width: -webkit-calc(46vw - var(--rpx, 1px)*30);
        width: -moz-calc(46vw - var(--rpx, 1px)*30);
        width: calc(46vw - var(--rpx, 1px)*30);
        width: -webkit-calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30);
        width: -moz-calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30);
        width: calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30)
    }

    #section-chip .section-title .title-wrapper p {
        font-size: 72px
    }

    #section-capture .bg-blur, #section-capture .fg, #section-capture .fg .image-group, #section-capture .fg .text-wrapper, #section-capture .left-hand, #section-capture .right-hand, #section-capture .screen-inner img {
        -webkit-transition: .8s;
        -moz-transition: .8s;
        transition: .8s
    }

    #section-capture.active .bg-blur, #section-capture.active .fg, #section-capture.active .fg .image-group, #section-capture.active .fg .text-wrapper, #section-capture.active .left-hand, #section-capture.active .right-hand, #section-capture.active .screen-inner img {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s
    }

    #section-capture.active .fg .image-group, #section-capture.active .fg .text-wrapper, #section-capture.active .left-hand, #section-capture.active .right-hand, #section-capture.active .screen-inner img {
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        transition-delay: .3s
    }

    .container-2560 {
        margin: 0 auto;
        width: -webkit-calc(var(--rpx, 1px)*1312);
        width: -moz-calc(var(--rpx, 1px)*1312);
        width: calc(var(--rpx, 1px)*1312)
    }
}

@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, .pad-show, .pc-only, .pc-show {
        display: none
    }

    #section-camera-mo .title-text {
        font-size: 40px
    }

    #section-camera-mo .desc-text {
        font-size: 16px
    }

    #section-camera-mo .len-name {
        font-size: 18px
    }

    #section-camera-mo .len-spec {
        font-size: 12px
    }

    #section-camera-mo .photo-title {
        font-size: 24px
    }

    #section-camera-mo .photo-desc {
        font-size: 14px
    }

    #section-camera-mo .photo-label {
        font-size: 12px
    }

    #section-camera-mo .fps-desc {
        font-size: 16px
    }

    [data-comp-multi-feature-card] .collapse-card img.button {
        height: 24px;
        width: 24px
    }

    #section-3d .product-controls .product-controls-item.active.item-green .color-text, #section-3d .product-controls .product-controls-item.active.item-pink .color-text {
        width: 73px
    }

    #section-3d .product-controls .product-controls-item.active.item-black .color-text {
        width: 79px
    }

    #section-3d .product-controls .product-controls-item .color-circle {
        height: 24px;
        margin-right: 20;
        width: 24px
    }

    #section-battery .battery-img {
        -webkit-transform-origin: 10% 30%;
        -moz-transform-origin: 10% 30%;
        -ms-transform-origin: 10% 30%;
        transform-origin: 10% 30%
    }

    .modal-content .video-wrapper {
        -webkit-clip-path: inset(1px 0);
        clip-path: inset(1px 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, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    #section-ksp .card-img-5 img {
        -o-object-position: 10% 50%;
        object-position: 10% 50%
    }

    #section-camera-mo [offset-img] {
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }

    [data-comp-multi-feature-card] .collapse-card img.button {
        height: 24px;
        width: 24px
    }

    #section-battery .battery-img {
        -webkit-transform-origin: 30% 0;
        -moz-transform-origin: 30% 0;
        -ms-transform-origin: 30% 0;
        transform-origin: 30% 0
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (max-width:1023px) {
    :root .font-40m {
        font-size: 40px;
        letter-spacing: -.5%;
        line-height: 100%
    }

    :root .font-39m {
        font-size: 39px
    }

    :root .font-36m, :root .font-39m {
        letter-spacing: 0;
        line-height: 120%
    }

    :root .font-36m {
        font-size: 36px
    }

    :root .font-32m {
        font-size: 32px
    }

    :root .font-26m, :root .font-32m {
        letter-spacing: 0;
        line-height: 120%
    }

    :root .font-26m {
        font-size: 26px
    }

    :root .font-24m {
        font-size: 24px
    }

    :root .font-20m, :root .font-24m {
        letter-spacing: 0;
        line-height: 120%
    }

    :root .font-20m {
        font-size: 20px
    }

    :root .font-18m {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 130%
    }

    :root .font-16m {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 140%
    }

    :root .font-14m {
        font-size: 14px;
        line-height: 100%
    }

    :root .font-12m {
        font-size: 12px;
        letter-spacing: -1.5%;
        line-height: 130%
    }

    [ani-section-title] {
        width: 100%
    }
}

@media (min-width:1024px) and (max-width:1300px) {
    :root .font-96 {
        font-size: -webkit-calc(var(--rpx, 1px)*96);
        font-size: -moz-calc(var(--rpx, 1px)*96);
        font-size: calc(var(--rpx, 1px)*96)
    }
}

@media (min-width:1920px) {
    [ani-section-title], .section-title .title-wrapper, #section-ksp .title-text-wrapper p {
        width: 1792px
    }

    #section-design .center-text-container {
        left: 15vw;
        left: -webkit-calc(var(--vw, 1vw)*15);
        left: -moz-calc(var(--vw, 1vw)*15);
        left: calc(var(--vw, 1vw)*15);
        width: 70vw;
        width: -webkit-calc(var(--vw, 1vw)*70);
        width: -moz-calc(var(--vw, 1vw)*70);
        width: calc(var(--vw, 1vw)*70)
    }

    #section-more .section-title .text-wrapper {
        width: 1792px
    }

    #section-smart .title-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    #section-capture .section-title .text-wrapper {
        width: 1792px
    }
}

@media (min-width:1600px) {
    #section-ksp .kv-text {
        left: 180px
    }

    #section-ksp .logo {
        left: 64px
    }

    #section-chip .scene-2-wrapper .left-text, #section-chip .scene-3-wrapper .left-text {
        left: -webkit-calc(50% - 43vw);
        left: -moz-calc(50% - 43vw);
        left: calc(50% - 43vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*43);
        left: -moz-calc(50% - var(--vw, 1vw)*43);
        left: calc(50% - var(--vw, 1vw)*43)
    }

    #section-chip .scene-2-wrapper .right-text, #section-chip .scene-3-wrapper .right-text {
        left: -webkit-calc(55.6% + 26vw);
        left: -moz-calc(55.6% + 26vw);
        left: calc(55.6% + 26vw);
        left: -webkit-calc(55.6% + var(--vw, 1vw)*26);
        left: -moz-calc(55.6% + var(--vw, 1vw)*26);
        left: calc(55.6% + var(--vw, 1vw)*26)
    }

    #section-chip .scene-2-wrapper #dy-line, #section-chip .scene-3-wrapper #dy-line {
        width: 26vw;
        width: -webkit-calc(var(--vw, 1vw)*26);
        width: -moz-calc(var(--vw, 1vw)*26);
        width: calc(var(--vw, 1vw)*26)
    }

    #section-chip .scene-4-wrapper .dy-line-1 {
        width: 177px
    }
}

@media (min-width:1900px) {
    #section-ksp .kv-text {
        left: 216px
    }
}

@media (min-width:2200px) {
    #section-ksp .kv-text {
        left: -webkit-calc(50% - 896px);
        left: -moz-calc(50% - 896px);
        left: calc(50% - 896px)
    }

    #section-ksp .right-img {
        top: 20px
    }

    #section-ksp .logo {
        left: -webkit-calc(50% - 896px);
        left: -moz-calc(50% - 896px);
        left: calc(50% - 896px)
    }

    #section-design .main-title, #section-chip .main-title {
        padding-bottom: 200px;
        padding-top: 200px
    }

    #section-chip .circle {
        -webkit-transform: scaleY(.316) scale(1.4);
        -moz-transform: scaleY(.316) scale(1.4);
        -ms-transform: scaleY(.316) scale(1.4);
        transform: scaleY(.316) scale(1.4);
        -webkit-transform-origin: 50% 47.5%;
        -moz-transform-origin: 50% 47.5%;
        -ms-transform-origin: 50% 47.5%;
        transform-origin: 50% 47.5%
    }

    #section-chip .circle-outer {
        -webkit-transform: scale(-1, -.316) scale(1.4);
        -moz-transform: scale(-1, -.316) scale(1.4);
        -ms-transform: scale(-1, -.316) scale(1.4);
        transform: scale(-1, -.316) scale(1.4);
        -webkit-transform-origin: 50% 52%;
        -moz-transform-origin: 50% 52%;
        -ms-transform-origin: 50% 52%;
        transform-origin: 50% 52%
    }

    #section-chip .scene-4-wrapper .combine-image {
        width: 1600px
    }

    #section-chip .scene-5-wrapper .center-img, #section-chip .scene-6-wrapper .center-img {
        height: 20vw;
        height: -webkit-calc(var(--vw, 1vw)*20);
        height: -moz-calc(var(--vw, 1vw)*20);
        height: calc(var(--vw, 1vw)*20);
        max-height: unset;
        width: 50vw;
        width: -webkit-calc(var(--vw, 1vw)*50);
        width: -moz-calc(var(--vw, 1vw)*50);
        width: calc(var(--vw, 1vw)*50)
    }

    #section-chip .scene-5-wrapper .phone, #section-chip .scene-6-wrapper .phone {
        height: 100%;
        max-height: unset
    }

    #section-capture .phone-wrapperK {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transform-origin: 50% 10%;
        -moz-transform-origin: 50% 10%;
        -ms-transform-origin: 50% 10%;
        transform-origin: 50% 10%
    }

    .container-2560 {
        width: 1792px
    }

    #section-files .main-title {
        padding-bottom: 200px;
        padding-top: 200px
    }
}

@media (max-width:1440px) and (min-width:1024px) {
    #section-ksp .title-spc {
        color: #fff;
        mix-blend-mode: difference
    }
}

@media (min-width:1024px) and (min-aspect-ratio:2/1) {
    #section-ksp .s0 .left-text {
        -webkit-transform: translateX(0) scale(.8);
        -moz-transform: translateX(0) scale(.8);
        -ms-transform: translateX(0) scale(.8);
        transform: translate(0) scale(.8)
    }

    #section-ksp[data-status="0"] .s0 .left-text, #section-ksp[data-status="1"] .s0 .left-text, #section-ksp[data-status="2"] .s0 .left-text, #section-ksp[data-status="3"] .s0 .left-text, #section-ksp[data-status="4"] .s0 .left-text {
        -webkit-transform: translateX(-50vw) scale(.8);
        -moz-transform: translateX(-50vw) scale(.8);
        -ms-transform: translateX(-50vw) scale(.8);
        transform: translate(-50vw) scale(.8);
        -webkit-transform: translateX(-webkit-calc(var(--vw, 1vw)*-50)) scale(.8);
        -moz-transform: translateX(-moz-calc(var(--vw, 1vw)*-50)) scale(.8);
        -ms-transform: translateX(calc(var(--vw, 1vw)*-50)) scale(.8);
        transform: translate(calc(var(--vw, 1vw)*-50)) scale(.8)
    }
}

@media (max-width:768px) and (min-width:550px) {
    #section-ksp .card-img-5 img {
        -o-object-position: 5% 50%;
        object-position: 5% 50%
    }
}

@media (min-width:1024px) and (max-width:1440px) {
    #section-design .scene-gray .color-text-wrapper, #section-design .scene-green .color-text-wrapper, #section-design .scene-pink .color-text-wrapper {
        top: -webkit-calc(92% + var(--rpx, 1px)*66 + 22.4px);
        top: -moz-calc(92% + var(--rpx, 1px)*66 + 22.4px);
        top: calc(92% + var(--rpx, 1px)*66 + 22.4px)
    }
}

@media (max-width:1500px) and (min-width:1024px), (min-width:1024px) and (min-aspect-ratio:2/1) {
    #section-camera .s1 .combine-image:after, #section-camera .s2 .combine-image:after, #section-camera .s3 .combine-image:after, #section-camera .s4 .combine-image:after {
        border: calc(1px/var(--s-ratio, 1)*var(--border-w-ratio, 1)) solid hsla(0, 0%, 100%, .2)
    }

    #section-camera .s2, #section-camera .s3, #section-camera .s4 {
        -webkit-transform: scale(var(--s-ratio, 1));
        -moz-transform: scale(var(--s-ratio, 1));
        -ms-transform: scale(var(--s-ratio, 1));
        transform: scale(var(--s-ratio, 1))
    }

    #section-camera[data-dir=forward][data-status="2"] .s1 .card-0, #section-camera[data-dir=forward][data-status="3"] .s1 .card-0, #section-camera[data-dir=forward][data-status="4"] .s1 .card-0 {
        -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1)) translateY(-webkit-calc(var(--rpx, 1px)*-149)) scale(.76);
        -moz-transform: translateX(-moz-calc(var(--out-offset)*-1)) translateY(-moz-calc(var(--rpx, 1px)*-149)) scale(.76);
        -ms-transform: translateX(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-149)) scale(.76);
        transform: translate(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-149)) scale(.76)
    }

    #section-camera[data-dir=forward][data-status="2"] .s1 .desc .inner, #section-camera[data-dir=forward][data-status="3"] .s1 .desc .inner, #section-camera[data-dir=forward][data-status="4"] .s1 .desc .inner {
        -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1)) translateY(-webkit-calc(var(--rpx, 1px)*-149));
        -moz-transform: translateX(-moz-calc(var(--out-offset)*-1)) translateY(-moz-calc(var(--rpx, 1px)*-149));
        -ms-transform: translateX(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-149));
        transform: translate(calc(var(--out-offset)*-1)) translateY(calc(var(--rpx, 1px)*-149))
    }

    #section-camera[data-dir=back] .s2 .card-0, #section-camera[data-dir=back] .s2 .card-0+.text {
        -webkit-transform: translateX(-webkit-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(-webkit-calc(var(--rpx, 1px)*168)) scale(1.215);
        -moz-transform: translateX(-moz-calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(-moz-calc(var(--rpx, 1px)*168)) scale(1.215);
        -ms-transform: translateX(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(calc(var(--rpx, 1px)*168)) scale(1.215);
        transform: translate(calc(var(--out-offset)*-1 + var(--rpx, 1px)*102)) translateY(calc(var(--rpx, 1px)*168)) scale(1.215)
    }

    #section-camera[data-status="2"] .h-line-1 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-372.5*var(--s-ratio)));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-372.5*var(--s-ratio)));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-372.5*var(--s-ratio)));
        transform: translateY(calc(var(--rpx, 1px)*-372.5*var(--s-ratio)))
    }

    #section-camera[data-status="2"] .h-line-3 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*403*var(--s-ratio)));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*403*var(--s-ratio)));
        -ms-transform: translateY(calc(var(--rpx, 1px)*403*var(--s-ratio)));
        transform: translateY(calc(var(--rpx, 1px)*403*var(--s-ratio)))
    }

    #section-camera[data-status="3"] .h-line-2 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-320*var(--s-ratio)));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-320*var(--s-ratio)));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-320*var(--s-ratio)));
        transform: translateY(calc(var(--rpx, 1px)*-320*var(--s-ratio)))
    }

    #section-camera[data-status="3"] .h-line-4 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-399.2*var(--s-ratio)));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-399.2*var(--s-ratio)));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-399.2*var(--s-ratio)));
        transform: translateY(calc(var(--rpx, 1px)*-399.2*var(--s-ratio)))
    }

    #section-camera[data-status="4"] .h-line-3 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-285.5*var(--s-ratio)));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-285.5*var(--s-ratio)));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-285.5*var(--s-ratio)));
        transform: translateY(calc(var(--rpx, 1px)*-285.5*var(--s-ratio)))
    }

    #section-camera[data-status="4"] .h-line-4 {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*281*var(--s-ratio)));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*281*var(--s-ratio)));
        -ms-transform: translateY(calc(var(--rpx, 1px)*281*var(--s-ratio)));
        transform: translateY(calc(var(--rpx, 1px)*281*var(--s-ratio)))
    }
}

@media (max-width:1440px) and (min-aspect-ratio:1.8) {
    #section-camera-mo [x-content-wrapper] {
        height: -webkit-calc(var(--rpx, 1px)*527);
        height: -moz-calc(var(--rpx, 1px)*527);
        height: calc(var(--rpx, 1px)*527)
    }

    #section-camera-mo .grid-img-wrapper {
        clip-path: inset(0 100% 0 0);
        -webkit-clip-path: inset(0 100% 0 0)
    }

    #section-camera-mo:first-child .grid-img-wrapper {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0)
    }
}

@media (min-width:700px) and (max-width:800px) and (max-aspect-ratio:.85) {
    #section-camera-mo [ani-len-position] {
        left: -webkit-calc(var(--rpx, 1px)*300);
        left: -moz-calc(var(--rpx, 1px)*300);
        left: calc(var(--rpx, 1px)*300);
        top: -webkit-calc(var(--rpx, 1px)*-125);
        top: -moz-calc(var(--rpx, 1px)*-125);
        top: calc(var(--rpx, 1px)*-125)
    }
}

@media (min-width:1950px) {
    #section-camera-mo [grid-1-title] {
        padding-bottom: calc(var(--rpx, 1px)*80)
    }
}

@media (min-width:1800px) and (max-width:1949px) {
    #section-camera-mo .camera-sticky-container {
        margin-top: -130px
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    #section-more .content-text .title {
        font-size: 16px
    }

    #section-more .pc\:text-16px {
        font-size: 15px
    }

    #section-chip .pct\:text-42px {
        font-size: 26px
    }

    #section-chip .pct\:text-18px {
        font-size: 13px
    }

    #section-chip .pct\:text-48px, #section-chip .text-48px {
        font-size: 29px
    }

    #section-chip .pct\:text-12px {
        font-size: 7.4px
    }

    #section-chip .line.pc\:w-142px {
        width: 82px
    }

    #section-chip .line.pc\:w-223px {
        width: 134px
    }

    #section-lock .desc-text {
        width: 282px
    }

    #section-lock .card-container {
        height: 420px
    }

    #section-lock .pct\:text-42px {
        font-size: 38px
    }

    #section-lock .pct\:text-18px {
        font-size: 16px
    }
}

@media (min-width:1024px) and (max-width:1439px) and (min-aspect-ratio:9/5) {
    #section-chip .circle, #section-chip .circle-outer {
        -webkit-transform: scaleY(.316) scale(.6);
        -moz-transform: scaleY(.316) scale(.6);
        -ms-transform: scaleY(.316) scale(.6);
        transform: scaleY(.316) scale(.6);
        -webkit-transform-origin: 50% 47.5%;
        -moz-transform-origin: 50% 47.5%;
        -ms-transform-origin: 50% 47.5%;
        transform-origin: 50% 47.5%
    }

    #section-chip .open-modal-2 {
        background: hsla(0, 0%, 100%, .15)
    }
}

@media (max-width:1460px) and (max-aspect-ratio:9/5) {
    #section-chip .scene-4-wrapper .dy-line-1 {
        width: 50px
    }
}

@media (max-width:1400px) {
    #section-chip .scene-4-wrapper .dy-line-1 {
        width: 20px
    }
}

@media (max-width:1280px) and (min-width:1024px) {
    #section-chip .scene-5-wrapper .title, #section-chip .scene-6-wrapper .title {
        font-size: 32px
    }

    #section-chip .scene-5-wrapper .desc, #section-chip .scene-6-wrapper .desc {
        font-size: 14px
    }
}

@media (width:1024px) {
    #section-capture .section-title .text-wrapper p {
        height: -webkit-calc(var(--rpx, 1px)*230);
        height: -moz-calc(var(--rpx, 1px)*230);
        height: calc(var(--rpx, 1px)*230)
    }
}

@media (max-height:1500px) {
    #section-lock .sticky-container {
        height: -webkit-calc(100vh + var(--content-height) + 1200px);
        height: -moz-calc(100vh + var(--content-height) + 1200px);
        height: calc(100vh + var(--content-height) + 1200px);
        height: -webkit-calc(var(--vh, 1vh)*100 + var(--content-height) + 1200px);
        height: -moz-calc(var(--vh, 1vh)*100 + var(--content-height) + 1200px);
        height: calc(var(--vh, 1vh)*100 + var(--content-height) + 1200px)
    }
}

#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, .mo-show, .pad-only, .pad-show, .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;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pc.show, .fade-in-pc[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 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;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 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, .pad-show, .pc-only, .pc-show {
        display: none
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-mo.show, .fade-in-mo[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 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, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    .fade-in-pad {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pad, .fade-in-pad[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in-pad[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pad.show, .fade-in-pad[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in, .fade-in[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }
}

.zn--wrapper, .zn--wrapper .font-t {
}

.zn--wrapper .font-b, .zn--wrapper .font-m, .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
}

.zn--wrapper .font-r {
}

html {
    overflow: unset !important
}

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

[ani-autoplay-video], [ani-video-wrapper] {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video]>canvas, [ani-autoplay-video]>img:not(.replay), [ani-autoplay-video]>video, [ani-video-wrapper]>canvas, [ani-video-wrapper]>img:not(.replay), [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-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 10
}

[ani-autoplay-video] .replay.actived, [ani-video-wrapper] .replay.actived {
    opacity: 1;
    pointer-events: auto
}