[ani-scroll-container] {
  will-change:transform
}
.g--popup {
  height:100vh;
  height:-webkit-calc(var(--vh,1vh)*100);
  height:-moz-calc(var(--vh,1vh)*100);
  height:calc(var(--vh, 1vh)*100);
  left:0;
  position:fixed;
  top:0;
  -webkit-transform:translateY(120vh);
  -moz-transform:translateY(120vh);
  -ms-transform:translateY(120vh);
  -o-transform:translateY(120vh);
  transform:translateY(120vh);
  -webkit-transform:translateY(-webkit-calc(var(--vh,1vh)*120));
  -moz-transform:translateY(-moz-calc(var(--vh,1vh)*120));
  -ms-transform:translateY(calc(var(--vh, 1vh)*120));
  -o-transform:translateY(calc(var(--vh, 1vh)*120));
  transform:translateY(calc(var(--vh, 1vh)*120));
  width:100%;
  z-index:9999
}
.g--popup.show {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0)
}
.g--popup.disappear,
.g--popup.show {
  -webkit-transition:-webkit-transform .5s;
  transition:-webkit-transform .5s;
  -o-transition:-o-transform .5s;
  -moz-transition:transform .5s,-moz-transform .5s;
  transition:transform .5s;
  transition:transform .5s,-webkit-transform .5s,-moz-transform .5s,-o-transform .5s
}
.g--popup .g--popup-container {
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center;
  position:relative;
  width:100%
}
.g--popup .g--video-wrapper {
  margin-top:-12px;
  position:relative
}
.video-portrait.g--popup .g--video-wrapper {
  height:100%;
  margin-top:0;
  padding:32px 0;
  width:100%
}
.g--popup .g--video-wrapper video {
  height:100%;
  max-height:75vh;
  max-height:-webkit-calc(var(--vh,1vh)*75);
  max-height:-moz-calc(var(--vh,1vh)*75);
  max-height:calc(var(--vh, 1vh)*75);
  outline:none;
  width:100%
}
.video-portrait.g--popup .g--video-wrapper video {
  -o-object-fit:contain;
  object-fit:contain
}
.g--popup .g--video-wrapper video[src=""] {
  display:none
}
.g--popup .g--popup-close.v1 {
  cursor:pointer;
  height:24px;
  margin-left:auto;
  opacity:1!important;
  position:absolute;
  right:0;
  top:-36px;
  width:24px;
  z-index:2
}
.g--popup .g--popup-close.v1 .inner {
  height:100%;
  width:100%
}
.g--popup .g--popup-close.v2 {
  cursor:pointer;
  height:32px;
  margin-left:auto;
  opacity:1!important;
  position:absolute;
  right:32px;
  top:32px;
  width:32px;
  z-index:2
}
.video-portrait.g--popup .g--popup-close.v2 {
  top:8px
}
.g--popup-container.v2.v2 {
  background:#201f1c
}
.g--popup-close.v2 polygon {
  fill:#fff
}
.g--popup-container.v1 {
  background:#000
}
.g--popup-close.v1 polygon {
  fill:#fff
}
.light-theme :not(.dark-theme) .g--popup-container.v1 {
  background:#fff
}
.light-theme :not(.dark-theme) .g--popup-close.v1 polygon {
  fill:#000
}
.light-theme :not(.dark-theme) .g--popup-container.v2 {
  background:#fafafa
}
.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
  fill:#efede9
}
.light-theme :not(.dark-theme) .g--popup-close.v2 path {
  fill:#000
}
@media (min-width:1025px) {
  :root {
    --rpx:-webkit-calc(.07622vw - .09756px);
    --rpx:-moz-calc(.07622vw - .09756px);
    --rpx:calc(.07622vw - .09756px);
    --rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);
    --rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);
    --rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)
  }
  .mo-only,
  .pad-only,
  .pc-hidden {
    display:none!important
  }
  .g--popup .g--video-wrapper.v1 {
    max-width:75vw;
    max-width:-webkit-calc(var(--vw,1vw)*75);
    max-width:-moz-calc(var(--vw,1vw)*75);
    max-width:calc(var(--vw, 1vw)*75)
  }
  .g--popup .g--video-wrapper.v2 {
    width:60.65vw;
    width:-webkit-calc(var(--vw,1vw)*60.65);
    width:-moz-calc(var(--vw,1vw)*60.65);
    width:calc(var(--vw, 1vw)*60.65)
  }
}
@media (max-width:650px) {
  :root {
    --rpx:-webkit-calc(.30488vw - .09756px);
    --rpx:-moz-calc(.30488vw - .09756px);
    --rpx:calc(.30488vw - .09756px);
    --rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);
    --rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);
    --rpx:calc(var(--vw, 1vw)*100/328 - .09756px)
  }
  .mo-hidden,
  .pad-only,
  .pc-only {
    display:none!important
  }
  .g--popup .g--popup-container {
    padding:0
  }
  .g--popup .g--video-wrapper.v1 {
    width:100vw;
    width:-webkit-calc(var(--vw,1vw)*100);
    width:-moz-calc(var(--vw,1vw)*100);
    width:calc(var(--vw, 1vw)*100)
  }
  .g--popup .g--video-wrapper.v2 {
    max-width:86.67vw;
    max-width:-webkit-calc(var(--vw,1vw)*86.67);
    max-width:-moz-calc(var(--vw,1vw)*86.67);
    max-width:calc(var(--vw, 1vw)*86.67)
  }
  .g--popup .g--popup-close.v1 {
    height:28px;
    right:16px;
    top:-48px;
    width:28px
  }
  .g--popup .g--popup-close.v2 {
    right:-webkit-calc(50% - 16px);
    right:-moz-calc(50% - 16px);
    right:calc(50% - 16px);
    top:-webkit-calc(var(--window-height) - 59px);
    top:-moz-calc(var(--window-height) - 59px);
    top:calc(var(--window-height) - 59px)
  }
}
@media (min-width:651px) and (max-width:1024px) {
  :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,
  .pad-hidden,
  .pc-only {
    display:none!important
  }
  .g--popup .g--video-wrapper.v1 {
    max-width:75vw;
    max-width:-webkit-calc(var(--vw,1vw)*75);
    max-width:-moz-calc(var(--vw,1vw)*75);
    max-width:calc(var(--vw, 1vw)*75)
  }
  .g--popup .g--video-wrapper.v2 {
    width:70vw;
    width:-webkit-calc(var(--vw,1vw)*70);
    width:-moz-calc(var(--vw,1vw)*70);
    width:calc(var(--vw, 1vw)*70)
  }
}
.container {
  width:100%
}
.bg-white {
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity))
}
.cursor-pointer {
  cursor:pointer
}
.flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-box;
  display:flex
}
.grid {
  display:-ms-grid;
  display:grid
}
.flex-col {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -ms-flex-direction:column;
  -webkit-flex-direction:column;
  flex-direction:column
}
.items-center {
  -webkit-box-align:center;
  -ms-flex-align:center;
  -moz-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.justify-center {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -moz-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.justify-between {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -moz-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.h-full {
  height:100%
}
.h-1px {
  height:1px
}
.h-\[var\(--content-height\)\] {
  height:var(--content-height)
}
.h-1356rpx {
  height:-webkit-calc(var(--rpx,1px)*1356);
  height:-moz-calc(var(--rpx,1px)*1356);
  height:calc(var(--rpx, 1px)*1356)
}
.h-1057rpx {
  height:-webkit-calc(var(--rpx,1px)*1057);
  height:-moz-calc(var(--rpx,1px)*1057);
  height:calc(var(--rpx, 1px)*1057)
}
.\!object-contain {
  -o-object-fit:contain!important;
  object-fit:contain!important
}
.overflow-hidden {
  overflow:hidden
}
.py-2\/100 {
  padding-bottom:2%;
  padding-top:2%
}
.absolute {
  position:absolute
}
.relative {
  position:relative
}
.sticky {
  position:-webkit-sticky;
  position:sticky
}
.top-\[var\(--nav-height\)\] {
  top:var(--nav-height)
}
.-left-21\/100 {
  left:-21%
}
.top-32\/100 {
  top:32%
}
.top-0 {
  top:0
}
.left-0 {
  left:0
}
.top-24\/100 {
  top:24%
}
.-left-40\/100 {
  left:-40%
}
.text-center {
  text-align:center
}
.text-\[\#9B76E4\] {
  --tw-text-opacity:1;
  color:rgba(155,118,228,var(--tw-text-opacity))
}
.w-screen {
  width:100vw;
  width:-webkit-calc(var(--vw,1vw)*100);
  width:-moz-calc(var(--vw,1vw)*100);
  width:calc(var(--vw, 1vw)*100)
}
.w-full {
  width:100%
}
.w-1310rpx {
  width:-webkit-calc(var(--rpx,1px)*1310);
  width:-moz-calc(var(--rpx,1px)*1310);
  width:calc(var(--rpx, 1px)*1310)
}
.w-995rpx {
  width:-webkit-calc(var(--rpx,1px)*995);
  width:-moz-calc(var(--rpx,1px)*995);
  width:calc(var(--rpx, 1px)*995)
}
.z-10 {
  z-index:10
}
.z-0 {
  z-index:0
}
.full {
  height:100%;
  width:100%
}
.abs-0 {
  left:0;
  position:absolute;
  top:0
}
@media (min-width:651px) and (max-width:1024px) {
  .pad\:bg-\[\#e3eeed\] {
    --tw-bg-opacity:1;
    background-color:rgba(227,238,237,var(--tw-bg-opacity))
  }
  .pad\:bg-\[transparent\] {
    background-color:transparent
  }
  .pad\:bg-white {
    --tw-bg-opacity:1;
    background-color:rgba(255,255,255,var(--tw-bg-opacity))
  }
  .pad\:bg-black {
    --tw-bg-opacity:1;
    background-color:rgba(0,0,0,var(--tw-bg-opacity))
  }
  .pad\:bg-gradient-to-b {
    background-image:-o-linear-gradient(top,var(--tw-gradient-stops));
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--tw-gradient-stops)));
    background-image:-webkit-linear-gradient(top,var(--tw-gradient-stops));
    background-image:-moz-linear-gradient(top,var(--tw-gradient-stops));
    background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
  }
  .pad\:bg-gradient-to-tl {
    background-image:-o-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:-webkit-gradient(linear,right bottom,left top,from(var(--tw-gradient-stops)));
    background-image:-webkit-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:-moz-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:linear-gradient(to top left,var(--tw-gradient-stops))
  }
  .pad\:from-\[\#e5efee\] {
    --tw-gradient-from:rgba(229,239,238,var(--tw-from-opacity,1));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))
  }
  .pad\:from-\[\#B0F3DB\] {
    --tw-gradient-from:rgba(176,243,219,var(--tw-from-opacity,1));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))
  }
  .pad\:via-white {
    --tw-gradient-stops:var(--tw-gradient-from),rgba(255,255,255,var(--tw-via-opacity,1)),var(--tw-gradient-to,hsla(0,0%,100%,0))
  }
  .pad\:to-white {
    --tw-gradient-to:rgba(255,255,255,var(--tw-to-opacity,1))
  }
  .pad\:to-\[\#25DD9B\] {
    --tw-gradient-to:rgba(37,221,155,var(--tw-to-opacity,1))
  }
  .pad\:to-opacity-70 {
    --tw-to-opacity:.7
  }
  .pad\:bg-opacity-70 {
    --tw-bg-opacity:.7
  }
  .pad\:bg-opacity-40 {
    --tw-bg-opacity:.4
  }
  .pad\:bg-opacity-5 {
    --tw-bg-opacity:.05
  }
  .pad\:border-\[\#bebebe\] {
    --tw-border-opacity:1;
    border-color:rgba(190,190,190,var(--tw-border-opacity))
  }
  .pad\:border-opacity-60 {
    --tw-border-opacity:.6
  }
  .pad\:rounded-13rpx {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*13);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*13);
    border-radius:calc(var(--rpx, 1px)*13)
  }
  .pad\:rounded-11rpx {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*11);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*11);
    border-radius:calc(var(--rpx, 1px)*11)
  }
  .pad\:rounded-16rpx {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
    border-radius:calc(var(--rpx, 1px)*16)
  }
  .pad\:border-solid {
    border-style:solid
  }
  .pad\:border-1px {
    border-width:1px
  }
  .pad\:flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex
  }
  .pad\:inline-flex {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:inline-flex
  }
  .pad\:flex-col {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
  }
  .pad\:items-start {
    -webkit-box-align:start;
    -ms-flex-align:start;
    -moz-box-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
  }
  .pad\:items-center {
    -webkit-box-align:center;
    -ms-flex-align:center;
    -moz-box-align:center;
    -webkit-align-items:center;
    align-items:center
  }
  .pad\:items-stretch {
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -moz-box-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch
  }
  .pad\:justify-start {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -moz-box-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start
  }
  .pad\:justify-center {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -moz-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center
  }
  .pad\:justify-between {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -moz-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between
  }
  .pad\:flex-\[1_1_709rpx\] {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -ms-flex:1 1 calc(var(--rpx, 1px)*709);
    -webkit-flex:1 1 -webkit-calc(var(--rpx,1px)*709);
    flex:1 1 calc(var(--rpx, 1px)*709)
  }
  .pad\:flex-\[1_1_720rpx\] {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -ms-flex:1 1 calc(var(--rpx, 1px)*720);
    -webkit-flex:1 1 -webkit-calc(var(--rpx,1px)*720);
    flex:1 1 calc(var(--rpx, 1px)*720)
  }
  .pad\:flex-shrink-0 {
    -ms-flex-negative:0;
    -webkit-flex-shrink:0;
    flex-shrink:0
  }
  .pad\:h-410px {
    height:410px
  }
  .pad\:h-15rpx {
    height:-webkit-calc(var(--rpx,1px)*15);
    height:-moz-calc(var(--rpx,1px)*15);
    height:calc(var(--rpx, 1px)*15)
  }
  .pad\:h-29rpx {
    height:-webkit-calc(var(--rpx,1px)*29);
    height:-moz-calc(var(--rpx,1px)*29);
    height:calc(var(--rpx, 1px)*29)
  }
  .pad\:h-274rpx {
    height:-webkit-calc(var(--rpx,1px)*274);
    height:-moz-calc(var(--rpx,1px)*274);
    height:calc(var(--rpx, 1px)*274)
  }
  .pad\:h-\[calc\(var\(--content-height\)\+173rpx\+var\(--half-h\)\)\] {
    height:-webkit-calc(var(--content-height) + var(--rpx,1px)*173 + var(--half-h));
    height:-moz-calc(var(--content-height) + var(--rpx,1px)*173 + var(--half-h));
    height:calc(var(--content-height) + var(--rpx, 1px)*173 + var(--half-h))
  }
  .pad\:h-125\.8vw {
    height:125.8vw;
    height:-webkit-calc(var(--vw,1vw)*125.8);
    height:-moz-calc(var(--vw,1vw)*125.8);
    height:calc(var(--vw, 1vw)*125.8)
  }
  .pad\:h-346rpx {
    height:-webkit-calc(var(--rpx,1px)*346);
    height:-moz-calc(var(--rpx,1px)*346);
    height:calc(var(--rpx, 1px)*346)
  }
  .pad\:h-43rpx {
    height:-webkit-calc(var(--rpx,1px)*43);
    height:-moz-calc(var(--rpx,1px)*43);
    height:calc(var(--rpx, 1px)*43)
  }
  .pad\:h-314rpx {
    height:-webkit-calc(var(--rpx,1px)*314);
    height:-moz-calc(var(--rpx,1px)*314);
    height:calc(var(--rpx, 1px)*314)
  }
  .pad\:h-198rpx {
    height:-webkit-calc(var(--rpx,1px)*198);
    height:-moz-calc(var(--rpx,1px)*198);
    height:calc(var(--rpx, 1px)*198)
  }
  .pad\:h-393rpx {
    height:-webkit-calc(var(--rpx,1px)*393);
    height:-moz-calc(var(--rpx,1px)*393);
    height:calc(var(--rpx, 1px)*393)
  }
  .pad\:h-1rpx {
    height:-webkit-calc(var(--rpx,1px)*1);
    height:-moz-calc(var(--rpx,1px)*1);
    height:calc(var(--rpx, 1px)*1)
  }
  .pad\:h-8rpx {
    height:-webkit-calc(var(--rpx,1px)*8);
    height:-moz-calc(var(--rpx,1px)*8);
    height:calc(var(--rpx, 1px)*8)
  }
  .pad\:h-204rpx {
    height:-webkit-calc(var(--rpx,1px)*204);
    height:-moz-calc(var(--rpx,1px)*204);
    height:calc(var(--rpx, 1px)*204)
  }
  .pad\:h-410rpx {
    height:-webkit-calc(var(--rpx,1px)*410);
    height:-moz-calc(var(--rpx,1px)*410);
    height:calc(var(--rpx, 1px)*410)
  }
  .pad\:h-13rpx {
    height:-webkit-calc(var(--rpx,1px)*13);
    height:-moz-calc(var(--rpx,1px)*13);
    height:calc(var(--rpx, 1px)*13)
  }
  .pad\:text-28px {
    font-size:28px;
    line-height:1
  }
  .pad\:text-14px {
    font-size:14px;
    line-height:1
  }
  .pad\:leading-\[1\.5\] {
    line-height:1.5
  }
  .pad\:mx-auto {
    margin-left:auto;
    margin-right:auto
  }
  .pad\:mt-6rpx {
    margin-top:calc(var(--rpx, 1px)*6)
  }
  .pad\:mt-11rpx {
    margin-top:calc(var(--rpx, 1px)*11)
  }
  .pad\:ml-7rpx {
    margin-left:calc(var(--rpx, 1px)*7)
  }
  .pad\:-mr-0 {
    margin-right:0
  }
  .pad\:-mr-24rpx {
    margin-right:calc(var(--rpx, 1px)*-24)
  }
  .pad\:mt-13rpx {
    margin-top:calc(var(--rpx, 1px)*13)
  }
  .pad\:mt-\[calc\(69rpx-var\(--half-h\)\+143rpx\)\] {
    margin-top:calc(var(--rpx, 1px)*69 - var(--half-h) + var(--rpx, 1px)*143)
  }
  .pad\:mb-\[calc\(143rpx-var\(--half-h\)\+103rpx\)\] {
    margin-bottom:calc(var(--rpx, 1px)*143 - var(--half-h) + var(--rpx, 1px)*103)
  }
  .pad\:mt-\[calc\(0px-37rpx-276px\)\] {
    margin-top:calc(-276px - var(--rpx, 1px)*37)
  }
  .pad\:ml-11rpx {
    margin-left:calc(var(--rpx, 1px)*11)
  }
  .pad\:mt-35rpx {
    margin-top:calc(var(--rpx, 1px)*35)
  }
  .pad\:ml-13rpx {
    margin-left:calc(var(--rpx, 1px)*13)
  }
  .pad\:-ml-709rpx {
    margin-left:calc(var(--rpx, 1px)*-709)
  }
  .pad\:mt-220rpx {
    margin-top:calc(var(--rpx, 1px)*220)
  }
  .pad\:mt-634rpx {
    margin-top:calc(var(--rpx, 1px)*634)
  }
  .pad\:mt-854rpx {
    margin-top:calc(var(--rpx, 1px)*854)
  }
  .pad\:ml-5rpx {
    margin-left:calc(var(--rpx, 1px)*5)
  }
  .pad\:mt-4rpx {
    margin-top:calc(var(--rpx, 1px)*4)
  }
  .pad\:mt-15rpx {
    margin-top:calc(var(--rpx, 1px)*15)
  }
  .pad\:mt-29rpx {
    margin-top:calc(var(--rpx, 1px)*29)
  }
  .pad\:mt-40rpx {
    margin-top:calc(var(--rpx, 1px)*40)
  }
  .pad\:-mt-0 {
    margin-top:0
  }
  .pad\:ml-24rpx {
    margin-left:calc(var(--rpx, 1px)*24)
  }
  .pad\:-ml-720rpx {
    margin-left:calc(var(--rpx, 1px)*-720)
  }
  .pad\:mt-228rpx {
    margin-top:calc(var(--rpx, 1px)*228)
  }
  .pad\:mt-662rpx {
    margin-top:calc(var(--rpx, 1px)*662)
  }
  .pad\:mt-890rpx {
    margin-top:calc(var(--rpx, 1px)*890)
  }
  .pad\:ml-8rpx {
    margin-left:calc(var(--rpx, 1px)*8)
  }
  .pad\:mt-24rpx {
    margin-top:calc(var(--rpx, 1px)*24)
  }
  .pad\:max-h-full {
    max-height:100%
  }
  .pad\:object-cover {
    -o-object-fit:cover;
    object-fit:cover
  }
  .pad\:overflow-hidden {
    overflow:hidden
  }
  .pad\:px-5rpx {
    padding-left:calc(var(--rpx, 1px)*5);
    padding-right:calc(var(--rpx, 1px)*5)
  }
  .pad\:px-22rpx {
    padding-left:calc(var(--rpx, 1px)*22);
    padding-right:calc(var(--rpx, 1px)*22)
  }
  .pad\:py-11rpx {
    padding-bottom:calc(var(--rpx, 1px)*11);
    padding-top:calc(var(--rpx, 1px)*11)
  }
  .pad\:py-69rpx {
    padding-bottom:calc(var(--rpx, 1px)*69);
    padding-top:calc(var(--rpx, 1px)*69)
  }
  .pad\:px-17rpx {
    padding-left:calc(var(--rpx, 1px)*17);
    padding-right:calc(var(--rpx, 1px)*17)
  }
  .pad\:py-22rpx {
    padding-bottom:calc(var(--rpx, 1px)*22);
    padding-top:calc(var(--rpx, 1px)*22)
  }
  .pad\:px-24rpx {
    padding-left:calc(var(--rpx, 1px)*24);
    padding-right:calc(var(--rpx, 1px)*24)
  }
  .pad\:py-20rpx {
    padding-bottom:calc(var(--rpx, 1px)*20);
    padding-top:calc(var(--rpx, 1px)*20)
  }
  .pad\:pt-69rpx {
    padding-top:calc(var(--rpx, 1px)*69)
  }
  .pad\:absolute {
    position:absolute
  }
  .pad\:relative {
    position:relative
  }
  .pad\:-top-50px {
    top:-50px
  }
  .pad\:bottom-24rpx {
    bottom:-webkit-calc(var(--rpx,1px)*24);
    bottom:-moz-calc(var(--rpx,1px)*24);
    bottom:calc(var(--rpx, 1px)*24)
  }
  .pad\:left-\[calc\(50\%-360rpx\)\] {
    left:-webkit-calc(50% - var(--rpx,1px)*360);
    left:-moz-calc(50% - var(--rpx,1px)*360);
    left:calc(50% - var(--rpx, 1px)*360)
  }
  .pad\:top-0 {
    top:0
  }
  .pad\:bottom-32rpx {
    bottom:-webkit-calc(var(--rpx,1px)*32);
    bottom:-moz-calc(var(--rpx,1px)*32);
    bottom:calc(var(--rpx, 1px)*32)
  }
  .pad\:right-32rpx {
    right:-webkit-calc(var(--rpx,1px)*32);
    right:-moz-calc(var(--rpx,1px)*32);
    right:calc(var(--rpx, 1px)*32)
  }
  .pad\:left-17rpx {
    left:-webkit-calc(var(--rpx,1px)*17);
    left:-moz-calc(var(--rpx,1px)*17);
    left:calc(var(--rpx, 1px)*17)
  }
  .pad\:top-17rpx {
    top:-webkit-calc(var(--rpx,1px)*17);
    top:-moz-calc(var(--rpx,1px)*17);
    top:calc(var(--rpx, 1px)*17)
  }
  .pad\:bottom-14rpx {
    bottom:-webkit-calc(var(--rpx,1px)*14);
    bottom:-moz-calc(var(--rpx,1px)*14);
    bottom:calc(var(--rpx, 1px)*14)
  }
  .pad\:right-17rpx {
    right:-webkit-calc(var(--rpx,1px)*17);
    right:-moz-calc(var(--rpx,1px)*17);
    right:calc(var(--rpx, 1px)*17)
  }
  .pad\:bottom-6rpx {
    bottom:-webkit-calc(var(--rpx,1px)*6);
    bottom:-moz-calc(var(--rpx,1px)*6);
    bottom:calc(var(--rpx, 1px)*6)
  }
  .pad\:top-44rpx {
    top:-webkit-calc(var(--rpx,1px)*44);
    top:-moz-calc(var(--rpx,1px)*44);
    top:calc(var(--rpx, 1px)*44)
  }
  .pad\:top-\[calc\(50\%\+15rpx\)\] {
    top:-webkit-calc(50% + var(--rpx,1px)*15);
    top:-moz-calc(50% + var(--rpx,1px)*15);
    top:calc(50% + var(--rpx, 1px)*15)
  }
  .pad\:top-163rpx {
    top:-webkit-calc(var(--rpx,1px)*163);
    top:-moz-calc(var(--rpx,1px)*163);
    top:calc(var(--rpx, 1px)*163)
  }
  .pad\:top-\[calc\(50\%\+42rpx\)\] {
    top:-webkit-calc(50% + var(--rpx,1px)*42);
    top:-moz-calc(50% + var(--rpx,1px)*42);
    top:calc(50% + var(--rpx, 1px)*42)
  }
  .pad\:left-\[calc\(50\%-157rpx\)\] {
    left:-webkit-calc(50% - var(--rpx,1px)*157);
    left:-moz-calc(50% - var(--rpx,1px)*157);
    left:calc(50% - var(--rpx, 1px)*157)
  }
  .pad\:top-\[calc\(50\%-0rpx\)\] {
    top:-webkit-calc(50% - var(--rpx,1px)*0);
    top:-moz-calc(50% - var(--rpx,1px)*0);
    top:calc(50% - var(--rpx, 1px)*0)
  }
  .pad\:top-134rpx {
    top:-webkit-calc(var(--rpx,1px)*134);
    top:-moz-calc(var(--rpx,1px)*134);
    top:calc(var(--rpx, 1px)*134)
  }
  .pad\:bottom-7rpx {
    bottom:-webkit-calc(var(--rpx,1px)*7);
    bottom:-moz-calc(var(--rpx,1px)*7);
    bottom:calc(var(--rpx, 1px)*7)
  }
  .pad\:bottom-160rpx {
    bottom:-webkit-calc(var(--rpx,1px)*160);
    bottom:-moz-calc(var(--rpx,1px)*160);
    bottom:calc(var(--rpx, 1px)*160)
  }
  .pad\:left-24rpx {
    left:-webkit-calc(var(--rpx,1px)*24);
    left:-moz-calc(var(--rpx,1px)*24);
    left:calc(var(--rpx, 1px)*24)
  }
  .pad\:top-20rpx {
    top:-webkit-calc(var(--rpx,1px)*20);
    top:-moz-calc(var(--rpx,1px)*20);
    top:calc(var(--rpx, 1px)*20)
  }
  .pad\:bottom-20rpx {
    bottom:-webkit-calc(var(--rpx,1px)*20);
    bottom:-moz-calc(var(--rpx,1px)*20);
    bottom:calc(var(--rpx, 1px)*20)
  }
  .pad\:right-24rpx {
    right:-webkit-calc(var(--rpx,1px)*24);
    right:-moz-calc(var(--rpx,1px)*24);
    right:calc(var(--rpx, 1px)*24)
  }
  .pad\:bottom-15rpx {
    bottom:-webkit-calc(var(--rpx,1px)*15);
    bottom:-moz-calc(var(--rpx,1px)*15);
    bottom:calc(var(--rpx, 1px)*15)
  }
  .pad\:top-56rpx {
    top:-webkit-calc(var(--rpx,1px)*56);
    top:-moz-calc(var(--rpx,1px)*56);
    top:calc(var(--rpx, 1px)*56)
  }
  .pad\:bottom-152rpx {
    bottom:-webkit-calc(var(--rpx,1px)*152);
    bottom:-moz-calc(var(--rpx,1px)*152);
    bottom:calc(var(--rpx, 1px)*152)
  }
  .pad\:top-156rpx {
    top:-webkit-calc(var(--rpx,1px)*156);
    top:-moz-calc(var(--rpx,1px)*156);
    top:calc(var(--rpx, 1px)*156)
  }
  .pad\:top-\[calc\(50\%\+56rpx\)\] {
    top:-webkit-calc(50% + var(--rpx,1px)*56);
    top:-moz-calc(50% + var(--rpx,1px)*56);
    top:calc(50% + var(--rpx, 1px)*56)
  }
  .pad\:left-\[calc\(50\%-140rpx\)\] {
    left:-webkit-calc(50% - var(--rpx,1px)*140);
    left:-moz-calc(50% - var(--rpx,1px)*140);
    left:calc(50% - var(--rpx, 1px)*140)
  }
  .pad\:top-\[calc\(49\%-0\.5rpx\)\] {
    top:-webkit-calc(49% - var(--rpx,1px)*.5);
    top:-moz-calc(49% - var(--rpx,1px)*.5);
    top:calc(49% - var(--rpx, 1px)*.5)
  }
  .pad\:top-131rpx {
    top:-webkit-calc(var(--rpx,1px)*131);
    top:-moz-calc(var(--rpx,1px)*131);
    top:calc(var(--rpx, 1px)*131)
  }
  .pad\:text-right {
    text-align:right
  }
  .pad\:text-black {
    --tw-text-opacity:1;
    color:rgba(0,0,0,var(--tw-text-opacity))
  }
  .pad\:text-white {
    --tw-text-opacity:1;
    color:rgba(255,255,255,var(--tw-text-opacity))
  }
  .pad\:text-\[\#54d9a8\] {
    --tw-text-opacity:1;
    color:rgba(84,217,168,var(--tw-text-opacity))
  }
  .pad\:text-opacity-95 {
    --tw-text-opacity:.95
  }
  .pad\:uppercase {
    text-transform:uppercase
  }
  .pad\:w-full {
    width:100%
  }
  .pad\:w-709rpx {
    width:-webkit-calc(var(--rpx,1px)*709);
    width:-moz-calc(var(--rpx,1px)*709);
    width:calc(var(--rpx, 1px)*709)
  }
  .pad\:w-328px {
    width:328px
  }
  .pad\:w-17rpx {
    width:-webkit-calc(var(--rpx,1px)*17);
    width:-moz-calc(var(--rpx,1px)*17);
    width:calc(var(--rpx, 1px)*17)
  }
  .pad\:w-150rpx {
    width:-webkit-calc(var(--rpx,1px)*150);
    width:-moz-calc(var(--rpx,1px)*150);
    width:calc(var(--rpx, 1px)*150)
  }
  .pad\:w-426rpx {
    width:-webkit-calc(var(--rpx,1px)*426);
    width:-moz-calc(var(--rpx,1px)*426);
    width:calc(var(--rpx, 1px)*426)
  }
  .pad\:w-538rpx {
    width:-webkit-calc(var(--rpx,1px)*538);
    width:-moz-calc(var(--rpx,1px)*538);
    width:calc(var(--rpx, 1px)*538)
  }
  .pad\:w-100vw {
    width:100vw;
    width:-webkit-calc(var(--vw,1vw)*100);
    width:-moz-calc(var(--vw,1vw)*100);
    width:calc(var(--vw, 1vw)*100)
  }
  .pad\:w-554rpx {
    width:-webkit-calc(var(--rpx,1px)*554);
    width:-moz-calc(var(--rpx,1px)*554);
    width:calc(var(--rpx, 1px)*554)
  }
  .pad\:w-43rpx {
    width:-webkit-calc(var(--rpx,1px)*43);
    width:-moz-calc(var(--rpx,1px)*43);
    width:calc(var(--rpx, 1px)*43)
  }
  .pad\:w-235rpx {
    width:-webkit-calc(var(--rpx,1px)*235);
    width:-moz-calc(var(--rpx,1px)*235);
    width:calc(var(--rpx, 1px)*235)
  }
  .pad\:w-348rpx {
    width:-webkit-calc(var(--rpx,1px)*348);
    width:-moz-calc(var(--rpx,1px)*348);
    width:calc(var(--rpx, 1px)*348)
  }
  .pad\:w-401px {
    width:401px
  }
  .pad\:w-314rpx {
    width:-webkit-calc(var(--rpx,1px)*314);
    width:-moz-calc(var(--rpx,1px)*314);
    width:calc(var(--rpx, 1px)*314)
  }
  .pad\:w-9rpx {
    width:-webkit-calc(var(--rpx,1px)*9);
    width:-moz-calc(var(--rpx,1px)*9);
    width:calc(var(--rpx, 1px)*9)
  }
  .pad\:w-720rpx {
    width:-webkit-calc(var(--rpx,1px)*720);
    width:-moz-calc(var(--rpx,1px)*720);
    width:calc(var(--rpx, 1px)*720)
  }
  .pad\:w-246px {
    width:246px
  }
  .pad\:w-280rpx {
    width:-webkit-calc(var(--rpx,1px)*280);
    width:-moz-calc(var(--rpx,1px)*280);
    width:calc(var(--rpx, 1px)*280)
  }
  .pad\:w-14\.1rpx {
    width:-webkit-calc(var(--rpx,1px)*14.1);
    width:-moz-calc(var(--rpx,1px)*14.1);
    width:calc(var(--rpx, 1px)*14.1)
  }
  .pad\:z-50 {
    z-index:50
  }
  .pad\:transform {
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-translate-z:0;
    --tw-rotate:0;
    --tw-rotate-x:0;
    --tw-rotate-y:0;
    --tw-rotate-z:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-scale-z:1;
    -webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
  }
  .pad\:rotate-90 {
    --tw-rotate:90deg
  }
}
@media (min-width:1025px) {
  .pc\:bg-\[\#e3eeed\] {
    --tw-bg-opacity:1;
    background-color:rgba(227,238,237,var(--tw-bg-opacity))
  }
  .pc\:bg-\[\#e5efee\] {
    --tw-bg-opacity:1;
    background-color:rgba(229,239,238,var(--tw-bg-opacity))
  }
  .pc\:bg-white {
    --tw-bg-opacity:1;
    background-color:rgba(255,255,255,var(--tw-bg-opacity))
  }
  .pc\:bg-black {
    --tw-bg-opacity:1;
    background-color:rgba(0,0,0,var(--tw-bg-opacity))
  }
  .pc\:bg-gradient-to-tl {
    background-image:-o-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:-webkit-gradient(linear,right bottom,left top,from(var(--tw-gradient-stops)));
    background-image:-webkit-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:-moz-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:linear-gradient(to top left,var(--tw-gradient-stops))
  }
  .pc\:from-\[\#B0F3DB\] {
    --tw-gradient-from:rgba(255,209,111,var(--tw-from-opacity,1));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))
  }
  .pc\:to-\[\#25DD9B\] {
    --tw-gradient-to:rgba(244,98,46,var(--tw-to-opacity,1))
  }
  .pc\:to-opacity-70 {
    --tw-to-opacity:.7
  }
  .pc\:bg-opacity-70 {
    --tw-bg-opacity:.7
  }
  .pc\:bg-opacity-40 {
    --tw-bg-opacity:.4
  }
  .pc\:bg-opacity-5 {
    --tw-bg-opacity:.05
  }
  .pc\:border-\[\#bebebe\] {
    --tw-border-opacity:1;
    border-color:rgba(190,190,190,var(--tw-border-opacity))
  }
  .pc\:border-opacity-60 {
    --tw-border-opacity:.6
  }
  .pc\:rounded-24rpx {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*24);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*24);
    border-radius:calc(var(--rpx, 1px)*24)
  }
  .pc\:rounded-20rpx {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*20);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*20);
    border-radius:calc(var(--rpx, 1px)*20)
  }
  .pc\:border-solid {
    border-style:solid
  }
  .pc\:border-1px {
    border-width:1px
  }
  .pc\:flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex
  }
  .pc\:inline-flex {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:inline-flex
  }
  .pc\:flex-col {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
  }
  .pc\:items-start {
    -webkit-box-align:start;
    -ms-flex-align:start;
    -moz-box-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
  }
  .pc\:items-center {
    -webkit-box-align:center;
    -ms-flex-align:center;
    -moz-box-align:center;
    -webkit-align-items:center;
    align-items:center
  }
  .pc\:items-stretch {
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -moz-box-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch
  }
  .pc\:justify-start {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -moz-box-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start
  }
  .pc\:justify-center {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -moz-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center
  }
  .pc\:justify-between {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -moz-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between
  }
  .pc\:flex-\[1_1_1312rpx\] {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -ms-flex:1 1 calc(var(--rpx, 1px)*1312);
    -webkit-flex:1 1 -webkit-calc(var(--rpx,1px)*1312);
    flex:1 1 calc(var(--rpx, 1px)*1312)
  }
  .pc\:flex-shrink-0 {
    -ms-flex-negative:0;
    -webkit-flex-shrink:0;
    flex-shrink:0
  }
  .pc\:h-\[calc\(var\(--content-height\)-60px\)\] {
    height:-webkit-calc(var(--content-height) - 60px);
    height:-moz-calc(var(--content-height) - 60px);
    height:calc(var(--content-height) - 60px)
  }
  .pc\:h-28\.5rpx {
    height:-webkit-calc(var(--rpx,1px)*28.5);
    height:-moz-calc(var(--rpx,1px)*28.5);
    height:calc(var(--rpx, 1px)*28.5)
  }
  .pc\:h-29rpx {
    height:-webkit-calc(var(--rpx,1px)*29);
    height:-moz-calc(var(--rpx,1px)*29);
    height:calc(var(--rpx, 1px)*29)
  }
  .pc\:h-570rpx {
    height:-webkit-calc(var(--rpx,1px)*570);
    height:-moz-calc(var(--rpx,1px)*570);
    height:calc(var(--rpx, 1px)*570)
  }
  .pc\:h-\[calc\(var\(--content-height\)\+530rpx\+var\(--half-h\)-265rpx\)\] {
    height:-webkit-calc(var(--content-height) + var(--rpx,1px)*530 + var(--half-h) - var(--rpx,1px)*265);
    height:-moz-calc(var(--content-height) + var(--rpx,1px)*530 + var(--half-h) - var(--rpx,1px)*265);
    height:calc(var(--content-height) + var(--rpx, 1px)*530 + var(--half-h) - var(--rpx, 1px)*265)
  }
  .pc\:h-125\.8vw {
    height:125.8vw;
    height:-webkit-calc(var(--vw,1vw)*125.8);
    height:-moz-calc(var(--vw,1vw)*125.8);
    height:calc(var(--vw, 1vw)*125.8)
  }
  .pc\:h-530rpx {
    height:-webkit-calc(var(--rpx,1px)*530);
    height:-moz-calc(var(--rpx,1px)*530);
    height:calc(var(--rpx, 1px)*530)
  }
  .pc\:h-80rpx {
    height:-webkit-calc(var(--rpx,1px)*80);
    height:-moz-calc(var(--rpx,1px)*80);
    height:calc(var(--rpx, 1px)*80)
  }
  .pc\:h-490rpx {
    height:-webkit-calc(var(--rpx,1px)*490);
    height:-moz-calc(var(--rpx,1px)*490);
    height:calc(var(--rpx, 1px)*490)
  }
  .pc\:h-366rpx {
    height:-webkit-calc(var(--rpx,1px)*366);
    height:-moz-calc(var(--rpx,1px)*366);
    height:calc(var(--rpx, 1px)*366)
  }
  .pc\:h-727rpx {
    height:-webkit-calc(var(--rpx,1px)*727);
    height:-moz-calc(var(--rpx,1px)*727);
    height:calc(var(--rpx, 1px)*727)
  }
  .pc\:h-1rpx {
    height:-webkit-calc(var(--rpx,1px)*1);
    height:-moz-calc(var(--rpx,1px)*1);
    height:calc(var(--rpx, 1px)*1)
  }
  .pc\:h-15rpx {
    height:-webkit-calc(var(--rpx,1px)*15);
    height:-moz-calc(var(--rpx,1px)*15);
    height:calc(var(--rpx, 1px)*15)
  }
  .pc\:text-68px {
    font-size:68px;
    line-height:1
  }
  .pc\:text-61px {
    font-size:61px;
    line-height:1
  }
  .pc\:text-14px {
    font-size:14px;
    line-height:1
  }
  .pc\:leading-\[1\.5\] {
    line-height:1.5
  }
  .pc\:mx-auto {
    margin-left:auto;
    margin-right:auto
  }
  .pc\:mt-11rpx {
    margin-top:calc(var(--rpx, 1px)*11)
  }
  .pc\:mt-20rpx {
    margin-top:calc(var(--rpx, 1px)*20)
  }
  .pc\:ml-12\.7rpx {
    margin-left:calc(var(--rpx, 1px)*12.7)
  }
  .pc\:-mr-44rpx {
    margin-right:calc(var(--rpx, 1px)*-44)
  }
  .pc\:mt-24rpx {
    margin-top:calc(var(--rpx, 1px)*24)
  }
  .pc\:mt-\[calc\(128rpx-var\(--half-h\)\+265rpx\)\] {
    margin-top:calc(var(--rpx, 1px)*128 - var(--half-h) + var(--rpx, 1px)*265)
  }
  .pc\:mb-\[calc\(265rpx-var\(--half-h\)\+191rpx\)\] {
    margin-bottom:calc(var(--rpx, 1px)*265 - var(--half-h) + var(--rpx, 1px)*191)
  }
  .pc\:mt-\[calc\(0px-69rpx-276px\)\] {
    margin-top:calc(-276px - var(--rpx, 1px)*69)
  }
  .pc\:ml-20rpx {
    margin-left:calc(var(--rpx, 1px)*20)
  }
  .pc\:mt-64rpx {
    margin-top:calc(var(--rpx, 1px)*64)
  }
  .pc\:ml-24rpx {
    margin-left:calc(var(--rpx, 1px)*24)
  }
  .pc\:-ml-1312rpx {
    margin-left:calc(var(--rpx, 1px)*-1312)
  }
  .pc\:mt-406rpx {
    margin-top:calc(var(--rpx, 1px)*406)
  }
  .pc\:mt-1173rpx {
    margin-top:calc(var(--rpx, 1px)*1173)
  }
  .pc\:mt-1579rpx {
    margin-top:calc(var(--rpx, 1px)*1579)
  }
  .pc\:ml-10rpx {
    margin-left:calc(var(--rpx, 1px)*10)
  }
  .pc\:mt-8rpx {
    margin-top:calc(var(--rpx, 1px)*8)
  }
  .pc\:mt-28rpx {
    margin-top:calc(var(--rpx, 1px)*28)
  }
  .pc\:mt-54rpx {
    margin-top:calc(var(--rpx, 1px)*54)
  }
  .pc\:max-h-full {
    max-height:100%
  }
  .pc\:object-cover {
    -o-object-fit:cover;
    object-fit:cover
  }
  .pc\:overflow-hidden {
    overflow:hidden
  }
  .pc\:px-9rpx {
    padding-left:calc(var(--rpx, 1px)*9);
    padding-right:calc(var(--rpx, 1px)*9)
  }
  .pc\:px-40rpx {
    padding-left:calc(var(--rpx, 1px)*40);
    padding-right:calc(var(--rpx, 1px)*40)
  }
  .pc\:py-20rpx {
    padding-bottom:calc(var(--rpx, 1px)*20);
    padding-top:calc(var(--rpx, 1px)*20)
  }
  .pc\:py-128rpx {
    padding-bottom:calc(var(--rpx, 1px)*128);
    padding-top:calc(var(--rpx, 1px)*128)
  }
  .pc\:px-32rpx {
    padding-left:calc(var(--rpx, 1px)*32);
    padding-right:calc(var(--rpx, 1px)*32)
  }
  .pc\:py-40rpx {
    padding-bottom:calc(var(--rpx, 1px)*40);
    padding-top:calc(var(--rpx, 1px)*40)
  }
  .pc\:pt-128rpx {
    padding-top:calc(var(--rpx, 1px)*128);
  }
  .pc\:absolute {
    position:absolute
  }
  .pc\:relative {
    position:relative
  }
  .pc\:-top-60px {
    top:-60px
  }
  .pc\:top-0 {
    top:0
  }
  .pc\:bottom-60rpx {
    bottom:-webkit-calc(var(--rpx,1px)*60);
    bottom:-moz-calc(var(--rpx,1px)*60);
    bottom:calc(var(--rpx, 1px)*60)
  }
  .pc\:right-60rpx {
    right:-webkit-calc(var(--rpx,1px)*60);
    right:-moz-calc(var(--rpx,1px)*60);
    right:calc(var(--rpx, 1px)*60)
  }
  .pc\:left-32rpx {
    left:-webkit-calc(var(--rpx,1px)*32);
    left:-moz-calc(var(--rpx,1px)*32);
    left:calc(var(--rpx, 1px)*32)
  }
  .pc\:top-32rpx {
    top:-webkit-calc(var(--rpx,1px)*32);
    top:-moz-calc(var(--rpx,1px)*32);
    top:calc(var(--rpx, 1px)*32)
  }
  .pc\:bottom-26rpx {
    bottom:-webkit-calc(var(--rpx,1px)*26);
    bottom:-moz-calc(var(--rpx,1px)*26);
    bottom:calc(var(--rpx, 1px)*26)
  }
  .pc\:right-32rpx {
    right:-webkit-calc(var(--rpx,1px)*32);
    right:-moz-calc(var(--rpx,1px)*32);
    right:calc(var(--rpx, 1px)*32)
  }
  .pc\:bottom-11rpx {
    bottom:-webkit-calc(var(--rpx,1px)*11);
    bottom:-moz-calc(var(--rpx,1px)*11);
    bottom:calc(var(--rpx, 1px)*11)
  }
  .pc\:top-82rpx {
    top:-webkit-calc(var(--rpx,1px)*82);
    top:-moz-calc(var(--rpx,1px)*82);
    top:calc(var(--rpx, 1px)*82)
  }
  .pc\:top-\[calc\(50\%\+28rpx\)\] {
    top:-webkit-calc(50% + var(--rpx,1px)*28);
    top:-moz-calc(50% + var(--rpx,1px)*28);
    top:calc(50% + var(--rpx, 1px)*28)
  }
  .pc\:top-302rpx {
    top:-webkit-calc(var(--rpx,1px)*302);
    top:-moz-calc(var(--rpx,1px)*302);
    top:calc(var(--rpx, 1px)*302)
  }
  .pc\:top-\[calc\(50\%\+78rpx\)\] {
    top:-webkit-calc(50% + var(--rpx,1px)*78);
    top:-moz-calc(50% + var(--rpx,1px)*78);
    top:calc(50% + var(--rpx, 1px)*78)
  }
  .pc\:left-\[calc\(50\%-290rpx\)\] {
    left:-webkit-calc(50% - var(--rpx,1px)*290);
    left:-moz-calc(50% - var(--rpx,1px)*290);
    left:calc(50% - var(--rpx, 1px)*290)
  }
  .pc\:top-\[calc\(50\%-0\.5rpx\)\] {
    top:-webkit-calc(50% - var(--rpx,1px)*.5);
    top:-moz-calc(50% - var(--rpx,1px)*.5);
    top:calc(50% - var(--rpx, 1px)*.5)
  }
  .pc\:top-247rpx {
    top:-webkit-calc(var(--rpx,1px)*247);
    top:-moz-calc(var(--rpx,1px)*247);
    top:calc(var(--rpx, 1px)*247)
  }
  .pc\:bottom-13rpx {
    bottom:-webkit-calc(var(--rpx,1px)*13);
    bottom:-moz-calc(var(--rpx,1px)*13);
    bottom:calc(var(--rpx, 1px)*13)
  }
  .pc\:bottom-296rpx {
    bottom:-webkit-calc(var(--rpx,1px)*296);
    bottom:-moz-calc(var(--rpx,1px)*296);
    bottom:calc(var(--rpx, 1px)*296)
  }
  .pc\:text-right {
    text-align:right
  }
  .pc\:text-black {
    --tw-text-opacity:1;
    color:rgba(0,0,0,var(--tw-text-opacity))
  }
  .pc\:text-white {
    --tw-text-opacity:1;
    color:rgba(255,255,255,var(--tw-text-opacity))
  }
  .pc\:text-\[\#54d9a8\] {
    --tw-text-opacity:1;
    /*color:rgba(255,209,111,var(--tw-text-opacity))*/
    color: rgba(255, 255, 255, 0.7);
  }
  .pc\:text-opacity-95 {
    --tw-text-opacity:.95
  }
  .pc\:uppercase {
    text-transform:uppercase
  }
  .pc\:w-full {
    width:100%
  }
  .pc\:w-1312rpx {
    width:-webkit-calc(var(--rpx,1px)*1312);
    width:-moz-calc(var(--rpx,1px)*1312);
    width:calc(var(--rpx, 1px)*1312)
  }
  .pc\:w-500px {
    width:500px
  }
  .pc\:w-31rpx {
    width:-webkit-calc(var(--rpx,1px)*31);
    width:-moz-calc(var(--rpx,1px)*31);
    width:calc(var(--rpx, 1px)*31)
  }
  .pc\:w-179rpx {
    width:-webkit-calc(var(--rpx,1px)*179);
    width:-moz-calc(var(--rpx,1px)*179);
    width:calc(var(--rpx, 1px)*179)
  }
  .pc\:w-889rpx {
    width:-webkit-calc(var(--rpx,1px)*889);
    width:-moz-calc(var(--rpx,1px)*889);
    width:calc(var(--rpx, 1px)*889)
  }
  .pc\:w-702px {
    width:702px
  }
  .pc\:w-749rpx {
    width:-webkit-calc(var(--rpx,1px)*749);
    width:-moz-calc(var(--rpx,1px)*749);
    width:calc(var(--rpx, 1px)*749)
  }
  .pc\:w-100vw {
    width:100vw;
    width:-webkit-calc(var(--vw,1vw)*100);
    width:-moz-calc(var(--vw,1vw)*100);
    width:calc(var(--vw, 1vw)*100)
  }
  .pc\:w-1024rpx {
    width:-webkit-calc(var(--rpx,1px)*1024);
    width:-moz-calc(var(--rpx,1px)*1024);
    width:calc(var(--rpx, 1px)*1024)
  }
  .pc\:w-80rpx {
    width:-webkit-calc(var(--rpx,1px)*80);
    width:-moz-calc(var(--rpx,1px)*80);
    width:calc(var(--rpx, 1px)*80)
  }
  .pc\:w-497px {
    width:497px
  }
  .pc\:w-434rpx {
    width:-webkit-calc(var(--rpx,1px)*434);
    width:-moz-calc(var(--rpx,1px)*434);
    width:calc(var(--rpx, 1px)*434)
  }
  .pc\:w-644rpx {
    width:-webkit-calc(var(--rpx,1px)*644);
    width:-moz-calc(var(--rpx,1px)*644);
    width:calc(var(--rpx, 1px)*644)
  }
  .pc\:w-401px {
    width:401px
  }
  .pc\:w-580rpx {
    width:-webkit-calc(var(--rpx,1px)*580);
    width:-moz-calc(var(--rpx,1px)*580);
    width:calc(var(--rpx, 1px)*580)
  }
  .pc\:w-581rpx {
    width:-webkit-calc(var(--rpx,1px)*581);
    width:-moz-calc(var(--rpx,1px)*581);
    width:calc(var(--rpx, 1px)*581)
  }
  .pc\:w-16\.3rpx {
    width:-webkit-calc(var(--rpx,1px)*16.3);
    width:-moz-calc(var(--rpx,1px)*16.3);
    width:calc(var(--rpx, 1px)*16.3)
  }
  .pc\:w-80vw {
    width:80vw;
    width:-webkit-calc(var(--vw,1vw)*80);
    width:-moz-calc(var(--vw,1vw)*80);
    width:calc(var(--vw, 1vw)*80)
  }
  .pc\:z-50 {
    z-index:50
  }
  .pc\:transform {
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-translate-z:0;
    --tw-rotate:0;
    --tw-rotate-x:0;
    --tw-rotate-y:0;
    --tw-rotate-z:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-scale-z:1;
    -webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
  }
  .pc\:rotate-90 {
    --tw-rotate:90deg
  }
}
@media (max-width:650px) {
  .mo\:bg-\[\#e3eeed\] {
    --tw-bg-opacity:1;
    background-color:rgba(227,238,237,var(--tw-bg-opacity))
  }
  .mo\:bg-white {
    --tw-bg-opacity:1;
    background-color:rgba(255,255,255,var(--tw-bg-opacity))
  }
  .mo\:bg-black {
    --tw-bg-opacity:1;
    background-color:rgba(0,0,0,var(--tw-bg-opacity))
  }
  .mo\:bg-gradient-to-b {
    background-image:-o-linear-gradient(top,var(--tw-gradient-stops));
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--tw-gradient-stops)));
    background-image:-webkit-linear-gradient(top,var(--tw-gradient-stops));
    background-image:-moz-linear-gradient(top,var(--tw-gradient-stops));
    background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
  }
  .mo\:bg-gradient-to-tl {
    background-image:-o-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:-webkit-gradient(linear,right bottom,left top,from(var(--tw-gradient-stops)));
    background-image:-webkit-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:-moz-linear-gradient(bottom right,var(--tw-gradient-stops));
    background-image:linear-gradient(to top left,var(--tw-gradient-stops))
  }
  .mo\:from-\[\#e3eeed\] {
    --tw-gradient-from:rgba(227,238,237,var(--tw-from-opacity,1));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))
  }
  .mo\:from-\[\#B0F3DB\] {
    --tw-gradient-from:rgba(176,243,219,var(--tw-from-opacity,1));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))
  }
  .mo\:to-white {
    --tw-gradient-to:rgba(255,255,255,var(--tw-to-opacity,1))
  }
  .mo\:to-\[\#25DD9B\] {
    --tw-gradient-to:rgba(37,221,155,var(--tw-to-opacity,1))
  }
  .mo\:to-opacity-0 {
    --tw-to-opacity:0
  }
  .mo\:to-opacity-70 {
    --tw-to-opacity:.7
  }
  .mo\:bg-opacity-70 {
    --tw-bg-opacity:.7
  }
  .mo\:bg-opacity-40 {
    --tw-bg-opacity:.4
  }
  .mo\:bg-opacity-5 {
    --tw-bg-opacity:.05
  }
  .mo\:border-\[\#bebebe\] {
    --tw-border-opacity:1;
    border-color:rgba(190,190,190,var(--tw-border-opacity))
  }
  .mo\:border-opacity-60 {
    --tw-border-opacity:.6
  }
  .mo\:rounded-16rpx {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
    border-radius:calc(var(--rpx, 1px)*16)
  }
  .mo\:border-solid {
    border-style:solid
  }
  .mo\:border-1px {
    border-width:1px
  }
  .mo\:flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex
  }
  .mo\:inline-flex {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:inline-flex
  }
  .mo\:flex-col {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
  }
  .mo\:items-start {
    -webkit-box-align:start;
    -ms-flex-align:start;
    -moz-box-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
  }
  .mo\:items-center {
    -webkit-box-align:center;
    -ms-flex-align:center;
    -moz-box-align:center;
    -webkit-align-items:center;
    align-items:center
  }
  .mo\:items-stretch {
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -moz-box-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch
  }
  .mo\:justify-start {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -moz-box-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start
  }
  .mo\:justify-center {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -moz-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center
  }
  .mo\:flex-shrink-0 {
    -ms-flex-negative:0;
    -webkit-flex-shrink:0;
    flex-shrink:0
  }
  .mo\:h-710rpx {
    height:-webkit-calc(var(--rpx,1px)*710);
    height:-moz-calc(var(--rpx,1px)*710);
    height:calc(var(--rpx, 1px)*710)
  }
  .mo\:h-29rpx {
    height:-webkit-calc(var(--rpx,1px)*29);
    height:-moz-calc(var(--rpx,1px)*29);
    height:calc(var(--rpx, 1px)*29)
  }
  .mo\:h-16\.6rpx {
    height:-webkit-calc(var(--rpx,1px)*16.6);
    height:-moz-calc(var(--rpx,1px)*16.6);
    height:calc(var(--rpx, 1px)*16.6)
  }
  .mo\:h-354rpx {
    height:-webkit-calc(var(--rpx,1px)*354);
    height:-moz-calc(var(--rpx,1px)*354);
    height:calc(var(--rpx, 1px)*354)
  }
  .mo\:h-246rpx {
    height:-webkit-calc(var(--rpx,1px)*246);
    height:-moz-calc(var(--rpx,1px)*246);
    height:calc(var(--rpx, 1px)*246)
  }
  .mo\:h-32px {
    height:32px
  }
  .mo\:h-204rpx {
    height:-webkit-calc(var(--rpx,1px)*204);
    height:-moz-calc(var(--rpx,1px)*204);
    height:calc(var(--rpx, 1px)*204)
  }
  .mo\:h-410rpx {
    height:-webkit-calc(var(--rpx,1px)*410);
    height:-moz-calc(var(--rpx,1px)*410);
    height:calc(var(--rpx, 1px)*410)
  }
  .mo\:h-1rpx {
    height:-webkit-calc(var(--rpx,1px)*1);
    height:-moz-calc(var(--rpx,1px)*1);
    height:calc(var(--rpx, 1px)*1)
  }
  .mo\:h-13rpx {
    height:-webkit-calc(var(--rpx,1px)*13);
    height:-moz-calc(var(--rpx,1px)*13);
    height:calc(var(--rpx, 1px)*13)
  }
  .mo\:text-34px {
    font-size:34px;
    line-height:1
  }
  .mo\:text-30px {
    font-size:30px;
    line-height:1
  }
  .mo\:text-12px {
    font-size:12px;
    line-height:1
  }
  .mo\:leading-\[1\.5\] {
    line-height:1.5
  }
  .mo\:mx-auto {
    margin-left:auto;
    margin-right:auto
  }
  .mo\:mt-12rpx {
    margin-top:calc(var(--rpx, 1px)*12)
  }
  .mo\:mt-20px {
    margin-top:20px
  }
  .mo\:ml-6px {
    margin-left:6px
  }
  .mo\:mt-18rpx {
    margin-top:calc(var(--rpx, 1px)*18)
  }
  .mo\:mt-48rpx {
    margin-top:calc(var(--rpx, 1px)*48)
  }
  .mo\:mt-40rpx {
    margin-top:calc(var(--rpx, 1px)*40)
  }
  .mo\:mt-24rpx {
    margin-top:calc(var(--rpx, 1px)*24)
  }
  .mo\:mt-4rpx {
    margin-top:calc(var(--rpx, 1px)*4)
  }
  .mo\:ml-8rpx {
    margin-left:calc(var(--rpx, 1px)*8)
  }
  .mo\:object-contain {
    -o-object-fit:contain;
    object-fit:contain
  }
  .mo\:object-cover {
    -o-object-fit:cover;
    object-fit:cover
  }
  .mo\:overflow-hidden {
    overflow:hidden
  }
  .mo\:py-48rpx {
    padding-bottom:calc(var(--rpx, 1px)*48);
    padding-top:calc(var(--rpx, 1px)*48)
  }
  .mo\:px-28rpx {
    padding-left:calc(var(--rpx, 1px)*28);
    padding-right:calc(var(--rpx, 1px)*28)
  }
  .mo\:py-24rpx {
    padding-bottom:calc(var(--rpx, 1px)*24);
    padding-top:calc(var(--rpx, 1px)*24)
  }
  .mo\:px-24rpx {
    padding-left:calc(var(--rpx, 1px)*24);
    padding-right:calc(var(--rpx, 1px)*24)
  }
  .mo\:py-20rpx {
    padding-bottom:calc(var(--rpx, 1px)*20);
    padding-top:calc(var(--rpx, 1px)*20)
  }
  .mo\:absolute {
    position:absolute
  }
  .mo\:relative {
    position:relative
  }
  .mo\:-top-50px {
    top:-50px
  }
  .mo\:bottom-20rpx {
    bottom:-webkit-calc(var(--rpx,1px)*20);
    bottom:-moz-calc(var(--rpx,1px)*20);
    bottom:calc(var(--rpx, 1px)*20)
  }
  .mo\:left-\[calc\(50\%-164rpx\)\] {
    left:-webkit-calc(50% - var(--rpx,1px)*164);
    left:-moz-calc(50% - var(--rpx,1px)*164);
    left:calc(50% - var(--rpx, 1px)*164)
  }
  .mo\:top-40rpx {
    top:-webkit-calc(var(--rpx,1px)*40);
    top:-moz-calc(var(--rpx,1px)*40);
    top:calc(var(--rpx, 1px)*40)
  }
  .mo\:top-16px {
    top:16px
  }
  .mo\:left-\[calc\(50\%-275\.5rpx\)\] {
    left:-webkit-calc(50% - var(--rpx,1px)*275.5);
    left:-moz-calc(50% - var(--rpx,1px)*275.5);
    left:calc(50% - var(--rpx, 1px)*275.5)
  }
  .mo\:bottom-60rpx {
    bottom:-webkit-calc(var(--rpx,1px)*60);
    bottom:-moz-calc(var(--rpx,1px)*60);
    bottom:calc(var(--rpx, 1px)*60)
  }
  .mo\:right-20rpx {
    right:-webkit-calc(var(--rpx,1px)*20);
    right:-moz-calc(var(--rpx,1px)*20);
    right:calc(var(--rpx, 1px)*20)
  }
  .mo\:left-24rpx {
    left:-webkit-calc(var(--rpx,1px)*24);
    left:-moz-calc(var(--rpx,1px)*24);
    left:calc(var(--rpx, 1px)*24)
  }
  .mo\:top-20rpx {
    top:-webkit-calc(var(--rpx,1px)*20);
    top:-moz-calc(var(--rpx,1px)*20);
    top:calc(var(--rpx, 1px)*20)
  }
  .mo\:right-24rpx {
    right:-webkit-calc(var(--rpx,1px)*24);
    right:-moz-calc(var(--rpx,1px)*24);
    right:calc(var(--rpx, 1px)*24)
  }
  .mo\:bottom-15rpx {
    bottom:-webkit-calc(var(--rpx,1px)*15);
    bottom:-moz-calc(var(--rpx,1px)*15);
    bottom:calc(var(--rpx, 1px)*15)
  }
  .mo\:top-56rpx {
    top:-webkit-calc(var(--rpx,1px)*56);
    top:-moz-calc(var(--rpx,1px)*56);
    top:calc(var(--rpx, 1px)*56)
  }
  .mo\:bottom-152rpx {
    bottom:-webkit-calc(var(--rpx,1px)*152);
    bottom:-moz-calc(var(--rpx,1px)*152);
    bottom:calc(var(--rpx, 1px)*152)
  }
  .mo\:top-156rpx {
    top:-webkit-calc(var(--rpx,1px)*156);
    top:-moz-calc(var(--rpx,1px)*156);
    top:calc(var(--rpx, 1px)*156)
  }
  .mo\:top-\[calc\(50\%\+59rpx\)\] {
    top:-webkit-calc(50% + var(--rpx,1px)*59);
    top:-moz-calc(50% + var(--rpx,1px)*59);
    top:calc(50% + var(--rpx, 1px)*59)
  }
  .mo\:left-\[calc\(50\%-140rpx\)\] {
    left:-webkit-calc(50% - var(--rpx,1px)*140);
    left:-moz-calc(50% - var(--rpx,1px)*140);
    left:calc(50% - var(--rpx, 1px)*140)
  }
  .mo\:top-\[calc\(49\%-0\.5rpx\)\] {
    top:-webkit-calc(49% - var(--rpx,1px)*.5);
    top:-moz-calc(49% - var(--rpx,1px)*.5);
    top:calc(49% - var(--rpx, 1px)*.5)
  }
  .mo\:top-131rpx {
    top:-webkit-calc(var(--rpx,1px)*131);
    top:-moz-calc(var(--rpx,1px)*131);
    top:calc(var(--rpx, 1px)*131)
  }
  .mo\:text-right {
    text-align:right
  }
  .mo\:text-black {
    --tw-text-opacity:1;
    color:rgba(0,0,0,var(--tw-text-opacity))
  }
  .mo\:text-white {
    --tw-text-opacity:1;
    color:rgba(255,255,255,var(--tw-text-opacity))
  }
  .mo\:text-\[\#54d9a8\] {
    --tw-text-opacity:1;
    color:rgba(84,217,168,var(--tw-text-opacity))
  }
  .mo\:text-opacity-95 {
    --tw-text-opacity:.95
  }
  .mo\:uppercase {
    text-transform:uppercase
  }
  .mo\:w-full {
    width:100%
  }
  .mo\:w-150rpx {
    width:-webkit-calc(var(--rpx,1px)*150);
    width:-moz-calc(var(--rpx,1px)*150);
    width:calc(var(--rpx, 1px)*150)
  }
  .mo\:w-328rpx {
    width:-webkit-calc(var(--rpx,1px)*328);
    width:-moz-calc(var(--rpx,1px)*328);
    width:calc(var(--rpx, 1px)*328)
  }
  .mo\:w-18\.1rpx {
    width:-webkit-calc(var(--rpx,1px)*18.1);
    width:-moz-calc(var(--rpx,1px)*18.1);
    width:calc(var(--rpx, 1px)*18.1)
  }
  .mo\:w-551rpx {
    width:-webkit-calc(var(--rpx,1px)*551);
    width:-moz-calc(var(--rpx,1px)*551);
    width:calc(var(--rpx, 1px)*551)
  }
  .mo\:w-32px {
    width:32px
  }
  .mo\:w-246px {
    width:246px
  }
  .mo\:w-280rpx {
    width:-webkit-calc(var(--rpx,1px)*280);
    width:-moz-calc(var(--rpx,1px)*280);
    width:calc(var(--rpx, 1px)*280)
  }
  .mo\:w-14\.1rpx {
    width:-webkit-calc(var(--rpx,1px)*14.1);
    width:-moz-calc(var(--rpx,1px)*14.1);
    width:calc(var(--rpx, 1px)*14.1)
  }
  .mo\:z-5 {
    z-index:5
  }
  .mo\:transform {
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-translate-z:0;
    --tw-rotate:0;
    --tw-rotate-x:0;
    --tw-rotate-y:0;
    --tw-rotate-z:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-scale-z:1;
    -webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
  }
  .mo\:rotate-90 {
    --tw-rotate:90deg
  }
}
@media (min-width:1025px) and (min-width:1025px) and (max-width:1439px) {
  .\31 024\:w-626px {
    width:626px
  }
}
@media (min-width:1025px) {
  .pct\:font-medium {
    font-weight:500
  }
  .pct\:font-bold {
    font-weight:700
  }
  .pct\:text-80px {
    font-size:80px;
    line-height:1
  }
  .pct\:text-20px {
    font-size:20px;
    line-height:1
  }
  .pct\:text-40px {
    font-size:40px;
    line-height:1
  }
  .pct\:text-52px {
    font-size:52px;
    line-height:1
  }
  .pct\:text-24px {
    font-size:24px;
    line-height:1
  }
  .pct\:text-68px {
    font-size:68px;
    line-height:1
  }
  .pct\:text-61px {
    font-size:61px;
    line-height:1
  }
  .pct\:text-36px {
    font-size:36px;
    line-height:1
  }
  .pct\:text-28px {
    font-size:28px;
    line-height:1
  }
  .pct\:text-88px {
    font-size:88px;
    line-height:1
  }
  .pct\:text-18px {
    font-size:18px;
    line-height:1
  }
  .pct\:text-200px {
    font-size:200px;
    line-height:1
  }
  .pct\:text-32rpx {
    font-size:-webkit-calc(var(--rpx,1px)*32);
    font-size:-moz-calc(var(--rpx,1px)*32);
    font-size:calc(var(--rpx, 1px)*32);
    line-height:1
  }
  .pct\:text-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
  }
  .pct\:text-16px {
    font-size:16px;
    line-height:1
  }
  .pct\:text-14px {
    font-size:14px;
    line-height:1
  }
  .pct\:text-72rpx {
    font-size:-webkit-calc(var(--rpx,1px)*72);
    font-size:-moz-calc(var(--rpx,1px)*72);
    font-size:calc(var(--rpx, 1px)*72);
    line-height:1
  }
  .pct\:text-12px {
    font-size:12px;
    line-height:1
  }
  .pct\:leading-\[1\.1\] {
    line-height:1.1
  }
  .pct\:leading-\[1\.4\] {
    line-height:1.4
  }
  .pct\:leading-\[1\.2\] {
    line-height:1.2
  }
  .pct\:leading-\[1\.06\] {
    line-height:1.06
  }
  .pct\:leading-\[1\.36\] {
    line-height:1.36
  }
  .pct\:leading-\[1\.33\] {
    line-height:1.33
  }
  .pct\:leading-\[1\.44\] {
    line-height:1.44
  }
  .pct\:leading-\[1\.5\] {
    line-height:1.5
  }
  .pct\:leading-\[1\.8\] {
    line-height:1.8
  }
  .pct\:leading-\[3\] {
    line-height:3
  }
  .pct\:tracking-0\.03em {
    letter-spacing:.03em
  }
  .pct\:tracking-0\.01em {
    letter-spacing:.01em
  }
  .pct\:tracking-0\.02em {
    letter-spacing:.02em
  }
}
@media (max-width:1024px) {
  .mot\:font-medium {
    font-weight:500
  }
  .mot\:font-bold {
    font-weight:700
  }
  .mot\:text-48px {
    font-size:48px;
    line-height:1
  }
  .mot\:text-20px {
    font-size:20px;
    line-height:1
  }
  .mot\:text-24px {
    font-size:24px;
    line-height:1
  }
  .mot\:text-18px {
    font-size:18px;
    line-height:1
  }
  .mot\:text-30px {
    font-size:30px;
    line-height:1
  }
  .mot\:text-16px {
    font-size:16px;
    line-height:1
  }
  .mot\:text-34px {
    font-size:34px;
    line-height:1
  }
  .mot\:text-56px {
    font-size:56px;
    line-height:1
  }
  .mot\:text-26px {
    font-size:26px;
    line-height:1
  }
  .mot\:text-14px {
    font-size:14px;
    line-height:1
  }
  .mot\:text-14rpx {
    font-size:-webkit-calc(var(--rpx,1px)*14);
    font-size:-moz-calc(var(--rpx,1px)*14);
    font-size:calc(var(--rpx, 1px)*14);
    line-height:1
  }
  .mot\:text-36px {
    font-size:36px;
    line-height:1
  }
  .mot\:text-12px {
    font-size:12px;
    line-height:1
  }
  .mot\:leading-\[1\.17\] {
    line-height:1.17
  }
  .mot\:leading-\[1\.4\] {
    line-height:1.4
  }
  .mot\:leading-\[1\.2\] {
    line-height:1.2
  }
  .mot\:leading-\[1\.33\] {
    line-height:1.33
  }
  .mot\:leading-\[1\.5\] {
    line-height:1.5
  }
  .mot\:leading-\[1\.6\] {
    line-height:1.6
  }
  .mot\:leading-\[2\] {
    line-height:2
  }
  .mot\:tracking-0\.03em {
    letter-spacing:.03em
  }
  .mot\:tracking-0\.02em {
    letter-spacing:.02em
  }
  .mot\:tracking-0\.01em {
    letter-spacing:.01em
  }
}
.zn--wrapper {
  font-size:16px
}
.zn--wrapper img:not(.loaded):not([src^="https://via.placeholder.com/"]),
.zn--wrapper img:not([src]):not([src^="https://via.placeholder.com/"]),
.zn--wrapper img[src=""]:not([src^="https://via.placeholder.com/"]) {
  opacity:0
}
.zn--wrapper img[src^="https://via.placeholder.com/"] {
  opacity:.5
}
.zn--wrapper * {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.zn--wrapper a {
  text-decoration:none
}
.zn--wrapper img {
  display:block;
  max-width:none
}
.zn--wrapper canvas img {
  display:none
}
.zn--wrapper video {
  display:block;
  max-width:none
}
.zn--wrapper div[data-ll-status],
.zn--wrapper figure[data-ll-status] {
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover
}
.zn--wrapper br {
  font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"
}
.zn--wrapper h1 {
  clip:rect(1px,1px,1px,1px);
  border:none;
  -webkit-clip-path:inset(0 0 99.9%);
  clip-path:inset(0 0 99.9%);
  height:1px;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}
.zn--replacement-tool {
  --p-6:#4c3fb3;
  --p-5:#6a5ecc;
  --p-4:#968dda;
  --k-2:#e5e5e5;
  --k-3:#a9a9b5;
  --white:#fff;
  --border-radius:12ex
}
.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
  background:#4c3fb3;
  color:#fff
}
.zn--wrapper .zn-text-inner {
  font-size:inherit;
  line-height:inherit
}
.zn--wrapper [contenteditable=true] {
  caret-color:#4c3fb3;
  outline:none
}
.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
  margin:0 auto 10px;
  width:140ex;
  width:-webkit-calc(var(--rpx,1px)*320);
  width:-moz-calc(var(--rpx,1px)*320);
  width:calc(var(--rpx, 1px)*320)
}
.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
  bottom:0;
  left:-webkit-calc(50vw - 20px)!important;
  left:-moz-calc(50vw - 20px)!important;
  left:calc(50vw - 20px)!important;
  left:-webkit-calc(var(--vw,1vw)*50 - 20px)!important;
  left:-moz-calc(var(--vw,1vw)*50 - 20px)!important;
  left:calc(var(--vw, 1vw)*50 - 20px)!important;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translate(-50%)
}
#oc-header.fixed {
  position:absolute
}
#zn--navbar {
  background-color:#fff;
  border:1px solid rgba(0,0,0,.1);
  border-left:none;
  border-right:none;
  color:#000;
  cursor:default;
  font-size:14px;
  height:60px;
  letter-spacing:-.06px;
  line-height:24px;
  opacity:1;
  position:-webkit-sticky;
  position:sticky;
  top:-1px;
  width:100%;
  z-index:99
}
#zn--navbar .container {
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin:0 auto;
  max-width:14.4rem;
  padding:0 .6rem;
  position:relative
}
#zn--navbar .container>* {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  white-space:nowrap
}
#zn--navbar .container li {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex
}
#zn--navbar .container .products {
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -webkit-box-pack:start;
  -moz-box-pack:start;
  -ms-flex-pack:start;
  -webkit-flex:1 1 0%;
  -ms-flex:1 1 0%;
  flex:1 1 0%;
  -webkit-justify-content:flex-start;
  justify-content:flex-start
}
#zn--navbar .container .links li {
  opacity:.69;
  -webkit-transition:opacity .3s ease;
  -o-transition:opacity .3s ease;
  -moz-transition:opacity .3s ease;
  transition:opacity .3s ease
}
#zn--navbar .container .links li:hover,
#zn--navbar .container .links li.active {
  opacity:1
}
#zn--navbar .container .links>:not(:last-child) {
  margin-right:18px
}
#zn--navbar .container .buttons {
  -webkit-box-pack:end;
  -moz-box-pack:end;
  -ms-flex-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end
}
#zn--navbar .container .buttons .button {
  background-color:#000;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  color:#fff;
  cursor:pointer;
  height:20px;
  line-height:20px;
  padding:6px 16px
}
#zn--navbar .a {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  text-align:center;
  width:100%
}
#section-judge,
#section-track {
  padding-top:calc(var(--rpx, 1px)*128)
}
#section-judge>*,
#section-track>* {
  line-height:1.2
}
.color-0 {
  color:#000000f2
}
.color-1 {
  color:#0000008c
}
.color-2 {
  color:#000000bf
}
.color-3 {
  color:#0000004d
}
#section-track {
  padding-bottom:calc(var(--rpx, 1px)*225)
}
#section-track .cursor-s {
  cursor:none;
  height:-webkit-calc(var(--rpx,1px)*100);
  height:-moz-calc(var(--rpx,1px)*100);
  height:calc(var(--rpx, 1px)*100);
  left:-webkit-calc(var(--rpx,1px)*-50);
  left:-moz-calc(var(--rpx,1px)*-50);
  left:calc(var(--rpx, 1px)*-50);
  mix-blend-mode:difference;
  opacity:0;
  position:absolute;
  top:-webkit-calc(var(--rpx,1px)*-50);
  top:-moz-calc(var(--rpx,1px)*-50);
  top:calc(var(--rpx, 1px)*-50);
  -webkit-transition:opacity .1s;
  -o-transition:opacity .1s;
  -moz-transition:opacity .1s;
  transition:opacity .1s;
  width:-webkit-calc(var(--rpx,1px)*100);
  width:-moz-calc(var(--rpx,1px)*100);
  width:calc(var(--rpx, 1px)*100)
}
#section-track .cursor-s.active {
  opacity:1
}
#section-track .track-wrapper {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center
}
#section-track .track-wrapper>* {
  background:-webkit-linear-gradient(307.74deg,hsla(0,0%,95%,.8) -2.17%,hsla(0,0%,96%,.8) 101.82%),-webkit-linear-gradient(284.6deg,#fff -10.07%,hsla(0,0%,100%,0) 89.61%);
  background:-moz-linear-gradient(307.74deg,hsla(0,0%,95%,.8) -2.17%,hsla(0,0%,96%,.8) 101.82%),-moz-linear-gradient(284.6deg,#fff -10.07%,hsla(0,0%,100%,0) 89.61%);
  background:-o-linear-gradient(307.74deg,hsla(0,0%,95%,.8) -2.17%,hsla(0,0%,96%,.8) 101.82%),-o-linear-gradient(284.6deg,#fff -10.07%,hsla(0,0%,100%,0) 89.61%);
  background:linear-gradient(142.26deg,hsla(0,0%,95%,.8) -2.17%,hsla(0,0%,96%,.8) 101.82%),linear-gradient(165.4deg,#fff -10.07%,hsla(0,0%,100%,0) 89.61%);
  border:1px solid;
  border-image-source:linear-gradient(165.4deg,#fff -10.07%,hsla(0,0%,100%,0) 89.61%);
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*28);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*28);
  border-radius:calc(var(--rpx, 1px)*28);
  cursor:none;
  height:-webkit-calc(var(--rpx,1px)*493);
  height:-moz-calc(var(--rpx,1px)*493);
  height:calc(var(--rpx, 1px)*493);
  margin-top:calc(var(--rpx, 1px)*-115);
  padding:calc(var(--rpx, 1px)*8);
  position:relative;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0);
  width:-webkit-calc(var(--rpx,1px)*440);
  width:-moz-calc(var(--rpx,1px)*440);
  width:calc(var(--rpx, 1px)*440)
}
#section-track .track-wrapper>* .poster {
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*20);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*20);
  border-radius:calc(var(--rpx, 1px)*20);
  height:-webkit-calc(var(--rpx,1px)*273);
  height:-moz-calc(var(--rpx,1px)*273);
  height:calc(var(--rpx, 1px)*273);
  width:-webkit-calc(var(--rpx,1px)*424);
  width:-moz-calc(var(--rpx,1px)*424);
  width:calc(var(--rpx, 1px)*424)
}
#section-track .track-wrapper>* .title {
  margin:calc(var(--rpx, 1px)*24) 0 calc(var(--rpx, 1px)*64) calc(var(--rpx, 1px)*20)
}
#section-track .track-wrapper>* .desc {
  margin-left:calc(var(--rpx, 1px)*20)
}
#section-track .track-wrapper>* .link {
  background:#fff;
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*32);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*32);
  border-radius:calc(var(--rpx, 1px)*32);
  color:#000;
  font-size:12px;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  left:-webkit-calc(var(--rpx,1px)*228);
  left:-moz-calc(var(--rpx,1px)*228);
  left:calc(var(--rpx, 1px)*228);
  padding:calc(var(--rpx, 1px)*6) calc(var(--rpx, 1px)*16);
  position:absolute;
  top:-webkit-calc(var(--rpx,1px)*164);
  top:-moz-calc(var(--rpx,1px)*164);
  top:calc(var(--rpx, 1px)*164);
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
#section-track .track-wrapper>* a {
  cursor:none
}
#section-track .track-wrapper .campus {
  margin-right:calc(var(--rpx, 1px)*20);
  -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*200));
  -moz-transform:translateY(-moz-calc(var(--rpx,1px)*200));
  -ms-transform:translateY(calc(var(--rpx, 1px)*200));
  -o-transform:translateY(calc(var(--rpx, 1px)*200));
  transform:translateY(calc(var(--rpx, 1px)*200))
}
#section-judge {
  position:relative
}
#section-judge .judge-bg {
  bottom:-webkit-calc(var(--rpx,1px)*-250);
  bottom:-moz-calc(var(--rpx,1px)*-250);
  bottom:calc(var(--rpx, 1px)*-250);
  height:auto;
  left:0;
  position:absolute;
  width:100%;
  z-index:1
}
#section-judge .judge-title {
  margin:auto;
  position:relative;
  z-index:1
}
#section-judge .judge-wrapper {
  position:relative;
  z-index:1
}
#section-judge .judge-wrapper .info {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  text-align:center;
  white-space:nowrap;
  width:-webkit-calc(var(--rpx,1px)*180);
  width:-moz-calc(var(--rpx,1px)*180);
  width:calc(var(--rpx, 1px)*180)
}
#section-judge .judge-wrapper .info .avatar {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  height:-webkit-calc(var(--rpx,1px)*180);
  height:-moz-calc(var(--rpx,1px)*180);
  height:calc(var(--rpx, 1px)*180);
  margin-bottom:calc(var(--rpx, 1px)*20);
  width:-webkit-calc(var(--rpx,1px)*180);
  width:-moz-calc(var(--rpx,1px)*180);
  width:calc(var(--rpx, 1px)*180)
}
#section-judge .judge-wrapper .line-0 {
  -webkit-box-pack:end;
  -moz-box-pack:end;
  -ms-flex-pack:end;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
  margin-bottom:calc(var(--rpx, 1px)*152)
}
#section-judge .judge-wrapper .line-1 {
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin-bottom:calc(var(--rpx, 1px)*80)
}
#section-judge .judge-wrapper .line-1 .info-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex
}
#section-judge .judge-wrapper .line-1 .info-wrapper>:nth-child(2) {
  margin:0 calc(var(--rpx, 1px)*92) 0
}
#section-judge .judge-wrapper .line-2 {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
#section-judge .br-1024,
#section-judge .br-mo {
  display:none
}
#section-schedule {
  position:relative;
  z-index:2
}
#section-schedule .schedule-card {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
  -ms-flex-negative:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  overflow:hidden;
  position:relative
}
#section-schedule .schedule-card .c-card,
#section-schedule .schedule-card .n-card {
  opacity:0
}
#section-schedule .schedule-card.c .c-card {
  opacity:1
}
#section-schedule .schedule-card.c .i-card {
  opacity:0
}
#section-schedule .schedule-card.n .n-card {
  opacity:1
}
#section-schedule .schedule-card.n .i-card {
  opacity:0
}
#section-schedule .schedule-card .bg {
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)
}
#section-schedule .schedule-card .date,
#section-schedule .schedule-card .title {
  position:relative;
  z-index:2
}
#section-schedule.mo {
  margin:auto;
  padding:calc(var(--rpx, 1px)*68) 0 calc(var(--rpx, 1px)*48);
  width:-webkit-calc(var(--rpx,1px)*328);
  width:-moz-calc(var(--rpx,1px)*328);
  width:calc(var(--rpx, 1px)*328)
}
#section-schedule.mo .schedule-wrapper {
  margin-top:0
}
#section-schedule.mo .schedule-wrapper .schedule {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
#section-schedule.mo .schedule-wrapper .schedule .bg {
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
  border-radius:calc(var(--rpx, 1px)*16);
  overflow:hidden
}
#section-schedule.mo .schedule-wrapper .schedule>* {
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
  border-radius:calc(var(--rpx, 1px)*16);
  height:-webkit-calc(var(--rpx,1px)*159);
  height:-moz-calc(var(--rpx,1px)*159);
  height:calc(var(--rpx, 1px)*159);
  margin:calc(var(--rpx, 1px)*10) calc(var(--rpx, 1px)*10) 0 0;
  padding:calc(var(--rpx, 1px)*12) calc(var(--rpx, 1px)*14);
  width:-webkit-calc(var(--rpx,1px)*159);
  width:-moz-calc(var(--rpx,1px)*159);
  width:calc(var(--rpx, 1px)*159)
}
#section-schedule.mo .schedule-wrapper .schedule>.disappear {
  opacity:0
}
#section-schedule.mo .schedule-wrapper .schedule>:nth-child(2n) {
  margin-right:0
}
#section-schedule.pc {
  height:180vh;
  height:-webkit-calc(var(--vh,1vh)*180);
  height:-moz-calc(var(--vh,1vh)*180);
  height:calc(var(--vh, 1vh)*180);
  width:100%
}
#section-schedule.pc .schedule-container {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100vh;
  height:-webkit-calc(var(--vh,1vh)*100);
  height:-moz-calc(var(--vh,1vh)*100);
  height:calc(var(--vh, 1vh)*100);
  -webkit-justify-content:center;
  justify-content:center;
  overflow:hidden;
  width:100%
}
#section-schedule.pc .schedule-container .schedule-wrapper {
  margin:calc(var(--rpx, 1px)*-90) auto 0
}
#section-schedule.pc .schedule-container .schedule-wrapper .schedule {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
#section-schedule.pc .schedule-container .schedule-wrapper .schedule>* {
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*24);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*24);
  border-radius:calc(var(--rpx, 1px)*24);
  height:-webkit-calc(var(--rpx,1px)*300);
  height:-moz-calc(var(--rpx,1px)*300);
  height:calc(var(--rpx, 1px)*300);
  margin-right:calc(var(--rpx, 1px)*24);
  padding:calc(var(--rpx, 1px)*24);
  width:-webkit-calc(var(--rpx,1px)*300);
  width:-moz-calc(var(--rpx,1px)*300);
  width:calc(var(--rpx, 1px)*300)
}
#section-schedule.pc .schedule-container .schedule-wrapper .schedule>* .bg {
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*24);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*24);
  border-radius:calc(var(--rpx, 1px)*24);
  overflow:hidden
}
#section-schedule.pc .schedule-container .schedule-wrapper .schedule>* .date,
#section-schedule.pc .schedule-container .schedule-wrapper .schedule>* .title {
  position:relative;
  z-index:2
}
#section-instructions {
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin:calc(var(--rpx, 1px)*600 - var(--vh, 1vh)*50 - 134px) auto 0;
  position:relative;
  width:-webkit-calc(var(--rpx,1px)*1312);
  width:-moz-calc(var(--rpx,1px)*1312);
  width:calc(var(--rpx, 1px)*1312)
}
#section-instructions .intro-title {
  position:relative;
  z-index:1
}
#section-instructions .intro-title>* {
  position:relative;
  z-index:1
}
#section-instructions .intro-title .intro-bg {
  left:0;
  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:0
}
#section-instructions .intro-title .download {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  background:#000;
  -webkit-border-radius:-webkit-calc(var(--rpx,1px)*36);
  -moz-border-radius:-moz-calc(var(--rpx,1px)*36);
  border-radius:calc(var(--rpx, 1px)*36);
  color:#fff;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  margin-top:calc(var(--rpx, 1px)*16);
  padding:calc(var(--rpx, 1px)*9) calc(var(--rpx, 1px)*20);
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
#section-instructions .intro-title .download .icon {
  height:-webkit-calc(var(--rpx,1px)*18);
  height:-moz-calc(var(--rpx,1px)*18);
  height:calc(var(--rpx, 1px)*18);
  margin-right:calc(var(--rpx, 1px)*6);
  width:-webkit-calc(var(--rpx,1px)*18);
  width:-moz-calc(var(--rpx,1px)*18);
  width:calc(var(--rpx, 1px)*18)
}
#section-instructions .intro-content {
  position:relative;
  z-index:1
}
#section-instructions .intro-content li {
  list-style:disc outside
}
#section-info {
  margin:auto;
  padding:calc(var(--rpx, 1px)*128) 0 calc(var(--rpx, 1px)*32);
  position:relative;
  width:-webkit-calc(var(--rpx,1px)*1312);
  width:-moz-calc(var(--rpx,1px)*1312);
  width:calc(var(--rpx, 1px)*1312)
}
#section-info .tips {
  margin-top:calc(var(--rpx, 1px)*122)
}
#section-info .logo {
  height:-webkit-calc(var(--rpx,1px)*76);
  height:-moz-calc(var(--rpx,1px)*76);
  height:calc(var(--rpx, 1px)*76);
  left:-webkit-calc(var(--rpx,1px)*1312 - 720px);
  left:-moz-calc(var(--rpx,1px)*1312 - 720px);
  left:calc(var(--rpx, 1px)*1312 - 720px);
  position:absolute;
  top:-webkit-calc(var(--rpx,1px)*135);
  top:-moz-calc(var(--rpx,1px)*135);
  top:calc(var(--rpx, 1px)*135);
  width:-webkit-calc(var(--rpx,1px)*160);
  width:-moz-calc(var(--rpx,1px)*160);
  width:calc(var(--rpx, 1px)*160)
}
#section-info .qr-wrapper {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  bottom:-webkit-calc(var(--rpx,1px)*32);
  bottom:-moz-calc(var(--rpx,1px)*32);
  bottom:calc(var(--rpx, 1px)*32);
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  position:absolute;
  right:0;
  white-space:nowrap
}
#section-info .qr-wrapper .qr {
  height:93px;
  margin-bottom:12px;
  width:93px
}
body.no-scroll {
  overflow-y:hidden
}
body.zn--body-fixed {
  position:fixed
}
#webpack-dev-server-client-overlay {
  display:none
}
#section-intro .after .text-wrapper {
  -webkit-backdrop-filter:blur(30px);
  backdrop-filter:blur(30px)
}
@media (min-width:1025px) {
  :root {
    --rpx:-webkit-calc(.07622vw - .09756px);
    --rpx:-moz-calc(.07622vw - .09756px);
    --rpx:calc(.07622vw - .09756px);
    --rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);
    --rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);
    --rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)
  }
  .mo-only,
  .pad-only,
  .pc-hidden {
    display:none!important
  }
  #oc-wrapper {
    padding-top:.1px
  }
  #zn--navbar .container .links {
    left:50%;
    position:absolute;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translate(-50%)
  }
  #section-judge .judge-title {
    width:-webkit-calc(var(--rpx,1px)*1260);
    width:-moz-calc(var(--rpx,1px)*1260);
    width:calc(var(--rpx, 1px)*1260)
  }
  #section-judge .judge-wrapper {
    margin:-220px auto 0;
    width:-webkit-calc(var(--rpx,1px)*1260);
    width:-moz-calc(var(--rpx,1px)*1260);
    width:calc(var(--rpx, 1px)*1260)
  }
  #section-judge .judge-wrapper .line-0 .info,
  #section-judge .judge-wrapper .line-0 .info .avatar {
    width:-webkit-calc(var(--rpx,1px)*220);
    width:-moz-calc(var(--rpx,1px)*220);
    width:calc(var(--rpx, 1px)*220)
  }
  #section-judge .judge-wrapper .line-0 .info .avatar {
    height:-webkit-calc(var(--rpx,1px)*220);
    height:-moz-calc(var(--rpx,1px)*220);
    height:calc(var(--rpx, 1px)*220)
  }
  #section-judge .judge-wrapper .line-0>:nth-child(2) {
    margin:0 calc(var(--rpx, 1px)*100) 0
  }
  #section-judge .judge-wrapper .line-2>:nth-child(2) {
    margin:0 calc(var(--rpx, 1px)*92) 0
  }
  #section-judge .judge-wrapper .line-2>:nth-child(3) {
    margin-right:calc(var(--rpx, 1px)*92)
  }
  #section-schedule.pc {
    margin-top:calc(var(--rpx, 1px)*250 - var(--vh, 1vh)*50 + 134px)
  }
  #section-instructions .intro-title {
    height:-webkit-calc(100vh + var(--rpx,1px)*128);
    height:-moz-calc(100vh + var(--rpx,1px)*128);
    height:calc(100vh + var(--rpx, 1px)*128);
    height:-webkit-calc(var(--vh,1vh)*100 + var(--rpx,1px)*128);
    height:-moz-calc(var(--vh,1vh)*100 + var(--rpx,1px)*128);
    height:calc(var(--vh, 1vh)*100 + var(--rpx, 1px)*128);
    padding-top:calc(var(--rpx, 1px)*128)
  }
  #section-instructions .intro-title .intro-bg {
    height:100%;
    left:-webkit-calc(-50vw + var(--rpx,1px)*656);
    left:-moz-calc(-50vw + var(--rpx,1px)*656);
    left:calc(-50vw + var(--rpx, 1px)*656);
    left:-webkit-calc(var(--vw,1vw)*-50 + var(--rpx,1px)*656);
    left:-moz-calc(var(--vw,1vw)*-50 + var(--rpx,1px)*656);
    left:calc(var(--vw, 1vw)*-50 + var(--rpx, 1px)*656);
    -o-object-fit:cover;
    object-fit:cover
  }
  #section-instructions .intro-content {
    padding-top:calc(var(--rpx, 1px)*128);
    width:720px
  }
  #section-instructions .intro-content li {
    margin-left:20px
  }
  #section-instructions .intro-content>* {
    margin-bottom:48px
  }
  #section-instructions .intro-content .last {
    margin-bottom:calc(var(--rpx, 1px)*128)
  }
  #section-instructions .intro-content .t-0 {
    font-size:32px;
    line-height:1.5
  }
  #section-instructions .intro-content .t-1 {
    font-size:14px;
    line-height:1.5;
    margin-top:16px
  }
}
@media (max-width:650px) {
  :root {
    --rpx:-webkit-calc(.30488vw - .09756px);
    --rpx:-moz-calc(.30488vw - .09756px);
    --rpx:calc(.30488vw - .09756px);
    --rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);
    --rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);
    --rpx:calc(var(--vw, 1vw)*100/328 - .09756px)
  }
  .mo-hidden,
  .pad-only,
  .pc-only {
    display:none!important
  }
  .p-only {
    opacity:0
  }
  #zn--navbar {
    height:50px
  }
  #zn--navbar .container {
    padding:0 20px
  }
  #zn--navbar .container .selector {
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:flex-start;
    justify-content:flex-start
  }
  #zn--navbar .container .selector .indicator {
    margin-left:5px
  }
  #zn--navbar .container .link-selector.active .arrow {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
  }
  #zn--navbar .container .links {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -webkit-box-align:stretch;
    -moz-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch;
    background-color:#fff;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    left:0;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:-webkit-calc(100% + 1px);
    top:-moz-calc(100% + 1px);
    top:calc(100% + 1px);
    -webkit-transform:translateX(-100vw);
    -moz-transform:translateX(-100vw);
    -ms-transform:translateX(-100vw);
    -o-transform:translateX(-100vw);
    transform:translate(-100vw);
    -webkit-transform:translateX(-webkit-calc(var(--vw,1vw)*-100));
    -moz-transform:translateX(-moz-calc(var(--vw,1vw)*-100));
    -ms-transform:translateX(calc(var(--vw, 1vw)*-100));
    -o-transform:translateX(calc(var(--vw, 1vw)*-100));
    transform:translate(calc(var(--vw, 1vw)*-100));
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    transition:opacity .3s ease;
    width:100%
  }
  #zn--navbar .container .links.active {
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translate(0)
  }
  #zn--navbar .container .links li {
    -webkit-box-pack:stretch;
    -moz-box-pack:stretch;
    -ms-flex-pack:stretch;
    -webkit-justify-content:stretch;
    justify-content:stretch
  }
  #zn--navbar .container .links .link {
    margin:0
  }
  #zn--navbar .container .links .a {
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    padding:14px 0;
    text-align:center;
    width:100%
  }
  #zn--navbar .container .arrow {
    height:14px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    -moz-transition:transform .3s ease,-moz-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
    width:14px
  }
  #zn--navbar .container .buttons .button {
    font-size:12px
  }
  #section-judge,
  #section-track {
    padding-top:calc(var(--rpx, 1px)*48)
  }
  #section-track {
    padding-bottom:calc(var(--rpx, 1px)*48)
  }
  #section-track .track-wrapper {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #section-track .track-wrapper>* {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
    border-radius:calc(var(--rpx, 1px)*16);
    height:-webkit-calc(var(--rpx,1px)*379);
    height:-moz-calc(var(--rpx,1px)*379);
    height:calc(var(--rpx, 1px)*379);
    margin-bottom:calc(var(--rpx, 1px)*24);
    margin-top:0;
    padding:calc(var(--rpx, 1px)*8);
    width:-webkit-calc(var(--rpx,1px)*328);
    width:-moz-calc(var(--rpx,1px)*328);
    width:calc(var(--rpx, 1px)*328)
  }
  #section-track .track-wrapper>* .poster {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*14);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*14);
    border-radius:calc(var(--rpx, 1px)*14);
    height:-webkit-calc(var(--rpx,1px)*200);
    height:-moz-calc(var(--rpx,1px)*200);
    height:calc(var(--rpx, 1px)*200);
    width:-webkit-calc(var(--rpx,1px)*312);
    width:-moz-calc(var(--rpx,1px)*312);
    width:calc(var(--rpx, 1px)*312)
  }
  #section-track .track-wrapper>* .title {
    margin:calc(var(--rpx, 1px)*18) 0 calc(var(--rpx, 1px)*48) calc(var(--rpx, 1px)*12)
  }
  #section-track .track-wrapper .campus {
    margin-right:0;
    margin-top:calc(var(--rpx, 1px)*40);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
  }
  #section-judge .judge-title {
    margin-left:calc(var(--rpx, 1px)*16)
  }
  #section-judge .judge-wrapper {
    margin:calc(var(--rpx, 1px)*40) auto 0;
    width:-webkit-calc(var(--rpx,1px)*280);
    width:-moz-calc(var(--rpx,1px)*280);
    width:calc(var(--rpx, 1px)*280)
  }
  #section-judge .judge-wrapper .info {
    width:-webkit-calc(var(--rpx,1px)*120);
    width:-moz-calc(var(--rpx,1px)*120);
    width:calc(var(--rpx, 1px)*120)
  }
  #section-judge .judge-wrapper .info .avatar {
    height:-webkit-calc(var(--rpx,1px)*120);
    height:-moz-calc(var(--rpx,1px)*120);
    height:calc(var(--rpx, 1px)*120);
    margin-bottom:calc(var(--rpx, 1px)*12);
    width:-webkit-calc(var(--rpx,1px)*120);
    width:-moz-calc(var(--rpx,1px)*120);
    width:calc(var(--rpx, 1px)*120)
  }
  #section-judge .judge-wrapper .line-0 {
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    margin-bottom:calc(var(--rpx, 1px)*40)
  }
  #section-judge .judge-wrapper .line-0>:nth-child(2) {
    margin:0 0 calc(var(--rpx, 1px)*24) calc(var(--rpx, 1px)*40)
  }
  #section-judge .judge-wrapper .line-1 {
    margin-bottom:calc(var(--rpx, 1px)*40);
    margin-left:calc(var(--rpx, 1px)*-24)
  }
  #section-judge .judge-wrapper .line-2>:nth-child(odd) {
    margin-right:calc(var(--rpx, 1px)*40)
  }
  #section-judge .judge-wrapper .line-2>* {
    margin-bottom:calc(var(--rpx, 1px)*24)
  }
  #section-instructions {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    margin-top:calc(var(--rpx, 1px)*48);
    padding-bottom:calc(var(--rpx, 1px)*48);
    width:-webkit-calc(var(--rpx,1px)*320);
    width:-moz-calc(var(--rpx,1px)*320);
    width:calc(var(--rpx, 1px)*320)
  }
  #section-instructions #anchor-rule {
    top:-webkit-calc(var(--rpx,1px)*-96);
    top:-moz-calc(var(--rpx,1px)*-96);
    top:calc(var(--rpx, 1px)*-96)
  }
  #section-instructions .intro-title {
    position:relative!important
  }
  #section-instructions .intro-title .intro-bg {
    left:-webkit-calc(var(--rpx,1px)*160 - 50vw);
    left:-moz-calc(var(--rpx,1px)*160 - 50vw);
    left:calc(var(--rpx, 1px)*160 - 50vw);
    left:-webkit-calc(var(--rpx,1px)*160 - var(--vw,1vw)*50);
    left:-moz-calc(var(--rpx,1px)*160 - var(--vw,1vw)*50);
    left:calc(var(--rpx, 1px)*160 - var(--vw, 1vw)*50);
    position:absolute!important
  }
  #section-instructions .intro-content {
    margin:calc(var(--rpx, 1px)*64) auto 0;
    width:-webkit-calc(var(--rpx,1px)*320);
    width:-moz-calc(var(--rpx,1px)*320);
    width:calc(var(--rpx, 1px)*320)
  }
  #section-instructions .intro-content li {
    margin-left:18px
  }
  #section-instructions .intro-content>* {
    margin-bottom:40px
  }
  #section-instructions .intro-content .t-0 {
    font-size:24px;
    line-height:1.5
  }
  #section-instructions .intro-content .t-1 {
    font-size:14px;
    line-height:1.5;
    margin-top:16px
  }
  #section-info {
    padding:calc(var(--rpx, 1px)*48) 0 calc(var(--rpx, 1px)*32);
    width:-webkit-calc(var(--rpx,1px)*320);
    width:-moz-calc(var(--rpx,1px)*320);
    width:calc(var(--rpx, 1px)*320)
  }
  #section-info .tips {
    margin-top:calc(var(--rpx, 1px)*24);
    text-align:center
  }
  #section-info .logo {
    height:-webkit-calc(var(--rpx,1px)*70);
    height:-moz-calc(var(--rpx,1px)*70);
    height:calc(var(--rpx, 1px)*70);
    left:0;
    margin-top:calc(var(--rpx, 1px)*32);
    position:relative;
    top:0;
    width:-webkit-calc(var(--rpx,1px)*146);
    width:-moz-calc(var(--rpx,1px)*146);
    width:calc(var(--rpx, 1px)*146)
  }
  #section-info .qr-wrapper {
    bottom:0;
    margin-top:calc(var(--rpx, 1px)*78);
    position:relative
  }
}
@media (min-width:651px) and (max-width:1024px) {
  :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,
  .pad-hidden,
  .pc-only {
    display:none!important
  }
  #zn--navbar .container {
    padding:0 40px
  }
  #section-judge,
  #section-track {
    padding-top:calc(var(--rpx, 1px)*48)
  }
  #section-track {
    padding-bottom:calc(var(--rpx, 1px)*110)
  }
  #section-track .track-wrapper>* {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
    border-radius:calc(var(--rpx, 1px)*16);
    height:-webkit-calc(var(--rpx,1px)*379);
    height:-moz-calc(var(--rpx,1px)*379);
    height:calc(var(--rpx, 1px)*379);
    margin-top:calc(var(--rpx, 1px)*-20);
    padding:calc(var(--rpx, 1px)*8);
    width:-webkit-calc(var(--rpx,1px)*328);
    width:-moz-calc(var(--rpx,1px)*328);
    width:calc(var(--rpx, 1px)*328)
  }
  #section-track .track-wrapper>* .poster {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*14);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*14);
    border-radius:calc(var(--rpx, 1px)*14);
    height:-webkit-calc(var(--rpx,1px)*200);
    height:-moz-calc(var(--rpx,1px)*200);
    height:calc(var(--rpx, 1px)*200);
    width:-webkit-calc(var(--rpx,1px)*312);
    width:-moz-calc(var(--rpx,1px)*312);
    width:calc(var(--rpx, 1px)*312)
  }
  #section-track .track-wrapper>* .title {
    margin:calc(var(--rpx, 1px)*18) 0 calc(var(--rpx, 1px)*48) calc(var(--rpx, 1px)*12)
  }
  #section-track .track-wrapper .campus {
    margin-right:calc(var(--rpx, 1px)*24)
  }
  #section-judge .judge-title {
    width:-webkit-calc(var(--rpx,1px)*720);
    width:-moz-calc(var(--rpx,1px)*720);
    width:calc(var(--rpx, 1px)*720)
  }
  #section-judge .judge-wrapper {
    margin:-113px auto 0;
    width:-webkit-calc(var(--rpx,1px)*720);
    width:-moz-calc(var(--rpx,1px)*720);
    width:calc(var(--rpx, 1px)*720)
  }
  #section-judge .judge-wrapper .info {
    width:-webkit-calc(var(--rpx,1px)*120);
    width:-moz-calc(var(--rpx,1px)*120);
    width:calc(var(--rpx, 1px)*120)
  }
  #section-judge .judge-wrapper .info .avatar {
    height:-webkit-calc(var(--rpx,1px)*120);
    height:-moz-calc(var(--rpx,1px)*120);
    height:calc(var(--rpx, 1px)*120);
    margin-bottom:calc(var(--rpx, 1px)*12);
    width:-webkit-calc(var(--rpx,1px)*120);
    width:-moz-calc(var(--rpx,1px)*120);
    width:calc(var(--rpx, 1px)*120)
  }
  #section-judge .judge-wrapper .line-0 {
    margin-bottom:calc(var(--rpx, 1px)*40)
  }
  #section-judge .judge-wrapper .line-0>:nth-child(2) {
    margin:0 calc(var(--rpx, 1px)*48) 0
  }
  #section-judge .judge-wrapper .line-1 {
    margin-bottom:calc(var(--rpx, 1px)*32)
  }
  #section-judge .judge-wrapper .line-2 {
    padding:0 calc(var(--rpx, 1px)*15)
  }
  #section-judge .judge-wrapper .line-2>* {
    margin:0 0 calc(var(--rpx, 1px)*48) calc(var(--rpx, 1px)*68)
  }
  #section-judge .judge-wrapper .line-2>:nth-child(4n+1) {
    margin:0
  }
  #section-schedule.pc {
    margin-top:calc(var(--rpx, 1px)*160 - var(--vh, 1vh)*50 + 45px)
  }
  #section-schedule.pc .schedule-container .schedule-wrapper {
    margin:calc(var(--rpx, 1px)*-34) auto 0
  }
  #section-schedule.pc .schedule-container .schedule-wrapper .schedule>* {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
    border-radius:calc(var(--rpx, 1px)*16);
    height:-webkit-calc(var(--rpx,1px)*160);
    height:-moz-calc(var(--rpx,1px)*160);
    height:calc(var(--rpx, 1px)*160);
    margin-right:calc(var(--rpx, 1px)*8);
    padding:calc(var(--rpx, 1px)*12) calc(var(--rpx, 1px)*14);
    width:-webkit-calc(var(--rpx,1px)*160);
    width:-moz-calc(var(--rpx,1px)*160);
    width:calc(var(--rpx, 1px)*160)
  }
  #section-schedule.pc .schedule-container .schedule-wrapper .schedule>* .bg {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
    border-radius:calc(var(--rpx, 1px)*16)
  }
  #section-instructions {
    margin:calc(var(--rpx, 1px)*260 - var(--vh, 1vh)*50 - 54px) auto 0;
    width:-webkit-calc(var(--rpx,1px)*720);
    width:-moz-calc(var(--rpx,1px)*720);
    width:calc(var(--rpx, 1px)*720)
  }
  #section-instructions .intro-title {
    height:-webkit-calc(100vh + var(--rpx,1px)*128);
    height:-moz-calc(100vh + var(--rpx,1px)*128);
    height:calc(100vh + var(--rpx, 1px)*128);
    height:-webkit-calc(var(--vh,1vh)*100 + var(--rpx,1px)*128);
    height:-moz-calc(var(--vh,1vh)*100 + var(--rpx,1px)*128);
    height:calc(var(--vh, 1vh)*100 + var(--rpx, 1px)*128);
    padding-top:calc(var(--rpx, 1px)*128)
  }
  #section-instructions .intro-title .intro-bg {
    height:100%;
    left:-webkit-calc(-50vw + var(--rpx,1px)*360);
    left:-moz-calc(-50vw + var(--rpx,1px)*360);
    left:calc(-50vw + var(--rpx, 1px)*360);
    left:-webkit-calc(var(--vw,1vw)*-50 + var(--rpx,1px)*360);
    left:-moz-calc(var(--vw,1vw)*-50 + var(--rpx,1px)*360);
    left:calc(var(--vw, 1vw)*-50 + var(--rpx, 1px)*360);
    -o-object-fit:cover;
    object-fit:cover
  }
  #section-instructions .intro-title {
    margin-right:calc(var(--rpx, 1px)*78)
  }
  #section-instructions .intro-content {
    padding-top:calc(var(--rpx, 1px)*128);
    width:448px
  }
  #section-instructions .intro-content li {
    margin-left:12px
  }
  #section-instructions .intro-content>* {
    margin-bottom:40px
  }
  #section-instructions .intro-content .last {
    margin-bottom:calc(var(--rpx, 1px)*48)
  }
  #section-instructions .intro-content .t-0 {
    font-size:24px;
    line-height:1.5
  }
  #section-instructions .intro-content .t-1 {
    font-size:14px;
    line-height:1.5;
    margin-top:16px
  }
  #section-info {
    padding:calc(var(--rpx, 1px)*48) 0 calc(var(--rpx, 1px)*35);
    width:-webkit-calc(var(--rpx,1px)*720);
    width:-moz-calc(var(--rpx,1px)*720);
    width:calc(var(--rpx, 1px)*720)
  }
  #section-info .tips {
    margin-top:calc(var(--rpx, 1px)*105)
  }
  #section-info .logo {
    height:-webkit-calc(var(--rpx,1px)*71);
    height:-moz-calc(var(--rpx,1px)*71);
    height:calc(var(--rpx, 1px)*71);
    left:-webkit-calc(var(--rpx,1px)*720 - 446px);
    left:-moz-calc(var(--rpx,1px)*720 - 446px);
    left:calc(var(--rpx, 1px)*720 - 446px);
    top:-webkit-calc(var(--rpx,1px)*48);
    top:-moz-calc(var(--rpx,1px)*48);
    top:calc(var(--rpx, 1px)*48);
    width:-webkit-calc(var(--rpx,1px)*149);
    width:-moz-calc(var(--rpx,1px)*149);
    width:calc(var(--rpx, 1px)*149)
  }
}
@media (orientation:portrait) and (max-width:1023px) {
  #oc-header.fixed {
    visibility:hidden
  }
  .zn--wrapper .pc-only,
  .pc-only {
    display:none
  }
}
@media (min-width:1024px) and (orientation:landscape) {
  .m-only {
    opacity:0
  }
}
@media (max-width:1023px) and (orientation:landscape) {
  #oc-wrapper {
    padding-top:48px!important
  }
  #zn--navbar .container .selector {
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:flex-start;
    justify-content:flex-start
  }
  #zn--navbar .container .selector .indicator {
    margin-left:5px
  }
  #zn--navbar .container .link-selector.active .arrow {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
  }
  #zn--navbar .container .links {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -webkit-box-align:stretch;
    -moz-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch;
    background-color:#fff;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    left:0;
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:-webkit-calc(100% + 1px);
    top:-moz-calc(100% + 1px);
    top:calc(100% + 1px);
    -webkit-transform:translateX(-100vw);
    -moz-transform:translateX(-100vw);
    -ms-transform:translateX(-100vw);
    -o-transform:translateX(-100vw);
    transform:translate(-100vw);
    -webkit-transform:translateX(-webkit-calc(var(--vw,1vw)*-100));
    -moz-transform:translateX(-moz-calc(var(--vw,1vw)*-100));
    -ms-transform:translateX(calc(var(--vw, 1vw)*-100));
    -o-transform:translateX(calc(var(--vw, 1vw)*-100));
    transform:translate(calc(var(--vw, 1vw)*-100));
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    transition:opacity .3s ease;
    width:100%
  }
  #zn--navbar .container .links.active {
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translate(0)
  }
  #zn--navbar .container .links li {
    -webkit-box-pack:stretch;
    -moz-box-pack:stretch;
    -ms-flex-pack:stretch;
    -webkit-justify-content:stretch;
    justify-content:stretch
  }
  #zn--navbar .container .links .link {
    margin:0
  }
  #zn--navbar .container .links .a {
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    padding:14px 0;
    text-align:center;
    width:100%
  }
  #zn--navbar .container .arrow {
    height:14px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    -o-transition:-o-transform .3s ease;
    -moz-transition:transform .3s ease,-moz-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
    width:14px
  }
}
@media (min-width:1025px) and (max-width:1439px) {
  #zn--navbar .container {
    padding:0 .5rem
  }
  #zn--navbar .container .products,
  #zn--navbar .container .links {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:auto;
    -ms-flex:auto;
    flex:auto
  }
}
@media (min-width:1025px) and (max-width:1280px) {
  .bg-t {
    font-size:130px
  }
  #section-instructions .intro-content {
    width:448px
  }
  #section-info .logo {
    left:-webkit-calc(var(--rpx,1px)*1312 - 448px);
    left:-moz-calc(var(--rpx,1px)*1312 - 448px);
    left:calc(var(--rpx, 1px)*1312 - 448px)
  }
}
@media $not-pc {
  #section-track .track-wrapper>* .desc {
    margin-left:calc(var(--rpx, 1px)*12)
  }
}
@media (min-width:770px) and (max-width:1024px) {
  #section-judge .br-1024 {
    display:block
  }
}
@media (max-width:1024px) {
  #section-judge .br-mo {
    display:block
  }
}
@media (min-width:900px) and (max-width:1024px) {
  #section-schedule.pc .schedule-container .schedule-wrapper {
    margin:calc(var(--rpx, 1px)*-18) auto 0
  }
  #section-schedule.pc .schedule-container .schedule-wrapper .schedule>* {
    -webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);
    -moz-border-radius:-moz-calc(var(--rpx,1px)*16);
    border-radius:calc(var(--rpx, 1px)*16);
    height:-webkit-calc(var(--rpx,1px)*120);
    height:-moz-calc(var(--rpx,1px)*120);
    height:calc(var(--rpx, 1px)*120);
    margin-right:calc(var(--rpx, 1px)*8);
    padding:calc(var(--rpx, 1px)*12) calc(var(--rpx, 1px)*14);
    width:-webkit-calc(var(--rpx,1px)*120);
    width:-moz-calc(var(--rpx,1px)*120);
    width:calc(var(--rpx, 1px)*120)
  }
}
@media (min-width:1360px) {
  #section-instructions .n-wrap {
    white-space:nowrap
  }
}
#loader-fps {
  --point-color:transparent;
  --size:2px;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -ms-flex-line-pack:center;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-align-content:center;
  align-content:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  height:var(--size);
  -webkit-justify-content:center;
  justify-content:center;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100vw;
  width:-webkit-calc(var(--vw,1vw)*100);
  width:-moz-calc(var(--vw,1vw)*100);
  width:calc(var(--vw, 1vw)*100);
  z-index:1000
}
#loader-fps .loader-element {
  border:var(--size) solid var(--point-color);
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  margin:calc(var(--size)*2)
}
#loader-fps .loader-element:first-child {
  -webkit-animation:preloader .6s ease-in-out infinite alternate;
  -moz-animation:preloader .6s ease-in-out infinite alternate;
  animation:preloader .6s ease-in-out infinite alternate
}
#loader-fps .loader-element:nth-child(2) {
  -webkit-animation:preloader .6s ease-in-out .2s infinite alternate;
  -moz-animation:preloader .6s ease-in-out .2s infinite alternate;
  animation:preloader .6s ease-in-out .2s infinite alternate
}
#loader-fps .loader-element:nth-child(3) {
  -webkit-animation:preloader .6s ease-in-out .4s infinite alternate;
  -moz-animation:preloader .6s ease-in-out .4s infinite alternate;
  animation:preloader .6s ease-in-out .4s infinite alternate
}
@-moz-keyframes preloader {
  to {
    -moz-transform:scale(2);
    transform:scale(2)
  }
}
@-webkit-keyframes preloader {
  to {
    -webkit-transform:scale(2);
    transform:scale(2)
  }
}
@keyframes preloader {
  to {
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2)
  }
}
@media (min-width:1025px) {
  :root {
    --rpx:-webkit-calc(.07622vw - .09756px);
    --rpx:-moz-calc(.07622vw - .09756px);
    --rpx:calc(.07622vw - .09756px);
    --rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);
    --rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);
    --rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)
  }
  .mo-only,
  .pad-only,
  .pc-hidden {
    display:none!important
  }
  .fade-in-pc {
    opacity:0;
    -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));
    -moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));
    -ms-transform:translateY(calc(var(--rpx, 1px)*80));
    -o-transform:translateY(calc(var(--rpx, 1px)*80));
    transform:translateY(calc(var(--rpx, 1px)*80));
    -webkit-transition:opacity .6s,-webkit-transform .6s;
    transition:opacity .6s,-webkit-transform .6s;
    -o-transition:opacity .6s,-o-transform .6s;
    -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
    transition:transform .6s,opacity .6s;
    transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s
  }
  .fade-in-pc[data-slight] {
    -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));
    -moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));
    -ms-transform:translateY(calc(var(--rpx, 1px)*50));
    -o-transform:translateY(calc(var(--rpx, 1px)*50));
    transform:translateY(calc(var(--rpx, 1px)*50))
  }
  .fade-in-pc[data-slow] {
    -webkit-transition:opacity 1s,-webkit-transform 1s;
    transition:opacity 1s,-webkit-transform 1s;
    -o-transition:opacity 1s,-o-transform 1s;
    -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
    transition:transform 1s,opacity 1s;
    transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s
  }
  .fade-in-pc.show,
  .fade-in-pc[data-slight].show {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
  }
  .fade-in {
    opacity:0;
    -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));
    -moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));
    -ms-transform:translateY(calc(var(--rpx, 1px)*80));
    -o-transform:translateY(calc(var(--rpx, 1px)*80));
    transform:translateY(calc(var(--rpx, 1px)*80));
    -webkit-transition:opacity .6s,-webkit-transform .6s;
    transition:opacity .6s,-webkit-transform .6s;
    -o-transition:opacity .6s,-o-transform .6s;
    -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
    transition:transform .6s,opacity .6s;
    transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s
  }
  .fade-in[data-slight] {
    -webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));
    -moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));
    -ms-transform:translateY(calc(var(--rpx, 1px)*50));
    -o-transform:translateY(calc(var(--rpx, 1px)*50));
    transform:translateY(calc(var(--rpx, 1px)*50))
  }
  .fade-in[data-slow] {
    -webkit-transition:opacity 1s,-webkit-transform 1s;
    transition:opacity 1s,-webkit-transform 1s;
    -o-transition:opacity 1s,-o-transform 1s;
    -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
    transition:transform 1s,opacity 1s;
    transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s
  }
  .fade-in.show,
  .fade-in[data-slight].show {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
  }
}
@media (max-width:650px) {
  :root {
    --rpx:-webkit-calc(.30488vw - .09756px);
    --rpx:-moz-calc(.30488vw - .09756px);
    --rpx:calc(.30488vw - .09756px);
    --rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);
    --rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);
    --rpx:calc(var(--vw, 1vw)*100/328 - .09756px)
  }
  .mo-hidden,
  .pad-only,
  .pc-only {
    display:none!important
  }
  .fade-in-mo {
    opacity:0;
    -webkit-transform:translateY(50ex);
    -moz-transform:translateY(50ex);
    -ms-transform:translateY(50ex);
    -o-transform:translateY(50ex);
    transform:translateY(50ex);
    -webkit-transition:opacity .6s,-webkit-transform .6s;
    transition:opacity .6s,-webkit-transform .6s;
    -o-transition:opacity .6s,-o-transform .6s;
    -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
    transition:transform .6s,opacity .6s;
    transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s
  }
  .fade-in-mo[data-slight] {
    -webkit-transform:translateY(30ex);
    -moz-transform:translateY(30ex);
    -ms-transform:translateY(30ex);
    -o-transform:translateY(30ex);
    transform:translateY(30ex)
  }
  .fade-in-mo[data-slow] {
    -webkit-transition:opacity 1s,-webkit-transform 1s;
    transition:opacity 1s,-webkit-transform 1s;
    -o-transition:opacity 1s,-o-transform 1s;
    -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
    transition:transform 1s,opacity 1s;
    transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s
  }
  .fade-in-mo.show,
  .fade-in-mo[data-slight].show {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
  }
  .fade-in {
    opacity:0;
    -webkit-transform:translateY(50ex);
    -moz-transform:translateY(50ex);
    -ms-transform:translateY(50ex);
    -o-transform:translateY(50ex);
    transform:translateY(50ex);
    -webkit-transition:opacity .6s,-webkit-transform .6s;
    transition:opacity .6s,-webkit-transform .6s;
    -o-transition:opacity .6s,-o-transform .6s;
    -moz-transition:transform .6s,opacity .6s,-moz-transform .6s;
    transition:transform .6s,opacity .6s;
    transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s
  }
  .fade-in[data-slight] {
    -webkit-transform:translateY(30ex);
    -moz-transform:translateY(30ex);
    -ms-transform:translateY(30ex);
    -o-transform:translateY(30ex);
    transform:translateY(30ex)
  }
  .fade-in[data-slow] {
    -webkit-transition:opacity 1s,-webkit-transform 1s;
    transition:opacity 1s,-webkit-transform 1s;
    -o-transition:opacity 1s,-o-transform 1s;
    -moz-transition:transform 1s,opacity 1s,-moz-transform 1s;
    transition:transform 1s,opacity 1s;
    transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s
  }
  .fade-in.show,
  .fade-in[data-slight].show {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
  }
}
@media (min-width:651px) and (max-width:1024px) {
  :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,
  .pad-hidden,
  .pc-only {
    display:none!important
  }
}
@media (min-width:1440px) {
  :root {
    --rpx:1px
  }
}
.zn--wrapper {
  font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif
}
.zn--wrapper .font-b {
  font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-weight:400
}
.zn--wrapper .font-m,
.zn--wrapper .mot\:font-medium,
.zn--wrapper .pct\:font-medium {
  font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif
}
.zn--wrapper .font-l,
.zn--wrapper .font-r {
  font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif
}
html {
  overflow:unset!important
}
*,
:after,
:before {
  -webkit-box-sizing:initial;
  -moz-box-sizing:initial;
  box-sizing:initial
}
#oc-wrapper {
  overflow:visible
}
#footer {
  overflow-x:hidden
}
#oc-wrapper {
  -webkit-transition:none;
  -o-transition:none;
  -moz-transition:none;
  transition:none
}
#oc-wrapper .header-v2 .header-main-pc .header-right .search {
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}
#oc-header {
  -webkit-transition:none;
  -o-transition:none;
  -moz-transition:none;
  transition:none
}
#contact-pop .contact-pop_icon,
#goback-top,
#nps .icon {
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}
[ani-autoplay-video],
[ani-video-wrapper] {
  contain:paint;
  overflow:hidden;
  position:relative
}
[ani-autoplay-video] canvas,
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] canvas,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:0
}
[ani-autoplay-video] canvas,
[ani-video-wrapper] canvas {
  -o-object-fit:initial;
  object-fit:fill;
  z-index:5
}
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
  -o-object-fit:cover;
  object-fit:cover
}
@media (orientation:portrait) and (max-width:1023px) and (min-width:721px) {
  #oc-header {
    overflow:hidden
  }
}
@media (orientation:portrait) and (max-width:1023px) {
  #oc-header.fixed {
    visibility:hidden
  }
}