body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

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

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

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

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

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

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

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

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

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

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

.bg-white\/20 {
    --tw-bg-opacity: .2;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

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

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

.bg-black\/20 {
    --tw-bg-opacity: .2
}

.bg-black\/10, .bg-black\/20 {
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-black\/10 {
    --tw-bg-opacity: .1
}

.bg-\[rgba\(0\,0\,0\,0\.2\)\] {
    --tw-bg-opacity: .2
}

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

.bg-black\/9 {
    --tw-bg-opacity: .09
}

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

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

.bg-black\/8 {
    --tw-bg-opacity: .08;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

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

.bg-\[\#01B2D2\] {
    --tw-bg-opacity: 1;
    background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
}

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

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

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

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

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

.bg-\[\#000000\], .bg-\[\#dadada\] {
    --tw-bg-opacity: 1
}

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

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

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

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

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

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

.rounded-3\.2vw {
    border-radius: 3.2vw;
    border-radius: -webkit-calc(var(--vw, 1vw)*3.2);
    border-radius: -moz-calc(var(--vw, 1vw)*3.2);
    border-radius: calc(var(--vw, 1vw)*3.2)
}

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

.rounded-\[115vw\] {
    border-radius: 115vw;
    border-radius: -webkit-calc(var(--vw, 1vw)*115);
    border-radius: -moz-calc(var(--vw, 1vw)*115);
    border-radius: calc(var(--vw, 1vw)*115)
}

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

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

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

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

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

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

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

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

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

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

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

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

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

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

.font-medium {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

.h-0 {
    height: 0
}

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

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

.h-28px {
    height: 28px
}

.h-20\.74vw {
    height: 20.74vw;
    height: -webkit-calc(var(--vw, 1vw)*20.74);
    height: -moz-calc(var(--vw, 1vw)*20.74);
    height: calc(var(--vw, 1vw)*20.74)
}

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

.h-98\/100 {
    height: 98%
}

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

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

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

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

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

.h-\[calc\(100\%-56px\)\] {
    height: -webkit-calc(100% - 56px);
    height: -moz-calc(100% - 56px);
    height: calc(100% - 56px)
}

.h-0px {
    height: 0
}

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

.h-\[1px\] {
    height: 1px
}

.h-\[2px\] {
    height: 2px
}

.h-1px {
    height: 1px
}

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

.h-\[calc\(100\%\+2px\)\] {
    height: -webkit-calc(100% + 2px);
    height: -moz-calc(100% + 2px);
    height: calc(100% + 2px)
}

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

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

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

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

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

.h-32px {
    height: 32px
}

.h-3px {
    height: 3px
}

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

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

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

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

.h-50px {
    height: 50px
}

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

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

.h-13px {
    height: 13px
}

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

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

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

.h-\[calc\(100\%\+1px\)\] {
    height: -webkit-calc(100% + 1px);
    height: -moz-calc(100% + 1px);
    height: calc(100% + 1px)
}

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

.h-24px {
    height: 24px
}

.h-74px {
    height: 74px
}

.h-2px {
    height: 2px
}

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

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

.h-76px {
    height: 76px
}

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

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

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

.h-40px {
    height: 40px
}

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

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

.text-\[1A1A1A\] {
    font-size: 1A1A1A;
    line-height: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mx-\[28rpx\] {
    margin-left: calc(var(--rpx, 1px)*28);
    margin-right: calc(var(--rpx, 1px)*28)
}

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

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

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

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

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

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

.mt-\[1px\] {
    margin-top: 1px
}

.mt-\[-2px\] {
    margin-top: -2px
}

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

.mt-\[-1px\] {
    margin-top: -1px
}

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

.mt-auto {
    margin-top: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-h-620px {
    max-height: 620px
}

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

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

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

.max-w-1600px {
    max-width: 1600px
}

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

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

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

.max-w-477px {
    max-width: 477px
}

.max-w-\[287px\] {
    max-width: 287px
}

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

.max-w-\[748px\] {
    max-width: 748px
}

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

.min-h-\[2\.8em\] {
    min-height: 2.8em
}

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

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

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

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

.opacity-50 {
    opacity: .5
}

.opacity-0 {
    opacity: 0
}

.opacity-95 {
    opacity: .95
}

.opacity-55 {
    opacity: .55
}

.opacity-70 {
    opacity: .7
}

.opacity-20 {
    opacity: .2
}

.opacity-90 {
    opacity: .9
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

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

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

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

.py-\[8px\] {
    padding-bottom: 8px;
    padding-top: 8px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pointer-events-auto {
    pointer-events: auto
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.\!absolute {
    position: absolute !important
}

.relative {
    position: relative
}

.\!relative {
    position: relative !important
}

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

.inset-0 {
    inset: 0
}

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

.right-0 {
    right: 0
}

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

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

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

.bottom-\[calc\(100\%\+6px\)\] {
    bottom: -webkit-calc(100% + 6px);
    bottom: -moz-calc(100% + 6px);
    bottom: calc(100% + 6px)
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.-top-1\/100 {
    top: -1%
}

.top-\[calc\(47\%-10\.37vw\)\] {
    top: -webkit-calc(47% - 10.37vw);
    top: -moz-calc(47% - 10.37vw);
    top: calc(47% - 10.37vw);
    top: -webkit-calc(47% - var(--vw, 1vw)*10.37);
    top: -moz-calc(47% - var(--vw, 1vw)*10.37);
    top: calc(47% - var(--vw, 1vw)*10.37)
}

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

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

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

.left-42\/1000 {
    left: 4.2%
}

.right-42\/1000 {
    right: 4.2%
}

.top-15\/1000 {
    top: 1.5%
}

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

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

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

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

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

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

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

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

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

.bottom-0 {
    bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-right-66px {
    right: -66px
}

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

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

.text-center {
    text-align: center
}

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

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

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

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

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

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

.text-\[\#01B2D2\] {
    --tw-text-opacity: 1;
    color: rgba(1, 178, 210, var(--tw-text-opacity))
}

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

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

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

.text-white\/50 {
    --tw-text-opacity: .5
}

.text-black {
    --tw-text-opacity: 1
}

.text-black, .text-black\/70 {
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-black\/70 {
    --tw-text-opacity: .7
}

.text-black\/50 {
    --tw-text-opacity: .5
}

.text-black\/30, .text-black\/50 {
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-black\/30 {
    --tw-text-opacity: .3
}

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

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

.text-white\/30 {
    --tw-text-opacity: .3
}

.text-white\/30, .text-white\/55 {
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-black\/55, .text-white\/55 {
    --tw-text-opacity: .55
}

.text-black\/55 {
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.content-wrapper {
    content: "wrapper"
}

.content-w {
    content: "w"
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.w-full {
    width: 100%
}

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

.w-auto {
    width: auto
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

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

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

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

.w-\[fit-content\] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-1px {
    width: 1px
}

.w-39\.58vw {
    width: 39.58vw;
    width: -webkit-calc(var(--vw, 1vw)*39.58);
    width: -moz-calc(var(--vw, 1vw)*39.58);
    width: calc(var(--vw, 1vw)*39.58)
}

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

.w-10\.63vw {
    width: 10.63vw;
    width: -webkit-calc(var(--vw, 1vw)*10.63);
    width: -moz-calc(var(--vw, 1vw)*10.63);
    width: calc(var(--vw, 1vw)*10.63)
}

.w-915\/1000 {
    width: 91.5%
}

.w-23\/100 {
    width: 23%
}

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

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

.w-\[83\%\] {
    width: 83%
}

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

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

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

.w-\[40\%\] {
    width: 40%
}

.w-\[1px\] {
    width: 1px
}

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

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

.w-\[calc\(100\%\+2px\)\] {
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(100% + 2px)
}

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

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

.w-32px {
    width: 32px
}

.w-220px {
    width: 220px
}

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

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

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

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

.w-280px {
    width: 280px
}

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

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

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

.w-17px {
    width: 17px
}

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

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

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

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

.w-172px {
    width: 172px
}

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

.w-76px {
    width: 76px
}

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

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

.w-\[115\%\] {
    width: 115%
}

.z-5 {
    z-index: 5
}

.z-99 {
    z-index: 99
}

.z-1 {
    z-index: 1
}

.z-0 {
    z-index: 0
}

.z-3 {
    z-index: 3
}

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.z-4 {
    z-index: 4
}

.z-9 {
    z-index: 9
}

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

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

.preserve-3d {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

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

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

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

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

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

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

.perspect-800px {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px
}

.perspect-800rpx {
    -webkit-perspective: -webkit-calc(var(--rpx, 1px)*800);
    -moz-perspective: -moz-calc(var(--rpx, 1px)*800);
    perspective: calc(var(--rpx, 1px)*800)
}

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

.filter {
    --tw-blur: var(--tw-empty, );
    --tw-brightness: var(--tw-empty, );
    --tw-contrast: var(--tw-empty, );
    --tw-grayscale: var(--tw-empty, );
    --tw-hue-rotate: var(--tw-empty, );
    --tw-invert: var(--tw-empty, );
    --tw-saturate: var(--tw-empty, );
    --tw-sepia: var(--tw-empty, );
    --tw-drop-shadow: var(--tw-empty, );
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[112px\] {
    --tw-blur: blur(112px)
}

.backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px)
}

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

@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 .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 500
    }

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

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

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

    .pc\:bg-\[\#01B2D2\] {
        --tw-bg-opacity: 1;
        background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
    }

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

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

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

    .pc\:bg-\[\#01b2d2\] {
        --tw-bg-opacity: 1;
        background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
    }

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

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

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

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

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

    .pc\:rounded-\[0\.8vw\] {
        border-radius: .8vw;
        border-radius: -webkit-calc(var(--vw, 1vw)*.8);
        border-radius: -moz-calc(var(--vw, 1vw)*.8);
        border-radius: calc(var(--vw, 1vw)*.8)
    }

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

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

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

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

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

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

    .pc\:border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .pc\:inline-block {
        display: inline-block
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:font-medium {
        font-weight: 500
    }

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

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

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

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

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

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

    .pc\:h-97\/100 {
        height: 97%
    }

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

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

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

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

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

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

    .pc\:h-\[69\%\] {
        height: 69%
    }

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

    .pc\:h-\[51\%\] {
        height: 51%
    }

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

    .pc\:h-\[49\%\] {
        height: 49%
    }

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

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

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

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

    .pc\:h-\[40\.28vw\] {
        height: 40.28vw;
        height: -webkit-calc(var(--vw, 1vw)*40.28);
        height: -moz-calc(var(--vw, 1vw)*40.28);
        height: calc(var(--vw, 1vw)*40.28)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:h-\[calc\(150vh\+1000px\)\] {
        height: -webkit-calc(150vh + 1000px);
        height: -moz-calc(150vh + 1000px);
        height: calc(150vh + 1000px);
        height: -webkit-calc(var(--vh, 1vh)*150 + 1000px);
        height: -moz-calc(var(--vh, 1vh)*150 + 1000px);
        height: calc(var(--vh, 1vh)*150 + 1000px)
    }

    .pc\:h-\[52\.64vw\] {
        height: 52.64vw;
        height: -webkit-calc(var(--vw, 1vw)*52.64);
        height: -moz-calc(var(--vw, 1vw)*52.64);
        height: calc(var(--vw, 1vw)*52.64)
    }

    .pc\:h-\[47\.78vw\] {
        height: 47.78vw;
        height: -webkit-calc(var(--vw, 1vw)*47.78);
        height: -moz-calc(var(--vw, 1vw)*47.78);
        height: calc(var(--vw, 1vw)*47.78)
    }

    .pc\:h-\[25\.96\%\] {
        height: 25.96%
    }

    .pc\:h-\[74\%\] {
        height: 74%
    }

    .pc\:h-\[50\%\] {
        height: 50%
    }

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

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

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

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

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

    .pc\:h-\[71\.4583vw\] {
        height: 71.4583vw;
        height: -webkit-calc(var(--vw, 1vw)*71.4583);
        height: -moz-calc(var(--vw, 1vw)*71.4583);
        height: calc(var(--vw, 1vw)*71.4583)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:mb-\[0\.27vw\] {
        margin-bottom: .27vw;
        margin-bottom: calc(var(--vw, 1vw)*.27)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:ml-\[2px\] {
        margin-left: 2px
    }

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

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

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

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

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

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

    .pc\:mt-\[-0\.556vw\] {
        margin-top: -.556vw;
        margin-top: calc(var(--vw, 1vw)*-.556)
    }

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

    .pc\:ml-\[8px\] {
        margin-left: 8px
    }

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

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

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

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

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

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

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

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

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

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

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

    .pc\:mr-\[5\.23rpx\] {
        margin-right: calc(var(--rpx, 1px)*5.23)
    }

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

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

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

    .pc\:mb-\[2\.5rpx\] {
        margin-bottom: calc(var(--rpx, 1px)*2.5)
    }

    .pc\:ml-\[3\.5rpx\] {
        margin-left: calc(var(--rpx, 1px)*3.5)
    }

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

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

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

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

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

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

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

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

    .pc\:max-h-\[47\.08vw\] {
        max-height: 47.08vw;
        max-height: -webkit-calc(var(--vw, 1vw)*47.08);
        max-height: -moz-calc(var(--vw, 1vw)*47.08);
        max-height: calc(var(--vw, 1vw)*47.08)
    }

    .pc\:max-h-\[991px\] {
        max-height: 991px
    }

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

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

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

    .\!pc\:max-w-\[720rpx\] {
        max-width: -webkit-calc(var(--rpx, 1px)*720) !important;
        max-width: -moz-calc(var(--rpx, 1px)*720) !important;
        max-width: calc(var(--rpx, 1px)*720) !important
    }

    .pc\:max-w-\[720px\] {
        max-width: 720px
    }

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

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

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

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

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

    .pc\:min-h-\[1112rxp\] {
        min-height: 1112rxp
    }

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

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

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

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

    .pc\:min-w-\[430px\] {
        min-width: 430px
    }

    .pc\:min-w-\[102px\] {
        min-width: 102px
    }

    .pc\:min-w-\[109px\] {
        min-width: 109px
    }

    .pc\:min-w-\[99px\] {
        min-width: 99px
    }

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

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

    .pc\:min-w-\[188px\] {
        min-width: 188px
    }

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

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

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

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

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

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

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

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

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

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

    .pc\:opacity-50 {
        opacity: .5
    }

    .pc\:opacity-80 {
        opacity: .8
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:py-\[15px\] {
        padding-bottom: 15px;
        padding-top: 15px
    }

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

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

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

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

    .pc\:py-\[7\.12rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*7.12);
        padding-top: calc(var(--rpx, 1px)*7.12)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:fixed {
        position: fixed
    }

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

    .\!pc\:relative {
        position: relative !important
    }

    .pc\:left-4\.4vw {
        left: 4.4vw;
        left: -webkit-calc(var(--vw, 1vw)*4.4);
        left: -moz-calc(var(--vw, 1vw)*4.4);
        left: calc(var(--vw, 1vw)*4.4)
    }

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

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

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

    .pc\:-left-10\/100 {
        left: -10%
    }

    .pc\:-top-30\/100 {
        top: -30%
    }

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

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

    .pc\:bottom-\[12\%\] {
        bottom: 12%
    }

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

    .pc\:bottom-\[4\%\] {
        bottom: 4%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:top-1px {
        top: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:top-\[calc\(50\%-26\.32vw\)\] {
        top: -webkit-calc(50% - 26.32vw);
        top: -moz-calc(50% - 26.32vw);
        top: calc(50% - 26.32vw);
        top: -webkit-calc(50% - var(--vw, 1vw)*26.32);
        top: -moz-calc(50% - var(--vw, 1vw)*26.32);
        top: calc(50% - var(--vw, 1vw)*26.32)
    }

    .pc\:left-\[5\.9\%\] {
        left: 5.9%
    }

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

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

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

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

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

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

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

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

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

    .pc\:top-\[calc\(100vh-485rpx\)\] {
        top: -webkit-calc(100vh - var(--rpx, 1px)*485);
        top: -moz-calc(100vh - var(--rpx, 1px)*485);
        top: calc(100vh - var(--rpx, 1px)*485);
        top: -webkit-calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*485);
        top: -moz-calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*485);
        top: calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*485)
    }

    .pc\:left-\[calc\(59\.375\%-275rpx\)\] {
        left: -webkit-calc(59.375% - var(--rpx, 1px)*275);
        left: -moz-calc(59.375% - var(--rpx, 1px)*275);
        left: calc(59.375% - var(--rpx, 1px)*275)
    }

    .pc\:top-\[calc\(35\.76\%-84rpx\)\] {
        top: -webkit-calc(35.76% - var(--rpx, 1px)*84);
        top: -moz-calc(35.76% - var(--rpx, 1px)*84);
        top: calc(35.76% - var(--rpx, 1px)*84)
    }

    .pc\:left-\[calc\(-3\.27\%-137rpx\)\] {
        left: -webkit-calc(-3.27% - var(--rpx, 1px)*137);
        left: -moz-calc(-3.27% - var(--rpx, 1px)*137);
        left: calc(-3.27% - var(--rpx, 1px)*137)
    }

    .pc\:top-\[calc\(51\.9\%-96rpx\)\] {
        top: -webkit-calc(51.9% - var(--rpx, 1px)*96);
        top: -moz-calc(51.9% - var(--rpx, 1px)*96);
        top: calc(51.9% - var(--rpx, 1px)*96)
    }

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

    .pc\:top-\[32\.56\%\] {
        top: 32.56%
    }

    .pc\:left-\[-55\.09\%\] {
        left: -55.09%
    }

    .pc\:top-\[48\.01\%\] {
        top: 48.01%
    }

    .pc\:left-\[-55\.01\%\] {
        left: -55.01%
    }

    .pc\:top-\[calc\(100\%\+3\.5rpx\)\] {
        top: -webkit-calc(100% + var(--rpx, 1px)*3.5);
        top: -moz-calc(100% + var(--rpx, 1px)*3.5);
        top: calc(100% + var(--rpx, 1px)*3.5)
    }

    .pc\:left-\[calc\(19\.79\%-100rpx\)\] {
        left: -webkit-calc(19.79% - var(--rpx, 1px)*100);
        left: -moz-calc(19.79% - var(--rpx, 1px)*100);
        left: calc(19.79% - var(--rpx, 1px)*100)
    }

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

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

    .pc\:top-\[744\.08rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*744.08);
        top: -moz-calc(var(--rpx, 1px)*744.08);
        top: calc(var(--rpx, 1px)*744.08)
    }

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

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

    .pc\:top-\[calc\(49\.85\%-252rpx\)\] {
        top: -webkit-calc(49.85% - var(--rpx, 1px)*252);
        top: -moz-calc(49.85% - var(--rpx, 1px)*252);
        top: calc(49.85% - var(--rpx, 1px)*252)
    }

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

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

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

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

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

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

    .pc\:text-\[\#DAF64F\] {
        --tw-text-opacity: 1;
        color: rgba(218, 246, 79, var(--tw-text-opacity))
    }

    .pc\:text-\[\#01B2D2\] {
        --tw-text-opacity: 1;
        color: rgba(1, 178, 210, var(--tw-text-opacity))
    }

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

    .pc\:text-\[\#01b2d2\] {
        --tw-text-opacity: 1;
        color: rgba(1, 178, 210, var(--tw-text-opacity))
    }

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

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

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

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

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

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

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

    .pc\:w-59\.8vw {
        width: 59.8vw;
        width: -webkit-calc(var(--vw, 1vw)*59.8);
        width: -moz-calc(var(--vw, 1vw)*59.8);
        width: calc(var(--vw, 1vw)*59.8)
    }

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

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

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

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

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

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

    .pc\:w-120\/100 {
        width: 120%
    }

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

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

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

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

    .pc\:w-84\/100 {
        width: 84%
    }

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

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

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

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

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

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

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

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

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

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

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

    .pc\:w-\[91\.11vw\] {
        width: 91.11vw;
        width: -webkit-calc(var(--vw, 1vw)*91.11);
        width: -moz-calc(var(--vw, 1vw)*91.11);
        width: calc(var(--vw, 1vw)*91.11)
    }

    .pc\:w-\[64\.861vw\] {
        width: 64.861vw;
        width: -webkit-calc(var(--vw, 1vw)*64.861);
        width: -moz-calc(var(--vw, 1vw)*64.861);
        width: calc(var(--vw, 1vw)*64.861)
    }

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

    .pc\:w-\[25\.972vw\] {
        width: 25.972vw;
        width: -webkit-calc(var(--vw, 1vw)*25.972);
        width: -moz-calc(var(--vw, 1vw)*25.972);
        width: calc(var(--vw, 1vw)*25.972)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:w-\[635px\] {
        width: 635px
    }

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

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

    .pc\:w-\[360px\] {
        width: 360px
    }

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

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

    .pc\:w-\[310px\] {
        width: 310px
    }

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

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

    .pc\:w-\[291px\] {
        width: 291px
    }

    .pc\:w-\[105\.01rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*105.01);
        width: -moz-calc(var(--rpx, 1px)*105.01);
        width: calc(var(--rpx, 1px)*105.01)
    }

    .pc\:w-\[170px\] {
        width: 170px
    }

    .pc\:w-\[71\.67vw\] {
        width: 71.67vw;
        width: -webkit-calc(var(--vw, 1vw)*71.67);
        width: -moz-calc(var(--vw, 1vw)*71.67);
        width: calc(var(--vw, 1vw)*71.67)
    }

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

    .pc\:w-\[28\.54vw\] {
        width: 28.54vw;
        width: -webkit-calc(var(--vw, 1vw)*28.54);
        width: -moz-calc(var(--vw, 1vw)*28.54);
        width: calc(var(--vw, 1vw)*28.54)
    }

    .pc\:w-\[28\.47vw\] {
        width: 28.47vw;
        width: -webkit-calc(var(--vw, 1vw)*28.47);
        width: -moz-calc(var(--vw, 1vw)*28.47);
        width: calc(var(--vw, 1vw)*28.47)
    }

    .pc\:w-\[31\.39vw\] {
        width: 31.39vw;
        width: -webkit-calc(var(--vw, 1vw)*31.39);
        width: -moz-calc(var(--vw, 1vw)*31.39);
        width: calc(var(--vw, 1vw)*31.39)
    }

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

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

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

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

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

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

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

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

    .pc\:w-\[371px\] {
        width: 371px
    }

    .pc\:w-\[546px\] {
        width: 546px
    }

    .pc\:w-\[177\.7778vw\] {
        width: 177.7778vw;
        width: -webkit-calc(var(--vw, 1vw)*177.7778);
        width: -moz-calc(var(--vw, 1vw)*177.7778);
        width: calc(var(--vw, 1vw)*177.7778)
    }

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

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

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

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

    .pc\:w-\[1440px\] {
        width: 1440px
    }

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

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

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

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

    .pc\:w-\[352px\] {
        width: 352px
    }

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

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

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

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

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

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

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

    .pc\:w-\[228\.5rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*228.5);
        width: -moz-calc(var(--rpx, 1px)*228.5);
        width: calc(var(--rpx, 1px)*228.5)
    }

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

    .pc\:w-\[525px\] {
        width: 525px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:perspect-100 {
        -webkit-perspective: 100px;
        -moz-perspective: 100px;
        perspective: 100px
    }

    .pc\:perspect-1000px {
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }
}

@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\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 500
    }

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

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

    .mo\:bg-\[\#01B2D2\] {
        --tw-bg-opacity: 1;
        background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
    }

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

    .mo\:bg-\[\#01b2d2\] {
        --tw-bg-opacity: 1;
        background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
    }

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

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

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

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

    .mo\:rounded-\[0\.6vw\] {
        border-radius: .6vw;
        border-radius: -webkit-calc(var(--vw, 1vw)*.6);
        border-radius: -moz-calc(var(--vw, 1vw)*.6);
        border-radius: calc(var(--vw, 1vw)*.6)
    }

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

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

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

    .mo\:rounded-\[4\.62rpx\] {
        border-radius: -webkit-calc(var(--rpx, 1px)*4.62);
        border-radius: -moz-calc(var(--rpx, 1px)*4.62);
        border-radius: calc(var(--rpx, 1px)*4.62)
    }

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

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

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

    .mo\:border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .mo\:inline-block {
        display: inline-block
    }

    .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\:hidden {
        display: none
    }

    .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-nowrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

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

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

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

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

    .mo\:flex-1, .mo\:flex-auto {
        -webkit-box-flex: 1;
        -moz-box-flex: 1
    }

    .mo\:flex-auto {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

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

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

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

    .mo\:font-medium {
        font-weight: 500
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:h-\[103\.611vw\] {
        height: 103.611vw;
        height: -webkit-calc(var(--vw, 1vw)*103.611);
        height: -moz-calc(var(--vw, 1vw)*103.611);
        height: calc(var(--vw, 1vw)*103.611)
    }

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

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

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

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

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

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

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

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

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

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

    .mo\:h-\[14\.4rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*14.4);
        height: -moz-calc(var(--rpx, 1px)*14.4);
        height: calc(var(--rpx, 1px)*14.4)
    }

    .mo\:h-\[14\.12rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*14.12);
        height: -moz-calc(var(--rpx, 1px)*14.12);
        height: calc(var(--rpx, 1px)*14.12)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:leading-22px {
        line-height: 22px
    }

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

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

    .mo\:mb-\[0\.27vw\] {
        margin-bottom: .27vw;
        margin-bottom: calc(var(--vw, 1vw)*.27)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:mr-\[3\.69rpx\] {
        margin-right: calc(var(--rpx, 1px)*3.69)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:opacity-100 {
        opacity: 1
    }

    .mo\:opacity-50 {
        opacity: .5
    }

    .mo\:opacity-80 {
        opacity: .8
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:py-\[8px\] {
        padding-bottom: 8px;
        padding-top: 8px
    }

    .mo\:py-\[6px\] {
        padding-bottom: 6px;
        padding-top: 6px
    }

    .mo\:px-\[5\.54rpx\] {
        padding-left: calc(var(--rpx, 1px)*5.54);
        padding-right: calc(var(--rpx, 1px)*5.54)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:pt-\[1\.85rpx\] {
        padding-top: calc(var(--rpx, 1px)*1.85)
    }

    .mo\:pb-\[1\.15rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*1.15)
    }

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

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

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

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

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

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

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

    .mo\:static {
        position: static
    }

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

    .mo\:-left-10\/100 {
        left: -10%
    }

    .mo\:-top-30\/100 {
        top: -30%
    }

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

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

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

    .mo\:top-\[calc\(85\%-30vw\)\] {
        top: -webkit-calc(85% - 30vw);
        top: -moz-calc(85% - 30vw);
        top: calc(85% - 30vw);
        top: -webkit-calc(85% - var(--vw, 1vw)*30);
        top: -moz-calc(85% - var(--vw, 1vw)*30);
        top: calc(85% - var(--vw, 1vw)*30)
    }

    .mo\:left-\[calc\(50\%-60vw\)\] {
        left: -webkit-calc(50% - 60vw);
        left: -moz-calc(50% - 60vw);
        left: calc(50% - 60vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*60);
        left: -moz-calc(50% - var(--vw, 1vw)*60);
        left: calc(50% - var(--vw, 1vw)*60)
    }

    .mo\:bottom-0 {
        bottom: 0
    }

    .mo\:top-12\/1000 {
        top: 1.2%
    }

    .mo\:right-30rpx {
        right: -webkit-calc(var(--rpx, 1px)*30);
        right: -moz-calc(var(--rpx, 1px)*30);
        right: calc(var(--rpx, 1px)*30)
    }

    .mo\:top-18rpx {
        top: -webkit-calc(var(--rpx, 1px)*18);
        top: -moz-calc(var(--rpx, 1px)*18);
        top: calc(var(--rpx, 1px)*18)
    }

    .mo\:left-33rpx {
        left: -webkit-calc(var(--rpx, 1px)*33);
        left: -moz-calc(var(--rpx, 1px)*33);
        left: calc(var(--rpx, 1px)*33)
    }

    .mo\:top-43rpx {
        top: -webkit-calc(var(--rpx, 1px)*43);
        top: -moz-calc(var(--rpx, 1px)*43);
        top: calc(var(--rpx, 1px)*43)
    }

    .mo\:left-19rpx {
        left: -webkit-calc(var(--rpx, 1px)*19);
        left: -moz-calc(var(--rpx, 1px)*19);
        left: calc(var(--rpx, 1px)*19)
    }

    .mo\:top-74rpx {
        top: -webkit-calc(var(--rpx, 1px)*74);
        top: -moz-calc(var(--rpx, 1px)*74);
        top: calc(var(--rpx, 1px)*74)
    }

    .mo\:bottom-24rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*24);
        bottom: -moz-calc(var(--rpx, 1px)*24);
        bottom: calc(var(--rpx, 1px)*24)
    }

    .mo\:right-21rpx {
        right: -webkit-calc(var(--rpx, 1px)*21);
        right: -moz-calc(var(--rpx, 1px)*21);
        right: calc(var(--rpx, 1px)*21)
    }

    .mo\:bottom-22rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*22);
        bottom: -moz-calc(var(--rpx, 1px)*22);
        bottom: calc(var(--rpx, 1px)*22)
    }

    .mo\:right-\[16rpx\] {
        right: -webkit-calc(var(--rpx, 1px)*16);
        right: -moz-calc(var(--rpx, 1px)*16);
        right: calc(var(--rpx, 1px)*16)
    }

    .mo\:bottom-\[16rpx\] {
        bottom: -webkit-calc(var(--rpx, 1px)*16);
        bottom: -moz-calc(var(--rpx, 1px)*16);
        bottom: calc(var(--rpx, 1px)*16)
    }

    .mo\:top-5rpx {
        top: -webkit-calc(var(--rpx, 1px)*5);
        top: -moz-calc(var(--rpx, 1px)*5);
        top: calc(var(--rpx, 1px)*5)
    }

    .mo\:-right-44rpx {
        right: -webkit-calc(var(--rpx, 1px)*-44);
        right: -moz-calc(var(--rpx, 1px)*-44);
        right: calc(var(--rpx, 1px)*-44)
    }

    .mo\:-left-19rpx {
        left: -webkit-calc(var(--rpx, 1px)*-19);
        left: -moz-calc(var(--rpx, 1px)*-19);
        left: calc(var(--rpx, 1px)*-19)
    }

    .mo\:bottom-20rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*20);
        bottom: -moz-calc(var(--rpx, 1px)*20);
        bottom: calc(var(--rpx, 1px)*20)
    }

    .mo\:-bottom-54rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-54);
        bottom: -moz-calc(var(--rpx, 1px)*-54);
        bottom: calc(var(--rpx, 1px)*-54)
    }

    .mo\:-right-14rpx {
        right: -webkit-calc(var(--rpx, 1px)*-14);
        right: -moz-calc(var(--rpx, 1px)*-14);
        right: calc(var(--rpx, 1px)*-14)
    }

    .mo\:-right-6rpx {
        right: -webkit-calc(var(--rpx, 1px)*-6);
        right: -moz-calc(var(--rpx, 1px)*-6);
        right: calc(var(--rpx, 1px)*-6)
    }

    .mo\:top-\[-12\%\] {
        top: -12%
    }

    .mo\:bottom-\[-21\%\] {
        bottom: -21%
    }

    .mo\:top-25rpx {
        top: -webkit-calc(var(--rpx, 1px)*25);
        top: -moz-calc(var(--rpx, 1px)*25);
        top: calc(var(--rpx, 1px)*25)
    }

    .mo\:top-\[calc\(32\%-21\.5px\)\] {
        top: -webkit-calc(32% - 21.5px);
        top: -moz-calc(32% - 21.5px);
        top: calc(32% - 21.5px)
    }

    .mo\:top-\[calc\(50\%-16rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*16);
        top: -moz-calc(50% - var(--rpx, 1px)*16);
        top: calc(50% - var(--rpx, 1px)*16)
    }

    .mo\:top-\[calc\(50\%-14rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*14);
        top: -moz-calc(50% - var(--rpx, 1px)*14);
        top: calc(50% - var(--rpx, 1px)*14)
    }

    .mo\:left-4rpx {
        left: -webkit-calc(var(--rpx, 1px)*4);
        left: -moz-calc(var(--rpx, 1px)*4);
        left: calc(var(--rpx, 1px)*4)
    }

    .mo\:top-1\/2 {
        top: 50%
    }

    .mo\:right-20rpx {
        right: -webkit-calc(var(--rpx, 1px)*20);
        right: -moz-calc(var(--rpx, 1px)*20);
        right: calc(var(--rpx, 1px)*20)
    }

    .mo\:top-\[36rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*36);
        top: -moz-calc(var(--rpx, 1px)*36);
        top: calc(var(--rpx, 1px)*36)
    }

    .mo\:left-\[100\%\] {
        left: 100%
    }

    .mo\:top-\[60rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*60);
        top: -moz-calc(var(--rpx, 1px)*60);
        top: calc(var(--rpx, 1px)*60)
    }

    .mo\:top-\[calc\(56\.03\%-15\.5rpx\)\] {
        top: -webkit-calc(56.03% - var(--rpx, 1px)*15.5);
        top: -moz-calc(56.03% - var(--rpx, 1px)*15.5);
        top: calc(56.03% - var(--rpx, 1px)*15.5)
    }

    .mo\:left-\[calc\(33\.61\%-14rpx\)\] {
        left: -webkit-calc(33.61% - var(--rpx, 1px)*14);
        left: -moz-calc(33.61% - var(--rpx, 1px)*14);
        left: calc(33.61% - var(--rpx, 1px)*14)
    }

    .mo\:top-\[calc\(63\.54\%-19\.5rpx\)\] {
        top: -webkit-calc(63.54% - var(--rpx, 1px)*19.5);
        top: -moz-calc(63.54% - var(--rpx, 1px)*19.5);
        top: calc(63.54% - var(--rpx, 1px)*19.5)
    }

    .mo\:left-\[calc\(39\.17\%-17rpx\)\] {
        left: -webkit-calc(39.17% - var(--rpx, 1px)*17);
        left: -moz-calc(39.17% - var(--rpx, 1px)*17);
        left: calc(39.17% - var(--rpx, 1px)*17)
    }

    .mo\:top-\[calc\(100vh-366rpx\)\] {
        top: -webkit-calc(100vh - var(--rpx, 1px)*366);
        top: -moz-calc(100vh - var(--rpx, 1px)*366);
        top: calc(100vh - var(--rpx, 1px)*366);
        top: -webkit-calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*366);
        top: -moz-calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*366);
        top: calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*366)
    }

    .mo\:left-\[calc\(24\.72\%-88\.5rpx\)\] {
        left: -webkit-calc(24.72% - var(--rpx, 1px)*88.5);
        left: -moz-calc(24.72% - var(--rpx, 1px)*88.5);
        left: calc(24.72% - var(--rpx, 1px)*88.5)
    }

    .mo\:top-\[calc\(57\.66\%-106rpx\)\] {
        top: -webkit-calc(57.66% - var(--rpx, 1px)*106);
        top: -moz-calc(57.66% - var(--rpx, 1px)*106);
        top: calc(57.66% - var(--rpx, 1px)*106)
    }

    .mo\:left-\[calc\(51\.39\%-72rpx\)\] {
        left: -webkit-calc(51.39% - var(--rpx, 1px)*72);
        left: -moz-calc(51.39% - var(--rpx, 1px)*72);
        left: calc(51.39% - var(--rpx, 1px)*72)
    }

    .mo\:top-\[calc\(64\.56\%-75rpx\)\] {
        top: -webkit-calc(64.56% - var(--rpx, 1px)*75);
        top: -moz-calc(64.56% - var(--rpx, 1px)*75);
        top: calc(64.56% - var(--rpx, 1px)*75)
    }

    .mo\:top-\[83\.33\%\] {
        top: 83.33%
    }

    .mo\:left-\[50\%\] {
        left: 50%
    }

    .mo\:top-\[11\.67rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*11.67);
        top: -moz-calc(var(--rpx, 1px)*11.67);
        top: calc(var(--rpx, 1px)*11.67)
    }

    .mo\:left-\[10rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*10);
        left: -moz-calc(var(--rpx, 1px)*10);
        left: calc(var(--rpx, 1px)*10)
    }

    .mo\:top-\[calc\(49\.85\%-124rpx\)\] {
        top: -webkit-calc(49.85% - var(--rpx, 1px)*124);
        top: -moz-calc(49.85% - var(--rpx, 1px)*124);
        top: calc(49.85% - var(--rpx, 1px)*124)
    }

    .mo\:left-\[calc\(50\.13\%-55rpx\)\] {
        left: -webkit-calc(50.13% - var(--rpx, 1px)*55);
        left: -moz-calc(50.13% - var(--rpx, 1px)*55);
        left: calc(50.13% - var(--rpx, 1px)*55)
    }

    .mo\:left-\[calc\(50\.13\%-57rpx\)\] {
        left: -webkit-calc(50.13% - var(--rpx, 1px)*57);
        left: -moz-calc(50.13% - var(--rpx, 1px)*57);
        left: calc(50.13% - var(--rpx, 1px)*57)
    }

    .mo\:text-center {
        text-align: center
    }

    .mo\:text-right {
        text-align: right
    }

    .mo\:text-\[\#ffffff\] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .mo\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .mo\:text-\[\#daf64f\] {
        --tw-text-opacity: 1;
        color: rgba(218, 246, 79, var(--tw-text-opacity))
    }

    .mo\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .mo\:text-\[\#01B2D2\] {
        --tw-text-opacity: 1;
        color: rgba(1, 178, 210, var(--tw-text-opacity))
    }

    .mo\:text-\[rgba\(255\,255\,255\,0\.7\)\] {
        --tw-text-opacity: .7;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .mo\:text-\[\#01b2d2\] {
        --tw-text-opacity: 1;
        color: rgba(1, 178, 210, var(--tw-text-opacity))
    }

    .mo\:text-\[\#defaff\] {
        --tw-text-opacity: 1;
        color: rgba(222, 250, 255, var(--tw-text-opacity))
    }

    .mo\:text-\[\#000\] {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .mo\:whitespace-nowrap {
        white-space: nowrap
    }

    .mo\:w-full {
        width: 100%
    }

    .\!mo\:w-full {
        width: 100% !important
    }

    .mo\:w-0 {
        width: 0
    }

    .mo\:w-120\/100 {
        width: 120%
    }

    .mo\:w-102\.6vw {
        width: 102.6vw;
        width: -webkit-calc(var(--vw, 1vw)*102.6);
        width: -moz-calc(var(--vw, 1vw)*102.6);
        width: calc(var(--vw, 1vw)*102.6)
    }

    .mo\:w-144rpx {
        width: -webkit-calc(var(--rpx, 1px)*144);
        width: -moz-calc(var(--rpx, 1px)*144);
        width: calc(var(--rpx, 1px)*144)
    }

    .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-110rpx {
        width: -webkit-calc(var(--rpx, 1px)*110);
        width: -moz-calc(var(--rpx, 1px)*110);
        width: calc(var(--rpx, 1px)*110)
    }

    .mo\:w-20rpx {
        width: -webkit-calc(var(--rpx, 1px)*20);
        width: -moz-calc(var(--rpx, 1px)*20);
        width: calc(var(--rpx, 1px)*20)
    }

    .mo\:w-\[18rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*18);
        width: -moz-calc(var(--rpx, 1px)*18);
        width: calc(var(--rpx, 1px)*18)
    }

    .mo\:w-28rpx {
        width: -webkit-calc(var(--rpx, 1px)*28);
        width: -moz-calc(var(--rpx, 1px)*28);
        width: calc(var(--rpx, 1px)*28)
    }

    .mo\:w-21rpx {
        width: -webkit-calc(var(--rpx, 1px)*21);
        width: -moz-calc(var(--rpx, 1px)*21);
        width: calc(var(--rpx, 1px)*21)
    }

    .mo\:w-14rpx {
        width: -webkit-calc(var(--rpx, 1px)*14);
        width: -moz-calc(var(--rpx, 1px)*14);
        width: calc(var(--rpx, 1px)*14)
    }

    .mo\:w-221rpx {
        width: -webkit-calc(var(--rpx, 1px)*221);
        width: -moz-calc(var(--rpx, 1px)*221);
        width: calc(var(--rpx, 1px)*221)
    }

    .mo\:w-130rpx {
        width: -webkit-calc(var(--rpx, 1px)*130);
        width: -moz-calc(var(--rpx, 1px)*130);
        width: calc(var(--rpx, 1px)*130)
    }

    .mo\:w-67rpx {
        width: -webkit-calc(var(--rpx, 1px)*67);
        width: -moz-calc(var(--rpx, 1px)*67);
        width: calc(var(--rpx, 1px)*67)
    }

    .mo\:w-71rpx {
        width: -webkit-calc(var(--rpx, 1px)*71);
        width: -moz-calc(var(--rpx, 1px)*71);
        width: calc(var(--rpx, 1px)*71)
    }

    .mo\:w-35rpx {
        width: -webkit-calc(var(--rpx, 1px)*35);
        width: -moz-calc(var(--rpx, 1px)*35);
        width: calc(var(--rpx, 1px)*35)
    }

    .mo\:w-310rpx {
        width: -webkit-calc(var(--rpx, 1px)*310);
        width: -moz-calc(var(--rpx, 1px)*310);
        width: calc(var(--rpx, 1px)*310)
    }

    .mo\:w-289rpx {
        width: -webkit-calc(var(--rpx, 1px)*289);
        width: -moz-calc(var(--rpx, 1px)*289);
        width: calc(var(--rpx, 1px)*289)
    }

    .mo\:w-4rpx {
        width: -webkit-calc(var(--rpx, 1px)*4);
        width: -moz-calc(var(--rpx, 1px)*4);
        width: calc(var(--rpx, 1px)*4)
    }

    .mo\:w-329rpx {
        width: -webkit-calc(var(--rpx, 1px)*329);
        width: -moz-calc(var(--rpx, 1px)*329);
        width: calc(var(--rpx, 1px)*329)
    }

    .mo\:w-228rpx {
        width: -webkit-calc(var(--rpx, 1px)*228);
        width: -moz-calc(var(--rpx, 1px)*228);
        width: calc(var(--rpx, 1px)*228)
    }

    .mo\:w-224rpx {
        width: -webkit-calc(var(--rpx, 1px)*224);
        width: -moz-calc(var(--rpx, 1px)*224);
        width: calc(var(--rpx, 1px)*224)
    }

    .mo\:w-159rpx {
        width: -webkit-calc(var(--rpx, 1px)*159);
        width: -moz-calc(var(--rpx, 1px)*159);
        width: calc(var(--rpx, 1px)*159)
    }

    .mo\:w-154rpx {
        width: -webkit-calc(var(--rpx, 1px)*154);
        width: -moz-calc(var(--rpx, 1px)*154);
        width: calc(var(--rpx, 1px)*154)
    }

    .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-\[102rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*102);
        width: -moz-calc(var(--rpx, 1px)*102);
        width: calc(var(--rpx, 1px)*102)
    }

    .mo\:w-\[109rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*109);
        width: -moz-calc(var(--rpx, 1px)*109);
        width: calc(var(--rpx, 1px)*109)
    }

    .mo\:w-\[254px\] {
        width: 254px
    }

    .mo\:w-\[172rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*172);
        width: -moz-calc(var(--rpx, 1px)*172);
        width: calc(var(--rpx, 1px)*172)
    }

    .mo\:w-\[80rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*80);
        width: -moz-calc(var(--rpx, 1px)*80);
        width: calc(var(--rpx, 1px)*80)
    }

    .mo\:w-\[248\.76rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*248.76);
        width: -moz-calc(var(--rpx, 1px)*248.76);
        width: calc(var(--rpx, 1px)*248.76)
    }

    .mo\:w-\[78\.76rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*78.76);
        width: -moz-calc(var(--rpx, 1px)*78.76);
        width: calc(var(--rpx, 1px)*78.76)
    }

    .mo\:w-\[162px\] {
        width: 162px
    }

    .mo\:w-\[159rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*159);
        width: -moz-calc(var(--rpx, 1px)*159);
        width: calc(var(--rpx, 1px)*159)
    }

    .mo\:w-\[360rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*360);
        width: -moz-calc(var(--rpx, 1px)*360);
        width: calc(var(--rpx, 1px)*360)
    }

    .mo\:w-\[28rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*28);
        width: -moz-calc(var(--rpx, 1px)*28);
        width: calc(var(--rpx, 1px)*28)
    }

    .mo\:w-\[34rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*34);
        width: -moz-calc(var(--rpx, 1px)*34);
        width: calc(var(--rpx, 1px)*34)
    }

    .mo\:w-\[48rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*48);
        width: -moz-calc(var(--rpx, 1px)*48);
        width: calc(var(--rpx, 1px)*48)
    }

    .mo\:w-\[177rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*177);
        width: -moz-calc(var(--rpx, 1px)*177);
        width: calc(var(--rpx, 1px)*177)
    }

    .mo\:w-\[144rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*144);
        width: -moz-calc(var(--rpx, 1px)*144);
        width: calc(var(--rpx, 1px)*144)
    }

    .mo\:w-\[296rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*296);
        width: -moz-calc(var(--rpx, 1px)*296);
        width: calc(var(--rpx, 1px)*296)
    }

    .mo\:w-\[14\.4rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*14.4);
        width: -moz-calc(var(--rpx, 1px)*14.4);
        width: calc(var(--rpx, 1px)*14.4)
    }

    .mo\:w-\[14\.12rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*14.12);
        width: -moz-calc(var(--rpx, 1px)*14.12);
        width: calc(var(--rpx, 1px)*14.12)
    }

    .mo\:w-\[328px\] {
        width: 328px
    }

    .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-253rpx {
        width: -webkit-calc(var(--rpx, 1px)*253);
        width: -moz-calc(var(--rpx, 1px)*253);
        width: calc(var(--rpx, 1px)*253)
    }

    .mo\:w-186rpx {
        width: -webkit-calc(var(--rpx, 1px)*186);
        width: -moz-calc(var(--rpx, 1px)*186);
        width: calc(var(--rpx, 1px)*186)
    }

    .mo\:w-\[113rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*113);
        width: -moz-calc(var(--rpx, 1px)*113);
        width: calc(var(--rpx, 1px)*113)
    }

    .mo\:z-1 {
        z-index: 1
    }

    .mo\:z-3 {
        z-index: 3
    }

    .mo\:z-2 {
        z-index: 2
    }

    .mo\:z-10 {
        z-index: 10
    }

    .mo\:z-42 {
        z-index: 42
    }

    .mo\:gap-20rpx {
        grid-gap: -webkit-calc(var(--rpx, 1px)*20);
        grid-gap: -moz-calc(var(--rpx, 1px)*20);
        grid-gap: calc(var(--rpx, 1px)*20);
        gap: -webkit-calc(var(--rpx, 1px)*20);
        gap: -moz-calc(var(--rpx, 1px)*20);
        gap: calc(var(--rpx, 1px)*20)
    }

    .mo\:transform {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-rotate: 0;
        --tw-rotate-x: 0;
        --tw-rotate-y: 0;
        --tw-rotate-z: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
    }

    .mo\:rotate-90 {
        --tw-rotate: 90deg
    }

    .mo\:translate-x-\[-50\%\] {
        --tw-translate-x: -50%
    }

    .mo\:-translate-y-1\/2, .mo\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .mo\:perspect-100 {
        -webkit-perspective: 100px;
        -moz-perspective: 100px;
        perspective: 100px
    }

    .mo\:perspect-1000px {
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }
}

@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 .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 500
    }

    .pad\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#EDEEF2\] {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 238, 242, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#DAF64F\] {
        --tw-bg-opacity: 1;
        background-color: rgba(218, 246, 79, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#01B2D2\] {
        --tw-bg-opacity: 1;
        background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#D9D9D9\] {
        --tw-bg-opacity: 1;
        background-color: rgba(217, 217, 217, var(--tw-bg-opacity))
    }

    .pad\:bg-\[rgba\(255\,255\,255\,0\.2\)\] {
        --tw-bg-opacity: .2;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#01b2d2\] {
        --tw-bg-opacity: 1;
        background-color: rgba(1, 178, 210, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#000\], .pad\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#fff\] {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .pad\:bg-black\/10 {
        --tw-bg-opacity: .1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .pad\:bg-\[\#FAFAFA\] {
        --tw-bg-opacity: 1;
        background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
    }

    .pad\:border-white {
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity))
    }

    .pad\:rounded-\[0\.6vw\] {
        border-radius: .6vw;
        border-radius: -webkit-calc(var(--vw, 1vw)*.6);
        border-radius: -moz-calc(var(--vw, 1vw)*.6);
        border-radius: calc(var(--vw, 1vw)*.6)
    }

    .pad\:rounded-\[25rpx\] {
        border-radius: -webkit-calc(var(--rpx, 1px)*25);
        border-radius: -moz-calc(var(--rpx, 1px)*25);
        border-radius: calc(var(--rpx, 1px)*25)
    }

    .pad\:rounded-50rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*50);
        border-radius: -moz-calc(var(--rpx, 1px)*50);
        border-radius: calc(var(--rpx, 1px)*50)
    }

    .pad\:rounded-full {
        border-radius: 9999px
    }

    .pad\:rounded-\[4\.62rpx\] {
        border-radius: -webkit-calc(var(--rpx, 1px)*4.62);
        border-radius: -moz-calc(var(--rpx, 1px)*4.62);
        border-radius: calc(var(--rpx, 1px)*4.62)
    }

    .pad\:rounded-15rpx {
        border-radius: -webkit-calc(var(--rpx, 1px)*15);
        border-radius: -moz-calc(var(--rpx, 1px)*15);
        border-radius: calc(var(--rpx, 1px)*15)
    }

    .pad\:rounded-\[10rpx\] {
        border-radius: -webkit-calc(var(--rpx, 1px)*10);
        border-radius: -moz-calc(var(--rpx, 1px)*10);
        border-radius: calc(var(--rpx, 1px)*10)
    }

    .pad\:border-solid {
        border-style: solid
    }

    .pad\:border-0 {
        border-width: 0
    }

    .pad\:border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .pad\:inline-block {
        display: inline-block
    }

    .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\:hidden {
        display: none
    }

    .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-nowrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .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 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .pad\:flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .pad\:order-2 {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .pad\:order-3 {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .pad\:order-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .pad\:font-medium {
        font-weight: 500
    }

    .pad\:h-full {
        height: 100%
    }

    .pad\:h-1\/2 {
        height: 50%
    }

    .\!pad\:h-full {
        height: 100% !important
    }

    .pad\:h-auto {
        height: auto
    }

    .pad\:h-\[calc\(100vh-106px\)\] {
        height: -webkit-calc(100vh - 106px);
        height: -moz-calc(100vh - 106px);
        height: calc(100vh - 106px);
        height: -webkit-calc(var(--vh, 1vh)*100 - 106px);
        height: -moz-calc(var(--vh, 1vh)*100 - 106px);
        height: calc(var(--vh, 1vh)*100 - 106px)
    }

    .pad\:h-436rpx {
        height: -webkit-calc(var(--rpx, 1px)*436);
        height: -moz-calc(var(--rpx, 1px)*436);
        height: calc(var(--rpx, 1px)*436)
    }

    .pad\:h-18rpx {
        height: -webkit-calc(var(--rpx, 1px)*18);
        height: -moz-calc(var(--rpx, 1px)*18);
        height: calc(var(--rpx, 1px)*18)
    }

    .pad\:h-27rpx {
        height: -webkit-calc(var(--rpx, 1px)*27);
        height: -moz-calc(var(--rpx, 1px)*27);
        height: calc(var(--rpx, 1px)*27)
    }

    .pad\:h-24px {
        height: 24px
    }

    .pad\:h-292rpx {
        height: -webkit-calc(var(--rpx, 1px)*292);
        height: -moz-calc(var(--rpx, 1px)*292);
        height: calc(var(--rpx, 1px)*292)
    }

    .pad\:h-64rpx {
        height: -webkit-calc(var(--rpx, 1px)*64);
        height: -moz-calc(var(--rpx, 1px)*64);
        height: calc(var(--rpx, 1px)*64)
    }

    .pad\:h-173rpx {
        height: -webkit-calc(var(--rpx, 1px)*173);
        height: -moz-calc(var(--rpx, 1px)*173);
        height: calc(var(--rpx, 1px)*173)
    }

    .pad\:h-192rpx {
        height: -webkit-calc(var(--rpx, 1px)*192);
        height: -moz-calc(var(--rpx, 1px)*192);
        height: calc(var(--rpx, 1px)*192)
    }

    .pad\:h-51\.3vw {
        height: 51.3vw;
        height: -webkit-calc(var(--vw, 1vw)*51.3);
        height: -moz-calc(var(--vw, 1vw)*51.3);
        height: calc(var(--vw, 1vw)*51.3)
    }

    .pad\:h-\[calc\(100\%-163rpx\)\] {
        height: -webkit-calc(100% - var(--rpx, 1px)*163);
        height: -moz-calc(100% - var(--rpx, 1px)*163);
        height: calc(100% - var(--rpx, 1px)*163)
    }

    .pad\:h-\[58\%\] {
        height: 58%
    }

    .pad\:h-\[calc\(100\%-73rpx\)\] {
        height: -webkit-calc(100% - var(--rpx, 1px)*73);
        height: -moz-calc(100% - var(--rpx, 1px)*73);
        height: calc(100% - var(--rpx, 1px)*73)
    }

    .pad\:h-177rpx {
        height: -webkit-calc(var(--rpx, 1px)*177);
        height: -moz-calc(var(--rpx, 1px)*177);
        height: calc(var(--rpx, 1px)*177)
    }

    .pad\:h-34rpx {
        height: -webkit-calc(var(--rpx, 1px)*34);
        height: -moz-calc(var(--rpx, 1px)*34);
        height: calc(var(--rpx, 1px)*34)
    }

    .pad\:h-22rpx {
        height: -webkit-calc(var(--rpx, 1px)*22);
        height: -moz-calc(var(--rpx, 1px)*22);
        height: calc(var(--rpx, 1px)*22)
    }

    .pad\:h-\[42\%\] {
        height: 42%
    }

    .pad\:h-\[300rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*300);
        height: -moz-calc(var(--rpx, 1px)*300);
        height: calc(var(--rpx, 1px)*300)
    }

    .pad\:h-\[18rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*18);
        height: -moz-calc(var(--rpx, 1px)*18);
        height: calc(var(--rpx, 1px)*18)
    }

    .pad\:h-138rpx {
        height: -webkit-calc(var(--rpx, 1px)*138);
        height: -moz-calc(var(--rpx, 1px)*138);
        height: calc(var(--rpx, 1px)*138)
    }

    .pad\:h-200rpx {
        height: -webkit-calc(var(--rpx, 1px)*200);
        height: -moz-calc(var(--rpx, 1px)*200);
        height: calc(var(--rpx, 1px)*200)
    }

    .pad\:h-462rpx {
        height: -webkit-calc(var(--rpx, 1px)*462);
        height: -moz-calc(var(--rpx, 1px)*462);
        height: calc(var(--rpx, 1px)*462)
    }

    .pad\:h-270rpx {
        height: -webkit-calc(var(--rpx, 1px)*270);
        height: -moz-calc(var(--rpx, 1px)*270);
        height: calc(var(--rpx, 1px)*270)
    }

    .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-21rpx {
        height: -webkit-calc(var(--rpx, 1px)*21);
        height: -moz-calc(var(--rpx, 1px)*21);
        height: calc(var(--rpx, 1px)*21)
    }

    .pad\:h-1rpx {
        height: -webkit-calc(var(--rpx, 1px)*1);
        height: -moz-calc(var(--rpx, 1px)*1);
        height: calc(var(--rpx, 1px)*1)
    }

    .pad\:h-404rpx {
        height: -webkit-calc(var(--rpx, 1px)*404);
        height: -moz-calc(var(--rpx, 1px)*404);
        height: calc(var(--rpx, 1px)*404)
    }

    .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-205rpx {
        height: -webkit-calc(var(--rpx, 1px)*205);
        height: -moz-calc(var(--rpx, 1px)*205);
        height: calc(var(--rpx, 1px)*205)
    }

    .pad\:h-340rpx {
        height: -webkit-calc(var(--rpx, 1px)*340);
        height: -moz-calc(var(--rpx, 1px)*340);
        height: calc(var(--rpx, 1px)*340)
    }

    .pad\:h-1px {
        height: 1px
    }

    .pad\:h-31rpx {
        height: -webkit-calc(var(--rpx, 1px)*31);
        height: -moz-calc(var(--rpx, 1px)*31);
        height: calc(var(--rpx, 1px)*31)
    }

    .pad\:h-29rpx {
        height: -webkit-calc(var(--rpx, 1px)*29);
        height: -moz-calc(var(--rpx, 1px)*29);
        height: calc(var(--rpx, 1px)*29)
    }

    .pad\:h-\[352rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*352);
        height: -moz-calc(var(--rpx, 1px)*352);
        height: calc(var(--rpx, 1px)*352)
    }

    .pad\:h-\[500rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*500);
        height: -moz-calc(var(--rpx, 1px)*500);
        height: calc(var(--rpx, 1px)*500)
    }

    .pad\:h-\[452rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*452);
        height: -moz-calc(var(--rpx, 1px)*452);
        height: calc(var(--rpx, 1px)*452)
    }

    .pad\:h-\[48rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*48);
        height: -moz-calc(var(--rpx, 1px)*48);
        height: calc(var(--rpx, 1px)*48)
    }

    .pad\:h-\[calc\(100vh\+1500px\)\] {
        height: -webkit-calc(100vh + 1500px);
        height: -moz-calc(100vh + 1500px);
        height: calc(100vh + 1500px);
        height: -webkit-calc(var(--vh, 1vh)*100 + 1500px);
        height: -moz-calc(var(--vh, 1vh)*100 + 1500px);
        height: calc(var(--vh, 1vh)*100 + 1500px)
    }

    .pad\:h-\[65\.104vw\] {
        height: 65.104vw;
        height: -webkit-calc(var(--vw, 1vw)*65.104);
        height: -moz-calc(var(--vw, 1vw)*65.104);
        height: calc(var(--vw, 1vw)*65.104)
    }

    .pad\:h-\[22\.57\%\] {
        height: 22.57%
    }

    .pad\:h-\[77\.43\%\] {
        height: 77.43%
    }

    .pad\:h-\[572rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*572);
        height: -moz-calc(var(--rpx, 1px)*572);
        height: calc(var(--rpx, 1px)*572)
    }

    .pad\:h-\[420rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*420);
        height: -moz-calc(var(--rpx, 1px)*420);
        height: calc(var(--rpx, 1px)*420)
    }

    .pad\:h-\[36rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*36);
        height: -moz-calc(var(--rpx, 1px)*36);
        height: calc(var(--rpx, 1px)*36)
    }

    .pad\:h-\[46rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*46);
        height: -moz-calc(var(--rpx, 1px)*46);
        height: calc(var(--rpx, 1px)*46)
    }

    .pad\:h-\[391rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*391);
        height: -moz-calc(var(--rpx, 1px)*391);
        height: calc(var(--rpx, 1px)*391)
    }

    .pad\:h-\[62rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*62);
        height: -moz-calc(var(--rpx, 1px)*62);
        height: calc(var(--rpx, 1px)*62)
    }

    .pad\:h-\[502rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*502);
        height: -moz-calc(var(--rpx, 1px)*502);
        height: calc(var(--rpx, 1px)*502)
    }

    .pad\:h-\[960rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*960);
        height: -moz-calc(var(--rpx, 1px)*960);
        height: calc(var(--rpx, 1px)*960)
    }

    .pad\:h-\[680rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*680);
        height: -moz-calc(var(--rpx, 1px)*680);
        height: calc(var(--rpx, 1px)*680)
    }

    .pad\:h-\[94rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*94);
        height: -moz-calc(var(--rpx, 1px)*94);
        height: calc(var(--rpx, 1px)*94)
    }

    .pad\:h-\[107rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*107);
        height: -moz-calc(var(--rpx, 1px)*107);
        height: calc(var(--rpx, 1px)*107)
    }

    .pad\:h-\[250rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*250);
        height: -moz-calc(var(--rpx, 1px)*250);
        height: calc(var(--rpx, 1px)*250)
    }

    .pad\:h-\[133rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*133);
        height: -moz-calc(var(--rpx, 1px)*133);
        height: calc(var(--rpx, 1px)*133)
    }

    .pad\:h-\[437rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*437);
        height: -moz-calc(var(--rpx, 1px)*437);
        height: calc(var(--rpx, 1px)*437)
    }

    .pad\:h-\[14\.4rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*14.4);
        height: -moz-calc(var(--rpx, 1px)*14.4);
        height: calc(var(--rpx, 1px)*14.4)
    }

    .pad\:h-\[14\.12rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*14.12);
        height: -moz-calc(var(--rpx, 1px)*14.12);
        height: calc(var(--rpx, 1px)*14.12)
    }

    .pad\:h-\[145rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*145);
        height: -moz-calc(var(--rpx, 1px)*145);
        height: calc(var(--rpx, 1px)*145)
    }

    .pad\:h-410rpx {
        height: -webkit-calc(var(--rpx, 1px)*410);
        height: -moz-calc(var(--rpx, 1px)*410);
        height: calc(var(--rpx, 1px)*410)
    }

    .pad\:h-257rpx {
        height: -webkit-calc(var(--rpx, 1px)*257);
        height: -moz-calc(var(--rpx, 1px)*257);
        height: calc(var(--rpx, 1px)*257)
    }

    .pad\:h-20px {
        height: 20px
    }

    .pad\:h-476rpx {
        height: -webkit-calc(var(--rpx, 1px)*476);
        height: -moz-calc(var(--rpx, 1px)*476);
        height: calc(var(--rpx, 1px)*476)
    }

    .pad\:h-32px {
        height: 32px
    }

    .pad\:h-332rpx {
        height: -webkit-calc(var(--rpx, 1px)*332);
        height: -moz-calc(var(--rpx, 1px)*332);
        height: calc(var(--rpx, 1px)*332)
    }

    .pad\:h-608rpx {
        height: -webkit-calc(var(--rpx, 1px)*608);
        height: -moz-calc(var(--rpx, 1px)*608);
        height: calc(var(--rpx, 1px)*608)
    }

    .pad\:h-387rpx {
        height: -webkit-calc(var(--rpx, 1px)*387);
        height: -moz-calc(var(--rpx, 1px)*387);
        height: calc(var(--rpx, 1px)*387)
    }

    .pad\:h-392rpx {
        height: -webkit-calc(var(--rpx, 1px)*392);
        height: -moz-calc(var(--rpx, 1px)*392);
        height: calc(var(--rpx, 1px)*392)
    }

    .pad\:h-\[378rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*378);
        height: -moz-calc(var(--rpx, 1px)*378);
        height: calc(var(--rpx, 1px)*378)
    }

    .pad\:h-\[316rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*316);
        height: -moz-calc(var(--rpx, 1px)*316);
        height: calc(var(--rpx, 1px)*316)
    }

    .pad\:h-236rpx {
        height: -webkit-calc(var(--rpx, 1px)*236);
        height: -moz-calc(var(--rpx, 1px)*236);
        height: calc(var(--rpx, 1px)*236)
    }

    .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-253rpx {
        height: -webkit-calc(var(--rpx, 1px)*253);
        height: -moz-calc(var(--rpx, 1px)*253);
        height: calc(var(--rpx, 1px)*253)
    }

    .pad\:h-505rpx {
        height: -webkit-calc(var(--rpx, 1px)*505);
        height: -moz-calc(var(--rpx, 1px)*505);
        height: calc(var(--rpx, 1px)*505)
    }

    .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-\[299rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*299);
        height: -moz-calc(var(--rpx, 1px)*299);
        height: calc(var(--rpx, 1px)*299)
    }

    .pad\:h-\[377rpx\] {
        height: -webkit-calc(var(--rpx, 1px)*377);
        height: -moz-calc(var(--rpx, 1px)*377);
        height: calc(var(--rpx, 1px)*377)
    }

    .pad\:text-28px {
        font-size: 28px;
        line-height: 1
    }

    .pad\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .pad\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .pad\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .pad\:text-13rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*13);
        font-size: -moz-calc(var(--rpx, 1px)*13);
        font-size: calc(var(--rpx, 1px)*13);
        line-height: 1
    }

    .pad\:text-74rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*74);
        font-size: -moz-calc(var(--rpx, 1px)*74);
        font-size: calc(var(--rpx, 1px)*74);
        line-height: 1
    }

    .pad\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .pad\:text-450rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*450);
        font-size: -moz-calc(var(--rpx, 1px)*450);
        font-size: calc(var(--rpx, 1px)*450);
        line-height: 1
    }

    .pad\:text-31rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*31);
        font-size: -moz-calc(var(--rpx, 1px)*31);
        font-size: calc(var(--rpx, 1px)*31);
        line-height: 1
    }

    .pad\:text-\[20\.83vw\] {
        font-size: 20.83vw;
        font-size: -webkit-calc(var(--vw, 1vw)*20.83);
        font-size: -moz-calc(var(--vw, 1vw)*20.83);
        font-size: calc(var(--vw, 1vw)*20.83);
        line-height: 1
    }

    .pad\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .pad\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pad\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .\!pad\:leading-\[1\.3\] {
        line-height: 1.3 !important
    }

    .pad\:leading-\[1\.33\] {
        line-height: 1.33
    }

    .pad\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .\!pad\:leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .pad\:leading-22px {
        line-height: 22px
    }

    .pad\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .pad\:my-\[14rpx\] {
        margin-bottom: calc(var(--rpx, 1px)*14);
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .pad\:mt-2px {
        margin-top: 2px
    }

    .pad\:mt-18px {
        margin-top: 18px
    }

    .pad\:mt-6px {
        margin-top: 6px
    }

    .pad\:mb-\[0\.27vw\] {
        margin-bottom: .27vw;
        margin-bottom: calc(var(--vw, 1vw)*.27)
    }

    .pad\:mr-8rpx {
        margin-right: calc(var(--rpx, 1px)*8)
    }

    .pad\:ml-\[8rpx\] {
        margin-left: calc(var(--rpx, 1px)*8)
    }

    .pad\:ml-\[4rpx\] {
        margin-left: calc(var(--rpx, 1px)*4)
    }

    .pad\:mt-14px {
        margin-top: 14px
    }

    .pad\:ml-2rpx {
        margin-left: calc(var(--rpx, 1px)*2)
    }

    .pad\:mb-24px {
        margin-bottom: 24px
    }

    .pad\:mt-2rpx {
        margin-top: calc(var(--rpx, 1px)*2)
    }

    .pad\:mt-16rpx {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    .pad\:mt-4rpx {
        margin-top: calc(var(--rpx, 1px)*4)
    }

    .pad\:mt-20px {
        margin-top: 20px
    }

    .pad\:mt-\[14rpx\] {
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .pad\:mt-\[15rpx\] {
        margin-top: calc(var(--rpx, 1px)*15)
    }

    .pad\:mt-\[12rpx\] {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .pad\:mt-\[51rpx\] {
        margin-top: calc(var(--rpx, 1px)*51)
    }

    .pad\:mt-\[2rpx\] {
        margin-top: calc(var(--rpx, 1px)*2)
    }

    .pad\:mt-\[4rpx\] {
        margin-top: calc(var(--rpx, 1px)*4)
    }

    .pad\:ml-\[1px\] {
        margin-left: 1px
    }

    .pad\:mt-\[40rpx\] {
        margin-top: calc(var(--rpx, 1px)*40)
    }

    .pad\:mb-\[20rpx\] {
        margin-bottom: calc(var(--rpx, 1px)*20)
    }

    .pad\:ml-\[15rpx\] {
        margin-left: calc(var(--rpx, 1px)*15)
    }

    .pad\:ml-\[6rpx\] {
        margin-left: calc(var(--rpx, 1px)*6)
    }

    .pad\:mt-\[6rpx\] {
        margin-top: calc(var(--rpx, 1px)*6)
    }

    .pad\:ml-\[46rpx\] {
        margin-left: calc(var(--rpx, 1px)*46)
    }

    .pad\:mt-\[20rpx\] {
        margin-top: calc(var(--rpx, 1px)*20)
    }

    .pad\:mt-\[-16px\] {
        margin-top: -16px
    }

    .pad\:ml-\[7rpx\] {
        margin-left: calc(var(--rpx, 1px)*7)
    }

    .pad\:mb-\[-178rpx\] {
        margin-bottom: calc(var(--rpx, 1px)*-178)
    }

    .pad\:mt-\[32rpx\] {
        margin-top: calc(var(--rpx, 1px)*32)
    }

    .pad\:mr-\[3\.69rpx\] {
        margin-right: calc(var(--rpx, 1px)*3.69)
    }

    .pad\:mt-\[24rpx\] {
        margin-top: calc(var(--rpx, 1px)*24)
    }

    .pad\:ml-\[64rpx\] {
        margin-left: calc(var(--rpx, 1px)*64)
    }

    .pad\:mt-\[81rpx\] {
        margin-top: calc(var(--rpx, 1px)*81)
    }

    .pad\:mt-8rpx {
        margin-top: calc(var(--rpx, 1px)*8)
    }

    .pad\:mt-0 {
        margin-top: 0
    }

    .pad\:mt-14rpx {
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .pad\:mt-18rpx {
        margin-top: calc(var(--rpx, 1px)*18)
    }

    .pad\:ml-\[12rpx\] {
        margin-left: calc(var(--rpx, 1px)*12)
    }

    .pad\:ml-auto {
        margin-left: auto
    }

    .pad\:mt-61rpx {
        margin-top: calc(var(--rpx, 1px)*61)
    }

    .pad\:mt-80rpx {
        margin-top: calc(var(--rpx, 1px)*80)
    }

    .pad\:mt-107rpx {
        margin-top: calc(var(--rpx, 1px)*107)
    }

    .pad\:mt-86rpx {
        margin-top: calc(var(--rpx, 1px)*86)
    }

    .pad\:mt-auto {
        margin-top: auto
    }

    .pad\:mb-22rpx {
        margin-bottom: calc(var(--rpx, 1px)*22)
    }

    .pad\:mb-24rpx {
        margin-bottom: calc(var(--rpx, 1px)*24)
    }

    .pad\:mt-10rpx {
        margin-top: calc(var(--rpx, 1px)*10)
    }

    .pad\:mr-0 {
        margin-right: 0
    }

    .pad\:mt-6rpx {
        margin-top: calc(var(--rpx, 1px)*6)
    }

    .pad\:mt-20rpx {
        margin-top: calc(var(--rpx, 1px)*20)
    }

    .pad\:mt-4px {
        margin-top: 4px
    }

    .pad\:max-h-full {
        max-height: 100%
    }

    .pad\:max-h-288rpx {
        max-height: -webkit-calc(var(--rpx, 1px)*288);
        max-height: -moz-calc(var(--rpx, 1px)*288);
        max-height: calc(var(--rpx, 1px)*288)
    }

    .pad\:max-h-387px {
        max-height: 387px
    }

    .pad\:max-h-\[var\(--content-height\)\] {
        max-height: var(--content-height)
    }

    .pad\:max-h-\[calc\(var\(--content-height\)-24px\)\] {
        max-height: -webkit-calc(var(--content-height) - 24px);
        max-height: -moz-calc(var(--content-height) - 24px);
        max-height: calc(var(--content-height) - 24px)
    }

    .pad\:max-w-262px {
        max-width: 262px
    }

    .pad\:max-w-268px {
        max-width: 268px
    }

    .pad\:max-w-234px {
        max-width: 234px
    }

    .pad\:min-h-188px {
        min-height: 188px
    }

    .pad\:min-h-\[400rpx\] {
        min-height: -webkit-calc(var(--rpx, 1px)*400);
        min-height: -moz-calc(var(--rpx, 1px)*400);
        min-height: calc(var(--rpx, 1px)*400)
    }

    .pad\:min-w-\[328rpx\] {
        min-width: -webkit-calc(var(--rpx, 1px)*328);
        min-width: -moz-calc(var(--rpx, 1px)*328);
        min-width: calc(var(--rpx, 1px)*328)
    }

    .pad\:min-w-\[102rpx\] {
        min-width: -webkit-calc(var(--rpx, 1px)*102);
        min-width: -moz-calc(var(--rpx, 1px)*102);
        min-width: calc(var(--rpx, 1px)*102)
    }

    .pad\:min-w-\[109rpx\] {
        min-width: -webkit-calc(var(--rpx, 1px)*109);
        min-width: -moz-calc(var(--rpx, 1px)*109);
        min-width: calc(var(--rpx, 1px)*109)
    }

    .pad\:min-w-\[99rpx\] {
        min-width: -webkit-calc(var(--rpx, 1px)*99);
        min-width: -moz-calc(var(--rpx, 1px)*99);
        min-width: calc(var(--rpx, 1px)*99)
    }

    .pad\:min-w-\[31vw\] {
        min-width: 31vw;
        min-width: -webkit-calc(var(--vw, 1vw)*31);
        min-width: -moz-calc(var(--vw, 1vw)*31);
        min-width: calc(var(--vw, 1vw)*31)
    }

    .pad\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .\!pad\:object-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .pad\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .\!pad\:object-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .pad\:opacity-95 {
        opacity: .95
    }

    .pad\:opacity-55 {
        opacity: .55
    }

    .pad\:opacity-60 {
        opacity: .6
    }

    .pad\:opacity-30 {
        opacity: .3
    }

    .pad\:opacity-0 {
        opacity: 0
    }

    .pad\:opacity-70 {
        opacity: .7
    }

    .pad\:opacity-50 {
        opacity: .5
    }

    .pad\:opacity-80 {
        opacity: .8
    }

    .pad\:opacity-45 {
        opacity: .45
    }

    .pad\:overflow-hidden {
        overflow: hidden
    }

    .pad\:p-\[1\.67vw\] {
        padding: 1.67vw;
        padding: calc(var(--vw, 1vw)*1.67)
    }

    .pad\:p-24rpx {
        padding: calc(var(--rpx, 1px)*24)
    }

    .pad\:px-4px {
        padding-left: 4px;
        padding-right: 4px
    }

    .pad\:py-8rpx {
        padding-bottom: calc(var(--rpx, 1px)*8);
        padding-top: calc(var(--rpx, 1px)*8)
    }

    .pad\:px-14px {
        padding-left: 14px;
        padding-right: 14px
    }

    .pad\:px-\[24rpx\] {
        padding-left: calc(var(--rpx, 1px)*24);
        padding-right: calc(var(--rpx, 1px)*24)
    }

    .pad\:py-\[64rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*64);
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .pad\:px-16rpx {
        padding-left: calc(var(--rpx, 1px)*16);
        padding-right: calc(var(--rpx, 1px)*16)
    }

    .pad\:px-24rpx {
        padding-left: calc(var(--rpx, 1px)*24);
        padding-right: calc(var(--rpx, 1px)*24)
    }

    .pad\:px-64rpx {
        padding-left: calc(var(--rpx, 1px)*64);
        padding-right: calc(var(--rpx, 1px)*64)
    }

    .pad\:py-\[40rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*40);
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .pad\:py-\[100rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*100);
        padding-top: calc(var(--rpx, 1px)*100)
    }

    .pad\:py-\[16rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*16);
        padding-top: calc(var(--rpx, 1px)*16)
    }

    .pad\:py-\[24rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*24);
        padding-top: calc(var(--rpx, 1px)*24)
    }

    .pad\:py-\[8px\] {
        padding-bottom: 8px;
        padding-top: 8px
    }

    .pad\:py-\[10rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*10);
        padding-top: calc(var(--rpx, 1px)*10)
    }

    .pad\:py-\[56\.5rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*56.5);
        padding-top: calc(var(--rpx, 1px)*56.5)
    }

    .pad\:px-\[5\.54rpx\] {
        padding-left: calc(var(--rpx, 1px)*5.54);
        padding-right: calc(var(--rpx, 1px)*5.54)
    }

    .pad\:py-\[52rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*52);
        padding-top: calc(var(--rpx, 1px)*52)
    }

    .pad\:py-12rpx {
        padding-bottom: calc(var(--rpx, 1px)*12);
        padding-top: calc(var(--rpx, 1px)*12)
    }

    .pad\:px-20px {
        padding-left: 20px;
        padding-right: 20px
    }

    .pad\:py-45rpx {
        padding-bottom: calc(var(--rpx, 1px)*45);
        padding-top: calc(var(--rpx, 1px)*45)
    }

    .pad\:pt-40px {
        padding-top: 40px
    }

    .pad\:pb-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64)
    }

    .pad\:pt-120rpx {
        padding-top: calc(var(--rpx, 1px)*120)
    }

    .pad\:pb-105rpx {
        padding-bottom: calc(var(--rpx, 1px)*105)
    }

    .pad\:pl-30rpx {
        padding-left: calc(var(--rpx, 1px)*30)
    }

    .pad\:pl-8rpx {
        padding-left: calc(var(--rpx, 1px)*8)
    }

    .pad\:pl-7rpx {
        padding-left: calc(var(--rpx, 1px)*7)
    }

    .pad\:pt-\[56rpx\] {
        padding-top: calc(var(--rpx, 1px)*56)
    }

    .pad\:pl-\[24rpx\] {
        padding-left: calc(var(--rpx, 1px)*24)
    }

    .pad\:pr-\[30rpx\] {
        padding-right: calc(var(--rpx, 1px)*30)
    }

    .pad\:pr-\[32rpx\] {
        padding-right: calc(var(--rpx, 1px)*32)
    }

    .pad\:pl-\[10rpx\] {
        padding-left: calc(var(--rpx, 1px)*10)
    }

    .pad\:pr-\[24rpx\] {
        padding-right: calc(var(--rpx, 1px)*24)
    }

    .pad\:pl-\[26rpx\] {
        padding-left: calc(var(--rpx, 1px)*26)
    }

    .pad\:pt-\[40rpx\] {
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .pad\:pl-\[40rpx\] {
        padding-left: calc(var(--rpx, 1px)*40)
    }

    .pad\:pr-\[38rpx\] {
        padding-right: calc(var(--rpx, 1px)*38)
    }

    .pad\:pb-\[29rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*29)
    }

    .pad\:pt-\[106rpx\] {
        padding-top: calc(var(--rpx, 1px)*106)
    }

    .pad\:pb-\[100rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*100)
    }

    .pad\:pb-\[128rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*128)
    }

    .pad\:pt-\[67rpx\] {
        padding-top: calc(var(--rpx, 1px)*67)
    }

    .pad\:pt-\[38rpx\] {
        padding-top: calc(var(--rpx, 1px)*38)
    }

    .pad\:pb-\[91rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*91)
    }

    .pad\:pt-\[1\.85rpx\] {
        padding-top: calc(var(--rpx, 1px)*1.85)
    }

    .pad\:pb-\[1\.15rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*1.15)
    }

    .pad\:pt-64rpx {
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .pad\:pb-32rpx {
        padding-bottom: calc(var(--rpx, 1px)*32)
    }

    .pad\:pt-40rpx {
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .pad\:pb-36rpx {
        padding-bottom: calc(var(--rpx, 1px)*36)
    }

    .pad\:pb-\[60rpx\] {
        padding-bottom: calc(var(--rpx, 1px)*60)
    }

    .pad\:pb-66rpx {
        padding-bottom: calc(var(--rpx, 1px)*66)
    }

    .pad\:pt-20rpx {
        padding-top: calc(var(--rpx, 1px)*20)
    }

    .pad\:pb-42rpx {
        padding-bottom: calc(var(--rpx, 1px)*42)
    }

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

    .pad\:left-24rpx {
        left: -webkit-calc(var(--rpx, 1px)*24);
        left: -moz-calc(var(--rpx, 1px)*24);
        left: calc(var(--rpx, 1px)*24)
    }

    .pad\:bottom-24rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*24);
        bottom: -moz-calc(var(--rpx, 1px)*24);
        bottom: calc(var(--rpx, 1px)*24)
    }

    .pad\:top-0 {
        top: 0
    }

    .pad\:left-0 {
        left: 0
    }

    .pad\:-left-10\/100 {
        left: -10%
    }

    .pad\:-top-30\/100 {
        top: -30%
    }

    .pad\:top-1\/2 {
        top: 50%
    }

    .pad\:left-1\/2 {
        left: 50%
    }

    .pad\:top-36rpx {
        top: -webkit-calc(var(--rpx, 1px)*36);
        top: -moz-calc(var(--rpx, 1px)*36);
        top: calc(var(--rpx, 1px)*36)
    }

    .pad\:left-10rpx {
        left: -webkit-calc(var(--rpx, 1px)*10);
        left: -moz-calc(var(--rpx, 1px)*10);
        left: calc(var(--rpx, 1px)*10)
    }

    .pad\:-right-28rpx {
        right: -webkit-calc(var(--rpx, 1px)*-28);
        right: -moz-calc(var(--rpx, 1px)*-28);
        right: calc(var(--rpx, 1px)*-28)
    }

    .pad\:bottom-\[3\%\] {
        bottom: 3%
    }

    .pad\:top-\[calc\(85\%-30vw\)\] {
        top: -webkit-calc(85% - 30vw);
        top: -moz-calc(85% - 30vw);
        top: calc(85% - 30vw);
        top: -webkit-calc(85% - var(--vw, 1vw)*30);
        top: -moz-calc(85% - var(--vw, 1vw)*30);
        top: calc(85% - var(--vw, 1vw)*30)
    }

    .pad\:left-\[calc\(50\%-60vw\)\] {
        left: -webkit-calc(50% - 60vw);
        left: -moz-calc(50% - 60vw);
        left: calc(50% - 60vw);
        left: -webkit-calc(50% - var(--vw, 1vw)*60);
        left: -moz-calc(50% - var(--vw, 1vw)*60);
        left: calc(50% - var(--vw, 1vw)*60)
    }

    .pad\:right-0 {
        right: 0
    }

    .pad\:bottom-0 {
        bottom: 0
    }

    .pad\:right-20rpx {
        right: -webkit-calc(var(--rpx, 1px)*20);
        right: -moz-calc(var(--rpx, 1px)*20);
        right: calc(var(--rpx, 1px)*20)
    }

    .pad\:top-18rpx {
        top: -webkit-calc(var(--rpx, 1px)*18);
        top: -moz-calc(var(--rpx, 1px)*18);
        top: calc(var(--rpx, 1px)*18)
    }

    .pad\:left-33rpx {
        left: -webkit-calc(var(--rpx, 1px)*33);
        left: -moz-calc(var(--rpx, 1px)*33);
        left: calc(var(--rpx, 1px)*33)
    }

    .pad\:top-43rpx {
        top: -webkit-calc(var(--rpx, 1px)*43);
        top: -moz-calc(var(--rpx, 1px)*43);
        top: calc(var(--rpx, 1px)*43)
    }

    .pad\:left-19rpx {
        left: -webkit-calc(var(--rpx, 1px)*19);
        left: -moz-calc(var(--rpx, 1px)*19);
        left: calc(var(--rpx, 1px)*19)
    }

    .pad\:top-84rpx {
        top: -webkit-calc(var(--rpx, 1px)*84);
        top: -moz-calc(var(--rpx, 1px)*84);
        top: calc(var(--rpx, 1px)*84)
    }

    .pad\:bottom-32rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*32);
        bottom: -moz-calc(var(--rpx, 1px)*32);
        bottom: calc(var(--rpx, 1px)*32)
    }

    .pad\:right-10rpx {
        right: -webkit-calc(var(--rpx, 1px)*10);
        right: -moz-calc(var(--rpx, 1px)*10);
        right: calc(var(--rpx, 1px)*10)
    }

    .pad\:left-16rpx {
        left: -webkit-calc(var(--rpx, 1px)*16);
        left: -moz-calc(var(--rpx, 1px)*16);
        left: calc(var(--rpx, 1px)*16)
    }

    .pad\:bottom-22rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*22);
        bottom: -moz-calc(var(--rpx, 1px)*22);
        bottom: calc(var(--rpx, 1px)*22)
    }

    .pad\:left-\[400rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*400);
        left: -moz-calc(var(--rpx, 1px)*400);
        left: calc(var(--rpx, 1px)*400)
    }

    .pad\:bottom-\[16rpx\] {
        bottom: -webkit-calc(var(--rpx, 1px)*16);
        bottom: -moz-calc(var(--rpx, 1px)*16);
        bottom: calc(var(--rpx, 1px)*16)
    }

    .pad\:left-\[calc\(50\%-75rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*75);
        left: -moz-calc(50% - var(--rpx, 1px)*75);
        left: calc(50% - var(--rpx, 1px)*75)
    }

    .pad\:left-\[calc\(50\%-148rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*148);
        left: -moz-calc(50% - var(--rpx, 1px)*148);
        left: calc(50% - var(--rpx, 1px)*148)
    }

    .pad\:bottom-66rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*66);
        bottom: -moz-calc(var(--rpx, 1px)*66);
        bottom: calc(var(--rpx, 1px)*66)
    }

    .pad\:right-\[calc\(50\%-121rpx\)\] {
        right: -webkit-calc(50% - var(--rpx, 1px)*121);
        right: -moz-calc(50% - var(--rpx, 1px)*121);
        right: calc(50% - var(--rpx, 1px)*121)
    }

    .pad\:right-\[calc\(50\%-130rpx\)\] {
        right: -webkit-calc(50% - var(--rpx, 1px)*130);
        right: -moz-calc(50% - var(--rpx, 1px)*130);
        right: calc(50% - var(--rpx, 1px)*130)
    }

    .pad\:bottom-125rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*125);
        bottom: -moz-calc(var(--rpx, 1px)*125);
        bottom: calc(var(--rpx, 1px)*125)
    }

    .pad\:-top-2rpx {
        top: -webkit-calc(var(--rpx, 1px)*-2);
        top: -moz-calc(var(--rpx, 1px)*-2);
        top: calc(var(--rpx, 1px)*-2)
    }

    .pad\:-right-10rpx {
        right: -webkit-calc(var(--rpx, 1px)*-10);
        right: -moz-calc(var(--rpx, 1px)*-10);
        right: calc(var(--rpx, 1px)*-10)
    }

    .pad\:-left-4rpx {
        left: -webkit-calc(var(--rpx, 1px)*-4);
        left: -moz-calc(var(--rpx, 1px)*-4);
        left: calc(var(--rpx, 1px)*-4)
    }

    .pad\:bottom-10rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*10);
        bottom: -moz-calc(var(--rpx, 1px)*10);
        bottom: calc(var(--rpx, 1px)*10)
    }

    .pad\:left-\[calc\(50\%-1px\)\] {
        left: -webkit-calc(50% - 1px);
        left: -moz-calc(50% - 1px);
        left: calc(50% - 1px)
    }

    .pad\:top-45rpx {
        top: -webkit-calc(var(--rpx, 1px)*45);
        top: -moz-calc(var(--rpx, 1px)*45);
        top: calc(var(--rpx, 1px)*45)
    }

    .pad\:top-\[calc\(32\%-21\.5rpx\)\] {
        top: -webkit-calc(32% - var(--rpx, 1px)*21.5);
        top: -moz-calc(32% - var(--rpx, 1px)*21.5);
        top: calc(32% - var(--rpx, 1px)*21.5)
    }

    .pad\:top-\[calc\(50\%-16rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*16);
        top: -moz-calc(50% - var(--rpx, 1px)*16);
        top: calc(50% - var(--rpx, 1px)*16)
    }

    .pad\:top-\[calc\(50\%-14rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*14);
        top: -moz-calc(50% - var(--rpx, 1px)*14);
        top: calc(50% - var(--rpx, 1px)*14)
    }

    .pad\:left-4rpx {
        left: -webkit-calc(var(--rpx, 1px)*4);
        left: -moz-calc(var(--rpx, 1px)*4);
        left: calc(var(--rpx, 1px)*4)
    }

    .pad\:top-\[44rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*44);
        top: -moz-calc(var(--rpx, 1px)*44);
        top: calc(var(--rpx, 1px)*44)
    }

    .pad\:top-\[var\(--nav-height\)\] {
        top: var(--nav-height)
    }

    .pad\:top-\[calc\(50\%-32\.552vw\)\] {
        top: -webkit-calc(50% - 32.552vw);
        top: -moz-calc(50% - 32.552vw);
        top: calc(50% - 32.552vw);
        top: -webkit-calc(50% - var(--vw, 1vw)*32.552);
        top: -moz-calc(50% - var(--vw, 1vw)*32.552);
        top: calc(50% - var(--vw, 1vw)*32.552)
    }

    .pad\:top-\[-15rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*-15);
        top: -moz-calc(var(--rpx, 1px)*-15);
        top: calc(var(--rpx, 1px)*-15)
    }

    .pad\:right-\[-120rpx\] {
        right: -webkit-calc(var(--rpx, 1px)*-120);
        right: -moz-calc(var(--rpx, 1px)*-120);
        right: calc(var(--rpx, 1px)*-120)
    }

    .pad\:left-\[157rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*157);
        left: -moz-calc(var(--rpx, 1px)*157);
        left: calc(var(--rpx, 1px)*157)
    }

    .pad\:bottom-\[119rpx\] {
        bottom: -webkit-calc(var(--rpx, 1px)*119);
        bottom: -moz-calc(var(--rpx, 1px)*119);
        bottom: calc(var(--rpx, 1px)*119)
    }

    .pad\:left-\[178rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*178);
        left: -moz-calc(var(--rpx, 1px)*178);
        left: calc(var(--rpx, 1px)*178)
    }

    .pad\:bottom-\[81rpx\] {
        bottom: -webkit-calc(var(--rpx, 1px)*81);
        bottom: -moz-calc(var(--rpx, 1px)*81);
        bottom: calc(var(--rpx, 1px)*81)
    }

    .pad\:top-\[calc\(100vh-345rpx\)\] {
        top: -webkit-calc(100vh - var(--rpx, 1px)*345);
        top: -moz-calc(100vh - var(--rpx, 1px)*345);
        top: calc(100vh - var(--rpx, 1px)*345);
        top: -webkit-calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*345);
        top: -moz-calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*345);
        top: calc(var(--vh, 1vh)*100 - var(--rpx, 1px)*345)
    }

    .pad\:left-\[calc\(49\.089\%-261rpx\)\] {
        left: -webkit-calc(49.089% - var(--rpx, 1px)*261);
        left: -moz-calc(49.089% - var(--rpx, 1px)*261);
        left: calc(49.089% - var(--rpx, 1px)*261)
    }

    .pad\:left-\[calc\(20\.5\%-77rpx\)\] {
        left: -webkit-calc(20.5% - var(--rpx, 1px)*77);
        left: -moz-calc(20.5% - var(--rpx, 1px)*77);
        left: calc(20.5% - var(--rpx, 1px)*77)
    }

    .pad\:top-\[calc\(29\.12\%-47rpx\)\] {
        top: -webkit-calc(29.12% - var(--rpx, 1px)*47);
        top: -moz-calc(29.12% - var(--rpx, 1px)*47);
        top: calc(29.12% - var(--rpx, 1px)*47)
    }

    .pad\:left-\[calc\(22\.61\%-85\.5rpx\)\] {
        left: -webkit-calc(22.61% - var(--rpx, 1px)*85.5);
        left: -moz-calc(22.61% - var(--rpx, 1px)*85.5);
        left: calc(22.61% - var(--rpx, 1px)*85.5)
    }

    .pad\:top-\[calc\(43\.82\%-53\.5rpx\)\] {
        top: -webkit-calc(43.82% - var(--rpx, 1px)*53.5);
        top: -moz-calc(43.82% - var(--rpx, 1px)*53.5);
        top: calc(43.82% - var(--rpx, 1px)*53.5)
    }

    .pad\:left-\[-74rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*-74);
        left: -moz-calc(var(--rpx, 1px)*-74);
        left: calc(var(--rpx, 1px)*-74)
    }

    .pad\:top-\[169rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*169);
        top: -moz-calc(var(--rpx, 1px)*169);
        top: calc(var(--rpx, 1px)*169)
    }

    .pad\:top-\[calc\(100\%-17rpx\)\] {
        top: -webkit-calc(100% - var(--rpx, 1px)*17);
        top: -moz-calc(100% - var(--rpx, 1px)*17);
        top: calc(100% - var(--rpx, 1px)*17)
    }

    .pad\:left-\[calc\(19\.66\%-68\.5rpx\)\] {
        left: -webkit-calc(19.66% - var(--rpx, 1px)*68.5);
        left: -moz-calc(19.66% - var(--rpx, 1px)*68.5);
        left: calc(19.66% - var(--rpx, 1px)*68.5)
    }

    .pad\:top-\[11\.67rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*11.67);
        top: -moz-calc(var(--rpx, 1px)*11.67);
        top: calc(var(--rpx, 1px)*11.67)
    }

    .pad\:left-\[10rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*10);
        left: -moz-calc(var(--rpx, 1px)*10);
        left: calc(var(--rpx, 1px)*10)
    }

    .pad\:top-\[500rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*500);
        top: -moz-calc(var(--rpx, 1px)*500);
        top: calc(var(--rpx, 1px)*500)
    }

    .pad\:left-\[275rpx\] {
        left: -webkit-calc(var(--rpx, 1px)*275);
        left: -moz-calc(var(--rpx, 1px)*275);
        left: calc(var(--rpx, 1px)*275)
    }

    .pad\:top-\[25rpx\] {
        top: -webkit-calc(var(--rpx, 1px)*25);
        top: -moz-calc(var(--rpx, 1px)*25);
        top: calc(var(--rpx, 1px)*25)
    }

    .pad\:left-262rpx {
        left: -webkit-calc(var(--rpx, 1px)*262);
        left: -moz-calc(var(--rpx, 1px)*262);
        left: calc(var(--rpx, 1px)*262)
    }

    .pad\:top-25px {
        top: 25px
    }

    .pad\:top-\[calc\(50\%-180rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*180);
        top: -moz-calc(50% - var(--rpx, 1px)*180);
        top: calc(50% - var(--rpx, 1px)*180)
    }

    .pad\:left-\[calc\(50\%-112\.5rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*112.5);
        left: -moz-calc(50% - var(--rpx, 1px)*112.5);
        left: calc(50% - var(--rpx, 1px)*112.5)
    }

    .pad\:top-\[calc\(49\.85\%-149\.5rpx\)\] {
        top: -webkit-calc(49.85% - var(--rpx, 1px)*149.5);
        top: -moz-calc(49.85% - var(--rpx, 1px)*149.5);
        top: calc(49.85% - var(--rpx, 1px)*149.5)
    }

    .pad\:left-\[calc\(50\.13\%-67rpx\)\] {
        left: -webkit-calc(50.13% - var(--rpx, 1px)*67);
        left: -moz-calc(50.13% - var(--rpx, 1px)*67);
        left: calc(50.13% - var(--rpx, 1px)*67)
    }

    .pad\:top-\[calc\(49\.85\%-189rpx\)\] {
        top: -webkit-calc(49.85% - var(--rpx, 1px)*189);
        top: -moz-calc(49.85% - var(--rpx, 1px)*189);
        top: calc(49.85% - var(--rpx, 1px)*189)
    }

    .pad\:left-\[calc\(50\.13\%-87rpx\)\] {
        left: -webkit-calc(50.13% - var(--rpx, 1px)*87);
        left: -moz-calc(50.13% - var(--rpx, 1px)*87);
        left: calc(50.13% - var(--rpx, 1px)*87)
    }

    .pad\:text-center {
        text-align: center
    }

    .pad\:text-right {
        text-align: right
    }

    .pad\:text-\[\#ffffff\], .pad\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .pad\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .pad\:text-\[\#DAF64F\] {
        --tw-text-opacity: 1;
        color: rgba(218, 246, 79, var(--tw-text-opacity))
    }

    .pad\:text-\[\#01B2D2\] {
        --tw-text-opacity: 1;
        color: rgba(1, 178, 210, var(--tw-text-opacity))
    }

    .pad\:text-\[rgba\(255\,255\,255\,0\.7\)\] {
        --tw-text-opacity: .7;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .pad\:text-\[\#01b2d2\] {
        --tw-text-opacity: 1;
        color: rgba(1, 178, 210, var(--tw-text-opacity))
    }

    .pad\:text-\[\#defaff\] {
        --tw-text-opacity: 1;
        color: rgba(222, 250, 255, var(--tw-text-opacity))
    }

    .pad\:text-\[\#000\] {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .pad\:whitespace-nowrap {
        white-space: nowrap
    }

    .pad\:w-full {
        width: 100%
    }

    .pad\:w-1\/2 {
        width: 50%
    }

    .pad\:w-1\/3 {
        width: 33.333333%
    }

    .\!pad\:w-full {
        width: 100% !important
    }

    .pad\:w-2\/3 {
        width: 66.666667%
    }

    .pad\:w-0 {
        width: 0
    }

    .pad\:w-463rpx {
        width: -webkit-calc(var(--rpx, 1px)*463);
        width: -moz-calc(var(--rpx, 1px)*463);
        width: calc(var(--rpx, 1px)*463)
    }

    .pad\:w-68rpx {
        width: -webkit-calc(var(--rpx, 1px)*68);
        width: -moz-calc(var(--rpx, 1px)*68);
        width: calc(var(--rpx, 1px)*68)
    }

    .pad\:w-302px {
        width: 302px
    }

    .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-200vw {
        width: 200vw;
        width: -webkit-calc(var(--vw, 1vw)*200);
        width: -moz-calc(var(--vw, 1vw)*200);
        width: calc(var(--vw, 1vw)*200)
    }

    .pad\:w-120\/100 {
        width: 120%
    }

    .pad\:w-288rpx {
        width: -webkit-calc(var(--rpx, 1px)*288);
        width: -moz-calc(var(--rpx, 1px)*288);
        width: calc(var(--rpx, 1px)*288)
    }

    .pad\:w-57rpx {
        width: -webkit-calc(var(--rpx, 1px)*57);
        width: -moz-calc(var(--rpx, 1px)*57);
        width: calc(var(--rpx, 1px)*57)
    }

    .pad\:w-100rpx {
        width: -webkit-calc(var(--rpx, 1px)*100);
        width: -moz-calc(var(--rpx, 1px)*100);
        width: calc(var(--rpx, 1px)*100)
    }

    .pad\:w-192rpx {
        width: -webkit-calc(var(--rpx, 1px)*192);
        width: -moz-calc(var(--rpx, 1px)*192);
        width: calc(var(--rpx, 1px)*192)
    }

    .pad\:w-102\.6vw {
        width: 102.6vw;
        width: -webkit-calc(var(--vw, 1vw)*102.6);
        width: -moz-calc(var(--vw, 1vw)*102.6);
        width: calc(var(--vw, 1vw)*102.6)
    }

    .\!pad\:w-140rpx {
        width: -webkit-calc(var(--rpx, 1px)*140) !important;
        width: -moz-calc(var(--rpx, 1px)*140) !important;
        width: calc(var(--rpx, 1px)*140) !important
    }

    .pad\:w-188rpx {
        width: -webkit-calc(var(--rpx, 1px)*188);
        width: -moz-calc(var(--rpx, 1px)*188);
        width: calc(var(--rpx, 1px)*188)
    }

    .pad\:w-113rpx {
        width: -webkit-calc(var(--rpx, 1px)*113);
        width: -moz-calc(var(--rpx, 1px)*113);
        width: calc(var(--rpx, 1px)*113)
    }

    .pad\:w-20rpx {
        width: -webkit-calc(var(--rpx, 1px)*20);
        width: -moz-calc(var(--rpx, 1px)*20);
        width: calc(var(--rpx, 1px)*20)
    }

    .pad\:w-191px {
        width: 191px
    }

    .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-\[506rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*506);
        width: -moz-calc(var(--rpx, 1px)*506);
        width: calc(var(--rpx, 1px)*506)
    }

    .pad\:w-\[18rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*18);
        width: -moz-calc(var(--rpx, 1px)*18);
        width: calc(var(--rpx, 1px)*18)
    }

    .pad\:w-\[210rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*210);
        width: -moz-calc(var(--rpx, 1px)*210);
        width: calc(var(--rpx, 1px)*210)
    }

    .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-399rpx {
        width: -webkit-calc(var(--rpx, 1px)*399);
        width: -moz-calc(var(--rpx, 1px)*399);
        width: calc(var(--rpx, 1px)*399)
    }

    .pad\:w-28rpx {
        width: -webkit-calc(var(--rpx, 1px)*28);
        width: -moz-calc(var(--rpx, 1px)*28);
        width: calc(var(--rpx, 1px)*28)
    }

    .pad\:w-21rpx {
        width: -webkit-calc(var(--rpx, 1px)*21);
        width: -moz-calc(var(--rpx, 1px)*21);
        width: calc(var(--rpx, 1px)*21)
    }

    .pad\:w-14rpx {
        width: -webkit-calc(var(--rpx, 1px)*14);
        width: -moz-calc(var(--rpx, 1px)*14);
        width: calc(var(--rpx, 1px)*14)
    }

    .pad\:w-36rpx {
        width: -webkit-calc(var(--rpx, 1px)*36);
        width: -moz-calc(var(--rpx, 1px)*36);
        width: calc(var(--rpx, 1px)*36)
    }

    .pad\:w-35rpx {
        width: -webkit-calc(var(--rpx, 1px)*35);
        width: -moz-calc(var(--rpx, 1px)*35);
        width: calc(var(--rpx, 1px)*35)
    }

    .pad\:w-254rpx {
        width: -webkit-calc(var(--rpx, 1px)*254);
        width: -moz-calc(var(--rpx, 1px)*254);
        width: calc(var(--rpx, 1px)*254)
    }

    .pad\:w-150rpx {
        width: -webkit-calc(var(--rpx, 1px)*150);
        width: -moz-calc(var(--rpx, 1px)*150);
        width: calc(var(--rpx, 1px)*150)
    }

    .pad\:w-1px {
        width: 1px
    }

    .pad\:w-333rpx {
        width: -webkit-calc(var(--rpx, 1px)*333);
        width: -moz-calc(var(--rpx, 1px)*333);
        width: calc(var(--rpx, 1px)*333)
    }

    .pad\:w-4rpx {
        width: -webkit-calc(var(--rpx, 1px)*4);
        width: -moz-calc(var(--rpx, 1px)*4);
        width: calc(var(--rpx, 1px)*4)
    }

    .pad\:w-329rpx {
        width: -webkit-calc(var(--rpx, 1px)*329);
        width: -moz-calc(var(--rpx, 1px)*329);
        width: calc(var(--rpx, 1px)*329)
    }

    .pad\:w-228rpx {
        width: -webkit-calc(var(--rpx, 1px)*228);
        width: -moz-calc(var(--rpx, 1px)*228);
        width: calc(var(--rpx, 1px)*228)
    }

    .pad\:w-224rpx {
        width: -webkit-calc(var(--rpx, 1px)*224);
        width: -moz-calc(var(--rpx, 1px)*224);
        width: calc(var(--rpx, 1px)*224)
    }

    .pad\:w-160rpx {
        width: -webkit-calc(var(--rpx, 1px)*160);
        width: -moz-calc(var(--rpx, 1px)*160);
        width: calc(var(--rpx, 1px)*160)
    }

    .pad\:w-154rpx {
        width: -webkit-calc(var(--rpx, 1px)*154);
        width: -moz-calc(var(--rpx, 1px)*154);
        width: calc(var(--rpx, 1px)*154)
    }

    .pad\:w-\[547rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*547);
        width: -moz-calc(var(--rpx, 1px)*547);
        width: calc(var(--rpx, 1px)*547)
    }

    .pad\:w-\[328rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    .pad\:w-\[452rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*452);
        width: -moz-calc(var(--rpx, 1px)*452);
        width: calc(var(--rpx, 1px)*452)
    }

    .pad\:w-\[305rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*305);
        width: -moz-calc(var(--rpx, 1px)*305);
        width: calc(var(--rpx, 1px)*305)
    }

    .pad\:w-\[254px\] {
        width: 254px
    }

    .pad\:w-\[185rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*185);
        width: -moz-calc(var(--rpx, 1px)*185);
        width: calc(var(--rpx, 1px)*185)
    }

    .pad\:w-\[80rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*80);
        width: -moz-calc(var(--rpx, 1px)*80);
        width: calc(var(--rpx, 1px)*80)
    }

    .pad\:w-\[248\.76rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*248.76);
        width: -moz-calc(var(--rpx, 1px)*248.76);
        width: calc(var(--rpx, 1px)*248.76)
    }

    .pad\:w-\[78\.76rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*78.76);
        width: -moz-calc(var(--rpx, 1px)*78.76);
        width: calc(var(--rpx, 1px)*78.76)
    }

    .pad\:w-\[162px\] {
        width: 162px
    }

    .pad\:w-\[73\.44vw\] {
        width: 73.44vw;
        width: -webkit-calc(var(--vw, 1vw)*73.44);
        width: -moz-calc(var(--vw, 1vw)*73.44);
        width: calc(var(--vw, 1vw)*73.44)
    }

    .pad\:w-\[29\.69vw\] {
        width: 29.69vw;
        width: -webkit-calc(var(--vw, 1vw)*29.69);
        width: -moz-calc(var(--vw, 1vw)*29.69);
        width: calc(var(--vw, 1vw)*29.69)
    }

    .pad\:w-\[40vw\] {
        width: 40vw;
        width: -webkit-calc(var(--vw, 1vw)*40);
        width: -moz-calc(var(--vw, 1vw)*40);
        width: calc(var(--vw, 1vw)*40)
    }

    .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-\[237rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*237);
        width: -moz-calc(var(--rpx, 1px)*237);
        width: calc(var(--rpx, 1px)*237)
    }

    .pad\:w-\[117rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*117);
        width: -moz-calc(var(--rpx, 1px)*117);
        width: calc(var(--rpx, 1px)*117)
    }

    .pad\:w-\[887rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*887);
        width: -moz-calc(var(--rpx, 1px)*887);
        width: calc(var(--rpx, 1px)*887)
    }

    .pad\:w-\[256rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*256);
        width: -moz-calc(var(--rpx, 1px)*256);
        width: calc(var(--rpx, 1px)*256)
    }

    .pad\:w-\[488rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*488);
        width: -moz-calc(var(--rpx, 1px)*488);
        width: calc(var(--rpx, 1px)*488)
    }

    .pad\:w-\[33rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*33);
        width: -moz-calc(var(--rpx, 1px)*33);
        width: calc(var(--rpx, 1px)*33)
    }

    .pad\:w-\[40rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*40);
        width: -moz-calc(var(--rpx, 1px)*40);
        width: calc(var(--rpx, 1px)*40)
    }

    .pad\:w-\[48rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*48);
        width: -moz-calc(var(--rpx, 1px)*48);
        width: calc(var(--rpx, 1px)*48)
    }

    .pad\:w-\[503rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*503);
        width: -moz-calc(var(--rpx, 1px)*503);
        width: calc(var(--rpx, 1px)*503)
    }

    .pad\:w-\[522rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*522);
        width: -moz-calc(var(--rpx, 1px)*522);
        width: calc(var(--rpx, 1px)*522)
    }

    .pad\:w-\[144rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*144);
        width: -moz-calc(var(--rpx, 1px)*144);
        width: calc(var(--rpx, 1px)*144)
    }

    .pad\:w-\[171rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*171);
        width: -moz-calc(var(--rpx, 1px)*171);
        width: calc(var(--rpx, 1px)*171)
    }

    .pad\:w-\[99rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*99);
        width: -moz-calc(var(--rpx, 1px)*99);
        width: calc(var(--rpx, 1px)*99)
    }

    .pad\:w-\[425rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*425);
        width: -moz-calc(var(--rpx, 1px)*425);
        width: calc(var(--rpx, 1px)*425)
    }

    .pad\:w-\[187rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*187);
        width: -moz-calc(var(--rpx, 1px)*187);
        width: calc(var(--rpx, 1px)*187)
    }

    .pad\:w-\[137rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*137);
        width: -moz-calc(var(--rpx, 1px)*137);
        width: calc(var(--rpx, 1px)*137)
    }

    .pad\:w-\[14\.4rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*14.4);
        width: -moz-calc(var(--rpx, 1px)*14.4);
        width: calc(var(--rpx, 1px)*14.4)
    }

    .pad\:w-\[14\.12rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*14.12);
        width: -moz-calc(var(--rpx, 1px)*14.12);
        width: calc(var(--rpx, 1px)*14.12)
    }

    .pad\:w-\[150rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*150);
        width: -moz-calc(var(--rpx, 1px)*150);
        width: calc(var(--rpx, 1px)*150)
    }

    .pad\:w-720rpx {
        width: -webkit-calc(var(--rpx, 1px)*720);
        width: -moz-calc(var(--rpx, 1px)*720);
        width: calc(var(--rpx, 1px)*720)
    }

    .pad\:w-481rpx {
        width: -webkit-calc(var(--rpx, 1px)*481);
        width: -moz-calc(var(--rpx, 1px)*481);
        width: calc(var(--rpx, 1px)*481)
    }

    .pad\:w-433rpx {
        width: -webkit-calc(var(--rpx, 1px)*433);
        width: -moz-calc(var(--rpx, 1px)*433);
        width: calc(var(--rpx, 1px)*433)
    }

    .pad\:w-215rpx {
        width: -webkit-calc(var(--rpx, 1px)*215);
        width: -moz-calc(var(--rpx, 1px)*215);
        width: calc(var(--rpx, 1px)*215)
    }

    .pad\:w-16px {
        width: 16px
    }

    .pad\:w-265px {
        width: 265px
    }

    .pad\:w-32px {
        width: 32px
    }

    .pad\:w-284rpx {
        width: -webkit-calc(var(--rpx, 1px)*284);
        width: -moz-calc(var(--rpx, 1px)*284);
        width: calc(var(--rpx, 1px)*284)
    }

    .pad\:w-187rpx {
        width: -webkit-calc(var(--rpx, 1px)*187);
        width: -moz-calc(var(--rpx, 1px)*187);
        width: calc(var(--rpx, 1px)*187)
    }

    .pad\:w-186rpx {
        width: -webkit-calc(var(--rpx, 1px)*186);
        width: -moz-calc(var(--rpx, 1px)*186);
        width: calc(var(--rpx, 1px)*186)
    }

    .pad\:w-\[172\.5rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*172.5);
        width: -moz-calc(var(--rpx, 1px)*172.5);
        width: calc(var(--rpx, 1px)*172.5)
    }

    .pad\:w-max-336rpx {
        width: -webkit-calc(var(--rpx, 1px)*336);
        width: -moz-calc(var(--rpx, 1px)*336);
        width: calc(var(--rpx, 1px)*336)
    }

    .pad\:w-234px {
        width: 234px
    }

    .pad\:w-219rpx {
        width: -webkit-calc(var(--rpx, 1px)*219);
        width: -moz-calc(var(--rpx, 1px)*219);
        width: calc(var(--rpx, 1px)*219)
    }

    .pad\:w-253rpx {
        width: -webkit-calc(var(--rpx, 1px)*253);
        width: -moz-calc(var(--rpx, 1px)*253);
        width: calc(var(--rpx, 1px)*253)
    }

    .pad\:w-\[225rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*225);
        width: -moz-calc(var(--rpx, 1px)*225);
        width: calc(var(--rpx, 1px)*225)
    }

    .pad\:w-\[136rpx\] {
        width: -webkit-calc(var(--rpx, 1px)*136);
        width: -moz-calc(var(--rpx, 1px)*136);
        width: calc(var(--rpx, 1px)*136)
    }

    .pad\:w-360rpx {
        width: -webkit-calc(var(--rpx, 1px)*360);
        width: -moz-calc(var(--rpx, 1px)*360);
        width: calc(var(--rpx, 1px)*360)
    }

    .pad\:z-5 {
        z-index: 5
    }

    .pad\:z-1 {
        z-index: 1
    }

    .pad\:z-2 {
        z-index: 2
    }

    .pad\:z-4 {
        z-index: 4
    }

    .pad\:z-3 {
        z-index: 3
    }

    .pad\:z-10 {
        z-index: 10
    }

    .pad\:gap-28rpx {
        grid-gap: -webkit-calc(var(--rpx, 1px)*28);
        grid-gap: -moz-calc(var(--rpx, 1px)*28);
        grid-gap: calc(var(--rpx, 1px)*28);
        gap: -webkit-calc(var(--rpx, 1px)*28);
        gap: -moz-calc(var(--rpx, 1px)*28);
        gap: calc(var(--rpx, 1px)*28)
    }

    .pad\:transform {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-rotate: 0;
        --tw-rotate-x: 0;
        --tw-rotate-y: 0;
        --tw-rotate-z: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
    }

    .pad\:rotate-90 {
        --tw-rotate: 90deg
    }

    .pad\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .pad\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .pad\:perspect-100 {
        -webkit-perspective: 100px;
        -moz-perspective: 100px;
        perspective: 100px
    }

    .pad\:perspect-1000px {
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }
}

@media (min-width:1024px) {
    .pct\:font-medium {
        font-weight: 500
    }

    .pct\:font-bold {
        font-weight: 700
    }

    .pct\:text-8px {
        font-size: 8px;
        line-height: 1
    }

    .pct\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .pct\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .pct\:text-7\.125vw {
        font-size: 7.125vw;
        font-size: -webkit-calc(var(--vw, 1vw)*7.125);
        font-size: -moz-calc(var(--vw, 1vw)*7.125);
        font-size: calc(var(--vw, 1vw)*7.125);
        line-height: 1
    }

    .pct\:text-3vw {
        font-size: 3vw;
        font-size: -webkit-calc(var(--vw, 1vw)*3);
        font-size: -moz-calc(var(--vw, 1vw)*3);
        font-size: calc(var(--vw, 1vw)*3);
        line-height: 1
    }

    .pct\:text-5\.11vw {
        font-size: 5.11vw;
        font-size: -webkit-calc(var(--vw, 1vw)*5.11);
        font-size: -moz-calc(var(--vw, 1vw)*5.11);
        font-size: calc(var(--vw, 1vw)*5.11);
        line-height: 1
    }

    .pct\:text-4\.69vw {
        font-size: 4.69vw;
        font-size: -webkit-calc(var(--vw, 1vw)*4.69);
        font-size: -moz-calc(var(--vw, 1vw)*4.69);
        font-size: calc(var(--vw, 1vw)*4.69);
        line-height: 1
    }

    .pct\:text-32rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*32);
        font-size: -moz-calc(var(--rpx, 1px)*32);
        font-size: calc(var(--rpx, 1px)*32);
        line-height: 1
    }

    .pct\:text-5\.67vw {
        font-size: 5.67vw;
        font-size: -webkit-calc(var(--vw, 1vw)*5.67);
        font-size: -moz-calc(var(--vw, 1vw)*5.67);
        font-size: calc(var(--vw, 1vw)*5.67);
        line-height: 1
    }

    .pct\:text-2\.42vw {
        font-size: 2.42vw;
        font-size: -webkit-calc(var(--vw, 1vw)*2.42);
        font-size: -moz-calc(var(--vw, 1vw)*2.42);
        font-size: calc(var(--vw, 1vw)*2.42);
        line-height: 1
    }

    .pct\:text-48px {
        font-size: 48px;
        line-height: 1
    }

    .pct\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pct\:text-40rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*40);
        font-size: -moz-calc(var(--rpx, 1px)*40);
        font-size: calc(var(--rpx, 1px)*40);
        line-height: 1
    }

    .pct\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .pct\:text-54rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*54);
        font-size: -moz-calc(var(--rpx, 1px)*54);
        font-size: calc(var(--rpx, 1px)*54);
        line-height: 1
    }

    .pct\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .pct\:text-24rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

    .pct\:text-\[48px\] {
        font-size: 48px;
        line-height: 1
    }

    .pct\:text-\[18px\] {
        font-size: 18px;
        line-height: 1
    }

    .pct\:text-\[16px\] {
        font-size: 16px;
        line-height: 1
    }

    .pct\:text-\[71px\] {
        font-size: 71px;
        line-height: 1
    }

    .pct\:text-\[24px\] {
        font-size: 24px;
        line-height: 1
    }

    .pct\:text-\[15\.28vw\] {
        font-size: 15.28vw;
        font-size: -webkit-calc(var(--vw, 1vw)*15.28);
        font-size: -moz-calc(var(--vw, 1vw)*15.28);
        font-size: calc(var(--vw, 1vw)*15.28);
        line-height: 1
    }

    .pct\:text-\[13\.89vw\] {
        font-size: 13.89vw;
        font-size: -webkit-calc(var(--vw, 1vw)*13.89);
        font-size: -moz-calc(var(--vw, 1vw)*13.89);
        font-size: calc(var(--vw, 1vw)*13.89);
        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-108px {
        font-size: 108px;
        line-height: 1
    }

    .pct\:text-40px {
        font-size: 40px;
        line-height: 1
    }

    .pct\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .pct\:text-120px {
        font-size: 120px;
        line-height: 1
    }

    .pct\:text-90px {
        font-size: 90px;
        line-height: 1
    }

    .pct\:text-32px {
        font-size: 32px;
        line-height: 1
    }

    .pct\:text-\[150px\] {
        font-size: 150px;
        line-height: 1
    }

    .pct\:text-\[32px\] {
        font-size: 32px;
        line-height: 1
    }

    .pct\:text-36px {
        font-size: 36px;
        line-height: 1
    }

    .pct\:text-\[14px\] {
        font-size: 14px;
        line-height: 1
    }

    .pct\:text-42px {
        font-size: 42px;
        line-height: 1
    }

    .pct\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .pct\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .pct\:leading-\[1\] {
        line-height: 1
    }

    .pct\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .pct\:leading-24px {
        line-height: 24px
    }

    .pct\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .pct\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .pct\:leading-\[1\.37\] {
        line-height: 1.37
    }

    .pct\:leading-\[1\.33\] {
        line-height: 1.33
    }

    .pct\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .pct\:leading-\[1\.11\] {
        line-height: 1.11
    }

    .pct\:leading-\[58px\] {
        line-height: 58px
    }

    .pct\:leading-\[22px\] {
        line-height: 22px
    }

    .pct\:leading-\[2\.06\] {
        line-height: 2.06
    }

    .\!pct\:leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .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\:text-center {
        text-align: center
    }

    .pct\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .pct\:tracking-\[-0\.02em\] {
        letter-spacing: -.02em
    }

    .pct\:tracking-0\.5px {
        letter-spacing: .5px
    }
}

@media (min-width:1024px) and (min-aspect-ratio:2/1) {
    .ultrawide\:bottom-8px {
        bottom: 8px
    }
}

@media (min-width:2200px) {
    .pc2560\:h-56px {
        height: 56px
    }

    .pc2560\:h-60px {
        height: 60px
    }

    .\!pc2560\:text-84px {
        font-size: 84px !important;
        line-height: 1 !important
    }

    .\!pc2560\:text-36px {
        font-size: 36px !important;
        line-height: 1 !important
    }

    .\!pc2560\:text-12px {
        font-size: 12px !important;
        line-height: 1 !important
    }

    .pc2560\:text-160px {
        font-size: 160px;
        line-height: 1
    }

    .pc2560\:max-w-1800px {
        max-width: 1800px
    }

    .pc2560\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .pc2560\:absolute {
        position: absolute
    }

    .pc2560\:left-140px {
        left: 140px
    }

    .pc2560\:bottom-60px {
        bottom: 60px
    }

    .pc2560\:w-auto {
        width: auto
    }

    .pc2560\:w-212px {
        width: 212px
    }

    .pc2560\:w-603px {
        width: 603px
    }
}

@media (max-width:1023px) {
    .mot\:font-medium {
        font-weight: 500
    }

    .mot\:font-bold {
        font-weight: 700
    }

    .mot\:h-68px {
        height: 68px
    }

    .mot\:text-6px {
        font-size: 6px;
        line-height: 1
    }

    .mot\:text-4px {
        font-size: 4px;
        line-height: 1
    }

    .mot\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .mot\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .mot\:text-5\.11vw {
        font-size: 5.11vw;
        font-size: -webkit-calc(var(--vw, 1vw)*5.11);
        font-size: -moz-calc(var(--vw, 1vw)*5.11);
        font-size: calc(var(--vw, 1vw)*5.11);
        line-height: 1
    }

    .mot\:text-4\.69vw {
        font-size: 4.69vw;
        font-size: -webkit-calc(var(--vw, 1vw)*4.69);
        font-size: -moz-calc(var(--vw, 1vw)*4.69);
        font-size: calc(var(--vw, 1vw)*4.69);
        line-height: 1
    }

    .mot\:text-11vw {
        font-size: 11vw;
        font-size: -webkit-calc(var(--vw, 1vw)*11);
        font-size: -moz-calc(var(--vw, 1vw)*11);
        font-size: calc(var(--vw, 1vw)*11);
        line-height: 1
    }

    .mot\:text-4\.6vw {
        font-size: 4.6vw;
        font-size: -webkit-calc(var(--vw, 1vw)*4.6);
        font-size: -moz-calc(var(--vw, 1vw)*4.6);
        font-size: calc(var(--vw, 1vw)*4.6);
        line-height: 1
    }

    .mot\:text-64rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*64);
        font-size: -moz-calc(var(--rpx, 1px)*64);
        font-size: calc(var(--rpx, 1px)*64);
        line-height: 1
    }

    .mot\:text-28rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*28);
        font-size: -moz-calc(var(--rpx, 1px)*28);
        font-size: calc(var(--rpx, 1px)*28);
        line-height: 1
    }

    .mot\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .mot\:text-23rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*23);
        font-size: -moz-calc(var(--rpx, 1px)*23);
        font-size: calc(var(--rpx, 1px)*23);
        line-height: 1
    }

    .mot\:text-11px {
        font-size: 11px;
        line-height: 1
    }

    .mot\:text-8px {
        font-size: 8px;
        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-30px {
        font-size: 30px;
        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-10px {
        font-size: 10px;
        line-height: 1
    }

    .mot\:text-31rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*31);
        font-size: -moz-calc(var(--rpx, 1px)*31);
        font-size: calc(var(--rpx, 1px)*31);
        line-height: 1
    }

    .mot\:text-\[30px\] {
        font-size: 30px;
        line-height: 1
    }

    .mot\:text-\[16px\] {
        font-size: 16px;
        line-height: 1
    }

    .mot\:text-\[14px\] {
        font-size: 14px;
        line-height: 1
    }

    .mot\:text-\[40px\] {
        font-size: 40px;
        line-height: 1
    }

    .mot\:text-\[20px\] {
        font-size: 20px;
        line-height: 1
    }

    .mot\:text-\[20\.83vw\] {
        font-size: 20.83vw;
        font-size: -webkit-calc(var(--vw, 1vw)*20.83);
        font-size: -moz-calc(var(--vw, 1vw)*20.83);
        font-size: calc(var(--vw, 1vw)*20.83);
        line-height: 1
    }

    .mot\:text-\[16\.93vw\] {
        font-size: 16.93vw;
        font-size: -webkit-calc(var(--vw, 1vw)*16.93);
        font-size: -moz-calc(var(--vw, 1vw)*16.93);
        font-size: calc(var(--vw, 1vw)*16.93);
        line-height: 1
    }

    .mot\:text-\[5\.99vw\] {
        font-size: 5.99vw;
        font-size: -webkit-calc(var(--vw, 1vw)*5.99);
        font-size: -moz-calc(var(--vw, 1vw)*5.99);
        font-size: calc(var(--vw, 1vw)*5.99);
        line-height: 1
    }

    .mot\:text-\[64px\] {
        font-size: 64px;
        line-height: 1
    }

    .mot\:text-\[24px\] {
        font-size: 24px;
        line-height: 1
    }

    .mot\:text-27px {
        font-size: 27px;
        line-height: 1
    }

    .mot\:text-\[70px\] {
        font-size: 70px;
        line-height: 1
    }

    .mot\:text-\[50px\] {
        font-size: 50px;
        line-height: 1
    }

    .mot\:text-\[90px\] {
        font-size: 90px;
        line-height: 1
    }

    .mot\:text-\[26px\] {
        font-size: 26px;
        line-height: 1
    }

    .mot\:text-\[27px\] {
        font-size: 27px;
        line-height: 1
    }

    .mot\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .mot\:text-\[9\.88px\] {
        font-size: 9.88px;
        line-height: 1
    }

    .mot\:text-20px {
        font-size: 20px;
        line-height: 1
    }

    .mot\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .mot\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .mot\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .mot\:leading-\[1\] {
        line-height: 1
    }

    .mot\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .mot\:leading-\[1\.33\] {
        line-height: 1.33
    }

    .mot\:leading-\[1\.43\] {
        line-height: 1.43
    }

    .mot\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .mot\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .mot\:leading-\[1\.37\] {
        line-height: 1.37
    }

    .mot\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .mot\:leading-\[1\.21\] {
        line-height: 1.21
    }

    .mot\:leading-\[1\.57\] {
        line-height: 1.57
    }

    .mot\:leading-\[2\.06\] {
        line-height: 2.06
    }

    .\!mot\:leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .\!mot\:leading-\[1\.3\] {
        line-height: 1.3 !important
    }

    .mot\:leading-\[1\.19\] {
        line-height: 1.19
    }

    .mot\:leading-\[1\.6\] {
        line-height: 1.6
    }

    .mot\:leading-\[1\.67\] {
        line-height: 1.67
    }

    .mot\:mt-64rpx {
        margin-top: calc(var(--rpx, 1px)*64)
    }

    .mot\:mt-14rpx {
        margin-top: calc(var(--rpx, 1px)*14)
    }

    .mot\:py-16rpx {
        padding-bottom: calc(var(--rpx, 1px)*16);
        padding-top: calc(var(--rpx, 1px)*16)
    }

    .mot\:top-23px {
        top: 23px
    }

    .mot\:left-221px {
        left: 221px
    }

    .mot\:text-center {
        text-align: center
    }

    .mot\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .mot\:w-max {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .mot\:w-68px {
        width: 68px
    }
}

.zn--wrapper {
    color: #000;
    font-size: 16px
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status], .zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.zn--wrapper sup {
    font-size: 60%;
    top: -1em
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

[ani-will-change-view] .will-change {
    will-change: var(--will-change)
}

[ani-will-change-view] .will-change-opacity {
    will-change: var(--will-change-opacity)
}

[ani-will-change-view] .will-change-clip {
    will-change: var(--will-change-clip)
}

[ani-will-change-view] .will-change-t-w {
    will-change: var(--will-change-t-w)
}

[ani-will-change-view] .will-change-t-h {
    will-change: var(--will-change-t-h)
}

[ani-will-change-view] .--will-change-t-w-h {
    will-change: var(----will-change-t-w-h)
}

.fix-round {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.fix-edge {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px)
}

.fix-edge-x {
    -webkit-clip-path: inset(0 1px);
    clip-path: inset(0 1px)
}

.fix-edge-y {
    -webkit-clip-path: inset(1px 0);
    clip-path: inset(1px 0)
}

.fix-mt {
    margin-top: -1px
}

[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
}

.linear-blue-bg, .mo\:linear-blue-bg, .pad\:linear-blue-bg, .pc\:linear-blue-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#1296c9), to(#01b2d2));
    background: -webkit-linear-gradient(top, #1296c9, #01b2d2);
    background: -moz-linear-gradient(top, #1296c9 0, #01b2d2 100%);
    background: linear-gradient(180deg, #1296c9, #01b2d2)
}

#section-ksp img {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-kv-ksp-tvc] {
    --timing-function: cubic-bezier(.65, 0, .55, 1)
}

[ani-kv-ksp-tvc] .toggle-button {
    pointer-events: none
}

[ani-kv-ksp-tvc] .toggle-button img {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 20px #00000014;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -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
}

[ani-kv-ksp-tvc] .toggle-button.active img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[ani-kv-ksp-tvc] .hover-icon-scale img.icons {
    -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
}

[ani-kv-ksp-tvc] .hover-icon-scale:hover img.icons {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

[ani-kv-ksp-tvc] .battery-card {
    background: -webkit-linear-gradient(294.47deg, #101227 6.56%, #327fac 91.88%);
    background: -moz-linear-gradient(294.47deg, #101227 6.56%, #327fac 91.88%);
    background: linear-gradient(155.53deg, #101227 6.56%, #327fac 91.88%);
    position: relative
}

[ani-kv-ksp-tvc] .battery-card .text1 {
    left: 36%;
    top: 29%;
    -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
}

[ani-kv-ksp-tvc] .battery-card .text1 .inner {
    -webkit-transform: matrix(.96, -.28, .02, 1, 0, 0);
    -moz-transform: matrix(.96, -.28, .02, 1, 0, 0);
    -ms-transform: matrix(.96, -.28, .02, 1, 0, 0);
    transform: matrix(.96, -.28, .02, 1, 0, 0)
}

[ani-kv-ksp-tvc] .battery-card .text1-eu {
    left: 35%;
    top: 36%;
    -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
}

[ani-kv-ksp-tvc] .battery-card .text1-eu .inner {
    -webkit-transform: matrix(.96, -.28, .02, 1, 0, 0);
    -moz-transform: matrix(.96, -.28, .02, 1, 0, 0);
    -ms-transform: matrix(.96, -.28, .02, 1, 0, 0);
    transform: matrix(.96, -.28, .02, 1, 0, 0)
}

[ani-kv-ksp-tvc] .battery-card .text2 {
    left: 61%;
    top: 49%;
    -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
}

[ani-kv-ksp-tvc] .battery-card .text2 .inner {
    -webkit-transform: matrix(.95, -.31, .91, .41, 0, 0);
    -moz-transform: matrix(.95, -.31, .91, .41, 0, 0);
    -ms-transform: matrix(.95, -.31, .91, .41, 0, 0);
    transform: matrix(.95, -.31, .91, .41, 0, 0)
}

[ani-kv-ksp-tvc] .battery-card .flash-elms-wrapper {
    -webkit-transform: rotate(-5deg) scale(.8);
    -moz-transform: rotate(-5deg) scale(.8);
    -ms-transform: rotate(-5deg) scale(.8);
    transform: rotate(-5deg) scale(.8);
    -webkit-transform-origin: 76% 32%;
    -moz-transform-origin: 76% 32%;
    -ms-transform-origin: 76% 32%;
    transform-origin: 76% 32%;
    -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;
    -webkit-transition-timing-function: cubic-bezier(.01, .44, .53, 1.99);
    -moz-transition-timing-function: cubic-bezier(.01, .44, .53, 1.99);
    transition-timing-function: cubic-bezier(.01, .44, .53, 1.99);
    z-index: 5
}

[ani-kv-ksp-tvc] .battery-card .flash-wrapper-1, [ani-kv-ksp-tvc] .battery-card .flash-wrapper-2 {
    height: 5.2vw;
    height: -webkit-calc(var(--vw, 1vw)*5.2);
    height: -moz-calc(var(--vw, 1vw)*5.2);
    height: calc(var(--vw, 1vw)*5.2);
    position: absolute;
    width: 3.41875vw;
    width: -webkit-calc(var(--vw, 1vw)*3.41875);
    width: -moz-calc(var(--vw, 1vw)*3.41875);
    width: calc(var(--vw, 1vw)*3.41875)
}

[ani-kv-ksp-tvc] .battery-card .flash-wrapper-1 img.solid, [ani-kv-ksp-tvc] .battery-card .flash-wrapper-2 img.solid {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
    -webkit-transition: -webkit-clip-path .4s;
    transition: -webkit-clip-path .4s;
    -moz-transition: clip-path .4s;
    transition: clip-path .4s;
    transition: clip-path .4s, -webkit-clip-path .4s
}

[ani-kv-ksp-tvc] .battery-card .flash-wrapper-1.flash-wrapper-1, [ani-kv-ksp-tvc] .battery-card .flash-wrapper-2.flash-wrapper-1 {
    left: 73.2%;
    top: 27.5%;
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg)
}

[ani-kv-ksp-tvc] .battery-card .flash-wrapper-1.flash-wrapper-2, [ani-kv-ksp-tvc] .battery-card .flash-wrapper-2.flash-wrapper-2 {
    left: 76.8%;
    position: absolute;
    top: 26.5%;
    -webkit-transform: rotate(20deg) scale(.92);
    -moz-transform: rotate(20deg) scale(.92);
    -ms-transform: rotate(20deg) scale(.92);
    transform: rotate(20deg) scale(.92)
}

[ani-kv-ksp-tvc] .battery-card .flash-wrapper-1 img, [ani-kv-ksp-tvc] .battery-card .flash-wrapper-2 img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%
}

[ani-kv-ksp-tvc] .battery-card:hover .flash-elms-wrapper {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

[ani-kv-ksp-tvc] .battery-card:hover img.solid {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

[ani-kv-ksp-tvc] .status-1 #section-kv {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[ani-kv-ksp-tvc] .status-1 #section-kv .kv-container {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

[ani-kv-ksp-tvc] .status-1 #section-ksp .left-part {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    width: 100%
}

[ani-kv-ksp-tvc] .status-1 #section-ksp .left-part .ksp-tit {
    opacity: 1;
    -webkit-transform: scaleY(1) translateX(0) translateY(0);
    -moz-transform: scaleY(1) translateX(0) translateY(0);
    -ms-transform: scaleY(1) translateX(0) translateY(0);
    transform: scaleY(1) translate(0) translateY(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-1 #section-ksp .left-part .bottom-data, [ani-kv-ksp-tvc] .status-1 #section-ksp .left-part .ksp-text-wrapper {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-2 #section-kv {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[ani-kv-ksp-tvc] .status-2 #section-kv .kv-container {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .left-part {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    width: 0
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .left-part .ksp-tit {
    opacity: 0;
    -webkit-transform: scaleY(1) translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: scaleY(1) translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: scaleY(1) translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: scaleY(1) translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .left-part .bottom-data, [ani-kv-ksp-tvc] .status-2 #section-ksp .left-part .ksp-text-wrapper {
    opacity: 1;
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part {
    width: 100%
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part .top {
    height: 50%
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part .bottom-data, [ani-kv-ksp-tvc] .status-2 #section-ksp .right-part .ksp-text-wrapper {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .right-part.reverse {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

[ani-kv-ksp-tvc] .status-2 #section-ksp .bottom-data, [ani-kv-ksp-tvc] .status-2 #section-ksp .ksp-text-wrapper {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

[ani-kv-ksp-tvc] .status-3 #section-kv {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[ani-kv-ksp-tvc] .status-3 #section-kv .kv-container {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

[ani-kv-ksp-tvc] .status-3 #section-ksp img {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .left-part {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translate(0) translateY(0);
    width: 0
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .left-part .ksp-tit {
    opacity: 0;
    -webkit-transform: scaleY(1) translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: scaleY(1) translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: scaleY(1) translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: scaleY(1) translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30))
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .left-part .bottom-data, [ani-kv-ksp-tvc] .status-3 #section-ksp .left-part .ksp-text-wrapper {
    opacity: 1;
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30))
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .right-part {
    height: 0%;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
    width: 100%
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .right-part .top {
    height: 50%;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

[ani-kv-ksp-tvc] .status-3 #section-ksp .right-part .bottom-data, [ani-kv-ksp-tvc] .status-3 #section-ksp .right-part .ksp-text-wrapper {
    opacity: 0;
    -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-20)) translateY(-webkit-calc(var(--rpx, 1px)*-30));
    -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-20)) translateY(-moz-calc(var(--rpx, 1px)*-30));
    -ms-transform: translateX(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    transform: translate(calc(var(--rpx, 1px)*-20)) translateY(calc(var(--rpx, 1px)*-30));
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

[ani-kv-ksp-tvc] .status-3 #section-layer-video, [ani-kv-ksp-tvc] .status-3 #section-tvc {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

[ani-kv-ksp-tvc] #section-kv, [ani-kv-ksp-tvc] .kv-container {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-ksp .left-part {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -moz-transition-property: transform, width, -moz-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function);
    width: 100%
}

[ani-kv-ksp-tvc] #section-ksp .bottom-data, [ani-kv-ksp-tvc] #section-ksp .ksp-text-wrapper {
    opacity: 1;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, transform, -moz-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform, -moz-transform
}

[ani-kv-ksp-tvc] #section-ksp .right-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

[ani-kv-ksp-tvc] #section-ksp .right-part {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    -moz-transition-property: transform, width, height, -moz-transform;
    transition-property: transform, width, height;
    transition-property: transform, width, height, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function);
    width: 100%
}

[ani-kv-ksp-tvc] #section-ksp .right-part .top {
    height: 100%;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-ksp .border-left-n {
    border-left: none
}

[ani-kv-ksp-tvc] #section-ksp .bg-color {
    background: #fff
}

[ani-kv-ksp-tvc] #section-ksp .corner-mark-color {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-linear-gradient(171.57deg, hsla(36, 30%, 61%, 0) -72.79%, #baa27f 80.31%), hsla(0, 0%, 100%, .75);
    background: -moz-linear-gradient(171.57deg, hsla(36, 30%, 61%, 0) -72.79%, #baa27f 80.31%), hsla(0, 0%, 100%, .75);
    background: linear-gradient(278.43deg, hsla(36, 30%, 61%, 0) -72.79%, #baa27f 80.31%), hsla(0, 0%, 100%, .75);
    -webkit-background-clip: text;
    background-clip: text
}

[ani-kv-ksp-tvc] .card-years .box {
    -webkit-perspective: 7vw;
    -moz-perspective: 7vw;
    perspective: 7vw;
    -webkit-perspective: -webkit-calc(var(--vw, 1vw)*7);
    -moz-perspective: -moz-calc(var(--vw, 1vw)*7);
    perspective: calc(var(--vw, 1vw)*7);
    -webkit-perspective-origin: 50% 91%;
    -moz-perspective-origin: 50% 91%;
    perspective-origin: 50% 91%
}

[ani-kv-ksp-tvc] .card-faster .text-box {
    -webkit-perspective: 13vw;
    -moz-perspective: 13vw;
    perspective: 13vw;
    -webkit-perspective: -webkit-calc(var(--vw, 1vw)*13);
    -moz-perspective: -moz-calc(var(--vw, 1vw)*13);
    perspective: calc(var(--vw, 1vw)*13);
    -webkit-perspective-origin: 40% 14%;
    -moz-perspective-origin: 40% 14%;
    perspective-origin: 40% 14%
}

[ani-kv-ksp-tvc] .card-faster .ksp-text-faster {
    -webkit-transform: translateX(0) rotateX(23deg) rotateY(9deg) scale(.87);
    -moz-transform: translateX(0) rotateX(23deg) rotateY(9deg) scale(.87);
    transform: translate(0) rotateX(23deg) rotateY(9deg) scale(.87);
    -webkit-transform-origin: 90% 100%;
    -moz-transform-origin: 90% 100%;
    -ms-transform-origin: 90% 100%;
    transform-origin: 90% 100%;
    -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
}

[ani-kv-ksp-tvc] #section-layer-video, [ani-kv-ksp-tvc] #section-tvc {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--timing-function);
    -moz-transition-timing-function: var(--timing-function);
    transition-timing-function: var(--timing-function)
}

[ani-kv-ksp-tvc] #section-tvc .video {
    position: absolute
}

[ani-kv-ksp-tvc] #section-tvc .video canvas, [ani-kv-ksp-tvc] #section-tvc .video img, [ani-kv-ksp-tvc] #section-tvc .video video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@-moz-keyframes advanceAnimation {
    0% {
        -moz-transform: rotateY(-30deg) rotate(-5deg);
        transform: rotateY(-30deg) rotate(-5deg)
    }

    50% {
        -moz-transform: rotateY(0deg) rotate(0deg) translateZ(0);
        transform: rotateY(0) rotate(0) translateZ(0)
    }

    to {
        -moz-transform: rotateY(-30deg) rotate(-5deg);
        transform: rotateY(-30deg) rotate(-5deg)
    }
}

@-webkit-keyframes advanceAnimation {
    0% {
        -webkit-transform: rotateY(-30deg) rotate(-5deg);
        transform: rotateY(-30deg) rotate(-5deg)
    }

    50% {
        -webkit-transform: rotateY(0deg) rotate(0deg) translateZ(0);
        transform: rotateY(0) rotate(0) translateZ(0)
    }

    to {
        -webkit-transform: rotateY(-30deg) rotate(-5deg);
        transform: rotateY(-30deg) rotate(-5deg)
    }
}

@keyframes advanceAnimation {
    0% {
        -webkit-transform: rotateY(-30deg) rotate(-5deg);
        -moz-transform: rotateY(-30deg) rotate(-5deg);
        transform: rotateY(-30deg) rotate(-5deg)
    }

    50% {
        -webkit-transform: rotateY(0deg) rotate(0deg) translateZ(0);
        -moz-transform: rotateY(0deg) rotate(0deg) translateZ(0);
        transform: rotateY(0) rotate(0) translateZ(0)
    }

    to {
        -webkit-transform: rotateY(-30deg) rotate(-5deg);
        -moz-transform: rotateY(-30deg) rotate(-5deg);
        transform: rotateY(-30deg) rotate(-5deg)
    }
}

@-moz-keyframes lineAnimation {
    0% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes lineAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes lineAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-moz-keyframes face1Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: -moz-calc(var(--rpx, 1px)*67);
        bottom: calc(var(--rpx, 1px)*67);
        opacity: 1
    }
}

@-webkit-keyframes face1Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: -webkit-calc(var(--rpx, 1px)*67);
        bottom: calc(var(--rpx, 1px)*67);
        opacity: 1
    }
}

@keyframes face1Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: -webkit-calc(var(--rpx, 1px)*67);
        bottom: -moz-calc(var(--rpx, 1px)*67);
        bottom: calc(var(--rpx, 1px)*67);
        opacity: 1
    }
}

@-moz-keyframes face2Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: -moz-calc(var(--rpx, 1px)*10);
        bottom: calc(var(--rpx, 1px)*10);
        opacity: 1
    }
}

@-webkit-keyframes face2Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: -webkit-calc(var(--rpx, 1px)*10);
        bottom: calc(var(--rpx, 1px)*10);
        opacity: 1
    }
}

@keyframes face2Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: -webkit-calc(var(--rpx, 1px)*10);
        bottom: -moz-calc(var(--rpx, 1px)*10);
        bottom: calc(var(--rpx, 1px)*10);
        opacity: 1
    }
}

@-moz-keyframes face3Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: 68%;
        opacity: 1
    }
}

@-webkit-keyframes face3Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: 68%;
        opacity: 1
    }
}

@keyframes face3Animation {
    0% {
        bottom: -50%;
        opacity: 0
    }

    to {
        bottom: 68%;
        opacity: 1
    }
}

[ani-key-function] {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-3.05%, #000), to(#1b1b1b));
    background: -webkit-linear-gradient(bottom, #000 -3.05%, #1b1b1b);
    background: -moz-linear-gradient(bottom, #000 -3.05%, #1b1b1b 100%);
    background: linear-gradient(0deg, #000 -3.05%, #1b1b1b)
}

[ani-key-function] .btn-active img, [ani-key-function] .btn-active p {
    opacity: 1
}

[ani-key-function] .svg-like {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.blur-mask {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

#section-kspMo .text-years {
    left: 1.3vw;
    left: -webkit-calc(var(--vw, 1vw)*1.3);
    left: -moz-calc(var(--vw, 1vw)*1.3);
    left: calc(var(--vw, 1vw)*1.3);
    -webkit-perspective: 15vw;
    -moz-perspective: 15vw;
    perspective: 15vw;
    -webkit-perspective: -webkit-calc(var(--vw, 1vw)*15);
    -moz-perspective: -moz-calc(var(--vw, 1vw)*15);
    perspective: calc(var(--vw, 1vw)*15);
    -webkit-perspective-origin: bottom;
    -moz-perspective-origin: bottom;
    perspective-origin: bottom
}

#section-kspMo .text-years .inner {
    -webkit-transform: rotateY(-5deg) scaleX(.84);
    -moz-transform: rotateY(-5deg) scaleX(.84);
    transform: rotateY(-5deg) scaleX(.84);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

#section-kspMo .text-advanced-wrapper {
    left: 2.2vw;
    left: -webkit-calc(var(--vw, 1vw)*2.2);
    left: -moz-calc(var(--vw, 1vw)*2.2);
    left: calc(var(--vw, 1vw)*2.2)
}

#section-kspMo .text-advanced-1 {
    -webkit-perspective: 2vw;
    -moz-perspective: 2vw;
    perspective: 2vw;
    -webkit-perspective: -webkit-calc(var(--vw, 1vw)*2);
    -moz-perspective: -moz-calc(var(--vw, 1vw)*2);
    perspective: calc(var(--vw, 1vw)*2);
    -webkit-perspective-origin: top;
    -moz-perspective-origin: top;
    perspective-origin: top;
    -webkit-transform: translateY(12vw);
    -moz-transform: translateY(12vw);
    -ms-transform: translateY(12vw);
    transform: translateY(12vw);
    -webkit-transform: translateY(-webkit-calc(var(--vw, 1vw)*12));
    -moz-transform: translateY(-moz-calc(var(--vw, 1vw)*12));
    -ms-transform: translateY(calc(var(--vw, 1vw)*12));
    transform: translateY(calc(var(--vw, 1vw)*12))
}

#section-kspMo .text-advanced-1 p {
    font-size: 12vw;
    font-size: -webkit-calc(var(--vw, 1vw)*12);
    font-size: -moz-calc(var(--vw, 1vw)*12);
    font-size: calc(var(--vw, 1vw)*12);
    -webkit-transform: rotateY(5deg) scaleX(1);
    -moz-transform: rotateY(5deg) scaleX(1);
    transform: rotateY(5deg) scaleX(1);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

#section-kspMo .text-advanced-2 {
    -webkit-perspective: 4.3vw;
    -moz-perspective: 4.3vw;
    perspective: 4.3vw;
    -webkit-perspective: -webkit-calc(var(--vw, 1vw)*4.3);
    -moz-perspective: -moz-calc(var(--vw, 1vw)*4.3);
    perspective: calc(var(--vw, 1vw)*4.3);
    -webkit-perspective-origin: 0 80%;
    -moz-perspective-origin: 0 80%;
    perspective-origin: 0 80%;
    -webkit-transform: translateY(1vw);
    -moz-transform: translateY(1vw);
    -ms-transform: translateY(1vw);
    transform: translateY(1vw);
    -webkit-transform: translateY(-webkit-calc(var(--vw, 1vw)*1));
    -moz-transform: translateY(-moz-calc(var(--vw, 1vw)*1));
    -ms-transform: translateY(calc(var(--vw, 1vw)*1));
    transform: translateY(calc(var(--vw, 1vw)*1))
}

#section-kspMo .text-advanced-2 p {
    font-size: 12vw;
    font-size: -webkit-calc(var(--vw, 1vw)*12);
    font-size: -moz-calc(var(--vw, 1vw)*12);
    font-size: calc(var(--vw, 1vw)*12);
    -webkit-transform: rotateY(-13deg) scaleX(.198) scaleY(.7);
    -moz-transform: rotateY(-13deg) scaleX(.198) scaleY(.7);
    transform: rotateY(-13deg) scaleX(.198) scaleY(.7);
    -webkit-transform-origin: 3% bottom;
    -moz-transform-origin: 3% bottom;
    -ms-transform-origin: 3% bottom;
    transform-origin: 3% bottom
}

#section-kspMo .flash-wrapper-1, #section-kspMo .flash-wrapper-2 {
    height: 5.2vw;
    height: -webkit-calc(var(--vw, 1vw)*5.2);
    height: -moz-calc(var(--vw, 1vw)*5.2);
    height: calc(var(--vw, 1vw)*5.2);
    position: absolute;
    width: 3.41875vw;
    width: -webkit-calc(var(--vw, 1vw)*3.41875);
    width: -moz-calc(var(--vw, 1vw)*3.41875);
    width: calc(var(--vw, 1vw)*3.41875)
}

#section-kspMo .flash-wrapper-1 img.solid, #section-kspMo .flash-wrapper-2 img.solid {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
    -webkit-transition: -webkit-clip-path .4s;
    transition: -webkit-clip-path .4s;
    -moz-transition: clip-path .4s;
    transition: clip-path .4s;
    transition: clip-path .4s, -webkit-clip-path .4s
}

#section-kspMo .flash-wrapper-1.flash-wrapper-1, #section-kspMo .flash-wrapper-2.flash-wrapper-1 {
    left: 73.2%;
    top: 27.5%;
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg)
}

#section-kspMo .flash-wrapper-1.flash-wrapper-2, #section-kspMo .flash-wrapper-2.flash-wrapper-2 {
    left: 76.8%;
    position: absolute;
    top: 26.5%;
    -webkit-transform: rotate(20deg) scale(.92);
    -moz-transform: rotate(20deg) scale(.92);
    -ms-transform: rotate(20deg) scale(.92);
    transform: rotate(20deg) scale(.92)
}

#section-kspMo .flash-wrapper-1 img, #section-kspMo .flash-wrapper-2 img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%
}

#section-kspMo .battery-card {
    background: -webkit-linear-gradient(294.47deg, #101227 6.56%, #327fac 91.88%);
    background: -moz-linear-gradient(294.47deg, #101227 6.56%, #327fac 91.88%);
    background: linear-gradient(155.53deg, #101227 6.56%, #327fac 91.88%);
    overflow: hidden;
    position: relative
}

#section-kspMo .battery-card .imgs-wrapper {
    -webkit-transform: scale(2) translateX(-5.314vw) translateY(-3vw);
    -moz-transform: scale(2) translateX(-5.314vw) translateY(-3vw);
    -ms-transform: scale(2) translateX(-5.314vw) translateY(-3vw);
    transform: scale(2) translate(-5.314vw) translateY(-3vw);
    -webkit-transform: scale(2) translateX(-webkit-calc(var(--vw, 1vw)*-5.314)) translateY(-webkit-calc(var(--vw, 1vw)*-3));
    -moz-transform: scale(2) translateX(-moz-calc(var(--vw, 1vw)*-5.314)) translateY(-moz-calc(var(--vw, 1vw)*-3));
    -ms-transform: scale(2) translateX(calc(var(--vw, 1vw)*-5.314)) translateY(calc(var(--vw, 1vw)*-3));
    transform: scale(2) translate(calc(var(--vw, 1vw)*-5.314)) translateY(calc(var(--vw, 1vw)*-3))
}

#section-ksp a, #section-kspMo a {
    display: block;
    overflow: hidden
}

#section-ksp a:after, #section-kspMo a:after {
    -webkit-box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 .5px #0000001a;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

#section-ksp .mp-wrapper, #section-kspMo .mp-wrapper {
    background: #75b7e2;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

#section-ksp .mp-wrapper img, #section-kspMo .mp-wrapper img {
    height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(90%, #000), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(right, #000 90%, transparent);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(90%, #000), to(transparent));
    mask-image: linear-gradient(-90deg, #000 90%, transparent);
    min-width: 1px;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(5%);
    -moz-transform: translateX(5%);
    -ms-transform: translateX(5%);
    transform: translate(5%);
    width: auto
}

#section-ksp .open-canvas-video .icons, #section-kspMo .open-canvas-video .icons {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 80%;
    -moz-transform-origin: 50% 80%;
    -ms-transform-origin: 50% 80%;
    transform-origin: 50% 80%
}

.kv-mo-wrapper {
    height: -webkit-calc(var(--init-height)*100 - 48px - var(--nav-height));
    height: -moz-calc(var(--init-height)*100 - 48px - var(--nav-height));
    height: calc(var(--init-height)*100 - 48px - var(--nav-height))
}

.cooling-text-2 span:nth-child(2), .r-p5-text span:nth-child(2), .win-text span:nth-child(2) {
    color: #000000bf
}

.r-p2-text span:nth-child(2) {
    color: #ffffffbf;
    font-weight: 500
}

.image-stack-section .image-title {
    text-decoration: underline;
    text-underline-offset: 6px
}

.image-stack-section .mask {
    background-color: #00000080;
    inset: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 10
}

.image-stack-section .mask:hover {
    opacity: 0
}

#tvc-video .image-title {
    text-decoration: underline;
    text-underline-offset: 6px
}

#tvc-video .mask-layer {
    background-color: #00000080;
    inset: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 10
}

#tvc-video .mask-layer:hover {
    opacity: 0
}

#tvc-video .video-stack-container {
    position: relative
}

#tvc-video .stack-container {
    height: -webkit-calc(var(--rpx, 1px)*600);
    height: -moz-calc(var(--rpx, 1px)*600);
    height: calc(var(--rpx, 1px)*600);
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#tvc-video .video-layer-wrapper {
    -webkit-clip-path: polygon(29% 0, 90% 4%, 75% 76%, 10% 67%);
    clip-path: polygon(29% 0, 90% 4%, 75% 76%, 10% 67%);
    -webkit-transform: rotateX(20deg);
    -moz-transform: rotateX(20deg);
    transform: rotateX(20deg);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

#tvc-video .video-layer-wrapper.active {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0);
    z-index: 20
}

#tvc-video .video-wrapper {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

#tvc-video .image-layer-content {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#ksp-floating {
    -webkit-transform: translateY(78px);
    -moz-transform: translateY(78px);
    -ms-transform: translateY(78px);
    transform: translateY(78px)
}

#ksp-floating .container-wrapper {
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

#ksp-floating .container-wrapper, #ksp-floating .list {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

#ksp-floating .list {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    visibility: hidden
}

#ksp-floating .list a {
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#ksp-floating .list a:not(:first-child) {
    margin-top: 16px
}

#ksp-floating.light .list a {
    color: #1a1a1a8c
}

#ksp-floating.light .list a:hover {
    color: #1a1a1a
}

#ksp-floating.light .list a:hover:after {
    background-color: #1a1a1af2;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}

#ksp-floating.light .line {
    background-color: #00000024
}

#ksp-floating.dark .list {
    background-color: #2a2a2ab3
}

#ksp-floating.dark .list a {
    color: #ffffff59
}

#ksp-floating.dark .list a:hover {
    color: #fff
}

#ksp-floating.dark .list a:hover:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}

#ksp-floating.dark .container-wrapper {
    background-color: #2a2a2ab3
}

#ksp-floating.dark .container-wrapper .selling-point-box span {
    color: #fffffff2
}

#ksp-floating.dark .line {
    background-color: #ffffff59
}

#score .line-bg {
    background: -webkit-gradient(linear, left top, right top, from(rgba(1, 178, 210, .5)), color-stop(97.44%, rgba(1, 178, 210, 0)));
    background: -webkit-linear-gradient(left, rgba(1, 178, 210, .5), rgba(1, 178, 210, 0) 97.44%);
    background: -moz-linear-gradient(left, rgba(1, 178, 210, .5) 0, rgba(1, 178, 210, 0) 97.44%);
    background: linear-gradient(90deg, rgba(1, 178, 210, .5), rgba(1, 178, 210, 0) 97.44%)
}

#game .border-top {
    border-top: .5px solid rgba(0, 0, 0, .1)
}

#game .game-images .image {
    -webkit-transition: -webkit-clip-path 1s ease;
    transition: -webkit-clip-path 1s ease;
    -moz-transition: clip-path 1s ease;
    transition: clip-path 1s ease;
    transition: clip-path 1s ease, -webkit-clip-path 1s ease
}

#game .active {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#game .game-btn .border-1 {
    border: .5px solid #8090e1;
    opacity: .7
}

#game .game-btn .border-2 {
    border: .5px solid #e0e3f2;
    opacity: .7
}

#game .game-btn .border-3 {
    border: .5px solid #5e6172;
    opacity: .7
}

#game .game-btn .btn-text-active {
    padding-left: 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#design .design-title {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    perspective: 400px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -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
}

#performance .apex {
    -webkit-transform: translate3d(363px, 0, -700px) rotateY(80deg);
    -moz-transform: translate3d(363px, 0, -700px) rotateY(80deg);
    transform: translate3d(363px, 0, -700px) rotateY(80deg)
}

#performance .edge {
    -webkit-transform: translate3d(-377px, 0, -698px) rotateY(-81deg);
    -moz-transform: translate3d(-377px, 0, -698px) rotateY(-81deg);
    transform: translate3d(-377px, 0, -698px) rotateY(-81deg)
}

#section-battery .sticky-container>.sticky {
    margin-bottom: calc(var(--battery-title-height)*-1);
    margin-top: var(--battery-title-height);
    -webkit-transform: translateY(-webkit-calc(var(--battery-title-height)*-1));
    -moz-transform: translateY(-moz-calc(var(--battery-title-height)*-1));
    -ms-transform: translateY(calc(var(--battery-title-height)*-1));
    transform: translateY(calc(var(--battery-title-height)*-1))
}

#section-battery .anim-card {
    cursor: pointer
}

#section-battery .anim-card .wordart-text {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

#section-battery .anim-card img {
    opacity: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

#section-battery .anim-card:hover .wordart-text {
    background-position: 100% 100%
}

#section-battery .anim-card:hover img {
    opacity: 1
}

#section-battery .first-screen-text, #section-battery .first-screen-text p {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-linear-gradient(359.04deg, #6ae3f9 20.72%, #01b2d2 99.13%);
    background: -moz-linear-gradient(359.04deg, #6ae3f9 20.72%, #01b2d2 99.13%);
    background: linear-gradient(90.96deg, #6ae3f9 20.72%, #01b2d2 99.13%);
    -webkit-background-clip: text;
    background-clip: text
}

#section-battery .one-group-wordart>*, #section-battery .three-group-wordart, #section-battery .two-group-wordart>* {
    -webkit-text-stroke: 1.15px #01b2d2;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #01b2d2), color-stop(0, transparent));
    background-image: -webkit-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: -moz-linear-gradient(bottom, #01b2d2 50%, transparent 0);
    background-image: linear-gradient(0deg, #01b2d2 50%, transparent 0);
    background-position: 100% 0;
    -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
    color: transparent;
    text-shadow: 1.15px #01b2d2;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

#arsenal .active {
    color: #fff;
    opacity: 1
}

#arsenal .active, #arsenal .move-line {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#fps .active {
    color: #fff;
    visibility: visible
}

#fps .deactive {
    color: #ffffff80;
    visibility: hidden
}

#fps .move-line2 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#photoAndVideo .turnRound {
    bottom: -webkit-calc(var(--rpx, 1px)*20) !important;
    bottom: -moz-calc(var(--rpx, 1px)*20) !important;
    bottom: calc(var(--rpx, 1px)*20) !important;
    height: -webkit-calc(var(--rpx, 1px)*40) !important;
    height: -moz-calc(var(--rpx, 1px)*40) !important;
    height: calc(var(--rpx, 1px)*40) !important;
    right: -webkit-calc(var(--rpx, 1px)*20) !important;
    right: -moz-calc(var(--rpx, 1px)*20) !important;
    right: calc(var(--rpx, 1px)*20) !important;
    width: -webkit-calc(var(--rpx, 1px)*40) !important;
    width: -moz-calc(var(--rpx, 1px)*40) !important;
    width: calc(var(--rpx, 1px)*40) !important
}

#photoAndVideo .turnRound, #photoAndVideo .turnRound-pad {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    background: hsla(0, 0%, 82%, .4) !important;
    border-radius: 50% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: auto !important;
    position: absolute !important;
    top: auto !important
}

#photoAndVideo .turnRound-pad {
    bottom: -webkit-calc(var(--rpx, 1px)*12) !important;
    bottom: -moz-calc(var(--rpx, 1px)*12) !important;
    bottom: calc(var(--rpx, 1px)*12) !important;
    height: -webkit-calc(var(--rpx, 1px)*24) !important;
    height: -moz-calc(var(--rpx, 1px)*24) !important;
    height: calc(var(--rpx, 1px)*24) !important;
    right: -webkit-calc(var(--rpx, 1px)*12) !important;
    right: -moz-calc(var(--rpx, 1px)*12) !important;
    right: calc(var(--rpx, 1px)*12) !important;
    width: -webkit-calc(var(--rpx, 1px)*24) !important;
    width: -moz-calc(var(--rpx, 1px)*24) !important;
    width: calc(var(--rpx, 1px)*24) !important
}

#photoAndVideo .replay:after {
    display: none !important
}

#photoAndVideo #svg-stage {
    max-width: 750px;
    overflow: visible;
    width: 100%
}

#dreamScreen {
    background: #000
}

#fastSmooth .pcbg {
    background: -webkit-linear-gradient(294.47deg, #101227 6.56%, #3332ac 91.88%);
    background: -moz-linear-gradient(294.47deg, #101227 6.56%, #3332ac 91.88%);
    background: linear-gradient(155.53deg, #101227 6.56%, #3332ac 91.88%)
}

#section-snap .sticky .images-ground img {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

#section-snap .snap-mask {
    background: #fff;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

#section-layer-video .container-wrapper .content .card-wrapper {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.sticker-wrapper .sticker-back-wrapper {
    -webkit-clip-path: inset(0 0 63% 0);
    clip-path: inset(0 0 63% 0);
    -webkit-transform: translate(-10%, 8%) rotate(55deg);
    -moz-transform: translate(-10%, 8%) rotate(55deg);
    -ms-transform: translate(-10%, 8%) rotate(55deg);
    transform: translate(-10%, 8%) rotate(55deg);
    -webkit-transition: -webkit-transform .6s ease, -webkit-clip-path .6s ease;
    transition: -webkit-transform .6s ease, -webkit-clip-path .6s ease;
    -moz-transition: transform .6s ease, clip-path .6s ease, -moz-transform .6s ease;
    transition: transform .6s ease, clip-path .6s ease;
    transition: transform .6s ease, clip-path .6s ease, -webkit-transform .6s ease, -moz-transform .6s ease, -webkit-clip-path .6s ease;
    z-index: 10
}

.sticker-wrapper .sticker-back-wrapper .sticker-back {
    -webkit-transform: rotate(-135deg) rotateY(180deg);
    -moz-transform: rotate(-135deg) rotateY(180deg);
    transform: rotate(-135deg) rotateY(180deg)
}

.sticker-wrapper .sticker-front-wrapper {
    -webkit-clip-path: inset(0 0 50% 0);
    clip-path: inset(0 0 50% 0);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-transition: -webkit-clip-path .6s ease;
    transition: -webkit-clip-path .6s ease;
    -moz-transition: clip-path .6s ease;
    transition: clip-path .6s ease;
    transition: clip-path .6s ease, -webkit-clip-path .6s ease
}

.sticker-wrapper .sticker-front-wrapper .sticker-front {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.sticker-wrapper.enter .sticker-back-wrapper {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    -webkit-transform: translate(-68%, 68%) rotate(55deg);
    -moz-transform: translate(-68%, 68%) rotate(55deg);
    -ms-transform: translate(-68%, 68%) rotate(55deg);
    transform: translate(-68%, 68%) rotate(55deg)
}

.sticker-wrapper.enter .sticker-front-wrapper {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

section#ai .section0 .card0 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden
}

section#ai .section0 .card0 .title {
    color: #0009;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    transition: color .5s ease
}

section#ai .section0 .card0 .desc, section#ai .section0 .card0 .img-box {
    -webkit-transition: -webkit-clip-path .5s ease;
    transition: -webkit-clip-path .5s ease;
    -moz-transition: clip-path .5s ease;
    transition: clip-path .5s ease;
    transition: clip-path .5s ease, -webkit-clip-path .5s ease
}

section#ai .section0 .card0.active .title {
    color: #000000f2
}

section#ai .section0 .card0.active .desc, section#ai .section0 .card0.active .img-box {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

section#ai .section1-text {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

section#ai .section1-text.show {
    opacity: 1
}

section#ai .next.disabled, section#ai .prev.disabled {
    cursor: not-allowed;
    opacity: .4
}

section#ai .slider {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease, -moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease
}

section#ai .progress0 .bar {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s
}

section#ai .section1 .swiper-slide, section#ai .section2 .swiper-slide {
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

section#ai .section1 .swiper-slide:not(.swiper-slide-active), section#ai .section2 .swiper-slide:not(.swiper-slide-active) {
    opacity: .2
}

section#ai .feature-text {
    display: grid;
    grid-template-rows: auto 0fr;
    -webkit-transition: grid-template-rows .5s ease;
    -moz-transition: grid-template-rows .5s ease;
    transition: grid-template-rows .5s ease;
    transition: grid-template-rows .5s ease, -ms-grid-rows .5s ease
}

section#ai .feature-text .feature-title {
    color: #0003;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    transition: color .5s ease
}

section#ai .feature-text .feature-desc {
    color: #000;
    overflow: hidden;
    padding-top: calc(var(--rpx, 1px)*0)
}

section#ai .feature-divider {
    background: rgba(0, 0, 0, .2);
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    transition: background .5s ease
}

section#ai .feature-divider.active {
    background: rgba(0, 0, 0, .4)
}

section#ai .feature-item:hover .feature-title {
    color: #000000f2
}

section#ai .feature-item:hover .feature-divider, section#ai .feature-item:hover+.feature-divider, section#ai .feature-item:hover+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#ai .feature-item.expand .feature-text {
    grid-template-rows: auto 1fr
}

section#ai .feature-item.expand .feature-text .feature-title {
    color: #000000f2
}

section#ai .feature-item.expand .feature-text .feature-desc {
    opacity: 1;
    padding-top: calc(var(--rpx, 1px)*6)
}

section#ai .feature-item.expand .feature-arrow {
    visibility: hidden
}

section#ai .feature-item.expand .feature-divider, section#ai .feature-item.expand+.feature-divider, section#ai .feature-item.expand+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#ai .section2 .phone-screen {
    -webkit-box-shadow: -webkit-calc(var(--rpx, 1px)*20) -webkit-calc(var(--rpx, 1px)*20) -webkit-calc(var(--rpx, 1px)*26) -webkit-calc(var(--rpx, 1px)*8) rgba(0, 0, 0, .15);
    box-shadow: -moz-calc(var(--rpx, 1px)*20) -moz-calc(var(--rpx, 1px)*20) -moz-calc(var(--rpx, 1px)*26) -moz-calc(var(--rpx, 1px)*8) #00000026;
    box-shadow: calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*20) calc(var(--rpx, 1px)*26) calc(var(--rpx, 1px)*8) #00000026
}

section#ai .line {
    background: #d9d9d9
}

section#ai .scene-2 .next, section#ai .scene-2 .prev {
    cursor: pointer
}

section#ai .scene-2 .next.disabled, section#ai .scene-2 .prev.disabled {
    cursor: none;
    opacity: .3;
    pointer-events: none
}

section#ai .scene-2 .scroll-bar .inner-bar {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s
}

section#ai .scene-2 .selector-desc, section#ai .scene-2 .selector-title, section#ai .scene-2 .ui {
    opacity: 0
}

section#ai .scene-2[data-selector-index="0"] .desc-0, section#ai .scene-2[data-selector-index="0"] .title-0, section#ai .scene-2[data-selector-index="0"] .ui-0, section#ai .scene-2[data-selector-index="1"] .desc-1, section#ai .scene-2[data-selector-index="1"] .title-1, section#ai .scene-2[data-selector-index="1"] .ui-1, section#ai .scene-2[data-selector-index="2"] .desc-2, section#ai .scene-2[data-selector-index="2"] .title-2, section#ai .scene-2[data-selector-index="2"] .ui-2, section#ai .scene-2[data-selector-index="3"] .desc-3, section#ai .scene-2[data-selector-index="3"] .title-3, section#ai .scene-2[data-selector-index="3"] .ui-3, section#ai .scene-2[data-selector-index="4"] .desc-4, section#ai .scene-2[data-selector-index="4"] .title-4, section#ai .scene-2[data-selector-index="4"] .ui-4, section#ai .scene-2[data-selector-index="5"] .desc-5, section#ai .scene-2[data-selector-index="5"] .title-5, section#ai .scene-2[data-selector-index="5"] .ui-5 {
    opacity: 1
}

section#ai .scene-3 .next, section#ai .scene-3 .prev {
    cursor: pointer
}

section#ai .scene-3 .next.disabled, section#ai .scene-3 .prev.disabled {
    cursor: none;
    opacity: .3;
    pointer-events: none
}

section#ai .scene-3 .scroll-bar .inner-bar {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s
}

section#ai .scene-3 .selector-desc, section#ai .scene-3 .selector-title, section#ai .scene-3 .ui-img {
    opacity: 0
}

section#ai .scene-3[data-selector-index="0"] .desc-0, section#ai .scene-3[data-selector-index="0"] .title-0, section#ai .scene-3[data-selector-index="0"] .ui-0, section#ai .scene-3[data-selector-index="1"] .desc-1, section#ai .scene-3[data-selector-index="1"] .title-1, section#ai .scene-3[data-selector-index="1"] .ui-1 {
    opacity: 1
}

section#ai [ani-more-mo] .content {
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding: 0 calc(var(--rpx, 1px)*15)
}

section#ai [ani-more-mo] .content-0 {
    left: -webkit-calc(var(--rpx, 1px)*40);
    left: -moz-calc(var(--rpx, 1px)*40);
    left: calc(var(--rpx, 1px)*40)
}

section#ai [ani-more-mo] .content-1 {
    left: -webkit-calc(var(--rpx, 1px)*740);
    left: -moz-calc(var(--rpx, 1px)*740);
    left: calc(var(--rpx, 1px)*740)
}

section#ai [ani-more-mo] .content-2 {
    left: -webkit-calc(var(--rpx, 1px)*950);
    left: -moz-calc(var(--rpx, 1px)*950);
    left: calc(var(--rpx, 1px)*950)
}

section#ai [ani-more-mo] .content-3 {
    left: -webkit-calc(var(--rpx, 1px)*1160);
    left: -moz-calc(var(--rpx, 1px)*1160);
    left: calc(var(--rpx, 1px)*1160)
}

section#ai [ani-more-mo] .content {
    left: 0 !important;
    position: relative
}

section#privacy {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(67.02%, #000), color-stop(96.45%, #040801));
    background: -webkit-linear-gradient(bottom, #000 67.02%, #040801 96.45%);
    background: -moz-linear-gradient(bottom, #000 67.02%, #040801 96.45%);
    background: linear-gradient(0deg, #000 67.02%, #040801 96.45%)
}

section#privacy .card0 {
    background: rgba(45, 45, 45, .2);
    background: -webkit-radial-gradient(50% 50%, 93.71% 63.66%, hsla(0, 0%, 100%, .07) 0, hsla(0, 0%, 100%, 0) 100%);
    background: -moz-radial-gradient(50% 50%, 93.71% 63.66%, hsla(0, 0%, 100%, .07) 0, hsla(0, 0%, 100%, 0) 100%);
    background: radial-gradient(93.71% 63.66% at 50% 50%, hsla(0, 0%, 100%, .07) 0, hsla(0, 0%, 100%, 0) 100%);
    border-radius: 4px
}

section#open-canvas .phone-screen {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

section#open-canvas .phone-screen.show {
    opacity: 1
}

section#open-canvas .phone-screen:not(:first-child) .picture-wrapper {
    -webkit-box-shadow: 20px 20px 26px 8px rgba(0, 0, 0, .15);
    box-shadow: 20px 20px 26px 8px #00000026
}

section#open-canvas .phone-screen:first-child .picture-wrapper {
    -webkit-box-shadow: -20px 20px 26px 8px rgba(0, 0, 0, .15);
    box-shadow: -20px 20px 26px 8px #00000026
}

section#open-canvas .feature-text {
    display: grid;
    grid-template-rows: auto 0fr;
    -webkit-transition: grid-template-rows .5s ease;
    -moz-transition: grid-template-rows .5s ease;
    transition: grid-template-rows .5s ease;
    transition: grid-template-rows .5s ease, -ms-grid-rows .5s ease
}

section#open-canvas .feature-text .feature-title {
    color: #0003;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    transition: color .5s ease
}

section#open-canvas .feature-text .feature-desc {
    color: #0000008c;
    opacity: 0;
    overflow: hidden;
    padding-top: calc(var(--rpx, 1px)*0);
    -webkit-transition: padding .5s ease, opacity .5s ease;
    -moz-transition: padding .5s ease, opacity .5s ease;
    transition: padding .5s ease, opacity .5s ease
}

section#open-canvas .feature-divider {
    background: rgba(0, 0, 0, .2);
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    transition: background .5s ease
}

section#open-canvas .feature-divider.active {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item:hover .feature-title {
    color: #000000f2
}

section#open-canvas .feature-item:hover .feature-divider, section#open-canvas .feature-item:hover+.feature-divider, section#open-canvas .feature-item:hover+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

section#open-canvas .feature-item.expand .feature-text {
    grid-template-rows: auto 1fr
}

section#open-canvas .feature-item.expand .feature-text .feature-title {
    color: #000000f2
}

section#open-canvas .feature-item.expand .feature-text .feature-desc {
    opacity: 1;
    padding-top: calc(var(--rpx, 1px)*10)
}

section#open-canvas .feature-item.expand .feature-arrow {
    visibility: hidden
}

section#open-canvas .feature-item.expand .feature-divider, section#open-canvas .feature-item.expand+.feature-divider, section#open-canvas .feature-item.expand+.feature-item .feature-divider {
    background: rgba(0, 0, 0, .4)
}

.warranty .content-w {
    max-width: -webkit-calc(var(--rpx, 1px)*1312);
    max-width: -moz-calc(var(--rpx, 1px)*1312);
    max-width: calc(var(--rpx, 1px)*1312)
}

section#notes a {
    color: inherit;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-style: solid;
    -moz-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

section#notes .content-w {
    max-width: -webkit-calc(var(--rpx, 1px)*1312);
    max-width: -moz-calc(var(--rpx, 1px)*1312);
    max-width: calc(var(--rpx, 1px)*1312)
}

section#ai .content-w, section#notes .content-w, section#open-canvas .content-w, section#photos .content-w, section#privacy .content-w, section#warranty .content-w {
    max-width: -webkit-calc(var(--rpx, 1px)*1312);
    max-width: -moz-calc(var(--rpx, 1px)*1312);
    max-width: calc(var(--rpx, 1px)*1312)
}

section#ai .content-w-img, section#notes .content-w-img, section#open-canvas .content-w-img, section#photos .content-w-img, section#privacy .content-w-img, section#warranty .content-w-img {
    max-width: -webkit-calc(var(--rpx, 1px)*1312);
    max-width: -moz-calc(var(--rpx, 1px)*1312);
    max-width: calc(var(--rpx, 1px)*1312)
}

.gradual-t {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-linear-gradient(344.63deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%);
    background: -moz-linear-gradient(344.63deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%);
    background: linear-gradient(105.37deg, #8ad2ff -22.76%, #4977dd 52.99%, #1c2c69 107.1%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 1.2;
    text-align: center
}

.pub-s-t {
    display: grid;
    gap: 10px;
    grid-template-columns: 20px 1fr
}

.pub-s-t p, .pub-s-t span {
    font-size: 14px;
    line-height: 20px
}

.pub-s-t img {
    height: 20px;
    width: 20px
}

.pub-box {
    background: #fff;
    border: 1px solid hsla(0, 0%, 60%, .4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.pub-box+.pub-box {
    border-top: none
}

.pub-box-i {
    -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;
    width: 50%
}

.pub-box-i-img {
    height: 0;
    overflow: hidden;
    padding-top: 47.22222%;
    position: relative;
    width: 50%
}

.pub-box-i-img>img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.pub-box-i-spe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.p-tit-lg {
    color: #000000f2;
    font-size: 24px;
    line-height: 32px
}

.p-desc-lg {
    color: #000000b3;
    font-size: 12px;
    line-height: 20px
}

#section-razor .b-line-inner, #section-sec .b-line-inner, #section-win .b-line-inner {
    background: hsla(0, 0%, 85%, .2)
}

#section-cooling .spe-line div {
    background: hsla(0, 0%, 85%, .2);
    position: absolute
}

[t-1] {
    font-size: 42px;
    line-height: 1.3;
    text-align: center
}

[t-2] {
    font-size: 28px;
    line-height: 36px
}

[t-3] {
    font-size: 14px;
    line-height: 22px
}

[t-4] {
    font-size: 42px;
    line-height: 50px
}

[t-6] {
    font-size: 10px;
    line-height: 1.4
}

[t-9] {
    font-size: 24px;
    line-height: 32px
}

[t-10] {
    font-size: 14px;
    line-height: 22px
}

[t-11] {
    font-size: 18px;
    line-height: 1.44
}

[t-12] {
    font-size: 10px;
    line-height: 16px
}

[t-13] {
    font-size: 24px;
    line-height: 1.2
}

[t-14] {
    font-size: 36px;
    line-height: 44px
}

[t-15] {
    font-size: 14px;
    line-height: 22px
}

[t-16] {
    font-size: 28px;
    line-height: 36px
}

[c-1] {
    --tw-text-opacity: .95
}

[c-2] {
    --tw-text-opacity: .75
}

[c-3] {
    --tw-text-opacity: .7
}

[c-4] {
    --tw-text-opacity: .4
}

[c-5] {
    --tw-text-opacity: .45
}

[c-6] {
    --tw-text-opacity: .5
}

[c-7] {
    --tw-text-opacity: .35
}

.accordion {
    overflow: hidden;
    width: 100%
}

.accordion-svg {
    position: relative
}

.accordion-svg svg {
    left: 0;
    position: absolute;
    top: 0
}

.accordion-svg svg path {
    fill-opacity: .35
}

.accordion-plus {
    opacity: 1
}

.accordion-minus {
    opacity: 1;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
}

.accordion-minus:nth-child(2) {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion-item {
    border-top: 1px solid #ddd;
    cursor: pointer;
    padding: calc(var(--rpx, 1px)*36) calc(var(--rpx, 1px)*64);
    width: 100%
}

.accordion-item .accordion-button p {
    font-size: 22px;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
}

.accordion-item.active .accordion-button>p {
    opacity: .95;
    -webkit-transform: scale(1.27);
    -moz-transform: scale(1.27);
    -ms-transform: scale(1.27);
    transform: scale(1.27)
}

.accordion-item.active .accordion-content {
    opacity: 1;
    visibility: visible
}

.accordion-item.active svg path {
    fill-opacity: .95
}

.accordion-item.active .accordion-minus:nth-child(2) {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0)
}

.accordion-item.active .accordion-plus {
    opacity: 0
}

.accordion-button {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-weight: 700;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    outline: none;
    text-align: left;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: 100%
}

.accordion-button p {
    opacity: .35
}

.accordion-content {
    background-color: #fff;
    color: #00000073;
    margin-right: calc(var(--rpx, 1px)*24 + 28px);
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden
}

.accordion-content p:last-child {
    margin-bottom: 0
}

.scaling-line {
    background-color: #000;
    height: 1px;
    margin: 16px 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.scaling-line[data-dirction-from-left] {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.scaling-line[data-dirction-from-right] {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.b-w-inner {
    background-color: #fff
}

html[lang=ru-RU] #privacy .code {
    display: inline-block;
    -webkit-transform: scale(.36);
    -moz-transform: scale(.36);
    -ms-transform: scale(.36);
    transform: scale(.36);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

body .hidden-mask {
    display: none
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#webpack-dev-server-client-overlay {
    display: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#8ad2ff), color-stop(58%, #4977dd), to(#1c2c69));
    background: -webkit-linear-gradient(left, #8ad2ff, #4977dd 58%, #1c2c69);
    background: -moz-linear-gradient(left, #8ad2ff 0, #4977dd 58%, #1c2c69 100%);
    background: linear-gradient(90deg, #8ad2ff 0, #4977dd 58%, #1c2c69);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.link-text {
    text-decoration: underline;
    text-underline-offset: 4px
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (min-width:1024px) {
    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    #section-ksp .ksp-text-wrapper {
        width: 100%
    }

    [ani-kv-ksp-tvc] #section-ksp .left-part .bottom, [ani-kv-ksp-tvc] #section-ksp .right-part, [ani-kv-ksp-tvc] #section-ksp a {
        cursor: none
    }

    [ani-kv-ksp-tvc] #section-ksp .card-advanced .box {
        -webkit-perspective: 4.22vw;
        -moz-perspective: 4.22vw;
        perspective: 4.22vw;
        -webkit-perspective: -webkit-calc(var(--vw, 1vw)*4.22);
        -moz-perspective: -moz-calc(var(--vw, 1vw)*4.22);
        perspective: calc(var(--vw, 1vw)*4.22);
        -webkit-perspective-origin: 50% 85%;
        -moz-perspective-origin: 50% 85%;
        perspective-origin: 50% 85%
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .text-faster {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(38.26%, hsla(0, 0%, 100%, 0)), color-stop(79.13%, #fff));
        background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0) 38.26%, #fff 79.13%);
        background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0) 38.26%, #fff 79.13%);
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 38.26%, #fff 79.13%);
        -webkit-background-clip: text;
        background-clip: text;
        opacity: .5
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .text-days-wrapper {
        left: -webkit-calc(var(--rpx, 1px)*20);
        left: -moz-calc(var(--rpx, 1px)*20);
        left: calc(var(--rpx, 1px)*20);
        -webkit-perspective: 200px;
        -moz-perspective: 200px;
        perspective: 200px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .text-days {
        -webkit-transform: rotateY(40deg) rotateX(21deg) rotate(-7deg) scale(1.2);
        -moz-transform: rotateY(40deg) rotateX(21deg) rotate(-7deg) scale(1.2);
        transform: rotateY(40deg) rotateX(21deg) rotate(-7deg) scale(1.2);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .dream-wrapper, [ani-kv-ksp-tvc] #section-ksp a.hover-act .mp-wrapper, [ani-kv-ksp-tvc] #section-ksp a.hover-act .phone-bg {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .phone-bg {
        -webkit-clip-path: polygon(28% 48%, 82% 2%, 97% 100%, 22% 100%);
        clip-path: polygon(28% 48%, 82% 2%, 97% 100%, 22% 100%)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .phone-line-stage {
        opacity: 1;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .text-advanced {
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        -moz-transition: transform .4s ease-in-out, -moz-transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out, -moz-transform .4s ease-in-out;
        transition: transform .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .face-wrapper img:first-child {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .face-wrapper img:nth-child(2) {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .face-wrapper img:nth-child(3) {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .ai-writer {
        -webkit-transform: rotate(9.747deg);
        -moz-transform: rotate(9.747deg);
        -ms-transform: rotate(9.747deg);
        transform: rotate(9.747deg)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .ai-logo, [ani-kv-ksp-tvc] #section-ksp a.hover-act .ai-writer {
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        -moz-transition: transform .4s ease-in-out, -moz-transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out, -moz-transform .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .ai-logo {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .ai-scribe {
        -webkit-transform: rotate(14deg);
        -moz-transform: rotate(14deg);
        -ms-transform: rotate(14deg);
        transform: rotate(14deg)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .ai-scribe, [ani-kv-ksp-tvc] #section-ksp a.hover-act .unblur {
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        -moz-transition: transform .4s ease-in-out, -moz-transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out, -moz-transform .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .unblur {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act .ksp-text-year {
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        -moz-transition: transform .4s ease-in-out, -moz-transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out, -moz-transform .4s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .text-days {
        -webkit-transform: rotateY(68deg) rotateX(41deg) rotate(3deg) scale(1.5);
        -moz-transform: rotateY(68deg) rotateX(41deg) rotate(3deg) scale(1.5);
        transform: rotateY(68deg) rotateX(41deg) rotate(3deg) scale(1.5)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .dream-wrapper, [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .mp-wrapper {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .phone-bg {
        -webkit-clip-path: polygon(29% 11%, 90% 44%, 97% 100%, 21% 100%);
        clip-path: polygon(29% 11%, 90% 44%, 97% 100%, 21% 100%)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .phone-line-stage {
        -webkit-animation: lineAnimation .8s ease-in-out;
        -moz-animation: lineAnimation .8s ease-in-out;
        animation: lineAnimation .8s ease-in-out
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .text-advanced {
        -webkit-transform: translateY(3.84%) rotateX(0deg) rotateY(-4deg) scaleX(.8);
        -moz-transform: translateY(3.84%) rotateX(0deg) rotateY(-4deg) scaleX(.8);
        transform: translateY(3.84%) rotateX(0) rotateY(-4deg) scaleX(.8)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .ai-writer {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .ai-logo {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .ai-scribe {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .unblur {
        -webkit-transform: rotate(3.5deg);
        -moz-transform: rotate(3.5deg);
        -ms-transform: rotate(3.5deg);
        transform: rotate(3.5deg)
    }

    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .ksp-text-year {
        -webkit-transform: translateY(7%) rotateX(0) rotateY(-8deg) rotate(0) scale(.84);
        -moz-transform: translateY(7%) rotateX(0) rotateY(-8deg) rotate(0) scale(.84);
        transform: translateY(7%) rotateX(0) rotateY(-8deg) rotate(0) scale(.84)
    }

    #section-ksp .open-canvas-video, #section-kspMo .open-canvas-video {
        -webkit-transform: translateY(-10%) scale(1.35);
        -moz-transform: translateY(-10%) scale(1.35);
        -ms-transform: translateY(-10%) scale(1.35);
        transform: translateY(-10%) scale(1.35)
    }

    #title-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: auto;
        -webkit-justify-content: center;
        justify-content: center;
        min-height: 100px;
        position: relative
    }

    #title-container:before {
        content: "";
        display: block;
        height: 0;
        visibility: hidden
    }

    #title-container div {
        line-height: 1.1
    }

    #title-container .text-layer {
        font-size: 96px;
        font-weight: 500;
        opacity: 0;
        position: absolute;
        text-align: center;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        width: 100%
    }

    #title-container .text-layer div {
        opacity: 1;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    #title-container .clone-layer {
        font-size: 96px;
        font-weight: 500;
        opacity: 0;
        pointer-events: none;
        position: relative;
        text-align: center;
        width: 100%
    }

    #title-container .clone-layer div {
        margin-bottom: 10px
    }

    #section-cooling {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(-100.94%, #00194b), color-stop(101%, #000));
        background: -webkit-linear-gradient(bottom, #00194b -100.94%, #000 101%);
        background: -moz-linear-gradient(bottom, #00194b -100.94%, #000 101%);
        background: linear-gradient(1turn, #00194b -100.94%, #000 101%)
    }

    #section-battery .phone-wrapper0 {
        -webkit-transform-origin: "50% 25%";
        -moz-transform-origin: "50% 25%";
        -ms-transform-origin: "50% 25%";
        transform-origin: "50% 25%"
    }

    #photoAndVideo .jiantou-content {
        height: 204.98px;
        width: 206.61px
    }

    #section-volume .liner-bg-color {
        background: -webkit-linear-gradient(99.81deg, hsla(0, 0%, 100%, 0) -6.61%, hsla(34, 13%, 68%, .3) 156.63%), #fff;
        background: -moz-linear-gradient(99.81deg, hsla(0, 0%, 100%, 0) -6.61%, hsla(34, 13%, 68%, .3) 156.63%), #fff;
        background: linear-gradient(350.19deg, hsla(0, 0%, 100%, 0) -6.61%, hsla(34, 13%, 68%, .3) 156.63%), #fff
    }

    #section-snap .container-wrapper {
        margin-bottom: calc((var(--content-height) - var(--rpx, 1px)*480)/-2 + var(--rpx, 1px)*140);
        margin-top: calc((var(--content-height) - var(--rpx, 1px)*480)/-2 + var(--rpx, 1px)*87)
    }

    section#ai .right-text {
        margin-left: auto
    }

    section#ai .section0 {
        -webkit-transform: translateX(-webkit-calc(var(--rpx, 1px)*-16));
        -moz-transform: translateX(-moz-calc(var(--rpx, 1px)*-16));
        -ms-transform: translateX(calc(var(--rpx, 1px)*-16));
        transform: translate(calc(var(--rpx, 1px)*-16))
    }

    section#ai .section0 .card0 {
        max-width: -webkit-calc(var(--rpx, 1px)*209);
        max-width: -moz-calc(var(--rpx, 1px)*209);
        max-width: calc(var(--rpx, 1px)*209);
        -webkit-transition: max-width .5s ease;
        -moz-transition: max-width .5s ease;
        transition: max-width .5s ease
    }

    section#ai .section0 .card0 .desc, section#ai .section0 .card0 .img-box {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    section#ai .section0 .card0.active {
        max-width: -webkit-calc(var(--rpx, 1px)*684);
        max-width: -moz-calc(var(--rpx, 1px)*684);
        max-width: calc(var(--rpx, 1px)*684)
    }

    section#ai .feature-text .feature-desc {
        opacity: 0;
        -webkit-transition: padding .5s ease, opacity .5s ease;
        -moz-transition: padding .5s ease, opacity .5s ease;
        transition: padding .5s ease, opacity .5s ease
    }

    section#ai [ani-more-mo] .content-text .desc {
        width: -webkit-calc(46vw - var(--rpx, 1px)*30);
        width: -moz-calc(46vw - var(--rpx, 1px)*30);
        width: calc(46vw - var(--rpx, 1px)*30);
        width: -webkit-calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30);
        width: -moz-calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30);
        width: calc(var(--vw, 1vw)*46 - var(--rpx, 1px)*30)
    }

    .pub-s-t {
        gap: 16px;
        grid-template-columns: 28px 1fr
    }

    .pub-s-t p, .pub-s-t span {
        font-size: 20px;
        line-height: 28px
    }

    .pub-s-t img {
        height: 28px;
        width: 28px
    }

    .pub-s-t:not(.pub-s-t:first-child) {
        margin-top: 30px
    }

    .pub-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .pub-box-i:first-child {
        border-right: 1px solid hsla(0, 0%, 60%, .4)
    }

    .p-tit-lg {
        font-size: 48px;
        line-height: 56px
    }

    .p-desc-lg {
        font-size: 20px;
        line-height: 26px
    }

    [t-1] {
        font-size: 92px;
        letter-spacing: -1.84px;
        line-height: 1.3
    }

    [t-2] {
        font-size: 42px;
        line-height: 50px
    }

    [t-3] {
        font-size: 18px;
        line-height: 26px
    }

    [t-6] {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1.33
    }

    [t-9] {
        font-size: 48px;
        line-height: 56px
    }

    [t-10] {
        font-size: 20px;
        line-height: 28px
    }

    [t-11] {
        font-size: -webkit-calc(var(--rpx, 1px)*32);
        font-size: -moz-calc(var(--rpx, 1px)*32);
        font-size: calc(var(--rpx, 1px)*32);
        line-height: 1.18
    }

    [t-12] {
        font-size: 14px;
        line-height: 22px
    }

    [t-13] {
        font-size: 52px
    }

    [t-14] {
        font-size: 60px;
        line-height: 72px
    }

    [t-15] {
        font-size: 24px;
        line-height: 32px
    }

    .accordion-svg {
        height: 28px;
        width: 28px
    }

    html[lang=ru-RU] #game .game-title {
        font-size: 22px
    }

    html[lang=ru-RU] #game .game-desc, html[lang=ru-RU] #performance-mo .performance-des-text {
        font-size: 14px
    }

    html[lang=ru-RU] .text-sleek, html[lang=ru-RU] .text-slim {
        font-size: 90px
    }

    html[lang=fr-FR] .text-sleek, html[lang=fr-FR] .text-slim {
        font-size: 110px
    }

    html[lang=de-DE] .text-sleek, html[lang=de-DE] .text-slim {
        font-size: 106px
    }

    html[lang=es-ES] .text-sleek, html[lang=es-ES] .text-slim {
        font-size: 84px
    }

    html[lang=es-ES] .game-title {
        font-size: 36px
    }

    html[lang=fi-FI] .text-sleek, html[lang=fi-FI] .text-slim, html[lang=da-DK] .text-sleek, html[lang=da-DK] .text-slim {
        font-size: 106px
    }

    html[lang=it-IT] .text-sleek, html[lang=it-IT] .text-slim, html[lang=sv-SE] .text-sleek, html[lang=sv-SE] .text-slim {
        font-size: 98px
    }

    html[lang=nl-NL] .text-sleek, html[lang=nl-NL] .text-slim {
        font-size: 116px
    }

    html[lang=pl-PL] .text-sleek, html[lang=pl-PL] .text-slim {
        font-size: 100px
    }

    html[lang=zh-HK] .text-sleek, html[lang=zh-HK] .text-slim {
        font-size: 104px
    }

    html[lang=de-DE] .volume-title, html[lang=fi-FI] .volume-title {
        font-size: 34px
    }

    .mo-show, .pad-show, .pc-hide {
        display: none !important
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    [data-comp-gallery] .images-container {
        width: 100%
    }

    [ani-kv-ksp-tvc] #section-ksp .border-layer {
        border-left: none;
        border-right: none
    }

    [ani-kv-ksp-tvc] #section-ksp a {
        cursor: not-allowed
    }

    [ani-kv-ksp-tvc] {
        height: 200vh;
        height: -webkit-calc(var(--vh, 1vh)*200);
        height: -moz-calc(var(--vh, 1vh)*200);
        height: calc(var(--vh, 1vh)*200)
    }

    [ani-kv-ksp-tvc] .sticky {
        height: var(--content-height)
    }

    [ani-kv-ksp-tvc] {
        height: auto;
        position: relative
    }

    [ani-kv-ksp-tvc] .sticky-container {
        height: -webkit-calc(var(--rpx, 1px)*860);
        height: -moz-calc(var(--rpx, 1px)*860);
        height: calc(var(--rpx, 1px)*860)
    }

    [ani-kv-ksp-tvc] #section-ksp, [ani-kv-ksp-tvc] .sticky {
        height: 100%
    }

    [ani-kv-ksp-tvc] .ksp-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    [ani-kv-ksp-tvc] .ksp-container .left-wrapper, [ani-kv-ksp-tvc] .ksp-container .right-wrapper {
        height: -webkit-calc(var(--rpx, 1px)*430);
        height: -moz-calc(var(--rpx, 1px)*430);
        height: calc(var(--rpx, 1px)*430)
    }

    [ani-kv-ksp-tvc] .battery-card {
        background: -webkit-linear-gradient(294.47deg, #101227 6.56%, #327fac 91.88%);
        background: -moz-linear-gradient(294.47deg, #101227 6.56%, #327fac 91.88%);
        background: linear-gradient(155.53deg, #101227 6.56%, #327fac 91.88%);
        overflow: hidden;
        position: relative
    }

    [ani-kv-ksp-tvc] .battery-card .imgs-wrapper {
        -webkit-transform: scale(1) translateX(-2px) translateY(-13px);
        -moz-transform: scale(1) translateX(-2px) translateY(-13px);
        -ms-transform: scale(1) translateX(-2px) translateY(-13px);
        transform: scale(1) translate(-2px) translateY(-13px)
    }

    [ani-kv-ksp-tvc] .flash-wrapper-1, [ani-kv-ksp-tvc] .flash-wrapper-2 {
        height: 5.2vw;
        height: -webkit-calc(var(--vw, 1vw)*5.2);
        height: -moz-calc(var(--vw, 1vw)*5.2);
        height: calc(var(--vw, 1vw)*5.2);
        position: absolute;
        width: 3.41875vw;
        width: -webkit-calc(var(--vw, 1vw)*3.41875);
        width: -moz-calc(var(--vw, 1vw)*3.41875);
        width: calc(var(--vw, 1vw)*3.41875)
    }

    [ani-kv-ksp-tvc] .flash-wrapper-1 img.solid, [ani-kv-ksp-tvc] .flash-wrapper-2 img.solid {
        -webkit-clip-path: inset(100% 0 0 0);
        clip-path: inset(100% 0 0 0);
        -webkit-transition: -webkit-clip-path .4s;
        transition: -webkit-clip-path .4s;
        -moz-transition: clip-path .4s;
        transition: clip-path .4s;
        transition: clip-path .4s, -webkit-clip-path .4s
    }

    [ani-kv-ksp-tvc] .flash-wrapper-1.flash-wrapper-1, [ani-kv-ksp-tvc] .flash-wrapper-2.flash-wrapper-1 {
        left: 73.2%;
        top: 27.5%;
        -webkit-transform: rotate(7deg);
        -moz-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    [ani-kv-ksp-tvc] .flash-wrapper-1.flash-wrapper-2, [ani-kv-ksp-tvc] .flash-wrapper-2.flash-wrapper-2 {
        left: 76.8%;
        position: absolute;
        top: 26.5%;
        -webkit-transform: rotate(20deg) scale(.92);
        -moz-transform: rotate(20deg) scale(.92);
        -ms-transform: rotate(20deg) scale(.92);
        transform: rotate(20deg) scale(.92)
    }

    [ani-kv-ksp-tvc] .flash-wrapper-1 img, [ani-kv-ksp-tvc] .flash-wrapper-2 img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        width: 100%
    }

    [ani-kv-ksp-tvc] .ksp-text-year-wrapper {
        -webkit-perspective: 12vw;
        -moz-perspective: 12vw;
        perspective: 12vw;
        -webkit-perspective: -webkit-calc(var(--vw, 1vw)*12);
        -moz-perspective: -moz-calc(var(--vw, 1vw)*12);
        perspective: calc(var(--vw, 1vw)*12);
        -webkit-perspective-origin: 50% 91%;
        -moz-perspective-origin: 50% 91%;
        perspective-origin: 50% 91%
    }

    [ani-kv-ksp-tvc] .ksp-text-year {
        -webkit-transform: translateY(7%) rotateX(0) rotateY(-8deg) rotate(0) scale(.82);
        -moz-transform: translateY(7%) rotateX(0) rotateY(-8deg) rotate(0) scale(.82);
        transform: translateY(7%) rotateX(0) rotateY(-8deg) rotate(0) scale(.82);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    [ani-kv-ksp-tvc] .ksp-text-year .p1 {
        font-size: 7vw;
        font-size: -webkit-calc(var(--vw, 1vw)*7);
        font-size: -moz-calc(var(--vw, 1vw)*7);
        font-size: calc(var(--vw, 1vw)*7)
    }

    [ani-kv-ksp-tvc] .ksp-text-year .p2 {
        font-size: 3vw;
        font-size: -webkit-calc(var(--vw, 1vw)*3);
        font-size: -moz-calc(var(--vw, 1vw)*3);
        font-size: calc(var(--vw, 1vw)*3);
        margin-top: -2.68vw;
        margin-top: calc(var(--vw, 1vw)*-2.68)
    }

    [ani-kv-ksp-tvc] .text-advanced-wrapper {
        -webkit-perspective: 4.22vw;
        -moz-perspective: 4.22vw;
        perspective: 4.22vw;
        -webkit-perspective: -webkit-calc(var(--vw, 1vw)*4.22);
        -moz-perspective: -moz-calc(var(--vw, 1vw)*4.22);
        perspective: calc(var(--vw, 1vw)*4.22);
        -webkit-perspective-origin: 50% 85%;
        -moz-perspective-origin: 50% 85%;
        perspective-origin: 50% 85%
    }

    [ani-kv-ksp-tvc] .text-advanced {
        font-size: 4vw;
        font-size: -webkit-calc(var(--vw, 1vw)*4);
        font-size: -moz-calc(var(--vw, 1vw)*4);
        font-size: calc(var(--vw, 1vw)*4);
        -webkit-transform: translateY(3.84%) rotateX(0deg) rotateY(-4deg) scaleX(.857);
        -moz-transform: translateY(3.84%) rotateX(0deg) rotateY(-4deg) scaleX(.857);
        transform: translateY(3.84%) rotateX(0) rotateY(-4deg) scaleX(.857);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    [ani-kv-ksp-tvc] .ksp-text-faster-wrapper {
        -webkit-perspective: 13vw;
        -moz-perspective: 13vw;
        perspective: 13vw;
        -webkit-perspective: -webkit-calc(var(--vw, 1vw)*13);
        -moz-perspective: -moz-calc(var(--vw, 1vw)*13);
        perspective: calc(var(--vw, 1vw)*13);
        -webkit-perspective-origin: 40% 14%;
        -moz-perspective-origin: 40% 14%;
        perspective-origin: 40% 14%
    }

    [ani-kv-ksp-tvc] .ksp-text-faster {
        -webkit-transform: translateX(0) rotateX(23deg) rotateY(9deg) scale(.87);
        -moz-transform: translateX(0) rotateX(23deg) rotateY(9deg) scale(.87);
        transform: translate(0) rotateX(23deg) rotateY(9deg) scale(.87);
        -webkit-transform-origin: 100% 90%;
        -moz-transform-origin: 100% 90%;
        -ms-transform-origin: 100% 90%;
        transform-origin: 100% 90%;
        -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
    }

    #section-ksp .open-canvas-video, #section-kspMo .open-canvas-video {
        -webkit-transform: scale(1.1) translateY(-1%);
        -moz-transform: scale(1.1) translateY(-1%);
        -ms-transform: scale(1.1) translateY(-1%);
        transform: scale(1.1) translateY(-1%)
    }

    #section-ksp .open-canvas-video .icons, #section-kspMo .open-canvas-video .icons {
        -webkit-transform: translateY(-5%);
        -moz-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        transform: translateY(-5%)
    }

    #title-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: auto;
        -webkit-justify-content: center;
        justify-content: center;
        min-height: 50px;
        position: relative
    }

    #title-container:before {
        content: "";
        display: block;
        height: 0;
        visibility: hidden
    }

    #title-container div {
        line-height: 1.3
    }

    #title-container .text-layer {
        font-size: 40px;
        font-weight: 500;
        opacity: 0;
        position: absolute;
        text-align: center;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        width: 100%
    }

    #title-container .text-layer div {
        opacity: 1;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    #title-container .clone-layer {
        font-size: 40px;
        font-weight: 500;
        opacity: 0;
        pointer-events: none;
        position: relative;
        text-align: center;
        width: 100%
    }

    #title-container .clone-layer div {
        margin-bottom: 10px
    }

    #performance .sticky-container {
        margin-bottom: calc((var(--content-height) - var(--rpx, 1px)*250)/-2 + var(--rpx, 1px)*128)
    }

    #section-cooling {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(-100.94%, #00194b), color-stop(101%, #000));
        background: -webkit-linear-gradient(bottom, #00194b -100.94%, #000 101%);
        background: -moz-linear-gradient(bottom, #00194b -100.94%, #000 101%);
        background: linear-gradient(1turn, #00194b -100.94%, #000 101%)
    }

    #section-battery .phone-wrapper0 {
        -webkit-transform-origin: "50% 25%";
        -moz-transform-origin: "50% 25%";
        -ms-transform-origin: "50% 25%";
        transform-origin: "50% 25%"
    }

    #section-snap .container-wrapper {
        margin-bottom: calc((var(--content-height) - var(--rpx, 1px)*250)/-2 + var(--rpx, 1px)*128);
        margin-top: calc((var(--content-height) - var(--rpx, 1px)*250)/-2 + var(--rpx, 1px)*59)
    }

    section#ai .section0 .card0 .title {
        color: #000000f2
    }

    section#ai .section0 .card0 .desc, section#ai .section0 .card0 .img-box {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    section#ai .section0 .card-content {
        opacity: .6;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out
    }

    section#ai .section0 .card-content.show {
        opacity: 1
    }

    .pub-s-t:not(.pub-s-t:first-child) {
        margin-top: 14px
    }

    .pub-box {
        border-left: none;
        border-right: none
    }

    .pub-box-i:first-child {
        border-right: 1px solid hsla(0, 0%, 60%, .4)
    }

    .accordion-svg {
        height: 16px;
        width: 16px
    }

    .accordion-svg svg {
        height: 16px;
        width: 16px
    }

    .accordion-item {
        padding: calc(var(--rpx, 1px)*16) calc(var(--rpx, 1px)*24)
    }

    .accordion-item .accordion-button p {
        font-size: 14px
    }

    .scaling-line {
        margin: 6px 0
    }

    html[lang=ru-RU] .text-sleek, html[lang=ru-RU] .text-slim, html[lang=fr-FR] .text-sleek, html[lang=fr-FR] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*44);
        font-size: -moz-calc(var(--rpx, 1px)*44);
        font-size: calc(var(--rpx, 1px)*44)
    }

    html[lang=de-DE] .text-sleek, html[lang=de-DE] .text-slim {
        font-size: 106px
    }

    html[lang=es-ES] .text-sleek, html[lang=es-ES] .text-slim, html[lang=fi-FI] .text-sleek, html[lang=fi-FI] .text-slim, html[lang=da-DK] .text-sleek, html[lang=da-DK] .text-slim, html[lang=it-IT] .text-sleek, html[lang=it-IT] .text-slim, html[lang=sv-SE] .text-sleek, html[lang=sv-SE] .text-slim, html[lang=nl-NL] .text-sleek, html[lang=nl-NL] .text-slim, html[lang=pl-PL] .text-sleek, html[lang=pl-PL] .text-slim, html[lang=ar-SA] .text-sleek, html[lang=ar-SA] .text-slim, html[lang=zh-HK] .text-sleek, html[lang=zh-HK] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*44);
        font-size: -moz-calc(var(--rpx, 1px)*44);
        font-size: calc(var(--rpx, 1px)*44)
    }

    html[lang=de-DE] .volume-title, html[lang=fi-FI] .volume-title {
        font-size: 20px
    }

    .mo-show, .pad-hide, .pc-show {
        display: none !important
    }
}

@media (max-width:649px) {
    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    [data-comp-gallery] .images-container {
        width: 100%
    }

    [ani-kv-ksp-tvc] #section-ksp .border-layer {
        border-left: none;
        border-right: none
    }

    [ani-kv-ksp-tvc] #section-ksp a {
        cursor: not-allowed
    }

    #section-ksp .open-canvas-video, #section-kspMo .open-canvas-video {
        -webkit-transform: scale(1.2) translateY(-3%);
        -moz-transform: scale(1.2) translateY(-3%);
        -ms-transform: scale(1.2) translateY(-3%);
        transform: scale(1.2) translateY(-3%)
    }

    #title-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: auto;
        -webkit-justify-content: center;
        justify-content: center;
        min-height: 44px;
        position: relative
    }

    #title-container:before {
        content: "";
        display: block;
        height: 0;
        visibility: hidden
    }

    #title-container div {
        line-height: 1.1
    }

    #title-container .text-layer {
        font-size: 40px;
        font-weight: 500;
        opacity: 0;
        position: absolute;
        text-align: left;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        width: 100%
    }

    #title-container .text-layer div {
        opacity: 1;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

    #title-container .clone-layer {
        font-size: 40px;
        font-weight: 500;
        opacity: 0;
        pointer-events: none;
        position: relative;
        text-align: left;
        width: 100%
    }

    #title-container .clone-layer div {
        margin-bottom: 10px
    }

    #section-cooling {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(-100.94%, #00194b), to(#000)), #000;
        background: -webkit-linear-gradient(bottom, #00194b -100.94%, #000), #000;
        background: -moz-linear-gradient(bottom, #00194b -100.94%, #000 100%), #000;
        background: linear-gradient(1turn, #00194b -100.94%, #000), #000
    }

    #section-battery .wordart-text {
        -webkit-text-stroke: 1.15px #01b2d2;
        -webkit-background-clip: text;
        background-clip: text;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #01b2d2), color-stop(0, transparent));
        background-image: -webkit-linear-gradient(bottom, #01b2d2 50%, transparent 0);
        background-image: -moz-linear-gradient(bottom, #01b2d2 50%, transparent 0);
        background-image: linear-gradient(0deg, #01b2d2 50%, transparent 0);
        background-position: 100% 0;
        -webkit-background-size: 100% 200%;
        background-size: 100% 200%;
        color: transparent;
        text-shadow: 1.15px #01b2d2;
        -webkit-transition: .6s;
        -moz-transition: .6s;
        transition: .6s;
        -webkit-transition-delay: .2s;
        -moz-transition-delay: .2s;
        transition-delay: .2s
    }

    #section-battery .wordart-text.active {
        background-position: 100% 100%
    }

    .gradual-t {
        margin: 0 auto;
        width: -webkit-calc(var(--rpx, 1px)*318);
        width: -moz-calc(var(--rpx, 1px)*318);
        width: calc(var(--rpx, 1px)*318)
    }

    .pub-s-t:not(.pub-s-t:first-child) {
        margin-top: 14px
    }

    .pub-s-t:first-child {
        margin-top: 32px
    }

    .pub-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .pub-box {
        border-left: none;
        border-right: none
    }

    .pub-box-i {
        width: 100%
    }

    .pub-box-i-img {
        padding-top: 94.44444%
    }

    .pub-box-i:first-child {
        border-top: 1px solid hsla(0, 0%, 60%, .4)
    }

    .accordion-svg {
        height: 16px;
        width: 16px
    }

    .accordion-svg svg {
        height: 16px;
        width: 16px
    }

    .accordion-item {
        padding: calc(var(--rpx, 1px)*16)
    }

    .accordion-item .accordion-button p {
        font-size: 12px;
        line-height: 1.5
    }

    .accordion-item.active .accordion-button>p {
        -webkit-transform: scale(1.16);
        -moz-transform: scale(1.16);
        -ms-transform: scale(1.16);
        transform: scale(1.16)
    }

    .accordion-content {
        margin-right: calc(var(--rpx, 1px)*24 + 16px)
    }

    html[lang=ru-RU] .text-sleek, html[lang=ru-RU] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*66);
        font-size: -moz-calc(var(--rpx, 1px)*66);
        font-size: calc(var(--rpx, 1px)*66)
    }

    html[lang=ru-RU] .ai-title {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }

    html[lang=ru-RU] #dreamScreen .dream-title {
        font-size: 28px
    }

    html[lang=ru-RU] #dreamScreen .tips {
        font-size: 16px
    }

    html[lang=fr-FR] .text-sleek, html[lang=fr-FR] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*66);
        font-size: -moz-calc(var(--rpx, 1px)*66);
        font-size: calc(var(--rpx, 1px)*66)
    }

    html[lang=fr-FR] #performance-mo .performance-des-text {
        font-size: 14px
    }

    html[lang=de-DE] .text-sleek, html[lang=de-DE] .text-slim {
        font-size: 66px
    }

    html[lang=de-DE] #performance-mo .performance-des-text {
        font-size: 14px
    }

    html[lang=es-ES] .text-sleek, html[lang=es-ES] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*66);
        font-size: -moz-calc(var(--rpx, 1px)*66);
        font-size: calc(var(--rpx, 1px)*66)
    }

    html[lang=es-ES] #performance-mo .performance-des-text {
        font-size: 14px
    }

    html[lang=fi-FI] .text-sleek, html[lang=fi-FI] .text-slim, html[lang=da-DK] .text-sleek, html[lang=da-DK] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*66);
        font-size: -moz-calc(var(--rpx, 1px)*66);
        font-size: calc(var(--rpx, 1px)*66)
    }

    html[lang=da-DK] #performance-mo .performance-des-text {
        font-size: 14px
    }

    html[lang=it-IT] .text-sleek, html[lang=it-IT] .text-slim, html[lang=sv-SE] .text-sleek, html[lang=sv-SE] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*66);
        font-size: -moz-calc(var(--rpx, 1px)*66);
        font-size: calc(var(--rpx, 1px)*66)
    }

    html[lang=it-IT] #game .game-title, html[lang=sv-SE] #game .game-title {
        font-size: 22px
    }

    html[lang=it-IT] #performance-mo .performance-des-text, html[lang=sv-SE] #performance-mo .performance-des-text {
        font-size: 14px
    }

    html[lang=nl-NL] .text-sleek, html[lang=nl-NL] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*100);
        font-size: -moz-calc(var(--rpx, 1px)*100);
        font-size: calc(var(--rpx, 1px)*100)
    }

    html[lang=nl-NL] #dreamScreen .dream-title {
        font-size: 28px
    }

    html[lang=pl-PL] .text-sleek, html[lang=pl-PL] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*80);
        font-size: -moz-calc(var(--rpx, 1px)*80);
        font-size: calc(var(--rpx, 1px)*80)
    }

    html[lang=pl-PL] #performance-mo .performance-des-text, html[lang=ar-SA] #performance-mo .performance-des-text {
        font-size: 14px
    }

    html[lang=zh-HK] .text-sleek, html[lang=zh-HK] .text-slim {
        font-size: -webkit-calc(var(--rpx, 1px)*80);
        font-size: -moz-calc(var(--rpx, 1px)*80);
        font-size: calc(var(--rpx, 1px)*80)
    }

    html[lang=de-DE] .volume-title, html[lang=fi-FI] .volume-title {
        font-size: 23px
    }

    html[lang=de-DE] #performance-mo .performance-des-text, html[lang=fi-FI] #performance-mo .performance-des-text {
        font-size: 14px
    }

    .mo-hide, .pad-show, .pc-show {
        display: none !important
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (min-width:1024px) and (max-aspect-ratio:1/1) {
    #kv-ksp-tvc .sticky-container {
        margin-bottom: calc(35vw - 50vh);
        margin-bottom: calc(var(--vw, 1vw)*35 - var(--vh, 1vh)*50);
        margin-top: calc(35vw - 50vh);
        margin-top: calc(var(--vw, 1vw)*35 - var(--vh, 1vh)*50)
    }

    #kv-ksp-tvc .ksp-sticky-inner {
        -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;
        height: 100%
    }

    #kv-ksp-tvc #section-ksp {
        max-height: 70vw;
        max-height: -webkit-calc(var(--vw, 1vw)*70);
        max-height: -moz-calc(var(--vw, 1vw)*70);
        max-height: calc(var(--vw, 1vw)*70)
    }
}

@media (min-width:1024px) and (max-width:1145px) and (min-aspect-ratio:42/25) {
    [ani-kv-ksp-tvc] .text-wrapper {
        -webkit-transform: translateY(22%);
        -moz-transform: translateY(22%);
        -ms-transform: translateY(22%);
        transform: translateY(22%)
    }
}

@media (min-width:1024px) and (min-width:1900px) {
    [ani-kv-ksp-tvc] #section-ksp .card-advanced .box {
        -webkit-perspective-origin: 50% 85%;
        -moz-perspective-origin: 50% 85%;
        perspective-origin: 50% 85%
    }
}

@media (min-width:1024px) and (min-width:1024px) and (min-aspect-ratio:2/1) {
    [ani-kv-ksp-tvc] #section-ksp a.hover-act:hover .ksp-text-year {
        -webkit-transform: translateY(7%) rotateX(0) rotateY(-6deg) rotate(0) scale(.84);
        -moz-transform: translateY(7%) rotateX(0) rotateY(-6deg) rotate(0) scale(.84);
        transform: translateY(7%) rotateX(0) rotateY(-6deg) rotate(0) scale(.84)
    }
}

@media (max-width:649px) and (max-aspect-ratio:1/2) {
    .kv-text {
        padding-top: 78px
    }
}

@media (min-width:1024px) and (max-width:1143px) {
    #title-container .text-layer {
        font-size: 82px
    }

    .kv-title {
        font-size: 54px
    }

    .ksp-text-year-wrapper {
        padding: calc(var(--rpx, 1px)*8)
    }

    .ksp-text-year-wrapper .year-title {
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }
}

@media (width:1024px) {
    #design .content {
        height: 480px
    }

    .face-wrapper {
        height: 380px
    }
}

@media (width:1143px) {
    #design .content .title-wrapper, #design .content .viedo {
        height: 360px
    }
}

@media (width:1281px) {
    #design .content .title-wrapper, #design .content .viedo {
        height: 400px
    }
}

@media (width:1920px) {
    #design .content {
        max-height: 980px
    }

    #fps .madio, #fps .madio .line-bottom {
        width: 100%
    }

    #fps .madio .left2 {
        min-height: 44.4vw;
        min-height: -webkit-calc(var(--vw, 1vw)*44.4);
        min-height: -moz-calc(var(--vw, 1vw)*44.4);
        min-height: calc(var(--vw, 1vw)*44.4)
    }

    #fps .madio .left2 .content {
        height: 853.5px
    }

    #fps .madio .left2 .content .topconten {
        height: 0
    }

    #fps .madio .imgcover {
        min-height: 44.4vw;
        min-height: -webkit-calc(var(--vw, 1vw)*44.4);
        min-height: -moz-calc(var(--vw, 1vw)*44.4);
        min-height: calc(var(--vw, 1vw)*44.4);
        min-width: 50vw;
        min-width: -webkit-calc(var(--vw, 1vw)*50);
        min-width: -moz-calc(var(--vw, 1vw)*50);
        min-width: calc(var(--vw, 1vw)*50)
    }
}

@media (min-width:1024px) and (width:1024px) and (orientation:portrait) {
    #design .hand {
        height: 624px
    }

    #design .hand img {
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, transparent), color-stop(21%, #000));
        -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 1%, #000 21%);
        mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, transparent), color-stop(21%, #000));
        mask-image: linear-gradient(0deg, transparent 1%, #000 21%)
    }
}

@media (min-width:1024px) and (width:1024px) {
    #design .hand {
        height: 315px
    }
}

@media (min-width:650px) and (max-width:1023px) and (width:820px) {
    #design .hand {
        max-height: 488px
    }
}

@media (min-width:1024px) and (max-width:1312px) {
    #section-battery .blue-text {
        margin: calc(var(--rpx, 1px)*-18) 0;
        -webkit-transform: scale(.68);
        -moz-transform: scale(.68);
        -ms-transform: scale(.68);
        transform: scale(.68);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

@media (min-width:1024px) and (max-width:1920px) {
    #arsenal .madio, #arsenal .madio .line-top {
        width: 100%
    }

    #arsenal .madio .imgcover, #arsenal .madio .right1 {
        height: 44.4vw;
        height: -webkit-calc(var(--vw, 1vw)*44.4);
        height: -moz-calc(var(--vw, 1vw)*44.4);
        height: calc(var(--vw, 1vw)*44.4)
    }

    #arsenal .madio .imgcover .handimg {
        height: 52.7vw;
        height: -webkit-calc(var(--vw, 1vw)*52.7);
        height: -moz-calc(var(--vw, 1vw)*52.7);
        height: calc(var(--vw, 1vw)*52.7)
    }
}

@media (min-width:1921px) {
    #arsenal .madio {
        margin-left: auto;
        margin-right: auto
    }

    #arsenal .madio, #arsenal .madio .line-top {
        max-width: 1920px
    }

    #arsenal .madio .handimg {
        height: 1012px
    }

    #arsenal .madio .right1 {
        height: 0;
        min-height: 853.5px
    }

    #fps .madio {
        margin-left: auto;
        margin-right: auto
    }

    #fps .madio, #fps .madio .line-bottom {
        max-width: 1920px
    }

    #fps .madio .left2 {
        height: 0;
        min-height: 853.5px
    }

    #fps .madio .left2 .content {
        min-height: 853.5px
    }

    #fps .madio .left2 .content .topconten {
        height: 0
    }

    section#open-canvas .features-list {
        margin: auto
    }

    section#open-canvas .phone-wrapper0 {
        margin-left: 0
    }
}

@media (min-width:1024px) and (max-width:1919px) {
    #fps .madio, #fps .madio .line-bottom {
        width: 100%
    }

    #fps .madio .left2 {
        height: 44.4vw;
        height: -webkit-calc(var(--vw, 1vw)*44.4);
        height: -moz-calc(var(--vw, 1vw)*44.4);
        height: calc(var(--vw, 1vw)*44.4)
    }

    #fps .madio .left2 .content {
        height: -webkit-calc(var(--rpx, 1px)*640);
        height: -moz-calc(var(--rpx, 1px)*640);
        height: calc(var(--rpx, 1px)*640)
    }

    #fps .madio .left2 .content .topconten {
        height: 0
    }

    #fps .madio .imgcover {
        min-height: 44.4vw;
        min-height: -webkit-calc(var(--vw, 1vw)*44.4);
        min-height: -moz-calc(var(--vw, 1vw)*44.4);
        min-height: calc(var(--vw, 1vw)*44.4);
        min-width: 50vw;
        min-width: -webkit-calc(var(--vw, 1vw)*50);
        min-width: -moz-calc(var(--vw, 1vw)*50);
        min-width: calc(var(--vw, 1vw)*50)
    }
}

@media (min-width:1024px) and (max-width:1239px) {
    #fastSmooth .security {
        width: 148px
    }

    #fastSmooth .phone-img {
        margin-left: calc(var(--rpx, 1px)*-61)
    }
}

@media (min-width:1920px) {
    section#ai .right-text {
        margin: auto
    }

    section#ai [ani-more-mo] .section-title .text-wrapper {
        width: 1792px
    }

    section#privacy .card-1 .desc {
        max-width: 508px
    }

    section#privacy .card-2 .desc {
        max-width: 562px
    }

    .warranty .content-w {
        max-width: 1792px
    }

    section#notes .content-w {
        max-width: 1792px
    }

    section#ai .content-w, section#notes .content-w, section#open-canvas .content-w, section#photos .content-w, section#privacy .content-w, section#warranty .content-w {
        max-width: 1792px
    }

    section#ai, section#notes, section#open-canvas, section#photos, section#privacy, section#warranty {
        --rpx: 1.36585px;
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - var(--vw, 1vw)*100/1312 + 1.36585px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - var(--vw, 1vw)*100/1312 + 1.36585px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - var(--vw, 1vw)*100/1312 + 1.36585px)
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    section#ai .section0 .text-24px {
        font-size: 20px
    }

    section#ai .section0 .h-526rpx {
        height: -webkit-calc(64px + var(--rpx, 1px)*440);
        height: -moz-calc(64px + var(--rpx, 1px)*440);
        height: calc(64px + var(--rpx, 1px)*440)
    }

    section#ai .text-42px {
        font-size: 30px
    }

    section#ai .text-68px {
        font-size: 42px
    }

    section#ai .s1-title .sticker-wrapper {
        right: -30px
    }

    section#ai .section0 .card0 .title {
        font-size: 20px
    }

    section#privacy .sticker-wrapper {
        left: 242px;
        right: auto;
        top: 15px
    }

    section#privacy .text-42px {
        font-size: 30px
    }

    section#privacy .text-32px {
        font-size: 26px
    }

    #privacy .code-wrapper {
        font-size: 30px
    }

    section#open-canvas .text-42px {
        font-size: 30px
    }

    .kv-img {
        width: auto
    }

    .ksp-text-wrapper {
        padding: 18px
    }

    .ksp-text-lightning {
        padding: 8px
    }

    .ksp-text-lightning .lightning-title {
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .ksp-text-advanced {
        padding: 8px
    }

    .ksp-text-advanced .advanced-title {
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }
}

@media (min-width:1441px) {
    section#ai .section2 .features-list, section#ai .section2 .title {
        max-width: 604px
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    section#ai .section2 .h-746rpx {
        height: -webkit-calc(180px + var(--rpx, 1px)*600);
        height: -moz-calc(180px + var(--rpx, 1px)*600);
        height: calc(180px + var(--rpx, 1px)*600)
    }

    section#ai [ani-more-mo] .content-text .title {
        font-size: 16px
    }

    section#ai [ani-more-mo] .pc\:text-16px {
        font-size: 15px
    }
}

@media (min-width:650px) and (max-width:768px) {
    section#privacy .code-wrapper {
        font-size: -webkit-calc(var(--rpx, 1px)*28);
        font-size: -moz-calc(var(--rpx, 1px)*28);
        font-size: calc(var(--rpx, 1px)*28)
    }

    section#privacy .sticker-wrapper {
        height: -webkit-calc(var(--rpx, 1px)*68);
        height: -moz-calc(var(--rpx, 1px)*68);
        height: calc(var(--rpx, 1px)*68);
        left: -webkit-calc(var(--rpx, 1px)*221);
        left: -moz-calc(var(--rpx, 1px)*221);
        left: calc(var(--rpx, 1px)*221);
        top: -webkit-calc(var(--rpx, 1px)*23);
        top: -moz-calc(var(--rpx, 1px)*23);
        top: calc(var(--rpx, 1px)*23);
        width: -webkit-calc(var(--rpx, 1px)*68);
        width: -moz-calc(var(--rpx, 1px)*68);
        width: calc(var(--rpx, 1px)*68)
    }
}

@media (min-width:2000px) and (max-width:2560px) {
    .ksp-tek-container {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8)
    }

    .ksp-text-faster {
        bottom: 20%
    }

    .ai-wrapper {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@media (min-width:1820px) and (max-width:2000px) {
    .ksp-tek-container {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    .ksp-text-faster {
        bottom: 10%
    }

    .ai-wrapper {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }

    .performance-box {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (min-width:1142px) and (max-width:1280px) {
    .ksp-tek-container {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

@media (min-width:2000px) and (max-width:2561px) {
    .performance-box {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@media (min-width:1920px) and (max-width:2560px) {
    .text-days-wrapper {
        left: 80px
    }
}

@media (min-width:1024px) and (max-width:1439px) and (min-aspect-ratio:2/1) {
    .battery-phone-wrapper {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 70% 60%;
        -moz-transform-origin: 70% 60%;
        -ms-transform-origin: 70% 60%;
        transform-origin: 70% 60%
    }
}

@media (min-width:1024px) and (max-width:1200px) and (max-aspect-ratio:3/2) {
    #section-ksp .mp-wrapper img {
        -webkit-transform: translateX(15%);
        -moz-transform: translateX(15%);
        -ms-transform: translateX(15%);
        transform: translate(15%)
    }
}

@media (min-width:1024px) and (max-width:1270px) {
    html[lang=ru-RU] #game .game-title {
        font-size: 34px
    }
}

@media (min-width:1024px) and (min-width:1024px) and (max-width:1270px) {
    html[lang=ru-RU] .bottom-security {
        font-size: 20px
    }

    html[lang=fr-FR] .fast-title {
        font-size: 38px
    }

    html[lang=fr-FR] .game-title {
        font-size: 34px
    }

    html[lang=fr-FR] .kv-little-title {
        font-size: 22px;
        width: 460px
    }

    html[lang=de-DE] .bypass-title {
        font-size: 42px
    }

    html[lang=es-ES] .fast-title {
        font-size: 38px
    }

    html[lang=fi-FI] .kv-little-title {
        font-size: 22px;
        width: 480px
    }

    html[lang=da-DK] .fast-title {
        font-size: 38px
    }

    html[lang=da-DK] .security, html[lang=it-IT] .kv-little-title, html[lang=sv-SE] .kv-little-title {
        font-size: 22px
    }

    html[lang=it-IT] .game-title, html[lang=sv-SE] .game-title {
        font-size: 34px
    }

    html[lang=it-IT] .security, html[lang=sv-SE] .security {
        font-size: 22px
    }

    html[lang=pl-PL] .fast-title {
        font-size: 38px
    }

    html[lang=pl-PL] .game-title {
        font-size: 34px
    }

    html[lang=ar-SA] .fast-title {
        font-size: 38px
    }

    html[lang=ar-SA] .game-title {
        font-size: 34px
    }
}

@media (min-width:1024px) {
    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    .fade-in-pc {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pc.show, .fade-in-pc[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    .fade-in-pad {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-pad, .fade-in-pad[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in-pad[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pad.show, .fade-in-pad[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in, .fade-in[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

@media (max-width:649px) {
    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-mo.show, .fade-in-mo[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: var(--target-opacity, 1);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: var(--delay, 0);
        -moz-transition-delay: var(--delay, 0);
        transition-delay: var(--delay, 0)
    }
}

#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] {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video]>canvas, [ani-autoplay-video]>img, [ani-autoplay-video]>video, [ani-video-wrapper]>canvas, [ani-video-wrapper]>img, [ani-video-wrapper]>video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[ani-autoplay-video] img, [ani-video-wrapper] img {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

[ani-autoplay-video] canvas, [ani-video-wrapper] canvas {
    -o-object-fit: initial;
    object-fit: fill
}

[ani-autoplay-video]>img, [ani-autoplay-video]>video, [ani-video-wrapper]>img, [ani-video-wrapper]>video {
    -o-object-fit: cover;
    object-fit: cover
}

[ani-autoplay-video]>canvas, [ani-autoplay-video]>video, [ani-video-wrapper]>canvas, [ani-video-wrapper]>video {
    z-index: 1
}

[ani-autoplay-video] .replay, [ani-video-wrapper] .replay {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: -webkit-calc(var(--rpx, 1px)*20);
    bottom: -moz-calc(var(--rpx, 1px)*20);
    bottom: calc(var(--rpx, 1px)*20);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -webkit-calc(var(--rpx, 1px)*20);
    right: -moz-calc(var(--rpx, 1px)*20);
    right: calc(var(--rpx, 1px)*20);
    text-decoration: underline;
    text-underline-offset: 2px;
    z-index: 2
}

[ani-autoplay-video] .replay:after, [ani-video-wrapper] .replay:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px
}

[ani-autoplay-video] .replay.actived, [ani-video-wrapper] .replay.actived {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

[ani-autoplay-video] .replay.light, [ani-video-wrapper] .replay.light {
    color: #000
}

[ani-autoplay-video] .replay.light:after, [ani-video-wrapper] .replay.light:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

@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 .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 500
    }
}

@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\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 500
    }
}

@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 .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 500
    }
}

.zn--wrapper {
    font-weight: 400
}

.zn--wrapper .font-b {
    font-weight: 400
}

.zn--wrapper .font-m {
    font-weight: 500
}

html {
    overflow: unset !important
}

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

.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 .iframe-poster, .g--popup .g--video-wrapper .video, .g--popup .g--video-wrapper video {
    border: none;
    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 .iframe-poster, .video-portrait.g--popup .g--video-wrapper .video, .video-portrait.g--popup .g--video-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.g--popup .g--video-wrapper .iframe-poster {
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: skeletonLoading;
    -moz-animation-name: skeletonLoading;
    animation-name: skeletonLoading;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, .06)), color-stop(37%, rgba(0, 0, 0, .15)), color-stop(63%, rgba(0, 0, 0, .06)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    background: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
    -webkit-background-size: 400% 100%;
    background-size: 400% 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.g--popup .g--video-wrapper iframe.video {
    position: relative;
    z-index: 1
}

.g--popup .g--video-wrapper .video[src=""], .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: #fafafa
}

.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
}

@-moz-keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-webkit-keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@media (min-width:1024px) {
    .zn--wrapper .pc\:font-bold, .zn--wrapper .pct\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pc\:font-medium, .zn--wrapper .pct\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .mo-only, .mo-show, .pad-only, .pad-show, .pc-hidden {
        display: none
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 34.115vw;
        height: -webkit-calc(var(--vw, 1vw)*34.115);
        height: -moz-calc(var(--vw, 1vw)*34.115);
        height: calc(var(--vw, 1vw)*34.115)
    }

    .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 (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .pad\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.13889vw - .06667px);
        --rpx: -moz-calc(.13889vw - .06667px);
        --rpx: calc(.13889vw - .06667px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    .mo-only, .mo-show, .pad-hidden, .pc-only, .pc-show {
        display: none
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 42.1875vw;
        height: -webkit-calc(var(--vw, 1vw)*42.1875);
        height: -moz-calc(var(--vw, 1vw)*42.1875);
        height: calc(var(--vw, 1vw)*42.1875);
        width: 75vw;
        width: -webkit-calc(var(--vw, 1vw)*75);
        width: -moz-calc(var(--vw, 1vw)*75);
        width: calc(var(--vw, 1vw)*75)
    }

    .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: 75vw;
        width: -webkit-calc(var(--vw, 1vw)*75);
        width: -moz-calc(var(--vw, 1vw)*75);
        width: calc(var(--vw, 1vw)*75)
    }
}

@media (max-width:649px) {
    .zn--wrapper .mo\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mo\:font-medium {
        font-weight: 500
    }

    :root {
        --rpx: -webkit-calc(.30488vw - .09756px);
        --rpx: -moz-calc(.30488vw - .09756px);
        --rpx: calc(.30488vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    .mo-hidden, .pad-only, .pad-show, .pc-only, .pc-show {
        display: none
    }

    .g--popup .g--popup-container {
        padding: 0
    }

    .g--popup .g--video-wrapper .iframe-poster, .g--popup .g--video-wrapper iframe.video {
        height: 50.634vw;
        height: -webkit-calc(var(--vw, 1vw)*50.634);
        height: -moz-calc(var(--vw, 1vw)*50.634);
        height: calc(var(--vw, 1vw)*50.634);
        width: 90vw;
        width: -webkit-calc(var(--vw, 1vw)*90);
        width: -moz-calc(var(--vw, 1vw)*90);
        width: calc(var(--vw, 1vw)*90)
    }

    .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: 90vw;
        max-width: -webkit-calc(var(--vw, 1vw)*90);
        max-width: -moz-calc(var(--vw, 1vw)*90);
        max-width: calc(var(--vw, 1vw)*90)
    }

    .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 not screen and (min-width:1024px) {
    .zn--wrapper .mot\:font-bold {
        font-weight: 400
    }

    .zn--wrapper .mot\:font-medium {
        font-weight: 500
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }
}

.zn--wrapper .swiper,
.zn--wrapper .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.zn--wrapper .swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}