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

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

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

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

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

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

.g--popup .g--popup-container:after {
    content: "";
    height: 30%;
    position: absolute;
    top: 99%;
    width: 100%
}

.g--popup .g--video-wrapper {
    margin-top: -12px;
    position: relative
}

.video-portrait.g--popup .g--video-wrapper {
    height: 100%;
    margin-top: 0;
    padding: 32px 0;
    width: 100%
}

.g--popup .g--video-wrapper video {
    height: 100%;
    max-height: 75vh;
    max-height: -webkit-calc(var(--vh, 1vh)*75);
    max-height: -moz-calc(var(--vh, 1vh)*75);
    max-height: calc(var(--vh, 1vh)*75);
    outline: none;
    width: 100%
}

.video-portrait.g--popup .g--video-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.g--popup .g--video-wrapper video[src=""] {
    display: none
}

.g--popup .g--popup-close.v1 {
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 0;
    top: -36px;
    width: 24px;
    z-index: 2
}

.g--popup .g--popup-close.v1 .inner {
    height: 100%;
    width: 100%
}

.g--popup .g--popup-close.v2 {
    cursor: pointer;
    height: 32px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    z-index: 2
}

.video-portrait.g--popup .g--popup-close.v2 {
    top: 8px
}

.g--popup-container.v2.v2 {
    background: #201f1c
}

.g--popup-container.v2:after {
    background: #201f1c
}

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

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

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

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

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

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

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

.light-theme :not(.dark-theme) .g--popup-container.v2 {
    background: #fafafa
}

.light-theme :not(.dark-theme) .g--popup-container.v2:after {
    background: #fafafa
}

.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
    fill: #efede9
}

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

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

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

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 60.65vw;
        width: -webkit-calc(var(--vw, 1vw)*60.65);
        width: -moz-calc(var(--vw, 1vw)*60.65);
        width: calc(var(--vw, 1vw)*60.65)
    }
}

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

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

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

    .g--popup .g--video-wrapper.v1 {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .g--popup .g--video-wrapper.v2 {
        max-width: 86.67vw;
        max-width: -webkit-calc(var(--vw, 1vw)*86.67);
        max-width: -moz-calc(var(--vw, 1vw)*86.67);
        max-width: calc(var(--vw, 1vw)*86.67)
    }

    .g--popup .g--popup-close.v1 {
        height: 28px;
        right: 16px;
        top: -48px;
        width: 28px
    }

    .g--popup .g--popup-close.v2 {
        right: -webkit-calc(50% - 16px);
        right: -moz-calc(50% - 16px);
        right: calc(50% - 16px);
        top: -webkit-calc(var(--window-height) - 59px);
        top: -moz-calc(var(--window-height) - 59px);
        top: calc(var(--window-height) - 59px)
    }
}

@media (min-width:650px) and (max-width:1024px) {
    :root {
        --rpx: -webkit-calc(.16584vw - .0796px);
        --rpx: -moz-calc(.16584vw - .0796px);
        --rpx: calc(.16584vw - .0796px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/603 - .0796px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/603 - .0796px);
        --rpx: calc(var(--vw, 1vw)*100/603 - .0796px)
    }

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

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 70vw;
        width: -webkit-calc(var(--vw, 1vw)*70);
        width: -moz-calc(var(--vw, 1vw)*70);
        width: calc(var(--vw, 1vw)*70)
    }
}

.container {
    width: 100%
}

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

.bg-gradient-to-b {
    background-image: -o-linear-gradient(top, var(--tw-gradient-stops));
    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))
}

.from-\[transparent\] {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.to-black {
    --tw-gradient-to: rgba(0, 0, 0, var(--tw-to-opacity, 1))
}

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

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

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

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

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

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

.h-full {
    height: 100%
}

.h-3\/10 {
    height: 30%
}

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

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

.h-24px {
    height: 24px
}

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto
}

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

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

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

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

.\!object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

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

.opacity-95 {
    opacity: .95
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

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

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

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

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

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

.-top-100px {
    top: -100px
}

.text-center {
    text-align: center
}

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

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

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

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

.w-full {
    width: 100%
}

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

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

.w-24px {
    width: 24px
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

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

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    --tw-scale-z: 1.1
}

.scale-101 {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    --tw-scale-z: 1.01
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:h-71\.6px {
        height: 71.6px
    }

    .pad\:h-52\.6px {
        height: 52.6px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\: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\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

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

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

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

    .pad\:left-\[calc\(50\%-68\.4px\)\] {
        left: -webkit-calc(50% - 68.4px);
        left: -moz-calc(50% - 68.4px);
        left: calc(50% - 68.4px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:w-136\.7px {
        width: 136.7px
    }

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

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

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

@media (min-width:1025px) {
    .pc\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

    .pc\:inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\: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)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:leading-38px {
        line-height: 38px
    }

    .pc\:leading-28px {
        line-height: 28px
    }

    .pc\:leading-18px {
        line-height: 18px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

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

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

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

    .pc\:top-\[calc\(52\%-19\.27vw\)\] {
        top: -webkit-calc(52% - 19.27vw);
        top: -moz-calc(52% - 19.27vw);
        top: calc(52% - 19.27vw);
        top: -webkit-calc(52% - var(--vw, 1vw)*19.27);
        top: -moz-calc(52% - var(--vw, 1vw)*19.27);
        top: calc(52% - var(--vw, 1vw)*19.27)
    }

    .pc\: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)
    }

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

    .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-96px {
        top: 96px
    }

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

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

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

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

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

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

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

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

    .pc\:tracking-0\.5px {
        letter-spacing: .5px
    }

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

    .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-49\.86vw {
        width: 49.86vw;
        width: -webkit-calc(var(--vw, 1vw)*49.86);
        width: -moz-calc(var(--vw, 1vw)*49.86);
        width: calc(var(--vw, 1vw)*49.86)
    }

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

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

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

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

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

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

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

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

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

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

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

    .pc\:w-160\.5px {
        width: 160.5px
    }

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

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

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

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

    .pc\:w-\[93\%\] {
        width: 93%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

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

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

    .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-\[calc\(50\%-110rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*110);
        top: -moz-calc(50% - var(--rpx, 1px)*110);
        top: calc(50% - var(--rpx, 1px)*110)
    }

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

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

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

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

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

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

    .mo\:top-\[calc\(46\%-40\.7rpx\)\] {
        top: -webkit-calc(46% - var(--rpx, 1px)*40.7);
        top: -moz-calc(46% - var(--rpx, 1px)*40.7);
        top: calc(46% - var(--rpx, 1px)*40.7)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1025px) {
    .pct\:text-3\.333vw {
        font-size: 3.333vw;
        font-size: -webkit-calc(var(--vw, 1vw)*3.333);
        font-size: -moz-calc(var(--vw, 1vw)*3.333);
        font-size: calc(var(--vw, 1vw)*3.333);
        line-height: 1
    }

    .pct\:text-2\.5vw {
        font-size: 2.5vw;
        font-size: -webkit-calc(var(--vw, 1vw)*2.5);
        font-size: -moz-calc(var(--vw, 1vw)*2.5);
        font-size: calc(var(--vw, 1vw)*2.5);
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper {
    font-size: 16px
}

.zn--wrapper img:not(.loaded):not([src^="https://via.placeholder.com/"]), .zn--wrapper img:not([src]):not([src^="https://via.placeholder.com/"]), .zn--wrapper img[src=""]:not([src^="https://via.placeholder.com/"]) {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status], .zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
}

.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--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

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

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

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

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

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

#section-tablist .left-img>div:first-child>div {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options {
    scrollbar-width: none
}

#section-tablist .options::-webkit-scrollbar {
    display: none
}

#section-tablist .options a {
    border-bottom: 1px solid #000;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options a:first-child {
    border-top: 1px solid #000
}

#section-tablist .options a:last-child {
    border-bottom: 0
}

#section-tablist .options a .title .img-wrapper img:first-child {
    display: block
}

#section-tablist .options a .title .img-wrapper img:last-child {
    display: none
}

#section-tablist .options a.active .content {
    opacity: 1
}

#section-tablist .options a.active .title .img-wrapper img:first-child {
    display: none
}

#section-tablist .options a.active .title .img-wrapper img:last-child {
    display: block
}

#section-tablist .options .title div:first-child {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options .title img {
    opacity: 1
}

#section-tablist .options .content, #section-tablist .options .title img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options .content {
    opacity: 0
}

#section-tablist .activeImg {
    opacity: 1 !important
}

[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] .collapse-card {
    cursor: pointer;
    height: var(--min-h);
    overflow: hidden;
    position: relative;
    -webkit-transition: height .4s;
    -o-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s
}

[data-comp-multi-feature-card] .collapse-card .text-wrapper {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[data-comp-multi-feature-card] .collapse-card div:first-child {
    height: 100%
}

[data-comp-multi-feature-card] .collapse-card div:first-child p:first-child {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

[data-comp-multi-feature-card] .collapse-card div:first-child p:nth-of-type(2) {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: opacity .4s, -o-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, -o-transform .4s
}

[data-comp-multi-feature-card] .collapse-card div:first-child p:nth-of-type(3) {
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

[data-comp-multi-feature-card] .collapse-card .links {
    -webkit-transition: opacity .4s;
    -o-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;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

[data-comp-multi-feature-card] .collapse-card img.button .v {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

[data-comp-multi-feature-card] .collapse-card:not(.active) div:first-child p:first-child {
    -webkit-transform: scale(var(--scale-0, 1));
    -moz-transform: scale(var(--scale-0, 1));
    -ms-transform: scale(var(--scale-0, 1));
    -o-transform: scale(var(--scale-0, 1));
    transform: scale(var(--scale-0, 1))
}

[data-comp-multi-feature-card] .collapse-card:not(.active) div:first-child p:nth-of-type(2) {
    -webkit-transform: scale(var(--scale-1, 1)) translateY(-webkit-calc(var(--font-size-0)*(var(--scale-0, 1) - 1) + var(--font-size-1)*(var(--scale-1, 1) - 1)));
    -moz-transform: scale(var(--scale-1, 1)) translateY(-moz-calc(var(--font-size-0)*(var(--scale-0, 1) - 1) + var(--font-size-1)*(var(--scale-1, 1) - 1)));
    -ms-transform: scale(var(--scale-1, 1)) translateY(calc(var(--font-size-0)*(var(--scale-0, 1) - 1) + var(--font-size-1)*(var(--scale-1, 1) - 1)));
    -o-transform: scale(var(--scale-1, 1)) translateY(calc(var(--font-size-0)*(var(--scale-0, 1) - 1) + var(--font-size-1)*(var(--scale-1, 1) - 1)));
    transform: scale(var(--scale-1, 1)) translateY(calc(var(--font-size-0)*(var(--scale-0, 1) - 1) + var(--font-size-1)*(var(--scale-1, 1) - 1)))
}

[data-comp-multi-feature-card] .collapse-card:not(.active) div:first-child p:nth-of-type(3) {
    opacity: 0
}

[data-comp-multi-feature-card] .collapse-card:not(.active) .links {
    opacity: 0
}

[data-comp-multi-feature-card] .collapse-card.active {
    height: var(--max-h)
}

[data-comp-multi-feature-card] .collapse-card.active img.button {
    -webkit-transform: translateY(-webkit-calc(var(--max-h)/2 - 50%));
    -moz-transform: translateY(-moz-calc(var(--max-h)/2 - 50%));
    -ms-transform: translateY(calc(var(--max-h)/2 - 50%));
    -o-transform: translateY(calc(var(--max-h)/2 - 50%));
    transform: translateY(calc(var(--max-h)/2 - 50%))
}

[data-comp-multi-feature-card] .collapse-card.active img.button .v {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0)
}

[data-comp-multi-feature-card] .collapse-card.active>img.button {
    -webkit-clip-path: inset(47.5% 0);
    clip-path: inset(47.5% 0)
}

[data-comp-multi-feature-card] .image-container>.image-group>.image-group:not(:first-child) {
    display: none
}

[data-comp-multi-feature-card] .image-container .switch-button>:not(.slide) {
    background: transparent;
    position: relative;
    z-index: 1
}

[data-comp-multi-feature-card] .image-container .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;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

[data-comp-multi-feature-card] .image-container .switch-button .slide>* {
    color: transparent
}

[data-comp-multi-feature-card] .image-container .switch-button[status="1"] .slide {
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -ms-transform: translate(100%);
    -o-transform: translate(100%);
    transform: translate(100%)
}

[data-comp-multi-feature-card] .image-container .switch-button[status="1"] :first-child>* {
    color: #fff
}

[data-comp-multi-feature-card] .image-container .switch-button[status="1"] :nth-child(2)>* {
    color: #000
}

[ani-title-mask] {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    max-width: 100%;
    width: auto
}

[ani-title-mask].show {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transition: clip-path 1s cubic-bezier(.77, 0, .175, 1), -webkit-clip-path 1s cubic-bezier(.77, 0, .175, 1)
}

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

#webpack-dev-server-client-overlay {
    display: none
}

.replay img {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.replay p {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
}

.replay p:after {
    background: #fff;
    content: "";
    height: 1px;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 125%;
    width: 100%
}

.replay.black p:after {
    background: #000
}

.ways-video-wrapper {
    -webkit-clip-path: inset(.5%);
    clip-path: inset(.5%)
}

#header.new-nav .nav .page .family-show {
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100)
}

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

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

    #section-tablist .options a.active .title div:first-child {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }

    #section-ksp a {
        overflow: hidden
    }

    #section-ksp a>img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    #section-ksp a:hover>img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

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

    #section-tablist .options a.active {
        padding-top: calc(var(--rpx, 1px)*20)
    }

    [data-comp-multi-feature-card] .collapse-card:not(.active) div:first-child p:nth-of-type(2) {
        opacity: 0
    }

    #section-ksp .mo-only a {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        height: -webkit-calc(var(--rpx, 1px)*220);
        height: -moz-calc(var(--rpx, 1px)*220);
        height: calc(var(--rpx, 1px)*220);
        -webkit-justify-content: start;
        justify-content: start;
        overflow: hidden
    }
}

@media (min-width:650px) and (max-width:1024px) {
    :root {
        --rpx: -webkit-calc(.16584vw - .0796px);
        --rpx: -moz-calc(.16584vw - .0796px);
        --rpx: calc(.16584vw - .0796px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/603 - .0796px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/603 - .0796px);
        --rpx: calc(var(--vw, 1vw)*100/603 - .0796px)
    }

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

    [data-comp-multi-feature-card] .collapse-card:not(.active) div:first-child p:nth-of-type(2) {
        opacity: 0
    }
}

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

@media (max-width:1024px) and (min-width:651px) and (orientation:landscape) {
    #section-kv .container {
        height: auto
    }

    #section-kv .image-container {
        margin-top: -13vw;
        margin-top: calc(var(--vw, 1vw)*-13);
        position: relative;
        z-index: 0
    }

    #section-kv .text-container {
        height: auto;
        position: relative;
        z-index: 1
    }
}

@media (min-width:1025px) and (orientation:landscape) and (min-aspect-ratio:2) {
    #section-kv .image-container {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: 70% center;
        -moz-transform-origin: 70% center;
        -ms-transform-origin: 70% center;
        -o-transform-origin: 70% center;
        transform-origin: 70% center
    }
}

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

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

    .fade-in-pc {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        -o-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        -o-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

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

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        -o-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        -o-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

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

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

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

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        -o-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

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

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

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

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        -o-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

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

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

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

@media (min-width:650px) and (max-width:1024px) {
    :root {
        --rpx: -webkit-calc(.16584vw - .0796px);
        --rpx: -moz-calc(.16584vw - .0796px);
        --rpx: calc(.16584vw - .0796px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/603 - .0796px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/603 - .0796px);
        --rpx: calc(var(--vw, 1vw)*100/603 - .0796px)
    }

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

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

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    -webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .2s infinite alternate;
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    -webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .4s infinite alternate;
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
    to {
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes preloader {
    to {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2)
    }
}

.zn--wrapper, .zn--wrapper .font-t {
}

.zn--wrapper .font-b, .zn--wrapper .font-m {
}

.zn--wrapper .font-r {
}

.zn--wrapper .font-l {
}

.zn--wrapper .font-d {
}

/* html {
    overflow-x: unset !important
}

body {
    line-height: normal;
    overflow-x: unset
} */

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

[ani-autoplay-video], [ani-video-wrapper] {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px);
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video] canvas, [ani-autoplay-video] img, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] img, [ani-video-wrapper] video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[ani-autoplay-video] img, [ani-video-wrapper] img {
    -webkit-clip-path: inset(2px);
    clip-path: inset(2px)
}

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