[ani-scroll-container] {
  will-change:transform
}
.zn--wrapper .bg-\[\#787878\] {
  --tw-bg-opacity:1;
  background-color:rgba(120,120,120,var(--tw-bg-opacity))
}
.zn--wrapper .bg-\[\#f5f5f5\] {
  --tw-bg-opacity:1;
  background-color:rgba(245,245,245,var(--tw-bg-opacity))
}
.zn--wrapper .bg-\[\#D8D8D8\] {
  --tw-bg-opacity:1;
  background-color:rgba(216,216,216,var(--tw-bg-opacity))
}
.zn--wrapper .bg-\[\#727272\] {
  --tw-bg-opacity:1;
  background-color:rgba(114,114,114,var(--tw-bg-opacity))
}
.zn--wrapper .bg-\[\#1A1A1A26\] {
  --tw-bg-opacity:.14901960784313725;
  background-color:rgba(26,26,26,var(--tw-bg-opacity))
}
.zn--wrapper .bg-\[\#FFFFFF\],.zn--wrapper .bg-\[\#fff\] {
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity))
}
.zn--wrapper .rounded-6rpx {
  border-radius:-webkit-calc(var(--rpx,1px)*6);
  border-radius:-moz-calc(var(--rpx,1px)*6);
  border-radius:calc(var(--rpx,1px)*6)
}
.zn--wrapper .rounded-full {
  border-radius:9999px
}
.zn--wrapper .rounded {
  border-radius:.25rem
}
.zn--wrapper .border-0 {
  border-width:0
}
.zn--wrapper .cursor-pointer {
  cursor:pointer
}
.zn--wrapper .flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex
}
.zn--wrapper .hidden {
  display:none
}
.zn--wrapper .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
}
.zn--wrapper .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
}
.zn--wrapper .flex-col-reverse {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -moz-box-orient:vertical;
  -moz-box-direction:reverse;
  -webkit-flex-direction:column-reverse;
  flex-direction:column-reverse
}
.zn--wrapper .flex-wrap {
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap
}
.zn--wrapper .items-start {
  -webkit-box-align:start;
  -moz-box-align:start;
  -webkit-align-items:flex-start;
  align-items:flex-start
}
.zn--wrapper .items-end {
  -webkit-box-align:end;
  -moz-box-align:end;
  -webkit-align-items:flex-end;
  align-items:flex-end
}
.zn--wrapper .items-center {
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.zn--wrapper .self-stretch {
  -ms-grid-row-align:stretch;
  -webkit-align-self:stretch;
  align-self:stretch
}
.zn--wrapper .justify-end {
  -webkit-box-pack:end;
  -moz-box-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end
}
.zn--wrapper .\!justify-end {
  -webkit-box-pack:end!important;
  -moz-box-pack:end!important;
  -webkit-justify-content:flex-end!important;
  justify-content:flex-end!important
}
.zn--wrapper .justify-center {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.zn--wrapper .justify-between {
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.zn--wrapper .flex-1 {
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1 1 0%;
  flex:1 1 0%
}
.zn--wrapper .flex-shrink-0 {
  -webkit-flex-shrink:0;
  flex-shrink:0
}
.zn--wrapper .font-medium {
  font-weight:500
}
.zn--wrapper .h-full {
  height:100%
}
.zn--wrapper .\!h-full {
  height:100%!important
}
.zn--wrapper .h-auto {
  height:auto
}
.zn--wrapper .h-100vh {
  height:100vh;
  height:-webkit-calc(var(--vh,1vh)*100);
  height:-moz-calc(var(--vh,1vh)*100);
  height:calc(var(--vh,1vh)*100)
}
.zn--wrapper .h-\[var\(--content-height\)\] {
  height:var(--content-height)
}
.zn--wrapper .h-40rpx {
  height:-webkit-calc(var(--rpx,1px)*40);
  height:-moz-calc(var(--rpx,1px)*40);
  height:calc(var(--rpx,1px)*40)
}
.zn--wrapper .h-\[43\.40vw\] {
  height:43.4vw;
  height:-webkit-calc(var(--vw,1vw)*43.4);
  height:-moz-calc(var(--vw,1vw)*43.4);
  height:calc(var(--vw,1vw)*43.4)
}
.zn--wrapper .h-18rpx {
  height:-webkit-calc(var(--rpx,1px)*18);
  height:-moz-calc(var(--rpx,1px)*18);
  height:calc(var(--rpx,1px)*18)
}
.zn--wrapper .h-200vh {
  height:200vh;
  height:-webkit-calc(var(--vh,1vh)*200);
  height:-moz-calc(var(--vh,1vh)*200);
  height:calc(var(--vh,1vh)*200)
}
.zn--wrapper .h-1rpx {
  height:-webkit-calc(var(--rpx,1px)*1);
  height:-moz-calc(var(--rpx,1px)*1);
  height:calc(var(--rpx,1px)*1)
}
.zn--wrapper .h-96rpx {
  height:-webkit-calc(var(--rpx,1px)*96);
  height:-moz-calc(var(--rpx,1px)*96);
  height:calc(var(--rpx,1px)*96)
}
.zn--wrapper .h-\[80\%\] {
  height:80%
}
.zn--wrapper .h-\[12\.15\%\] {
  height:12.15%
}
.zn--wrapper .h-\[70\.63\%\] {
  height:70.63%
}
.zn--wrapper .h-\[50\%\] {
  height:50%
}
.zn--wrapper .h-\[79\%\] {
  height:79%
}
.zn--wrapper .h-45rpx {
  height:-webkit-calc(var(--rpx,1px)*45);
  height:-moz-calc(var(--rpx,1px)*45);
  height:calc(var(--rpx,1px)*45)
}
.zn--wrapper .h-\[59\.5\%\] {
  height:59.5%
}
.zn--wrapper .h-209rpx {
  height:-webkit-calc(var(--rpx,1px)*209);
  height:-moz-calc(var(--rpx,1px)*209);
  height:calc(var(--rpx,1px)*209)
}
.zn--wrapper .h-\[33\%\] {
  height:33%
}
.zn--wrapper .h-\[57\.25\%\] {
  height:57.25%
}
.zn--wrapper .h-\[40\%\] {
  height:40%
}
.zn--wrapper .h-\[60\.75\%\] {
  height:60.75%
}
.zn--wrapper .h-126rpx {
  height:-webkit-calc(var(--rpx,1px)*126);
  height:-moz-calc(var(--rpx,1px)*126);
  height:calc(var(--rpx,1px)*126)
}
.zn--wrapper .h-\[70\.75\%\] {
  height:70.75%
}
.zn--wrapper .h-\[77\.5\%\] {
  height:77.5%
}
.zn--wrapper .h-240rpx {
  height:-webkit-calc(var(--rpx,1px)*240);
  height:-moz-calc(var(--rpx,1px)*240);
  height:calc(var(--rpx,1px)*240)
}
.zn--wrapper .h-25rpx {
  height:-webkit-calc(var(--rpx,1px)*25);
  height:-moz-calc(var(--rpx,1px)*25);
  height:calc(var(--rpx,1px)*25)
}
.zn--wrapper .h-768rpx {
  height:-webkit-calc(var(--rpx,1px)*768);
  height:-moz-calc(var(--rpx,1px)*768);
  height:calc(var(--rpx,1px)*768)
}
.zn--wrapper .h-\[27\.91vw\] {
  height:27.91vw;
  height:-webkit-calc(var(--vw,1vw)*27.91);
  height:-moz-calc(var(--vw,1vw)*27.91);
  height:calc(var(--vw,1vw)*27.91)
}
.zn--wrapper .h-\[57\.63vw\] {
  height:57.63vw;
  height:-webkit-calc(var(--vw,1vw)*57.63);
  height:-moz-calc(var(--vw,1vw)*57.63);
  height:calc(var(--vw,1vw)*57.63)
}
.zn--wrapper .h-\[11\.8vw\] {
  height:11.8vw;
  height:-webkit-calc(var(--vw,1vw)*11.8);
  height:-moz-calc(var(--vw,1vw)*11.8);
  height:calc(var(--vw,1vw)*11.8)
}
.zn--wrapper .h-1px {
  height:1px
}
.zn--wrapper .h-\[91\.6\%\] {
  height:91.6%
}
.zn--wrapper .h-490rpx {
  height:-webkit-calc(var(--rpx,1px)*490);
  height:-moz-calc(var(--rpx,1px)*490);
  height:calc(var(--rpx,1px)*490)
}
.zn--wrapper .h-293rpx {
  height:-webkit-calc(var(--rpx,1px)*293);
  height:-moz-calc(var(--rpx,1px)*293);
  height:calc(var(--rpx,1px)*293)
}
.zn--wrapper .h-59rpx {
  height:-webkit-calc(var(--rpx,1px)*59);
  height:-moz-calc(var(--rpx,1px)*59);
  height:calc(var(--rpx,1px)*59)
}
.zn--wrapper .h-\[3\.4vw\] {
  height:3.4vw;
  height:-webkit-calc(var(--vw,1vw)*3.4);
  height:-moz-calc(var(--vw,1vw)*3.4);
  height:calc(var(--vw,1vw)*3.4)
}
.zn--wrapper .h-\[3vw\] {
  height:3vw;
  height:-webkit-calc(var(--vw,1vw)*3);
  height:-moz-calc(var(--vw,1vw)*3);
  height:calc(var(--vw,1vw)*3)
}
.zn--wrapper .h-80rpx {
  height:-webkit-calc(var(--rpx,1px)*80);
  height:-moz-calc(var(--rpx,1px)*80);
  height:calc(var(--rpx,1px)*80)
}
.zn--wrapper .h-50rpx {
  height:-webkit-calc(var(--rpx,1px)*50);
  height:-moz-calc(var(--rpx,1px)*50);
  height:calc(var(--rpx,1px)*50)
}
.zn--wrapper .h-122rpx {
  height:-webkit-calc(var(--rpx,1px)*122);
  height:-moz-calc(var(--rpx,1px)*122);
  height:calc(var(--rpx,1px)*122)
}
.zn--wrapper .h-\[66\.31vw\] {
  height:66.31vw;
  height:-webkit-calc(var(--vw,1vw)*66.31);
  height:-moz-calc(var(--vw,1vw)*66.31);
  height:calc(var(--vw,1vw)*66.31)
}
.zn--wrapper .h-640rpx {
  height:-webkit-calc(var(--rpx,1px)*640);
  height:-moz-calc(var(--rpx,1px)*640);
  height:calc(var(--rpx,1px)*640)
}
.zn--wrapper .h-424rpx {
  height:-webkit-calc(var(--rpx,1px)*424);
  height:-moz-calc(var(--rpx,1px)*424);
  height:calc(var(--rpx,1px)*424)
}
.zn--wrapper .h-26rpx {
  height:-webkit-calc(var(--rpx,1px)*26);
  height:-moz-calc(var(--rpx,1px)*26);
  height:calc(var(--rpx,1px)*26)
}
.zn--wrapper .h-\[25\%\] {
  height:25%
}
.zn--wrapper .h-508rpx {
  height:-webkit-calc(var(--rpx,1px)*508);
  height:-moz-calc(var(--rpx,1px)*508);
  height:calc(var(--rpx,1px)*508)
}
.zn--wrapper .h-377rpx {
  height:-webkit-calc(var(--rpx,1px)*377);
  height:-moz-calc(var(--rpx,1px)*377);
  height:calc(var(--rpx,1px)*377)
}
.zn--wrapper .h-24rpx {
  height:-webkit-calc(var(--rpx,1px)*24);
  height:-moz-calc(var(--rpx,1px)*24);
  height:calc(var(--rpx,1px)*24)
}
.zn--wrapper .h-184rpx {
  height:-webkit-calc(var(--rpx,1px)*184);
  height:-moz-calc(var(--rpx,1px)*184);
  height:calc(var(--rpx,1px)*184)
}
.zn--wrapper .h-223rpx {
  height:-webkit-calc(var(--rpx,1px)*223);
  height:-moz-calc(var(--rpx,1px)*223);
  height:calc(var(--rpx,1px)*223)
}
.zn--wrapper .h-28rpx {
  height:-webkit-calc(var(--rpx,1px)*28);
  height:-moz-calc(var(--rpx,1px)*28);
  height:calc(var(--rpx,1px)*28)
}
.zn--wrapper .h-738rpx {
  height:-webkit-calc(var(--rpx,1px)*738);
  height:-moz-calc(var(--rpx,1px)*738);
  height:calc(var(--rpx,1px)*738)
}
.zn--wrapper .h-67rpx {
  height:-webkit-calc(var(--rpx,1px)*67);
  height:-moz-calc(var(--rpx,1px)*67);
  height:calc(var(--rpx,1px)*67)
}
.zn--wrapper .h-249rpx {
  height:-webkit-calc(var(--rpx,1px)*249);
  height:-moz-calc(var(--rpx,1px)*249);
  height:calc(var(--rpx,1px)*249)
}
.zn--wrapper .h-278rpx {
  height:-webkit-calc(var(--rpx,1px)*278);
  height:-moz-calc(var(--rpx,1px)*278);
  height:calc(var(--rpx,1px)*278)
}
.zn--wrapper .h-\[92\%\] {
  height:92%
}
.zn--wrapper .h-16px {
  height:16px
}
.zn--wrapper .h-548rpx {
  height:-webkit-calc(var(--rpx,1px)*548);
  height:-moz-calc(var(--rpx,1px)*548);
  height:calc(var(--rpx,1px)*548)
}
.zn--wrapper .h-340rpx {
  height:-webkit-calc(var(--rpx,1px)*340);
  height:-moz-calc(var(--rpx,1px)*340);
  height:calc(var(--rpx,1px)*340)
}
.zn--wrapper .h-291rpx {
  height:-webkit-calc(var(--rpx,1px)*291);
  height:-moz-calc(var(--rpx,1px)*291);
  height:calc(var(--rpx,1px)*291)
}
.zn--wrapper .h-610rpx {
  height:-webkit-calc(var(--rpx,1px)*610);
  height:-moz-calc(var(--rpx,1px)*610);
  height:calc(var(--rpx,1px)*610)
}
.zn--wrapper .h-60rpx {
  height:-webkit-calc(var(--rpx,1px)*60);
  height:-moz-calc(var(--rpx,1px)*60);
  height:calc(var(--rpx,1px)*60)
}
.zn--wrapper .h-32rpx {
  height:-webkit-calc(var(--rpx,1px)*32);
  height:-moz-calc(var(--rpx,1px)*32);
  height:calc(var(--rpx,1px)*32)
}
.zn--wrapper .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
}
.zn--wrapper .text-24rpx {
  font-size:-webkit-calc(var(--rpx,1px)*24);
  font-size:-moz-calc(var(--rpx,1px)*24);
  font-size:calc(var(--rpx,1px)*24);
  line-height:1
}
.zn--wrapper .text-10rpx {
  font-size:-webkit-calc(var(--rpx,1px)*10);
  font-size:-moz-calc(var(--rpx,1px)*10);
  font-size:calc(var(--rpx,1px)*10);
  line-height:1
}
.zn--wrapper .text-\[6\.59vw\] {
  font-size:6.59vw;
  font-size:-webkit-calc(var(--vw,1vw)*6.59);
  font-size:-moz-calc(var(--vw,1vw)*6.59);
  font-size:calc(var(--vw,1vw)*6.59);
  line-height:1
}
.zn--wrapper .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
}
.zn--wrapper .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
}
.zn--wrapper .text-28rpx {
  font-size:-webkit-calc(var(--rpx,1px)*28);
  font-size:-moz-calc(var(--rpx,1px)*28);
  font-size:calc(var(--rpx,1px)*28);
  line-height:1
}
.zn--wrapper .text-95rpx {
  font-size:-webkit-calc(var(--rpx,1px)*95);
  font-size:-moz-calc(var(--rpx,1px)*95);
  font-size:calc(var(--rpx,1px)*95);
  line-height:1
}
.zn--wrapper .text-20rpx {
  font-size:-webkit-calc(var(--rpx,1px)*20);
  font-size:-moz-calc(var(--rpx,1px)*20);
  font-size:calc(var(--rpx,1px)*20);
  line-height:1
}
.zn--wrapper .text-16rpx {
  font-size:-webkit-calc(var(--rpx,1px)*16);
  font-size:-moz-calc(var(--rpx,1px)*16);
  font-size:calc(var(--rpx,1px)*16);
  line-height:1
}
.zn--wrapper .text-14px {
  font-size:14px;
  line-height:1
}
.zn--wrapper .text-18px {
  font-size:18px;
  line-height:1
}
.zn--wrapper .text-12px {
  font-size:12px;
  line-height:1
}
.zn--wrapper .leading-\[1\.2\] {
  line-height:1.2
}
.zn--wrapper .leading-\[1\.4\] {
  line-height:1.4
}
.zn--wrapper .leading-24rpx {
  line-height:-webkit-calc(var(--rpx,1px)*24);
  line-height:-moz-calc(var(--rpx,1px)*24);
  line-height:calc(var(--rpx,1px)*24)
}
.zn--wrapper .leading-19rpx {
  line-height:-webkit-calc(var(--rpx,1px)*19);
  line-height:-moz-calc(var(--rpx,1px)*19);
  line-height:calc(var(--rpx,1px)*19)
}
.zn--wrapper .leading-\[1\.1\] {
  line-height:1.1
}
.zn--wrapper .leading-\[1\.5\] {
  line-height:1.5
}
.zn--wrapper .leading-22px {
  line-height:22px
}
.zn--wrapper .leading-20px {
  line-height:20px
}
.zn--wrapper .mx-auto {
  margin-left:auto;
  margin-right:auto
}
.zn--wrapper .mt-16rpx {
  margin-top:calc(var(--rpx,1px)*16)
}
.zn--wrapper .mt-9rpx {
  margin-top:calc(var(--rpx,1px)*9)
}
.zn--wrapper .mb-4rpx {
  margin-bottom:calc(var(--rpx,1px)*4)
}
.zn--wrapper .mb-8rpx {
  margin-bottom:calc(var(--rpx,1px)*8)
}
.zn--wrapper .mt-8rpx {
  margin-top:calc(var(--rpx,1px)*8)
}
.zn--wrapper .mt-33rpx {
  margin-top:calc(var(--rpx,1px)*33)
}
.zn--wrapper .mt-24rpx {
  margin-top:calc(var(--rpx,1px)*24)
}
.zn--wrapper .mt-46rpx {
  margin-top:calc(var(--rpx,1px)*46)
}
.zn--wrapper .ml-23rpx {
  margin-left:calc(var(--rpx,1px)*23)
}
.zn--wrapper .ml-8rpx {
  margin-left:calc(var(--rpx,1px)*8)
}
.zn--wrapper .mr-16rpx {
  margin-right:calc(var(--rpx,1px)*16)
}
.zn--wrapper .ml-6rpx {
  margin-left:calc(var(--rpx,1px)*6)
}
.zn--wrapper .mt-6rpx {
  margin-top:calc(var(--rpx,1px)*6)
}
.zn--wrapper .ml-6px {
  margin-left:6px
}
.zn--wrapper .mr-8rpx {
  margin-right:calc(var(--rpx,1px)*8)
}
.zn--wrapper .mr-4rpx {
  margin-right:calc(var(--rpx,1px)*4)
}
.zn--wrapper .mb-21rpx {
  margin-bottom:calc(var(--rpx,1px)*21)
}
.zn--wrapper .max-h-70rpx {
  max-height:-webkit-calc(var(--rpx,1px)*70);
  max-height:-moz-calc(var(--rpx,1px)*70);
  max-height:calc(var(--rpx,1px)*70)
}
.zn--wrapper .max-h-710px {
  max-height:710px
}
.zn--wrapper .max-w-167rpx {
  max-width:-webkit-calc(var(--rpx,1px)*167);
  max-width:-moz-calc(var(--rpx,1px)*167);
  max-width:calc(var(--rpx,1px)*167)
}
.zn--wrapper .max-w-1440px {
  max-width:1440px
}
.zn--wrapper .max-w-800px {
  max-width:800px
}
.zn--wrapper .object-contain {
  -o-object-fit:contain;
  object-fit:contain
}
.zn--wrapper .object-cover {
  -o-object-fit:cover;
  object-fit:cover
}
.zn--wrapper .opacity-0 {
  opacity:0
}
.zn--wrapper .opacity-55 {
  opacity:.55
}
.zn--wrapper .opacity-95 {
  opacity:.95
}
.zn--wrapper .opacity-40 {
  opacity:.4
}
.zn--wrapper .opacity-75 {
  opacity:.75
}
.zn--wrapper .overflow-hidden {
  overflow:hidden
}
.zn--wrapper .px-16px {
  padding-left:16px;
  padding-right:16px
}
.zn--wrapper .px-64rpx {
  padding-left:calc(var(--rpx,1px)*64);
  padding-right:calc(var(--rpx,1px)*64)
}
.zn--wrapper .py-80rpx {
  padding-bottom:calc(var(--rpx,1px)*80);
  padding-top:calc(var(--rpx,1px)*80)
}
.zn--wrapper .px-\[calc\(50\%-656rpx\)\] {
  padding-left:calc(50% - var(--rpx,1px)*656);
  padding-right:calc(50% - var(--rpx,1px)*656)
}
.zn--wrapper .pt-16px {
  padding-top:16px
}
.zn--wrapper .pb-80rpx {
  padding-bottom:calc(var(--rpx,1px)*80)
}
.zn--wrapper .pl-16rpx {
  padding-left:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pl-64rpx {
  padding-left:calc(var(--rpx,1px)*64)
}
.zn--wrapper .pointer-events-none {
  pointer-events:none
}
.zn--wrapper .fixed {
  position:fixed
}
.zn--wrapper .absolute {
  position:absolute
}
.zn--wrapper .relative {
  position:relative
}
.zn--wrapper .sticky {
  position:-webkit-sticky;
  position:sticky
}
.zn--wrapper .bottom-\[8vh\] {
  bottom:8vh;
  bottom:-webkit-calc(var(--vh,1vh)*8);
  bottom:-moz-calc(var(--vh,1vh)*8);
  bottom:calc(var(--vh,1vh)*8)
}
.zn--wrapper .top-0 {
  top:0
}
.zn--wrapper .left-0 {
  left:0
}
.zn--wrapper .top-\[calc\(-161rpx\)\] {
  top:-webkit-calc(var(--rpx,1px)*-161);
  top:-moz-calc(var(--rpx,1px)*-161);
  top:calc(var(--rpx,1px)*-161)
}
.zn--wrapper .left-\[calc\(-161rpx\)\] {
  left:-webkit-calc(var(--rpx,1px)*-161);
  left:-moz-calc(var(--rpx,1px)*-161);
  left:calc(var(--rpx,1px)*-161)
}
.zn--wrapper .top-\[var\(--nav-height\)\] {
  top:var(--nav-height)
}
.zn--wrapper .left-\[50\%\] {
  left:50%
}
.zn--wrapper .top-\[50\%\] {
  top:50%
}
.zn--wrapper .left-\[24rpx\] {
  left:-webkit-calc(var(--rpx,1px)*24);
  left:-moz-calc(var(--rpx,1px)*24);
  left:calc(var(--rpx,1px)*24)
}
.zn--wrapper .bottom-24rpx {
  bottom:-webkit-calc(var(--rpx,1px)*24);
  bottom:-moz-calc(var(--rpx,1px)*24);
  bottom:calc(var(--rpx,1px)*24)
}
.zn--wrapper .bottom-0 {
  bottom:0
}
.zn--wrapper .right-24rpx {
  right:-webkit-calc(var(--rpx,1px)*24);
  right:-moz-calc(var(--rpx,1px)*24);
  right:calc(var(--rpx,1px)*24)
}
.zn--wrapper .top-24rpx {
  top:-webkit-calc(var(--rpx,1px)*24);
  top:-moz-calc(var(--rpx,1px)*24);
  top:calc(var(--rpx,1px)*24)
}
.zn--wrapper .top-\[64\%\] {
  top:64%
}
.zn--wrapper .top-\[calc\(70rpx\+5vh\)\] {
  top:-webkit-calc(var(--rpx,1px)*70 + 5vh);
  top:-moz-calc(var(--rpx,1px)*70 + 5vh);
  top:calc(var(--rpx,1px)*70 + 5vh);
  top:-webkit-calc(var(--rpx,1px)*70 + var(--vh,1vh)*5);
  top:-moz-calc(var(--rpx,1px)*70 + var(--vh,1vh)*5);
  top:calc(var(--rpx,1px)*70 + var(--vh,1vh)*5)
}
.zn--wrapper .bottom-5vh {
  bottom:5vh;
  bottom:-webkit-calc(var(--vh,1vh)*5);
  bottom:-moz-calc(var(--vh,1vh)*5);
  bottom:calc(var(--vh,1vh)*5)
}
.zn--wrapper .top-\[51\.75\%\] {
  top:51.75%
}
.zn--wrapper .left-\[16\.8\%\] {
  left:16.8%
}
.zn--wrapper .left-\[60\%\] {
  left:60%
}
.zn--wrapper .top-\[34\.5\%\] {
  top:34.5%
}
.zn--wrapper .left-\[27\%\] {
  left:27%
}
.zn--wrapper .left-\[7\.5\%\] {
  left:7.5%
}
.zn--wrapper .top-\[51\%\] {
  top:51%
}
.zn--wrapper .top-\[30\.5\%\] {
  top:30.5%
}
.zn--wrapper .left-\[36\%\] {
  left:36%
}
.zn--wrapper .top-\[35\.6\%\] {
  top:35.6%
}
.zn--wrapper .left-20rpx {
  left:-webkit-calc(var(--rpx,1px)*20);
  left:-moz-calc(var(--rpx,1px)*20);
  left:calc(var(--rpx,1px)*20)
}
.zn--wrapper .top-\[35\%\] {
  top:35%
}
.zn--wrapper .left-\[38\%\] {
  left:38%
}
.zn--wrapper .top-\[10\%\] {
  top:10%
}
.zn--wrapper .left-\[37\%\] {
  left:37%
}
.zn--wrapper .top-4rpx {
  top:-webkit-calc(var(--rpx,1px)*4);
  top:-moz-calc(var(--rpx,1px)*4);
  top:calc(var(--rpx,1px)*4)
}
.zn--wrapper .right-auto {
  right:auto
}
.zn--wrapper .left-16rpx {
  left:-webkit-calc(var(--rpx,1px)*16);
  left:-moz-calc(var(--rpx,1px)*16);
  left:calc(var(--rpx,1px)*16)
}
.zn--wrapper .top-\[41\%\] {
  top:41%
}
.zn--wrapper .top-\[2vw\] {
  top:2vw;
  top:-webkit-calc(var(--vw,1vw)*2);
  top:-moz-calc(var(--vw,1vw)*2);
  top:calc(var(--vw,1vw)*2)
}
.zn--wrapper .left-\[53\%\] {
  left:53%
}
.zn--wrapper .-bottom-\[48\%\] {
  bottom:-48%
}
.zn--wrapper .top-\[-40px\] {
  top:-40px
}
.zn--wrapper .top-\[33\%\] {
  top:33%
}
.zn--wrapper .left-\[44\.5\%\] {
  left:44.5%
}
.zn--wrapper .top-\[-34\%\] {
  top:-34%
}
.zn--wrapper .bottom-\[100vh\] {
  bottom:100vh;
  bottom:-webkit-calc(var(--vh,1vh)*100);
  bottom:-moz-calc(var(--vh,1vh)*100);
  bottom:calc(var(--vh,1vh)*100)
}
.zn--wrapper .-left-6rpx {
  left:-webkit-calc(var(--rpx,1px)*-6);
  left:-moz-calc(var(--rpx,1px)*-6);
  left:calc(var(--rpx,1px)*-6)
}
.zn--wrapper .left-\[1\.1vw\] {
  left:1.1vw;
  left:-webkit-calc(var(--vw,1vw)*1.1);
  left:-moz-calc(var(--vw,1vw)*1.1);
  left:calc(var(--vw,1vw)*1.1)
}
.zn--wrapper .bottom-\[3\.1vw\] {
  bottom:3.1vw;
  bottom:-webkit-calc(var(--vw,1vw)*3.1);
  bottom:-moz-calc(var(--vw,1vw)*3.1);
  bottom:calc(var(--vw,1vw)*3.1)
}
.zn--wrapper .-top-\[85\%\] {
  top:-85%
}
.zn--wrapper .right-\[5vw\] {
  right:5vw;
  right:-webkit-calc(var(--vw,1vw)*5);
  right:-moz-calc(var(--vw,1vw)*5);
  right:calc(var(--vw,1vw)*5)
}
.zn--wrapper .bottom-\[3vw\] {
  bottom:3vw;
  bottom:-webkit-calc(var(--vw,1vw)*3);
  bottom:-moz-calc(var(--vw,1vw)*3);
  bottom:calc(var(--vw,1vw)*3)
}
.zn--wrapper .-top-\[138\%\] {
  top:-138%
}
.zn--wrapper .left-\[18vw\] {
  left:18vw;
  left:-webkit-calc(var(--vw,1vw)*18);
  left:-moz-calc(var(--vw,1vw)*18);
  left:calc(var(--vw,1vw)*18)
}
.zn--wrapper .bottom-\[4\.166vw\] {
  bottom:4.166vw;
  bottom:-webkit-calc(var(--vw,1vw)*4.166);
  bottom:-moz-calc(var(--vw,1vw)*4.166);
  bottom:calc(var(--vw,1vw)*4.166)
}
.zn--wrapper .left-\[10\%\] {
  left:10%
}
.zn--wrapper .-top-\[3vh\] {
  top:-3vh;
  top:-webkit-calc(var(--vh,1vh)*-3);
  top:-moz-calc(var(--vh,1vh)*-3);
  top:calc(var(--vh,1vh)*-3)
}
.zn--wrapper .bottom-6rpx {
  bottom:-webkit-calc(var(--rpx,1px)*6);
  bottom:-moz-calc(var(--rpx,1px)*6);
  bottom:calc(var(--rpx,1px)*6)
}
.zn--wrapper .-left-2rpx {
  left:-webkit-calc(var(--rpx,1px)*-2);
  left:-moz-calc(var(--rpx,1px)*-2);
  left:calc(var(--rpx,1px)*-2)
}
.zn--wrapper .left-\[106\%\] {
  left:106%
}
.zn--wrapper .left-\[74\%\] {
  left:74%
}
.zn--wrapper .bottom-126rpx {
  bottom:-webkit-calc(var(--rpx,1px)*126);
  bottom:-moz-calc(var(--rpx,1px)*126);
  bottom:calc(var(--rpx,1px)*126)
}
.zn--wrapper .left-40rpx {
  left:-webkit-calc(var(--rpx,1px)*40);
  left:-moz-calc(var(--rpx,1px)*40);
  left:calc(var(--rpx,1px)*40)
}
.zn--wrapper .top-40rpx {
  top:-webkit-calc(var(--rpx,1px)*40);
  top:-moz-calc(var(--rpx,1px)*40);
  top:calc(var(--rpx,1px)*40)
}
.zn--wrapper .left-65rpx {
  left:-webkit-calc(var(--rpx,1px)*65);
  left:-moz-calc(var(--rpx,1px)*65);
  left:calc(var(--rpx,1px)*65)
}
.zn--wrapper .top-text-0 {
  top:0
}
.zn--wrapper .bottom-text-0 {
  bottom:0
}
.zn--wrapper .\!bottom-0 {
  bottom:0!important
}
.zn--wrapper .top-text-1 {
  top:.25rem
}
.zn--wrapper .bottom-text-1 {
  bottom:.25rem
}
.zn--wrapper .top-text-2 {
  top:.5rem
}
.zn--wrapper .bottom-text-2 {
  bottom:.5rem
}
.zn--wrapper .top-text-3 {
  top:.75rem
}
.zn--wrapper .bottom-text-3 {
  bottom:.75rem
}
.zn--wrapper .top-\[-80px\] {
  top:-80px
}
.zn--wrapper .-top-15rpx {
  top:-webkit-calc(var(--rpx,1px)*-15);
  top:-moz-calc(var(--rpx,1px)*-15);
  top:calc(var(--rpx,1px)*-15)
}
.zn--wrapper .-left-15rpx {
  left:-webkit-calc(var(--rpx,1px)*-15);
  left:-moz-calc(var(--rpx,1px)*-15);
  left:calc(var(--rpx,1px)*-15)
}
.zn--wrapper .right-3\.5rpx {
  right:-webkit-calc(var(--rpx,1px)*3.5);
  right:-moz-calc(var(--rpx,1px)*3.5);
  right:calc(var(--rpx,1px)*3.5)
}
.zn--wrapper .top-53\.5rpx {
  top:-webkit-calc(var(--rpx,1px)*53.5);
  top:-moz-calc(var(--rpx,1px)*53.5);
  top:calc(var(--rpx,1px)*53.5)
}
.zn--wrapper .\!text-left {
  text-align:left!important
}
.zn--wrapper .text-center {
  text-align:center
}
.zn--wrapper .text-\[\#808080\] {
  --tw-text-opacity:1;
  color:rgba(128,128,128,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#000000\] {
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#0000008C\] {
  --tw-text-opacity:.5490196078431373;
  color:rgba(0,0,0,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#6062AC\] {
  --tw-text-opacity:1;
  color:rgba(96,98,172,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#00000099\] {
  --tw-text-opacity:.6;
  color:rgba(0,0,0,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#0000004D\] {
  --tw-text-opacity:.30196078431372547;
  color:rgba(0,0,0,var(--tw-text-opacity))
}
.zn--wrapper .text-black {
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity))
}
.zn--wrapper .text-white {
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#C1B4FB\] {
  --tw-text-opacity:1;
  color:rgba(193,180,251,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#FFFFFF8C\] {
  --tw-text-opacity:.5490196078431373;
  color:rgba(255,255,255,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#1A1A1A\] {
  --tw-text-opacity:1;
  color:rgba(26,26,26,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#1A1A1A8C\] {
  --tw-text-opacity:.5490196078431373;
  color:rgba(26,26,26,var(--tw-text-opacity))
}
.zn--wrapper .text-\[\#000\] {
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity))
}
.zn--wrapper .text-opacity-55 {
  --tw-text-opacity:.55
}
.zn--wrapper .truncate {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.zn--wrapper .content-wrapper {
  content:"wrapper"
}
.zn--wrapper .w-screen {
  width:100vw;
  width:-webkit-calc(var(--vw,1vw)*100);
  width:-moz-calc(var(--vw,1vw)*100);
  width:calc(var(--vw,1vw)*100)
}
.zn--wrapper .w-full {
  width:100%
}
.zn--wrapper .w-auto {
  width:auto
}
.zn--wrapper .w-max {
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content
}
.zn--wrapper .w-100vw {
  width:100vw;
  width:-webkit-calc(var(--vw,1vw)*100);
  width:-moz-calc(var(--vw,1vw)*100);
  width:calc(var(--vw,1vw)*100)
}
.zn--wrapper .w-152rpx {
  width:-webkit-calc(var(--rpx,1px)*152);
  width:-moz-calc(var(--rpx,1px)*152);
  width:calc(var(--rpx,1px)*152)
}
.zn--wrapper .w-\[59\.93vw\] {
  width:59.93vw;
  width:-webkit-calc(var(--vw,1vw)*59.93);
  width:-moz-calc(var(--vw,1vw)*59.93);
  width:calc(var(--vw,1vw)*59.93)
}
.zn--wrapper .w-328rpx {
  width:-webkit-calc(var(--rpx,1px)*328);
  width:-moz-calc(var(--rpx,1px)*328);
  width:calc(var(--rpx,1px)*328)
}
.zn--wrapper .w-56rpx {
  width:-webkit-calc(var(--rpx,1px)*56);
  width:-moz-calc(var(--rpx,1px)*56);
  width:calc(var(--rpx,1px)*56)
}
.zn--wrapper .w-400rpx {
  width:-webkit-calc(var(--rpx,1px)*400);
  width:-moz-calc(var(--rpx,1px)*400);
  width:calc(var(--rpx,1px)*400)
}
.zn--wrapper .w-124rpx {
  width:-webkit-calc(var(--rpx,1px)*124);
  width:-moz-calc(var(--rpx,1px)*124);
  width:calc(var(--rpx,1px)*124)
}
.zn--wrapper .w-1rpx {
  width:-webkit-calc(var(--rpx,1px)*1);
  width:-moz-calc(var(--rpx,1px)*1);
  width:calc(var(--rpx,1px)*1)
}
.zn--wrapper .w-96rpx {
  width:-webkit-calc(var(--rpx,1px)*96);
  width:-moz-calc(var(--rpx,1px)*96);
  width:calc(var(--rpx,1px)*96)
}
.zn--wrapper .w-200vw {
  width:200vw;
  width:-webkit-calc(var(--vw,1vw)*200);
  width:-moz-calc(var(--vw,1vw)*200);
  width:calc(var(--vw,1vw)*200)
}
.zn--wrapper .w-\[39\.99vw\] {
  width:39.99vw;
  width:-webkit-calc(var(--vw,1vw)*39.99);
  width:-moz-calc(var(--vw,1vw)*39.99);
  width:calc(var(--vw,1vw)*39.99)
}
.zn--wrapper .w-\[90\%\] {
  width:90%
}
.zn--wrapper .w-\[29\%\] {
  width:29%
}
.zn--wrapper .w-197rpx {
  width:-webkit-calc(var(--rpx,1px)*197);
  width:-moz-calc(var(--rpx,1px)*197);
  width:calc(var(--rpx,1px)*197)
}
.zn--wrapper .w-\[68\.33\%\] {
  width:68.33%
}
.zn--wrapper .w-50vw {
  width:50vw;
  width:-webkit-calc(var(--vw,1vw)*50);
  width:-moz-calc(var(--vw,1vw)*50);
  width:calc(var(--vw,1vw)*50)
}
.zn--wrapper .w-476rpx {
  width:-webkit-calc(var(--rpx,1px)*476);
  width:-moz-calc(var(--rpx,1px)*476);
  width:calc(var(--rpx,1px)*476)
}
.zn--wrapper .w-\[37\.70\%\] {
  width:37.7%
}
.zn--wrapper .w-\[60\.625\%\] {
  width:60.625%
}
.zn--wrapper .w-\[33\.33\%\] {
  width:33.33%
}
.zn--wrapper .w-\[16\.04\%\] {
  width:16.04%
}
.zn--wrapper .w-\[93\.125\%\] {
  width:93.125%
}
.zn--wrapper .w-297rpx {
  width:-webkit-calc(var(--rpx,1px)*297);
  width:-moz-calc(var(--rpx,1px)*297);
  width:calc(var(--rpx,1px)*297)
}
.zn--wrapper .w-\[27\.08\%\] {
  width:27.08%
}
.zn--wrapper .w-\[50\%\] {
  width:50%
}
.zn--wrapper .w-46rpx {
  width:-webkit-calc(var(--rpx,1px)*46);
  width:-moz-calc(var(--rpx,1px)*46);
  width:calc(var(--rpx,1px)*46)
}
.zn--wrapper .w-\[62\.5vw\] {
  width:62.5vw;
  width:-webkit-calc(var(--vw,1vw)*62.5);
  width:-moz-calc(var(--vw,1vw)*62.5);
  width:calc(var(--vw,1vw)*62.5)
}
.zn--wrapper .w-\[65\.55vw\] {
  width:65.55vw;
  width:-webkit-calc(var(--vw,1vw)*65.55);
  width:-moz-calc(var(--vw,1vw)*65.55);
  width:calc(var(--vw,1vw)*65.55)
}
.zn--wrapper .w-\[68\.95vw\] {
  width:68.95vw;
  width:-webkit-calc(var(--vw,1vw)*68.95);
  width:-moz-calc(var(--vw,1vw)*68.95);
  width:calc(var(--vw,1vw)*68.95)
}
.zn--wrapper .w-\[45\.27vw\] {
  width:45.27vw;
  width:-webkit-calc(var(--vw,1vw)*45.27);
  width:-moz-calc(var(--vw,1vw)*45.27);
  width:calc(var(--vw,1vw)*45.27)
}
.zn--wrapper .w-720rpx {
  width:-webkit-calc(var(--rpx,1px)*720);
  width:-moz-calc(var(--rpx,1px)*720);
  width:calc(var(--rpx,1px)*720)
}
.zn--wrapper .w-750rpx {
  width:-webkit-calc(var(--rpx,1px)*750);
  width:-moz-calc(var(--rpx,1px)*750);
  width:calc(var(--rpx,1px)*750)
}
.zn--wrapper .w-103rpx {
  width:-webkit-calc(var(--rpx,1px)*103);
  width:-moz-calc(var(--rpx,1px)*103);
  width:calc(var(--rpx,1px)*103)
}
.zn--wrapper .w-1000rpx {
  width:-webkit-calc(var(--rpx,1px)*1000);
  width:-moz-calc(var(--rpx,1px)*1000);
  width:calc(var(--rpx,1px)*1000)
}
.zn--wrapper .w-\[95\%\] {
  width:95%
}
.zn--wrapper .w-983rpx {
  width:-webkit-calc(var(--rpx,1px)*983);
  width:-moz-calc(var(--rpx,1px)*983);
  width:calc(var(--rpx,1px)*983)
}
.zn--wrapper .w-451rpx {
  width:-webkit-calc(var(--rpx,1px)*451);
  width:-moz-calc(var(--rpx,1px)*451);
  width:calc(var(--rpx,1px)*451)
}
.zn--wrapper .w-259rpx {
  width:-webkit-calc(var(--rpx,1px)*259);
  width:-moz-calc(var(--rpx,1px)*259);
  width:calc(var(--rpx,1px)*259)
}
.zn--wrapper .w-\[62vw\] {
  width:62vw;
  width:-webkit-calc(var(--vw,1vw)*62);
  width:-moz-calc(var(--vw,1vw)*62);
  width:calc(var(--vw,1vw)*62)
}
.zn--wrapper .w-\[3vw\] {
  width:3vw;
  width:-webkit-calc(var(--vw,1vw)*3);
  width:-moz-calc(var(--vw,1vw)*3);
  width:calc(var(--vw,1vw)*3)
}
.zn--wrapper .w-1px {
  width:1px
}
.zn--wrapper .w-584rpx {
  width:-webkit-calc(var(--rpx,1px)*584);
  width:-moz-calc(var(--rpx,1px)*584);
  width:calc(var(--rpx,1px)*584)
}
.zn--wrapper .w-\[109vw\] {
  width:109vw;
  width:-webkit-calc(var(--vw,1vw)*109);
  width:-moz-calc(var(--vw,1vw)*109);
  width:calc(var(--vw,1vw)*109)
}
.zn--wrapper .w-22rpx {
  width:-webkit-calc(var(--rpx,1px)*22);
  width:-moz-calc(var(--rpx,1px)*22);
  width:calc(var(--rpx,1px)*22)
}
.zn--wrapper .w-26rpx {
  width:-webkit-calc(var(--rpx,1px)*26);
  width:-moz-calc(var(--rpx,1px)*26);
  width:calc(var(--rpx,1px)*26)
}
.zn--wrapper .w-35rpx {
  width:-webkit-calc(var(--rpx,1px)*35);
  width:-moz-calc(var(--rpx,1px)*35);
  width:calc(var(--rpx,1px)*35)
}
.zn--wrapper .w-210rpx {
  width:-webkit-calc(var(--rpx,1px)*210);
  width:-moz-calc(var(--rpx,1px)*210);
  width:calc(var(--rpx,1px)*210)
}
.zn--wrapper .w-60rpx {
  width:-webkit-calc(var(--rpx,1px)*60);
  width:-moz-calc(var(--rpx,1px)*60);
  width:calc(var(--rpx,1px)*60)
}
.zn--wrapper .w-666rpx {
  width:-webkit-calc(var(--rpx,1px)*666);
  width:-moz-calc(var(--rpx,1px)*666);
  width:calc(var(--rpx,1px)*666)
}
.zn--wrapper .w-534rpx {
  width:-webkit-calc(var(--rpx,1px)*534);
  width:-moz-calc(var(--rpx,1px)*534);
  width:calc(var(--rpx,1px)*534)
}
.zn--wrapper .w-24rpx {
  width:-webkit-calc(var(--rpx,1px)*24);
  width:-moz-calc(var(--rpx,1px)*24);
  width:calc(var(--rpx,1px)*24)
}
.zn--wrapper .w-315rpx {
  width:-webkit-calc(var(--rpx,1px)*315);
  width:-moz-calc(var(--rpx,1px)*315);
  width:calc(var(--rpx,1px)*315)
}
.zn--wrapper .w-28rpx {
  width:-webkit-calc(var(--rpx,1px)*28);
  width:-moz-calc(var(--rpx,1px)*28);
  width:calc(var(--rpx,1px)*28)
}
.zn--wrapper .w-868rpx {
  width:-webkit-calc(var(--rpx,1px)*868);
  width:-moz-calc(var(--rpx,1px)*868);
  width:calc(var(--rpx,1px)*868)
}
.zn--wrapper .w-67rpx {
  width:-webkit-calc(var(--rpx,1px)*67);
  width:-moz-calc(var(--rpx,1px)*67);
  width:calc(var(--rpx,1px)*67)
}
.zn--wrapper .w-119rpx {
  width:-webkit-calc(var(--rpx,1px)*119);
  width:-moz-calc(var(--rpx,1px)*119);
  width:calc(var(--rpx,1px)*119)
}
.zn--wrapper .w-\[96\%\] {
  width:96%
}
.zn--wrapper .w-383rpx {
  width:-webkit-calc(var(--rpx,1px)*383);
  width:-moz-calc(var(--rpx,1px)*383);
  width:calc(var(--rpx,1px)*383)
}
.zn--wrapper .w-\[94\%\] {
  width:94%
}
.zn--wrapper .w-16px {
  width:16px
}
.zn--wrapper .w-702rpx {
  width:-webkit-calc(var(--rpx,1px)*702);
  width:-moz-calc(var(--rpx,1px)*702);
  width:calc(var(--rpx,1px)*702)
}
.zn--wrapper .w-480rpx {
  width:-webkit-calc(var(--rpx,1px)*480);
  width:-moz-calc(var(--rpx,1px)*480);
  width:calc(var(--rpx,1px)*480)
}
.zn--wrapper .w-136rpx {
  width:-webkit-calc(var(--rpx,1px)*136);
  width:-moz-calc(var(--rpx,1px)*136);
  width:calc(var(--rpx,1px)*136)
}
.zn--wrapper .w-780px {
  width:780px
}
.zn--wrapper .w-112rpx {
  width:-webkit-calc(var(--rpx,1px)*112);
  width:-moz-calc(var(--rpx,1px)*112);
  width:calc(var(--rpx,1px)*112)
}
.zn--wrapper .w-32rpx {
  width:-webkit-calc(var(--rpx,1px)*32);
  width:-moz-calc(var(--rpx,1px)*32);
  width:calc(var(--rpx,1px)*32)
}
.zn--wrapper .z-2 {
  z-index:2
}
.zn--wrapper .z-0 {
  z-index:0
}
.zn--wrapper .z-1 {
  z-index:1
}
.zn--wrapper .gap-28rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*28);
  grid-gap:-moz-calc(var(--rpx,1px)*28);
  grid-gap:calc(var(--rpx,1px)*28);
  gap:-webkit-calc(var(--rpx,1px)*28);
  gap:-moz-calc(var(--rpx,1px)*28);
  gap:calc(var(--rpx,1px)*28)
}
.zn--wrapper .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)
}
.zn--wrapper .gap-36rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*36);
  grid-gap:-moz-calc(var(--rpx,1px)*36);
  grid-gap:calc(var(--rpx,1px)*36);
  gap:-webkit-calc(var(--rpx,1px)*36);
  gap:-moz-calc(var(--rpx,1px)*36);
  gap:calc(var(--rpx,1px)*36)
}
.zn--wrapper .gap-32rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*32);
  grid-gap:-moz-calc(var(--rpx,1px)*32);
  grid-gap:calc(var(--rpx,1px)*32);
  gap:-webkit-calc(var(--rpx,1px)*32);
  gap:-moz-calc(var(--rpx,1px)*32);
  gap:calc(var(--rpx,1px)*32)
}
.zn--wrapper .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))
}
.zn--wrapper .origin-top-left {
  -webkit-transform-origin:top left;
  -ms-transform-origin:top left;
  -moz-transform-origin:top left;
  transform-origin:top left
}
.zn--wrapper .origin-bottom-right {
  -webkit-transform-origin:bottom right;
  -ms-transform-origin:bottom right;
  -moz-transform-origin:bottom right;
  transform-origin:bottom right
}
.zn--wrapper .origin-bottom {
  -webkit-transform-origin:bottom;
  -ms-transform-origin:bottom;
  -moz-transform-origin:bottom;
  transform-origin:bottom
}
.zn--wrapper .origin-top {
  -webkit-transform-origin:top;
  -ms-transform-origin:top;
  -moz-transform-origin:top;
  transform-origin:top
}
.zn--wrapper .origin-left {
  -webkit-transform-origin:left;
  -ms-transform-origin:left;
  -moz-transform-origin:left;
  transform-origin:left
}
.zn--wrapper .scale-80 {
  --tw-scale-x:.8;
  --tw-scale-y:.8;
  --tw-scale-z:.8
}
.zn--wrapper .rotate-77 {
  --tw-rotate:77deg
}
.zn--wrapper .-rotate-108 {
  --tw-rotate:-108deg
}
.zn--wrapper .-rotate-180 {
  --tw-rotate:-180deg
}
.zn--wrapper .rotate-180 {
  --tw-rotate:180deg
}
.zn--wrapper .translate-x-\[-50\%\] {
  --tw-translate-x:-50%
}
.zn--wrapper .translate-y-\[-50\%\] {
  --tw-translate-y:-50%
}
.zn--wrapper .-translate-x-\[50\%\] {
  --tw-translate-x:-50%
}
.zn--wrapper .-translate-y-\[50\%\] {
  --tw-translate-y:-50%
}
.zn--wrapper .-translate-x-\[-50\%\] {
  --tw-translate-x:-50%
}
.zn--wrapper .ease {
  -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)
}
.zn--wrapper .duration-500 {
  -webkit-transition-duration:.5s;
  -moz-transition-duration:.5s;
  transition-duration:.5s
}
.zn--wrapper .full {
  height:100%;
  width:100%
}
.zn--wrapper .abs-0 {
  left:0;
  position:absolute;
  top:0
}
@media (min-width:650px) and (max-width:1023px) {
  .zn--wrapper .pad\:border-\[\#e3e3e3\] {
  --tw-border-opacity:1;
  border-color:rgba(227,227,227,var(--tw-border-opacity))
}
.zn--wrapper .pad\:rounded-10rpx {
  border-radius:-webkit-calc(var(--rpx,1px)*10);
  border-radius:-moz-calc(var(--rpx,1px)*10);
  border-radius:calc(var(--rpx,1px)*10)
}
.zn--wrapper .pad\:border-solid {
  border-style:solid
}
.zn--wrapper .pad\:border-0 {
  border-width:0
}
.zn--wrapper .pad\:border-top-1px {
  border-top-width:1px
}
.zn--wrapper .pad\:flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex
}
.zn--wrapper .pad\:hidden {
  display:none
}
.zn--wrapper .pad\:flex-row {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -moz-box-orient:horizontal;
  -moz-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row
}
.zn--wrapper .pad\:flex-col {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column
}
.zn--wrapper .pad\:items-center {
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.zn--wrapper .pad\:self-stretch {
  -ms-grid-row-align:stretch;
  -webkit-align-self:stretch;
  align-self:stretch
}
.zn--wrapper .pad\:justify-between {
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.zn--wrapper .pad\:flex-1 {
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1 1 0%;
  flex:1 1 0%
}
.zn--wrapper .pad\:h-full {
  height:100%
}
.zn--wrapper .pad\:h-auto {
  height:auto
}
.zn--wrapper .pad\:h-max {
  height:-webkit-max-content;
  height:-moz-max-content;
  height:max-content
}
.zn--wrapper .pad\:h-23rpx {
  height:-webkit-calc(var(--rpx,1px)*23);
  height:-moz-calc(var(--rpx,1px)*23);
  height:calc(var(--rpx,1px)*23)
}
.zn--wrapper .pad\:h-340rpx {
  height:-webkit-calc(var(--rpx,1px)*340);
  height:-moz-calc(var(--rpx,1px)*340);
  height:calc(var(--rpx,1px)*340)
}
.zn--wrapper .pad\:h-26rpx {
  height:-webkit-calc(var(--rpx,1px)*26);
  height:-moz-calc(var(--rpx,1px)*26);
  height:calc(var(--rpx,1px)*26)
}
.zn--wrapper .pad\:h-\[50\%\] {
  height:50%
}
.zn--wrapper .pad\:h-393rpx {
  height:-webkit-calc(var(--rpx,1px)*393);
  height:-moz-calc(var(--rpx,1px)*393);
  height:calc(var(--rpx,1px)*393)
}
.zn--wrapper .pad\:h-35rpx {
  height:-webkit-calc(var(--rpx,1px)*35);
  height:-moz-calc(var(--rpx,1px)*35);
  height:calc(var(--rpx,1px)*35)
}
.zn--wrapper .pad\:h-\[74\%\] {
  height:74%
}
.zn--wrapper .pad\:h-\[9\.25\%\] {
  height:9.25%
}
.zn--wrapper .pad\:h-36rpx {
  height:-webkit-calc(var(--rpx,1px)*36);
  height:-moz-calc(var(--rpx,1px)*36);
  height:calc(var(--rpx,1px)*36)
}
.zn--wrapper .pad\:h-\[40\%\] {
  height:40%
}
.zn--wrapper .pad\:h-440rpx {
  height:-webkit-calc(var(--rpx,1px)*440);
  height:-moz-calc(var(--rpx,1px)*440);
  height:calc(var(--rpx,1px)*440)
}
.zn--wrapper .pad\: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)
}
.zn--wrapper .pad\:h-158rpx {
  height:-webkit-calc(var(--rpx,1px)*158);
  height:-moz-calc(var(--rpx,1px)*158);
  height:calc(var(--rpx,1px)*158)
}
.zn--wrapper .pad\:h-235rpx {
  height:-webkit-calc(var(--rpx,1px)*235);
  height:-moz-calc(var(--rpx,1px)*235);
  height:calc(var(--rpx,1px)*235)
}
.zn--wrapper .pad\:h-508rpx {
  height:-webkit-calc(var(--rpx,1px)*508);
  height:-moz-calc(var(--rpx,1px)*508);
  height:calc(var(--rpx,1px)*508)
}
.zn--wrapper .pad\:h-89rpx {
  height:-webkit-calc(var(--rpx,1px)*89);
  height:-moz-calc(var(--rpx,1px)*89);
  height:calc(var(--rpx,1px)*89)
}
.zn--wrapper .pad\:h-115rpx {
  height:-webkit-calc(var(--rpx,1px)*115);
  height:-moz-calc(var(--rpx,1px)*115);
  height:calc(var(--rpx,1px)*115)
}
.zn--wrapper .pad\:h-43rpx {
  height:-webkit-calc(var(--rpx,1px)*43);
  height:-moz-calc(var(--rpx,1px)*43);
  height:calc(var(--rpx,1px)*43)
}
.zn--wrapper .pad\:h-255rpx {
  height:-webkit-calc(var(--rpx,1px)*255);
  height:-moz-calc(var(--rpx,1px)*255);
  height:calc(var(--rpx,1px)*255)
}
.zn--wrapper .pad\:h-305rpx {
  height:-webkit-calc(var(--rpx,1px)*305);
  height:-moz-calc(var(--rpx,1px)*305);
  height:calc(var(--rpx,1px)*305)
}
.zn--wrapper .pad\:h-144rpx {
  height:-webkit-calc(var(--rpx,1px)*144);
  height:-moz-calc(var(--rpx,1px)*144);
  height:calc(var(--rpx,1px)*144)
}
.zn--wrapper .pad\:h-45rpx {
  height:-webkit-calc(var(--rpx,1px)*45);
  height:-moz-calc(var(--rpx,1px)*45);
  height:calc(var(--rpx,1px)*45)
}
.zn--wrapper .pad\:h-28rpx {
  height:-webkit-calc(var(--rpx,1px)*28);
  height:-moz-calc(var(--rpx,1px)*28);
  height:calc(var(--rpx,1px)*28)
}
.zn--wrapper .pad\:h-68rpx {
  height:-webkit-calc(var(--rpx,1px)*68);
  height:-moz-calc(var(--rpx,1px)*68);
  height:calc(var(--rpx,1px)*68)
}
.zn--wrapper .pad\:h-27rpx {
  height:-webkit-calc(var(--rpx,1px)*27);
  height:-moz-calc(var(--rpx,1px)*27);
  height:calc(var(--rpx,1px)*27)
}
.zn--wrapper .pad\:h-56rpx {
  height:-webkit-calc(var(--rpx,1px)*56);
  height:-moz-calc(var(--rpx,1px)*56);
  height:calc(var(--rpx,1px)*56)
}
.zn--wrapper .pad\:h-465rpx {
  height:-webkit-calc(var(--rpx,1px)*465);
  height:-moz-calc(var(--rpx,1px)*465);
  height:calc(var(--rpx,1px)*465)
}
.zn--wrapper .pad\:h-458rpx {
  height:-webkit-calc(var(--rpx,1px)*458);
  height:-moz-calc(var(--rpx,1px)*458);
  height:calc(var(--rpx,1px)*458)
}
.zn--wrapper .pad\:h-323rpx {
  height:-webkit-calc(var(--rpx,1px)*323);
  height:-moz-calc(var(--rpx,1px)*323);
  height:calc(var(--rpx,1px)*323)
}
.zn--wrapper .pad\:h-182rpx {
  height:-webkit-calc(var(--rpx,1px)*182);
  height:-moz-calc(var(--rpx,1px)*182);
  height:calc(var(--rpx,1px)*182)
}
.zn--wrapper .pad\:h-220rpx {
  height:-webkit-calc(var(--rpx,1px)*220);
  height:-moz-calc(var(--rpx,1px)*220);
  height:calc(var(--rpx,1px)*220)
}
.zn--wrapper .pad\:h-485rpx {
  height:-webkit-calc(var(--rpx,1px)*485);
  height:-moz-calc(var(--rpx,1px)*485);
  height:calc(var(--rpx,1px)*485)
}
.zn--wrapper .pad\:h-48rpx {
  height:-webkit-calc(var(--rpx,1px)*48);
  height:-moz-calc(var(--rpx,1px)*48);
  height:calc(var(--rpx,1px)*48)
}
.zn--wrapper .pad\:h-194rpx {
  height:-webkit-calc(var(--rpx,1px)*194);
  height:-moz-calc(var(--rpx,1px)*194);
  height:calc(var(--rpx,1px)*194)
}
.zn--wrapper .pad\:h-142rpx {
  height:-webkit-calc(var(--rpx,1px)*142);
  height:-moz-calc(var(--rpx,1px)*142);
  height:calc(var(--rpx,1px)*142)
}
.zn--wrapper .pad\:h-160rpx {
  height:-webkit-calc(var(--rpx,1px)*160);
  height:-moz-calc(var(--rpx,1px)*160);
  height:calc(var(--rpx,1px)*160)
}
.zn--wrapper .pad\:h-225rpx {
  height:-webkit-calc(var(--rpx,1px)*225);
  height:-moz-calc(var(--rpx,1px)*225);
  height:calc(var(--rpx,1px)*225)
}
.zn--wrapper .pad\:h-204rpx {
  height:-webkit-calc(var(--rpx,1px)*204);
  height:-moz-calc(var(--rpx,1px)*204);
  height:calc(var(--rpx,1px)*204)
}
.zn--wrapper .pad\:h-134rpx {
  height:-webkit-calc(var(--rpx,1px)*134);
  height:-moz-calc(var(--rpx,1px)*134);
  height:calc(var(--rpx,1px)*134)
}
.zn--wrapper .pad\:h-138rpx {
  height:-webkit-calc(var(--rpx,1px)*138);
  height:-moz-calc(var(--rpx,1px)*138);
  height:calc(var(--rpx,1px)*138)
}
.zn--wrapper .pad\:h-419rpx {
  height:-webkit-calc(var(--rpx,1px)*419);
  height:-moz-calc(var(--rpx,1px)*419);
  height:calc(var(--rpx,1px)*419)
}
.zn--wrapper .pad\:h-376rpx {
  height:-webkit-calc(var(--rpx,1px)*376);
  height:-moz-calc(var(--rpx,1px)*376);
  height:calc(var(--rpx,1px)*376)
}
.zn--wrapper .pad\:h-608rpx {
  height:-webkit-calc(var(--rpx,1px)*608);
  height:-moz-calc(var(--rpx,1px)*608);
  height:calc(var(--rpx,1px)*608)
}
.zn--wrapper .pad\:h-360rpx {
  height:-webkit-calc(var(--rpx,1px)*360);
  height:-moz-calc(var(--rpx,1px)*360);
  height:calc(var(--rpx,1px)*360)
}
.zn--wrapper .pad\:text-35rpx {
  font-size:-webkit-calc(var(--rpx,1px)*35);
  font-size:-moz-calc(var(--rpx,1px)*35);
  font-size:calc(var(--rpx,1px)*35);
  line-height:1
}
.zn--wrapper .pad\:text-16rpx {
  font-size:-webkit-calc(var(--rpx,1px)*16);
  font-size:-moz-calc(var(--rpx,1px)*16);
  font-size:calc(var(--rpx,1px)*16);
  line-height:1
}
.zn--wrapper .pad\: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
}
.zn--wrapper .pad\:text-10rpx {
  font-size:-webkit-calc(var(--rpx,1px)*10);
  font-size:-moz-calc(var(--rpx,1px)*10);
  font-size:calc(var(--rpx,1px)*10);
  line-height:1
}
.zn--wrapper .pad\:text-28px {
  font-size:28px;
  line-height:1
}
.zn--wrapper .pad\:text-28rpx {
  font-size:-webkit-calc(var(--rpx,1px)*28);
  font-size:-moz-calc(var(--rpx,1px)*28);
  font-size:calc(var(--rpx,1px)*28);
  line-height:1
}
.zn--wrapper .pad\:text-14px {
  font-size:14px;
  line-height:1
}
.zn--wrapper .pad\:text-16px {
  font-size:16px;
  line-height:1
}
.zn--wrapper .pad\:text-12px {
  font-size:12px;
  line-height:1
}
.zn--wrapper .pad\:text-24px {
  font-size:24px;
  line-height:1
}
.zn--wrapper .pad\:leading-\[1\.2\] {
  line-height:1.2
}
.zn--wrapper .pad\:leading-\[1\.4\] {
  line-height:1.4
}
.zn--wrapper .pad\:leading-\[22rpx\] {
  line-height:-webkit-calc(var(--rpx,1px)*22);
  line-height:-moz-calc(var(--rpx,1px)*22);
  line-height:calc(var(--rpx,1px)*22)
}
.zn--wrapper .pad\:mx-48rpx {
  margin-left:calc(var(--rpx,1px)*48);
  margin-right:calc(var(--rpx,1px)*48)
}
.zn--wrapper .pad\:mx-auto {
  margin-left:auto;
  margin-right:auto
}
.zn--wrapper .pad\:mt-8rpx {
  margin-top:calc(var(--rpx,1px)*8)
}
.zn--wrapper .pad\:mb-6rpx {
  margin-bottom:calc(var(--rpx,1px)*6)
}
.zn--wrapper .pad\:mt-4rpx {
  margin-top:calc(var(--rpx,1px)*4)
}
.zn--wrapper .pad\:mt-\[2\.3\%\] {
  margin-top:2.3%
}
.zn--wrapper .pad\:ml-16rpx {
  margin-left:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pad\:mt-0 {
  margin-top:0
}
.zn--wrapper .pad\:mt-16rpx {
  margin-top:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pad\:mt-24rpx {
  margin-top:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pad\:ml-62rpx {
  margin-left:calc(var(--rpx,1px)*62)
}
.zn--wrapper .pad\:mb-14rpx {
  margin-bottom:calc(var(--rpx,1px)*14)
}
.zn--wrapper .pad\:mb-40rpx {
  margin-bottom:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:mr-20rpx {
  margin-right:calc(var(--rpx,1px)*20)
}
.zn--wrapper .pad\:mr-5rpx {
  margin-right:calc(var(--rpx,1px)*5)
}
.zn--wrapper .pad\:mt-2rpx {
  margin-top:calc(var(--rpx,1px)*2)
}
.zn--wrapper .pad\:mb-12rpx {
  margin-bottom:calc(var(--rpx,1px)*12)
}
.zn--wrapper .pad\:mt-12rpx {
  margin-top:calc(var(--rpx,1px)*12)
}
.zn--wrapper .pad\:ml-6rpx {
  margin-left:calc(var(--rpx,1px)*6)
}
.zn--wrapper .pad\:mt-20rpx {
  margin-top:calc(var(--rpx,1px)*20)
}
.zn--wrapper .pad\:mb-24rpx {
  margin-bottom:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pad\:mr-2rpx {
  margin-right:calc(var(--rpx,1px)*2)
}
.zn--wrapper .pad\:max-h-440px {
  max-height:440px
}
.zn--wrapper .pad\:max-h-410rpx {
  max-height:-webkit-calc(var(--rpx,1px)*410);
  max-height:-moz-calc(var(--rpx,1px)*410);
  max-height:calc(var(--rpx,1px)*410)
}
.zn--wrapper .pad\:max-w-\[90\%\] {
  max-width:90%
}
.zn--wrapper .pad\:max-w-768rpx {
  max-width:-webkit-calc(var(--rpx,1px)*768);
  max-width:-moz-calc(var(--rpx,1px)*768);
  max-width:calc(var(--rpx,1px)*768)
}
.zn--wrapper .pad\:min-h-638rpx {
  min-height:-webkit-calc(var(--rpx,1px)*638);
  min-height:-moz-calc(var(--rpx,1px)*638);
  min-height:calc(var(--rpx,1px)*638)
}
.zn--wrapper .pad\:object-contain {
  -o-object-fit:contain;
  object-fit:contain
}
.zn--wrapper .pad\:object-cover {
  -o-object-fit:cover;
  object-fit:cover
}
.zn--wrapper .pad\:py-28rpx {
  padding-bottom:calc(var(--rpx,1px)*28);
  padding-top:calc(var(--rpx,1px)*28)
}
.zn--wrapper .pad\:px-40rpx {
  padding-left:calc(var(--rpx,1px)*40);
  padding-right:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:py-68rpx {
  padding-bottom:calc(var(--rpx,1px)*68);
  padding-top:calc(var(--rpx,1px)*68)
}
.zn--wrapper .pad\:py-120rpx {
  padding-bottom:calc(var(--rpx,1px)*120);
  padding-top:calc(var(--rpx,1px)*120)
}
.zn--wrapper .pad\:px-24rpx {
  padding-left:calc(var(--rpx,1px)*24);
  padding-right:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pad\:py-40rpx {
  padding-bottom:calc(var(--rpx,1px)*40);
  padding-top:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:px-46rpx {
  padding-left:calc(var(--rpx,1px)*46);
  padding-right:calc(var(--rpx,1px)*46)
}
.zn--wrapper .pad\:py-48rpx {
  padding-bottom:calc(var(--rpx,1px)*48);
  padding-top:calc(var(--rpx,1px)*48)
}
.zn--wrapper .pad\:py-64rpx {
  padding-bottom:calc(var(--rpx,1px)*64);
  padding-top:calc(var(--rpx,1px)*64)
}
.zn--wrapper .pad\:pb-40rpx {
  padding-bottom:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:pt-40rpx {
  padding-top:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:pb-20rpx {
  padding-bottom:calc(var(--rpx,1px)*20)
}
.zn--wrapper .pad\:pl-40rpx {
  padding-left:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:pt-48rpx {
  padding-top:calc(var(--rpx,1px)*48)
}
.zn--wrapper .pad\:pb-30rpx {
  padding-bottom:calc(var(--rpx,1px)*30)
}
.zn--wrapper .pad\:pb-16rpx {
  padding-bottom:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pad\:pl-24rpx {
  padding-left:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pad\:pr-40rpx {
  padding-right:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:absolute {
  position:absolute
}
.zn--wrapper .pad\:relative {
  position:relative
}
.zn--wrapper .pad\:left-3rpx {
  left:-webkit-calc(var(--rpx,1px)*3);
  left:-moz-calc(var(--rpx,1px)*3);
  left:calc(var(--rpx,1px)*3)
}
.zn--wrapper .pad\:top-\[50\%\] {
  top:50%
}
.zn--wrapper .pad\:-left-50rpx {
  left:-webkit-calc(var(--rpx,1px)*-50);
  left:-moz-calc(var(--rpx,1px)*-50);
  left:calc(var(--rpx,1px)*-50)
}
.zn--wrapper .pad\:bottom-24rpx {
  bottom:-webkit-calc(var(--rpx,1px)*24);
  bottom:-moz-calc(var(--rpx,1px)*24);
  bottom:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pad\:left-\[50\.5\%\] {
  left:50.5%
}
.zn--wrapper .pad\:left-16rpx {
  left:-webkit-calc(var(--rpx,1px)*16);
  left:-moz-calc(var(--rpx,1px)*16);
  left:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pad\:bottom-16rpx {
  bottom:-webkit-calc(var(--rpx,1px)*16);
  bottom:-moz-calc(var(--rpx,1px)*16);
  bottom:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pad\:right-16rpx {
  right:-webkit-calc(var(--rpx,1px)*16);
  right:-moz-calc(var(--rpx,1px)*16);
  right:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pad\:bottom-\[2vh\] {
  bottom:2vh;
  bottom:-webkit-calc(var(--vh,1vh)*2);
  bottom:-moz-calc(var(--vh,1vh)*2);
  bottom:calc(var(--vh,1vh)*2)
}
.zn--wrapper .pad\:top-auto {
  top:auto
}
.zn--wrapper .pad\:top-0 {
  top:0
}
.zn--wrapper .pad\:bottom-5vh {
  bottom:5vh;
  bottom:-webkit-calc(var(--vh,1vh)*5);
  bottom:-moz-calc(var(--vh,1vh)*5);
  bottom:calc(var(--vh,1vh)*5)
}
.zn--wrapper .pad\:left-\[50\%\] {
  left:50%
}
.zn--wrapper .pad\:-bottom-\[53\%\] {
  bottom:-53%
}
.zn--wrapper .pad\:-top-\[80\%\] {
  top:-80%
}
.zn--wrapper .pad\:-left-\[27\%\] {
  left:-27%
}
.zn--wrapper .pad\:left-\[90\%\] {
  left:90%
}
.zn--wrapper .pad\:-left-\[36\%\] {
  left:-36%
}
.zn--wrapper .pad\:top-\[66\%\] {
  top:66%
}
.zn--wrapper .pad\:left-\[101\%\] {
  left:101%
}
.zn--wrapper .pad\:top-\[68\%\] {
  top:68%
}
.zn--wrapper .pad\:left-\[38\.5\%\] {
  left:38.5%
}
.zn--wrapper .pad\:top-\[-43\%\] {
  top:-43%
}
.zn--wrapper .pad\:-left-5rpx {
  left:-webkit-calc(var(--rpx,1px)*-5);
  left:-moz-calc(var(--rpx,1px)*-5);
  left:calc(var(--rpx,1px)*-5)
}
.zn--wrapper .pad\:left-\[0\.8vw\] {
  left:.8vw;
  left:-webkit-calc(var(--vw,1vw)*.8);
  left:-moz-calc(var(--vw,1vw)*.8);
  left:calc(var(--vw,1vw)*.8)
}
.zn--wrapper .pad\:bottom-\[3\.3vw\] {
  bottom:3.3vw;
  bottom:-webkit-calc(var(--vw,1vw)*3.3);
  bottom:-moz-calc(var(--vw,1vw)*3.3);
  bottom:calc(var(--vw,1vw)*3.3)
}
.zn--wrapper .pad\:bottom-25rpx {
  bottom:-webkit-calc(var(--rpx,1px)*25);
  bottom:-moz-calc(var(--rpx,1px)*25);
  bottom:calc(var(--rpx,1px)*25)
}
.zn--wrapper .pad\:right-40rpx {
  right:-webkit-calc(var(--rpx,1px)*40);
  right:-moz-calc(var(--rpx,1px)*40);
  right:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\:top-16rpx {
  top:-webkit-calc(var(--rpx,1px)*16);
  top:-moz-calc(var(--rpx,1px)*16);
  top:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pad\:left-\[19vw\] {
  left:19vw;
  left:-webkit-calc(var(--vw,1vw)*19);
  left:-moz-calc(var(--vw,1vw)*19);
  left:calc(var(--vw,1vw)*19)
}
.zn--wrapper .pad\:top-\[calc\(50\%-6vh\)\] {
  top:-webkit-calc(50% - 6vh);
  top:-moz-calc(50% - 6vh);
  top:calc(50% - 6vh);
  top:-webkit-calc(50% - var(--vh,1vh)*6);
  top:-moz-calc(50% - var(--vh,1vh)*6);
  top:calc(50% - var(--vh,1vh)*6)
}
.zn--wrapper .pad\:-left-\[5\%\] {
  left:-5%
}
.zn--wrapper .pad\:-top-8rpx {
  top:-webkit-calc(var(--rpx,1px)*-8);
  top:-moz-calc(var(--rpx,1px)*-8);
  top:calc(var(--rpx,1px)*-8)
}
.zn--wrapper .pad\:-left-9\.5rpx {
  left:-webkit-calc(var(--rpx,1px)*-9.5);
  left:-moz-calc(var(--rpx,1px)*-9.5);
  left:calc(var(--rpx,1px)*-9.5)
}
.zn--wrapper .pad\:left-0 {
  left:0
}
.zn--wrapper .pad\:-bottom-13rpx {
  bottom:-webkit-calc(var(--rpx,1px)*-13);
  bottom:-moz-calc(var(--rpx,1px)*-13);
  bottom:calc(var(--rpx,1px)*-13)
}
.zn--wrapper .pad\:top-20rpx {
  top:-webkit-calc(var(--rpx,1px)*20);
  top:-moz-calc(var(--rpx,1px)*20);
  top:calc(var(--rpx,1px)*20)
}
.zn--wrapper .pad\:-top-9rpx {
  top:-webkit-calc(var(--rpx,1px)*-9);
  top:-moz-calc(var(--rpx,1px)*-9);
  top:calc(var(--rpx,1px)*-9)
}
.zn--wrapper .pad\:-left-10rpx {
  left:-webkit-calc(var(--rpx,1px)*-10);
  left:-moz-calc(var(--rpx,1px)*-10);
  left:calc(var(--rpx,1px)*-10)
}
.zn--wrapper .pad\:-left-35rpx {
  left:-webkit-calc(var(--rpx,1px)*-35);
  left:-moz-calc(var(--rpx,1px)*-35);
  left:calc(var(--rpx,1px)*-35)
}
.zn--wrapper .pad\:-bottom-14rpx {
  bottom:-webkit-calc(var(--rpx,1px)*-14);
  bottom:-moz-calc(var(--rpx,1px)*-14);
  bottom:calc(var(--rpx,1px)*-14)
}
.zn--wrapper .pad\:-top-1rpx {
  top:-webkit-calc(var(--rpx,1px)*-1);
  top:-moz-calc(var(--rpx,1px)*-1);
  top:calc(var(--rpx,1px)*-1)
}
.zn--wrapper .pad\:-left-1rpx {
  left:-webkit-calc(var(--rpx,1px)*-1);
  left:-moz-calc(var(--rpx,1px)*-1);
  left:calc(var(--rpx,1px)*-1)
}
.zn--wrapper .pad\:-bottom-63rpx {
  bottom:-webkit-calc(var(--rpx,1px)*-63);
  bottom:-moz-calc(var(--rpx,1px)*-63);
  bottom:calc(var(--rpx,1px)*-63)
}
.zn--wrapper .\!pad\:text-left {
  text-align:left!important
}
.zn--wrapper .pad\:truncate {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.zn--wrapper .pad\:w-full {
  width:100%
}
.zn--wrapper .pad\:w-720rpx {
  width:-webkit-calc(var(--rpx,1px)*720);
  width:-moz-calc(var(--rpx,1px)*720);
  width:calc(var(--rpx,1px)*720)
}
.zn--wrapper .pad\:w-\[42\.36\%\] {
  width:42.36%
}
.zn--wrapper .pad\:w-87rpx {
  width:-webkit-calc(var(--rpx,1px)*87);
  width:-moz-calc(var(--rpx,1px)*87);
  width:calc(var(--rpx,1px)*87)
}
.zn--wrapper .pad\:w-469rpx {
  width:-webkit-calc(var(--rpx,1px)*469);
  width:-moz-calc(var(--rpx,1px)*469);
  width:calc(var(--rpx,1px)*469)
}
.zn--wrapper .pad\:w-80rpx {
  width:-webkit-calc(var(--rpx,1px)*80);
  width:-moz-calc(var(--rpx,1px)*80);
  width:calc(var(--rpx,1px)*80)
}
.zn--wrapper .pad\:w-350px {
  width:350px
}
.zn--wrapper .pad\:w-\[50\%\] {
  width:50%
}
.zn--wrapper .pad\:w-383rpx {
  width:-webkit-calc(var(--rpx,1px)*383);
  width:-moz-calc(var(--rpx,1px)*383);
  width:calc(var(--rpx,1px)*383)
}
.zn--wrapper .pad\:w-77rpx {
  width:-webkit-calc(var(--rpx,1px)*77);
  width:-moz-calc(var(--rpx,1px)*77);
  width:calc(var(--rpx,1px)*77)
}
.zn--wrapper .pad\:w-71rpx {
  width:-webkit-calc(var(--rpx,1px)*71);
  width:-moz-calc(var(--rpx,1px)*71);
  width:calc(var(--rpx,1px)*71)
}
.zn--wrapper .pad\:w-287rpx {
  width:-webkit-calc(var(--rpx,1px)*287);
  width:-moz-calc(var(--rpx,1px)*287);
  width:calc(var(--rpx,1px)*287)
}
.zn--wrapper .pad\:w-556rpx {
  width:-webkit-calc(var(--rpx,1px)*556);
  width:-moz-calc(var(--rpx,1px)*556);
  width:calc(var(--rpx,1px)*556)
}
.zn--wrapper .pad\:w-602rpx {
  width:-webkit-calc(var(--rpx,1px)*602);
  width:-moz-calc(var(--rpx,1px)*602);
  width:calc(var(--rpx,1px)*602)
}
.zn--wrapper .pad\:w-341rpx {
  width:-webkit-calc(var(--rpx,1px)*341);
  width:-moz-calc(var(--rpx,1px)*341);
  width:calc(var(--rpx,1px)*341)
}
.zn--wrapper .pad\:w-96rpx {
  width:-webkit-calc(var(--rpx,1px)*96);
  width:-moz-calc(var(--rpx,1px)*96);
  width:calc(var(--rpx,1px)*96)
}
.zn--wrapper .pad\:w-609px {
  width:609px
}
.zn--wrapper .pad\:w-460rpx {
  width:-webkit-calc(var(--rpx,1px)*460);
  width:-moz-calc(var(--rpx,1px)*460);
  width:calc(var(--rpx,1px)*460)
}
.zn--wrapper .pad\:w-121rpx {
  width:-webkit-calc(var(--rpx,1px)*121);
  width:-moz-calc(var(--rpx,1px)*121);
  width:calc(var(--rpx,1px)*121)
}
.zn--wrapper .pad\:w-640px {
  width:640px
}
.zn--wrapper .pad\:w-351rpx {
  width:-webkit-calc(var(--rpx,1px)*351);
  width:-moz-calc(var(--rpx,1px)*351);
  width:calc(var(--rpx,1px)*351)
}
.zn--wrapper .pad\:w-612rpx {
  width:-webkit-calc(var(--rpx,1px)*612);
  width:-moz-calc(var(--rpx,1px)*612);
  width:calc(var(--rpx,1px)*612)
}
.zn--wrapper .pad\:w-222rpx {
  width:-webkit-calc(var(--rpx,1px)*222);
  width:-moz-calc(var(--rpx,1px)*222);
  width:calc(var(--rpx,1px)*222)
}
.zn--wrapper .pad\:w-252px {
  width:252px
}
.zn--wrapper .pad\:w-197rpx {
  width:-webkit-calc(var(--rpx,1px)*197);
  width:-moz-calc(var(--rpx,1px)*197);
  width:calc(var(--rpx,1px)*197)
}
.zn--wrapper .pad\:w-510rpx {
  width:-webkit-calc(var(--rpx,1px)*510);
  width:-moz-calc(var(--rpx,1px)*510);
  width:calc(var(--rpx,1px)*510)
}
.zn--wrapper .pad\:w-486rpx {
  width:-webkit-calc(var(--rpx,1px)*486);
  width:-moz-calc(var(--rpx,1px)*486);
  width:calc(var(--rpx,1px)*486)
}
.zn--wrapper .pad\:w-1000rpx {
  width:-webkit-calc(var(--rpx,1px)*1000);
  width:-moz-calc(var(--rpx,1px)*1000);
  width:calc(var(--rpx,1px)*1000)
}
.zn--wrapper .pad\:w-255rpx {
  width:-webkit-calc(var(--rpx,1px)*255);
  width:-moz-calc(var(--rpx,1px)*255);
  width:calc(var(--rpx,1px)*255)
}
.zn--wrapper .pad\:w-312rpx {
  width:-webkit-calc(var(--rpx,1px)*312);
  width:-moz-calc(var(--rpx,1px)*312);
  width:calc(var(--rpx,1px)*312)
}
.zn--wrapper .pad\:w-560rpx {
  width:-webkit-calc(var(--rpx,1px)*560);
  width:-moz-calc(var(--rpx,1px)*560);
  width:calc(var(--rpx,1px)*560)
}
.zn--wrapper .pad\:w-48rpx {
  width:-webkit-calc(var(--rpx,1px)*48);
  width:-moz-calc(var(--rpx,1px)*48);
  width:calc(var(--rpx,1px)*48)
}
.zn--wrapper .pad\:w-365rpx {
  width:-webkit-calc(var(--rpx,1px)*365);
  width:-moz-calc(var(--rpx,1px)*365);
  width:calc(var(--rpx,1px)*365)
}
.zn--wrapper .pad\:w-68rpx {
  width:-webkit-calc(var(--rpx,1px)*68);
  width:-moz-calc(var(--rpx,1px)*68);
  width:calc(var(--rpx,1px)*68)
}
.zn--wrapper .pad\:w-220rpx {
  width:-webkit-calc(var(--rpx,1px)*220);
  width:-moz-calc(var(--rpx,1px)*220);
  width:calc(var(--rpx,1px)*220)
}
.zn--wrapper .pad\:w-302rpx {
  width:-webkit-calc(var(--rpx,1px)*302);
  width:-moz-calc(var(--rpx,1px)*302);
  width:calc(var(--rpx,1px)*302)
}
.zn--wrapper .pad\:w-270rpx {
  width:-webkit-calc(var(--rpx,1px)*270);
  width:-moz-calc(var(--rpx,1px)*270);
  width:calc(var(--rpx,1px)*270)
}
.zn--wrapper .pad\:w-63rpx {
  width:-webkit-calc(var(--rpx,1px)*63);
  width:-moz-calc(var(--rpx,1px)*63);
  width:calc(var(--rpx,1px)*63)
}
.zn--wrapper .pad\:w-66rpx {
  width:-webkit-calc(var(--rpx,1px)*66);
  width:-moz-calc(var(--rpx,1px)*66);
  width:calc(var(--rpx,1px)*66)
}
.zn--wrapper .pad\:w-290px {
  width:290px
}
.zn--wrapper .pad\:w-145px {
  width:145px
}
.zn--wrapper .pad\:w-120px {
  width:120px
}
.zn--wrapper .pad\:w-508rpx {
  width:-webkit-calc(var(--rpx,1px)*508);
  width:-moz-calc(var(--rpx,1px)*508);
  width:calc(var(--rpx,1px)*508)
}
.zn--wrapper .pad\:w-267rpx {
  width:-webkit-calc(var(--rpx,1px)*267);
  width:-moz-calc(var(--rpx,1px)*267);
  width:calc(var(--rpx,1px)*267)
}
.zn--wrapper .pad\:w-451rpx {
  width:-webkit-calc(var(--rpx,1px)*451);
  width:-moz-calc(var(--rpx,1px)*451);
  width:calc(var(--rpx,1px)*451)
}
.zn--wrapper .pad\:gap-40rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*40);
  grid-gap:-moz-calc(var(--rpx,1px)*40);
  grid-gap:calc(var(--rpx,1px)*40);
  gap:-webkit-calc(var(--rpx,1px)*40);
  gap:-moz-calc(var(--rpx,1px)*40);
  gap:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pad\: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)
}
.zn--wrapper .pad\:transform {
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-translate-z:0;
  --tw-rotate:0;
  --tw-rotate-x:0;
  --tw-rotate-y:0;
  --tw-rotate-z:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-scale-z:1;
  -webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
}
.zn--wrapper .pad\:translate-y-\[-50\%\] {
  --tw-translate-y:-50%
}
.zn--wrapper .pad\:translate-x-\[-50\%\] {
  --tw-translate-x:-50%
}
.zn--wrapper .pad\:translate-x-\[-46\.5\%\] {
  --tw-translate-x:-46.5%
}
}@media (min-width:1024px) {
  .zn--wrapper .pc\: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)
}
.zn--wrapper .pc\:rounded-12rpx {
  border-radius:-webkit-calc(var(--rpx,1px)*12);
  border-radius:-moz-calc(var(--rpx,1px)*12);
  border-radius:calc(var(--rpx,1px)*12)
}
.zn--wrapper .pc\:cursor-pointer {
  cursor:pointer
}
.zn--wrapper .pc\:items-center {
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.zn--wrapper .pc\:justify-center {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.zn--wrapper .pc\:flex-1 {
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1 1 0%;
  flex:1 1 0%
}
.zn--wrapper .pc\:h-full {
  height:100%
}
.zn--wrapper .pc\:h-max {
  height:-webkit-max-content;
  height:-moz-max-content;
  height:max-content
}
.zn--wrapper .pc\:h-\[60\.75\%\] {
  height:60.75%
}
.zn--wrapper .pc\:h-80rpx {
  height:-webkit-calc(var(--rpx,1px)*80);
  height:-moz-calc(var(--rpx,1px)*80);
  height:calc(var(--rpx,1px)*80)
}
.zn--wrapper .pc\:h-\[calc\(var\(--content-height\)\+1800px\)\] {
  height:-webkit-calc(var(--content-height) + 1800px);
  height:-moz-calc(var(--content-height) + 1800px);
  height:calc(var(--content-height) + 1800px)
}
.zn--wrapper .pc\:h-\[22\.22vw\] {
  height:22.22vw;
  height:-webkit-calc(var(--vw,1vw)*22.22);
  height:-moz-calc(var(--vw,1vw)*22.22);
  height:calc(var(--vw,1vw)*22.22)
}
.zn--wrapper .pc\:h-\[15\.625vw\] {
  height:15.625vw;
  height:-webkit-calc(var(--vw,1vw)*15.625);
  height:-moz-calc(var(--vw,1vw)*15.625);
  height:calc(var(--vw,1vw)*15.625)
}
.zn--wrapper .pc\:h-86rpx {
  height:-webkit-calc(var(--rpx,1px)*86);
  height:-moz-calc(var(--rpx,1px)*86);
  height:calc(var(--rpx,1px)*86)
}
.zn--wrapper .pc\:h-410rpx {
  height:-webkit-calc(var(--rpx,1px)*410);
  height:-moz-calc(var(--rpx,1px)*410);
  height:calc(var(--rpx,1px)*410)
}
.zn--wrapper .pc\:h-\[calc\(var\(--content-height\)\+1600px\)\] {
  height:-webkit-calc(var(--content-height) + 1600px);
  height:-moz-calc(var(--content-height) + 1600px);
  height:calc(var(--content-height) + 1600px)
}
.zn--wrapper .pc\:h-\[var\(--content-height\)\] {
  height:var(--content-height)
}
.zn--wrapper .pc\:h-313rpx {
  height:-webkit-calc(var(--rpx,1px)*313);
  height:-moz-calc(var(--rpx,1px)*313);
  height:calc(var(--rpx,1px)*313)
}
.zn--wrapper .pc\:h-340rpx {
  height:-webkit-calc(var(--rpx,1px)*340);
  height:-moz-calc(var(--rpx,1px)*340);
  height:calc(var(--rpx,1px)*340)
}
.zn--wrapper .pc\:h-430rpx {
  height:-webkit-calc(var(--rpx,1px)*430);
  height:-moz-calc(var(--rpx,1px)*430);
  height:calc(var(--rpx,1px)*430)
}
.zn--wrapper .pc\:h-299rpx {
  height:-webkit-calc(var(--rpx,1px)*299);
  height:-moz-calc(var(--rpx,1px)*299);
  height:calc(var(--rpx,1px)*299)
}
.zn--wrapper .pc\:h-\[75vh\] {
  height:75vh;
  height:-webkit-calc(var(--vh,1vh)*75);
  height:-moz-calc(var(--vh,1vh)*75);
  height:calc(var(--vh,1vh)*75)
}
.zn--wrapper .pc\:h-463rpx {
  height:-webkit-calc(var(--rpx,1px)*463);
  height:-moz-calc(var(--rpx,1px)*463);
  height:calc(var(--rpx,1px)*463)
}
.zn--wrapper .pc\:h-565rpx {
  height:-webkit-calc(var(--rpx,1px)*565);
  height:-moz-calc(var(--rpx,1px)*565);
  height:calc(var(--rpx,1px)*565)
}
.zn--wrapper .pc\:text-58rpx {
  font-size:-webkit-calc(var(--rpx,1px)*58);
  font-size:-moz-calc(var(--rpx,1px)*58);
  font-size:calc(var(--rpx,1px)*58);
  line-height:1
}
.zn--wrapper .pc\:text-30rpx {
  font-size:-webkit-calc(var(--rpx,1px)*30);
  font-size:-moz-calc(var(--rpx,1px)*30);
  font-size:calc(var(--rpx,1px)*30);
  line-height:1
}
.zn--wrapper .pc\: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
}
.zn--wrapper .pc\:text-40rpx {
  font-size:-webkit-calc(var(--rpx,1px)*40);
  font-size:-moz-calc(var(--rpx,1px)*40);
  font-size:calc(var(--rpx,1px)*40);
  line-height:1
}
.zn--wrapper .pc\:text-16rpx {
  font-size:-webkit-calc(var(--rpx,1px)*16);
  font-size:-moz-calc(var(--rpx,1px)*16);
  font-size:calc(var(--rpx,1px)*16);
  line-height:1
}
.zn--wrapper .pc\:text-24rpx {
  font-size:-webkit-calc(var(--rpx,1px)*24);
  font-size:-moz-calc(var(--rpx,1px)*24);
  font-size:calc(var(--rpx,1px)*24);
  line-height:1
}
.zn--wrapper .pc\:text-20rpx {
  font-size:-webkit-calc(var(--rpx,1px)*20);
  font-size:-moz-calc(var(--rpx,1px)*20);
  font-size:calc(var(--rpx,1px)*20);
  line-height:1
}
.zn--wrapper .pc\:text-28px {
  font-size:28px;
  line-height:1
}
.zn--wrapper .pc\:text-16px {
  font-size:16px;
  line-height:1
}
.zn--wrapper .pc\:text-95rpx {
  font-size:-webkit-calc(var(--rpx,1px)*95);
  font-size:-moz-calc(var(--rpx,1px)*95);
  font-size:calc(var(--rpx,1px)*95);
  line-height:1
}
.zn--wrapper .pc\:text-36px {
  font-size:36px;
  line-height:1
}
.zn--wrapper .pc\:text-20px {
  font-size:20px;
  line-height:1
}
.zn--wrapper .pc\:text-18px {
  font-size:18px;
  line-height:1
}
.zn--wrapper .pc\:text-24px {
  font-size:24px;
  line-height:1
}
.zn--wrapper .pc\:text-48px {
  font-size:48px;
  line-height:1
}
.zn--wrapper .pc\:text-40px {
  font-size:40px;
  line-height:1
}
.zn--wrapper .pc\: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
}
.zn--wrapper .pc\:leading-\[1\.2\] {
  line-height:1.2
}
.zn--wrapper .pc\:leading-\[0\.9\] {
  line-height:.9
}
.zn--wrapper .pc\:leading-\[1\.4\] {
  line-height:1.4
}
.zn--wrapper .pc\:leading-32px {
  line-height:32px
}
.zn--wrapper .pc\:leading-26px {
  line-height:26px
}
.zn--wrapper .pc\:mx-130rpx {
  margin-left:calc(var(--rpx,1px)*130);
  margin-right:calc(var(--rpx,1px)*130)
}
.zn--wrapper .pc\:mx-auto {
  margin-left:auto;
  margin-right:auto
}
.zn--wrapper .pc\:mt-20rpx {
  margin-top:calc(var(--rpx,1px)*20)
}
.zn--wrapper .pc\:ml-8rpx {
  margin-left:calc(var(--rpx,1px)*8)
}
.zn--wrapper .pc\:mt-6rpx {
  margin-top:calc(var(--rpx,1px)*6)
}
.zn--wrapper .pc\:mt-54rpx {
  margin-top:calc(var(--rpx,1px)*54)
}
.zn--wrapper .pc\:mt-40rpx {
  margin-top:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pc\:mb-16rpx {
  margin-bottom:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pc\:ml-90rpx {
  margin-left:calc(var(--rpx,1px)*90)
}
.zn--wrapper .pc\:mb-60rpx {
  margin-bottom:calc(var(--rpx,1px)*60)
}
.zn--wrapper .pc\:mt-16rpx {
  margin-top:calc(var(--rpx,1px)*16)
}
.zn--wrapper .pc\:mb-65rpx {
  margin-bottom:calc(var(--rpx,1px)*65)
}
.zn--wrapper .pc\:mb-58rpx {
  margin-bottom:calc(var(--rpx,1px)*58)
}
.zn--wrapper .pc\:mt-10rpx {
  margin-top:calc(var(--rpx,1px)*10)
}
.zn--wrapper .pc\:mb-70rpx {
  margin-bottom:calc(var(--rpx,1px)*70)
}
.zn--wrapper .pc\:mr-8rpx {
  margin-right:calc(var(--rpx,1px)*8)
}
.zn--wrapper .pc\:mb-6rpx {
  margin-bottom:calc(var(--rpx,1px)*6)
}
.zn--wrapper .pc\:mb-24rpx {
  margin-bottom:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pc\:mt-24rpx {
  margin-top:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pc\:ml-6rpx {
  margin-left:calc(var(--rpx,1px)*6)
}
.zn--wrapper .pc\:mr-24rpx {
  margin-right:calc(var(--rpx,1px)*24)
}
.zn--wrapper .pc\:mb-40rpx {
  margin-bottom:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pc\:mt-32rpx {
  margin-top:calc(var(--rpx,1px)*32)
}
.zn--wrapper .pc\:mb-32rpx {
  margin-bottom:calc(var(--rpx,1px)*32)
}
.zn--wrapper .pc\:max-h-664rpx {
  max-height:-webkit-calc(var(--rpx,1px)*664);
  max-height:-moz-calc(var(--rpx,1px)*664);
  max-height:calc(var(--rpx,1px)*664)
}
.zn--wrapper .pc\:max-w-1760rpx {
  max-width:-webkit-calc(var(--rpx,1px)*1760);
  max-width:-moz-calc(var(--rpx,1px)*1760);
  max-width:calc(var(--rpx,1px)*1760)
}
.zn--wrapper .pc\:max-w-400px {
  max-width:400px
}
.zn--wrapper .pc\:max-w-1440rpx {
  max-width:-webkit-calc(var(--rpx,1px)*1440);
  max-width:-moz-calc(var(--rpx,1px)*1440);
  max-width:calc(var(--rpx,1px)*1440)
}
.zn--wrapper .pc\:max-w-\[400px\] {
  max-width:400px
}
.zn--wrapper .pc\:max-w-1440px {
  max-width:1440px
}
.zn--wrapper .pc\:max-w-800px {
  max-width:800px
}
.zn--wrapper .pc\:max-w-520px {
  max-width:520px
}
.zn--wrapper .pc\:min-h-600px {
  min-height:600px
}
.zn--wrapper .pc\:min-h-540px {
  min-height:540px
}
.zn--wrapper .pc\:min-h-640px {
  min-height:640px
}
.zn--wrapper .pc\:min-w-900px {
  min-width:900px
}
.zn--wrapper .pc\:min-w-430px {
  min-width:430px
}
.zn--wrapper .pc\:object-cover {
  -o-object-fit:cover;
  object-fit:cover
}
.zn--wrapper .pc\:p-64rpx {
  padding:calc(var(--rpx,1px)*64)
}
.zn--wrapper .pc\:py-48rpx {
  padding-bottom:calc(var(--rpx,1px)*48);
  padding-top:calc(var(--rpx,1px)*48)
}
.zn--wrapper .pc\:py-78rpx {
  padding-bottom:calc(var(--rpx,1px)*78);
  padding-top:calc(var(--rpx,1px)*78)
}
.zn--wrapper .pc\:py-218rpx {
  padding-bottom:calc(var(--rpx,1px)*218);
  padding-top:calc(var(--rpx,1px)*218)
}
.zn--wrapper .pc\:px-64rpx {
  padding-left:calc(var(--rpx,1px)*64);
  padding-right:calc(var(--rpx,1px)*64)
}
.zn--wrapper .pc\:py-57rpx {
  padding-bottom:calc(var(--rpx,1px)*57);
  padding-top:calc(var(--rpx,1px)*57)
}
.zn--wrapper .pc\:py-80rpx {
  padding-bottom:calc(var(--rpx,1px)*80);
  padding-top:calc(var(--rpx,1px)*80)
}
.zn--wrapper .pc\:pt-48rpx {
  padding-top:calc(var(--rpx,1px)*48)
}
.zn--wrapper .pc\:pr-85rpx {
  padding-right:calc(var(--rpx,1px)*85)
}
.zn--wrapper .pc\:pl-40rpx {
  padding-left:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pc\:pt-64rpx {
  padding-top:calc(var(--rpx,1px)*64)
}
.zn--wrapper .pc\:pb-40rpx {
  padding-bottom:calc(var(--rpx,1px)*40)
}
.zn--wrapper .pc\:pl-127rpx {
  padding-left:calc(var(--rpx,1px)*127)
}
.zn--wrapper .pc\:pb-28rpx {
  padding-bottom:calc(var(--rpx,1px)*28)
}
.zn--wrapper .pc\:pl-64rpx {
  padding-left:calc(var(--rpx,1px)*64)
}
.zn--wrapper .pc\:pb-60rpx {
  padding-bottom:calc(var(--rpx,1px)*60)
}
.zn--wrapper .pc\:pb-36rpx {
  padding-bottom:calc(var(--rpx,1px)*36)
}
.zn--wrapper .pc\:pl-18rpx {
  padding-left:calc(var(--rpx,1px)*18)
}
.zn--wrapper .pc\:pb-32rpx {
  padding-bottom:calc(var(--rpx,1px)*32)
}
.zn--wrapper .pc\:pt-80rpx {
  padding-top:calc(var(--rpx,1px)*80)
}
.zn--wrapper .pc\:relative {
  position:relative
}
.zn--wrapper .pc\:left-3rpx {
  left:-webkit-calc(var(--rpx,1px)*3);
  left:-moz-calc(var(--rpx,1px)*3);
  left:calc(var(--rpx,1px)*3)
}
.zn--wrapper .pc\:-left-\[6vw\] {
  left:-6vw;
  left:-webkit-calc(var(--vw,1vw)*-6);
  left:-moz-calc(var(--vw,1vw)*-6);
  left:calc(var(--vw,1vw)*-6)
}
.zn--wrapper .pc\:top-\[50\%\] {
  top:50%
}
.zn--wrapper .pc\:left-\[50\.5\%\] {
  left:50.5%
}
.zn--wrapper .pc\:left-\[25\%\] {
  left:25%
}
.zn--wrapper .pc\:-top-\[9\.5vw\] {
  top:-9.5vw;
  top:-webkit-calc(var(--vw,1vw)*-9.5);
  top:-moz-calc(var(--vw,1vw)*-9.5);
  top:calc(var(--vw,1vw)*-9.5)
}
.zn--wrapper .pc\:-top-\[8\.66vw\] {
  top:-8.66vw;
  top:-webkit-calc(var(--vw,1vw)*-8.66);
  top:-moz-calc(var(--vw,1vw)*-8.66);
  top:calc(var(--vw,1vw)*-8.66)
}
.zn--wrapper .pc\:-right-\[6\.5vw\] {
  right:-6.5vw;
  right:-webkit-calc(var(--vw,1vw)*-6.5);
  right:-moz-calc(var(--vw,1vw)*-6.5);
  right:calc(var(--vw,1vw)*-6.5)
}
.zn--wrapper .pc\:-bottom-\[9\.97vw\] {
  bottom:-9.97vw;
  bottom:-webkit-calc(var(--vw,1vw)*-9.97);
  bottom:-moz-calc(var(--vw,1vw)*-9.97);
  bottom:calc(var(--vw,1vw)*-9.97)
}
.zn--wrapper .pc\:-left-\[8\.69vw\] {
  left:-8.69vw;
  left:-webkit-calc(var(--vw,1vw)*-8.69);
  left:-moz-calc(var(--vw,1vw)*-8.69);
  left:calc(var(--vw,1vw)*-8.69)
}
.zn--wrapper .pc\:-bottom-\[10\.34vw\] {
  bottom:-10.34vw;
  bottom:-webkit-calc(var(--vw,1vw)*-10.34);
  bottom:-moz-calc(var(--vw,1vw)*-10.34);
  bottom:calc(var(--vw,1vw)*-10.34)
}
.zn--wrapper .pc\:-right-\[9vw\] {
  right:-9vw;
  right:-webkit-calc(var(--vw,1vw)*-9);
  right:-moz-calc(var(--vw,1vw)*-9);
  right:calc(var(--vw,1vw)*-9)
}
.zn--wrapper .pc\:-top-\[138\%\] {
  top:-138%
}
.zn--wrapper .pc\:left-18rpx {
  left:-webkit-calc(var(--rpx,1px)*18);
  left:-moz-calc(var(--rpx,1px)*18);
  left:calc(var(--rpx,1px)*18)
}
.zn--wrapper .pc\:-bottom-31rpx {
  bottom:-webkit-calc(var(--rpx,1px)*-31);
  bottom:-moz-calc(var(--rpx,1px)*-31);
  bottom:calc(var(--rpx,1px)*-31)
}
.zn--wrapper .pc\:-top-18rpx {
  top:-webkit-calc(var(--rpx,1px)*-18);
  top:-moz-calc(var(--rpx,1px)*-18);
  top:calc(var(--rpx,1px)*-18)
}
.zn--wrapper .pc\:-left-15rpx {
  left:-webkit-calc(var(--rpx,1px)*-15);
  left:-moz-calc(var(--rpx,1px)*-15);
  left:calc(var(--rpx,1px)*-15)
}
.zn--wrapper .pc\:-left-80rpx {
  left:-webkit-calc(var(--rpx,1px)*-80);
  left:-moz-calc(var(--rpx,1px)*-80);
  left:calc(var(--rpx,1px)*-80)
}
.zn--wrapper .pc\:-bottom-30rpx {
  bottom:-webkit-calc(var(--rpx,1px)*-30);
  bottom:-moz-calc(var(--rpx,1px)*-30);
  bottom:calc(var(--rpx,1px)*-30)
}
.zn--wrapper .pc\:-top-3rpx {
  top:-webkit-calc(var(--rpx,1px)*-3);
  top:-moz-calc(var(--rpx,1px)*-3);
  top:calc(var(--rpx,1px)*-3)
}
.zn--wrapper .pc\:-left-5rpx {
  left:-webkit-calc(var(--rpx,1px)*-5);
  left:-moz-calc(var(--rpx,1px)*-5);
  left:calc(var(--rpx,1px)*-5)
}
.zn--wrapper .pc\:top-0 {
  top:0
}
.zn--wrapper .pc\:text-center {
  text-align:center
}
.zn--wrapper .pc\:w-auto {
  width:auto
}
.zn--wrapper .pc\:w-full {
  width:100%
}
.zn--wrapper .pc\:w-\[91vw\] {
  width:91vw;
  width:-webkit-calc(var(--vw,1vw)*91);
  width:-moz-calc(var(--vw,1vw)*91);
  width:calc(var(--vw,1vw)*91)
}
.zn--wrapper .pc\:w-\[58\%\] {
  width:58%
}
.zn--wrapper .pc\:w-400px {
  width:400px
}
.zn--wrapper .pc\:w-80rpx {
  width:-webkit-calc(var(--rpx,1px)*80);
  width:-moz-calc(var(--rpx,1px)*80);
  width:calc(var(--rpx,1px)*80)
}
.zn--wrapper .pc\:w-\[40\.90vw\] {
  width:40.9vw;
  width:-webkit-calc(var(--vw,1vw)*40.9);
  width:-moz-calc(var(--vw,1vw)*40.9);
  width:calc(var(--vw,1vw)*40.9)
}
.zn--wrapper .pc\:w-\[13\.95vw\] {
  width:13.95vw;
  width:-webkit-calc(var(--vw,1vw)*13.95);
  width:-moz-calc(var(--vw,1vw)*13.95);
  width:calc(var(--vw,1vw)*13.95)
}
.zn--wrapper .pc\:w-150rpx {
  width:-webkit-calc(var(--rpx,1px)*150);
  width:-moz-calc(var(--rpx,1px)*150);
  width:calc(var(--rpx,1px)*150)
}
.zn--wrapper .pc\:w-260rpx {
  width:-webkit-calc(var(--rpx,1px)*260);
  width:-moz-calc(var(--rpx,1px)*260);
  width:calc(var(--rpx,1px)*260)
}
.zn--wrapper .pc\:w-565rpx {
  width:-webkit-calc(var(--rpx,1px)*565);
  width:-moz-calc(var(--rpx,1px)*565);
  width:calc(var(--rpx,1px)*565)
}
.zn--wrapper .pc\:w-208rpx {
  width:-webkit-calc(var(--rpx,1px)*208);
  width:-moz-calc(var(--rpx,1px)*208);
  width:calc(var(--rpx,1px)*208)
}
.zn--wrapper .pc\:w-400rpx {
  width:-webkit-calc(var(--rpx,1px)*400);
  width:-moz-calc(var(--rpx,1px)*400);
  width:calc(var(--rpx,1px)*400)
}
.zn--wrapper .pc\:w-439rpx {
  width:-webkit-calc(var(--rpx,1px)*439);
  width:-moz-calc(var(--rpx,1px)*439);
  width:calc(var(--rpx,1px)*439)
}
.zn--wrapper .pc\:w-\[50\%\] {
  width:50%
}
.zn--wrapper .pc\:w-454rpx {
  width:-webkit-calc(var(--rpx,1px)*454);
  width:-moz-calc(var(--rpx,1px)*454);
  width:calc(var(--rpx,1px)*454)
}
.zn--wrapper .pc\:w-680rpx {
  width:-webkit-calc(var(--rpx,1px)*680);
  width:-moz-calc(var(--rpx,1px)*680);
  width:calc(var(--rpx,1px)*680)
}
.zn--wrapper .pc\:w-639rpx {
  width:-webkit-calc(var(--rpx,1px)*639);
  width:-moz-calc(var(--rpx,1px)*639);
  width:calc(var(--rpx,1px)*639)
}
.zn--wrapper .pc\:w-819rpx {
  width:-webkit-calc(var(--rpx,1px)*819);
  width:-moz-calc(var(--rpx,1px)*819);
  width:calc(var(--rpx,1px)*819)
}
.zn--wrapper .pc\:w-568rpx {
  width:-webkit-calc(var(--rpx,1px)*568);
  width:-moz-calc(var(--rpx,1px)*568);
  width:calc(var(--rpx,1px)*568)
}
.zn--wrapper .pc\:w-143rpx {
  width:-webkit-calc(var(--rpx,1px)*143);
  width:-moz-calc(var(--rpx,1px)*143);
  width:calc(var(--rpx,1px)*143)
}
.zn--wrapper .pc\:w-\[29\.86vw\] {
  width:29.86vw;
  width:-webkit-calc(var(--vw,1vw)*29.86);
  width:-moz-calc(var(--vw,1vw)*29.86);
  width:calc(var(--vw,1vw)*29.86)
}
.zn--wrapper .pc\:w-220px {
  width:220px
}
.zn--wrapper .pc\:w-160px {
  width:160px
}
.zn--wrapper .pc\:w-625rpx {
  width:-webkit-calc(var(--rpx,1px)*625);
  width:-moz-calc(var(--rpx,1px)*625);
  width:calc(var(--rpx,1px)*625)
}
.zn--wrapper .pc\:w-1312rpx {
  width:-webkit-calc(var(--rpx,1px)*1312);
  width:-moz-calc(var(--rpx,1px)*1312);
  width:calc(var(--rpx,1px)*1312)
}
.zn--wrapper .pc\:w-424rpx {
  width:-webkit-calc(var(--rpx,1px)*424);
  width:-moz-calc(var(--rpx,1px)*424);
  width:calc(var(--rpx,1px)*424)
}
.zn--wrapper .pc\:gap-66rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*66);
  grid-gap:-moz-calc(var(--rpx,1px)*66);
  grid-gap:calc(var(--rpx,1px)*66);
  gap:-webkit-calc(var(--rpx,1px)*66);
  gap:-moz-calc(var(--rpx,1px)*66);
  gap:calc(var(--rpx,1px)*66)
}
.zn--wrapper .pc\:gap-50rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*50);
  grid-gap:-moz-calc(var(--rpx,1px)*50);
  grid-gap:calc(var(--rpx,1px)*50);
  gap:-webkit-calc(var(--rpx,1px)*50);
  gap:-moz-calc(var(--rpx,1px)*50);
  gap:calc(var(--rpx,1px)*50)
}
.zn--wrapper .pc\: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)
}
.zn--wrapper .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))
}
.zn--wrapper .pc\:translate-y-\[-50\%\] {
  --tw-translate-y:-50%
}
.zn--wrapper .pc\:translate-x-\[-50\%\] {
  --tw-translate-x:-50%
}
.zn--wrapper .pc\:full {
  height:100%;
  width:100%
}
}@media (max-width:649px) {
  .zn--wrapper .mo\:rounded-10rpx {
  border-radius:-webkit-calc(var(--rpx,1px)*10);
  border-radius:-moz-calc(var(--rpx,1px)*10);
  border-radius:calc(var(--rpx,1px)*10)
}
.zn--wrapper .mo\:flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex
}
.zn--wrapper .mo\:flex-row {
  -webkit-box-orient:horizontal;
  -moz-box-orient:horizontal;
  -webkit-flex-direction:row;
  flex-direction:row
}
.zn--wrapper .mo\:flex-col,.zn--wrapper .mo\:flex-row {
  -webkit-box-direction:normal;
  -moz-box-direction:normal
}
.zn--wrapper .mo\:flex-col {
  -webkit-box-orient:vertical;
  -moz-box-orient:vertical;
  -webkit-flex-direction:column;
  flex-direction:column
}
.zn--wrapper .mo\:flex-col-reverse {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -moz-box-orient:vertical;
  -moz-box-direction:reverse;
  -webkit-flex-direction:column-reverse;
  flex-direction:column-reverse
}
.zn--wrapper .\!mo\:flex-col-reverse {
  -webkit-box-orient:vertical!important;
  -webkit-box-direction:reverse!important;
  -moz-box-orient:vertical!important;
  -moz-box-direction:reverse!important;
  -webkit-flex-direction:column-reverse!important;
  flex-direction:column-reverse!important
}
.zn--wrapper .mo\:items-start {
  -webkit-box-align:start;
  -moz-box-align:start;
  -webkit-align-items:flex-start;
  align-items:flex-start
}
.zn--wrapper .mo\:items-center {
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.zn--wrapper .\!mo\:justify-start {
  -webkit-box-pack:start!important;
  -moz-box-pack:start!important;
  -webkit-justify-content:flex-start!important;
  justify-content:flex-start!important
}
.zn--wrapper .mo\:justify-start {
  -webkit-box-pack:start;
  -moz-box-pack:start;
  -webkit-justify-content:flex-start;
  justify-content:flex-start
}
.zn--wrapper .mo\:justify-center {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.zn--wrapper .mo\:justify-between {
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.zn--wrapper .mo\:flex-1 {
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-flex:1 1 0%;
  flex:1 1 0%
}
.zn--wrapper .mo\:h-auto {
  height:auto
}
.zn--wrapper .mo\:h-full {
  height:100%
}
.zn--wrapper .mo\:h-max {
  height:-webkit-max-content;
  height:-moz-max-content;
  height:max-content
}
.zn--wrapper .mo\:h-26rpx {
  height:-webkit-calc(var(--rpx,1px)*26);
  height:-moz-calc(var(--rpx,1px)*26);
  height:calc(var(--rpx,1px)*26)
}
.zn--wrapper .mo\:h-378rpx {
  height:-webkit-calc(var(--rpx,1px)*378);
  height:-moz-calc(var(--rpx,1px)*378);
  height:calc(var(--rpx,1px)*378)
}
.zn--wrapper .mo\:h-640rpx {
  height:-webkit-calc(var(--rpx,1px)*640);
  height:-moz-calc(var(--rpx,1px)*640);
  height:calc(var(--rpx,1px)*640)
}
.zn--wrapper .mo\:h-\[calc\(var\(--content-height\)\+1000px\)\] {
  height:-webkit-calc(var(--content-height) + 1000px);
  height:-moz-calc(var(--content-height) + 1000px);
  height:calc(var(--content-height) + 1000px)
}
.zn--wrapper .mo\:h-175rpx {
  height:-webkit-calc(var(--rpx,1px)*175);
  height:-moz-calc(var(--rpx,1px)*175);
  height:calc(var(--rpx,1px)*175)
}
.zn--wrapper .mo\:h-196rpx {
  height:-webkit-calc(var(--rpx,1px)*196);
  height:-moz-calc(var(--rpx,1px)*196);
  height:calc(var(--rpx,1px)*196)
}
.zn--wrapper .mo\:h-98rpx {
  height:-webkit-calc(var(--rpx,1px)*98);
  height:-moz-calc(var(--rpx,1px)*98);
  height:calc(var(--rpx,1px)*98)
}
.zn--wrapper .mo\:h-128rpx {
  height:-webkit-calc(var(--rpx,1px)*128);
  height:-moz-calc(var(--rpx,1px)*128);
  height:calc(var(--rpx,1px)*128)
}
.zn--wrapper .mo\:h-43rpx {
  height:-webkit-calc(var(--rpx,1px)*43);
  height:-moz-calc(var(--rpx,1px)*43);
  height:calc(var(--rpx,1px)*43)
}
.zn--wrapper .mo\:h-215rpx {
  height:-webkit-calc(var(--rpx,1px)*215);
  height:-moz-calc(var(--rpx,1px)*215);
  height:calc(var(--rpx,1px)*215)
}
.zn--wrapper .mo\:h-256rpx {
  height:-webkit-calc(var(--rpx,1px)*256);
  height:-moz-calc(var(--rpx,1px)*256);
  height:calc(var(--rpx,1px)*256)
}
.zn--wrapper .mo\:h-100rpx {
  height:-webkit-calc(var(--rpx,1px)*100);
  height:-moz-calc(var(--rpx,1px)*100);
  height:calc(var(--rpx,1px)*100)
}
.zn--wrapper .mo\:h-120rpx {
  height:-webkit-calc(var(--rpx,1px)*120);
  height:-moz-calc(var(--rpx,1px)*120);
  height:calc(var(--rpx,1px)*120)
}
.zn--wrapper .mo\:h-52rpx {
  height:-webkit-calc(var(--rpx,1px)*52);
  height:-moz-calc(var(--rpx,1px)*52);
  height:calc(var(--rpx,1px)*52)
}
.zn--wrapper .mo\:h-40rpx {
  height:-webkit-calc(var(--rpx,1px)*40);
  height:-moz-calc(var(--rpx,1px)*40);
  height:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mo\:h-\[var\(--content-height\)\] {
  height:var(--content-height)
}
.zn--wrapper .mo\:h-424rpx {
  height:-webkit-calc(var(--rpx,1px)*424);
  height:-moz-calc(var(--rpx,1px)*424);
  height:calc(var(--rpx,1px)*424)
}
.zn--wrapper .mo\:h-541rpx {
  height:-webkit-calc(var(--rpx,1px)*541);
  height:-moz-calc(var(--rpx,1px)*541);
  height:calc(var(--rpx,1px)*541)
}
.zn--wrapper .mo\:h-\[63\.75vh\] {
  height:63.75vh;
  height:-webkit-calc(var(--vh,1vh)*63.75);
  height:-moz-calc(var(--vh,1vh)*63.75);
  height:calc(var(--vh,1vh)*63.75)
}
.zn--wrapper .mo\:h-1px {
  height:1px
}
.zn--wrapper .mo\:h-302rpx {
  height:-webkit-calc(var(--rpx,1px)*302);
  height:-moz-calc(var(--rpx,1px)*302);
  height:calc(var(--rpx,1px)*302)
}
.zn--wrapper .mo\:h-308rpx {
  height:-webkit-calc(var(--rpx,1px)*308);
  height:-moz-calc(var(--rpx,1px)*308);
  height:calc(var(--rpx,1px)*308)
}
.zn--wrapper .mo\:h-340rpx {
  height:-webkit-calc(var(--rpx,1px)*340);
  height:-moz-calc(var(--rpx,1px)*340);
  height:calc(var(--rpx,1px)*340)
}
.zn--wrapper .mo\:h-582rpx {
  height:-webkit-calc(var(--rpx,1px)*582);
  height:-moz-calc(var(--rpx,1px)*582);
  height:calc(var(--rpx,1px)*582)
}
.zn--wrapper .mo\:h-45rpx {
  height:-webkit-calc(var(--rpx,1px)*45);
  height:-moz-calc(var(--rpx,1px)*45);
  height:calc(var(--rpx,1px)*45)
}
.zn--wrapper .mo\:h-182rpx {
  height:-webkit-calc(var(--rpx,1px)*182);
  height:-moz-calc(var(--rpx,1px)*182);
  height:calc(var(--rpx,1px)*182)
}
.zn--wrapper .mo\:h-137rpx {
  height:-webkit-calc(var(--rpx,1px)*137);
  height:-moz-calc(var(--rpx,1px)*137);
  height:calc(var(--rpx,1px)*137)
}
.zn--wrapper .mo\:h-150rpx {
  height:-webkit-calc(var(--rpx,1px)*150);
  height:-moz-calc(var(--rpx,1px)*150);
  height:calc(var(--rpx,1px)*150)
}
.zn--wrapper .mo\:h-173rpx {
  height:-webkit-calc(var(--rpx,1px)*173);
  height:-moz-calc(var(--rpx,1px)*173);
  height:calc(var(--rpx,1px)*173)
}
.zn--wrapper .mo\:h-223rpx {
  height:-webkit-calc(var(--rpx,1px)*223);
  height:-moz-calc(var(--rpx,1px)*223);
  height:calc(var(--rpx,1px)*223)
}
.zn--wrapper .mo\:h-146rpx {
  height:-webkit-calc(var(--rpx,1px)*146);
  height:-moz-calc(var(--rpx,1px)*146);
  height:calc(var(--rpx,1px)*146)
}
.zn--wrapper .mo\:h-525rpx {
  height:-webkit-calc(var(--rpx,1px)*525);
  height:-moz-calc(var(--rpx,1px)*525);
  height:calc(var(--rpx,1px)*525)
}
.zn--wrapper .mo\:h-243rpx {
  height:-webkit-calc(var(--rpx,1px)*243);
  height:-moz-calc(var(--rpx,1px)*243);
  height:calc(var(--rpx,1px)*243)
}
.zn--wrapper .mo\:h-360rpx {
  height:-webkit-calc(var(--rpx,1px)*360);
  height:-moz-calc(var(--rpx,1px)*360);
  height:calc(var(--rpx,1px)*360)
}
.zn--wrapper .mo\:h-240rpx {
  height:-webkit-calc(var(--rpx,1px)*240);
  height:-moz-calc(var(--rpx,1px)*240);
  height:calc(var(--rpx,1px)*240)
}
.zn--wrapper .mo\:text-30rpx {
  font-size:-webkit-calc(var(--rpx,1px)*30);
  font-size:-moz-calc(var(--rpx,1px)*30);
  font-size:calc(var(--rpx,1px)*30);
  line-height:1
}
.zn--wrapper .mo\: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
}
.zn--wrapper .mo\:text-14px {
  font-size:14px;
  line-height:1
}
.zn--wrapper .mo\:text-10px {
  font-size:10px;
  line-height:1
}
.zn--wrapper .mo\:text-24px {
  font-size:24px;
  line-height:1
}
.zn--wrapper .mo\:text-28px {
  font-size:28px;
  line-height:1
}
.zn--wrapper .mo\:text-32px {
  font-size:32px;
  line-height:1
}
.zn--wrapper .mo\:text-16px {
  font-size:16px;
  line-height:1
}
.zn--wrapper .mo\:leading-\[1\.2\] {
  line-height:1.2
}
.zn--wrapper .mo\:leading-40px {
  line-height:40px
}
.zn--wrapper .mo\:leading-24px {
  line-height:24px
}
.zn--wrapper .mo\:leading-\[1\.4\] {
  line-height:1.4
}
.zn--wrapper .mo\:mx-auto {
  margin-left:auto;
  margin-right:auto
}
.zn--wrapper .mo\:my-20rpx {
  margin-bottom:calc(var(--rpx,1px)*20);
  margin-top:calc(var(--rpx,1px)*20)
}
.zn--wrapper .mo\:my-28rpx {
  margin-bottom:calc(var(--rpx,1px)*28);
  margin-top:calc(var(--rpx,1px)*28)
}
.zn--wrapper .mo\:mb-30rpx {
  margin-bottom:calc(var(--rpx,1px)*30)
}
.zn--wrapper .mo\:mt-4rpx {
  margin-top:calc(var(--rpx,1px)*4)
}
.zn--wrapper .mo\:mt-\[7vh\] {
  margin-top:7vh;
  margin-top:calc(var(--vh,1vh)*7)
}
.zn--wrapper .mo\:mr-48rpx {
  margin-right:calc(var(--rpx,1px)*48)
}
.zn--wrapper .mo\:mb-24rpx {
  margin-bottom:calc(var(--rpx,1px)*24)
}
.zn--wrapper .mo\:mt-3rpx {
  margin-top:calc(var(--rpx,1px)*3)
}
.zn--wrapper .\!mo\:ml-0 {
  margin-left:0!important
}
.zn--wrapper .mo\:mb-20rpx {
  margin-bottom:calc(var(--rpx,1px)*20)
}
.zn--wrapper .mo\:mt-0 {
  margin-top:0
}
.zn--wrapper .mo\:mb-18rpx {
  margin-bottom:calc(var(--rpx,1px)*18)
}
.zn--wrapper .mo\:mt-20rpx {
  margin-top:calc(var(--rpx,1px)*20)
}
.zn--wrapper .mo\:mb-4rpx {
  margin-bottom:calc(var(--rpx,1px)*4)
}
.zn--wrapper .mo\:mb-8rpx {
  margin-bottom:calc(var(--rpx,1px)*8)
}
.zn--wrapper .mo\:mt-28rpx {
  margin-top:calc(var(--rpx,1px)*28)
}
.zn--wrapper .mo\:mt-73rpx {
  margin-top:calc(var(--rpx,1px)*73)
}
.zn--wrapper .mo\:mb-40rpx {
  margin-bottom:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mo\:mr-40rpx {
  margin-right:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mo\:ml-4rpx {
  margin-left:calc(var(--rpx,1px)*4)
}
.zn--wrapper .mo\:mt-16rpx {
  margin-top:calc(var(--rpx,1px)*16)
}
.zn--wrapper .mo\:mt-2rpx {
  margin-top:calc(var(--rpx,1px)*2)
}
.zn--wrapper .mo\:min-h-640rpx {
  min-height:-webkit-calc(var(--rpx,1px)*640);
  min-height:-moz-calc(var(--rpx,1px)*640);
  min-height:calc(var(--rpx,1px)*640)
}
.zn--wrapper .mo\:object-contain {
  -o-object-fit:contain;
  object-fit:contain
}
.zn--wrapper .mo\:overflow-hidden {
  overflow:hidden
}
.zn--wrapper .mo\:py-100rpx {
  padding-bottom:calc(var(--rpx,1px)*100);
  padding-top:calc(var(--rpx,1px)*100)
}
.zn--wrapper .mo\:py-40rpx {
  padding-bottom:calc(var(--rpx,1px)*40);
  padding-top:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mo\:px-16rpx {
  padding-left:calc(var(--rpx,1px)*16);
  padding-right:calc(var(--rpx,1px)*16)
}
.zn--wrapper .mo\:pt-80rpx {
  padding-top:calc(var(--rpx,1px)*80)
}
.zn--wrapper .mo\:pl-80rpx {
  padding-left:calc(var(--rpx,1px)*80)
}
.zn--wrapper .mo\:pb-35rpx {
  padding-bottom:calc(var(--rpx,1px)*35)
}
.zn--wrapper .mo\:pt-40rpx {
  padding-top:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mo\:pb-20rpx {
  padding-bottom:calc(var(--rpx,1px)*20)
}
.zn--wrapper .mo\:pr-16rpx {
  padding-right:calc(var(--rpx,1px)*16)
}
.zn--wrapper .mo\:pb-32rpx {
  padding-bottom:calc(var(--rpx,1px)*32)
}
.zn--wrapper .mo\:pb-40rpx {
  padding-bottom:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mo\:pointer-events-none {
  pointer-events:none
}
.zn--wrapper .mo\:absolute {
  position:absolute
}
.zn--wrapper .mo\:relative {
  position:relative
}
.zn--wrapper .mo\:left-\[70\%\] {
  left:70%
}
.zn--wrapper .mo\:-bottom-\[48\%\] {
  bottom:-48%
}
.zn--wrapper .mo\:-top-\[43\%\] {
  top:-43%
}
.zn--wrapper .mo\:-left-\[14\%\] {
  left:-14%
}
.zn--wrapper .mo\:left-\[80\%\] {
  left:80%
}
.zn--wrapper .mo\:-left-\[22\%\] {
  left:-22%
}
.zn--wrapper .mo\:top-\[75\%\] {
  top:75%
}
.zn--wrapper .mo\:left-\[85\%\] {
  left:85%
}
.zn--wrapper .mo\:top-\[81\%\] {
  top:81%
}
.zn--wrapper .mo\:left-0 {
  left:0
}
.zn--wrapper .mo\:left-\[49\.5\%\] {
  left:49.5%
}
.zn--wrapper .mo\:left-\[39\.5\%\] {
  left:39.5%
}
.zn--wrapper .mo\:top-\[-66\%\] {
  top:-66%
}
.zn--wrapper .mo\:left-\[50\%\] {
  left:50%
}
.zn--wrapper .mo\:-top-\[40\%\] {
  top:-40%
}
.zn--wrapper .mo\:-bottom-\[100\%\] {
  bottom:-100%
}
.zn--wrapper .mo\:top-\[45\%\] {
  top:45%
}
.zn--wrapper .mo\:left-\[-800\%\] {
  left:-800%
}
.zn--wrapper .mo\:left-3rpx {
  left:-webkit-calc(var(--rpx,1px)*3);
  left:-moz-calc(var(--rpx,1px)*3);
  left:calc(var(--rpx,1px)*3)
}
.zn--wrapper .mo\:-bottom-43rpx {
  bottom:-webkit-calc(var(--rpx,1px)*-43);
  bottom:-moz-calc(var(--rpx,1px)*-43);
  bottom:calc(var(--rpx,1px)*-43)
}
.zn--wrapper .mo\:left-110rpx {
  left:-webkit-calc(var(--rpx,1px)*110);
  left:-moz-calc(var(--rpx,1px)*110);
  left:calc(var(--rpx,1px)*110)
}
.zn--wrapper .mo\:-left-9rpx {
  left:-webkit-calc(var(--rpx,1px)*-9);
  left:-moz-calc(var(--rpx,1px)*-9);
  left:calc(var(--rpx,1px)*-9)
}
.zn--wrapper .mo\:-top-9rpx {
  top:-webkit-calc(var(--rpx,1px)*-9);
  top:-moz-calc(var(--rpx,1px)*-9);
  top:calc(var(--rpx,1px)*-9)
}
.zn--wrapper .mo\:-left-41rpx {
  left:-webkit-calc(var(--rpx,1px)*-41);
  left:-moz-calc(var(--rpx,1px)*-41);
  left:calc(var(--rpx,1px)*-41)
}
.zn--wrapper .mo\:-bottom-32rpx {
  bottom:-webkit-calc(var(--rpx,1px)*-32);
  bottom:-moz-calc(var(--rpx,1px)*-32);
  bottom:calc(var(--rpx,1px)*-32)
}
.zn--wrapper .mo\:-top-1rpx {
  top:-webkit-calc(var(--rpx,1px)*-1);
  top:-moz-calc(var(--rpx,1px)*-1);
  top:calc(var(--rpx,1px)*-1)
}
.zn--wrapper .mo\:-left-3rpx {
  left:-webkit-calc(var(--rpx,1px)*-3);
  left:-moz-calc(var(--rpx,1px)*-3);
  left:calc(var(--rpx,1px)*-3)
}
.zn--wrapper .mo\:bottom-28rpx {
  bottom:-webkit-calc(var(--rpx,1px)*28);
  bottom:-moz-calc(var(--rpx,1px)*28);
  bottom:calc(var(--rpx,1px)*28)
}
.zn--wrapper .mo\:top-0 {
  top:0
}
.zn--wrapper .\!mo\:text-left {
  text-align:left!important
}
.zn--wrapper .mo\:text-center {
  text-align:center
}
.zn--wrapper .mo\:text-\[\#1A1A1AF2\] {
  --tw-text-opacity:.9490196078431372;
  color:rgba(26,26,26,var(--tw-text-opacity))
}
.zn--wrapper .mo\:text-\[\#1A1A1A8C\] {
  --tw-text-opacity:.5490196078431373;
  color:rgba(26,26,26,var(--tw-text-opacity))
}
.zn--wrapper .mo\:w-full {
  width:100%
}
.zn--wrapper .mo\:w-97rpx {
  width:-webkit-calc(var(--rpx,1px)*97);
  width:-moz-calc(var(--rpx,1px)*97);
  width:calc(var(--rpx,1px)*97)
}
.zn--wrapper .mo\:w-328rpx {
  width:-webkit-calc(var(--rpx,1px)*328);
  width:-moz-calc(var(--rpx,1px)*328);
  width:calc(var(--rpx,1px)*328)
}
.zn--wrapper .mo\:w-322rpx {
  width:-webkit-calc(var(--rpx,1px)*322);
  width:-moz-calc(var(--rpx,1px)*322);
  width:calc(var(--rpx,1px)*322)
}
.zn--wrapper .mo\:w-460rpx {
  width:-webkit-calc(var(--rpx,1px)*460);
  width:-moz-calc(var(--rpx,1px)*460);
  width:calc(var(--rpx,1px)*460)
}
.zn--wrapper .mo\:w-379rpx {
  width:-webkit-calc(var(--rpx,1px)*379);
  width:-moz-calc(var(--rpx,1px)*379);
  width:calc(var(--rpx,1px)*379)
}
.zn--wrapper .mo\:w-107rpx {
  width:-webkit-calc(var(--rpx,1px)*107);
  width:-moz-calc(var(--rpx,1px)*107);
  width:calc(var(--rpx,1px)*107)
}
.zn--wrapper .mo\:w-121rpx {
  width:-webkit-calc(var(--rpx,1px)*121);
  width:-moz-calc(var(--rpx,1px)*121);
  width:calc(var(--rpx,1px)*121)
}
.zn--wrapper .mo\:w-295rpx {
  width:-webkit-calc(var(--rpx,1px)*295);
  width:-moz-calc(var(--rpx,1px)*295);
  width:calc(var(--rpx,1px)*295)
}
.zn--wrapper .mo\:w-513rpx {
  width:-webkit-calc(var(--rpx,1px)*513);
  width:-moz-calc(var(--rpx,1px)*513);
  width:calc(var(--rpx,1px)*513)
}
.zn--wrapper .mo\:w-154rpx {
  width:-webkit-calc(var(--rpx,1px)*154);
  width:-moz-calc(var(--rpx,1px)*154);
  width:calc(var(--rpx,1px)*154)
}
.zn--wrapper .mo\:w-103rpx {
  width:-webkit-calc(var(--rpx,1px)*103);
  width:-moz-calc(var(--rpx,1px)*103);
  width:calc(var(--rpx,1px)*103)
}
.zn--wrapper .mo\:w-175rpx {
  width:-webkit-calc(var(--rpx,1px)*175);
  width:-moz-calc(var(--rpx,1px)*175);
  width:calc(var(--rpx,1px)*175)
}
.zn--wrapper .mo\:w-22rpx {
  width:-webkit-calc(var(--rpx,1px)*22);
  width:-moz-calc(var(--rpx,1px)*22);
  width:calc(var(--rpx,1px)*22)
}
.zn--wrapper .mo\:w-855rpx {
  width:-webkit-calc(var(--rpx,1px)*855);
  width:-moz-calc(var(--rpx,1px)*855);
  width:calc(var(--rpx,1px)*855)
}
.zn--wrapper .mo\:w-\[6\.875vh\] {
  width:6.875vh;
  width:-webkit-calc(var(--vh,1vh)*6.875);
  width:-moz-calc(var(--vh,1vh)*6.875);
  width:calc(var(--vh,1vh)*6.875)
}
.zn--wrapper .mo\:w-\[25\%\] {
  width:25%
}
.zn--wrapper .mo\:w-360rpx {
  width:-webkit-calc(var(--rpx,1px)*360);
  width:-moz-calc(var(--rpx,1px)*360);
  width:calc(var(--rpx,1px)*360)
}
.zn--wrapper .mo\:w-1800rpx {
  width:-webkit-calc(var(--rpx,1px)*1800);
  width:-moz-calc(var(--rpx,1px)*1800);
  width:calc(var(--rpx,1px)*1800)
}
.zn--wrapper .mo\:w-204rpx {
  width:-webkit-calc(var(--rpx,1px)*204);
  width:-moz-calc(var(--rpx,1px)*204);
  width:calc(var(--rpx,1px)*204)
}
.zn--wrapper .mo\:w-\[20\%\] {
  width:20%
}
.zn--wrapper .mo\:w-45rpx {
  width:-webkit-calc(var(--rpx,1px)*45);
  width:-moz-calc(var(--rpx,1px)*45);
  width:calc(var(--rpx,1px)*45)
}
.zn--wrapper .mo\:w-333rpx {
  width:-webkit-calc(var(--rpx,1px)*333);
  width:-moz-calc(var(--rpx,1px)*333);
  width:calc(var(--rpx,1px)*333)
}
.zn--wrapper .mo\:w-65rpx {
  width:-webkit-calc(var(--rpx,1px)*65);
  width:-moz-calc(var(--rpx,1px)*65);
  width:calc(var(--rpx,1px)*65)
}
.zn--wrapper .mo\:w-206rpx {
  width:-webkit-calc(var(--rpx,1px)*206);
  width:-moz-calc(var(--rpx,1px)*206);
  width:calc(var(--rpx,1px)*206)
}
.zn--wrapper .mo\:w-243rpx {
  width:-webkit-calc(var(--rpx,1px)*243);
  width:-moz-calc(var(--rpx,1px)*243);
  width:calc(var(--rpx,1px)*243)
}
.zn--wrapper .mo\:w-281rpx {
  width:-webkit-calc(var(--rpx,1px)*281);
  width:-moz-calc(var(--rpx,1px)*281);
  width:calc(var(--rpx,1px)*281)
}
.zn--wrapper .mo\:w-67rpx {
  width:-webkit-calc(var(--rpx,1px)*67);
  width:-moz-calc(var(--rpx,1px)*67);
  width:calc(var(--rpx,1px)*67)
}
.zn--wrapper .mo\:w-72rpx {
  width:-webkit-calc(var(--rpx,1px)*72);
  width:-moz-calc(var(--rpx,1px)*72);
  width:calc(var(--rpx,1px)*72)
}
.zn--wrapper .mo\:w-124px {
  width:124px
}
.zn--wrapper .mo\:gap-20rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*20);
  grid-gap:-moz-calc(var(--rpx,1px)*20);
  grid-gap:calc(var(--rpx,1px)*20);
  gap:-webkit-calc(var(--rpx,1px)*20);
  gap:-moz-calc(var(--rpx,1px)*20);
  gap:calc(var(--rpx,1px)*20)
}
.zn--wrapper .mo\:gap-24rpx {
  grid-gap:-webkit-calc(var(--rpx,1px)*24);
  grid-gap:-moz-calc(var(--rpx,1px)*24);
  grid-gap:calc(var(--rpx,1px)*24);
  gap:-webkit-calc(var(--rpx,1px)*24);
  gap:-moz-calc(var(--rpx,1px)*24);
  gap:calc(var(--rpx,1px)*24)
}
.zn--wrapper .mo\:transform {
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-translate-z:0;
  --tw-rotate:0;
  --tw-rotate-x:0;
  --tw-rotate-y:0;
  --tw-rotate-z:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-scale-z:1;
  -webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
}
.zn--wrapper .mo\:translate-x-0 {
  --tw-translate-x:0px
}
.zn--wrapper .mo\:translate-x-\[-47\%\] {
  --tw-translate-x:-47%
}
.zn--wrapper .mo\:translate-x-\[-50\%\] {
  --tw-translate-x:-50%
}
.zn--wrapper .mo\:translate-y-\[-50\%\] {
  --tw-translate-y:-50%
}
.zn--wrapper .mo\:duration-300 {
  -webkit-transition-duration:.3s;
  -moz-transition-duration:.3s;
  transition-duration:.3s
}
.zn--wrapper .mo\:full {
  height:100%;
  width:100%
}
.zn--wrapper .mo\:abs-0 {
  left:0;
  position:absolute;
  top:0
}
}@media (max-width:1023px) {
  .zn--wrapper .mot\:flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex
}
.zn--wrapper .mot\:flex-row {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -moz-box-orient:horizontal;
  -moz-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row
}
.zn--wrapper .mot\: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
}
.zn--wrapper .mot\:items-center {
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.zn--wrapper .mot\:justify-center {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.zn--wrapper .mot\:justify-between {
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.zn--wrapper .mot\:h-31rpx {
  height:-webkit-calc(var(--rpx,1px)*31);
  height:-moz-calc(var(--rpx,1px)*31);
  height:calc(var(--rpx,1px)*31)
}
.zn--wrapper .mot\:h-60rpx {
  height:-webkit-calc(var(--rpx,1px)*60);
  height:-moz-calc(var(--rpx,1px)*60);
  height:calc(var(--rpx,1px)*60)
}
.zn--wrapper .mot\:h-36rpx {
  height:-webkit-calc(var(--rpx,1px)*36);
  height:-moz-calc(var(--rpx,1px)*36);
  height:calc(var(--rpx,1px)*36)
}
.zn--wrapper .mot\:h-\[calc\(var\(--content-height\)\+1300px\)\] {
  height:-webkit-calc(var(--content-height) + 1300px);
  height:-moz-calc(var(--content-height) + 1300px);
  height:calc(var(--content-height) + 1300px)
}
.zn--wrapper .mot\:h-\[98\%\] {
  height:98%
}
.zn--wrapper .mot\:h-45rpx {
  height:-webkit-calc(var(--rpx,1px)*45);
  height:-moz-calc(var(--rpx,1px)*45);
  height:calc(var(--rpx,1px)*45)
}
.zn--wrapper .mot\:text-40px {
  font-size:40px;
  line-height:1
}
.zn--wrapper .mot\:text-28rpx {
  font-size:-webkit-calc(var(--rpx,1px)*28);
  font-size:-moz-calc(var(--rpx,1px)*28);
  font-size:calc(var(--rpx,1px)*28);
  line-height:1
}
.zn--wrapper .mot\:text-16rpx {
  font-size:-webkit-calc(var(--rpx,1px)*16);
  font-size:-moz-calc(var(--rpx,1px)*16);
  font-size:calc(var(--rpx,1px)*16);
  line-height:1
}
.zn--wrapper .mot\:text-24rpx {
  font-size:-webkit-calc(var(--rpx,1px)*24);
  font-size:-moz-calc(var(--rpx,1px)*24);
  font-size:calc(var(--rpx,1px)*24);
  line-height:1
}
.zn--wrapper .mot\:text-12px {
  font-size:12px;
  line-height:1
}
.zn--wrapper .mot\:text-14px {
  font-size:14px;
  line-height:1
}
.zn--wrapper .mot\:text-14rpx {
  font-size:-webkit-calc(var(--rpx,1px)*14);
  font-size:-moz-calc(var(--rpx,1px)*14);
  font-size:calc(var(--rpx,1px)*14);
  line-height:1
}
.zn--wrapper .mot\:text-28px {
  font-size:28px;
  line-height:1
}
.zn--wrapper .mot\:text-20px {
  font-size:20px;
  line-height:1
}
.zn--wrapper .mot\:text-40rpx {
  font-size:-webkit-calc(var(--rpx,1px)*40);
  font-size:-moz-calc(var(--rpx,1px)*40);
  font-size:calc(var(--rpx,1px)*40);
  line-height:1
}
.zn--wrapper .mot\:text-32px {
  font-size:32px;
  line-height:1
}
.zn--wrapper .mot\:text-16px {
  font-size:16px;
  line-height:1
}
.zn--wrapper .mot\:text-24px {
  font-size:24px;
  line-height:1
}
.zn--wrapper .mot\:text-18rpx {
  font-size:-webkit-calc(var(--rpx,1px)*18);
  font-size:-moz-calc(var(--rpx,1px)*18);
  font-size:calc(var(--rpx,1px)*18);
  line-height:1
}
.zn--wrapper .mot\:leading-\[1\.1\] {
  line-height:1.1
}
.zn--wrapper .mot\:leading-\[1\.2\] {
  line-height:1.2
}
.zn--wrapper .mot\:leading-\[1\.4\] {
  line-height:1.4
}
.zn--wrapper .mot\:leading-40px {
  line-height:40px
}
.zn--wrapper .mot\:my-30rpx {
  margin-bottom:calc(var(--rpx,1px)*30);
  margin-top:calc(var(--rpx,1px)*30)
}
.zn--wrapper .mot\:mt-12rpx {
  margin-top:calc(var(--rpx,1px)*12)
}
.zn--wrapper .mot\:ml-5rpx {
  margin-left:calc(var(--rpx,1px)*5)
}
.zn--wrapper .mot\:mt-24rpx {
  margin-top:calc(var(--rpx,1px)*24)
}
.zn--wrapper .mot\:mb-24rpx {
  margin-bottom:calc(var(--rpx,1px)*24)
}
.zn--wrapper .mot\:mt-14rpx {
  margin-top:calc(var(--rpx,1px)*14)
}
.zn--wrapper .mot\:mb-6rpx {
  margin-bottom:calc(var(--rpx,1px)*6)
}
.zn--wrapper .mot\:mt-8rpx {
  margin-top:calc(var(--rpx,1px)*8)
}
.zn--wrapper .mot\:mb-4rpx {
  margin-bottom:calc(var(--rpx,1px)*4)
}
.zn--wrapper .mot\:mb-20rpx {
  margin-bottom:calc(var(--rpx,1px)*20)
}
.zn--wrapper .mot\:mr-40rpx {
  margin-right:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mot\:py-40rpx {
  padding-bottom:calc(var(--rpx,1px)*40);
  padding-top:calc(var(--rpx,1px)*40)
}
.zn--wrapper .mot\:pt-30rpx {
  padding-top:calc(var(--rpx,1px)*30)
}
.zn--wrapper .mot\:relative {
  position:relative
}
.zn--wrapper .mot\:top-4rpx {
  top:-webkit-calc(var(--rpx,1px)*4);
  top:-moz-calc(var(--rpx,1px)*4);
  top:calc(var(--rpx,1px)*4)
}
.zn--wrapper .mot\:right-auto {
  right:auto
}
.zn--wrapper .mot\:left-16rpx {
  left:-webkit-calc(var(--rpx,1px)*16);
  left:-moz-calc(var(--rpx,1px)*16);
  left:calc(var(--rpx,1px)*16)
}
.zn--wrapper .mot\:top-\[-20px\] {
  top:-20px
}
.zn--wrapper .mot\:left-0 {
  left:0
}
.zn--wrapper .mot\:-top-1px {
  top:-1px
}
.zn--wrapper .mot\:w-full {
  width:100%
}
.zn--wrapper .mot\:w-58rpx {
  width:-webkit-calc(var(--rpx,1px)*58);
  width:-moz-calc(var(--rpx,1px)*58);
  width:calc(var(--rpx,1px)*58)
}
.zn--wrapper .mot\:w-60rpx {
  width:-webkit-calc(var(--rpx,1px)*60);
  width:-moz-calc(var(--rpx,1px)*60);
  width:calc(var(--rpx,1px)*60)
}
.zn--wrapper .mot\:w-84rpx {
  width:-webkit-calc(var(--rpx,1px)*84);
  width:-moz-calc(var(--rpx,1px)*84);
  width:calc(var(--rpx,1px)*84)
}
.zn--wrapper .mot\:w-\[98\%\] {
  width:98%
}
.zn--wrapper .mot\: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)
}
}.zn--wrapper {
  color:#000;
  font-size:16px
}
.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
  opacity:0
}
.zn--wrapper img[src^="https://via.placeholder.com/"] {
  opacity:.5
}
.zn--wrapper * {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.zn--wrapper a {
  text-decoration:none
}
.zn--wrapper img {
  display:block;
  max-width:none
}
.zn--wrapper canvas img {
  display:none
}
.zn--wrapper video {
  display:block;
  max-width:none
}
.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status] {
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  background-size:cover
}
.zn--wrapper br {
  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--wrapper sup {
  font-size:60%;
  top:-1em
}
.zn--replacement-tool {
  --p-6:#4c3fb3;
  --p-5:#6a5ecc;
  --p-4:#968dda;
  --k-2:#e5e5e5;
  --k-3:#a9a9b5;
  --white:#fff;
  --border-radius:12ex
}
.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
  background:#4c3fb3;
  color:#fff
}
.zn--wrapper .zn-text-inner {
  font-size:inherit;
  line-height:inherit
}
.zn--wrapper [contenteditable=true] {
  caret-color:#4c3fb3;
  outline:none
}
.zn--wrapper .mot\:gap-30rpx {
    opacity: 0
}
.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
  margin:0 auto 10px;
  width:140ex;
  width:-webkit-calc(var(--rpx,1px)*320);
  width:-moz-calc(var(--rpx,1px)*320);
  width:calc(var(--rpx,1px)*320)
}
.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
  bottom:0;
  left:-webkit-calc(50vw - 20px)!important;
  left:-moz-calc(50vw - 20px)!important;
  left:calc(50vw - 20px)!important;
  left:-webkit-calc(var(--vw,1vw)*50 - 20px)!important;
  left:-moz-calc(var(--vw,1vw)*50 - 20px)!important;
  left:calc(var(--vw,1vw)*50 - 20px)!important;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translate(-50%)
}
[ani-will-change-view] .will-change {
  will-change:var(--will-change)
}
[ani-will-change-view] .will-change-opacity {
  will-change:var(--will-change-opacity)
}
[ani-will-change-view] .will-change-clip {
  will-change:var(--will-change-clip)
}
.fix-round {
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  transform:translateZ(0)
}
.fix-edge {
  -webkit-clip-path:inset(1px);
  clip-path:inset(1px)
}
.fix-edge-x {
  -webkit-clip-path:inset(0 1px);
  clip-path:inset(0 1px)
}
.fix-edge-y {
  -webkit-clip-path:inset(1px 0);
  clip-path:inset(1px 0)
}
.fix-mt {
  margin-top:-1px
}
#section-kv .remark {
  -webkit-transform:scale(.6);
  -moz-transform:scale(.6);
  -ms-transform:scale(.6);
  transform:scale(.6)
}
#section-ksp {
  cursor:none
}
#section-ksp [ani-ksp-cursor] {
  mix-blend-mode:difference;
  opacity:0;
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
  transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
  -moz-transition:opacity .3s ease-in-out,transform .3s ease-in-out,-moz-transform .3s ease-in-out;
  transition:opacity .3s ease-in-out,transform .3s ease-in-out;
  transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out
}
#section-ksp [ani-ksp-cursor].show {
  opacity:1;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-ksp .href-box {
  background:-webkit-radial-gradient(50% 0,155.22% 155.22%,#fff 35.02%,rgba(213,214,255,.4) 76.19%);
  background:-moz-radial-gradient(50% 0,155.22% 155.22%,#fff 35.02%,rgba(213,214,255,.4) 76.19%);
  background:radial-gradient(155.22% 155.22% at 50% 0,#fff 35.02%,rgba(213,214,255,.4) 76.19%);
  overflow:hidden;
  position:relative
}
#section-ksp .href-box[data-href="#anchor-pen"] {
  background:-webkit-radial-gradient(50% 50%,98.12% 98.12%,#fff 42.21%,#d4d4f5 100%);
  background:-moz-radial-gradient(50% 50%,98.12% 98.12%,#fff 42.21%,#d4d4f5 100%);
  background:radial-gradient(98.12% 98.12% at 50% 50%,#fff 42.21%,#d4d4f5 100%)
}
#section-ksp .border-right {
  border-right:1px solid #e3e3e3
}
#section-ksp .border-bottom {
  border-bottom:1px solid #e3e3e3
}
#section-ksp .border-left {
  border-left:1px solid #e3e3e3
}
#section-ksp .border-top {
  border-top:1px solid #e3e3e3
}
#section-ksp .clip-linear-text {
  -webkit-text-fill-color:transparent;
  text-fill-color:transparent;
  background:-webkit-linear-gradient(347.34deg,#e6d8c8 .05%,#b1845a 100.05%);
  background:-moz-linear-gradient(347.34deg,#e6d8c8 .05%,#b1845a 100.05%);
  background:linear-gradient(102.66deg,#e6d8c8 .05%,#b1845a 100.05%);
  -webkit-background-clip:text;
  background-clip:text
}
#section-ksp .text-content {
  height:100%;
  padding:calc(var(--rpx,1px)*24);
  position:relative;
  width:100%;
  z-index:1
}
.btn-linear-color {
  background:-webkit-linear-gradient(347.34deg,#e6d8c8 .05%,#b1845a 100.05%);
  background:-moz-linear-gradient(347.34deg,#e6d8c8 .05%,#b1845a 100.05%);
  background:linear-gradient(102.66deg,#e6d8c8 .05%,#b1845a 100.05%);
  line-height:1;
  overflow:hidden;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content
}
[data-comp-multi-feature-card] {
  border:1px solid rgba(0,0,0,.149)
}
[data-comp-multi-feature-card] .pc-image {
  border-right:1px solid rgba(0,0,0,.149)
}
[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn {
  color:#fff
}
[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn.active {
  color:#000
}
[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn {
  color:#fff
}
[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn.active {
  color:#000
}
[data-comp-multi-feature-card] .media:not(.active) {
  opacity:0;
  pointer-events:none
}
[data-comp-multi-feature-card] .collapse-card {
  cursor:pointer;
  height:var(--min-h);
  position:relative;
  -webkit-transition:height .4s;
  -moz-transition:height .4s;
  transition:height .4s
}
[data-comp-multi-feature-card] .collapse-card .text-wrapper {
  max-width:96%
}
[data-comp-multi-feature-card] .collapse-card>div:first-child {
  height:100%
}
[data-comp-multi-feature-card] .collapse-card p:first-child {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  padding-bottom:calc(var(--rpx,1px)*0);
  -webkit-transform-origin:left 30%;
  -moz-transform-origin:left 30%;
  -ms-transform-origin:left 30%;
  transform-origin:left 30%;
  -webkit-transition:opacity .4s,-webkit-transform .4s;
  transition:opacity .4s,-webkit-transform .4s;
  -moz-transition:transform .4s,opacity .4s,-moz-transform .4s;
  transition:transform .4s,opacity .4s;
  transition:transform .4s,opacity .4s,-webkit-transform .4s,-moz-transform .4s
}
html[dir=rtl] .collapse-card p:first-child {
  -webkit-transform-origin:right 30%;
  -moz-transform-origin:right 30%;
  -ms-transform-origin:right 30%;
  transform-origin:right 30%
}
[data-comp-multi-feature-card] .collapse-card .links,[data-comp-multi-feature-card] .collapse-card p:nth-child(2) {
  -webkit-transition:opacity .4s;
  -moz-transition:opacity .4s;
  transition:opacity .4s
}
[data-comp-multi-feature-card] .collapse-card img.button {
  position:absolute;
  right:-webkit-calc(var(--rpx,1px)*64);
  right:-moz-calc(var(--rpx,1px)*64);
  right:calc(var(--rpx,1px)*64);
  top:0;
  -webkit-transition:-webkit-transform .4s;
  transition:-webkit-transform .4s;
  -moz-transition:transform .4s,-moz-transform .4s;
  transition:transform .4s;
  transition:transform .4s,-webkit-transform .4s,-moz-transform .4s
}
html[dir=rtl] .collapse-card img.button {
  left:0;
  right:auto;
  top:0
}
[data-comp-multi-feature-card] .collapse-card img.button .v {
  -webkit-transition:-webkit-transform .4s;
  transition:-webkit-transform .4s;
  -moz-transition:transform .4s,-moz-transform .4s;
  transition:transform .4s;
  transition:transform .4s,-webkit-transform .4s,-moz-transform .4s
}
[data-comp-multi-feature-card] .collapse-card:not(.active) p:first-child {
  opacity:.35
}
[data-comp-multi-feature-card] .collapse-card:not(.active) .links,[data-comp-multi-feature-card] .collapse-card:not(.active) p:nth-child(2) {
  opacity:0
}
[data-comp-multi-feature-card] .collapse-card:not(.active)>img.button {
  -webkit-clip-path:inset(0 0);
  clip-path:inset(0 0);
  opacity:.35
}
[data-comp-multi-feature-card] .collapse-card.active {
  height:var(--max-h)
}
[data-comp-multi-feature-card] .collapse-card.active img.button .v {
  -webkit-transform:scaleY(0);
  -moz-transform:scaleY(0);
  -ms-transform:scaleY(0);
  transform:scaleY(0)
}
[data-comp-multi-feature-card] .collapse-card.active>img.button {
  -webkit-clip-path:inset(47% 0);
  clip-path:inset(47% 0)
}
[data-comp-multi-feature-card] .image-group>.image-group>.image-group:not(:first-child) {
  display:none
}
[data-comp-multi-feature-card] .image-group .switch-button>:not(.slide) {
  background:transparent;
  position:relative;
  z-index:1
}
[data-comp-multi-feature-card] .image-group .switch-button .slide {
  left:-webkit-calc(var(--rpx,1px)*2);
  left:-moz-calc(var(--rpx,1px)*2);
  left:calc(var(--rpx,1px)*2);
  position:absolute;
  -webkit-transition:-webkit-transform .4s;
  transition:-webkit-transform .4s;
  -moz-transition:transform .4s,-moz-transform .4s;
  transition:transform .4s;
  transition:transform .4s,-webkit-transform .4s,-moz-transform .4s
}
[data-comp-multi-feature-card] .image-group .switch-button .slide>* {
  color:transparent
}
[data-comp-multi-feature-card] .image-group .switch-button[status="1"] .slide {
  -webkit-transform:translate(100%);
  -moz-transform:translate(100%);
  -ms-transform:translate(100%);
  transform:translate(100%)
}
[data-comp-multi-feature-card] .image-group .switch-button[status="1"]:first-child>* {
  color:#fff
}
[data-comp-multi-feature-card] .image-group .switch-button[status="1"]:nth-child(2)>* {
  color:#000
}
[data-comp-multi-feature-card].ar .collapse-card img.button {
  left:0;
  margin-left:0;
  margin-right:calc(var(--rpx,1px)*44);
  right:auto
}
[data-comp-multi-feature-card].ar .collapse-card>div:first-child p:first-child {
  -webkit-transform-origin:top right;
  -moz-transform-origin:top right;
  -ms-transform-origin:top right;
  transform-origin:top right
}
#section-google .component {
  border-top:none
}
#section-google .collapse-card-list {
  border-left:none;
  border-right:1px solid rgba(0,0,0,.149)
}
#section-seamless .component {
  border-top:1px solid rgba(0,0,0,.149)
}
#section-color .have-color {
  background:-webkit-gradient(linear,left top,right top,color-stop(5%,#82fd93),to(#3f7ae2));
  background:-webkit-linear-gradient(left,#82fd93 5%,#3f7ae2);
  background:-moz-linear-gradient(left,#82fd93 5%,#3f7ae2 100%);
  background:linear-gradient(90deg,#82fd93 5%,#3f7ae2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
#section-color .content:not([data-active="0"]) .color-btn {
  border:1px solid hsla(0,0%,87%,0)
}
#section-color .content:not([data-active="0"]) .color-btn .inner {
  -webkit-transition-duration:.5s;
  -moz-transition-duration:.5s;
  transition-duration:.5s
}
#section-color .content[data-active="0"] .text {
  opacity:0
}
#section-color .content[data-active="0"] .text-0 {
  opacity:.75
}
#section-color .content[data-active="0"] .text-title-0 {
  opacity:1
}
#section-color .content[data-active="0"] img {
  opacity:0
}
#section-color .content[data-active="0"] .color-img-0 {
  opacity:1
}
#section-color .content[data-active="0"] .color-btn {
  border:1px solid transparent
}
#section-color .content[data-active="0"] .color-btn-0 {
  border:1px solid #a8a8a8!important
}
#section-color .content[data-active="0"] .color-btn-0 .inner {
  -webkit-transform:none!important;
  -moz-transform:none!important;
  -ms-transform:none!important;
  transform:none!important
}
#section-color .content .color-btn-0 .inner {
  background:-webkit-gradient(linear,left top,left bottom,from(#6d7077),to(#222324));
  background:-webkit-linear-gradient(top,#6d7077,#222324);
  background:-moz-linear-gradient(top,#6d7077 0,#222324 100%);
  background:linear-gradient(180deg,#6d7077,#222324)
}
#section-design .text-wrapper p,#section-durability .text-wrapper p {
  opacity:0;
  -webkit-transform:translateY(100px);
  -moz-transform:translateY(100px);
  -ms-transform:translateY(100px);
  transform:translateY(100px);
  -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
}
#section-design .text-wrapper p:first-child,#section-design .text-wrapper p:nth-child(2),#section-design .text-wrapper p:nth-child(3),#section-design .text-wrapper p:nth-child(4),#section-durability .text-wrapper p:first-child,#section-durability .text-wrapper p:nth-child(2),#section-durability .text-wrapper p:nth-child(3),#section-durability .text-wrapper p:nth-child(4) {
  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  transition-delay:0s
}
#section-design .text-wrapper.show p,#section-durability .text-wrapper.show p {
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}
#section-design .text-wrapper.show p:first-child,#section-durability .text-wrapper.show p:first-child {
  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  transition-delay:0s
}
#section-design .text-wrapper.show p:nth-child(2),#section-durability .text-wrapper.show p:nth-child(2) {
  opacity:.75;
  -webkit-transition-delay:.1s;
  -moz-transition-delay:.1s;
  transition-delay:.1s
}
#section-design .text-wrapper.show p:nth-child(3),#section-durability .text-wrapper.show p:nth-child(3) {
  opacity:.75;
  -webkit-transition-delay:.2s;
  -moz-transition-delay:.2s;
  transition-delay:.2s
}
#section-design .text-wrapper.show p:nth-child(4),#section-durability .text-wrapper.show p:nth-child(4) {
  opacity:.75;
  -webkit-transition-delay:.3s;
  -moz-transition-delay:.3s;
  transition-delay:.3s
}
#section-fashion .shadow-box {
  background:-webkit-radial-gradient(2.98% -.07%,168% 85%,transparent 40%,hsla(0,0%,60%,0) 60%);
  background:-moz-radial-gradient(2.98% -.07%,168% 85%,transparent 40%,hsla(0,0%,60%,0) 60%);
  background:radial-gradient(168% 85% at 2.98% -.07%,transparent 40%,hsla(0,0%,60%,0) 60%)
}
#section-pen .back-box {
  background:radial-gradient(116.99% 150.93% at 58.99% 137.31%,rgba(235,221,255,0) 0,rgba(187,180,226,0) 24.25%,rgba(86,66,129,0) 58.22%,rgba(9,5,36,0) 91.25%),-webkit-gradient(linear,left top,left bottom,color-stop(-26.84%,#e4e7ff),color-stop(4.87%,#d5daff),color-stop(45.73%,#e4e7ff),to(#fff));
  background:-webkit-radial-gradient(58.99% 137.31%,116.99% 150.93%,rgba(235,221,255,0) 0,rgba(187,180,226,0) 24.25%,rgba(86,66,129,0) 58.22%,rgba(9,5,36,0) 91.25%),-webkit-linear-gradient(top,#e4e7ff -26.84%,#d5daff 4.87%,#e4e7ff 45.73%,#fff);
  background:-moz-radial-gradient(58.99% 137.31%,116.99% 150.93%,rgba(235,221,255,0) 0,rgba(187,180,226,0) 24.25%,rgba(86,66,129,0) 58.22%,rgba(9,5,36,0) 91.25%),-moz-linear-gradient(top,#e4e7ff -26.84%,#d5daff 4.87%,#e4e7ff 45.73%,#fff 100%);
  background:radial-gradient(116.99% 150.93% at 58.99% 137.31%,rgba(235,221,255,0) 0,rgba(187,180,226,0) 24.25%,rgba(86,66,129,0) 58.22%,rgba(9,5,36,0) 91.25%),linear-gradient(180deg,#e4e7ff -26.84%,#d5daff 4.87%,#e4e7ff 45.73%,#fff)
}
#section-pen .purple-text {
  -webkit-text-fill-color:transparent;
  text-fill-color:transparent;
  background:-webkit-gradient(linear,left bottom,left top,from(#9684e7),to(#c1b4fb));
  background:-webkit-linear-gradient(bottom,#9684e7,#c1b4fb);
  background:-moz-linear-gradient(bottom,#9684e7 0,#c1b4fb 100%);
  background:linear-gradient(0deg,#9684e7,#c1b4fb);
  -webkit-background-clip:text;
  background-clip:text
}
#section-flow .bg-box {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(49.85%,rgba(225,227,253,0)),to(rgba(195,197,228,.88))),#fff;
  background:-webkit-linear-gradient(top,rgba(225,227,253,0) 49.85%,rgba(195,197,228,.88)),#fff;
  background:-moz-linear-gradient(top,rgba(225,227,253,0) 49.85%,rgba(195,197,228,.88) 100%),#fff;
  background:linear-gradient(180deg,rgba(225,227,253,0) 49.85%,rgba(195,197,228,.88)),#fff
}
#section-flow .num {
  color:#6062ac
}
#section-flow .border-box {
  border-color:#00000026;
  border-style:solid;
  border-width:1px 0
}
#section-flow .border-left {
  border-left:1px solid rgba(0,0,0,.149)
}
#section-flow .border-right {
  border-right:1px solid rgba(0,0,0,.149)
}
#section-read .hands {
  mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(70%,#000),to(rgba(0,0,0,0)));
  mask-image:linear-gradient(180deg,#000 0,#000 70%,rgba(0,0,0,0));
  -webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(70%,#000),to(rgba(0,0,0,0)));
  -webkit-mask-image:-webkit-linear-gradient(top,#000,#000 70%,rgba(0,0,0,0))
}
#section-smooth {
  background:-webkit-radial-gradient(50% 0,78.63% 117.57%,#fff 50.66%,#e4e0ff 95.19%);
  background:-moz-radial-gradient(50% 0,78.63% 117.57%,#fff 50.66%,#e4e0ff 95.19%);
  background:radial-gradient(78.63% 117.57% at 50% 0,#fff 50.66%,#e4e0ff 95.19%)
}
#section-seamless .replay p,#section-smooth .replay p {
  border-bottom:1px solid #000
}
#section-note .content {
  border-bottom:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8
}
#section-note .content .top-text {
  opacity:.3
}
#section-note .content .bottom-text {
  opacity:0
}
#section-note .content .charge-img {
  opacity:.4;
  -webkit-transform:scale(.8);
  -moz-transform:scale(.8);
  -ms-transform:scale(.8);
  transform:scale(.8);
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  transform-origin:center
}
#section-note .content[data-active="0"] .top-text-0 {
  opacity:.95
}
#section-note .content[data-active="0"] .bottom-text-0 {
  opacity:1
}
#section-note .content[data-active="0"] .charge-img-0 {
  opacity:1;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-note .content[data-active="1"] .top-text-1 {
  opacity:.95
}
#section-note .content[data-active="1"] .bottom-text-1 {
  opacity:1
}
#section-note .content[data-active="1"] .move-line {
  -webkit-transform:translateY(100%);
  -moz-transform:translateY(100%);
  -ms-transform:translateY(100%);
  transform:translateY(100%)
}
#section-note .content[data-active="1"] .charge-img-1 {
  opacity:1;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-note .content[data-active="1"] .charge-img-0 {
  -webkit-transform-origin:center 180%;
  -moz-transform-origin:center 180%;
  -ms-transform-origin:center 180%;
  transform-origin:center 180%
}
#section-note .content[data-active="1"] .charge-img-2 {
  -webkit-transform-origin:center -100%;
  -moz-transform-origin:center -100%;
  -ms-transform-origin:center -100%;
  transform-origin:center -100%
}
#section-note .content[data-active="2"] .top-text-2 {
  opacity:.95
}
#section-note .content[data-active="2"] .bottom-text-2 {
  opacity:1
}
#section-note .content[data-active="2"] .move-line {
  -webkit-transform:translateY(200%);
  -moz-transform:translateY(200%);
  -ms-transform:translateY(200%);
  transform:translateY(200%)
}
#section-note .content[data-active="2"] .charge-img-2 {
  opacity:1;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-note .content[data-active="2"] .charge-img-1 {
  -webkit-transform-origin:center 180%;
  -moz-transform-origin:center 180%;
  -ms-transform-origin:center 180%;
  transform-origin:center 180%
}
#section-note .content[data-active="2"] .charge-img-3 {
  -webkit-transform-origin:center -100%;
  -moz-transform-origin:center -100%;
  -ms-transform-origin:center -100%;
  transform-origin:center -100%
}
#section-note .content[data-active="3"] .top-text-3 {
  opacity:.95
}
#section-note .content[data-active="3"] .bottom-text-3 {
  opacity:1
}
#section-note .content[data-active="3"] .move-line {
  -webkit-transform:translateY(300%);
  -moz-transform:translateY(300%);
  -ms-transform:translateY(300%);
  transform:translateY(300%)
}
#section-note .content[data-active="3"] .charge-img-3 {
  opacity:1;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-note .content[data-active="3"] .charge-img-2 {
  -webkit-transform-origin:center 180%;
  -moz-transform-origin:center 180%;
  -ms-transform-origin:center 180%;
  transform-origin:center 180%
}
[dir=rtl] .zn--wrapper .origin-top-left {
  -webkit-transform-origin:top right;
  -moz-transform-origin:top right;
  -ms-transform-origin:top right;
  transform-origin:top right
}
[dir=rtl] .zn--wrapper .mo\:translate-y-\[-50\%\],[dir=rtl] .zn--wrapper .pad\:translate-y-\[-50\%\] {
  --tw-translate-y:-50%
}
html[lang=da-DK] .zn--wrapper .mot\:text-40px,html[lang=de-DE] .zn--wrapper .mot\:text-40px,html[lang=en-LT] .zn--wrapper .mot\:text-40px,html[lang=es-ES] .zn--wrapper .mot\:text-40px,html[lang=fi-FI] .zn--wrapper .mot\:text-40px,html[lang=fr-FR] .zn--wrapper .mot\:text-40px,html[lang=it-IT] .zn--wrapper .mot\:text-40px,html[lang=nl-BE] .zn--wrapper .mot\:text-40px,html[lang=nl-NL] .zn--wrapper .mot\:text-40px,html[lang=pl-PL] .zn--wrapper .mot\:text-40px,html[lang=ru-KZ] .zn--wrapper .mot\:text-40px,html[lang=ru-RU] .zn--wrapper .mot\:text-40px,html[lang=sv-SE] .zn--wrapper .mot\:text-40px {
  font-size:38px
}
html[lang=da-DK] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=de-DE] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=en-LT] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=es-ES] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=fi-FI] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=fr-FR] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=it-IT] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=nl-BE] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=nl-NL] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=pl-PL] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=ru-KZ] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=ru-RU] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5],html[lang=sv-SE] .zn--wrapper .mot\:text-40px .mo-only.leading-[\31\.5] {
  word-wrap:break-word
}
html[lang=pl-PL] .zn--wrapper #section-super .mot\:text-24rpx,html[lang=ru-KZ] .zn--wrapper #section-super .mot\:text-24rpx,html[lang=ru-RU] .zn--wrapper #section-super .mot\:text-24rpx {
  font-size:-webkit-calc(var(--rpx,1px)*20);
  font-size:-moz-calc(var(--rpx,1px)*20);
  font-size:calc(var(--rpx,1px)*20)
}
html[lang=ar-SA] .zn--wrapper .text-18rpx {
  word-wrap:break-word
}
html[lang=en-IN] .en-in-show {
  display:block!important
}
html[lang=en-IN] .en-in-hidden {
  display:none!important
}
.en-in-show {
  display:none
}
body.no-scroll {
  overflow-y:hidden
}
body.zn--body-fixed {
  position:fixed
}
#webpack-dev-server-client-overlay {
  display:none
}
.scrollbar-hidden::-webkit-scrollbar {
  display:none
}
.scrollbar-hidden {
  -ms-overflow-style:none;
  scrollbar-width:none
}
.purple-text {
  -webkit-text-fill-color:transparent;
  text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,left bottom,from(#9b8fe2),to(#7a7cd4));
  background:-webkit-linear-gradient(top,#9b8fe2,#7a7cd4);
  background:-moz-linear-gradient(top,#9b8fe2 0,#7a7cd4 100%);
  background:linear-gradient(180deg,#9b8fe2,#7a7cd4);
  -webkit-background-clip:text;
  background-clip:text
}
@media (min-width:650px) and (max-width:1023px) {
  #section-kv .remark {
  -webkit-transform:scale(.5);
  -moz-transform:scale(.5);
  -ms-transform:scale(.5);
  transform:scale(.5)
}
#section-ksp .href-box[data-href="#anchor-pen"] {
  border-top:1px solid #e3e3e3
}
#section-ksp .text-content {
  height:-webkit-max-content;
  height:-moz-max-content;
  height:max-content;
  padding:calc(var(--rpx,1px)*16);
  padding-bottom:0
}
[data-comp-multi-feature-card] .collapse-card img.button {
  height:24px;
  right:-webkit-calc(var(--rpx,1px)*24);
  right:-moz-calc(var(--rpx,1px)*24);
  right:calc(var(--rpx,1px)*24);
  width:24px
}
html[dir=rtl] .collapse-card img.button {
  left:auto;
  right:-webkit-calc(var(--rpx,1px)*24);
  right:-moz-calc(var(--rpx,1px)*24);
  right:calc(var(--rpx,1px)*24)
}
[data-comp-multi-feature-card] .image-group>.combine-image {
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
#section-google .pc-image {
  border-top:1px solid rgba(0,0,0,.149)
}
#section-ai {
  border-left:0;
  border-right:0
}
:root {
  --rpx:-webkit-calc(.13889vw - .06667px);
  --rpx:-moz-calc(.13889vw - .06667px);
  --rpx:calc(.13889vw - .06667px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);
  --rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);
  --rpx:calc(var(--vw,1vw)*100/720 - .06667px)
}
.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show {
  display:none
}
[dir=rtl] .zn--wrapper #section-read .pad\:ml-62rpx {
  margin-left:0;
  margin-right:calc(var(--rpx,1px)*62)
}
html[lang=fi-FI] .zn--wrapper .pad\:w-145px,html[lang=ru-KZ] .zn--wrapper .pad\:w-145px,html[lang=ru-RU] .zn--wrapper .pad\:w-145px {
  word-break:break-word
}
html[lang=ru-KZ] .zn--wrapper .mot\:text-40rpx,html[lang=ru-RU] .zn--wrapper .mot\:text-40rpx {
  font-size:-webkit-calc(var(--rpx,1px)*30);
  font-size:-moz-calc(var(--rpx,1px)*30);
  font-size:calc(var(--rpx,1px)*30)
}
}@media (max-width:649px) {
  #section-kv .remark {
  -webkit-transform:scale(.4);
  -moz-transform:scale(.4);
  -ms-transform:scale(.4);
  transform:scale(.4)
}
[data-comp-multi-feature-card],[data-comp-multi-feature-card] .pc-image {
  border:none
}
[data-comp-multi-feature-card] .collapse-card img.button {
  height:24px;
  right:-webkit-calc(var(--rpx,1px)*32);
  right:-moz-calc(var(--rpx,1px)*32);
  right:calc(var(--rpx,1px)*32);
  width:24px
}
html[dir=rtl] .collapse-card img.button {
  left:auto;
  right:-webkit-calc(var(--rpx,1px)*16);
  right:-moz-calc(var(--rpx,1px)*16);
  right:calc(var(--rpx,1px)*16)
}
[data-comp-multi-feature-card] .collapse-card:not(.active)>img.button {
  -webkit-transform:translateY(-webkit-calc(var(--min-h)/2 - 53%));
  -moz-transform:translateY(-moz-calc(var(--min-h)/2 - 53%));
  -ms-transform:translateY(calc(var(--min-h)/2 - 53%));
  transform:translateY(calc(var(--min-h)/2 - 53%))
}
[data-comp-multi-feature-card] .image-group>.combine-image {
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
#section-google .collapse-card-list {
  border-left:none;
  border-right:none
}
#section-seamless .component {
  border-top:none
}
#section-seamless .component [border-top-box] {
  border-top:1px solid rgba(0,0,0,.149)
}
#section-seamless .component [border-top-box="0"] {
  border-top:none
}
#section-ai .title {
  border-bottom:1px solid rgba(0,0,0,.149)
}
:root {
  --rpx:-webkit-calc(.30488vw - .09756px);
  --rpx:-moz-calc(.30488vw - .09756px);
  --rpx:calc(.30488vw - .09756px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);
  --rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);
  --rpx:calc(var(--vw,1vw)*100/328 - .09756px)
}
.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show {
  display:none
}
#section-pen .bottom-text {
  top:-3vh;
  top:-webkit-calc(var(--vh,1vh)*-3);
  top:-moz-calc(var(--vh,1vh)*-3);
  top:calc(var(--vh,1vh)*-3)
}
#section-read .sticky {
  background:-webkit-radial-gradient(61.39% 70.62%,54% 46.95%,rgba(155,143,226,.5) 0,rgba(194,212,248,0) 100%),-webkit-radial-gradient(50% 0,179.79% 179.79%,#fff 6.64%,#dddaef 48.14%,#d5d6ff 84.7%,#fefefe 100%);
  background:-moz-radial-gradient(61.39% 70.62%,54% 46.95%,rgba(155,143,226,.5) 0,rgba(194,212,248,0) 100%),-moz-radial-gradient(50% 0,179.79% 179.79%,#fff 6.64%,#dddaef 48.14%,#d5d6ff 84.7%,#fefefe 100%);
  background:radial-gradient(54% 46.95% at 61.39% 70.62%,rgba(155,143,226,.5) 0,rgba(194,212,248,0) 100%),radial-gradient(179.79% 179.79% at 50% 0,#fff 6.64%,#dddaef 48.14%,#d5d6ff 84.7%,#fefefe 100%)
}
#section-note .content {
  border-bottom:none
}
#section-note .content .top-text {
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s
}
#section-note .content .charge-img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-note .content[data-active="1"] .move-line {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  transform:translate(100%)
}
#section-note .content[data-active="1"] .charge-img-0,#section-note .content[data-active="1"] .charge-img-2 {
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  transform-origin:center
}
#section-note .content[data-active="2"] .move-line {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transform:translateX(200%);
  -moz-transform:translateX(200%);
  -ms-transform:translateX(200%);
  transform:translate(200%)
}
#section-note .content[data-active="2"] .charge-img-1,#section-note .content[data-active="2"] .charge-img-3 {
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  transform-origin:center
}
#section-note .content[data-active="3"] .move-line {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transform:translateX(300%);
  -moz-transform:translateX(300%);
  -ms-transform:translateX(300%);
  transform:translate(300%)
}
#section-note .content[data-active="3"] .charge-img-2 {
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  transform-origin:center
}
#section-ai .text-wrapper {
  opacity:0
}
#section-ai .left-btn,#section-ai .right-btn,#section-ai[data-num="0"] .text-0 {
  opacity:1
}
#section-ai[data-num="0"] .left-btn {
  opacity:.4
}
#section-ai[data-num="1"] .left-btn,#section-ai[data-num="1"] .text-1,#section-ai[data-num="2"] .left-btn,#section-ai[data-num="2"] .text-2,#section-ai[data-num="3"] .left-btn,#section-ai[data-num="3"] .text-3,#section-ai[data-num="4"] .text-4 {
  opacity:1
}
#section-ai[data-num="4"] .right-btn {
  opacity:.4;
  pointer-events:none
}
html[lang=da-DK] .zn--wrapper .text-scale-20,html[lang=de-DE] .zn--wrapper .text-scale-20,html[lang=en-LT] .zn--wrapper .text-scale-20,html[lang=es-ES] .zn--wrapper .text-scale-20,html[lang=fi-FI] .zn--wrapper .text-scale-20,html[lang=fr-FR] .zn--wrapper .text-scale-20,html[lang=it-IT] .zn--wrapper .text-scale-20,html[lang=nl-BE] .zn--wrapper .text-scale-20,html[lang=nl-NL] .zn--wrapper .text-scale-20,html[lang=pl-PL] .zn--wrapper .text-scale-20,html[lang=ru-KZ] .zn--wrapper .text-scale-20,html[lang=ru-RU] .zn--wrapper .text-scale-20,html[lang=sv-SE] .zn--wrapper .text-scale-20 {
  font-size:20px
}
html[lang=da-DK] .zn--wrapper .text-scale-13,html[lang=de-DE] .zn--wrapper .text-scale-13,html[lang=en-LT] .zn--wrapper .text-scale-13,html[lang=es-ES] .zn--wrapper .text-scale-13,html[lang=fi-FI] .zn--wrapper .text-scale-13,html[lang=fr-FR] .zn--wrapper .text-scale-13,html[lang=it-IT] .zn--wrapper .text-scale-13,html[lang=nl-BE] .zn--wrapper .text-scale-13,html[lang=nl-NL] .zn--wrapper .text-scale-13,html[lang=pl-PL] .zn--wrapper .text-scale-13,html[lang=ru-KZ] .zn--wrapper .text-scale-13,html[lang=ru-RU] .zn--wrapper .text-scale-13,html[lang=sv-SE] .zn--wrapper .text-scale-13 {
  font-size:13px
}
html[lang=da-DK] .zn--wrapper .mot\:text-16rpx,html[lang=de-DE] .zn--wrapper .mot\:text-16rpx,html[lang=en-LT] .zn--wrapper .mot\:text-16rpx,html[lang=es-ES] .zn--wrapper .mot\:text-16rpx,html[lang=fi-FI] .zn--wrapper .mot\:text-16rpx,html[lang=fr-FR] .zn--wrapper .mot\:text-16rpx,html[lang=it-IT] .zn--wrapper .mot\:text-16rpx,html[lang=nl-BE] .zn--wrapper .mot\:text-16rpx,html[lang=nl-NL] .zn--wrapper .mot\:text-16rpx,html[lang=pl-PL] .zn--wrapper .mot\:text-16rpx,html[lang=ru-KZ] .zn--wrapper .mot\:text-16rpx,html[lang=ru-RU] .zn--wrapper .mot\:text-16rpx,html[lang=sv-SE] .zn--wrapper .mot\:text-16rpx {
  font-size:-webkit-calc(var(--rpx,1px)*14);
  font-size:-moz-calc(var(--rpx,1px)*14);
  font-size:calc(var(--rpx,1px)*14)
}
html[lang=da-DK] .zn--wrapper .mot\:text-28rpx,html[lang=de-DE] .zn--wrapper .mot\:text-28rpx,html[lang=en-LT] .zn--wrapper .mot\:text-28rpx,html[lang=es-ES] .zn--wrapper .mot\:text-28rpx,html[lang=fi-FI] .zn--wrapper .mot\:text-28rpx,html[lang=fr-FR] .zn--wrapper .mot\:text-28rpx,html[lang=it-IT] .zn--wrapper .mot\:text-28rpx,html[lang=nl-BE] .zn--wrapper .mot\:text-28rpx,html[lang=nl-NL] .zn--wrapper .mot\:text-28rpx,html[lang=pl-PL] .zn--wrapper .mot\:text-28rpx,html[lang=ru-KZ] .zn--wrapper .mot\:text-28rpx,html[lang=ru-RU] .zn--wrapper .mot\:text-28rpx,html[lang=sv-SE] .zn--wrapper .mot\:text-28rpx {
  font-size:-webkit-calc(var(--rpx,1px)*22);
  font-size:-moz-calc(var(--rpx,1px)*22);
  font-size:calc(var(--rpx,1px)*22)
}
html[lang=da-DK] .zn--wrapper .mot\:text-28px,html[lang=de-DE] .zn--wrapper .mot\:text-28px,html[lang=en-LT] .zn--wrapper .mot\:text-28px,html[lang=es-ES] .zn--wrapper .mot\:text-28px,html[lang=fi-FI] .zn--wrapper .mot\:text-28px,html[lang=fr-FR] .zn--wrapper .mot\:text-28px,html[lang=it-IT] .zn--wrapper .mot\:text-28px,html[lang=nl-BE] .zn--wrapper .mot\:text-28px,html[lang=nl-NL] .zn--wrapper .mot\:text-28px,html[lang=pl-PL] .zn--wrapper .mot\:text-28px,html[lang=ru-KZ] .zn--wrapper .mot\:text-28px,html[lang=ru-RU] .zn--wrapper .mot\:text-28px,html[lang=sv-SE] .zn--wrapper .mot\:text-28px {
  font-size:22px
}
html[lang=de-DE] .zn--wrapper .mo-box-move,html[lang=nl-BE] .zn--wrapper .mo-box-move,html[lang=nl-NL] .zn--wrapper .mo-box-move,html[lang=pl-PL] .zn--wrapper .mo-box-move,html[lang=ru-KZ] .zn--wrapper .mo-box-move,html[lang=ru-RU] .zn--wrapper .mo-box-move {
  bottom:-120%
}
html[lang=ru-KZ] .zn--wrapper .mot\:text-40rpx,html[lang=ru-RU] .zn--wrapper .mot\:text-40rpx {
  font-size:-webkit-calc(var(--rpx,1px)*30);
  font-size:-moz-calc(var(--rpx,1px)*30);
  font-size:calc(var(--rpx,1px)*30)
}
html[lang=ru-KZ] .zn--wrapper .line-text,html[lang=ru-RU] .zn--wrapper .line-text {
  font-size:-webkit-calc(var(--rpx,1px)*14)!important;
  font-size:-moz-calc(var(--rpx,1px)*14)!important;
  font-size:calc(var(--rpx,1px)*14)!important
}
html[lang=ru-KZ] .zn--wrapper [item-index="3"] .truncate:first-child,html[lang=ru-RU] .zn--wrapper [item-index="3"] .truncate:first-child {
  overflow:unset;
  text-overflow:unset;
  white-space:unset;
  width:100%;
  word-break:break-all
}
}@media (min-width:1024px) {
  #section-ksp .href-box .main-img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform .5s ease-in-out;
  transition:-webkit-transform .5s ease-in-out;
  -moz-transition:transform .5s ease-in-out,-moz-transform .5s ease-in-out;
  transition:transform .5s ease-in-out;
  transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out
}
#section-ksp .href-box:hover .main-img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
}
#section-ksp .scroll-container .part-1 .left .poster-img {
  opacity:0
}
#section-ksp .scroll-container .part-1 .left:hover .poster-img {
  opacity:1
}
#section-ksp .scroll-container .part-1 .right>.href-box .poster-img {
  opacity:0
}
#section-ksp .scroll-container .part-1 .right>.href-box:hover .poster-img {
  opacity:1
}
#section-ksp .scroll-container .part-1 .right .flex .href-box:first-child .poster-img {
  -webkit-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1)
}
#section-ksp .scroll-container .part-1 .right .flex .href-box:first-child:hover .poster-img {
  -webkit-transform:translate(-50%,-50%) scale(1.1);
  -moz-transform:translate(-50%,-50%) scale(1.1);
  -ms-transform:translate(-50%,-50%) scale(1.1);
  transform:translate(-50%,-50%) scale(1.1)
}
#section-ksp .scroll-container .part-1 .right .flex .href-box:nth-child(2) .poster-img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-ksp .scroll-container .part-1 .right .flex .href-box:nth-child(2):hover .poster-img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
}
#section-ksp .scroll-container .part-2 .top .href-box:first-child .poster-img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transform:translateX(-50%) scale(1);
  -moz-transform:translateX(-50%) scale(1);
  -ms-transform:translateX(-50%) scale(1);
  transform:translate(-50%) scale(1)
}
#section-ksp .scroll-container .part-2 .top .href-box:first-child:hover .poster-img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
  -webkit-transform:translateX(-50%) scale(1.1);
  -moz-transform:translateX(-50%) scale(1.1);
  -ms-transform:translateX(-50%) scale(1.1);
  transform:translate(-50%) scale(1.1)
}
#section-ksp .scroll-container .part-2 .top .href-box:nth-child(2) img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#section-ksp .scroll-container .part-2 .top .href-box:nth-child(2):hover .left {
  -webkit-transform:scale(1.1) translateX(-webkit-calc(var(--rpx,1px)*-20));
  -moz-transform:scale(1.1) translateX(-moz-calc(var(--rpx,1px)*-20));
  -ms-transform:scale(1.1) translateX(calc(var(--rpx,1px)*-20));
  transform:scale(1.1) translate(calc(var(--rpx,1px)*-20))
}
#section-ksp .scroll-container .part-2 .top .href-box:nth-child(2):hover .right {
  -webkit-transform:scale(1.1) translateX(-webkit-calc(var(--rpx,1px)*20));
  -moz-transform:scale(1.1) translateX(-moz-calc(var(--rpx,1px)*20));
  -ms-transform:scale(1.1) translateX(calc(var(--rpx,1px)*20));
  transform:scale(1.1) translate(calc(var(--rpx,1px)*20))
}
#section-ksp .scroll-container .part-2 .top .href-box:nth-child(2):hover .center {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
}
#section-ksp .scroll-container .part-2 .bottom .href-box:first-child .left {
  -webkit-transform:translateX(-15%);
  -moz-transform:translateX(-15%);
  -ms-transform:translateX(-15%);
  transform:translate(-15%)
}
#section-ksp .scroll-container .part-2 .bottom .href-box:first-child .right {
  -webkit-transform:translateX(12%);
  -moz-transform:translateX(12%);
  -ms-transform:translateX(12%);
  transform:translate(12%)
}
#section-ksp .scroll-container .part-2 .bottom .href-box:first-child.active .left,#section-ksp .scroll-container .part-2 .bottom .href-box:first-child.active .right {
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translate(0)
}
#section-ksp .scroll-container .part-2 .bottom .href-box:nth-child(2) .poster-img {
  opacity:0
}
#section-ksp .scroll-container .part-2 .bottom .href-box:nth-child(2):hover .poster-img {
  opacity:1
}
#section-ksp .scroll-container .part-2 .bottom .href-box:nth-child(3) .left {
  -webkit-transform:rotate(-53.18deg) scale(1);
  -moz-transform:rotate(-53.18deg) scale(1);
  -ms-transform:rotate(-53.18deg) scale(1);
  transform:rotate(-53.18deg) scale(1)
}
#section-ksp .scroll-container .part-2 .bottom .href-box:nth-child(3) .right {
  -webkit-transform:rotate(-74.15deg) scale(1);
  -moz-transform:rotate(-74.15deg) scale(1);
  -ms-transform:rotate(-74.15deg) scale(1);
  transform:rotate(-74.15deg) scale(1)
}
#section-ksp .scroll-container .part-2 .bottom .href-box:nth-child(3):hover .left {
  -webkit-transform:rotate(-53.18deg) scale(1.1);
  -moz-transform:rotate(-53.18deg) scale(1.1);
  -ms-transform:rotate(-53.18deg) scale(1.1);
  transform:rotate(-53.18deg) scale(1.1)
}
#section-ksp .scroll-container .part-2 .bottom .href-box:nth-child(3):hover .right {
  -webkit-transform:rotate(-74.15deg) scale(1.1);
  -moz-transform:rotate(-74.15deg) scale(1.1);
  -ms-transform:rotate(-74.15deg) scale(1.1);
  transform:rotate(-74.15deg) scale(1.1)
}
[data-comp-multi-feature-card] .collapse-card p:first-child {
  padding-bottom:calc(var(--rpx,1px)*0)
}
html[dir=rtl] .collapse-card img.button {
  left:auto;
  right:-webkit-calc(var(--rpx,1px)*64);
  right:-moz-calc(var(--rpx,1px)*64);
  right:calc(var(--rpx,1px)*64)
}
[data-comp-multi-feature-card] .collapse-card:not(.active)>img.button {
  -webkit-transform:translateY(-webkit-calc(var(--min-h)/2 - 50%));
  -moz-transform:translateY(-moz-calc(var(--min-h)/2 - 50%));
  -ms-transform:translateY(calc(var(--min-h)/2 - 50%));
  transform:translateY(calc(var(--min-h)/2 - 50%))
}
#section-color .content:not([data-active="0"]) .color-btn:hover {
  border:1px solid #dfdfdf;
  -webkit-transition-duration:.5s;
  -moz-transition-duration:.5s;
  transition-duration:.5s
}
#section-color .content:not([data-active="0"]) .color-btn:hover .inner {
  -webkit-transform:scale(.85);
  -moz-transform:scale(.85);
  -ms-transform:scale(.85);
  transform:scale(.85)
}
:root {
  --rpx:-webkit-calc(.07622vw - .09756px);
  --rpx:-moz-calc(.07622vw - .09756px);
  --rpx:calc(.07622vw - .09756px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);
  --rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);
  --rpx:calc(var(--vw,1vw)*100/1312 - .09756px)
}
.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden {
  display:none
}
html[lang=ar-SA] .zn--wrapper .text-width-1,html[lang=da-DK] .zn--wrapper .text-width-1,html[lang=de-DE] .zn--wrapper .text-width-1,html[lang=en-US] .zn--wrapper .text-width-1,html[lang=es-ES] .zn--wrapper .text-width-1,html[lang=fi-FI] .zn--wrapper .text-width-1,html[lang=fr-FR] .zn--wrapper .text-width-1,html[lang=it-IT] .zn--wrapper .text-width-1,html[lang=nl-BE] .zn--wrapper .text-width-1,html[lang=nl-NL] .zn--wrapper .text-width-1,html[lang=pl-PL] .zn--wrapper .text-width-1,html[lang=ru-KZ] .zn--wrapper .text-width-1,html[lang=ru-RU] .zn--wrapper .text-width-1,html[lang=sv-SE] .zn--wrapper .text-width-1,html[lang=zh-HK] .zn--wrapper .text-width-1,html[lang=zh] .zn--wrapper .text-width-1 {
  width:-webkit-calc(var(--rpx,1px)*300);
  width:-moz-calc(var(--rpx,1px)*300);
  width:calc(var(--rpx,1px)*300)
}
html[lang=da-DK] .zn--wrapper .pc\:text-40px,html[lang=de-DE] .zn--wrapper .pc\:text-40px,html[lang=en-LT] .zn--wrapper .pc\:text-40px,html[lang=es-ES] .zn--wrapper .pc\:text-40px,html[lang=fi-FI] .zn--wrapper .pc\:text-40px,html[lang=fr-FR] .zn--wrapper .pc\:text-40px,html[lang=it-IT] .zn--wrapper .pc\:text-40px,html[lang=nl-BE] .zn--wrapper .pc\:text-40px,html[lang=nl-NL] .zn--wrapper .pc\:text-40px,html[lang=pl-PL] .zn--wrapper .pc\:text-40px,html[lang=ru-KZ] .zn--wrapper .pc\:text-40px,html[lang=ru-RU] .zn--wrapper .pc\:text-40px,html[lang=sv-SE] .zn--wrapper .pc\:text-40px {
  font-size:36px;
  line-height:1
}
html[lang=de-DE] .zn--wrapper #section-flow .pc\:w-160px,html[lang=nl-BE] .zn--wrapper #section-flow .pc\:w-160px,html[lang=nl-NL] .zn--wrapper #section-flow .pc\:w-160px,html[lang=pl-PL] .zn--wrapper #section-flow .pc\:w-160px,html[lang=ru-KZ] .zn--wrapper #section-flow .pc\:w-160px,html[lang=ru-RU] .zn--wrapper #section-flow .pc\:w-160px {
  word-break:break-word
}
html[lang=de-DE] .zn--wrapper #section-read .text-one-wrapper .text-1,html[lang=nl-BE] .zn--wrapper #section-read .text-one-wrapper .text-1,html[lang=nl-NL] .zn--wrapper #section-read .text-one-wrapper .text-1,html[lang=pl-PL] .zn--wrapper #section-read .text-one-wrapper .text-1,html[lang=ru-KZ] .zn--wrapper #section-read .text-one-wrapper .text-1,html[lang=ru-RU] .zn--wrapper #section-read .text-one-wrapper .text-1 {
  width:150px
}
html[lang=ru-KZ] .zn--wrapper .pc\:text-40rpx,html[lang=ru-RU] .zn--wrapper .pc\:text-40rpx {
  font-size:-webkit-calc(var(--rpx,1px)*36);
  font-size:-moz-calc(var(--rpx,1px)*36);
  font-size:calc(var(--rpx,1px)*36)
}
}@media (max-width:649px) and (max-width:649px) {
  #section-ai[data-num="1"] .move-line {
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  transform:translate(100%)
}
#section-ai[data-num="2"] .move-line {
  -webkit-transform:translateX(200%);
  -moz-transform:translateX(200%);
  -ms-transform:translateX(200%);
  transform:translate(200%)
}
#section-ai[data-num="3"] .move-line {
  -webkit-transform:translateX(300%);
  -moz-transform:translateX(300%);
  -ms-transform:translateX(300%);
  transform:translate(300%)
}
#section-ai[data-num="4"] .move-line {
  -webkit-transform:translateX(400%);
  -moz-transform:translateX(400%);
  -ms-transform:translateX(400%);
  transform:translate(400%)
}
}@media (orientation:portrait) and (max-width:1023px) {
  .zn--wrapper .pc-only {
  display:none
}
}@media (max-width:650px) and (max-height:700px) and (min-width:1024px) {
  #section-kv .product-img {
  --rpx:.8px
}
#section-kv .os-box {
  bottom:-webkit-calc(var(--rpx,1px)*20);
  bottom:-moz-calc(var(--rpx,1px)*20);
  bottom:calc(var(--rpx,1px)*20)
}
}@media (min-width:1024px) and (max-width:1440px) and (min-width:1024px) and (min-aspect-ratio:2/1) {
  #section-kv .product-img {
  height:37vw;
  height:-webkit-calc(var(--vw,1vw)*37);
  height:-moz-calc(var(--vw,1vw)*37);
  height:calc(var(--vw,1vw)*37);
  width:51vw;
  width:-webkit-calc(var(--vw,1vw)*51);
  width:-moz-calc(var(--vw,1vw)*51);
  width:calc(var(--vw,1vw)*51)
}
#section-ksp {
  --rpx:.62px
}
}@media (min-width:650px) and (max-width:1023px) and (min-height:800px) {
  #section-ksp .href-box img {
  bottom:10vh;
  bottom:-webkit-calc(var(--vh,1vh)*10);
  bottom:-moz-calc(var(--vh,1vh)*10);
  bottom:calc(var(--vh,1vh)*10)
}
}@media (max-width:1440px) and (min-width:1024px) and (min-aspect-ratio:2/1) {
  #section-pen .purple-text {
  --rpx:.75px
}
#section-pen .bottom-text .text-wrapper {
  bottom:-webkit-calc(var(--rpx,1px)*30);
  bottom:-moz-calc(var(--rpx,1px)*30);
  bottom:calc(var(--rpx,1px)*30)
}
#section-super {
  --rpx:.55px
}
#section-super .text-1 {
  padding-top:calc(var(--rpx,1px)*20)
}
#section-super .dolby-img {
  margin-top:calc(var(--rpx,1px)*22)
}
#section-read .img-wrapper {
  -webkit-transform:scale(.66);
  -moz-transform:scale(.66);
  -ms-transform:scale(.66);
  transform:scale(.66)
}
#section-read .top {
  top:-webkit-calc(var(--rpx,1px)*-7);
  top:-moz-calc(var(--rpx,1px)*-7);
  top:calc(var(--rpx,1px)*-7)
}
}@media (min-width:650px) and (max-width:1023px) and (max-height:530px) {
  #section-super {
  --rpx:.7px
}
}@media (min-width:650px) and (max-width:1023px) and (max-height:540px) {
  #section-read .img-wrapper {
  -webkit-transform:scale(.7);
  -moz-transform:scale(.7);
  -ms-transform:scale(.7);
  transform:scale(.7)
}
}#loader-fps {
  --point-color:transparent;
  --size:2px;
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-align-content:center;
  align-content:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  height:var(--size);
  -webkit-justify-content:center;
  justify-content:center;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100vw;
  width:-webkit-calc(var(--vw,1vw)*100);
  width:-moz-calc(var(--vw,1vw)*100);
  width:calc(var(--vw,1vw)*100);
  z-index:1000
}
#loader-fps .loader-element {
  border:var(--size) solid var(--point-color);
  border-radius:100%;
  margin:calc(var(--size)*2)
}
#loader-fps .loader-element:first-child {
  -webkit-animation:preloader .6s ease-in-out infinite alternate;
  -moz-animation:preloader .6s ease-in-out infinite alternate;
  animation:preloader .6s ease-in-out infinite alternate
}
#loader-fps .loader-element:nth-child(2) {
  -webkit-animation:preloader .6s ease-in-out .2s infinite alternate;
  -moz-animation:preloader .6s ease-in-out .2s infinite alternate;
  animation:preloader .6s ease-in-out .2s infinite alternate
}
#loader-fps .loader-element:nth-child(3) {
  -webkit-animation:preloader .6s ease-in-out .4s infinite alternate;
  -moz-animation:preloader .6s ease-in-out .4s infinite alternate;
  animation:preloader .6s ease-in-out .4s infinite alternate
}
@-moz-keyframes preloader {
  to {
  -moz-transform:scale(2);
  transform:scale(2)
}
}@-webkit-keyframes preloader {
  to {
  -webkit-transform:scale(2);
  transform:scale(2)
}
}@keyframes preloader {
  to {
  -webkit-transform:scale(2);
  -moz-transform:scale(2);
  transform:scale(2)
}
}@media (min-width:1024px) {
  :root {
  --rpx:-webkit-calc(.07622vw - .09756px);
  --rpx:-moz-calc(.07622vw - .09756px);
  --rpx:calc(.07622vw - .09756px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);
  --rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);
  --rpx:calc(var(--vw,1vw)*100/1312 - .09756px)
}
.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden {
  display:none
}
.fade-in-pc {
  opacity:0;
  -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));
  -moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));
  -ms-transform:translateY(calc(var(--rpx,1px)*80));
  transform:translateY(calc(var(--rpx,1px)*80));
  -webkit-transition:opacity .6s,-webkit-transform .6s;
  transition:opacity .6s,-webkit-transform .6s;
  -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
  transition:transform .6s,opacity .6s;
  transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  transition-delay:0
}
.fade-in-pc[data-slight] {
  -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));
  -moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));
  -ms-transform:translateY(calc(var(--rpx,1px)*50));
  transform:translateY(calc(var(--rpx,1px)*50))
}
.fade-in-pc[data-slow] {
  -webkit-transition:opacity 1s,-webkit-transform 1s;
  transition:opacity 1s,-webkit-transform 1s;
  -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
  transition:transform 1s,opacity 1s;
  transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
}
.fade-in-pc.show,.fade-in-pc[data-slight].show {
  opacity:var(--target-opacity,1);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:var(--delay,0);
  -moz-transition-delay:var(--delay,0);
  transition-delay:var(--delay,0)
}
.fade-in {
  opacity:0;
  -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));
  -moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));
  -ms-transform:translateY(calc(var(--rpx,1px)*80));
  transform:translateY(calc(var(--rpx,1px)*80));
  -webkit-transition:opacity .6s,-webkit-transform .6s;
  transition:opacity .6s,-webkit-transform .6s;
  -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
  transition:transform .6s,opacity .6s;
  transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  transition-delay:0
}
.fade-in[data-slight] {
  -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));
  -moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));
  -ms-transform:translateY(calc(var(--rpx,1px)*50));
  transform:translateY(calc(var(--rpx,1px)*50))
}
.fade-in[data-slow] {
  -webkit-transition:opacity 1s,-webkit-transform 1s;
  transition:opacity 1s,-webkit-transform 1s;
  -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
  transition:transform 1s,opacity 1s;
  transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
}
.fade-in.show,.fade-in[data-slight].show {
  opacity:var(--target-opacity,1);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:var(--delay,0);
  -moz-transition-delay:var(--delay,0);
  transition-delay:var(--delay,0)
}
}@media (max-width:649px) {
  :root {
  --rpx:-webkit-calc(.30488vw - .09756px);
  --rpx:-moz-calc(.30488vw - .09756px);
  --rpx:calc(.30488vw - .09756px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);
  --rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);
  --rpx:calc(var(--vw,1vw)*100/328 - .09756px)
}
.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show {
  display:none
}
.fade-in-mo {
  opacity:0;
  -webkit-transform:translateY(50px);
  -moz-transform:translateY(50px);
  -ms-transform:translateY(50px);
  transform:translateY(50px);
  -webkit-transition:opacity .6s,-webkit-transform .6s;
  transition:opacity .6s,-webkit-transform .6s;
  -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
  transition:transform .6s,opacity .6s;
  transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  transition-delay:0
}
.fade-in-mo[data-slight] {
  -webkit-transform:translateY(30px);
  -moz-transform:translateY(30px);
  -ms-transform:translateY(30px);
  transform:translateY(30px)
}
.fade-in-mo[data-slow] {
  -webkit-transition:opacity 1s,-webkit-transform 1s;
  transition:opacity 1s,-webkit-transform 1s;
  -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
  transition:transform 1s,opacity 1s;
  transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
}
.fade-in-mo.show,.fade-in-mo[data-slight].show {
  opacity:var(--target-opacity,1);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:var(--delay,0);
  -moz-transition-delay:var(--delay,0);
  transition-delay:var(--delay,0)
}
.fade-in {
  opacity:0;
  -webkit-transform:translateY(50px);
  -moz-transform:translateY(50px);
  -ms-transform:translateY(50px);
  transform:translateY(50px);
  -webkit-transition:opacity .6s,-webkit-transform .6s;
  transition:opacity .6s,-webkit-transform .6s;
  -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
  transition:transform .6s,opacity .6s;
  transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  transition-delay:0
}
.fade-in[data-slight] {
  -webkit-transform:translateY(30px);
  -moz-transform:translateY(30px);
  -ms-transform:translateY(30px);
  transform:translateY(30px)
}
.fade-in[data-slow] {
  -webkit-transition:opacity 1s,-webkit-transform 1s;
  transition:opacity 1s,-webkit-transform 1s;
  -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
  transition:transform 1s,opacity 1s;
  transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
}
.fade-in.show,.fade-in[data-slight].show {
  opacity:var(--target-opacity,1);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:var(--delay,0);
  -moz-transition-delay:var(--delay,0);
  transition-delay:var(--delay,0)
}
}@media (min-width:650px) and (max-width:1023px) {
  :root {
  --rpx:-webkit-calc(.13889vw - .06667px);
  --rpx:-moz-calc(.13889vw - .06667px);
  --rpx:calc(.13889vw - .06667px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);
  --rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);
  --rpx:calc(var(--vw,1vw)*100/720 - .06667px)
}
.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show {
  display:none
}
.fade-in-pad {
  opacity:0;
  -webkit-transition:opacity .6s,-webkit-transform .6s;
  transition:opacity .6s,-webkit-transform .6s;
  -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
  transition:transform .6s,opacity .6s;
  transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  transition-delay:0
}
.fade-in-pad,.fade-in-pad[data-slight] {
  -webkit-transform:translateY(50px);
  -moz-transform:translateY(50px);
  -ms-transform:translateY(50px);
  transform:translateY(50px)
}
.fade-in-pad[data-slow] {
  -webkit-transition:opacity 1s,-webkit-transform 1s;
  transition:opacity 1s,-webkit-transform 1s;
  -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
  transition:transform 1s,opacity 1s;
  transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
}
.fade-in-pad.show,.fade-in-pad[data-slight].show {
  opacity:var(--target-opacity,1);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:var(--delay,0);
  -moz-transition-delay:var(--delay,0);
  transition-delay:var(--delay,0)
}
.fade-in {
  opacity:0;
  -webkit-transition:opacity .6s,-webkit-transform .6s;
  transition:opacity .6s,-webkit-transform .6s;
  -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
  transition:transform .6s,opacity .6s;
  transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  transition-delay:0
}
.fade-in,.fade-in[data-slight] {
  -webkit-transform:translateY(50px);
  -moz-transform:translateY(50px);
  -ms-transform:translateY(50px);
  transform:translateY(50px)
}
.fade-in[data-slow] {
  -webkit-transition:opacity 1s,-webkit-transform 1s;
  transition:opacity 1s,-webkit-transform 1s;
  -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
  transition:transform 1s,opacity 1s;
  transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s
}
.fade-in.show,.fade-in[data-slight].show {
  opacity:var(--target-opacity,1);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:var(--delay,0);
  -moz-transition-delay:var(--delay,0);
  transition-delay:var(--delay,0)
}
}[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] img.degrade,[ani-video-wrapper] img.degrade {
  z-index:0
}
[ani-autoplay-video] .replay,[ani-autoplay-video]+.replay,[ani-video-wrapper] .replay,[ani-video-wrapper]+.replay {
  opacity:0;
  pointer-events:none
}
[ani-autoplay-video] .replay.active,[ani-autoplay-video]+.replay.active,[ani-video-wrapper] .replay.active,[ani-video-wrapper]+.replay.active {
  cursor:pointer;
  opacity:1;
  pointer-events:auto
}
html {
  overflow:unset!important
}
body {
  line-height:normal;
  overflow:unset;
  overflow-x:hidden
}
body.hide-body {
  overflow:hidden
}
#header .nav {
  z-index:99
}
#header .nav .nav-right>li,#header .nav .nav-right>li .info,#header .nav .nav-right>li a {
  margin-right:0
}
#footer>.container-infinite>.container-text {
  overflow:hidden
}
#main-wrapper .container {
  margin:0;
  padding:0;
  width:auto
}
#main-wrapper .container:after,#main-wrapper .container:before {
  content:none
}
.g--popup {
  height:var(--window-height,100vh);
  height:var(--window-height,-webkit-calc(var(--vh,1vh)*100));
  height:var(--window-height,-moz-calc(var(--vh,1vh)*100));
  height:var(--window-height,calc(var(--vh,1vh)*100));
  left:0;
  position:fixed;
  top:0;
  -webkit-transform:translateY(120vh);
  -moz-transform:translateY(120vh);
  -ms-transform:translateY(120vh);
  transform:translateY(120vh);
  -webkit-transform:translateY(-webkit-calc(var(--vh,1vh)*120));
  -moz-transform:translateY(-moz-calc(var(--vh,1vh)*120));
  -ms-transform:translateY(calc(var(--vh,1vh)*120));
  transform:translateY(calc(var(--vh,1vh)*120));
  width:100%;
  z-index:9999
}
.g--popup.show {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}
.g--popup.disappear,.g--popup.show {
  -webkit-transition:-webkit-transform .5s;
  transition:-webkit-transform .5s;
  -moz-transition:transform .5s,-moz-transform .5s;
  transition:transform .5s;
  transition:transform .5s,-webkit-transform .5s,-moz-transform .5s
}
.g--popup .g--popup-container {
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center;
  position:relative;
  width:100%
}
.g--popup .g--video-wrapper {
  margin-top:-12px;
  position:relative
}
.video-portrait.g--popup .g--video-wrapper {
  height:100%;
  margin-top:0;
  padding:32px 0;
  width:100%
}
.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper .video,.g--popup .g--video-wrapper video {
  height:100%;
  max-height:75vh;
  max-height:-webkit-calc(var(--vh,1vh)*75);
  max-height:-moz-calc(var(--vh,1vh)*75);
  max-height:calc(var(--vh,1vh)*75);
  outline:none;
  width:100%
}
.video-portrait.g--popup .g--video-wrapper .iframe-poster,.video-portrait.g--popup .g--video-wrapper .video,.video-portrait.g--popup .g--video-wrapper video {
  -o-object-fit:contain;
  object-fit:contain
}
.g--popup .g--video-wrapper .iframe-poster {
  -webkit-animation-duration:1.4s;
  -moz-animation-duration:1.4s;
  animation-duration:1.4s;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:skeletonLoading;
  -moz-animation-name:skeletonLoading;
  animation-name:skeletonLoading;
  -webkit-animation-timing-function:ease;
  -moz-animation-timing-function:ease;
  animation-timing-function:ease;
  background:-webkit-gradient(linear,left top,right top,color-stop(25%,rgba(0,0,0,.06)),color-stop(37%,rgba(0,0,0,.15)),color-stop(63%,rgba(0,0,0,.06)));
  background:-webkit-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);
  background:-moz-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);
  background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);
  -webkit-background-size:400% 100%;
  background-size:400% 100%;
  left:0;
  position:absolute;
  top:0;
  z-index:0
}
.g--popup .g--video-wrapper iframe.video {
  position:relative;
  z-index:1
}
.g--popup .g--video-wrapper .video[src=""],.g--popup .g--video-wrapper video[src=""] {
  display:none
}
.g--popup .g--popup-close.v1 {
  cursor:pointer;
  height:24px;
  margin-left:auto;
  opacity:1!important;
  position:absolute;
  right:0;
  top:-36px;
  width:24px;
  z-index:2
}
.g--popup .g--popup-close.v1 .inner {
  height:100%;
  width:100%
}
.g--popup .g--popup-close.v2 {
  cursor:pointer;
  height:32px;
  margin-left:auto;
  opacity:1!important;
  position:absolute;
  right:32px;
  top:32px;
  width:32px;
  z-index:2
}
.g--popup-container.v2.v2 {
  background:#201f1c
}
.g--popup-close.v2 polygon {
  fill:#fff
}
.g--popup-container.v1 {
  background:#000
}
.g--popup-close.v1 polygon {
  fill:#fff
}
.light-theme:not(.dark-theme) .g--popup-container.v1 {
  background:#fff
}
.light-theme:not(.dark-theme) .g--popup-close.v1 polygon {
  fill:#000
}
.light-theme:not(.dark-theme) .g--popup-container.v2 {
  background:#fafafa
}
.light-theme:not(.dark-theme) .g--popup-close.v2 circle {
  fill:#efede9
}
.light-theme:not(.dark-theme) .g--popup-close.v2 path {
  fill:#000
}
@-moz-keyframes skeletonLoading {
  0% {
  background-position:100% 50%
}
to {
  background-position:0 50%
}
}@-webkit-keyframes skeletonLoading {
  0% {
  background-position:100% 50%
}
to {
  background-position:0 50%
}
}@keyframes skeletonLoading {
  0% {
  background-position:100% 50%
}
to {
  background-position:0 50%
}
}@media (min-width:1024px) {
  :root {
  --rpx:-webkit-calc(.07622vw - .09756px);
  --rpx:-moz-calc(.07622vw - .09756px);
  --rpx:calc(.07622vw - .09756px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);
  --rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);
  --rpx:calc(var(--vw,1vw)*100/1312 - .09756px)
}
.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden {
  display:none
}
.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video {
  height:34.115vw;
  height:-webkit-calc(var(--vw,1vw)*34.115);
  height:-moz-calc(var(--vw,1vw)*34.115);
  height:calc(var(--vw,1vw)*34.115)
}
.g--popup .g--video-wrapper.v1 {
  max-width:75vw;
  max-width:-webkit-calc(var(--vw,1vw)*75);
  max-width:-moz-calc(var(--vw,1vw)*75);
  max-width:calc(var(--vw,1vw)*75)
}
.g--popup .g--video-wrapper.v2 {
  width:60.65vw;
  width:-webkit-calc(var(--vw,1vw)*60.65);
  width:-moz-calc(var(--vw,1vw)*60.65);
  width:calc(var(--vw,1vw)*60.65)
}
}@media (max-width:649px) {
  :root {
  --rpx:-webkit-calc(.30488vw - .09756px);
  --rpx:-moz-calc(.30488vw - .09756px);
  --rpx:calc(.30488vw - .09756px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);
  --rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);
  --rpx:calc(var(--vw,1vw)*100/328 - .09756px)
}
.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show {
  display:none
}
.g--popup .g--popup-container {
  padding:0
}
.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video {
  height:50.634vw;
  height:-webkit-calc(var(--vw,1vw)*50.634);
  height:-moz-calc(var(--vw,1vw)*50.634);
  height:calc(var(--vw,1vw)*50.634);
  width:90vw;
  width:-webkit-calc(var(--vw,1vw)*90);
  width:-moz-calc(var(--vw,1vw)*90);
  width:calc(var(--vw,1vw)*90)
}
.g--popup .g--video-wrapper.v1 {
  width:100vw;
  width:-webkit-calc(var(--vw,1vw)*100);
  width:-moz-calc(var(--vw,1vw)*100);
  width:calc(var(--vw,1vw)*100)
}
.g--popup .g--video-wrapper.v2 {
  max-width:90vw;
  max-width:-webkit-calc(var(--vw,1vw)*90);
  max-width:-moz-calc(var(--vw,1vw)*90);
  max-width:calc(var(--vw,1vw)*90)
}
.g--popup .g--popup-close.v1 {
  height:28px;
  right:16px;
  top:-48px;
  width:28px
}
.g--popup .g--popup-close.v2 {
  right:-webkit-calc(50% - 16px);
  right:-moz-calc(50% - 16px);
  right:calc(50% - 16px);
  top:-webkit-calc(var(--window-height) - 59px);
  top:-moz-calc(var(--window-height) - 59px);
  top:calc(var(--window-height) - 59px)
}
}@media (min-width:650px) and (max-width:1023px) {
  :root {
  --rpx:-webkit-calc(.13889vw - .06667px);
  --rpx:-moz-calc(.13889vw - .06667px);
  --rpx:calc(.13889vw - .06667px);
  --rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);
  --rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);
  --rpx:calc(var(--vw,1vw)*100/720 - .06667px)
}
.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show {
  display:none
}
.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video {
  height:42.1875vw;
  height:-webkit-calc(var(--vw,1vw)*42.1875);
  height:-moz-calc(var(--vw,1vw)*42.1875);
  height:calc(var(--vw,1vw)*42.1875);
  width:75vw;
  width:-webkit-calc(var(--vw,1vw)*75);
  width:-moz-calc(var(--vw,1vw)*75);
  width:calc(var(--vw,1vw)*75)
}
.g--popup .g--video-wrapper.v1 {
  max-width:75vw;
  max-width:-webkit-calc(var(--vw,1vw)*75);
  max-width:-moz-calc(var(--vw,1vw)*75);
  max-width:calc(var(--vw,1vw)*75)
}
.g--popup .g--video-wrapper.v2 {
  width:75vw;
  width:-webkit-calc(var(--vw,1vw)*75);
  width:-moz-calc(var(--vw,1vw)*75);
  width:calc(var(--vw,1vw)*75)
}
}@media (min-width:1440px) {
  :root {
  --rpx:1px;
  --rpx:min(-webkit-calc((100vw - 128px)*var(--r,1px)/1312),1px);
  --rpx:min(-moz-calc((100vw - 128px)*var(--r,1px)/1312),1px);
  --rpx:min(calc((100vw - 128px)*var(--r,1px)/1312),1px);
  --rpx:min(-webkit-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);
  --rpx:min(-moz-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);
  --rpx:min(calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px)
}
}@media (min-height:600px) {
  .touch .g--popup .g--popup-close.v2 {
  top:110px
}
}