body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

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

[ani-autoplay-video], [ani-video-wrapper] {
    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%
}

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

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

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

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

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

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

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

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

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

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

.bg-opacity-60 {
    --tw-bg-opacity: .6
}

.rounded-18px {
    border-radius: 18px
}

.rounded-14px {
    border-radius: 14px
}

.rounded-15px {
    border-radius: 15px
}

.rounded-12px {
    border-radius: 12px
}

.rounded-50px {
    border-radius: 50px
}

.rounded {
    border-radius: .25rem
}

.cursor-pointer {
    cursor: pointer
}

.block {
    display: 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
}

.contents {
    display: contents
}

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

.flex-col, .flex-col-reverse {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical
}

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

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

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

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

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

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

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

.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-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-none {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

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

.font-96 {
    font-weight: 96
}

.font-48 {
    font-weight: 48
}

.font-18 {
    font-weight: 18
}

.font-32 {
    font-weight: 32
}

.font-16 {
    font-weight: 16
}

.font-14 {
    font-weight: 14
}

.font-24 {
    font-weight: 24
}

.font-40 {
    font-weight: 40
}

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

.h-0 {
    height: 0
}

.h-1px {
    height: 1px
}

.h-17px {
    height: 17px
}

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

.h-36px {
    height: 36px
}

.h-28px {
    height: 28px
}

.h-20px {
    height: 20px
}

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

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

.h-30px {
    height: 30px
}

.h-24px {
    height: 24px
}

.h-16px {
    height: 16px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.opacity-0 {
    opacity: 0
}

.opacity-70 {
    opacity: .7
}

.overflow-hidden {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

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

.top-\[3\.8\%\] {
    top: 3.8%
}

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

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

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

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

.-bottom-1 {
    bottom: -.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

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

.text-\[\#3BDBBC\] {
    --tw-text-opacity: 1;
    color: rgba(59, 219, 188, var(--tw-text-opacity))
}

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

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

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

.underline {
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

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

.visible {
    visibility: visible
}

.whitespace-nowrap {
    white-space: nowrap
}

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

.w-full {
    width: 100%
}

.w-17px {
    width: 17px
}

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

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

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

.w-36px {
    width: 36px
}

.w-28px {
    width: 28px
}

.w-1px {
    width: 1px
}

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

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

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

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

.w-30px {
    width: 30px
}

.w-24px {
    width: 24px
}

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

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

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

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

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

.w-90px {
    width: 90px
}

.w-75px {
    width: 75px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.z-3 {
    z-index: 3
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-8 {
    z-index: 8
}

.z-5 {
    z-index: 5
}

.z-4 {
    z-index: 4
}

.z-10 {
    z-index: 10
}

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

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

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

.gap-x-32px {
    grid-column-gap: 32px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
}

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

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

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

.gap-y-6px {
    grid-row-gap: 6px;
    -webkit-row-gap: 6px;
    -moz-row-gap: 6px;
    row-gap: 6px
}

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

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

.-rotate-37\.52 {
    --tw-rotate: -37.52deg
}

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

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

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

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

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

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

    .pad\:bg-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-\[\#d9fff5\] {
        --tw-gradient-from: rgba(217, 255, 245, var(--tw-from-opacity, 1));
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .pad\:to-\[\#dbf0e6\] {
        --tw-gradient-to: rgba(219, 240, 230, var(--tw-to-opacity, 1))
    }

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

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

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

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

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

    .pad\:rounded-bl-24\.2rpx {
        border-bottom-left-radius: -webkit-calc(var(--rpx, 1px)*24.2);
        border-bottom-left-radius: -moz-calc(var(--rpx, 1px)*24.2);
        border-bottom-left-radius: calc(var(--rpx, 1px)*24.2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:mt-\[calc\(0px-50px-var\(--content-height\)\)\] {
        margin-top: calc(-50px - var(--content-height))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:px-7\.81vw {
        padding-left: 7.81vw;
        padding-left: calc(var(--vw, 1vw)*7.81);
        padding-right: 7.81vw;
        padding-right: calc(var(--vw, 1vw)*7.81)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

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

    .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\:top-\[calc\(17\%-29\.3px\)\] {
        top: -webkit-calc(17% - 29.3px);
        top: -moz-calc(17% - 29.3px);
        top: calc(17% - 29.3px)
    }

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

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

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

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

    .pad\:-top-7px {
        top: -7px
    }

    .pad\:-right-5\.12vw {
        right: -5.12vw;
        right: -webkit-calc(var(--vw, 1vw)*-5.12);
        right: -moz-calc(var(--vw, 1vw)*-5.12);
        right: calc(var(--vw, 1vw)*-5.12)
    }

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

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

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

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

    .pad\:left-\[13\.5\%\] {
        left: 13.5%
    }

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

    .pad\:left-\[14\.5\%\] {
        left: 14.5%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:top-\[calc\(91\%-57\.5rpx\)\] {
        top: -webkit-calc(91% - var(--rpx, 1px)*57.5);
        top: -moz-calc(91% - var(--rpx, 1px)*57.5);
        top: calc(91% - var(--rpx, 1px)*57.5)
    }

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

    .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-\[\#b8ebde\] {
        --tw-text-opacity: 1;
        color: rgba(184, 235, 222, var(--tw-text-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:gap-x-16px {
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

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

    .pad\:gap-y-8rpx {
        grid-row-gap: -webkit-calc(var(--rpx, 1px)*8);
        grid-row-gap: -moz-calc(var(--rpx, 1px)*8);
        grid-row-gap: calc(var(--rpx, 1px)*8);
        -webkit-row-gap: -webkit-calc(var(--rpx, 1px)*8);
        -moz-row-gap: -moz-calc(var(--rpx, 1px)*8);
        row-gap: calc(var(--rpx, 1px)*8)
    }
}

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

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

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

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

    .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-black {
        --tw-gradient-from: rgba(0, 0, 0, var(--tw-from-opacity, 1));
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .pc\:from-\[\#d9fff5\] {
        --tw-gradient-from: rgba(217, 255, 245, var(--tw-from-opacity, 1));
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

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

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

    .pc\:to-\[\#dbf0e6\] {
        --tw-gradient-to: rgba(219, 240, 230, var(--tw-to-opacity, 1))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:justify-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_540rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*540);
        flex: 1 1 calc(var(--rpx, 1px)*540)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:mt-\[calc\(0px-50px-var\(--content-height\)\)\] {
        margin-top: calc(-50px - var(--content-height))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:opacity-70 {
        opacity: .7
    }

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

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

    .pc\:px-8\.61vw {
        padding-left: 8.61vw;
        padding-left: calc(var(--vw, 1vw)*8.61);
        padding-right: 8.61vw;
        padding-right: calc(var(--vw, 1vw)*8.61)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

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

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

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

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

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

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

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

    .pc\:left-\[calc\(28\%-19\.72vw\)\] {
        left: -webkit-calc(28% - 19.72vw);
        left: -moz-calc(28% - 19.72vw);
        left: calc(28% - 19.72vw);
        left: -webkit-calc(28% - var(--vw, 1vw)*19.72);
        left: -moz-calc(28% - var(--vw, 1vw)*19.72);
        left: calc(28% - var(--vw, 1vw)*19.72)
    }

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

    .pc\:-bottom-5px {
        bottom: -5px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:top-\[calc\(46\%-437\.4rpx\)\] {
        top: -webkit-calc(46% - var(--rpx, 1px)*437.4);
        top: -moz-calc(46% - var(--rpx, 1px)*437.4);
        top: calc(46% - var(--rpx, 1px)*437.4)
    }

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

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

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

    .pc\:text-black {
        --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-\[\#b8ebde\] {
        --tw-text-opacity: 1;
        color: rgba(184, 235, 222, var(--tw-text-opacity))
    }

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

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

    .pc\:underline {
        -webkit-text-decoration-line: underline;
        -moz-text-decoration-line: underline;
        text-decoration-line: underline
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:gap-x-32rpx {
        grid-column-gap: -webkit-calc(var(--rpx, 1px)*32);
        grid-column-gap: -moz-calc(var(--rpx, 1px)*32);
        grid-column-gap: calc(var(--rpx, 1px)*32);
        -webkit-column-gap: -webkit-calc(var(--rpx, 1px)*32);
        -moz-column-gap: -moz-calc(var(--rpx, 1px)*32);
        column-gap: calc(var(--rpx, 1px)*32)
    }

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

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

    .pc\:rotate-10 {
        --tw-rotate: 10deg
    }
}

@media (max-width:649px) {
    .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-\[\#222222\] {
        --tw-bg-opacity: 1;
        background-color: rgba(34, 34, 34, var(--tw-bg-opacity))
    }

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

    .mo\:from-\[\#d9fff5\] {
        --tw-gradient-from: rgba(217, 255, 245, var(--tw-from-opacity, 1));
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }

    .mo\:to-\[\#dbf0e6\] {
        --tw-gradient-to: rgba(219, 240, 230, var(--tw-to-opacity, 1))
    }

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

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

    .mo\:rounded-tl-22\.5rpx {
        border-top-left-radius: -webkit-calc(var(--rpx, 1px)*22.5);
        border-top-left-radius: -moz-calc(var(--rpx, 1px)*22.5);
        border-top-left-radius: calc(var(--rpx, 1px)*22.5)
    }

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

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

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

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

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

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

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

    .mo\:flex-col {
        -webkit-box-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\:flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

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

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

    .mo\: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-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:mt-\[calc\(0px-50px-var\(--content-height\)\)\] {
        margin-top: calc(-50px - var(--content-height))
    }

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

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

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

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

    .mo\:mb-90px {
        margin-bottom: 90px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

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

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

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

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

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

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

    .mo\:bottom-14px {
        bottom: 14px
    }

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

    .mo\:left-\[28\.2\%\] {
        left: 28.2%
    }

    .mo\:top-\[43\.6\%\] {
        top: 43.6%
    }

    .mo\:left-\[28\.5\%\] {
        left: 28.5%
    }

    .mo\:top-\[48\.6\%\] {
        top: 48.6%
    }

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

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

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

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

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

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

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

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

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

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

    .mo\:top-0 {
        top: 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\:text-opacity-55 {
        --tw-text-opacity: .55
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:gap-x-16px {
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .mo\:gap-y-16px {
        grid-row-gap: 16px;
        -webkit-row-gap: 16px;
        -moz-row-gap: 16px;
        row-gap: 16px
    }
}

@media (min-width:650px) and (max-width:685px) {
    .pad650\:h-380px {
        height: 380px
    }

    .pad650\:top-216px {
        top: 216px
    }

    .pad650\:top-256px {
        top: 256px
    }
}

@media (min-width:1024px) {
    .pct\:text-2\.78vw {
        font-size: 2.78vw;
        font-size: -webkit-calc(var(--vw, 1vw)*2.78);
        font-size: -moz-calc(var(--vw, 1vw)*2.78);
        font-size: calc(var(--vw, 1vw)*2.78);
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pct\:leading-\[1\.45\] {
        line-height: 1.45
    }

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

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

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

    .pct\:leading-\[1\.38\] {
        line-height: 1.38
    }

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

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

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

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

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

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

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

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

@media (min-width:1024px) and (max-width:1200px) {
    .narrow\:top-\[10\%\] {
        top: 10%
    }

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

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

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

@media (max-width:1023px) {
    .mot\:h-full {
        height: 100%
    }

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

    .mot\:h-18px {
        height: 18px
    }

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

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

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

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

    .mot\:text-44px {
        font-size: 44px;
        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\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .mot\:text-20rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*20);
        font-size: -moz-calc(var(--rpx, 1px)*20);
        font-size: calc(var(--rpx, 1px)*20);
        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-12px {
        font-size: 12px;
        line-height: 1
    }

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

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

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

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

    .mot\:leading-\[1\.38\] {
        line-height: 1.38
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mot\:w-82px {
        width: 82px
    }

    .mot\:w-18px {
        width: 18px
    }
}

.zn--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-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 16px
}

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

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

p {
    overflow-wrap: break-word
}

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

[data-comp-gallery] .images-container {
    padding-left: 0;
    padding-right: 0;
    touch-action: pan-y
}

[data-comp-gallery] .images-container img {
    -o-object-fit: cover;
    object-fit: cover
}

[data-comp-gallery] .swiper-slide>* {
    max-width: 100%
}

[data-comp-gallery] .double-button .button {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-comp-gallery] .double-button .button:first-child {
    opacity: .5
}

[data-comp-gallery] .color-switch>div>div {
    overflow: visible
}

[data-comp-gallery] .circle-button {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    overflow: visible;
    position: relative
}

[data-comp-gallery] .circle-button:before {
    border-color: var(--border-color, transparent);
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: var(--btn-w, "150%");
    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%);
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s;
    width: var(--btn-w, "150%")
}

[data-comp-gallery] .circle-button:after {
    content: var(--s-text, " ");
    font-size: var(--t-size);
    left: 100%;
    line-height: var(--t-line-height);
    margin-left: var(--t-left);
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    white-space: nowrap
}

[data-comp-gallery] .circle-button.active:after {
    opacity: 1
}

[data-comp-gallery].comp-light-theme .double-button .button {
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

[data-comp-gallery].comp-light-theme .double-button .button:hover {
    background: #333
}

[data-comp-gallery].comp-dark-theme .double-button .button {
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

[data-comp-gallery].comp-dark-theme .double-button .button:hover {
    background: #eaeaea
}

#section-kv .sticky-container {
    height: -webkit-calc(var(--content-height) + 100vh);
    height: -moz-calc(var(--content-height) + 100vh);
    height: calc(var(--content-height) + 100vh);
    height: -webkit-calc(var(--content-height) + var(--vh, 1vh)*100);
    height: -moz-calc(var(--content-height) + var(--vh, 1vh)*100);
    height: calc(var(--content-height) + var(--vh, 1vh)*100)
}

#section-kv .sticky {
    height: -webkit-calc(var(--content-height));
    height: -moz-calc(var(--content-height));
    height: calc(var(--content-height));
    top: -webkit-calc(var(--nav-height));
    top: -moz-calc(var(--nav-height));
    top: calc(var(--nav-height))
}

#section-kv .kv {
    height: 100%
}

#section-kv .kv .image-group {
    height: 100%;
    top: 0
}

#section-kv .kv .image-group>img {
    height: 100%;
    -o-object-position: 50% 21%;
    object-position: 50% 21%;
    top: 0
}

#section-kv .cover {
    pointer-events: none
}

#section-kv .pad-ls {
    display: none;
    height: 100%
}

#section-kv .pad-ls .image-group>img:nth-of-type(2) {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 100% 21%;
    object-position: 100% 21%
}

#section-kv .pad-pt {
    display: none;
    height: 100%
}

#section-kv .pad-pt .combine-image {
    height: 100%;
    left: 0;
    -o-object-position: 50% 35%;
    object-position: 50% 35%;
    top: 0;
    width: 100%
}

#section-tablist .left-img>div:first-child>div {
    opacity: 0;
    -webkit-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 #efede9;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options a:first-child {
    border-radius: 8px 8px 0 0
}

#section-tablist .options a:last-child {
    border-bottom: 0;
    border-radius: 0 0 8px 8px
}

#section-tablist .options a.active {
    background-color: #f5f4f0
}

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

#section-tablist .options a.active .title img {
    opacity: 0;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

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

#section-tablist .options .title img {
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options .content {
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

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

#section-ksp [ksp-card] {
    color: #000000f2
}

#section-ksp [mo-text] {
    color: #fff;
    display: block
}

#section-ksp [mo-text]:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

[data-hover-scale] {
    cursor: pointer;
    overflow: hidden
}

[data-hover-scale] img:not(.svg-container):not(.svg-like) {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

[data-hover-scale]:hover img:not(.svg-container):not(.svg-like) {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

img[data-hover-scale] {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

img[data-hover-scale]:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

[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);
    position: relative;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s
}

[data-comp-multi-feature-card] .collapse-card .text-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 {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -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: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

[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 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) .links, [data-comp-multi-feature-card] .collapse-card:not(.active) p:nth-child(2) {
    opacity: 0
}

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

[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.5% 0);
    clip-path: inset(47.5% 0)
}

[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-chip .chip-details-wrapper.pc-only .chipImg {
    translate: -50%
}

#section-fun .set-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: -webkit-linear-gradient(transparent, #fff);
    background: -moz-linear-gradient(transparent 0, #fff 100%);
    background: linear-gradient(transparent, #fff)
}

#section-fun .text-opacity {
    font-size: 12px;
    line-height: 12px;
    opacity: .6
}

#section-fun .reset-line-feed {
    grid-row-gap: -webkit-calc(var(--rpx, 1px)*16);
    grid-row-gap: -moz-calc(var(--rpx, 1px)*16);
    grid-row-gap: calc(var(--rpx, 1px)*16);
    grid-column-gap: -webkit-calc(var(--rpx, 1px)*24);
    grid-column-gap: -moz-calc(var(--rpx, 1px)*24);
    grid-column-gap: calc(var(--rpx, 1px)*24);
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

#section-fun .reset-line-feed .one-card:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3
}

#section-fun .reset-line-feed .one-card:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3
}

#section-fun .charge-wrap {
    -webkit-text-stroke: -webkit-calc(var(--rpx, 1px)*2) #99e9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #99e9d9));
    background: -webkit-linear-gradient(top, transparent 50%, #99e9d9 0);
    background: -moz-linear-gradient(top, transparent 50%, #99e9d9 50%);
    background: linear-gradient(180deg, transparent 50%, #99e9d9 0);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
    color: transparent;
    overflow-x: visible;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    transition: background-position .3s;
    white-space: nowrap
}

#section-color .arrow svg .arrow-line-1 {
    stroke-dasharray: 348;
    stroke-dashoffset: 348
}

#section-color .arrow.show .arrow-line-1 {
    stroke-dashoffset: 0;
    -webkit-animation: move1 .6s linear .4s both;
    -moz-animation: move1 .6s linear .4s both;
    animation: move1 .6s linear .4s both
}

@-moz-keyframes move1 {
    0% {
        stroke-dashoffset: 348
    }

    50% {
        stroke-dashoffset: 150
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes move1 {
    0% {
        stroke-dashoffset: 348
    }

    50% {
        stroke-dashoffset: 150
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes move1 {
    0% {
        stroke-dashoffset: 348
    }

    50% {
        stroke-dashoffset: 150
    }

    to {
        stroke-dashoffset: 0
    }
}

#section-color .option-img-l, #section-color .option-img-s {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

#section-color .option-img-l.selected, #section-color .option-img-s.selected {
    opacity: 1
}

#section-color .color-desc {
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#section-color .color-desc.selected {
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

#section-color .options .celadon {
    -webkit-clip-path: inset(0 132px 0 0);
    clip-path: inset(0 132px 0 0);
    overflow: hidden;
    -webkit-transition: -webkit-clip-path .5s;
    transition: -webkit-clip-path .5s;
    -moz-transition: clip-path .5s;
    transition: clip-path .5s;
    transition: clip-path .5s, -webkit-clip-path .5s
}

#section-color .options .celadon .inner {
    background: -webkit-linear-gradient(294.23deg, #dcfff9 6.98%, #6ac2b3 89.91%);
    background: -moz-linear-gradient(294.23deg, #dcfff9 6.98%, #6ac2b3 89.91%);
    background: linear-gradient(155.77deg, #dcfff9 6.98%, #6ac2b3 89.91%)
}

#section-color .options .celadon p {
    opacity: .4;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    transition: .25s
}

#section-color .options .celadon.selected {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -webkit-transition: -webkit-clip-path .4s ease-out;
    transition: -webkit-clip-path .4s ease-out;
    -moz-transition: clip-path .4s ease-out;
    transition: clip-path .4s ease-out;
    transition: clip-path .4s ease-out, -webkit-clip-path .4s ease-out
}

#section-color .options .celadon.selected .dot {
    border: .9px solid #9ce5d9
}

#section-color .options .celadon.selected p {
    opacity: 1
}

#section-color .options .dark {
    -webkit-clip-path: inset(0 110px 0 0);
    clip-path: inset(0 110px 0 0);
    -webkit-transition: -webkit-clip-path .4s ease-out, -webkit-transform .5s;
    transition: -webkit-clip-path .4s ease-out, -webkit-transform .5s;
    -moz-transition: clip-path .4s ease-out, transform .5s, -moz-transform .5s;
    transition: clip-path .4s ease-out, transform .5s;
    transition: clip-path .4s ease-out, transform .5s, -webkit-clip-path .4s ease-out, -webkit-transform .5s, -moz-transform .5s
}

#section-color .options .dark .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#9898a0), to(#34353b));
    background: -webkit-linear-gradient(top, #9898a0, #34353b);
    background: -moz-linear-gradient(top, #9898a0 0, #34353b 100%);
    background: linear-gradient(180deg, #9898a0, #34353b)
}

#section-color .options .dark p {
    opacity: .4;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    transition: .25s
}

#section-color .options .dark.selected {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -webkit-transform: translateX(-130px);
    -moz-transform: translateX(-130px);
    -ms-transform: translateX(-130px);
    transform: translate(-130px);
    -webkit-transition: -webkit-clip-path .5s, -webkit-transform .5s;
    transition: -webkit-clip-path .5s, -webkit-transform .5s;
    -moz-transition: clip-path .5s, transform .5s, -moz-transform .5s;
    transition: clip-path .5s, transform .5s;
    transition: clip-path .5s, transform .5s, -webkit-clip-path .5s, -webkit-transform .5s, -moz-transform .5s
}

#section-color .options .dark.selected .dot {
    border: .9px solid #616a69
}

#section-color .options .dark.selected p {
    opacity: 1
}

#section-photography .replay-btn {
    cursor: pointer;
    opacity: 1
}

#section-photography .replay-btn.deactive {
    cursor: unset;
    opacity: 0;
    pointer-events: none
}

#section-photography .arrow svg .path1 {
    stroke-dasharray: 800;
    stroke-dashoffset: 800
}

#section-photography .arrow svg .path2 {
    stroke-dasharray: 137 138;
    stroke-dashoffset: 138
}

#section-photography .arrow.show .path1 {
    stroke-dashoffset: 800;
    -webkit-animation: drawArrow .8s linear forwards;
    -moz-animation: drawArrow .8s linear forwards;
    animation: drawArrow .8s linear forwards
}

#section-photography .arrow.show .path2 {
    stroke-dasharray: 137 138;
    stroke-dashoffset: 138;
    -webkit-animation: drawArrow1 .8s linear forwards;
    -moz-animation: drawArrow1 .8s linear forwards;
    animation: drawArrow1 .8s linear forwards
}

@-moz-keyframes drawArrow {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes drawArrow {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes drawArrow {
    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes drawArrow1 {
    0% {
        stroke-dasharray: 137 138;
        stroke-dashoffset: 138
    }

    to {
        stroke-dasharray: 137 138;
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes drawArrow1 {
    0% {
        stroke-dasharray: 137 138;
        stroke-dashoffset: 138
    }

    to {
        stroke-dasharray: 137 138;
        stroke-dashoffset: 0
    }
}

@keyframes drawArrow1 {
    0% {
        stroke-dasharray: 137 138;
        stroke-dashoffset: 138
    }

    to {
        stroke-dasharray: 137 138;
        stroke-dashoffset: 0
    }
}

body.no-scroll {
    overflow-y: hidden
}

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

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

[id^=anchor] {
    height: 1px;
    left: 0;
    position: absolute;
    top: -webkit-calc(0 - var(--nav-height, 90px));
    top: -moz-calc(0 - var(--nav-height, 90px));
    top: calc(0px - var(--nav-height, 90px));
    width: 100%
}

[id^=anchor].mt {
    top: -webkit-calc(-60px - var(--nav-height, 90px));
    top: -moz-calc(-60px - var(--nav-height, 90px));
    top: calc(-60px - var(--nav-height, 90px))
}

sup {
    -webkit-font-feature-settings: "numr";
    -moz-font-feature-settings: "numr";
    font-feature-settings: "numr";
    display: inline-block;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    vertical-align: 14%
}

sub {
    font-size: 50%
}

.set-white-space {
    line-height: 1;
    white-space: nowrap
}

.display-none {
    display: none
}

#notes a {
    text-decoration: underline
}

#notes a:hover {
    color: inherit
}

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

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

    #section-kv .kv .text-wrapper {
        top: -webkit-calc(50% - 65px - var(--nav-height));
        top: -moz-calc(50% - 65px - var(--nav-height));
        top: calc(50% - 65px - var(--nav-height))
    }

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

    .zn--wrapper .font-96 {
        font-size: 96px;
        line-height: 115.2px
    }

    .zn--wrapper .font-48 {
        font-size: 48px;
        line-height: 57.6px
    }

    .zn--wrapper .font-40 {
        font-size: 40px;
        line-height: 48px
    }

    .zn--wrapper .font-32 {
        font-size: 32px;
        line-height: 38.4px
    }

    .zn--wrapper .font-24 {
        font-size: 24px;
        line-height: 28.8px
    }

    .zn--wrapper .font-18 {
        font-size: 18px;
        line-height: 21.6px
    }

    .zn--wrapper .font-16 {
        font-size: 16px;
        line-height: 19.2px
    }

    .zn--wrapper .font-14 {
        font-size: 14px;
        line-height: 16.8px
    }

    #section-fun .bg {
        background: -webkit-radial-gradient(75% 50%, circle, #d1fff6 0, transparent 65%);
        background: -moz-radial-gradient(75% 50%, circle, #d1fff6 0, transparent 65%);
        background: radial-gradient(circle at 75% 50%, #d1fff6 0, transparent 65%)
    }

    #section-fun .text-opacity {
        font-size: 14px;
        line-height: 14px
    }

    #section-fun .img-scale {
        -webkit-transform-origin: 50% 80%;
        -moz-transform-origin: 50% 80%;
        -ms-transform-origin: 50% 80%;
        transform-origin: 50% 80%
    }

    #section-fun .widthFit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    #section-color .arrow svg .arrow-line-2 {
        stroke-dasharray: 76 77;
        stroke-dashoffset: 77
    }

    #section-color .arrow.show .arrow-line-2 {
        stroke-dasharray: 76 0;
        -webkit-animation: move2 .45s linear .45s both;
        -moz-animation: move2 .45s linear .45s both;
        animation: move2 .45s linear .45s both
    }

    @-moz-keyframes move2 {
        0% {
            stroke-dasharray: 76 77;
            stroke-dashoffset: 77
        }

        60% {
            stroke-dasharray: 76 77;
            stroke-dashoffset: 77
        }

        61% {
            stroke-dasharray: 76 73;
            stroke-dashoffset: 74
        }

        65% {
            stroke-dasharray: 76 67;
            stroke-dashoffset: 71
        }

        75% {
            stroke-dasharray: 76 45;
            stroke-dashoffset: 59
        }

        80% {
            stroke-dasharray: 76 19;
            stroke-dashoffset: 47
        }

        88% {
            stroke-dasharray: 76 6;
            stroke-dashoffset: 41
        }

        92% {
            stroke-dasharray: 76 0;
            stroke-dashoffset: 38
        }
    }

    @-webkit-keyframes move2 {
        0% {
            stroke-dasharray: 76 77;
            stroke-dashoffset: 77
        }

        60% {
            stroke-dasharray: 76 77;
            stroke-dashoffset: 77
        }

        61% {
            stroke-dasharray: 76 73;
            stroke-dashoffset: 74
        }

        65% {
            stroke-dasharray: 76 67;
            stroke-dashoffset: 71
        }

        75% {
            stroke-dasharray: 76 45;
            stroke-dashoffset: 59
        }

        80% {
            stroke-dasharray: 76 19;
            stroke-dashoffset: 47
        }

        88% {
            stroke-dasharray: 76 6;
            stroke-dashoffset: 41
        }

        92% {
            stroke-dasharray: 76 0;
            stroke-dashoffset: 38
        }
    }

    @keyframes move2 {
        0% {
            stroke-dasharray: 76 77;
            stroke-dashoffset: 77
        }

        60% {
            stroke-dasharray: 76 77;
            stroke-dashoffset: 77
        }

        61% {
            stroke-dasharray: 76 73;
            stroke-dashoffset: 74
        }

        65% {
            stroke-dasharray: 76 67;
            stroke-dashoffset: 71
        }

        75% {
            stroke-dasharray: 76 45;
            stroke-dashoffset: 59
        }

        80% {
            stroke-dasharray: 76 19;
            stroke-dashoffset: 47
        }

        88% {
            stroke-dasharray: 76 6;
            stroke-dashoffset: 41
        }

        92% {
            stroke-dasharray: 76 0;
            stroke-dashoffset: 38
        }
    }
}

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

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

    [data-comp-gallery] .images-container {
        width: 100%
    }

    #section-kv .kv .combine-image {
        height: 100%;
        left: 0;
        top: 0;
        width: 100%
    }

    #section-tablist .left-img img {
        opacity: 0
    }

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

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

    [data-comp-multi-feature-card] .collapse-card img.button {
        height: 24px;
        width: 24px
    }

    #section-fun .bg {
        background: -webkit-radial-gradient(50% 43%, circle, #d1fff6 0, transparent 80%);
        background: -moz-radial-gradient(50% 43%, circle, #d1fff6 0, transparent 80%);
        background: radial-gradient(circle at 50% 43%, #d1fff6 0, transparent 80%)
    }

    #section-fun .charge-wrap {
        -webkit-transition: background-position 1s;
        -moz-transition: background-position 1s;
        transition: background-position 1s
    }

    #section-fun .trigger1 .img-box, #section-fun .trigger2 .img-box {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: opacity 1s, transform 1s, -moz-transform 1s;
        transition: opacity 1s, transform 1s;
        transition: opacity 1s, transform 1s, -webkit-transform 1s, -moz-transform 1s
    }
}

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

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

    [data-comp-gallery] .images-container {
        width: 100%
    }

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

    [data-comp-multi-feature-card] .collapse-card img.button {
        height: 24px;
        width: 24px
    }

    #section-fun .bg {
        background: -webkit-radial-gradient(75% 50%, circle, #d1fff6 0, transparent 70%);
        background: -moz-radial-gradient(75% 50%, circle, #d1fff6 0, transparent 70%);
        background: radial-gradient(circle at 75% 50%, #d1fff6 0, transparent 70%)
    }

    #section-fun .img-scale {
        -webkit-transform-origin: 1% 99%;
        -moz-transform-origin: 1% 99%;
        -ms-transform-origin: 1% 99%;
        transform-origin: 1% 99%
    }

    #section-color .arrow svg .arrow-line-2 {
        stroke-dasharray: 52 53;
        stroke-dashoffset: 53
    }

    #section-color .arrow.show .arrow-line-2 {
        stroke-dasharray: 52 0;
        -webkit-animation: move2 .45s linear .42s both;
        -moz-animation: move2 .45s linear .42s both;
        animation: move2 .45s linear .42s both
    }

    @-moz-keyframes move2 {
        0% {
            stroke-dasharray: 52 53;
            stroke-dashoffset: 53
        }

        60% {
            stroke-dasharray: 52 53;
            stroke-dashoffset: 53
        }

        61% {
            stroke-dasharray: 52 50;
            stroke-dashoffset: 51
        }

        65% {
            stroke-dasharray: 52 43;
            stroke-dashoffset: 47
        }

        75% {
            stroke-dasharray: 52 24;
            stroke-dashoffset: 38
        }

        80% {
            stroke-dasharray: 52 13;
            stroke-dashoffset: 32
        }

        92% {
            stroke-dasharray: 52 5;
            stroke-dashoffset: 28
        }

        96% {
            stroke-dasharray: 52 0;
            stroke-dashoffset: 28
        }
    }

    @-webkit-keyframes move2 {
        0% {
            stroke-dasharray: 52 53;
            stroke-dashoffset: 53
        }

        60% {
            stroke-dasharray: 52 53;
            stroke-dashoffset: 53
        }

        61% {
            stroke-dasharray: 52 50;
            stroke-dashoffset: 51
        }

        65% {
            stroke-dasharray: 52 43;
            stroke-dashoffset: 47
        }

        75% {
            stroke-dasharray: 52 24;
            stroke-dashoffset: 38
        }

        80% {
            stroke-dasharray: 52 13;
            stroke-dashoffset: 32
        }

        92% {
            stroke-dasharray: 52 5;
            stroke-dashoffset: 28
        }

        96% {
            stroke-dasharray: 52 0;
            stroke-dashoffset: 28
        }
    }

    @keyframes move2 {
        0% {
            stroke-dasharray: 52 53;
            stroke-dashoffset: 53
        }

        60% {
            stroke-dasharray: 52 53;
            stroke-dashoffset: 53
        }

        61% {
            stroke-dasharray: 52 50;
            stroke-dashoffset: 51
        }

        65% {
            stroke-dasharray: 52 43;
            stroke-dashoffset: 47
        }

        75% {
            stroke-dasharray: 52 24;
            stroke-dashoffset: 38
        }

        80% {
            stroke-dasharray: 52 13;
            stroke-dashoffset: 32
        }

        92% {
            stroke-dasharray: 52 5;
            stroke-dashoffset: 28
        }

        96% {
            stroke-dasharray: 52 0;
            stroke-dashoffset: 28
        }
    }
}

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

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }

    #section-kv .kv .image-group>img {
        left: 0
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .zn--wrapper .narrow-only {
        display: block
    }

    #section-fun .text-wrapper {
        width: -webkit-calc(var(--rpx, 1px)*449);
        width: -moz-calc(var(--rpx, 1px)*449);
        width: calc(var(--rpx, 1px)*449)
    }

    #section-fun .text-tran .t {
        font-size: 42px;
        letter-spacing: -.2px;
        line-height: 52px
    }

    #section-fun .text-tran .d {
        font-size: 16px;
        line-height: 20px
    }

    #section-fun .text-tran .d .text-opacity {
        font-size: 12px;
        line-height: 12px
    }

    #section-fun .text-tran .one-card .cardt {
        font-size: 20px
    }
}

@media (min-aspect-ratio:2048/1153) and (max-width:1300px) and (min-width:1024px) {
    #section-kv .kv .image-group>img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: 100% 21%;
        object-position: 100% 21%
    }
}

@media (max-width:1100px) {
    #section-kv .kv .image-group>img {
        -o-object-position: 70% 21%;
        object-position: 70% 21%
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    #section-kv .kv .text-wrapper {
        left: 4.61vw;
        left: -webkit-calc(var(--vw, 1vw)*4.61);
        left: -moz-calc(var(--vw, 1vw)*4.61);
        left: calc(var(--vw, 1vw)*4.61);
        top: -webkit-calc(50% - 30px - var(--nav-height));
        top: -moz-calc(50% - 30px - var(--nav-height));
        top: calc(50% - 30px - var(--nav-height))
    }

    #section-kv .kv .text-wrapper p:first-of-type {
        font-size: 2.78vw;
        font-size: -webkit-calc(var(--vw, 1vw)*2.78);
        font-size: -moz-calc(var(--vw, 1vw)*2.78);
        font-size: calc(var(--vw, 1vw)*2.78)
    }

    #section-kv .kv .text-wrapper p:nth-of-type(2) {
        font-size: 5vw;
        font-size: -webkit-calc(var(--vw, 1vw)*5);
        font-size: -moz-calc(var(--vw, 1vw)*5);
        font-size: calc(var(--vw, 1vw)*5)
    }
}

@media (min-width:650px) and (max-width:1023px) and (orientation:landscape) {
    #section-kv .pad-ls {
        display: block
    }
}

@media (min-width:650px) and (max-width:1023px) and (orientation:portrait) {
    #section-kv .pad-pt {
        display: block
    }
}

@media (max-width:1023px) {
    .zn--wrapper .font-44m {
        font-size: 44px;
        line-height: 52.8px
    }

    .zn--wrapper .font-36m {
        font-size: 36px;
        line-height: 43.2px
    }

    .zn--wrapper .font-24m {
        font-size: 24px;
        line-height: 28.8px
    }

    .zn--wrapper .font-20m {
        font-size: 20px;
        line-height: 24px
    }

    .zn--wrapper .font-16m {
        font-size: 16px;
        line-height: 19.2px
    }

    .zn--wrapper .font-14m {
        font-size: 14px;
        line-height: 16.8px
    }
}

@media (min-width:1024px) and (max-width:1140px) {
    #section-ksp .ksp-title-text {
        font-size: 17px
    }
}

@media (min-width:1024px) and (max-width:1400px) {
    #section-ksp [ani-title-text] {
        font-size: 68px;
        line-height: 1.3
    }

    #section-ksp [ani-title-line] {
        margin-bottom: 8px;
        margin-top: 4px
    }

    #section-ksp [ani-grid-img] {
        height: -webkit-calc(var(--rpx, 1px)*325);
        height: -moz-calc(var(--rpx, 1px)*325);
        height: calc(var(--rpx, 1px)*325);
        margin-top: 4px
    }
}

@media (min-width:1024px) and (max-height:840px) and (min-aspect-ratio:17/10) {
    #section-ksp {
        height: -webkit-calc(var(--rpx, 1px)*840 - var(--nav-height));
        height: -moz-calc(var(--rpx, 1px)*840 - var(--nav-height));
        height: calc(var(--rpx, 1px)*840 - var(--nav-height));
        top: -webkit-calc(50vh - var(--rpx, 1px)*420 + var(--nav-height));
        top: -moz-calc(50vh - var(--rpx, 1px)*420 + var(--nav-height));
        top: calc(50vh - var(--rpx, 1px)*420 + var(--nav-height));
        top: -webkit-calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*420 + var(--nav-height));
        top: -moz-calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*420 + var(--nav-height));
        top: calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*420 + var(--nav-height))
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    #section-true-color .text .t {
        font-size: 28px;
        line-height: 34px
    }

    #section-true-color .text .d {
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 27px
    }
}

[ani-clip-fade-in] {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-transition: -webkit-clip-path .7s;
    transition: -webkit-clip-path .7s;
    -moz-transition: clip-path .7s;
    transition: clip-path .7s;
    transition: clip-path .7s, -webkit-clip-path .7s
}

[ani-clip-fade-in].show {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [ani-clip-fade-in] {
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s
    }
}

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

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

    [ani-clip-fade-in] {
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s
    }
}

.comp-section-title {
    -webkit-background-clip: text;
    background-image: -webkit-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);
    background-image: -moz-radial-gradient(50% 50%, 50% 50%, #fff 33%, transparent 66%);
    background-image: radial-gradient(50% 50% at 50% 50%, #fff 33%, transparent 66%);
    background-repeat: no-repeat;
    -webkit-background-size: 300% 400%;
    background-size: 300% 400%;
    color: transparent;
    text-align: center
}

.comp-black-title {
    background-color: #fff
}

.comp-black-title .section-title {
    background-image: -webkit-radial-gradient(50% 50%, 50% 50%, #000 33%, transparent 66%);
    background-image: -moz-radial-gradient(50% 50%, 50% 50%, #000 33%, transparent 66%);
    background-image: radial-gradient(50% 50% at 50% 50%, #000 33%, transparent 66%)
}

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

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

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

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

    .comp-section-title {
        text-align: left;
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }
}

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

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

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

body.hide-body {
    overflow: hidden
}

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

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

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

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

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

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

.g--popup .g--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-close.v2 polygon {
    fill: #fff
}

.g--popup-container.v1 {
    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-close.v1 polygon {
    fill: #000
}

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

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

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

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

    .zn--wrapper .mo-only, .zn--wrapper .narrow-only, .zn--wrapper .pad-only, .zn--wrapper .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)
    }

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

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

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

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

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

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

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

    .zn--wrapper .mo-only, .zn--wrapper .narrow-only, .zn--wrapper .pad-hidden, .zn--wrapper .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)
    }
}

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

@media (min-width:1024px) and (max-width:1200px) {
    .zn--wrapper .narrow-only {
        display: block
    }
}