body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

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

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

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

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

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

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

.bg-\[\#EFD5CA\] {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 213, 202, var(--tw-bg-opacity))
}

.bg-\[\#A0D1F9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(160, 209, 249, var(--tw-bg-opacity))
}

.bg-\[\#484540\] {
    --tw-bg-opacity: 1;
    background-color: rgba(72, 69, 64, var(--tw-bg-opacity))
}

.bg-\[\#201F1C\] {
    --tw-bg-opacity: 1;
    background-color: rgba(32, 31, 28, var(--tw-bg-opacity))
}

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

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

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

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

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

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

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

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

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

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

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

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

.bg-opacity-5 {
    --tw-bg-opacity: .05
}

.border-\[\#EFD5CA\] {
    --tw-border-opacity: 1;
    border-color: rgba(239, 213, 202, var(--tw-border-opacity))
}

.border-\[\#A0D1F9\] {
    --tw-border-opacity: 1;
    border-color: rgba(160, 209, 249, var(--tw-border-opacity))
}

.border-\[\#484540\] {
    --tw-border-opacity: 1;
    border-color: rgba(72, 69, 64, var(--tw-border-opacity))
}

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

.rounded-1\/2 {
    border-radius: 50%
}

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

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

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

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

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

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

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

.border-solid {
    border-style: solid
}

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

.border-0 {
    border-width: 0
}

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

.border-t-1px,
.border-top-1px {
    border-top-width: 1px
}

.block {
    display: block
}

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

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

.table {
    display: table
}

.\!hidden {
    display: none !important
}

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

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

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

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

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

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

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

.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-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

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

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

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

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

.font-48 {
    font-weight: 48
}

.font-18 {
    font-weight: 18
}

.font-24 {
    font-weight: 24
}

.font-32 {
    font-weight: 32
}

.font-16 {
    font-weight: 16
}

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

.h-0 {
    height: 0
}

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

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

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

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

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

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

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

.h-50\.56vw,
.h-\[50\.56vw\] {
    height: 50.56vw;
    height: -webkit-calc(var(--vw, 1vw)*50.56);
    height: -moz-calc(var(--vw, 1vw)*50.56);
    height: calc(var(--vw, 1vw)*50.56)
}

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

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

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

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

.h-24px {
    height: 24px
}

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

.h-\[24\.09vw\] {
    height: 24.09vw;
    height: -webkit-calc(var(--vw, 1vw)*24.09);
    height: -moz-calc(var(--vw, 1vw)*24.09);
    height: calc(var(--vw, 1vw)*24.09)
}

.h-40px {
    height: 40px
}

.h-32px {
    height: 32px
}

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

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

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

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

.h-42px {
    height: 42px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-41px {
    height: 41px
}

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

.h-44px {
    height: 44px
}

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

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

.h-39px {
    height: 39px
}

.h-37px {
    height: 37px
}

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

.h-210px {
    height: 210px
}

.h-1px {
    height: 1px
}

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

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

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

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

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

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

.h-60px {
    height: 60px
}

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

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

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

.h-38px {
    height: 38px
}

.text-70 {
    font-size: 70px;
    line-height: 84px
}

.text-44 {
    font-size: 44px;
    line-height: 52px
}

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

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

.text-68 {
    font-size: 68px;
    line-height: 81.6px
}

.text-52 {
    font-size: 52px;
    line-height: 130%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leading-\[57\.6rpx\] {
    line-height: -webkit-calc(var(--rpx, 1px)*57.6);
    line-height: -moz-calc(var(--rpx, 1px)*57.6);
    line-height: calc(var(--rpx, 1px)*57.6)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-\[calc\(100vh\+128px\)\] {
    margin-top: calc(100vh + 128px);
    margin-top: calc(var(--vh, 1vh)*100 + 128px)
}

.mt-\[calc\(100vh\+64px\)\] {
    margin-top: calc(100vh + 64px);
    margin-top: calc(var(--vh, 1vh)*100 + 64px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-8\.2vw {
    margin-left: 8.2vw;
    margin-left: calc(var(--vw, 1vw)*8.2)
}

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

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

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

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

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

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

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

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

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

.min-h-\[50\.01vw\] {
    min-height: 50.01vw;
    min-height: -webkit-calc(var(--vw, 1vw)*50.01);
    min-height: -moz-calc(var(--vw, 1vw)*50.01);
    min-height: calc(var(--vw, 1vw)*50.01)
}

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

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

.min-h-48px {
    min-height: 48px
}

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

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

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

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

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

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

.opacity-75 {
    opacity: .75
}

.opacity-0 {
    opacity: 0
}

.opacity-55 {
    opacity: .55
}

.opacity-60 {
    opacity: .6
}

.opacity-95 {
    opacity: .95
}

.opacity-30 {
    opacity: .3
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

.top-0 {
    top: 0
}

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

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

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

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

.top-\[calc\(var\(--nav-height\)\+var\(--half-content-height\)-25\.28vw\)\] {
    top: -webkit-calc(var(--nav-height) + var(--half-content-height) - 25.28vw);
    top: -moz-calc(var(--nav-height) + var(--half-content-height) - 25.28vw);
    top: calc(var(--nav-height) + var(--half-content-height) - 25.28vw);
    top: -webkit-calc(var(--nav-height) + var(--half-content-height) - var(--vw, 1vw)*25.28);
    top: -moz-calc(var(--nav-height) + var(--half-content-height) - var(--vw, 1vw)*25.28);
    top: calc(var(--nav-height) + var(--half-content-height) - var(--vw, 1vw)*25.28)
}

.bottom-0 {
    bottom: 0
}

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

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

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

.top-\[calc\(50vh\+214rpx\+18rpx\)\] {
    top: -webkit-calc(50vh + var(--rpx, 1px)*214 + var(--rpx, 1px)*18);
    top: -moz-calc(50vh + var(--rpx, 1px)*214 + var(--rpx, 1px)*18);
    top: calc(50vh + var(--rpx, 1px)*214 + var(--rpx, 1px)*18);
    top: -webkit-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*214 + var(--rpx, 1px)*18);
    top: -moz-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*214 + var(--rpx, 1px)*18);
    top: calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*214 + var(--rpx, 1px)*18)
}

.right-24px {
    right: 24px
}

.top-24px {
    top: 24px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-7\.1vw {
    top: 7.1vw;
    top: -webkit-calc(var(--vw, 1vw)*7.1);
    top: -moz-calc(var(--vw, 1vw)*7.1);
    top: calc(var(--vw, 1vw)*7.1)
}

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

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

.text-center {
    text-align: center
}

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

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

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

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

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

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

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

.text-opacity-75 {
    --tw-text-opacity: .75
}

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

.content-wrapper {
    content: "wrapper"
}

.tracking-0px {
    letter-spacing: 0
}

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

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

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

.tracking-0\.24px {
    letter-spacing: .24px
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.whitespace-nowrap {
    white-space: nowrap
}

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

.w-full {
    width: 100%
}

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

.w-0 {
    width: 0
}

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

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

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

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

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

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

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

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

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

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

.w-24px {
    width: 24px
}

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

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

.w-40px {
    width: 40px
}

.w-32px {
    width: 32px
}

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

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

.w-42px {
    width: 42px
}

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

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

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

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

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

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

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

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

.w-250px {
    width: 250px
}

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

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

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

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

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

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

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

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

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

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

.w-145px {
    width: 145px
}

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

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

.w-29px {
    width: 29px
}

.w-66px {
    width: 66px
}

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

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

.w-80px {
    width: 80px
}

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

.w-71px {
    width: 71px
}

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

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

.w-67\.27px {
    width: 67.27px
}

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

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

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

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

.w-146px {
    width: 146px
}

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

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

.w-137px {
    width: 137px
}

.w-0\.5px {
    width: .5px
}

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

.w-687\.3vw {
    width: 687.3vw;
    width: -webkit-calc(var(--vw, 1vw)*687.3);
    width: -moz-calc(var(--vw, 1vw)*687.3);
    width: calc(var(--vw, 1vw)*687.3)
}

.w-45\.3vw {
    width: 45.3vw;
    width: -webkit-calc(var(--vw, 1vw)*45.3);
    width: -moz-calc(var(--vw, 1vw)*45.3);
    width: calc(var(--vw, 1vw)*45.3)
}

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

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

.w-46px {
    width: 46px
}

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

.w-60px {
    width: 60px
}

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

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

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

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

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

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

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-3 {
    z-index: 3
}

.z-2 {
    z-index: 2
}

.z-10 {
    z-index: 10
}

.z-4 {
    z-index: 4
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.scale-x-100 {
    --tw-scale-x: 1
}

.scale-y-100 {
    --tw-scale-y: 1
}

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

.translate-y-\[calc\(-100\%-8rpx\)\] {
    --tw-translate-y: -webkit-calc(-100% - var(--rpx, 1px)*8);
    --tw-translate-y: -moz-calc(-100% - var(--rpx, 1px)*8);
    --tw-translate-y: calc(-100% - var(--rpx, 1px)*8)
}

.transition {
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -moz-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-500 {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

.duration-1000 {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

.duration-1500 {
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s
}

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

.mix-blend-difference {
    mix-blend-mode: difference
}

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

@media (min-width:651px) and (max-width:1024px) {
    .pad\:bg-\[\#1a1a1a\] {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 26, 26, var(--tw-bg-opacity))
    }

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

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

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

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

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

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

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

    .pad\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:text-38 {
        font-size: 38px;
        line-height: 48px
    }

    .pad\:text-28 {
        font-size: 28px;
        line-height: 120%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:ml-1\.56vw {
        margin-left: 1.56vw;
        margin-left: calc(var(--vw, 1vw)*1.56)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:relative {
        position: relative
    }

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

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

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

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

    .pad\:top-\[calc\(50vh\+186rpx\+10rpx\+18rpx\)\] {
        top: -webkit-calc(50vh + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18);
        top: -moz-calc(50vh + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18);
        top: calc(50vh + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18);
        top: -webkit-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18);
        top: -moz-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18);
        top: calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18)
    }

    .pad\:top-\[calc\(50vh\+186rpx\+10rpx\+18rpx\+5rpx\)\] {
        top: -webkit-calc(50vh + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18 + var(--rpx, 1px)*5);
        top: -moz-calc(50vh + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18 + var(--rpx, 1px)*5);
        top: calc(50vh + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18 + var(--rpx, 1px)*5);
        top: -webkit-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18 + var(--rpx, 1px)*5);
        top: -moz-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18 + var(--rpx, 1px)*5);
        top: calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*186 + var(--rpx, 1px)*10 + var(--rpx, 1px)*18 + var(--rpx, 1px)*5)
    }

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

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

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

    .pad\:top-10\.9vw {
        top: 10.9vw;
        top: -webkit-calc(var(--vw, 1vw)*10.9);
        top: -moz-calc(var(--vw, 1vw)*10.9);
        top: calc(var(--vw, 1vw)*10.9)
    }

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

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

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

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

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

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

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

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

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

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

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

    .\!pad\:tracking-\[0px\] {
        letter-spacing: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:w-55\.3vw {
        width: 55.3vw;
        width: -webkit-calc(var(--vw, 1vw)*55.3);
        width: -moz-calc(var(--vw, 1vw)*55.3);
        width: calc(var(--vw, 1vw)*55.3)
    }

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

    .pad\:w-54\.2vw {
        width: 54.2vw;
        width: -webkit-calc(var(--vw, 1vw)*54.2);
        width: -moz-calc(var(--vw, 1vw)*54.2);
        width: calc(var(--vw, 1vw)*54.2)
    }

    .pad\:w-590\.72vw {
        width: 590.72vw;
        width: -webkit-calc(var(--vw, 1vw)*590.72);
        width: -moz-calc(var(--vw, 1vw)*590.72);
        width: calc(var(--vw, 1vw)*590.72)
    }

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

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

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

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

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

@media (min-width:1025px) {
    .pc\:bg-\[\#1a1a1a\] {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 26, 26, var(--tw-bg-opacity))
    }

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

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

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

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

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

    .pc\:content-center {
        -webkit-align-content: center;
        align-content: center
    }

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

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

    .pc\:justify-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-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:py-14px {
        padding-bottom: 14px;
        padding-top: 14px
    }

    .pc\:py-12px {
        padding-bottom: 12px;
        padding-top: 12px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

    .pc\:top-8vw {
        top: 8vw;
        top: -webkit-calc(var(--vw, 1vw)*8);
        top: -moz-calc(var(--vw, 1vw)*8);
        top: calc(var(--vw, 1vw)*8)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:gap-y-24px {
        grid-row-gap: 24px;
        -webkit-row-gap: 24px;
        -moz-row-gap: 24px;
        row-gap: 24px
    }

    .pc\:gap-y-32px {
        grid-row-gap: 32px;
        -webkit-row-gap: 32px;
        -moz-row-gap: 32px;
        row-gap: 32px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:h-auto {
        height: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:text-30 {
        font-size: 30px;
        line-height: 38px
    }

    .mo\:text-40 {
        font-size: 40px;
        line-height: 48px
    }

    .mo\:text-16 {
        font-size: 16px;
        line-height: 150%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:max-w-100px {
        max-width: 100px
    }

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

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

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

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

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

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

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

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

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

    .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\:pt-24rpx {
        padding-top: calc(var(--rpx, 1px)*24)
    }

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

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

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

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

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

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

    .mo\:relative {
        position: relative
    }

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

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

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

    .mo\:top-\[calc\(50vh-188rpx\+6rpx\)\] {
        top: -webkit-calc(50vh - var(--rpx, 1px)*188 + var(--rpx, 1px)*6);
        top: -moz-calc(50vh - var(--rpx, 1px)*188 + var(--rpx, 1px)*6);
        top: calc(50vh - var(--rpx, 1px)*188 + var(--rpx, 1px)*6);
        top: -webkit-calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*188 + var(--rpx, 1px)*6);
        top: -moz-calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*188 + var(--rpx, 1px)*6);
        top: calc(var(--vh, 1vh)*50 - var(--rpx, 1px)*188 + var(--rpx, 1px)*6)
    }

    .mo\:top-\[calc\(50vh\+188rpx\+6rpx\+20rpx\)\] {
        top: -webkit-calc(50vh + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20);
        top: -moz-calc(50vh + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20);
        top: calc(50vh + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20);
        top: -webkit-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20);
        top: -moz-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20);
        top: calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20)
    }

    .mo\:top-\[calc\(50vh\+188rpx\+6rpx\+20rpx\+5rpx\)\] {
        top: -webkit-calc(50vh + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20 + var(--rpx, 1px)*5);
        top: -moz-calc(50vh + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20 + var(--rpx, 1px)*5);
        top: calc(50vh + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20 + var(--rpx, 1px)*5);
        top: -webkit-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20 + var(--rpx, 1px)*5);
        top: -moz-calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20 + var(--rpx, 1px)*5);
        top: calc(var(--vh, 1vh)*50 + var(--rpx, 1px)*188 + var(--rpx, 1px)*6 + var(--rpx, 1px)*20 + var(--rpx, 1px)*5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:text-opacity-30 {
        --tw-text-opacity: .3
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1025px) {
    .pct\:text-18px {
        font-size: 18px;
        line-height: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:1024px) {
    .mot\:h-28px {
        height: 28px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .mot\:leading-22px {
        line-height: 22px
    }

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

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

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

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

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

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

    .mot\:leading-44px {
        line-height: 44px
    }

    .mot\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .mot\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .mot\:leading-\[1\.8\] {
        line-height: 1.8
    }

    .mot\:mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .mot\:mt-22rpx {
        margin-top: calc(var(--rpx, 1px)*22)
    }

    .mot\:mt-20rpx {
        margin-top: calc(var(--rpx, 1px)*20)
    }

    .mot\:mb-4rpx {
        margin-bottom: calc(var(--rpx, 1px)*4)
    }

    .mot\:mt-10px {
        margin-top: 10px
    }

    .mot\:py-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48)
    }

    .mot\:pt-48rpx,
    .mot\:py-48rpx {
        padding-top: calc(var(--rpx, 1px)*48)
    }

    .mot\:tracking-0\.03em {
        letter-spacing: .03em
    }

    .mot\:tracking-0\.02em {
        letter-spacing: .02em
    }

    .mot\:w-full {
        width: 100%
    }

    .mot\:w-\[calc\(66px\+16rpx\)\] {
        width: -webkit-calc(66px + var(--rpx, 1px)*16);
        width: -moz-calc(66px + var(--rpx, 1px)*16);
        width: calc(66px + var(--rpx, 1px)*16)
    }

    .mot\:w-44px {
        width: 44px
    }
}

body {
    line-height: normal;
    overflow-x: hidden
}

.zn--wrapper {
    font-size: 16px
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded),
.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]),
.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status],
.zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, "sans-serif"
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.section-title {
    color: #fffffff2;
    position: relative;
    text-align: center;
    z-index: 1
}

.section-title .char,
.section-title .word {
    font-size: 68px;
    line-height: 81.6px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

#section-ksp .ksp-card {
    overflow: hidden
}

#section-ksp .ksp-card img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-ksp .ksp-card:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#section-design .first-wrapper .play {
    mix-blend-mode: difference;
    -webkit-transform: translate(var(--translate-x), var(--translate-y));
    -moz-transform: translate(var(--translate-x), var(--translate-y));
    -ms-transform: translate(var(--translate-x), var(--translate-y));
    transform: translate(var(--translate-x), var(--translate-y))
}

#section-design .first-wrapper .play img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .hollow-wrapper .text-wrapper {
    -webkit-background-clip: text;
    -webkit-background-size: contain;
    background-size: contain;
    color: transparent
}

#section-design .glass-wrapper .img-wrapper img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .glass-wrapper .switch-btns img {
    cursor: pointer
}

#section-design .glass-wrapper .switch-btns img.disable {
    opacity: .2;
    pointer-events: none
}

#section-design .glass-wrapper.active-0 .img-0,
#section-design .glass-wrapper.active-0 .text-0 {
    opacity: 1
}

#section-design .glass-wrapper.active-0 .img-1,
#section-design .glass-wrapper.active-0 .img-2,
#section-design .glass-wrapper.active-0 .text-1,
#section-design .glass-wrapper.active-0 .text-2,
#section-design .glass-wrapper.active-1 .img-0,
#section-design .glass-wrapper.active-1 .text-0 {
    opacity: 0
}

#section-design .glass-wrapper.active-1 .img-1,
#section-design .glass-wrapper.active-1 .text-1 {
    opacity: 1
}

#section-design .glass-wrapper.active-1 .img-2,
#section-design .glass-wrapper.active-1 .text-2,
#section-design .glass-wrapper.active-2 .img-0,
#section-design .glass-wrapper.active-2 .img-1,
#section-design .glass-wrapper.active-2 .text-0,
#section-design .glass-wrapper.active-2 .text-1 {
    opacity: 0
}

#section-design .glass-wrapper.active-2 .img-2,
#section-design .glass-wrapper.active-2 .text-2 {
    opacity: 1
}

#section-design .color-wrapper .switch-btn {
    cursor: pointer
}

#section-design .color-wrapper.active-0 .img-0 {
    opacity: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-0 .circle-0 {
    border-color: ""
}

#section-design .color-wrapper.active-0 .name-0 {
    opacity: 1
}

#section-design .color-wrapper.active-0 .img-1 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-0 .circle-1 {
    border-color: transparent
}

#section-design .color-wrapper.active-0 .name-1 {
    opacity: .55
}

#section-design .color-wrapper.active-0 .img-2 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-0 .circle-2 {
    border-color: transparent
}

#section-design .color-wrapper.active-0 .name-2 {
    opacity: .55
}

#section-design .color-wrapper.active-1 .img-0 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-1 .circle-0 {
    border-color: transparent
}

#section-design .color-wrapper.active-1 .name-0 {
    opacity: .55
}

#section-design .color-wrapper.active-1 .img-1 {
    opacity: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-1 .circle-1 {
    border-color: ""
}

#section-design .color-wrapper.active-1 .name-1 {
    opacity: 1
}

#section-design .color-wrapper.active-1 .img-2 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-1 .circle-2 {
    border-color: transparent
}

#section-design .color-wrapper.active-1 .name-2 {
    opacity: .55
}

#section-design .color-wrapper.active-2 .img-0 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-2 .circle-0 {
    border-color: transparent
}

#section-design .color-wrapper.active-2 .name-0 {
    opacity: .55
}

#section-design .color-wrapper.active-2 .img-1 {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-2 .circle-1 {
    border-color: transparent
}

#section-design .color-wrapper.active-2 .name-1 {
    opacity: .55
}

#section-design .color-wrapper.active-2 .img-2 {
    opacity: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

#section-design .color-wrapper.active-2 .circle-2 {
    border-color: ""
}

#section-design .color-wrapper.active-2 .name-2 {
    opacity: 1
}

.color-modal .scroll-wrapper {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.color-modal .next,
.color-modal .prev {
    cursor: pointer
}

.color-modal .next.disable,
.color-modal .prev.disable {
    opacity: .3;
    pointer-events: none
}

.color-modal .close {
    cursor: pointer
}

#section-k15 .section-title {
    color: #fff;
    text-align: center;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s
}

#section-shutter .section-title {
    color: #000;
    text-align: center;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s
}

#section-shutter .swiper-con {
    -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-shutter .col-line,
#section-shutter .row-line {
    background: #fff;
    mix-blend-mode: difference
}

#section-shutter .arrow-box img {
    cursor: pointer;
    opacity: 1
}

#section-charge .section-title {
    color: #000;
    text-align: center;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s
}

#section-liangdu .table {
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

.zn--modal {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    --bg-blur: none;
    --bg-dark: #000;
    --bg-light: #fff;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    transform: translateY(100vh);
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*100));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*100));
    -ms-transform: translateY(calc(var(--vh, 1vh)*100));
    transform: translateY(calc(var(--vh, 1vh)*100));
    -webkit-transition: visibility .4s, -webkit-transform .4s ease-out;
    transition: visibility .4s, -webkit-transform .4s ease-out;
    -moz-transition: transform .4s ease-out, visibility .4s, -moz-transform .4s ease-out;
    transition: transform .4s ease-out, visibility .4s;
    transition: transform .4s ease-out, visibility .4s, -webkit-transform .4s ease-out, -moz-transform .4s ease-out;
    visibility: hidden;
    width: 100%;
    z-index: 1999
}

.zn--modal.zn--modal-show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: height .2s ease, -webkit-transform .4s ease-out;
    transition: height .2s ease, -webkit-transform .4s ease-out;
    -moz-transition: transform .4s ease-out, height .2s ease, -moz-transform .4s ease-out;
    transition: transform .4s ease-out, height .2s ease;
    transition: transform .4s ease-out, height .2s ease, -webkit-transform .4s ease-out, -moz-transform .4s ease-out;
    visibility: visible
}

.zn--modal .zn--modal-bg {
    -webkit-backdrop-filter: var(--bg-blur);
    backdrop-filter: var(--bg-blur);
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.zn--modal .zn--modal-content {
    position: relative;
    z-index: 2
}

.zn--modal .photo-modal.mo-modal {
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh)*100);
    height: -moz-calc(var(--vh, 1vh)*100);
    height: calc(var(--vh, 1vh)*100)
}

.zn--modal .photo-modal.pc-modal .round-btn:hover {
    background-color: #201f1c
}

.zn--modal .photo-modal.pc-modal .round-btn:hover path {
    fill: #fff
}

.zn--modal .photo-modal .photo-modal-wrapper .photo-modal-wrapper-item {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.zn--modal .photo-modal .photo-modal-wrapper .photo-modal-wrapper-item.active {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    -moz-transform: translate(-50%, -50%) scale(1.5);
    -ms-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5)
}

.zn--modal .photo-modal .photo-modal-wrapper .photo-modal-wrapper-item.hidden {
    pointer-events: none
}

.zn--modal .photo-modal .switch-btn {
    cursor: pointer
}

.zn--modal .photo-modal .disable {
    background-color: #efede9;
    cursor: not-allowed;
    opacity: .3
}

.zn--modal .photo-modal .disable path {
    fill: #ccc
}

.zn--modal .photo-modal .disable.round-btn:hover {
    background-color: #efede9;
    cursor: not-allowed
}

.zn--modal .photo-modal .disable.round-btn:hover path {
    fill: #ccc
}

:not(.zn--modal)>.zn--modal-content {
    display: none
}

body.no-transition,
body.no-transition :not(.zn--modal) {
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    transition: 0s !important
}

#section-xingneng .block .one-card a {
    all: unset;
    color: inherit;
    text-decoration: none
}

body {
    overflow: unset
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#webpack-dev-server-client-overlay {
    display: none
}

.zn--wrapper {
    letter-spacing: .5px
}

sup {
    display: inline-block;
    font-weight: 600;
    left: 0;
    margin-top: -1em;
    position: relative;
    top: -.26em
}

sub,
sup {
    font-size: 50%
}

@media (max-width:650px) {

    .section-title .char,
    .section-title .word {
        font-size: 44px;
        line-height: 52px
    }

    .mo-hidden,
    .pad-only,
    .pc-only {
        display: none
    }

    :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)
    }

    #section-shutter .arrow-box img {
        cursor: not-allowed;
        opacity: .3
    }

    #section-shutter .arrow-box img.active {
        cursor: pointer;
        opacity: 1
    }

    .zn--modal .photo-modal .photo-modal-wrapper {
        -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
    }
}

@media (min-width:651px) and (max-width:1024px) {

    .section-title .char,
    .section-title .word {
        font-size: 44px;
        line-height: 52px
    }

    .mo-only,
    .pad-hidden,
    .pc-only {
        display: none
    }

    :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)
    }

    #section-shutter .first-line .title {
        text-align: end
    }
}

@media (min-width:1025px) {

    .mo-only,
    .pad-only,
    .pc-hidden {
        display: none
    }

    :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 .font-48 {
        font-size: 48px;
        line-height: 60px
    }

    .zn--wrapper .font-32 {
        font-size: 32px;
        line-height: 38px
    }

    .zn--wrapper .font-24 {
        font-size: 24px;
        line-height: 28px
    }

    .zn--wrapper .font-18 {
        font-size: 18px;
        line-height: 22px
    }

    .zn--wrapper .font-16 {
        font-size: 16px;
        line-height: 20px
    }

    .zn--wrapper .font-14 {
        font-size: 14px;
        line-height: 18px
    }

    #section-shutter .first-line .title {
        text-align: end
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (min-width:1441px) {
    #section-design .frame-wrapper .fisrt-wrapper .text-wrapper {
        margin-left: calc(-656px + 45vw);
        margin-left: calc(-656px + var(--vw, 1vw)*45)
    }
}

@media (max-width:1024px) {
    .zn--wrapper .font-36m {
        font-size: 36px;
        line-height: 44px
    }

    .zn--wrapper .font-30m {
        font-size: 30px;
        letter-spacing: .5px;
        line-height: 38px
    }

    .zn--wrapper .font-20m {
        font-size: 20px;
        line-height: 24px
    }

    .zn--wrapper .font-16m {
        font-size: 16px;
        line-height: 20px
    }

    .zn--wrapper .font-14m {
        font-size: 14px;
        line-height: 18px
    }
}

@media (min-width:1025px) and (max-width:1065px) {
    #section-lixiang .cards-wrapper {
        gap: -webkit-calc(var(--rpx, 1px)*36) -webkit-calc(var(--rpx, 1px)*32);
        gap: -moz-calc(var(--rpx, 1px)*36) -moz-calc(var(--rpx, 1px)*32);
        gap: calc(var(--rpx, 1px)*36) calc(var(--rpx, 1px)*32)
    }
}

@media (min-width:1025px) and (max-width:1200px) and (min-width:1100px) and (max-height:600px) {
    #section-lixiang .sticky-relative {
        height: -webkit-calc(200vh + 100px);
        height: -moz-calc(200vh + 100px);
        height: calc(200vh + 100px);
        height: -webkit-calc(var(--vh, 1vh)*200 + 100px);
        height: -moz-calc(var(--vh, 1vh)*200 + 100px);
        height: calc(var(--vh, 1vh)*200 + 100px)
    }
}

@media (min-width:1025px) and (max-width:1200px) {

    #section-shutter .phone-title .t,
    #section-charge .desc-wrap .t {
        font-size: 18px;
        letter-spacing: 120%
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    -webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .2s infinite alternate;
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    -webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .4s infinite alternate;
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
    to {
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes preloader {
    to {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@media (min-width:1025px) {

    .mo-only,
    .pad-only,
    .pc-hidden {
        display: none
    }

    :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)
    }

    .fade-in-pc {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-pc.show,
    .fade-in-pc[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show,
    .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width:650px) {

    .mo-hidden,
    .pad-only,
    .pc-only {
        display: none
    }

    :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)
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in-mo.show,
    .fade-in-mo[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s
    }

    .fade-in.show,
    .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:651px) and (max-width:1024px) {

    .mo-only,
    .pad-hidden,
    .pc-only {
        display: none
    }

    :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)
    }
}

[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+)
}

[ani-scroll-gallery] .scroll-wrapper {
    padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:1025px) {

    .mo-only,
    .pad-only,
    .pc-hidden {
        display: none
    }

    :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)
    }
}

@media (max-width:650px) {

    .mo-hidden,
    .pad-only,
    .pc-only {
        display: none
    }

    :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)
    }

    [ani-scroll-gallery] .scroll-wrapper {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*164)
    }
}

@media (min-width:651px) and (max-width:1024px) {

    .mo-only,
    .pad-hidden,
    .pc-only {
        display: none
    }

    :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)
    }

    [ani-scroll-gallery] .scroll-wrapper {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)
    }
}

.zn--wrapper {
    font-family: OnePlus Sans Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.zn--wrapper .font-b {
    font-family: OnePlus Sans Bold, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-m,
.zn--wrapper .font-medium {
    font-family: OnePlus Sans Medium, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-r {
    font-family: OnePlus Sans Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

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--popup-container:after {
    content: "";
    height: 30%;
    position: absolute;
    top: 99%;
    width: 100%
}

.g--popup .g--video-wrapper {
    margin-top: -12px;
    position: relative
}

.video-portrait.g--popup .g--video-wrapper {
    height: 100%;
    margin-top: 0;
    padding: 32px 0;
    width: 100%
}

.g--popup .g--video-wrapper video {
    height: 100%;
    max-height: 75vh;
    max-height: -webkit-calc(var(--vh, 1vh)*75);
    max-height: -moz-calc(var(--vh, 1vh)*75);
    max-height: calc(var(--vh, 1vh)*75);
    outline: none;
    width: 100%
}

.video-portrait.g--popup .g--video-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.g--popup .g--video-wrapper video[src=""] {
    display: none
}

.g--popup .g--popup-close.v1 {
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 0;
    top: -36px;
    width: 24px;
    z-index: 2
}

.g--popup .g--popup-close.v1 .inner {
    height: 100%;
    width: 100%
}

.g--popup .g--popup-close.v2 {
    cursor: pointer;
    height: 32px;
    margin-left: auto;
    opacity: 1 !important;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    z-index: 2
}

.video-portrait.g--popup .g--popup-close.v2 {
    top: 8px
}

.g--popup-container.v2.v2,
.g--popup-container.v2:after {
    background: #201f1c
}

.g--popup-close.v2 polygon {
    fill: #fff
}

.g--popup-container.v1,
.g--popup-container.v1:after {
    background: #000
}

.g--popup-close.v1 polygon {
    fill: #fff
}

.light-theme :not(.dark-theme) .g--popup-container.v1,
.light-theme :not(.dark-theme) .g--popup-container.v1:after {
    background: #fff
}

.light-theme :not(.dark-theme) .g--popup-close.v1 polygon {
    fill: #000
}

.light-theme :not(.dark-theme) .g--popup-container.v2,
.light-theme :not(.dark-theme) .g--popup-container.v2:after {
    background: #fafafa
}

.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
    fill: #efede9
}

.light-theme :not(.dark-theme) .g--popup-close.v2 path {
    fill: #000
}

@media (min-width:1025px) {

    .mo-only,
    .pad-only,
    .pc-hidden {
        display: none
    }

    :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)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 60.65vw;
        width: -webkit-calc(var(--vw, 1vw)*60.65);
        width: -moz-calc(var(--vw, 1vw)*60.65);
        width: calc(var(--vw, 1vw)*60.65)
    }
}

@media (max-width:650px) {

    .mo-hidden,
    .pad-only,
    .pc-only {
        display: none
    }

    :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)
    }

    .g--popup .g--popup-container {
        padding: 0
    }

    .g--popup .g--video-wrapper.v1 {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .g--popup .g--video-wrapper.v2 {
        max-width: 86.67vw;
        max-width: -webkit-calc(var(--vw, 1vw)*86.67);
        max-width: -moz-calc(var(--vw, 1vw)*86.67);
        max-width: calc(var(--vw, 1vw)*86.67)
    }

    .g--popup .g--popup-close.v1 {
        height: 28px;
        right: 16px;
        top: -48px;
        width: 28px
    }

    .g--popup .g--popup-close.v2 {
        right: -webkit-calc(50% - 16px);
        right: -moz-calc(50% - 16px);
        right: calc(50% - 16px);
        top: -webkit-calc(var(--window-height) - 200px);
        top: -moz-calc(var(--window-height) - 200px);
        top: calc(var(--window-height) - 200px)
    }
}

@media (min-width:651px) and (max-width:1024px) {

    .mo-only,
    .pad-hidden,
    .pc-only {
        display: none
    }

    :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)
    }

    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 70vw;
        width: -webkit-calc(var(--vw, 1vw)*70);
        width: -moz-calc(var(--vw, 1vw)*70);
        width: calc(var(--vw, 1vw)*70)
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px
    }
}