[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 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s,
    -o-transform 0.5s;
}
.g--popup .g--popup-bottom-block {
  bottom: -20vh;
  bottom: -webkit-calc(var(--vh, 1vh) * -20);
  bottom: -moz-calc(var(--vh, 1vh) * -20);
  bottom: calc(var(--vh, 1vh) * -20);
  height: 20vh;
  height: -webkit-calc(var(--vh, 1vh) * 20);
  height: -moz-calc(var(--vh, 1vh) * 20);
  height: calc(var(--vh, 1vh) * 20);
  left: 0;
  position: absolute;
  width: 100%;
}
.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-bottom-block,
.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-bottom-block {
  background: #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-bottom-block {
  background: #fafafa;
}
.light-theme :not(.dark-theme) .g--popup-container.v2 {
  background: #fafafa;
}
.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
  fill: #efede9;
}
.light-theme :not(.dark-theme) .g--popup-close.v2 path {
  fill: #000;
}
@media (min-width: 1024px) {
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.09756px);
    --rpx: -moz-calc(0.07622vw - 0.09756px);
    --rpx: calc(0.07622vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 1312 - 0.09756px);
  }
  .g--popup .g--video-wrapper.v1 {
    max-width: 75vw;
    max-width: -webkit-calc(var(--vw, 1vw) * 75);
    max-width: -moz-calc(var(--vw, 1vw) * 75);
    max-width: calc(var(--vw, 1vw) * 75);
  }
  .g--popup .g--video-wrapper.v2 {
    width: 60.65vw;
    width: -webkit-calc(var(--vw, 1vw) * 60.65);
    width: -moz-calc(var(--vw, 1vw) * 60.65);
    width: calc(var(--vw, 1vw) * 60.65);
  }
}
@media (max-width: 649px) {
  :root {
    --rpx: -webkit-calc(0.30488vw - 0.09756px);
    --rpx: -moz-calc(0.30488vw - 0.09756px);
    --rpx: calc(0.30488vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  .g--popup .g--popup-container {
    padding: 0;
  }
  .g--popup .g--video-wrapper.v1 {
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw) * 100);
    width: -moz-calc(var(--vw, 1vw) * 100);
    width: calc(var(--vw, 1vw) * 100);
  }
  .g--popup .g--video-wrapper.v2 {
    max-width: 100vw;
    max-width: -webkit-calc(var(--vw, 1vw) * 100);
    max-width: -moz-calc(var(--vw, 1vw) * 100);
    max-width: calc(var(--vw, 1vw) * 100);
  }
  .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) - 159px);
    top: -moz-calc(var(--window-height) - 159px);
    top: calc(var(--window-height) - 159px);
  }
}
@media (min-width: 650px) and (max-width: 1023px) {
  :root {
    --rpx: -webkit-calc(0.13889vw - 0.06667px);
    --rpx: -moz-calc(0.13889vw - 0.06667px);
    --rpx: calc(0.13889vw - 0.06667px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: calc(var(--vw, 1vw) * 100 / 720 - 0.06667px);
  }
  .g--popup .g--video-wrapper.v1 {
    max-width: 75vw;
    max-width: -webkit-calc(var(--vw, 1vw) * 75);
    max-width: -moz-calc(var(--vw, 1vw) * 75);
    max-width: calc(var(--vw, 1vw) * 75);
  }
  .g--popup .g--video-wrapper.v2 {
    width: 70vw;
    width: -webkit-calc(var(--vw, 1vw) * 70);
    width: -moz-calc(var(--vw, 1vw) * 70);
    width: calc(var(--vw, 1vw) * 70);
  }
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-\[\#e8e8e8\] {
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
}
.bg-\[\#dbdbd9\] {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 219, 217, var(--tw-bg-opacity));
}
.bg-\[\#f6f6f6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
}
.bg-\[\#484540\] {
  --tw-bg-opacity: 1;
  background-color: rgba(72, 69, 64, var(--tw-bg-opacity));
}
.bg-\[\#E5D6A0\] {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 214, 160, var(--tw-bg-opacity));
}
.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
}
.bg-\[\#9e9a94\] {
  --tw-bg-opacity: 1;
  background-color: rgba(158, 154, 148, var(--tw-bg-opacity));
}
.bg-\[\#ebebeb\] {
  --tw-bg-opacity: 1;
  background-color: rgba(235, 235, 235, var(--tw-bg-opacity));
}
.bg-\[\#f0f0f0\] {
  --tw-bg-opacity: 1;
  background-color: rgba(240, 240, 240, var(--tw-bg-opacity));
}
.bg-\[\#201F1C\] {
  --tw-bg-opacity: 1;
  background-color: rgba(32, 31, 28, var(--tw-bg-opacity));
}
.bg-\[\#121212\] {
  --tw-bg-opacity: 1;
  background-color: rgba(18, 18, 18, var(--tw-bg-opacity));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-\[\#F6F6F6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
}
.bg-\[\#EFEDE9\] {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 237, 233, var(--tw-bg-opacity));
}
.bg-\[\#141414\] {
  --tw-bg-opacity: 1;
  background-color: rgba(20, 20, 20, var(--tw-bg-opacity));
}
.bg-\[\#f5f5f7\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 245, 247, var(--tw-bg-opacity));
}
.bg-\[\#1D1D1F\] {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 29, 31, var(--tw-bg-opacity));
}
.bg-\[\#2D2D2E\] {
  --tw-bg-opacity: 1;
  background-color: rgba(45, 45, 46, var(--tw-bg-opacity));
}
.bg-\[\#F5F5F7\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 245, 247, var(--tw-bg-opacity));
}
.bg-top {
  background-position: top;
}
.bg-bottom {
  background-position: bottom;
}
.border-\[\#484540\] {
  --tw-border-opacity: 1;
  border-color: rgba(72, 69, 64, var(--tw-border-opacity));
}
.border-\[\#E5D6A0\] {
  --tw-border-opacity: 1;
  border-color: rgba(229, 214, 160, var(--tw-border-opacity));
}
.rounded-1\/2 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rounded-36rpx {
  -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);
}
.rounded-8rpx {
  -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 8);
  -moz-border-radius: -moz-calc(var(--rpx, 1px) * 8);
  border-radius: calc(var(--rpx, 1px) * 8);
}
.rounded-4rpx {
  -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 4);
  -moz-border-radius: -moz-calc(var(--rpx, 1px) * 4);
  border-radius: calc(var(--rpx, 1px) * 4);
}
.border-solid {
  border-style: solid;
}
.border-1px {
  border-width: 1px;
}
.cursor-pointer {
  cursor: pointer;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.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;
}
.flex-shrink-0 {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  order: 2;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
}
.h-full {
  height: 100%;
}
.h-4\/5 {
  height: 80%;
}
.h-641rpx {
  height: -webkit-calc(var(--rpx, 1px) * 641);
  height: -moz-calc(var(--rpx, 1px) * 641);
  height: calc(var(--rpx, 1px) * 641);
}
.h-0px {
  height: 0;
}
.h-1px {
  height: 1px;
}
.h-2px {
  height: 2px;
}
.h-32rpx {
  height: -webkit-calc(var(--rpx, 1px) * 32);
  height: -moz-calc(var(--rpx, 1px) * 32);
  height: calc(var(--rpx, 1px) * 32);
}
.h-19\.2rpx {
  height: -webkit-calc(var(--rpx, 1px) * 19.2);
  height: -moz-calc(var(--rpx, 1px) * 19.2);
  height: calc(var(--rpx, 1px) * 19.2);
}
.h-410vh {
  height: 410vh;
  height: -webkit-calc(var(--vh, 1vh) * 410);
  height: -moz-calc(var(--vh, 1vh) * 410);
  height: calc(var(--vh, 1vh) * 410);
}
.h-100vh {
  height: 100vh;
  height: -webkit-calc(var(--vh, 1vh) * 100);
  height: -moz-calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100);
}
.h-60vh {
  height: 60vh;
  height: -webkit-calc(var(--vh, 1vh) * 60);
  height: -moz-calc(var(--vh, 1vh) * 60);
  height: calc(var(--vh, 1vh) * 60);
}
.h-66\.24vh {
  height: 66.24vh;
  height: -webkit-calc(var(--vh, 1vh) * 66.24);
  height: -moz-calc(var(--vh, 1vh) * 66.24);
  height: calc(var(--vh, 1vh) * 66.24);
}
.h-30rpx {
  height: -webkit-calc(var(--rpx, 1px) * 30);
  height: -moz-calc(var(--rpx, 1px) * 30);
  height: calc(var(--rpx, 1px) * 30);
}
.h-380rpx {
  height: -webkit-calc(var(--rpx, 1px) * 380);
  height: -moz-calc(var(--rpx, 1px) * 380);
  height: calc(var(--rpx, 1px) * 380);
}
.h-340rpx {
  height: -webkit-calc(var(--rpx, 1px) * 340);
  height: -moz-calc(var(--rpx, 1px) * 340);
  height: calc(var(--rpx, 1px) * 340);
}
.h-310rpx {
  height: -webkit-calc(var(--rpx, 1px) * 310);
  height: -moz-calc(var(--rpx, 1px) * 310);
  height: calc(var(--rpx, 1px) * 310);
}
.h-440rpx {
  height: -webkit-calc(var(--rpx, 1px) * 440);
  height: -moz-calc(var(--rpx, 1px) * 440);
  height: calc(var(--rpx, 1px) * 440);
}
.h-320rpx {
  height: -webkit-calc(var(--rpx, 1px) * 320);
  height: -moz-calc(var(--rpx, 1px) * 320);
  height: calc(var(--rpx, 1px) * 320);
}
.h-26rpx {
  height: -webkit-calc(var(--rpx, 1px) * 26);
  height: -moz-calc(var(--rpx, 1px) * 26);
  height: calc(var(--rpx, 1px) * 26);
}
.h-480rpx {
  height: -webkit-calc(var(--rpx, 1px) * 480);
  height: -moz-calc(var(--rpx, 1px) * 480);
  height: calc(var(--rpx, 1px) * 480);
}
.h-460rpx {
  height: -webkit-calc(var(--rpx, 1px) * 460);
  height: -moz-calc(var(--rpx, 1px) * 460);
  height: calc(var(--rpx, 1px) * 460);
}
.h-400rpx {
  height: -webkit-calc(var(--rpx, 1px) * 400);
  height: -moz-calc(var(--rpx, 1px) * 400);
  height: calc(var(--rpx, 1px) * 400);
}
.h-48rpx {
  height: -webkit-calc(var(--rpx, 1px) * 48);
  height: -moz-calc(var(--rpx, 1px) * 48);
  height: calc(var(--rpx, 1px) * 48);
}
.h-129rpx {
  height: -webkit-calc(var(--rpx, 1px) * 129);
  height: -moz-calc(var(--rpx, 1px) * 129);
  height: calc(var(--rpx, 1px) * 129);
}
.h-200rpx {
  height: -webkit-calc(var(--rpx, 1px) * 200);
  height: -moz-calc(var(--rpx, 1px) * 200);
  height: calc(var(--rpx, 1px) * 200);
}
.h-24rpx {
  height: -webkit-calc(var(--rpx, 1px) * 24);
  height: -moz-calc(var(--rpx, 1px) * 24);
  height: calc(var(--rpx, 1px) * 24);
}
.text-12px {
  font-size: 12px;
  line-height: 1;
}
.text-48px {
  font-size: 48px;
  line-height: 1;
}
.text-36rpx {
  font-size: -webkit-calc(var(--rpx, 1px) * 36);
  font-size: -moz-calc(var(--rpx, 1px) * 36);
  font-size: calc(var(--rpx, 1px) * 36);
  line-height: 1;
}
.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;
}
.text-40px {
  font-size: 40px;
  line-height: 1;
}
.text-28px {
  font-size: 28px;
  line-height: 1;
}
.text-20px {
  font-size: 20px;
  line-height: 1;
}
.text-14px {
  font-size: 14px;
  line-height: 1;
}
.text-30px {
  font-size: 30px;
  line-height: 1;
}
.text-16px {
  font-size: 16px;
  line-height: 1;
}
.text-40rpx {
  font-size: -webkit-calc(var(--rpx, 1px) * 40);
  font-size: -moz-calc(var(--rpx, 1px) * 40);
  font-size: calc(var(--rpx, 1px) * 40);
  line-height: 1;
}
.text-30rpx {
  font-size: -webkit-calc(var(--rpx, 1px) * 30);
  font-size: -moz-calc(var(--rpx, 1px) * 30);
  font-size: calc(var(--rpx, 1px) * 30);
  line-height: 1;
}
.text-20rpx {
  font-size: -webkit-calc(var(--rpx, 1px) * 20);
  font-size: -moz-calc(var(--rpx, 1px) * 20);
  font-size: calc(var(--rpx, 1px) * 20);
  line-height: 1;
}
.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;
}
.text-18px {
  font-size: 18px;
  line-height: 1;
}
.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;
}
.text-32px {
  font-size: 32px;
  line-height: 1;
}
.\!leading-\[133\%\] {
  line-height: 133% !important;
}
.\!leading-\[120\%\] {
  line-height: 120% !important;
}
.\!leading-\[150\%\] {
  line-height: 150% !important;
}
.\!leading-\[110\%\] {
  line-height: 110% !important;
}
.\!leading-\[140\%\] {
  line-height: 140% !important;
}
.\!leading-\[125\%\] {
  line-height: 125% !important;
}
.\!leading-\[144\%\] {
  line-height: 144% !important;
}
.\!leading-\[1\.25\] {
  line-height: 1.25 !important;
}
.\!leading-\[1\.2\] {
  line-height: 1.2 !important;
}
.\!leading-\[167\%\] {
  line-height: 167% !important;
}
.\!leading-\[1\.44\] {
  line-height: 1.44 !important;
}
.leading-60px {
  line-height: 60px;
}
.leading-40rpx {
  line-height: -webkit-calc(var(--rpx, 1px) * 40);
  line-height: -moz-calc(var(--rpx, 1px) * 40);
  line-height: calc(var(--rpx, 1px) * 40);
}
.leading-24rpx {
  line-height: -webkit-calc(var(--rpx, 1px) * 24);
  line-height: -moz-calc(var(--rpx, 1px) * 24);
  line-height: calc(var(--rpx, 1px) * 24);
}
.leading-48px {
  line-height: 48px;
}
.leading-36px {
  line-height: 36px;
}
.leading-28px {
  line-height: 28px;
}
.leading-22px {
  line-height: 22px;
}
.leading-38px {
  line-height: 38px;
}
.leading-24px {
  line-height: 24px;
}
.leading-48rpx {
  line-height: -webkit-calc(var(--rpx, 1px) * 48);
  line-height: -moz-calc(var(--rpx, 1px) * 48);
  line-height: calc(var(--rpx, 1px) * 48);
}
.leading-38rpx {
  line-height: -webkit-calc(var(--rpx, 1px) * 38);
  line-height: -moz-calc(var(--rpx, 1px) * 38);
  line-height: calc(var(--rpx, 1px) * 38);
}
.leading-28rpx {
  line-height: -webkit-calc(var(--rpx, 1px) * 28);
  line-height: -moz-calc(var(--rpx, 1px) * 28);
  line-height: calc(var(--rpx, 1px) * 28);
}
.leading-22rpx {
  line-height: -webkit-calc(var(--rpx, 1px) * 22);
  line-height: -moz-calc(var(--rpx, 1px) * 22);
  line-height: calc(var(--rpx, 1px) * 22);
}
.leading-58px {
  line-height: 58px;
}
.leading-26px {
  line-height: 26px;
}
.leading-40px {
  line-height: 40px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-20rpx {
  line-height: -webkit-calc(var(--rpx, 1px) * 20);
  line-height: -moz-calc(var(--rpx, 1px) * 20);
  line-height: calc(var(--rpx, 1px) * 20);
}
.leading-20px {
  line-height: 20px;
}
.leading-\[1\.67\] {
  line-height: 1.67;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-6rpx {
  margin-left: calc(var(--rpx, 1px) * 6);
  margin-right: calc(var(--rpx, 1px) * 6);
}
.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}
.mr-6rpx {
  margin-right: calc(var(--rpx, 1px) * 6);
}
.ml-4rpx {
  margin-left: calc(var(--rpx, 1px) * 4);
}
.mb-6rpx {
  margin-bottom: calc(var(--rpx, 1px) * 6);
}
.ml-16px {
  margin-left: 16px;
}
.mt-20rpx {
  margin-top: calc(var(--rpx, 1px) * 20);
}
.mt-4rpx {
  margin-top: calc(var(--rpx, 1px) * 4);
}
.mr-\[3\.26vw\] {
  margin-right: 3.26vw;
  margin-right: calc(var(--vw, 1vw) * 3.26);
}
.mt-24rpx {
  margin-top: calc(var(--rpx, 1px) * 24);
}
.mt-44rpx {
  margin-top: calc(var(--rpx, 1px) * 44);
}
.-ml-0\.5rpx {
  margin-left: calc(var(--rpx, 1px) * -0.5);
}
.mt-64rpx {
  margin-top: calc(var(--rpx, 1px) * 64);
}
.mt-32rpx {
  margin-top: calc(var(--rpx, 1px) * 32);
}
.mt-12rpx {
  margin-top: calc(var(--rpx, 1px) * 12);
}
.mt-16rpx {
  margin-top: calc(var(--rpx, 1px) * 16);
}
.mt-48rpx {
  margin-top: calc(var(--rpx, 1px) * 48);
}
.mb-32rpx {
  margin-bottom: calc(var(--rpx, 1px) * 32);
}
.-mt-2rpx {
  margin-top: calc(var(--rpx, 1px) * -2);
}
.-mt-1rpx {
  margin-top: calc(var(--rpx, 1px) * -1);
}
.mt-8rpx {
  margin-top: calc(var(--rpx, 1px) * 8);
}
.mt-18rpx {
  margin-top: calc(var(--rpx, 1px) * 18);
}
.mt-14rpx {
  margin-top: calc(var(--rpx, 1px) * 14);
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.opacity-0 {
  opacity: 0;
}
.opacity-55 {
  opacity: 0.55;
}
.overflow-hidden {
  overflow: hidden;
}
.p-24rpx {
  padding: calc(var(--rpx, 1px) * 24);
}
.p-20rpx {
  padding: calc(var(--rpx, 1px) * 20);
}
.p-28rpx {
  padding: calc(var(--rpx, 1px) * 28);
}
.p-10rpx {
  padding: calc(var(--rpx, 1px) * 10);
}
.px-16rpx {
  padding-left: calc(var(--rpx, 1px) * 16);
  padding-right: calc(var(--rpx, 1px) * 16);
}
.py-96rpx {
  padding-bottom: calc(var(--rpx, 1px) * 96);
  padding-top: calc(var(--rpx, 1px) * 96);
}
.py-12rpx {
  padding-bottom: calc(var(--rpx, 1px) * 12);
  padding-top: calc(var(--rpx, 1px) * 12);
}
.px-24rpx {
  padding-left: calc(var(--rpx, 1px) * 24);
  padding-right: calc(var(--rpx, 1px) * 24);
}
.py-24rpx {
  padding-bottom: calc(var(--rpx, 1px) * 24);
  padding-top: calc(var(--rpx, 1px) * 24);
}
.py-11rpx {
  padding-bottom: calc(var(--rpx, 1px) * 11);
  padding-top: calc(var(--rpx, 1px) * 11);
}
.pt-40rpx {
  padding-top: calc(var(--rpx, 1px) * 40);
}
.pb-72rpx {
  padding-bottom: calc(var(--rpx, 1px) * 72);
}
.pt-48rpx {
  padding-top: calc(var(--rpx, 1px) * 48);
}
.pb-48rpx {
  padding-bottom: calc(var(--rpx, 1px) * 48);
}
.pointer-events-none {
  pointer-events: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.top-\[var\(--nav-height-neg\)\] {
  top: var(--nav-height-neg);
}
.left-0 {
  left: 0;
}
.top-1\/2 {
  top: 50%;
}
.left-1\/2 {
  left: 50%;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.top-0 {
  top: 0;
}
.right-67vw {
  right: 67vw;
  right: -webkit-calc(var(--vw, 1vw) * 67);
  right: -moz-calc(var(--vw, 1vw) * 67);
  right: calc(var(--vw, 1vw) * 67);
}
.right-68\.19vw {
  right: 68.19vw;
  right: -webkit-calc(var(--vw, 1vw) * 68.19);
  right: -moz-calc(var(--vw, 1vw) * 68.19);
  right: calc(var(--vw, 1vw) * 68.19);
}
.left-68\.19vw {
  left: 68.19vw;
  left: -webkit-calc(var(--vw, 1vw) * 68.19);
  left: -moz-calc(var(--vw, 1vw) * 68.19);
  left: calc(var(--vw, 1vw) * 68.19);
}
.-bottom-54rpx {
  bottom: -webkit-calc(var(--rpx, 1px) * -54);
  bottom: -moz-calc(var(--rpx, 1px) * -54);
  bottom: calc(var(--rpx, 1px) * -54);
}
.bottom-20rpx {
  bottom: -webkit-calc(var(--rpx, 1px) * 20);
  bottom: -moz-calc(var(--rpx, 1px) * 20);
  bottom: calc(var(--rpx, 1px) * 20);
}
.left-20rpx {
  left: -webkit-calc(var(--rpx, 1px) * 20);
  left: -moz-calc(var(--rpx, 1px) * 20);
  left: calc(var(--rpx, 1px) * 20);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-oppoBlack {
  --tw-text-opacity: 0.95;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-oppoWhite {
  --tw-text-opacity: 0.95;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.tracking-0\.02em {
  letter-spacing: 0.02em;
}
.tracking-0\.5px {
  letter-spacing: 0.5px;
}
.tracking-0\.5rpx,
.tracking-\[0\.5rpx\] {
  letter-spacing: -webkit-calc(var(--rpx, 1px) * 0.5);
  letter-spacing: -moz-calc(var(--rpx, 1px) * 0.5);
  letter-spacing: calc(var(--rpx, 1px) * 0.5);
}
.tracking-0\.04em {
  letter-spacing: 0.04em;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-full {
  width: 100%;
}
.w-4\/5 {
  width: 80%;
}
.w-1px {
  width: 1px;
}
.w-328rpx {
  width: -webkit-calc(var(--rpx, 1px) * 328);
  width: -moz-calc(var(--rpx, 1px) * 328);
  width: calc(var(--rpx, 1px) * 328);
}
.w-32rpx {
  width: -webkit-calc(var(--rpx, 1px) * 32);
  width: -moz-calc(var(--rpx, 1px) * 32);
  width: calc(var(--rpx, 1px) * 32);
}
.w-16rpx {
  width: -webkit-calc(var(--rpx, 1px) * 16);
  width: -moz-calc(var(--rpx, 1px) * 16);
  width: calc(var(--rpx, 1px) * 16);
}
.w-20px {
  width: 20px;
}
.w-340rpx {
  width: -webkit-calc(var(--rpx, 1px) * 340);
  width: -moz-calc(var(--rpx, 1px) * 340);
  width: calc(var(--rpx, 1px) * 340);
}
.w-28\.746vh {
  width: 28.746vh;
  width: -webkit-calc(var(--vh, 1vh) * 28.746);
  width: -moz-calc(var(--vh, 1vh) * 28.746);
  width: calc(var(--vh, 1vh) * 28.746);
}
.w-61\.992vh {
  width: 61.992vh;
  width: -webkit-calc(var(--vh, 1vh) * 61.992);
  width: -moz-calc(var(--vh, 1vh) * 61.992);
  width: calc(var(--vh, 1vh) * 61.992);
}
.w-56\.25vh {
  width: 56.25vh;
  width: -webkit-calc(var(--vh, 1vh) * 56.25);
  width: -moz-calc(var(--vh, 1vh) * 56.25);
  width: calc(var(--vh, 1vh) * 56.25);
}
.w-76rpx {
  width: -webkit-calc(var(--rpx, 1px) * 76);
  width: -moz-calc(var(--rpx, 1px) * 76);
  width: calc(var(--rpx, 1px) * 76);
}
.w-200rpx {
  width: -webkit-calc(var(--rpx, 1px) * 200);
  width: -moz-calc(var(--rpx, 1px) * 200);
  width: calc(var(--rpx, 1px) * 200);
}
.w-141rpx {
  width: -webkit-calc(var(--rpx, 1px) * 141);
  width: -moz-calc(var(--rpx, 1px) * 141);
  width: calc(var(--rpx, 1px) * 141);
}
.w-319rpx {
  width: -webkit-calc(var(--rpx, 1px) * 319);
  width: -moz-calc(var(--rpx, 1px) * 319);
  width: calc(var(--rpx, 1px) * 319);
}
.w-291rpx {
  width: -webkit-calc(var(--rpx, 1px) * 291);
  width: -moz-calc(var(--rpx, 1px) * 291);
  width: calc(var(--rpx, 1px) * 291);
}
.w-\[50\%\] {
  width: 50%;
}
.w-180rpx {
  width: -webkit-calc(var(--rpx, 1px) * 180);
  width: -moz-calc(var(--rpx, 1px) * 180);
  width: calc(var(--rpx, 1px) * 180);
}
.w-300rpx {
  width: -webkit-calc(var(--rpx, 1px) * 300);
  width: -moz-calc(var(--rpx, 1px) * 300);
  width: calc(var(--rpx, 1px) * 300);
}
.w-166rpx {
  width: -webkit-calc(var(--rpx, 1px) * 166);
  width: -moz-calc(var(--rpx, 1px) * 166);
  width: calc(var(--rpx, 1px) * 166);
}
.w-146rpx {
  width: -webkit-calc(var(--rpx, 1px) * 146);
  width: -moz-calc(var(--rpx, 1px) * 146);
  width: calc(var(--rpx, 1px) * 146);
}
.w-320rpx {
  width: -webkit-calc(var(--rpx, 1px) * 320);
  width: -moz-calc(var(--rpx, 1px) * 320);
  width: calc(var(--rpx, 1px) * 320);
}
.w-184rpx {
  width: -webkit-calc(var(--rpx, 1px) * 184);
  width: -moz-calc(var(--rpx, 1px) * 184);
  width: calc(var(--rpx, 1px) * 184);
}
.w-450rpx {
  width: -webkit-calc(var(--rpx, 1px) * 450);
  width: -moz-calc(var(--rpx, 1px) * 450);
  width: calc(var(--rpx, 1px) * 450);
}
.w-356rpx {
  width: -webkit-calc(var(--rpx, 1px) * 356);
  width: -moz-calc(var(--rpx, 1px) * 356);
  width: calc(var(--rpx, 1px) * 356);
}
.w-432rpx {
  width: -webkit-calc(var(--rpx, 1px) * 432);
  width: -moz-calc(var(--rpx, 1px) * 432);
  width: calc(var(--rpx, 1px) * 432);
}
.w-652rpx {
  width: -webkit-calc(var(--rpx, 1px) * 652);
  width: -moz-calc(var(--rpx, 1px) * 652);
  width: calc(var(--rpx, 1px) * 652);
}
.w-294rpx {
  width: -webkit-calc(var(--rpx, 1px) * 294);
  width: -moz-calc(var(--rpx, 1px) * 294);
  width: calc(var(--rpx, 1px) * 294);
}
.w-596rpx {
  width: -webkit-calc(var(--rpx, 1px) * 596);
  width: -moz-calc(var(--rpx, 1px) * 596);
  width: calc(var(--rpx, 1px) * 596);
}
.w-326rpx {
  width: -webkit-calc(var(--rpx, 1px) * 326);
  width: -moz-calc(var(--rpx, 1px) * 326);
  width: calc(var(--rpx, 1px) * 326);
}
.w-296rpx {
  width: -webkit-calc(var(--rpx, 1px) * 296);
  width: -moz-calc(var(--rpx, 1px) * 296);
  width: calc(var(--rpx, 1px) * 296);
}
.w-102rpx {
  width: -webkit-calc(var(--rpx, 1px) * 102);
  width: -moz-calc(var(--rpx, 1px) * 102);
  width: calc(var(--rpx, 1px) * 102);
}
.w-131rpx {
  width: -webkit-calc(var(--rpx, 1px) * 131);
  width: -moz-calc(var(--rpx, 1px) * 131);
  width: calc(var(--rpx, 1px) * 131);
}
.w-171rpx {
  width: -webkit-calc(var(--rpx, 1px) * 171);
  width: -moz-calc(var(--rpx, 1px) * 171);
  width: calc(var(--rpx, 1px) * 171);
}
.z-3 {
  z-index: 3;
}
.z-2 {
  z-index: 2;
}
.z-1 {
  z-index: 1;
}
.z-0 {
  z-index: 0;
}
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  -webkit-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z))
    rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x))
    rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -ms-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z))
    rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x))
    rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -moz-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z))
    rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x))
    rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y))
    translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate))
    rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y))
    rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    scaleZ(var(--tw-scale-z));
}
.rotate-z-180 {
  --tw-rotate-z: 180deg;
}
.translate-z-1px {
  --tw-translate-z: 1px;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.transition-opacity {
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-500 {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.duration-300 {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.full {
  height: 100%;
  width: 100%;
}
.abs-0 {
  left: 0;
  position: absolute;
  top: 0;
}
.box-shadow-1 {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 4px #00000040;
}
@media (min-width: 650px) and (max-width: 1023px) {
  .pad\:bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }
  .pad\:bg-\[\#efede9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 237, 233, var(--tw-bg-opacity));
  }
  .pad\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .pad\:rounded-4\.69vw {
    -webkit-border-radius: 4.69vw;
    -moz-border-radius: 4.69vw;
    border-radius: 4.69vw;
    -webkit-border-radius: -webkit-calc(var(--vw, 1vw) * 4.69);
    -moz-border-radius: -moz-calc(var(--vw, 1vw) * 4.69);
    border-radius: calc(var(--vw, 1vw) * 4.69);
  }
  .pad\:rounded-12rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 12);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 12);
    border-radius: calc(var(--rpx, 1px) * 12);
  }
  .pad\:rounded-4rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 4);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 4);
    border-radius: calc(var(--rpx, 1px) * 4);
  }
  .pad\:rounded-36rpx {
    -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);
  }
  .pad\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: 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-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .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\:self-end {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
  }
  .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\:h-full {
    height: 100%;
  }
  .pad\:h-screen {
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh) * 100);
    height: -moz-calc(var(--vh, 1vh) * 100);
    height: calc(var(--vh, 1vh) * 100);
  }
  .pad\:h-1\.95vw {
    height: 1.95vw;
    height: -webkit-calc(var(--vw, 1vw) * 1.95);
    height: -moz-calc(var(--vw, 1vw) * 1.95);
    height: calc(var(--vw, 1vw) * 1.95);
  }
  .pad\:h-260rpx {
    height: -webkit-calc(var(--rpx, 1px) * 260);
    height: -moz-calc(var(--rpx, 1px) * 260);
    height: calc(var(--rpx, 1px) * 260);
  }
  .pad\:h-20rpx {
    height: -webkit-calc(var(--rpx, 1px) * 20);
    height: -moz-calc(var(--rpx, 1px) * 20);
    height: calc(var(--rpx, 1px) * 20);
  }
  .pad\:h-382rpx {
    height: -webkit-calc(var(--rpx, 1px) * 382);
    height: -moz-calc(var(--rpx, 1px) * 382);
    height: calc(var(--rpx, 1px) * 382);
  }
  .pad\:h-475rpx {
    height: -webkit-calc(var(--rpx, 1px) * 475);
    height: -moz-calc(var(--rpx, 1px) * 475);
    height: calc(var(--rpx, 1px) * 475);
  }
  .pad\:h-62\.5vw {
    height: 62.5vw;
    height: -webkit-calc(var(--vw, 1vw) * 62.5);
    height: -moz-calc(var(--vw, 1vw) * 62.5);
    height: calc(var(--vw, 1vw) * 62.5);
  }
  .pad\:h-57\.3vw {
    height: 57.3vw;
    height: -webkit-calc(var(--vw, 1vw) * 57.3);
    height: -moz-calc(var(--vw, 1vw) * 57.3);
    height: calc(var(--vw, 1vw) * 57.3);
  }
  .pad\:h-540rpx {
    height: -webkit-calc(var(--rpx, 1px) * 540);
    height: -moz-calc(var(--rpx, 1px) * 540);
    height: calc(var(--rpx, 1px) * 540);
  }
  .pad\:h-60rpx {
    height: -webkit-calc(var(--rpx, 1px) * 60);
    height: -moz-calc(var(--rpx, 1px) * 60);
    height: calc(var(--rpx, 1px) * 60);
  }
  .pad\:h-200rpx {
    height: -webkit-calc(var(--rpx, 1px) * 200);
    height: -moz-calc(var(--rpx, 1px) * 200);
    height: calc(var(--rpx, 1px) * 200);
  }
  .pad\:h-30rpx {
    height: -webkit-calc(var(--rpx, 1px) * 30);
    height: -moz-calc(var(--rpx, 1px) * 30);
    height: calc(var(--rpx, 1px) * 30);
  }
  .pad\:h-14rpx {
    height: -webkit-calc(var(--rpx, 1px) * 14);
    height: -moz-calc(var(--rpx, 1px) * 14);
    height: calc(var(--rpx, 1px) * 14);
  }
  .pad\:h-344rpx {
    height: -webkit-calc(var(--rpx, 1px) * 344);
    height: -moz-calc(var(--rpx, 1px) * 344);
    height: calc(var(--rpx, 1px) * 344);
  }
  .pad\:h-135vh {
    height: 135vh;
    height: -webkit-calc(var(--vh, 1vh) * 135);
    height: -moz-calc(var(--vh, 1vh) * 135);
    height: calc(var(--vh, 1vh) * 135);
  }
  .pad\:h-7\.26vh {
    height: 7.26vh;
    height: -webkit-calc(var(--vh, 1vh) * 7.26);
    height: -moz-calc(var(--vh, 1vh) * 7.26);
    height: calc(var(--vh, 1vh) * 7.26);
  }
  .pad\:h-7\.97vh {
    height: 7.97vh;
    height: -webkit-calc(var(--vh, 1vh) * 7.97);
    height: -moz-calc(var(--vh, 1vh) * 7.97);
    height: calc(var(--vh, 1vh) * 7.97);
  }
  .pad\:h-300rpx {
    height: -webkit-calc(var(--rpx, 1px) * 300);
    height: -moz-calc(var(--rpx, 1px) * 300);
    height: calc(var(--rpx, 1px) * 300);
  }
  .pad\:h-400rpx {
    height: -webkit-calc(var(--rpx, 1px) * 400);
    height: -moz-calc(var(--rpx, 1px) * 400);
    height: calc(var(--rpx, 1px) * 400);
  }
  .pad\:h-320rpx {
    height: -webkit-calc(var(--rpx, 1px) * 320);
    height: -moz-calc(var(--rpx, 1px) * 320);
    height: calc(var(--rpx, 1px) * 320);
  }
  .pad\:h-372rpx {
    height: -webkit-calc(var(--rpx, 1px) * 372);
    height: -moz-calc(var(--rpx, 1px) * 372);
    height: calc(var(--rpx, 1px) * 372);
  }
  .pad\:h-424rpx {
    height: -webkit-calc(var(--rpx, 1px) * 424);
    height: -moz-calc(var(--rpx, 1px) * 424);
    height: calc(var(--rpx, 1px) * 424);
  }
  .pad\:h-212rpx {
    height: -webkit-calc(var(--rpx, 1px) * 212);
    height: -moz-calc(var(--rpx, 1px) * 212);
    height: calc(var(--rpx, 1px) * 212);
  }
  .pad\:h-231rpx {
    height: -webkit-calc(var(--rpx, 1px) * 231);
    height: -moz-calc(var(--rpx, 1px) * 231);
    height: calc(var(--rpx, 1px) * 231);
  }
  .pad\:h-223rpx {
    height: -webkit-calc(var(--rpx, 1px) * 223);
    height: -moz-calc(var(--rpx, 1px) * 223);
    height: calc(var(--rpx, 1px) * 223);
  }
  .pad\:h-373rpx {
    height: -webkit-calc(var(--rpx, 1px) * 373);
    height: -moz-calc(var(--rpx, 1px) * 373);
    height: calc(var(--rpx, 1px) * 373);
  }
  .pad\:h-355rpx {
    height: -webkit-calc(var(--rpx, 1px) * 355);
    height: -moz-calc(var(--rpx, 1px) * 355);
    height: calc(var(--rpx, 1px) * 355);
  }
  .pad\:h-457rpx {
    height: -webkit-calc(var(--rpx, 1px) * 457);
    height: -moz-calc(var(--rpx, 1px) * 457);
    height: calc(var(--rpx, 1px) * 457);
  }
  .pad\:h-265rpx {
    height: -webkit-calc(var(--rpx, 1px) * 265);
    height: -moz-calc(var(--rpx, 1px) * 265);
    height: calc(var(--rpx, 1px) * 265);
  }
  .pad\:h-308rpx {
    height: -webkit-calc(var(--rpx, 1px) * 308);
    height: -moz-calc(var(--rpx, 1px) * 308);
    height: calc(var(--rpx, 1px) * 308);
  }
  .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-28rpx {
    height: -webkit-calc(var(--rpx, 1px) * 28);
    height: -moz-calc(var(--rpx, 1px) * 28);
    height: calc(var(--rpx, 1px) * 28);
  }
  .pad\:h-360rpx {
    height: -webkit-calc(var(--rpx, 1px) * 360);
    height: -moz-calc(var(--rpx, 1px) * 360);
    height: calc(var(--rpx, 1px) * 360);
  }
  .pad\:h-266rpx {
    height: -webkit-calc(var(--rpx, 1px) * 266);
    height: -moz-calc(var(--rpx, 1px) * 266);
    height: calc(var(--rpx, 1px) * 266);
  }
  .pad\:h-277rpx {
    height: -webkit-calc(var(--rpx, 1px) * 277);
    height: -moz-calc(var(--rpx, 1px) * 277);
    height: calc(var(--rpx, 1px) * 277);
  }
  .pad\:h-436rpx {
    height: -webkit-calc(var(--rpx, 1px) * 436);
    height: -moz-calc(var(--rpx, 1px) * 436);
    height: calc(var(--rpx, 1px) * 436);
  }
  .pad\:h-276rpx {
    height: -webkit-calc(var(--rpx, 1px) * 276);
    height: -moz-calc(var(--rpx, 1px) * 276);
    height: calc(var(--rpx, 1px) * 276);
  }
  .pad\:h-337rpx {
    height: -webkit-calc(var(--rpx, 1px) * 337);
    height: -moz-calc(var(--rpx, 1px) * 337);
    height: calc(var(--rpx, 1px) * 337);
  }
  .pad\:h-485rpx {
    height: -webkit-calc(var(--rpx, 1px) * 485);
    height: -moz-calc(var(--rpx, 1px) * 485);
    height: calc(var(--rpx, 1px) * 485);
  }
  .pad\:h-245rpx {
    height: -webkit-calc(var(--rpx, 1px) * 245);
    height: -moz-calc(var(--rpx, 1px) * 245);
    height: calc(var(--rpx, 1px) * 245);
  }
  .pad\:h-460rpx {
    height: -webkit-calc(var(--rpx, 1px) * 460);
    height: -moz-calc(var(--rpx, 1px) * 460);
    height: calc(var(--rpx, 1px) * 460);
  }
  .pad\:h-248rpx {
    height: -webkit-calc(var(--rpx, 1px) * 248);
    height: -moz-calc(var(--rpx, 1px) * 248);
    height: calc(var(--rpx, 1px) * 248);
  }
  .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-16rpx {
    height: -webkit-calc(var(--rpx, 1px) * 16);
    height: -moz-calc(var(--rpx, 1px) * 16);
    height: calc(var(--rpx, 1px) * 16);
  }
  .pad\:text-3\.125vw {
    font-size: 3.125vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.125);
    font-size: -moz-calc(var(--vw, 1vw) * 3.125);
    font-size: calc(var(--vw, 1vw) * 3.125);
    line-height: 1;
  }
  .pad\:text-5\.2vw {
    font-size: 5.2vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5.2);
    font-size: -moz-calc(var(--vw, 1vw) * 5.2);
    font-size: calc(var(--vw, 1vw) * 5.2);
    line-height: 1;
  }
  .pad\:text-1\.82vw {
    font-size: 1.82vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 1.82);
    font-size: -moz-calc(var(--vw, 1vw) * 1.82);
    font-size: calc(var(--vw, 1vw) * 1.82);
    line-height: 1;
  }
  .pad\:text-12px {
    font-size: 12px;
    line-height: 1;
  }
  .pad\:text-40rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 40);
    font-size: -moz-calc(var(--rpx, 1px) * 40);
    font-size: calc(var(--rpx, 1px) * 40);
    line-height: 1;
  }
  .pad\:text-1\.17vh {
    font-size: 1.17vh;
    font-size: -webkit-calc(var(--vh, 1vh) * 1.17);
    font-size: -moz-calc(var(--vh, 1vh) * 1.17);
    font-size: calc(var(--vh, 1vh) * 1.17);
    line-height: 1;
  }
  .pad\:text-1\.56vh {
    font-size: 1.56vh;
    font-size: -webkit-calc(var(--vh, 1vh) * 1.56);
    font-size: -moz-calc(var(--vh, 1vh) * 1.56);
    font-size: calc(var(--vh, 1vh) * 1.56);
    line-height: 1;
  }
  .pad\:text-30px {
    font-size: 30px;
    line-height: 1;
  }
  .pad\:text-16px {
    font-size: 16px;
    line-height: 1;
  }
  .pad\:text-28px {
    font-size: 28px;
    line-height: 1;
  }
  .pad\:text-20px {
    font-size: 20px;
    line-height: 1;
  }
  .\!pad\:leading-\[1\.33\] {
    line-height: 1.33 !important;
  }
  .pad\:leading-38px {
    line-height: 38px;
  }
  .pad\:leading-24px {
    line-height: 24px;
  }
  .pad\:leading-36px {
    line-height: 36px;
  }
  .pad\:leading-28px {
    line-height: 28px;
  }
  .pad\:leading-20px {
    line-height: 20px;
  }
  .pad\:m-10rpx {
    margin: calc(var(--rpx, 1px) * 10);
  }
  .pad\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .pad\:mt-1\.56vw {
    margin-top: 1.56vw;
    margin-top: calc(var(--vw, 1vw) * 1.56);
  }
  .pad\:mt-2\.6vw {
    margin-top: 2.6vw;
    margin-top: calc(var(--vw, 1vw) * 2.6);
  }
  .pad\:mr-0\.84vw {
    margin-right: 0.84vw;
    margin-right: calc(var(--vw, 1vw) * 0.84);
  }
  .pad\:mt-40rpx {
    margin-top: calc(var(--rpx, 1px) * 40);
  }
  .pad\:mt-16rpx {
    margin-top: calc(var(--rpx, 1px) * 16);
  }
  .pad\:mt-92rpx {
    margin-top: calc(var(--rpx, 1px) * 92);
  }
  .pad\:mt-8rpx {
    margin-top: calc(var(--rpx, 1px) * 8);
  }
  .pad\:ml-4rpx {
    margin-left: calc(var(--rpx, 1px) * 4);
  }
  .pad\:-ml-102rpx {
    margin-left: calc(var(--rpx, 1px) * -102);
  }
  .pad\:mt-18rpx {
    margin-top: calc(var(--rpx, 1px) * 18);
  }
  .pad\:-mt-60rpx {
    margin-top: calc(var(--rpx, 1px) * -60);
  }
  .pad\:mb-12rpx {
    margin-bottom: calc(var(--rpx, 1px) * 12);
  }
  .pad\:mr-26rpx {
    margin-right: calc(var(--rpx, 1px) * 26);
  }
  .pad\:ml-16rpx {
    margin-left: calc(var(--rpx, 1px) * 16);
  }
  .pad\:mt-4rpx {
    margin-top: calc(var(--rpx, 1px) * 4);
  }
  .pad\:-mt-20rpx {
    margin-top: calc(var(--rpx, 1px) * -20);
  }
  .pad\:mt-6rpx {
    margin-top: calc(var(--rpx, 1px) * 6);
  }
  .pad\:mt-24rpx {
    margin-top: calc(var(--rpx, 1px) * 24);
  }
  .pad\:mt-48rpx {
    margin-top: calc(var(--rpx, 1px) * 48);
  }
  .pad\:mt-70rpx {
    margin-top: calc(var(--rpx, 1px) * 70);
  }
  .pad\:mt-101rpx {
    margin-top: calc(var(--rpx, 1px) * 101);
  }
  .pad\:mt-80rpx {
    margin-top: calc(var(--rpx, 1px) * 80);
  }
  .pad\:mr-53rpx {
    margin-right: calc(var(--rpx, 1px) * 53);
  }
  .pad\:mt-114rpx {
    margin-top: calc(var(--rpx, 1px) * 114);
  }
  .pad\:mt-104rpx {
    margin-top: calc(var(--rpx, 1px) * 104);
  }
  .pad\:-mt-44rpx {
    margin-top: calc(var(--rpx, 1px) * -44);
  }
  .pad\:mt-32rpx {
    margin-top: calc(var(--rpx, 1px) * 32);
  }
  .pad\:mt-12rpx {
    margin-top: calc(var(--rpx, 1px) * 12);
  }
  .pad\:-mb-20px {
    margin-bottom: -20px;
  }
  .pad\:mb-20rpx {
    margin-bottom: calc(var(--rpx, 1px) * 20);
  }
  .pad\:mt-14rpx {
    margin-top: calc(var(--rpx, 1px) * 14);
  }
  .pad\:min-h-340rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 340);
    min-height: -moz-calc(var(--rpx, 1px) * 340);
    min-height: calc(var(--rpx, 1px) * 340);
  }
  .pad\:min-h-300rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 300);
    min-height: -moz-calc(var(--rpx, 1px) * 300);
    min-height: calc(var(--rpx, 1px) * 300);
  }
  .pad\:min-h-470rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 470);
    min-height: -moz-calc(var(--rpx, 1px) * 470);
    min-height: calc(var(--rpx, 1px) * 470);
  }
  .pad\:min-h-170rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 170);
    min-height: -moz-calc(var(--rpx, 1px) * 170);
    min-height: calc(var(--rpx, 1px) * 170);
  }
  .pad\:object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pad\:overflow-hidden {
    overflow: hidden;
  }
  .pad\:p-10rpx {
    padding: calc(var(--rpx, 1px) * 10);
  }
  .pad\:px-2\.6vw {
    padding-left: 2.6vw;
    padding-left: calc(var(--vw, 1vw) * 2.6);
    padding-right: 2.6vw;
    padding-right: calc(var(--vw, 1vw) * 2.6);
  }
  .pad\:py-1\.3vw {
    padding-bottom: 1.3vw;
    padding-bottom: calc(var(--vw, 1vw) * 1.3);
    padding-top: 1.3vw;
    padding-top: calc(var(--vw, 1vw) * 1.3);
  }
  .pad\:py-64rpx {
    padding-bottom: calc(var(--rpx, 1px) * 64);
    padding-top: calc(var(--rpx, 1px) * 64);
  }
  .pad\:py-96rpx {
    padding-bottom: calc(var(--rpx, 1px) * 96);
    padding-top: calc(var(--rpx, 1px) * 96);
  }
  .pad\:py-48rpx {
    padding-bottom: calc(var(--rpx, 1px) * 48);
    padding-top: calc(var(--rpx, 1px) * 48);
  }
  .pad\:py-60rpx {
    padding-bottom: calc(var(--rpx, 1px) * 60);
    padding-top: calc(var(--rpx, 1px) * 60);
  }
  .pad\:py-6rpx {
    padding-bottom: calc(var(--rpx, 1px) * 6);
    padding-top: calc(var(--rpx, 1px) * 6);
  }
  .pad\:px-18rpx {
    padding-left: calc(var(--rpx, 1px) * 18);
    padding-right: calc(var(--rpx, 1px) * 18);
  }
  .pad\:py-24rpx {
    padding-bottom: calc(var(--rpx, 1px) * 24);
    padding-top: calc(var(--rpx, 1px) * 24);
  }
  .pad\:px-16rpx {
    padding-left: calc(var(--rpx, 1px) * 16);
    padding-right: calc(var(--rpx, 1px) * 16);
  }
  .pad\:px-60rpx {
    padding-left: calc(var(--rpx, 1px) * 60);
    padding-right: calc(var(--rpx, 1px) * 60);
  }
  .pad\:px-50rpx {
    padding-left: calc(var(--rpx, 1px) * 50);
    padding-right: calc(var(--rpx, 1px) * 50);
  }
  .pad\:py-20rpx {
    padding-bottom: calc(var(--rpx, 1px) * 20);
    padding-top: calc(var(--rpx, 1px) * 20);
  }
  .pad\:py-9rpx {
    padding-bottom: calc(var(--rpx, 1px) * 9);
    padding-top: calc(var(--rpx, 1px) * 9);
  }
  .pad\:px-20rpx {
    padding-left: calc(var(--rpx, 1px) * 20);
    padding-right: calc(var(--rpx, 1px) * 20);
  }
  .pad\:pl-\[calc\(50\%-360rpx\)\] {
    padding-left: calc(50% - var(--rpx, 1px) * 360);
  }
  .pad\:pt-96rpx {
    padding-top: calc(var(--rpx, 1px) * 96);
  }
  .pad\:pt-64rpx {
    padding-top: calc(var(--rpx, 1px) * 64);
  }
  .pad\:pb-48rpx {
    padding-bottom: calc(var(--rpx, 1px) * 48);
  }
  .pad\:pl-24rpx {
    padding-left: calc(var(--rpx, 1px) * 24);
  }
  .pad\:pr-48rpx {
    padding-right: calc(var(--rpx, 1px) * 48);
  }
  .pad\:pl-48rpx {
    padding-left: calc(var(--rpx, 1px) * 48);
  }
  .pad\:pb-64rpx {
    padding-bottom: calc(var(--rpx, 1px) * 64);
  }
  .pad\:pb-96rpx {
    padding-bottom: calc(var(--rpx, 1px) * 96);
  }
  .pad\:absolute {
    position: absolute;
  }
  .pad\:relative {
    position: relative;
  }
  .pad\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .pad\:left-3\.125vw {
    left: 3.125vw;
    left: -webkit-calc(var(--vw, 1vw) * 3.125);
    left: -moz-calc(var(--vw, 1vw) * 3.125);
    left: calc(var(--vw, 1vw) * 3.125);
  }
  .pad\:top-\[calc\(50\%\+64rpx\)\] {
    top: -webkit-calc(50% + var(--rpx, 1px) * 64);
    top: -moz-calc(50% + var(--rpx, 1px) * 64);
    top: calc(50% + var(--rpx, 1px) * 64);
  }
  .pad\:left-12rpx {
    left: -webkit-calc(var(--rpx, 1px) * 12);
    left: -moz-calc(var(--rpx, 1px) * 12);
    left: calc(var(--rpx, 1px) * 12);
  }
  .pad\:right-12rpx {
    right: -webkit-calc(var(--rpx, 1px) * 12);
    right: -moz-calc(var(--rpx, 1px) * 12);
    right: calc(var(--rpx, 1px) * 12);
  }
  .pad\:bottom-12rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 12);
    bottom: -moz-calc(var(--rpx, 1px) * 12);
    bottom: calc(var(--rpx, 1px) * 12);
  }
  .pad\:left-\[calc\(50vw-360rpx\)\] {
    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);
  }
  .pad\:top-6\.25vw {
    top: 6.25vw;
    top: -webkit-calc(var(--vw, 1vw) * 6.25);
    top: -moz-calc(var(--vw, 1vw) * 6.25);
    top: calc(var(--vw, 1vw) * 6.25);
  }
  .pad\:bottom-6\.25vw {
    bottom: 6.25vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 6.25);
    bottom: -moz-calc(var(--vw, 1vw) * 6.25);
    bottom: calc(var(--vw, 1vw) * 6.25);
  }
  .pad\:right-\[calc\(50vw-360rpx\)\] {
    right: -webkit-calc(50vw - var(--rpx, 1px) * 360);
    right: -moz-calc(50vw - var(--rpx, 1px) * 360);
    right: calc(50vw - var(--rpx, 1px) * 360);
    right: -webkit-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 360);
    right: -moz-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 360);
    right: calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 360);
  }
  .pad\:right-8rpx {
    right: -webkit-calc(var(--rpx, 1px) * 8);
    right: -moz-calc(var(--rpx, 1px) * 8);
    right: calc(var(--rpx, 1px) * 8);
  }
  .pad\:top-0 {
    top: 0;
  }
  .pad\:left-0 {
    left: 0;
  }
  .pad\:-top-7\.97vh {
    top: -7.97vh;
    top: -webkit-calc(var(--vh, 1vh) * -7.97);
    top: -moz-calc(var(--vh, 1vh) * -7.97);
    top: calc(var(--vh, 1vh) * -7.97);
  }
  .pad\:right-10rpx {
    right: -webkit-calc(var(--rpx, 1px) * 10);
    right: -moz-calc(var(--rpx, 1px) * 10);
    right: calc(var(--rpx, 1px) * 10);
  }
  .pad\:bottom-10rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 10);
    bottom: -moz-calc(var(--rpx, 1px) * 10);
    bottom: calc(var(--rpx, 1px) * 10);
  }
  .pad\:text-center {
    text-align: center;
  }
  .pad\:-tracking-0\.2px {
    letter-spacing: -0.2px;
  }
  .pad\:tracking-0\.5px {
    letter-spacing: 0.5px;
  }
  .pad\:whitespace-nowrap {
    white-space: nowrap;
  }
  .pad\:w-full {
    width: 100%;
  }
  .pad\:w-1\.95vw {
    width: 1.95vw;
    width: -webkit-calc(var(--vw, 1vw) * 1.95);
    width: -moz-calc(var(--vw, 1vw) * 1.95);
    width: calc(var(--vw, 1vw) * 1.95);
  }
  .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-177rpx {
    width: -webkit-calc(var(--rpx, 1px) * 177);
    width: -moz-calc(var(--rpx, 1px) * 177);
    width: calc(var(--rpx, 1px) * 177);
  }
  .pad\:w-20rpx {
    width: -webkit-calc(var(--rpx, 1px) * 20);
    width: -moz-calc(var(--rpx, 1px) * 20);
    width: calc(var(--rpx, 1px) * 20);
  }
  .pad\:w-700rpx {
    width: -webkit-calc(var(--rpx, 1px) * 700);
    width: -moz-calc(var(--rpx, 1px) * 700);
    width: calc(var(--rpx, 1px) * 700);
  }
  .pad\:w-254rpx {
    width: -webkit-calc(var(--rpx, 1px) * 254);
    width: -moz-calc(var(--rpx, 1px) * 254);
    width: calc(var(--rpx, 1px) * 254);
  }
  .pad\:w-110rpx {
    width: -webkit-calc(var(--rpx, 1px) * 110);
    width: -moz-calc(var(--rpx, 1px) * 110);
    width: calc(var(--rpx, 1px) * 110);
  }
  .pad\:w-412rpx {
    width: -webkit-calc(var(--rpx, 1px) * 412);
    width: -moz-calc(var(--rpx, 1px) * 412);
    width: calc(var(--rpx, 1px) * 412);
  }
  .pad\:w-398rpx {
    width: -webkit-calc(var(--rpx, 1px) * 398);
    width: -moz-calc(var(--rpx, 1px) * 398);
    width: calc(var(--rpx, 1px) * 398);
  }
  .pad\:w-72\.4vw {
    width: 72.4vw;
    width: -webkit-calc(var(--vw, 1vw) * 72.4);
    width: -moz-calc(var(--vw, 1vw) * 72.4);
    width: calc(var(--vw, 1vw) * 72.4);
  }
  .pad\:w-290px {
    width: 290px;
  }
  .pad\:w-500px {
    width: 500px;
  }
  .pad\:w-540rpx {
    width: -webkit-calc(var(--rpx, 1px) * 540);
    width: -moz-calc(var(--rpx, 1px) * 540);
    width: calc(var(--rpx, 1px) * 540);
  }
  .pad\:w-60rpx {
    width: -webkit-calc(var(--rpx, 1px) * 60);
    width: -moz-calc(var(--rpx, 1px) * 60);
    width: calc(var(--rpx, 1px) * 60);
  }
  .pad\:w-336rpx {
    width: -webkit-calc(var(--rpx, 1px) * 336);
    width: -moz-calc(var(--rpx, 1px) * 336);
    width: calc(var(--rpx, 1px) * 336);
  }
  .pad\:w-30rpx {
    width: -webkit-calc(var(--rpx, 1px) * 30);
    width: -moz-calc(var(--rpx, 1px) * 30);
    width: calc(var(--rpx, 1px) * 30);
  }
  .pad\:w-14rpx {
    width: -webkit-calc(var(--rpx, 1px) * 14);
    width: -moz-calc(var(--rpx, 1px) * 14);
    width: calc(var(--rpx, 1px) * 14);
  }
  .pad\:w-380rpx {
    width: -webkit-calc(var(--rpx, 1px) * 380);
    width: -moz-calc(var(--rpx, 1px) * 380);
    width: calc(var(--rpx, 1px) * 380);
  }
  .pad\:w-704rpx {
    width: -webkit-calc(var(--rpx, 1px) * 704);
    width: -moz-calc(var(--rpx, 1px) * 704);
    width: calc(var(--rpx, 1px) * 704);
  }
  .pad\:w-640rpx {
    width: -webkit-calc(var(--rpx, 1px) * 640);
    width: -moz-calc(var(--rpx, 1px) * 640);
    width: calc(var(--rpx, 1px) * 640);
  }
  .pad\:w-337rpx {
    width: -webkit-calc(var(--rpx, 1px) * 337);
    width: -moz-calc(var(--rpx, 1px) * 337);
    width: calc(var(--rpx, 1px) * 337);
  }
  .pad\:w-300rpx {
    width: -webkit-calc(var(--rpx, 1px) * 300);
    width: -moz-calc(var(--rpx, 1px) * 300);
    width: calc(var(--rpx, 1px) * 300);
  }
  .pad\:w-240rpx {
    width: -webkit-calc(var(--rpx, 1px) * 240);
    width: -moz-calc(var(--rpx, 1px) * 240);
    width: calc(var(--rpx, 1px) * 240);
  }
  .pad\:w-280rpx {
    width: -webkit-calc(var(--rpx, 1px) * 280);
    width: -moz-calc(var(--rpx, 1px) * 280);
    width: calc(var(--rpx, 1px) * 280);
  }
  .pad\:w-279rpx {
    width: -webkit-calc(var(--rpx, 1px) * 279);
    width: -moz-calc(var(--rpx, 1px) * 279);
    width: calc(var(--rpx, 1px) * 279);
  }
  .pad\:w-318rpx {
    width: -webkit-calc(var(--rpx, 1px) * 318);
    width: -moz-calc(var(--rpx, 1px) * 318);
    width: calc(var(--rpx, 1px) * 318);
  }
  .pad\:w-308rpx {
    width: -webkit-calc(var(--rpx, 1px) * 308);
    width: -moz-calc(var(--rpx, 1px) * 308);
    width: calc(var(--rpx, 1px) * 308);
  }
  .pad\:w-662rpx {
    width: -webkit-calc(var(--rpx, 1px) * 662);
    width: -moz-calc(var(--rpx, 1px) * 662);
    width: calc(var(--rpx, 1px) * 662);
  }
  .pad\:w-289rpx {
    width: -webkit-calc(var(--rpx, 1px) * 289);
    width: -moz-calc(var(--rpx, 1px) * 289);
    width: calc(var(--rpx, 1px) * 289);
  }
  .pad\:w-253rpx {
    width: -webkit-calc(var(--rpx, 1px) * 253);
    width: -moz-calc(var(--rpx, 1px) * 253);
    width: calc(var(--rpx, 1px) * 253);
  }
  .pad\:w-608rpx {
    width: -webkit-calc(var(--rpx, 1px) * 608);
    width: -moz-calc(var(--rpx, 1px) * 608);
    width: calc(var(--rpx, 1px) * 608);
  }
  .pad\:w-309rpx {
    width: -webkit-calc(var(--rpx, 1px) * 309);
    width: -moz-calc(var(--rpx, 1px) * 309);
    width: calc(var(--rpx, 1px) * 309);
  }
  .pad\:w-209rpx {
    width: -webkit-calc(var(--rpx, 1px) * 209);
    width: -moz-calc(var(--rpx, 1px) * 209);
    width: calc(var(--rpx, 1px) * 209);
  }
  .pad\:w-220rpx {
    width: -webkit-calc(var(--rpx, 1px) * 220);
    width: -moz-calc(var(--rpx, 1px) * 220);
    width: calc(var(--rpx, 1px) * 220);
  }
  .pad\:w-352rpx {
    width: -webkit-calc(var(--rpx, 1px) * 352);
    width: -moz-calc(var(--rpx, 1px) * 352);
    width: calc(var(--rpx, 1px) * 352);
  }
  .pad\:w-530rpx {
    width: -webkit-calc(var(--rpx, 1px) * 530);
    width: -moz-calc(var(--rpx, 1px) * 530);
    width: calc(var(--rpx, 1px) * 530);
  }
  .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-134rpx {
    width: -webkit-calc(var(--rpx, 1px) * 134);
    width: -moz-calc(var(--rpx, 1px) * 134);
    width: calc(var(--rpx, 1px) * 134);
  }
  .pad\:w-460rpx {
    width: -webkit-calc(var(--rpx, 1px) * 460);
    width: -moz-calc(var(--rpx, 1px) * 460);
    width: calc(var(--rpx, 1px) * 460);
  }
  .pad\:w-420rpx {
    width: -webkit-calc(var(--rpx, 1px) * 420);
    width: -moz-calc(var(--rpx, 1px) * 420);
    width: calc(var(--rpx, 1px) * 420);
  }
  .pad\:w-296rpx {
    width: -webkit-calc(var(--rpx, 1px) * 296);
    width: -moz-calc(var(--rpx, 1px) * 296);
    width: calc(var(--rpx, 1px) * 296);
  }
  .pad\:w-142rpx {
    width: -webkit-calc(var(--rpx, 1px) * 142);
    width: -moz-calc(var(--rpx, 1px) * 142);
    width: calc(var(--rpx, 1px) * 142);
  }
  .pad\:w-247rpx {
    width: -webkit-calc(var(--rpx, 1px) * 247);
    width: -moz-calc(var(--rpx, 1px) * 247);
    width: calc(var(--rpx, 1px) * 247);
  }
  .pad\:w-260rpx {
    width: -webkit-calc(var(--rpx, 1px) * 260);
    width: -moz-calc(var(--rpx, 1px) * 260);
    width: calc(var(--rpx, 1px) * 260);
  }
  .pad\:w-358rpx {
    width: -webkit-calc(var(--rpx, 1px) * 358);
    width: -moz-calc(var(--rpx, 1px) * 358);
    width: calc(var(--rpx, 1px) * 358);
  }
  .pad\:w-348rpx {
    width: -webkit-calc(var(--rpx, 1px) * 348);
    width: -moz-calc(var(--rpx, 1px) * 348);
    width: calc(var(--rpx, 1px) * 348);
  }
  .pad\:w-326rpx {
    width: -webkit-calc(var(--rpx, 1px) * 326);
    width: -moz-calc(var(--rpx, 1px) * 326);
    width: calc(var(--rpx, 1px) * 326);
  }
  .pad\:w-161rpx {
    width: -webkit-calc(var(--rpx, 1px) * 161);
    width: -moz-calc(var(--rpx, 1px) * 161);
    width: calc(var(--rpx, 1px) * 161);
  }
  .pad\:w-327rpx {
    width: -webkit-calc(var(--rpx, 1px) * 327);
    width: -moz-calc(var(--rpx, 1px) * 327);
    width: calc(var(--rpx, 1px) * 327);
  }
  .pad\:w-62rpx {
    width: -webkit-calc(var(--rpx, 1px) * 62);
    width: -moz-calc(var(--rpx, 1px) * 62);
    width: calc(var(--rpx, 1px) * 62);
  }
  .pad\:w-80rpx {
    width: -webkit-calc(var(--rpx, 1px) * 80);
    width: -moz-calc(var(--rpx, 1px) * 80);
    width: calc(var(--rpx, 1px) * 80);
  }
  .pad\:w-104rpx {
    width: -webkit-calc(var(--rpx, 1px) * 104);
    width: -moz-calc(var(--rpx, 1px) * 104);
    width: calc(var(--rpx, 1px) * 104);
  }
  .pad\:w-383rpx {
    width: -webkit-calc(var(--rpx, 1px) * 383);
    width: -moz-calc(var(--rpx, 1px) * 383);
    width: calc(var(--rpx, 1px) * 383);
  }
  .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\:origin-bottom {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
  }
  .pad\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }
  .pad\:full {
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .pc\:bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }
  .pc\:bg-\[\#efede9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 237, 233, var(--tw-bg-opacity));
  }
  .pc\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .pc\:rounded-36rpx {
    -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);
  }
  .pc\: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);
  }
  .pc\:rounded-8rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 8);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 8);
    border-radius: calc(var(--rpx, 1px) * 8);
  }
  .pc\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: 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-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .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\:h-full {
    height: 100%;
  }
  .pc\:h-screen {
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh) * 100);
    height: -moz-calc(var(--vh, 1vh) * 100);
    height: calc(var(--vh, 1vh) * 100);
  }
  .pc\:h-\[var\(--content-height\)\] {
    height: var(--content-height);
  }
  .pc\:h-15rpx {
    height: -webkit-calc(var(--rpx, 1px) * 15);
    height: -moz-calc(var(--rpx, 1px) * 15);
    height: calc(var(--rpx, 1px) * 15);
  }
  .pc\:h-847rpx {
    height: -webkit-calc(var(--rpx, 1px) * 847);
    height: -moz-calc(var(--rpx, 1px) * 847);
    height: calc(var(--rpx, 1px) * 847);
  }
  .pc\:h-480rpx {
    height: -webkit-calc(var(--rpx, 1px) * 480);
    height: -moz-calc(var(--rpx, 1px) * 480);
    height: calc(var(--rpx, 1px) * 480);
  }
  .pc\:h-25rpx {
    height: -webkit-calc(var(--rpx, 1px) * 25);
    height: -moz-calc(var(--rpx, 1px) * 25);
    height: calc(var(--rpx, 1px) * 25);
  }
  .pc\:h-560rpx {
    height: -webkit-calc(var(--rpx, 1px) * 560);
    height: -moz-calc(var(--rpx, 1px) * 560);
    height: calc(var(--rpx, 1px) * 560);
  }
  .pc\:h-778rpx {
    height: -webkit-calc(var(--rpx, 1px) * 778);
    height: -moz-calc(var(--rpx, 1px) * 778);
    height: calc(var(--rpx, 1px) * 778);
  }
  .pc\:h-700rpx {
    height: -webkit-calc(var(--rpx, 1px) * 700);
    height: -moz-calc(var(--rpx, 1px) * 700);
    height: calc(var(--rpx, 1px) * 700);
  }
  .pc\:h-940rpx {
    height: -webkit-calc(var(--rpx, 1px) * 940);
    height: -moz-calc(var(--rpx, 1px) * 940);
    height: calc(var(--rpx, 1px) * 940);
  }
  .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-404rpx {
    height: -webkit-calc(var(--rpx, 1px) * 404);
    height: -moz-calc(var(--rpx, 1px) * 404);
    height: calc(var(--rpx, 1px) * 404);
  }
  .pc\:h-40rpx {
    height: -webkit-calc(var(--rpx, 1px) * 40);
    height: -moz-calc(var(--rpx, 1px) * 40);
    height: calc(var(--rpx, 1px) * 40);
  }
  .pc\:h-20rpx {
    height: -webkit-calc(var(--rpx, 1px) * 20);
    height: -moz-calc(var(--rpx, 1px) * 20);
    height: calc(var(--rpx, 1px) * 20);
  }
  .pc\:h-620rpx {
    height: -webkit-calc(var(--rpx, 1px) * 620);
    height: -moz-calc(var(--rpx, 1px) * 620);
    height: calc(var(--rpx, 1px) * 620);
  }
  .pc\:h-135vh {
    height: 135vh;
    height: -webkit-calc(var(--vh, 1vh) * 135);
    height: -moz-calc(var(--vh, 1vh) * 135);
    height: calc(var(--vh, 1vh) * 135);
  }
  .pc\:h-500rpx {
    height: -webkit-calc(var(--rpx, 1px) * 500);
    height: -moz-calc(var(--rpx, 1px) * 500);
    height: calc(var(--rpx, 1px) * 500);
  }
  .pc\:h-682rpx {
    height: -webkit-calc(var(--rpx, 1px) * 682);
    height: -moz-calc(var(--rpx, 1px) * 682);
    height: calc(var(--rpx, 1px) * 682);
  }
  .pc\:h-576rpx {
    height: -webkit-calc(var(--rpx, 1px) * 576);
    height: -moz-calc(var(--rpx, 1px) * 576);
    height: calc(var(--rpx, 1px) * 576);
  }
  .pc\:h-634rpx {
    height: -webkit-calc(var(--rpx, 1px) * 634);
    height: -moz-calc(var(--rpx, 1px) * 634);
    height: calc(var(--rpx, 1px) * 634);
  }
  .pc\:h-724rpx {
    height: -webkit-calc(var(--rpx, 1px) * 724);
    height: -moz-calc(var(--rpx, 1px) * 724);
    height: calc(var(--rpx, 1px) * 724);
  }
  .pc\:h-361rpx {
    height: -webkit-calc(var(--rpx, 1px) * 361);
    height: -moz-calc(var(--rpx, 1px) * 361);
    height: calc(var(--rpx, 1px) * 361);
  }
  .pc\:h-450rpx {
    height: -webkit-calc(var(--rpx, 1px) * 450);
    height: -moz-calc(var(--rpx, 1px) * 450);
    height: calc(var(--rpx, 1px) * 450);
  }
  .pc\:h-720rpx {
    height: -webkit-calc(var(--rpx, 1px) * 720);
    height: -moz-calc(var(--rpx, 1px) * 720);
    height: calc(var(--rpx, 1px) * 720);
  }
  .pc\:h-406rpx {
    height: -webkit-calc(var(--rpx, 1px) * 406);
    height: -moz-calc(var(--rpx, 1px) * 406);
    height: calc(var(--rpx, 1px) * 406);
  }
  .pc\:h-857rpx {
    height: -webkit-calc(var(--rpx, 1px) * 857);
    height: -moz-calc(var(--rpx, 1px) * 857);
    height: calc(var(--rpx, 1px) * 857);
  }
  .pc\:h-497rpx {
    height: -webkit-calc(var(--rpx, 1px) * 497);
    height: -moz-calc(var(--rpx, 1px) * 497);
    height: calc(var(--rpx, 1px) * 497);
  }
  .pc\:h-578rpx {
    height: -webkit-calc(var(--rpx, 1px) * 578);
    height: -moz-calc(var(--rpx, 1px) * 578);
    height: calc(var(--rpx, 1px) * 578);
  }
  .pc\:h-462rpx {
    height: -webkit-calc(var(--rpx, 1px) * 462);
    height: -moz-calc(var(--rpx, 1px) * 462);
    height: calc(var(--rpx, 1px) * 462);
  }
  .pc\:h-360rpx {
    height: -webkit-calc(var(--rpx, 1px) * 360);
    height: -moz-calc(var(--rpx, 1px) * 360);
    height: calc(var(--rpx, 1px) * 360);
  }
  .pc\:h-508rpx {
    height: -webkit-calc(var(--rpx, 1px) * 508);
    height: -moz-calc(var(--rpx, 1px) * 508);
    height: calc(var(--rpx, 1px) * 508);
  }
  .pc\:h-66\.24vh {
    height: 66.24vh;
    height: -webkit-calc(var(--vh, 1vh) * 66.24);
    height: -moz-calc(var(--vh, 1vh) * 66.24);
    height: calc(var(--vh, 1vh) * 66.24);
  }
  .pc\:h-458rpx {
    height: -webkit-calc(var(--rpx, 1px) * 458);
    height: -moz-calc(var(--rpx, 1px) * 458);
    height: calc(var(--rpx, 1px) * 458);
  }
  .pc\:h-447rpx {
    height: -webkit-calc(var(--rpx, 1px) * 447);
    height: -moz-calc(var(--rpx, 1px) * 447);
    height: calc(var(--rpx, 1px) * 447);
  }
  .pc\:h-363rpx {
    height: -webkit-calc(var(--rpx, 1px) * 363);
    height: -moz-calc(var(--rpx, 1px) * 363);
    height: calc(var(--rpx, 1px) * 363);
  }
  .pc\:h-380rpx {
    height: -webkit-calc(var(--rpx, 1px) * 380);
    height: -moz-calc(var(--rpx, 1px) * 380);
    height: calc(var(--rpx, 1px) * 380);
  }
  .pc\:h-640rpx {
    height: -webkit-calc(var(--rpx, 1px) * 640);
    height: -moz-calc(var(--rpx, 1px) * 640);
    height: calc(var(--rpx, 1px) * 640);
  }
  .pc\:h-584rpx {
    height: -webkit-calc(var(--rpx, 1px) * 584);
    height: -moz-calc(var(--rpx, 1px) * 584);
    height: calc(var(--rpx, 1px) * 584);
  }
  .pc\:h-439rpx {
    height: -webkit-calc(var(--rpx, 1px) * 439);
    height: -moz-calc(var(--rpx, 1px) * 439);
    height: calc(var(--rpx, 1px) * 439);
  }
  .pc\:h-460rpx {
    height: -webkit-calc(var(--rpx, 1px) * 460);
    height: -moz-calc(var(--rpx, 1px) * 460);
    height: calc(var(--rpx, 1px) * 460);
  }
  .pc\:text-20rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 20);
    font-size: -moz-calc(var(--rpx, 1px) * 20);
    font-size: calc(var(--rpx, 1px) * 20);
    line-height: 1;
  }
  .pc\:text-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;
  }
  .pc\:text-48px {
    font-size: 48px;
    line-height: 1;
  }
  .pc\:text-32px {
    font-size: 32px;
    line-height: 1;
  }
  .pc\:text-16px {
    font-size: 16px;
    line-height: 1;
  }
  .pc\:text-14px {
    font-size: 14px;
    line-height: 1;
  }
  .pc\:text-12px {
    font-size: 12px;
    line-height: 1;
  }
  .pc\:leading-26rpx {
    line-height: -webkit-calc(var(--rpx, 1px) * 26);
    line-height: -moz-calc(var(--rpx, 1px) * 26);
    line-height: calc(var(--rpx, 1px) * 26);
  }
  .pc\:leading-22rpx {
    line-height: -webkit-calc(var(--rpx, 1px) * 22);
    line-height: -moz-calc(var(--rpx, 1px) * 22);
    line-height: calc(var(--rpx, 1px) * 22);
  }
  .pc\:leading-58px {
    line-height: 58px;
  }
  .pc\:leading-40px {
    line-height: 40px;
  }
  .pc\:leading-24px {
    line-height: 24px;
  }
  .pc\:leading-22px {
    line-height: 22px;
  }
  .pc\:leading-20px {
    line-height: 20px;
  }
  .pc\:m-20rpx {
    margin: calc(var(--rpx, 1px) * 20);
  }
  .pc\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .pc\:my-24rpx {
    margin-bottom: calc(var(--rpx, 1px) * 24);
    margin-top: calc(var(--rpx, 1px) * 24);
  }
  .pc\:mt-12rpx {
    margin-top: calc(var(--rpx, 1px) * 12);
  }
  .pc\:mt-24rpx {
    margin-top: calc(var(--rpx, 1px) * 24);
  }
  .pc\:mr-4rpx {
    margin-right: calc(var(--rpx, 1px) * 4);
  }
  .pc\:mt-80rpx {
    margin-top: calc(var(--rpx, 1px) * 80);
  }
  .pc\:mt-152rpx {
    margin-top: calc(var(--rpx, 1px) * 152);
  }
  .pc\:mt-6rpx {
    margin-top: calc(var(--rpx, 1px) * 6);
  }
  .pc\:ml-8rpx {
    margin-left: calc(var(--rpx, 1px) * 8);
  }
  .pc\:ml-204rpx {
    margin-left: calc(var(--rpx, 1px) * 204);
  }
  .pc\:-ml-7\.08vw {
    margin-left: -7.08vw;
    margin-left: calc(var(--vw, 1vw) * -7.08);
  }
  .pc\:-mt-100rpx {
    margin-top: calc(var(--rpx, 1px) * -100);
  }
  .pc\:mt-20rpx {
    margin-top: calc(var(--rpx, 1px) * 20);
  }
  .pc\:mr-48rpx {
    margin-right: calc(var(--rpx, 1px) * 48);
  }
  .pc\:ml-24rpx {
    margin-left: calc(var(--rpx, 1px) * 24);
  }
  .pc\:mt-8rpx {
    margin-top: calc(var(--rpx, 1px) * 8);
  }
  .pc\:mt-48rpx {
    margin-top: calc(var(--rpx, 1px) * 48);
  }
  .pc\:mt-64rpx {
    margin-top: calc(var(--rpx, 1px) * 64);
  }
  .pc\:mt-118rpx {
    margin-top: calc(var(--rpx, 1px) * 118);
  }
  .pc\:mt-87rpx {
    margin-top: calc(var(--rpx, 1px) * 87);
  }
  .pc\:mt-137rpx {
    margin-top: calc(var(--rpx, 1px) * 137);
  }
  .pc\:mt-192rpx {
    margin-top: calc(var(--rpx, 1px) * 192);
  }
  .pc\:mt-300rpx {
    margin-top: calc(var(--rpx, 1px) * 300);
  }
  .pc\:mt-46rpx {
    margin-top: calc(var(--rpx, 1px) * 46);
  }
  .pc\:-mt-38rpx {
    margin-top: calc(var(--rpx, 1px) * -38);
  }
  .pc\:mt-140rpx {
    margin-top: calc(var(--rpx, 1px) * 140);
  }
  .pc\:mt-28rpx {
    margin-top: calc(var(--rpx, 1px) * 28);
  }
  .pc\:mt-2rpx {
    margin-top: calc(var(--rpx, 1px) * 2);
  }
  .pc\:mb-48rpx {
    margin-bottom: calc(var(--rpx, 1px) * 48);
  }
  .pc\:mt-33rpx {
    margin-top: calc(var(--rpx, 1px) * 33);
  }
  .pc\:max-w-full {
    max-width: 100%;
  }
  .pc\:min-h-627rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 627);
    min-height: -moz-calc(var(--rpx, 1px) * 627);
    min-height: calc(var(--rpx, 1px) * 627);
  }
  .pc\:min-h-715rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 715);
    min-height: -moz-calc(var(--rpx, 1px) * 715);
    min-height: calc(var(--rpx, 1px) * 715);
  }
  .pc\:min-h-538rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 538);
    min-height: -moz-calc(var(--rpx, 1px) * 538);
    min-height: calc(var(--rpx, 1px) * 538);
  }
  .pc\:min-h-660rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 660);
    min-height: -moz-calc(var(--rpx, 1px) * 660);
    min-height: calc(var(--rpx, 1px) * 660);
  }
  .pc\:min-h-460rpx {
    min-height: -webkit-calc(var(--rpx, 1px) * 460);
    min-height: -moz-calc(var(--rpx, 1px) * 460);
    min-height: calc(var(--rpx, 1px) * 460);
  }
  .pc\:min-w-150rpx {
    min-width: -webkit-calc(var(--rpx, 1px) * 150);
    min-width: -moz-calc(var(--rpx, 1px) * 150);
    min-width: calc(var(--rpx, 1px) * 150);
  }
  .pc\:overflow-hidden {
    overflow: hidden;
  }
  .pc\:p-20rpx {
    padding: calc(var(--rpx, 1px) * 20);
  }
  .pc\:p-40rpx {
    padding: calc(var(--rpx, 1px) * 40);
  }
  .pc\:p-80rpx {
    padding: calc(var(--rpx, 1px) * 80);
  }
  .pc\:p-28rpx {
    padding: calc(var(--rpx, 1px) * 28);
  }
  .pc\:p-30rpx {
    padding: calc(var(--rpx, 1px) * 30);
  }
  .pc\:px-24rpx {
    padding-left: calc(var(--rpx, 1px) * 24);
    padding-right: calc(var(--rpx, 1px) * 24);
  }
  .pc\:py-12rpx {
    padding-bottom: calc(var(--rpx, 1px) * 12);
    padding-top: calc(var(--rpx, 1px) * 12);
  }
  .pc\:py-100rpx {
    padding-bottom: calc(var(--rpx, 1px) * 100);
    padding-top: calc(var(--rpx, 1px) * 100);
  }
  .pc\:py-182rpx {
    padding-bottom: calc(var(--rpx, 1px) * 182);
    padding-top: calc(var(--rpx, 1px) * 182);
  }
  .pc\:py-80rpx {
    padding-bottom: calc(var(--rpx, 1px) * 80);
    padding-top: calc(var(--rpx, 1px) * 80);
  }
  .pc\:py-10rpx {
    padding-bottom: calc(var(--rpx, 1px) * 10);
    padding-top: calc(var(--rpx, 1px) * 10);
  }
  .pc\:px-20rpx {
    padding-left: calc(var(--rpx, 1px) * 20);
    padding-right: calc(var(--rpx, 1px) * 20);
  }
  .pc\:px-64rpx {
    padding-left: calc(var(--rpx, 1px) * 64);
    padding-right: calc(var(--rpx, 1px) * 64);
  }
  .pc\:py-40rpx {
    padding-bottom: calc(var(--rpx, 1px) * 40);
    padding-top: calc(var(--rpx, 1px) * 40);
  }
  .pc\:px-28rpx {
    padding-left: calc(var(--rpx, 1px) * 28);
    padding-right: calc(var(--rpx, 1px) * 28);
  }
  .pc\:pt-80rpx {
    padding-top: calc(var(--rpx, 1px) * 80);
  }
  .pc\:pl-\[calc\(50\%-656rpx\)\] {
    padding-left: calc(50% - var(--rpx, 1px) * 656);
  }
  .pc\:pb-5\.56vw {
    padding-bottom: 5.56vw;
    padding-bottom: calc(var(--vw, 1vw) * 5.56);
  }
  .pc\:pb-80rpx {
    padding-bottom: calc(var(--rpx, 1px) * 80);
  }
  .pc\:pl-48rpx {
    padding-left: calc(var(--rpx, 1px) * 48);
  }
  .pc\:pr-48rpx {
    padding-right: calc(var(--rpx, 1px) * 48);
  }
  .pc\:pb-120rpx {
    padding-bottom: calc(var(--rpx, 1px) * 120);
  }
  .pc\:pb-182rpx {
    padding-bottom: calc(var(--rpx, 1px) * 182);
  }
  .pc\:pt-280rpx {
    padding-top: calc(var(--rpx, 1px) * 280);
  }
  .pc\:pr-120rpx {
    padding-right: calc(var(--rpx, 1px) * 120);
  }
  .pc\:pl-40rpx {
    padding-left: calc(var(--rpx, 1px) * 40);
  }
  .pc\:pl-80rpx {
    padding-left: calc(var(--rpx, 1px) * 80);
  }
  .pc\:absolute {
    position: absolute;
  }
  .pc\:relative {
    position: relative;
  }
  .pc\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .pc\:left-20rpx {
    left: -webkit-calc(var(--rpx, 1px) * 20);
    left: -moz-calc(var(--rpx, 1px) * 20);
    left: calc(var(--rpx, 1px) * 20);
  }
  .pc\:right-20rpx {
    right: -webkit-calc(var(--rpx, 1px) * 20);
    right: -moz-calc(var(--rpx, 1px) * 20);
    right: calc(var(--rpx, 1px) * 20);
  }
  .pc\:bottom-20rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 20);
    bottom: -moz-calc(var(--rpx, 1px) * 20);
    bottom: calc(var(--rpx, 1px) * 20);
  }
  .pc\:left-\[calc\(50vw-656rpx\)\] {
    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);
  }
  .pc\:top-5\.56vw {
    top: 5.56vw;
    top: -webkit-calc(var(--vw, 1vw) * 5.56);
    top: -moz-calc(var(--vw, 1vw) * 5.56);
    top: calc(var(--vw, 1vw) * 5.56);
  }
  .pc\:bottom-5\.56vw {
    bottom: 5.56vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 5.56);
    bottom: -moz-calc(var(--vw, 1vw) * 5.56);
    bottom: calc(var(--vw, 1vw) * 5.56);
  }
  .pc\:right-\[calc\(50vw-656rpx\)\] {
    right: -webkit-calc(50vw - var(--rpx, 1px) * 656);
    right: -moz-calc(50vw - var(--rpx, 1px) * 656);
    right: calc(50vw - var(--rpx, 1px) * 656);
    right: -webkit-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 656);
    right: -moz-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 656);
    right: calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 656);
  }
  .pc\:top-0 {
    top: 0;
  }
  .pc\:left-0 {
    left: 0;
  }
  .pc\:text-center {
    text-align: center;
  }
  .pc\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }
  .pc\:tracking-0\.02em {
    letter-spacing: 0.02em;
  }
  .pc\:tracking-0\.5px {
    letter-spacing: 0.5px;
  }
  .pc\:w-full {
    width: 100%;
  }
  .pc\:w-15rpx {
    width: -webkit-calc(var(--rpx, 1px) * 15);
    width: -moz-calc(var(--rpx, 1px) * 15);
    width: calc(var(--rpx, 1px) * 15);
  }
  .pc\:w-1694rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1694);
    width: -moz-calc(var(--rpx, 1px) * 1694);
    width: calc(var(--rpx, 1px) * 1694);
  }
  .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-322rpx {
    width: -webkit-calc(var(--rpx, 1px) * 322);
    width: -moz-calc(var(--rpx, 1px) * 322);
    width: calc(var(--rpx, 1px) * 322);
  }
  .pc\:w-240rpx {
    width: -webkit-calc(var(--rpx, 1px) * 240);
    width: -moz-calc(var(--rpx, 1px) * 240);
    width: calc(var(--rpx, 1px) * 240);
  }
  .pc\:w-25rpx {
    width: -webkit-calc(var(--rpx, 1px) * 25);
    width: -moz-calc(var(--rpx, 1px) * 25);
    width: calc(var(--rpx, 1px) * 25);
  }
  .pc\:w-620rpx {
    width: -webkit-calc(var(--rpx, 1px) * 620);
    width: -moz-calc(var(--rpx, 1px) * 620);
    width: calc(var(--rpx, 1px) * 620);
  }
  .pc\:w-380px {
    width: 380px;
  }
  .pc\:w-794rpx {
    width: -webkit-calc(var(--rpx, 1px) * 794);
    width: -moz-calc(var(--rpx, 1px) * 794);
    width: calc(var(--rpx, 1px) * 794);
  }
  .pc\:w-642px {
    width: 642px;
  }
  .pc\:w-1250rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1250);
    width: -moz-calc(var(--rpx, 1px) * 1250);
    width: calc(var(--rpx, 1px) * 1250);
  }
  .pc\:w-440px {
    width: 440px;
  }
  .pc\:w-652px {
    width: 652px;
  }
  .pc\:w-940rpx {
    width: -webkit-calc(var(--rpx, 1px) * 940);
    width: -moz-calc(var(--rpx, 1px) * 940);
    width: calc(var(--rpx, 1px) * 940);
  }
  .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-606rpx {
    width: -webkit-calc(var(--rpx, 1px) * 606);
    width: -moz-calc(var(--rpx, 1px) * 606);
    width: calc(var(--rpx, 1px) * 606);
  }
  .pc\:w-40rpx {
    width: -webkit-calc(var(--rpx, 1px) * 40);
    width: -moz-calc(var(--rpx, 1px) * 40);
    width: calc(var(--rpx, 1px) * 40);
  }
  .pc\:w-20rpx {
    width: -webkit-calc(var(--rpx, 1px) * 20);
    width: -moz-calc(var(--rpx, 1px) * 20);
    width: calc(var(--rpx, 1px) * 20);
  }
  .pc\:w-690rpx {
    width: -webkit-calc(var(--rpx, 1px) * 690);
    width: -moz-calc(var(--rpx, 1px) * 690);
    width: calc(var(--rpx, 1px) * 690);
  }
  .pc\:w-1205rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1205);
    width: -moz-calc(var(--rpx, 1px) * 1205);
    width: calc(var(--rpx, 1px) * 1205);
  }
  .pc\:w-700px {
    width: 700px;
  }
  .pc\:w-1092rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1092);
    width: -moz-calc(var(--rpx, 1px) * 1092);
    width: calc(var(--rpx, 1px) * 1092);
  }
  .pc\:w-534rpx {
    width: -webkit-calc(var(--rpx, 1px) * 534);
    width: -moz-calc(var(--rpx, 1px) * 534);
    width: calc(var(--rpx, 1px) * 534);
  }
  .pc\:w-512rpx {
    width: -webkit-calc(var(--rpx, 1px) * 512);
    width: -moz-calc(var(--rpx, 1px) * 512);
    width: calc(var(--rpx, 1px) * 512);
  }
  .pc\:w-432rpx {
    width: -webkit-calc(var(--rpx, 1px) * 432);
    width: -moz-calc(var(--rpx, 1px) * 432);
    width: calc(var(--rpx, 1px) * 432);
  }
  .pc\:w-480rpx {
    width: -webkit-calc(var(--rpx, 1px) * 480);
    width: -moz-calc(var(--rpx, 1px) * 480);
    width: calc(var(--rpx, 1px) * 480);
  }
  .pc\:w-476rpx {
    width: -webkit-calc(var(--rpx, 1px) * 476);
    width: -moz-calc(var(--rpx, 1px) * 476);
    width: calc(var(--rpx, 1px) * 476);
  }
  .pc\:w-542rpx {
    width: -webkit-calc(var(--rpx, 1px) * 542);
    width: -moz-calc(var(--rpx, 1px) * 542);
    width: calc(var(--rpx, 1px) * 542);
  }
  .pc\:w-600rpx {
    width: -webkit-calc(var(--rpx, 1px) * 600);
    width: -moz-calc(var(--rpx, 1px) * 600);
    width: calc(var(--rpx, 1px) * 600);
  }
  .pc\:w-1240rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1240);
    width: -moz-calc(var(--rpx, 1px) * 1240);
    width: calc(var(--rpx, 1px) * 1240);
  }
  .pc\:w-475rpx {
    width: -webkit-calc(var(--rpx, 1px) * 475);
    width: -moz-calc(var(--rpx, 1px) * 475);
    width: calc(var(--rpx, 1px) * 475);
  }
  .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-392rpx {
    width: -webkit-calc(var(--rpx, 1px) * 392);
    width: -moz-calc(var(--rpx, 1px) * 392);
    width: calc(var(--rpx, 1px) * 392);
  }
  .pc\:w-350rpx {
    width: -webkit-calc(var(--rpx, 1px) * 350);
    width: -moz-calc(var(--rpx, 1px) * 350);
    width: calc(var(--rpx, 1px) * 350);
  }
  .pc\:w-663rpx {
    width: -webkit-calc(var(--rpx, 1px) * 663);
    width: -moz-calc(var(--rpx, 1px) * 663);
    width: calc(var(--rpx, 1px) * 663);
  }
  .pc\:w-653rpx {
    width: -webkit-calc(var(--rpx, 1px) * 653);
    width: -moz-calc(var(--rpx, 1px) * 653);
    width: calc(var(--rpx, 1px) * 653);
  }
  .pc\:w-762rpx {
    width: -webkit-calc(var(--rpx, 1px) * 762);
    width: -moz-calc(var(--rpx, 1px) * 762);
    width: calc(var(--rpx, 1px) * 762);
  }
  .pc\:w-260rpx {
    width: -webkit-calc(var(--rpx, 1px) * 260);
    width: -moz-calc(var(--rpx, 1px) * 260);
    width: calc(var(--rpx, 1px) * 260);
  }
  .pc\:w-135rpx {
    width: -webkit-calc(var(--rpx, 1px) * 135);
    width: -moz-calc(var(--rpx, 1px) * 135);
    width: calc(var(--rpx, 1px) * 135);
  }
  .pc\:w-61\.992vh {
    width: 61.992vh;
    width: -webkit-calc(var(--vh, 1vh) * 61.992);
    width: -moz-calc(var(--vh, 1vh) * 61.992);
    width: calc(var(--vh, 1vh) * 61.992);
  }
  .pc\:w-730px {
    width: 730px;
  }
  .pc\:w-1152rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1152);
    width: -moz-calc(var(--rpx, 1px) * 1152);
    width: calc(var(--rpx, 1px) * 1152);
  }
  .pc\:w-425rpx {
    width: -webkit-calc(var(--rpx, 1px) * 425);
    width: -moz-calc(var(--rpx, 1px) * 425);
    width: calc(var(--rpx, 1px) * 425);
  }
  .pc\:w-450rpx {
    width: -webkit-calc(var(--rpx, 1px) * 450);
    width: -moz-calc(var(--rpx, 1px) * 450);
    width: calc(var(--rpx, 1px) * 450);
  }
  .pc\:w-652rpx {
    width: -webkit-calc(var(--rpx, 1px) * 652);
    width: -moz-calc(var(--rpx, 1px) * 652);
    width: calc(var(--rpx, 1px) * 652);
  }
  .pc\:w-596rpx {
    width: -webkit-calc(var(--rpx, 1px) * 596);
    width: -moz-calc(var(--rpx, 1px) * 596);
    width: calc(var(--rpx, 1px) * 596);
  }
  .pc\:w-337rpx {
    width: -webkit-calc(var(--rpx, 1px) * 337);
    width: -moz-calc(var(--rpx, 1px) * 337);
    width: calc(var(--rpx, 1px) * 337);
  }
  .pc\:w-356rpx {
    width: -webkit-calc(var(--rpx, 1px) * 356);
    width: -moz-calc(var(--rpx, 1px) * 356);
    width: calc(var(--rpx, 1px) * 356);
  }
  .pc\:w-664rpx {
    width: -webkit-calc(var(--rpx, 1px) * 664);
    width: -moz-calc(var(--rpx, 1px) * 664);
    width: calc(var(--rpx, 1px) * 664);
  }
  .pc\:w-408rpx {
    width: -webkit-calc(var(--rpx, 1px) * 408);
    width: -moz-calc(var(--rpx, 1px) * 408);
    width: calc(var(--rpx, 1px) * 408);
  }
  .pc\:w-440rpx {
    width: -webkit-calc(var(--rpx, 1px) * 440);
    width: -moz-calc(var(--rpx, 1px) * 440);
    width: calc(var(--rpx, 1px) * 440);
  }
  .pc\:w-400rpx {
    width: -webkit-calc(var(--rpx, 1px) * 400);
    width: -moz-calc(var(--rpx, 1px) * 400);
    width: calc(var(--rpx, 1px) * 400);
  }
  .pc\:w-660rpx {
    width: -webkit-calc(var(--rpx, 1px) * 660);
    width: -moz-calc(var(--rpx, 1px) * 660);
    width: calc(var(--rpx, 1px) * 660);
  }
  .pc\:w-750rpx {
    width: -webkit-calc(var(--rpx, 1px) * 750);
    width: -moz-calc(var(--rpx, 1px) * 750);
    width: calc(var(--rpx, 1px) * 750);
  }
  .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\:origin-bottom {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
  }
  .pc\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }
  .pc\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
}
@media (max-width: 649px) {
  .mo\:bg-\[\#f5f4f0\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 244, 240, var(--tw-bg-opacity));
  }
  .mo\:bg-\[\#efede9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 237, 233, var(--tw-bg-opacity));
  }
  .mo\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .mo\:bg-\[\#F5F5F7\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 245, 247, var(--tw-bg-opacity));
  }
  .mo\:rounded-36rpx {
    -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);
  }
  .mo\:rounded-8rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 8);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 8);
    border-radius: calc(var(--rpx, 1px) * 8);
  }
  .mo\:rounded-4rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 4);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 4);
    border-radius: calc(var(--rpx, 1px) * 4);
  }
  .mo\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .mo\:flex-col {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .mo\:flex-col,
  .mo\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
  }
  .mo\:flex-col-reverse {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .mo\:flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .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\:justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .mo\:justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .mo\:justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .mo\:order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .mo\:order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .mo\:h-188\.89vw {
    height: 188.89vw;
    height: -webkit-calc(var(--vw, 1vw) * 188.89);
    height: -moz-calc(var(--vw, 1vw) * 188.89);
    height: calc(var(--vw, 1vw) * 188.89);
  }
  .mo\:h-15rpx {
    height: -webkit-calc(var(--rpx, 1px) * 15);
    height: -moz-calc(var(--rpx, 1px) * 15);
    height: calc(var(--rpx, 1px) * 15);
  }
  .mo\:h-240rpx {
    height: -webkit-calc(var(--rpx, 1px) * 240);
    height: -moz-calc(var(--rpx, 1px) * 240);
    height: calc(var(--rpx, 1px) * 240);
  }
  .mo\:h-20rpx {
    height: -webkit-calc(var(--rpx, 1px) * 20);
    height: -moz-calc(var(--rpx, 1px) * 20);
    height: calc(var(--rpx, 1px) * 20);
  }
  .mo\:h-125\.3vw {
    height: 125.3vw;
    height: -webkit-calc(var(--vw, 1vw) * 125.3);
    height: -moz-calc(var(--vw, 1vw) * 125.3);
    height: calc(var(--vw, 1vw) * 125.3);
  }
  .mo\:h-150vw {
    height: 150vw;
    height: -webkit-calc(var(--vw, 1vw) * 150);
    height: -moz-calc(var(--vw, 1vw) * 150);
    height: calc(var(--vw, 1vw) * 150);
  }
  .mo\:h-94\.44vw {
    height: 94.44vw;
    height: -webkit-calc(var(--vw, 1vw) * 94.44);
    height: -moz-calc(var(--vw, 1vw) * 94.44);
    height: calc(var(--vw, 1vw) * 94.44);
  }
  .mo\:h-328rpx {
    height: -webkit-calc(var(--rpx, 1px) * 328);
    height: -moz-calc(var(--rpx, 1px) * 328);
    height: calc(var(--rpx, 1px) * 328);
  }
  .mo\:h-60rpx {
    height: -webkit-calc(var(--rpx, 1px) * 60);
    height: -moz-calc(var(--rpx, 1px) * 60);
    height: calc(var(--rpx, 1px) * 60);
  }
  .mo\:h-180rpx {
    height: -webkit-calc(var(--rpx, 1px) * 180);
    height: -moz-calc(var(--rpx, 1px) * 180);
    height: calc(var(--rpx, 1px) * 180);
  }
  .mo\:h-30rpx {
    height: -webkit-calc(var(--rpx, 1px) * 30);
    height: -moz-calc(var(--rpx, 1px) * 30);
    height: calc(var(--rpx, 1px) * 30);
  }
  .mo\:h-12rpx {
    height: -webkit-calc(var(--rpx, 1px) * 12);
    height: -moz-calc(var(--rpx, 1px) * 12);
    height: calc(var(--rpx, 1px) * 12);
  }
  .mo\:h-218rpx {
    height: -webkit-calc(var(--rpx, 1px) * 218);
    height: -moz-calc(var(--rpx, 1px) * 218);
    height: calc(var(--rpx, 1px) * 218);
  }
  .mo\:h-220rpx {
    height: -webkit-calc(var(--rpx, 1px) * 220);
    height: -moz-calc(var(--rpx, 1px) * 220);
    height: calc(var(--rpx, 1px) * 220);
  }
  .mo\:h-216rpx {
    height: -webkit-calc(var(--rpx, 1px) * 216);
    height: -moz-calc(var(--rpx, 1px) * 216);
    height: calc(var(--rpx, 1px) * 216);
  }
  .mo\:h-215rpx {
    height: -webkit-calc(var(--rpx, 1px) * 215);
    height: -moz-calc(var(--rpx, 1px) * 215);
    height: calc(var(--rpx, 1px) * 215);
  }
  .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-346rpx {
    height: -webkit-calc(var(--rpx, 1px) * 346);
    height: -moz-calc(var(--rpx, 1px) * 346);
    height: calc(var(--rpx, 1px) * 346);
  }
  .mo\:h-244rpx {
    height: -webkit-calc(var(--rpx, 1px) * 244);
    height: -moz-calc(var(--rpx, 1px) * 244);
    height: calc(var(--rpx, 1px) * 244);
  }
  .mo\:h-14rpx {
    height: -webkit-calc(var(--rpx, 1px) * 14);
    height: -moz-calc(var(--rpx, 1px) * 14);
    height: calc(var(--rpx, 1px) * 14);
  }
  .mo\:h-325rpx {
    height: -webkit-calc(var(--rpx, 1px) * 325);
    height: -moz-calc(var(--rpx, 1px) * 325);
    height: calc(var(--rpx, 1px) * 325);
  }
  .mo\:h-223rpx {
    height: -webkit-calc(var(--rpx, 1px) * 223);
    height: -moz-calc(var(--rpx, 1px) * 223);
    height: calc(var(--rpx, 1px) * 223);
  }
  .mo\:h-295rpx {
    height: -webkit-calc(var(--rpx, 1px) * 295);
    height: -moz-calc(var(--rpx, 1px) * 295);
    height: calc(var(--rpx, 1px) * 295);
  }
  .mo\:h-139rpx {
    height: -webkit-calc(var(--rpx, 1px) * 139);
    height: -moz-calc(var(--rpx, 1px) * 139);
    height: calc(var(--rpx, 1px) * 139);
  }
  .mo\:h-28rpx {
    height: -webkit-calc(var(--rpx, 1px) * 28);
    height: -moz-calc(var(--rpx, 1px) * 28);
    height: calc(var(--rpx, 1px) * 28);
  }
  .mo\:h-266rpx {
    height: -webkit-calc(var(--rpx, 1px) * 266);
    height: -moz-calc(var(--rpx, 1px) * 266);
    height: calc(var(--rpx, 1px) * 266);
  }
  .mo\:h-277rpx {
    height: -webkit-calc(var(--rpx, 1px) * 277);
    height: -moz-calc(var(--rpx, 1px) * 277);
    height: calc(var(--rpx, 1px) * 277);
  }
  .mo\:h-276rpx {
    height: -webkit-calc(var(--rpx, 1px) * 276);
    height: -moz-calc(var(--rpx, 1px) * 276);
    height: calc(var(--rpx, 1px) * 276);
  }
  .mo\:h-287rpx {
    height: -webkit-calc(var(--rpx, 1px) * 287);
    height: -moz-calc(var(--rpx, 1px) * 287);
    height: calc(var(--rpx, 1px) * 287);
  }
  .mo\:h-222rpx {
    height: -webkit-calc(var(--rpx, 1px) * 222);
    height: -moz-calc(var(--rpx, 1px) * 222);
    height: calc(var(--rpx, 1px) * 222);
  }
  .mo\:h-16rpx {
    height: -webkit-calc(var(--rpx, 1px) * 16);
    height: -moz-calc(var(--rpx, 1px) * 16);
    height: calc(var(--rpx, 1px) * 16);
  }
  .mo\:h-190rpx {
    height: -webkit-calc(var(--rpx, 1px) * 190);
    height: -moz-calc(var(--rpx, 1px) * 190);
    height: calc(var(--rpx, 1px) * 190);
  }
  .mo\:text-24px {
    font-size: 24px;
    line-height: 1;
  }
  .mo\:text-40px {
    font-size: 40px;
    line-height: 1;
  }
  .mo\:text-14px {
    font-size: 14px;
    line-height: 1;
  }
  .mo\:text-12px {
    font-size: 12px;
    line-height: 1;
  }
  .mo\:text-16px {
    font-size: 16px;
    line-height: 1;
  }
  .mo\:text-30px {
    font-size: 30px;
    line-height: 1;
  }
  .\!mo\:leading-\[1\.67\] {
    line-height: 1.67 !important;
  }
  .mo\:leading-38px {
    line-height: 38px;
  }
  .mo\:leading-20px {
    line-height: 20px;
  }
  .mo\:m-10rpx {
    margin: calc(var(--rpx, 1px) * 10);
  }
  .mo\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mo\:mt-2\.22vw {
    margin-top: 2.22vw;
    margin-top: calc(var(--vw, 1vw) * 2.22);
  }
  .mo\:mt-2\.94vw {
    margin-top: 2.94vw;
    margin-top: calc(var(--vw, 1vw) * 2.94);
  }
  .mo\:mr-6px {
    margin-right: 6px;
  }
  .mo\:mb-4rpx {
    margin-bottom: calc(var(--rpx, 1px) * 4);
  }
  .mo\:mt-32rpx {
    margin-top: calc(var(--rpx, 1px) * 32);
  }
  .mo\:mt-16rpx {
    margin-top: calc(var(--rpx, 1px) * 16);
  }
  .mo\:mt-\[calc\(86\.94vw\+49rpx\)\] {
    margin-top: calc(var(--vw, 1vw) * 86.94 + var(--rpx, 1px) * 49);
  }
  .mo\:mt-8rpx {
    margin-top: calc(var(--rpx, 1px) * 8);
  }
  .mo\:ml-4rpx {
    margin-left: calc(var(--rpx, 1px) * 4);
  }
  .mo\:-mt-60rpx {
    margin-top: calc(var(--rpx, 1px) * -60);
  }
  .mo\:mt-20rpx {
    margin-top: calc(var(--rpx, 1px) * 20);
  }
  .mo\:mt-4rpx {
    margin-top: calc(var(--rpx, 1px) * 4);
  }
  .mo\:mb-12rpx {
    margin-bottom: calc(var(--rpx, 1px) * 12);
  }
  .mo\:mr-20rpx {
    margin-right: calc(var(--rpx, 1px) * 20);
  }
  .mo\:-mt-20rpx {
    margin-top: calc(var(--rpx, 1px) * -20);
  }
  .mo\:mt-24rpx {
    margin-top: calc(var(--rpx, 1px) * 24);
  }
  .mo\:mt-64rpx {
    margin-top: calc(var(--rpx, 1px) * 64);
  }
  .mo\:mt-48rpx {
    margin-top: calc(var(--rpx, 1px) * 48);
  }
  .mo\:mt-12rpx {
    margin-top: calc(var(--rpx, 1px) * 12);
  }
  .mo\:mt-60rpx {
    margin-top: calc(var(--rpx, 1px) * 60);
  }
  .mo\:mt-12px {
    margin-top: 12px;
  }
  .mo\:mt-6rpx {
    margin-top: calc(var(--rpx, 1px) * 6);
  }
  .mo\:mt-2rpx {
    margin-top: calc(var(--rpx, 1px) * 2);
  }
  .mo\:mr-auto {
    margin-right: auto;
  }
  .mo\:mt-36rpx {
    margin-top: calc(var(--rpx, 1px) * 36);
  }
  .mo\:mb-24rpx {
    margin-bottom: calc(var(--rpx, 1px) * 24);
  }
  .mo\:overflow-hidden {
    overflow: hidden;
  }
  .mo\:p-10rpx {
    padding: calc(var(--rpx, 1px) * 10);
  }
  .mo\:px-16rpx {
    padding-left: calc(var(--rpx, 1px) * 16);
    padding-right: calc(var(--rpx, 1px) * 16);
  }
  .mo\:px-20rpx {
    padding-left: calc(var(--rpx, 1px) * 20);
    padding-right: calc(var(--rpx, 1px) * 20);
  }
  .mo\:py-9rpx {
    padding-bottom: calc(var(--rpx, 1px) * 9);
    padding-top: calc(var(--rpx, 1px) * 9);
  }
  .mo\:py-64rpx {
    padding-bottom: calc(var(--rpx, 1px) * 64);
    padding-top: calc(var(--rpx, 1px) * 64);
  }
  .mo\:py-96rpx {
    padding-bottom: calc(var(--rpx, 1px) * 96);
    padding-top: calc(var(--rpx, 1px) * 96);
  }
  .mo\:py-48rpx {
    padding-bottom: calc(var(--rpx, 1px) * 48);
    padding-top: calc(var(--rpx, 1px) * 48);
  }
  .mo\:py-6rpx {
    padding-bottom: calc(var(--rpx, 1px) * 6);
    padding-top: calc(var(--rpx, 1px) * 6);
  }
  .mo\:px-18rpx {
    padding-left: calc(var(--rpx, 1px) * 18);
    padding-right: calc(var(--rpx, 1px) * 18);
  }
  .mo\:py-24rpx {
    padding-bottom: calc(var(--rpx, 1px) * 24);
    padding-top: calc(var(--rpx, 1px) * 24);
  }
  .mo\:py-20rpx {
    padding-bottom: calc(var(--rpx, 1px) * 20);
    padding-top: calc(var(--rpx, 1px) * 20);
  }
  .mo\:pb-13\.33vw {
    padding-bottom: 13.33vw;
    padding-bottom: calc(var(--vw, 1vw) * 13.33);
  }
  .mo\:pb-48rpx {
    padding-bottom: calc(var(--rpx, 1px) * 48);
  }
  .mo\:pt-64rpx {
    padding-top: calc(var(--rpx, 1px) * 64);
  }
  .mo\:pt-96rpx {
    padding-top: calc(var(--rpx, 1px) * 96);
  }
  .mo\:pb-96rpx {
    padding-bottom: calc(var(--rpx, 1px) * 96);
  }
  .mo\:pt-16rpx {
    padding-top: calc(var(--rpx, 1px) * 16);
  }
  .mo\:pt-24rpx {
    padding-top: calc(var(--rpx, 1px) * 24);
  }
  .mo\:pt-48rpx {
    padding-top: calc(var(--rpx, 1px) * 48);
  }
  .mo\:absolute {
    position: absolute;
  }
  .mo\:relative {
    position: relative;
  }
  .mo\:top-111\.11vw {
    top: 111.11vw;
    top: -webkit-calc(var(--vw, 1vw) * 111.11);
    top: -moz-calc(var(--vw, 1vw) * 111.11);
    top: calc(var(--vw, 1vw) * 111.11);
  }
  .mo\:left-0 {
    left: 0;
  }
  .mo\:left-12rpx {
    left: -webkit-calc(var(--rpx, 1px) * 12);
    left: -moz-calc(var(--rpx, 1px) * 12);
    left: calc(var(--rpx, 1px) * 12);
  }
  .mo\:right-12rpx {
    right: -webkit-calc(var(--rpx, 1px) * 12);
    right: -moz-calc(var(--rpx, 1px) * 12);
    right: calc(var(--rpx, 1px) * 12);
  }
  .mo\:bottom-12rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 12);
    bottom: -moz-calc(var(--rpx, 1px) * 12);
    bottom: calc(var(--rpx, 1px) * 12);
  }
  .mo\:bottom-0 {
    bottom: 0;
  }
  .mo\:right-10rpx {
    right: -webkit-calc(var(--rpx, 1px) * 10);
    right: -moz-calc(var(--rpx, 1px) * 10);
    right: calc(var(--rpx, 1px) * 10);
  }
  .mo\:bottom-10rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 10);
    bottom: -moz-calc(var(--rpx, 1px) * 10);
    bottom: calc(var(--rpx, 1px) * 10);
  }
  .mo\:tracking-0\.5px {
    letter-spacing: 0.5px;
  }
  .mo\:w-full {
    width: 100%;
  }
  .mo\:w-15rpx {
    width: -webkit-calc(var(--rpx, 1px) * 15);
    width: -moz-calc(var(--rpx, 1px) * 15);
    width: calc(var(--rpx, 1px) * 15);
  }
  .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-162rpx {
    width: -webkit-calc(var(--rpx, 1px) * 162);
    width: -moz-calc(var(--rpx, 1px) * 162);
    width: calc(var(--rpx, 1px) * 162);
  }
  .mo\:w-20rpx {
    width: -webkit-calc(var(--rpx, 1px) * 20);
    width: -moz-calc(var(--rpx, 1px) * 20);
    width: calc(var(--rpx, 1px) * 20);
  }
  .mo\:w-110rpx {
    width: -webkit-calc(var(--rpx, 1px) * 110);
    width: -moz-calc(var(--rpx, 1px) * 110);
    width: calc(var(--rpx, 1px) * 110);
  }
  .mo\:w-60rpx {
    width: -webkit-calc(var(--rpx, 1px) * 60);
    width: -moz-calc(var(--rpx, 1px) * 60);
    width: calc(var(--rpx, 1px) * 60);
  }
  .mo\:w-30rpx {
    width: -webkit-calc(var(--rpx, 1px) * 30);
    width: -moz-calc(var(--rpx, 1px) * 30);
    width: calc(var(--rpx, 1px) * 30);
  }
  .mo\:w-12rpx {
    width: -webkit-calc(var(--rpx, 1px) * 12);
    width: -moz-calc(var(--rpx, 1px) * 12);
    width: calc(var(--rpx, 1px) * 12);
  }
  .mo\:w-260rpx {
    width: -webkit-calc(var(--rpx, 1px) * 260);
    width: -moz-calc(var(--rpx, 1px) * 260);
    width: calc(var(--rpx, 1px) * 260);
  }
  .mo\:w-220rpx {
    width: -webkit-calc(var(--rpx, 1px) * 220);
    width: -moz-calc(var(--rpx, 1px) * 220);
    width: calc(var(--rpx, 1px) * 220);
  }
  .mo\:w-200rpx {
    width: -webkit-calc(var(--rpx, 1px) * 200);
    width: -moz-calc(var(--rpx, 1px) * 200);
    width: calc(var(--rpx, 1px) * 200);
  }
  .mo\:w-135rpx {
    width: -webkit-calc(var(--rpx, 1px) * 135);
    width: -moz-calc(var(--rpx, 1px) * 135);
    width: calc(var(--rpx, 1px) * 135);
  }
  .mo\:w-142rpx {
    width: -webkit-calc(var(--rpx, 1px) * 142);
    width: -moz-calc(var(--rpx, 1px) * 142);
    width: calc(var(--rpx, 1px) * 142);
  }
  .mo\:w-296rpx {
    width: -webkit-calc(var(--rpx, 1px) * 296);
    width: -moz-calc(var(--rpx, 1px) * 296);
    width: calc(var(--rpx, 1px) * 296);
  }
  .mo\:w-247rpx {
    width: -webkit-calc(var(--rpx, 1px) * 247);
    width: -moz-calc(var(--rpx, 1px) * 247);
    width: calc(var(--rpx, 1px) * 247);
  }
  .mo\:w-302rpx {
    width: -webkit-calc(var(--rpx, 1px) * 302);
    width: -moz-calc(var(--rpx, 1px) * 302);
    width: calc(var(--rpx, 1px) * 302);
  }
  .mo\:w-62rpx {
    width: -webkit-calc(var(--rpx, 1px) * 62);
    width: -moz-calc(var(--rpx, 1px) * 62);
    width: calc(var(--rpx, 1px) * 62);
  }
  .mo\:w-80rpx {
    width: -webkit-calc(var(--rpx, 1px) * 80);
    width: -moz-calc(var(--rpx, 1px) * 80);
    width: calc(var(--rpx, 1px) * 80);
  }
  .mo\:w-104rpx {
    width: -webkit-calc(var(--rpx, 1px) * 104);
    width: -moz-calc(var(--rpx, 1px) * 104);
    width: calc(var(--rpx, 1px) * 104);
  }
  .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\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    --tw-scale-z: 1.1;
  }
  .mo\:-translate-x-10rpx {
    --tw-translate-x: -webkit-calc(var(--rpx, 1px) * -10);
    --tw-translate-x: -moz-calc(var(--rpx, 1px) * -10);
    --tw-translate-x: calc(var(--rpx, 1px) * -10);
  }
  .mo\:full {
    height: 100%;
    width: 100%;
  }
  .mo\:abs-0 {
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 650px) {
  .pcpad\:absolute {
    position: absolute;
  }
  .pcpad\:right-0 {
    right: 0;
  }
  .pcpad\:top-0 {
    top: 0;
  }
}
@media (min-width: 1024px) {
  .pct\:cursor-pointer {
    cursor: pointer;
  }
  .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-68rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 68);
    font-size: -moz-calc(var(--rpx, 1px) * 68);
    font-size: calc(var(--rpx, 1px) * 68);
    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-18px {
    font-size: 18px;
    line-height: 1;
  }
  .pct\:text-68px {
    font-size: 68px;
    line-height: 1;
  }
  .pct\:text-20px {
    font-size: 20px;
    line-height: 1;
  }
  .pct\:text-48px {
    font-size: 48px;
    line-height: 1;
  }
  .pct\:text-16px {
    font-size: 16px;
    line-height: 1;
  }
  .pct\:text-32px {
    font-size: 32px;
    line-height: 1;
  }
  .pct\:text-14px {
    font-size: 14px;
    line-height: 1;
  }
  .pct\:text-14rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 14);
    font-size: -moz-calc(var(--rpx, 1px) * 14);
    font-size: calc(var(--rpx, 1px) * 14);
    line-height: 1;
  }
  .pct\:text-18rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 18);
    font-size: -moz-calc(var(--rpx, 1px) * 18);
    font-size: calc(var(--rpx, 1px) * 18);
    line-height: 1;
  }
  .\!pct\:leading-\[1\.5\] {
    line-height: 1.5 !important;
  }
  .\!pct\:leading-\[125\%\] {
    line-height: 125% !important;
  }
  .pct\:leading-76px,
  .pct\:leading-\[76px\] {
    line-height: 76px;
  }
  .pct\:tracking-0\.5px {
    letter-spacing: 0.5px;
  }
  .pct\:tracking-0\.02em {
    letter-spacing: 0.02em;
  }
  .pct\:select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
@media (max-width: 1023px) {
  .mot\:text-40px {
    font-size: 40px;
    line-height: 1;
  }
  .mot\:text-16px {
    font-size: 16px;
    line-height: 1;
  }
  .mot\:text-28px {
    font-size: 28px;
    line-height: 1;
  }
  .mot\:text-14px {
    font-size: 14px;
    line-height: 1;
  }
  .mot\:text-12px {
    font-size: 12px;
    line-height: 1;
  }
  .mot\:text-24px {
    font-size: 24px;
    line-height: 1;
  }
  .mot\:text-20px {
    font-size: 20px;
    line-height: 1;
  }
  .mot\:text-20rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 20);
    font-size: -moz-calc(var(--rpx, 1px) * 20);
    font-size: calc(var(--rpx, 1px) * 20);
    line-height: 1;
  }
  .mot\:text-12rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 12);
    font-size: -moz-calc(var(--rpx, 1px) * 12);
    font-size: calc(var(--rpx, 1px) * 12);
    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-8rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 8);
    font-size: -moz-calc(var(--rpx, 1px) * 8);
    font-size: calc(var(--rpx, 1px) * 8);
    line-height: 1;
  }
  .\!mot\:leading-\[157\%\] {
    line-height: 157% !important;
  }
  .mot\:leading-50px {
    line-height: 50px;
  }
  .mot\:leading-28rpx {
    line-height: -webkit-calc(var(--rpx, 1px) * 28);
    line-height: -moz-calc(var(--rpx, 1px) * 28);
    line-height: calc(var(--rpx, 1px) * 28);
  }
  .mot\:leading-20rpx {
    line-height: -webkit-calc(var(--rpx, 1px) * 20);
    line-height: -moz-calc(var(--rpx, 1px) * 20);
    line-height: calc(var(--rpx, 1px) * 20);
  }
  .mot\:leading-22rpx {
    line-height: -webkit-calc(var(--rpx, 1px) * 22);
    line-height: -moz-calc(var(--rpx, 1px) * 22);
    line-height: calc(var(--rpx, 1px) * 22);
  }
  .mot\:leading-20px {
    line-height: 20px;
  }
  .mot\:leading-48px {
    line-height: 48px;
  }
  .mot\:leading-28px {
    line-height: 28px;
  }
  .mot\:leading-14rpx {
    line-height: -webkit-calc(var(--rpx, 1px) * 14);
    line-height: -moz-calc(var(--rpx, 1px) * 14);
    line-height: calc(var(--rpx, 1px) * 14);
  }
  .mot\:leading-\[120\%\] {
    line-height: 120%;
  }
  .mot\:leading-\[140\%\] {
    line-height: 140%;
  }
  .mot\:leading-22px {
    line-height: 22px;
  }
}
.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: 0.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%);
}
.w-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.zn--sup {
  font-family: PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei,
    WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.zn--sup.font-m-sup {
  font-weight: 500;
}
.zn--sup.font-b-sup {
  font-weight: 700;
}
.zn--wrapper .narrow-only {
  display: none;
}
.zn--wrapper sup {
  font-size: 50%;
  top: -1em;
}
#section-kv .bg-top {
  background: #fefefe;
  height: -webkit-calc(50% - var(--rpx, 1px) * 307.5);
  height: -moz-calc(50% - var(--rpx, 1px) * 307.5);
  height: calc(50% - var(--rpx, 1px) * 307.5);
}
#section-kv .bg-bottom {
  background: #dcdcdc;
  height: -webkit-calc(50% - var(--rpx, 1px) * 334.5);
  height: -moz-calc(50% - var(--rpx, 1px) * 334.5);
  height: calc(50% - var(--rpx, 1px) * 334.5);
}
#section-kv .bg-bottom,
#section-kv .bg-top {
  opacity: 0;
}
#section-kv.imgLoaded .bg-bottom,
#section-kv.imgLoaded .bg-top {
  opacity: 1;
}
#section-design .replay-btn {
  display: none;
}
#section-design .part5-wrapper .pics-wrapper-1 img,
#section-design .part5-wrapper .pics-wrapper-2 img {
  opacity: 0;
  -webkit-transition: opacity 0s ease 0.5s;
  -o-transition: opacity 0s ease 0.5s;
  -moz-transition: opacity 0s ease 0.5s;
  transition: opacity 0s ease 0.5s;
  z-index: 1;
}
#section-design .part5-wrapper .pics-wrapper-1 img.active,
#section-design .part5-wrapper .pics-wrapper-2 img.active {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 2;
}
#section-design
  .part5-wrapper
  .colors-selector
  .color-selector
  .color-circle-outer {
  opacity: 0;
}
#section-design
  .part5-wrapper
  .colors-selector
  .color-selector.active
  .color-circle-outer {
  opacity: 1;
}
#section-design .part5-wrapper .descs-wrapper .desc {
  opacity: 0;
}
#section-design .part5-wrapper .descs-wrapper .desc.active {
  opacity: 1;
}
#section-camera .part1-wrapper .part1Text .text-wrapper {
  width: 100%;
}
#section-camera .part1-wrapper .part1Text .text-wrapper:first-child {
  top: 0;
}
#section-camera .part1-wrapper .part1Text .text-wrapper .line .line-inner {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(hsla(44, 42%, 77%, 0.6)),
    to(#ddd0ab)
  );
  background: -webkit-linear-gradient(right, hsla(44, 42%, 77%, 0.6), #ddd0ab);
  background: -moz-linear-gradient(
    right,
    hsla(44, 42%, 77%, 0.6) 0,
    #ddd0ab 100%
  );
  background: -o-linear-gradient(
    right,
    hsla(44, 42%, 77%, 0.6) 0,
    #ddd0ab 100%
  );
  background: linear-gradient(270deg, hsla(44, 42%, 77%, 0.6), #ddd0ab);
  width: 100%;
}
#section-camera .part1-wrapper .part1Text .text-wrapper .line .line-block {
  background: transparent;
}
#section-camera .part1-wrapper .part1Text .text-wrapper .line .line-ver {
  background: hsla(44, 42%, 77%, 0.6);
  height: 0;
  top: 0;
}
#section-camera .part1-wrapper .part1TextENmo .titles-con .titles-scroll {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s,
    -o-transform 0.5s;
}
#section-camera
  .part1-wrapper
  .part1TextENmo
  .titles-con
  .titles-scroll
  .title-wrapper {
  opacity: 0.55;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#section-camera
  .part1-wrapper
  .part1TextENmo
  .titles-con
  .titles-scroll
  .title-wrapper.active {
  opacity: 1;
}
#section-camera
  .part1-wrapper
  .part1TextENmo
  .titles-con
  .titles-scroll
  .title-wrapper:not(:first-child) {
  margin-left: calc(var(--rpx, 1px) * 24);
}
#section-camera .part1-wrapper .part1TextENmo .line-active {
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s,
    -o-transform 0.5s;
}
#section-camera .part1-wrapper .part1TextENmo .descs-con .desc-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#section-camera .part1-wrapper .part1TextENmo .descs-con .desc-wrapper.active {
  opacity: 1;
}
#section-camera .part1-wrapper .img-scale-wrapper .img-scale {
  -webkit-transform-origin: 50% 20%;
  -moz-transform-origin: 50% 20%;
  -ms-transform-origin: 50% 20%;
  -o-transform-origin: 50% 20%;
  transform-origin: 50% 20%;
}
.camera-part2-modal .switch-img {
  opacity: 0;
}
.camera-part2-modal .switch-img.active {
  opacity: 1;
}
.camera-part2-modal .switch-next,
.camera-part2-modal .switch-prev {
  cursor: pointer;
  pointer-events: auto;
}
.camera-part2-modal .switch-next.disabled,
.camera-part2-modal .switch-prev.disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.camera-part2-modal .progress-current {
  -webkit-transition: -webkit-clip-path 0.5s;
  transition: -webkit-clip-path 0.5s;
  -o-transition: clip-path 0.5s;
  -moz-transition: clip-path 0.5s;
  transition: clip-path 0.5s;
  transition: clip-path 0.5s, -webkit-clip-path 0.5s;
}
#section-image .replay-btn {
  display: none;
}
#section-image .part2-wrapper .pics-wrapper-1 .pic-1,
#section-image .part2-wrapper .pics-wrapper-1 .pic-2,
#section-image .part2-wrapper .pics-wrapper-2 .pic-1,
#section-image .part2-wrapper .pics-wrapper-2 .pic-2 {
  opacity: 0;
  -webkit-transition: opacity 0s ease 0.5s;
  -o-transition: opacity 0s ease 0.5s;
  -moz-transition: opacity 0s ease 0.5s;
  transition: opacity 0s ease 0.5s;
  z-index: 1;
}
#section-image .part2-wrapper .pics-wrapper-1 .pic-1.active,
#section-image .part2-wrapper .pics-wrapper-1 .pic-2.active,
#section-image .part2-wrapper .pics-wrapper-2 .pic-1.active,
#section-image .part2-wrapper .pics-wrapper-2 .pic-2.active {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 2;
}
#section-image .part2-wrapper .switch-text-wrapper {
  opacity: 0;
}
#section-image .part2-wrapper .switch-text-wrapper.active {
  opacity: 1;
}
#section-image .part2-wrapper .switch-wrapper .switch-next,
#section-image .part2-wrapper .switch-wrapper .switch-prev {
  cursor: pointer;
  pointer-events: auto;
}
#section-image .part2-wrapper .switch-wrapper .switch-next.disabled,
#section-image .part2-wrapper .switch-wrapper .switch-prev.disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
#section-screen [ani-screen-video] {
  contain: paint;
  overflow: hidden;
  position: relative;
}
#section-screen [ani-screen-video] canvas,
#section-screen [ani-screen-video] img,
#section-screen [ani-screen-video] video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#section-screen [ani-screen-video] canvas {
  -o-object-fit: initial;
  object-fit: fill;
}
#section-screen [ani-screen-video] img,
#section-screen [ani-screen-video] video {
  -o-object-fit: cover;
  object-fit: cover;
}
#section-screen #id-en-3,
#section-screen #id-text-0-en,
#section-screen #id-text-0-opacity,
#section-screen #id-text-1,
#section-screen #id-text-2 {
  opacity: 0;
}
#section-screen #id-en-3[data-status="0"],
#section-screen #id-text-0-en[data-status="0"],
#section-screen #id-text-0-opacity[data-status="0"],
#section-screen #id-text-1[data-status="0"],
#section-screen #id-text-2[data-status="0"] {
  opacity: 0;
  -webkit-transform: translateY(70px) translateZ(0);
  -moz-transform: translateY(70px) translateZ(0);
  transform: translateY(70px) translateZ(0);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#section-screen #id-en-3[data-status="1"],
#section-screen #id-text-0-en[data-status="1"],
#section-screen #id-text-0-opacity[data-status="1"],
#section-screen #id-text-1[data-status="1"],
#section-screen #id-text-2[data-status="1"] {
  opacity: 1;
  -webkit-transform: translateY(1px) translateZ(0);
  -moz-transform: translateY(1px) translateZ(0);
  transform: translateY(1px) translateZ(0);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#section-screen #id-en-3[data-status="2"],
#section-screen #id-text-0-en[data-status="2"],
#section-screen #id-text-0-opacity[data-status="2"],
#section-screen #id-text-1[data-status="2"],
#section-screen #id-text-2[data-status="2"] {
  opacity: 0;
  -webkit-transform: translateY(-70px) translateZ(0);
  -moz-transform: translateY(-70px) translateZ(0);
  transform: translateY(-70px) translateZ(0);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#section-safety [ani-safety-video] {
  contain: paint;
  overflow: hidden;
  position: relative;
}
#section-safety [ani-safety-video] canvas,
#section-safety [ani-safety-video] img,
#section-safety [ani-safety-video] video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#section-safety [ani-safety-video] canvas {
  -o-object-fit: initial;
  object-fit: fill;
}
#section-safety [ani-safety-video] img,
#section-safety [ani-safety-video] video {
  -o-object-fit: cover;
  object-fit: cover;
}
#section-safety .shadow {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(13, 8, 1, 0)),
    color-stop(46.69%, #0d0801)
  );
  background: -webkit-linear-gradient(top, rgba(13, 8, 1, 0), #0d0801 46.69%);
  background: -moz-linear-gradient(top, rgba(13, 8, 1, 0) 0, #0d0801 46.69%);
  background: -o-linear-gradient(top, rgba(13, 8, 1, 0) 0, #0d0801 46.69%);
  background: linear-gradient(180deg, rgba(13, 8, 1, 0), #0d0801 46.69%);
}
#section-safety .fade-in-up {
  -webkit-animation: fadeInUp 0.5s ease-in-out forwards;
  -moz-animation: fadeInUp 0.5s ease-in-out forwards;
  animation: fadeInUp 0.5s ease-in-out forwards;
}
#section-safety #id-safety-vip-text {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#section-safety #id-safety-vip-text[data-status="0"] {
  opacity: 0;
  -webkit-transform: translateY(100px) translateZ(0);
  -moz-transform: translateY(100px) translateZ(0);
  transform: translateY(100px) translateZ(0);
}
#section-safety #id-safety-vip-text[data-status="1"] {
  opacity: 1;
  -webkit-transform: translateY(0.1px) translateZ(0);
  -moz-transform: translateY(0.1px) translateZ(0);
  transform: translateY(0.1px) translateZ(0);
}
#section-safety #id-safety-vip-text[data-status="2"] {
  opacity: 0;
  -webkit-transform: translateY(-70px) translateZ(0);
  -moz-transform: translateY(-70px) translateZ(0);
  transform: translateY(-70px) translateZ(0);
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.zn--modal {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  --bg-blur: none;
  --bg-dark: #000;
  --bg-light: #fff;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  height: -webkit-calc(var(--vh, 1vh) * 100);
  height: -moz-calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100);
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh) * 100));
  -moz-transform: translateY(-moz-calc(var(--vh, 1vh) * 100));
  -ms-transform: translateY(calc(var(--vh, 1vh) * 100));
  -o-transform: translateY(calc(var(--vh, 1vh) * 100));
  transform: translateY(calc(var(--vh, 1vh) * 100));
  -webkit-transition: visibility 0.4s, -webkit-transform 0.4s ease-out;
  transition: visibility 0.4s, -webkit-transform 0.4s ease-out;
  -o-transition: visibility 0.4s, -o-transform 0.4s ease-out;
  -moz-transition: transform 0.4s ease-out, visibility 0.4s,
    -moz-transform 0.4s ease-out;
  transition: transform 0.4s ease-out, visibility 0.4s;
  transition: transform 0.4s ease-out, visibility 0.4s,
    -webkit-transform 0.4s ease-out, -moz-transform 0.4s ease-out,
    -o-transform 0.4s ease-out;
  visibility: hidden;
  width: 100%;
  z-index: 999;
}
.zn--modal.zn--modal-show {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: height 0.2s ease, -webkit-transform 0.4s ease-out;
  transition: height 0.2s ease, -webkit-transform 0.4s ease-out;
  -o-transition: height 0.2s ease, -o-transform 0.4s ease-out;
  -moz-transition: transform 0.4s ease-out, height 0.2s ease,
    -moz-transform 0.4s ease-out;
  transition: transform 0.4s ease-out, height 0.2s ease;
  transition: transform 0.4s ease-out, height 0.2s ease,
    -webkit-transform 0.4s ease-out, -moz-transform 0.4s ease-out,
    -o-transform 0.4s ease-out;
  visibility: visible;
}
.zn--modal .zn--modal-bg {
  -webkit-backdrop-filter: var(--bg-blur);
  backdrop-filter: var(--bg-blur);
  height: 100vh;
  height: -webkit-calc(var(--vh, 1vh) * 100);
  height: -moz-calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.zn--modal .zn--modal-content {
  position: relative;
  z-index: 2;
}
:not(.zn--modal) > .zn--modal-content {
  display: none;
}
body.no-transition {
  -webkit-transition: 0s !important;
  -o-transition: 0s !important;
  -moz-transition: 0s !important;
  transition: 0s !important;
}
body.no-transition :not(.zn--modal) {
  -webkit-transition: 0s !important;
  -o-transition: 0s !important;
  -moz-transition: 0s !important;
  transition: 0s !important;
}
#section-collection .mask {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#000),
    color-stop(0.74%, rgba(0, 0, 0, 0.99)),
    color-stop(1.47%, rgba(0, 0, 0, 0.96)),
    color-stop(2.21%, rgba(0, 0, 0, 0.92)),
    color-stop(2.95%, rgba(0, 0, 0, 0.85)),
    color-stop(3.69%, rgba(0, 0, 0, 0.77)),
    color-stop(4.42%, rgba(0, 0, 0, 0.67)),
    color-stop(5.16%, rgba(0, 0, 0, 0.56)),
    color-stop(5.9%, rgba(0, 0, 0, 0.44)),
    color-stop(6.64%, rgba(0, 0, 0, 0.33)),
    color-stop(7.37%, rgba(0, 0, 0, 0.23)),
    color-stop(8.11%, rgba(0, 0, 0, 0.15)),
    color-stop(8.85%, rgba(0, 0, 0, 0.08)),
    color-stop(9.59%, rgba(0, 0, 0, 0.04)),
    color-stop(10.32%, rgba(0, 0, 0, 0.01)),
    color-stop(11.06%, rgba(0, 0, 0, 0))
  );
  background: -webkit-linear-gradient(
    top,
    #000,
    rgba(0, 0, 0, 0.99) 0.74%,
    rgba(0, 0, 0, 0.96) 1.47%,
    rgba(0, 0, 0, 0.92) 2.21%,
    rgba(0, 0, 0, 0.85) 2.95%,
    rgba(0, 0, 0, 0.77) 3.69%,
    rgba(0, 0, 0, 0.67) 4.42%,
    rgba(0, 0, 0, 0.56) 5.16%,
    rgba(0, 0, 0, 0.44) 5.9%,
    rgba(0, 0, 0, 0.33) 6.64%,
    rgba(0, 0, 0, 0.23) 7.37%,
    rgba(0, 0, 0, 0.15) 8.11%,
    rgba(0, 0, 0, 0.08) 8.85%,
    rgba(0, 0, 0, 0.04) 9.59%,
    rgba(0, 0, 0, 0.01) 10.32%,
    rgba(0, 0, 0, 0) 11.06%
  );
  background: -moz-linear-gradient(
    top,
    #000 0,
    rgba(0, 0, 0, 0.99) 0.74%,
    rgba(0, 0, 0, 0.96) 1.47%,
    rgba(0, 0, 0, 0.92) 2.21%,
    rgba(0, 0, 0, 0.85) 2.95%,
    rgba(0, 0, 0, 0.77) 3.69%,
    rgba(0, 0, 0, 0.67) 4.42%,
    rgba(0, 0, 0, 0.56) 5.16%,
    rgba(0, 0, 0, 0.44) 5.9%,
    rgba(0, 0, 0, 0.33) 6.64%,
    rgba(0, 0, 0, 0.23) 7.37%,
    rgba(0, 0, 0, 0.15) 8.11%,
    rgba(0, 0, 0, 0.08) 8.85%,
    rgba(0, 0, 0, 0.04) 9.59%,
    rgba(0, 0, 0, 0.01) 10.32%,
    rgba(0, 0, 0, 0) 11.06%
  );
  background: -o-linear-gradient(
    top,
    #000 0,
    rgba(0, 0, 0, 0.99) 0.74%,
    rgba(0, 0, 0, 0.96) 1.47%,
    rgba(0, 0, 0, 0.92) 2.21%,
    rgba(0, 0, 0, 0.85) 2.95%,
    rgba(0, 0, 0, 0.77) 3.69%,
    rgba(0, 0, 0, 0.67) 4.42%,
    rgba(0, 0, 0, 0.56) 5.16%,
    rgba(0, 0, 0, 0.44) 5.9%,
    rgba(0, 0, 0, 0.33) 6.64%,
    rgba(0, 0, 0, 0.23) 7.37%,
    rgba(0, 0, 0, 0.15) 8.11%,
    rgba(0, 0, 0, 0.08) 8.85%,
    rgba(0, 0, 0, 0.04) 9.59%,
    rgba(0, 0, 0, 0.01) 10.32%,
    rgba(0, 0, 0, 0) 11.06%
  );
  background: linear-gradient(
    180deg,
    #000,
    rgba(0, 0, 0, 0.99) 0.74%,
    rgba(0, 0, 0, 0.96) 1.47%,
    rgba(0, 0, 0, 0.92) 2.21%,
    rgba(0, 0, 0, 0.85) 2.95%,
    rgba(0, 0, 0, 0.77) 3.69%,
    rgba(0, 0, 0, 0.67) 4.42%,
    rgba(0, 0, 0, 0.56) 5.16%,
    rgba(0, 0, 0, 0.44) 5.9%,
    rgba(0, 0, 0, 0.33) 6.64%,
    rgba(0, 0, 0, 0.23) 7.37%,
    rgba(0, 0, 0, 0.15) 8.11%,
    rgba(0, 0, 0, 0.08) 8.85%,
    rgba(0, 0, 0, 0.04) 9.59%,
    rgba(0, 0, 0, 0.01) 10.32%,
    rgba(0, 0, 0, 0) 11.06%
  );
}
#section-collection .scroll-container::-webkit-scrollbar {
  display: none;
}
#section-design-en .bg {
  background: #141414;
  position: absolute;
  z-index: 1;
}
#section-design-en .ttt {
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 2;
}
body.no-scroll {
  overflow-y: hidden;
}
body.zn--body-fixed {
  position: fixed;
}
#webpack-dev-server-client-overlay {
  display: none;
}
@media (min-width: 1024px) {
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.09756px);
    --rpx: -moz-calc(0.07622vw - 0.09756px);
    --rpx: calc(0.07622vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 1312 - 0.09756px);
  }
  .zn--wrapper .mo-only,
  .zn--wrapper .mo-pad-only,
  .zn--wrapper .pad-only,
  .zn--wrapper .pc-hidden {
    display: none;
  }
  #section-kv .kv-text-wrapper {
    left: -webkit-calc(50% - var(--rpx, 1px) * 656);
    left: -moz-calc(50% - var(--rpx, 1px) * 656);
    left: calc(50% - var(--rpx, 1px) * 656);
    top: -webkit-calc(50% + var(--rpx, 1px) * 64);
    top: -moz-calc(50% + var(--rpx, 1px) * 64);
    top: calc(50% + var(--rpx, 1px) * 64);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  #section-kv .kv {
    left: -webkit-calc(50% + var(--rpx, 1px) * 93);
    left: -moz-calc(50% + var(--rpx, 1px) * 93);
    left: calc(50% + var(--rpx, 1px) * 93);
    top: -webkit-calc(50% - var(--rpx, 1px) * 90);
    top: -moz-calc(50% - var(--rpx, 1px) * 90);
    top: calc(50% - var(--rpx, 1px) * 90);
  }
  #section-ksp .ksp-card-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease,
      -moz-transform 0.5s ease, -o-transform 0.5s ease;
  }
  #section-ksp .ksp-card-img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  #section-design .part2-wrapper .bg-video-wrapper {
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh) * 100);
    height: -moz-calc(var(--vh, 1vh) * 100);
    height: calc(var(--vh, 1vh) * 100);
    width: 177.8vh;
    width: -webkit-calc(var(--vh, 1vh) * 177.8);
    width: -moz-calc(var(--vh, 1vh) * 177.8);
    width: calc(var(--vh, 1vh) * 177.8);
  }
  #section-design .part3-wrapper {
    height: 44.44vw;
    height: -webkit-calc(var(--vw, 1vw) * 44.44);
    height: -moz-calc(var(--vw, 1vw) * 44.44);
    height: calc(var(--vw, 1vw) * 44.44);
  }
  #section-design .part3-wrapper .design-part3-img {
    width: 94.44vw;
    width: -webkit-calc(var(--vw, 1vw) * 94.44);
    width: -moz-calc(var(--vw, 1vw) * 94.44);
    width: calc(var(--vw, 1vw) * 94.44);
  }
  #section-camera .part1-wrapper .part1Text {
    right: max(
      -webkit-calc(50vw - 17.13vh),
      -webkit-calc(50vw - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      -moz-calc(50vw - 17.13vh),
      -moz-calc(50vw - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      calc(50vw - 17.13vh),
      calc(50vw - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      -webkit-calc(50vw - var(--vh, 1vh) * 17.13),
      -webkit-calc(50vw - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      -moz-calc(50vw - var(--vh, 1vh) * 17.13),
      -moz-calc(50vw - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      calc(50vw - var(--vh, 1vh) * 17.13),
      calc(50vw - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      -webkit-calc(var(--vw, 1vw) * 50 - 17.13vh),
      -webkit-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      -moz-calc(var(--vw, 1vw) * 50 - 17.13vh),
      -moz-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      calc(var(--vw, 1vw) * 50 - 17.13vh),
      calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      -webkit-calc(var(--vw, 1vw) * 50 - var(--vh, 1vh) * 17.13),
      -webkit-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      -moz-calc(var(--vw, 1vw) * 50 - var(--vh, 1vh) * 17.13),
      -moz-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 133.6 * 1.7)
    );
    right: max(
      calc(var(--vw, 1vw) * 50 - var(--vh, 1vh) * 17.13),
      calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 133.6 * 1.7)
    );
    top: min(19vh, -webkit-calc(8vh + var(--rpx, 1px) * 88 * 1.7));
    top: min(19vh, -moz-calc(8vh + var(--rpx, 1px) * 88 * 1.7));
    top: min(19vh, calc(8vh + var(--rpx, 1px) * 88 * 1.7));
    top: min(
      -webkit-calc(var(--vh, 1vh) * 19),
      -webkit-calc(var(--vh, 1vh) * 8 + var(--rpx, 1px) * 88 * 1.7)
    );
    top: min(
      -moz-calc(var(--vh, 1vh) * 19),
      -moz-calc(var(--vh, 1vh) * 8 + var(--rpx, 1px) * 88 * 1.7)
    );
    top: min(
      calc(var(--vh, 1vh) * 19),
      calc(var(--vh, 1vh) * 8 + var(--rpx, 1px) * 88 * 1.7)
    );
    width: min(78.2vh, -webkit-calc(var(--rpx, 1px) * 732));
    width: min(78.2vh, -moz-calc(var(--rpx, 1px) * 732));
    width: min(78.2vh, calc(var(--rpx, 1px) * 732));
    width: min(
      -webkit-calc(var(--vh, 1vh) * 78.2),
      -webkit-calc(var(--rpx, 1px) * 732)
    );
    width: min(
      -moz-calc(var(--vh, 1vh) * 78.2),
      -moz-calc(var(--rpx, 1px) * 732)
    );
    width: min(calc(var(--vh, 1vh) * 78.2), calc(var(--rpx, 1px) * 732));
  }
  #section-camera
    .part1-wrapper
    .part1Text
    .text-wrapper:first-child
    .line
    .line-ver {
    height: min(10.26vh, -webkit-calc(var(--rpx, 1px) * 136));
    height: min(10.26vh, -moz-calc(var(--rpx, 1px) * 136));
    height: min(10.26vh, calc(var(--rpx, 1px) * 136));
    height: min(
      -webkit-calc(var(--vh, 1vh) * 10.26),
      -webkit-calc(var(--rpx, 1px) * 136)
    );
    height: min(
      -moz-calc(var(--vh, 1vh) * 10.26),
      -moz-calc(var(--rpx, 1px) * 136)
    );
    height: min(calc(var(--vh, 1vh) * 10.26), calc(var(--rpx, 1px) * 136));
    top: 0;
  }
  #section-camera .part1-wrapper .part1Text .text-wrapper:nth-child(2) {
    top: min(24.62vh, -webkit-calc(var(--rpx, 1px) * 326.4));
    top: min(24.62vh, -moz-calc(var(--rpx, 1px) * 326.4));
    top: min(24.62vh, calc(var(--rpx, 1px) * 326.4));
    top: min(
      -webkit-calc(var(--vh, 1vh) * 24.62),
      -webkit-calc(var(--rpx, 1px) * 326.4)
    );
    top: min(
      -moz-calc(var(--vh, 1vh) * 24.62),
      -moz-calc(var(--rpx, 1px) * 326.4)
    );
    top: min(calc(var(--vh, 1vh) * 24.62), calc(var(--rpx, 1px) * 326.4));
  }
  #section-camera
    .part1-wrapper
    .part1Text
    .text-wrapper:nth-child(2)
    .line
    .line-block {
    width: min(11.8vh, -webkit-calc(var(--rpx, 1px) * 156.4));
    width: min(11.8vh, -moz-calc(var(--rpx, 1px) * 156.4));
    width: min(11.8vh, calc(var(--rpx, 1px) * 156.4));
    width: min(
      -webkit-calc(var(--vh, 1vh) * 11.8),
      -webkit-calc(var(--rpx, 1px) * 156.4)
    );
    width: min(
      -moz-calc(var(--vh, 1vh) * 11.8),
      -moz-calc(var(--rpx, 1px) * 156.4)
    );
    width: min(calc(var(--vh, 1vh) * 11.8), calc(var(--rpx, 1px) * 156.4));
  }
  #section-camera .part1-wrapper .part1Text .text-wrapper:nth-child(3) {
    top: min(49.23vh, -webkit-calc(var(--rpx, 1px) * 652.8));
    top: min(49.23vh, -moz-calc(var(--rpx, 1px) * 652.8));
    top: min(49.23vh, calc(var(--rpx, 1px) * 652.8));
    top: min(
      -webkit-calc(var(--vh, 1vh) * 49.23),
      -webkit-calc(var(--rpx, 1px) * 652.8)
    );
    top: min(
      -moz-calc(var(--vh, 1vh) * 49.23),
      -moz-calc(var(--rpx, 1px) * 652.8)
    );
    top: min(calc(var(--vh, 1vh) * 49.23), calc(var(--rpx, 1px) * 652.8));
  }
  #section-camera
    .part1-wrapper
    .part1Text
    .text-wrapper:nth-child(3)
    .line
    .line-ver {
    height: min(8.97vh, -webkit-calc(var(--rpx, 1px) * 119));
    height: min(8.97vh, -moz-calc(var(--rpx, 1px) * 119));
    height: min(8.97vh, calc(var(--rpx, 1px) * 119));
    height: min(
      -webkit-calc(var(--vh, 1vh) * 8.97),
      -webkit-calc(var(--rpx, 1px) * 119)
    );
    height: min(
      -moz-calc(var(--vh, 1vh) * 8.97),
      -moz-calc(var(--rpx, 1px) * 119)
    );
    height: min(calc(var(--vh, 1vh) * 8.97), calc(var(--rpx, 1px) * 119));
    top: max(-8.97vh, -webkit-calc(var(--rpx, 1px) * -119));
    top: max(-8.97vh, -moz-calc(var(--rpx, 1px) * -119));
    top: max(-8.97vh, calc(var(--rpx, 1px) * -119));
    top: max(
      -webkit-calc(var(--vh, 1vh) * -8.97),
      -webkit-calc(var(--rpx, 1px) * -119)
    );
    top: max(
      -moz-calc(var(--vh, 1vh) * -8.97),
      -moz-calc(var(--rpx, 1px) * -119)
    );
    top: max(calc(var(--vh, 1vh) * -8.97), calc(var(--rpx, 1px) * -119));
  }
  #section-camera .part1-wrapper .img-scale-wrapper {
    height: 141.41vh;
    height: -webkit-calc(var(--vh, 1vh) * 141.41);
    height: -moz-calc(var(--vh, 1vh) * 141.41);
    height: calc(var(--vh, 1vh) * 141.41);
    margin-top: 8vh;
    margin-top: calc(var(--vh, 1vh) * 8);
    max-height: -webkit-calc(var(--rpx, 1px) * 1875.1);
    max-height: -moz-calc(var(--rpx, 1px) * 1875.1);
    max-height: calc(var(--rpx, 1px) * 1875.1);
    max-width: -webkit-calc(var(--rpx, 1px) * 901);
    max-width: -moz-calc(var(--rpx, 1px) * 901);
    max-width: calc(var(--rpx, 1px) * 901);
    width: 67.95vh;
    width: -webkit-calc(var(--vh, 1vh) * 67.95);
    width: -moz-calc(var(--vh, 1vh) * 67.95);
    width: calc(var(--vh, 1vh) * 67.95);
  }
  #section-camera .sticky-container {
    margin-top: -8vh;
    margin-top: calc(var(--vh, 1vh) * -8);
  }
  #section-design-en .bg,
  #section-design-en .ttt {
    height: -webkit-calc(var(--rpx, 1px) * 160);
    height: -moz-calc(var(--rpx, 1px) * 160);
    height: calc(var(--rpx, 1px) * 160);
    left: -webkit-calc(var(--rpx, 1px) * 0);
    left: -moz-calc(var(--rpx, 1px) * 0);
    left: calc(var(--rpx, 1px) * 0);
    top: -webkit-calc(var(--rpx, 1px) * 180);
    top: -moz-calc(var(--rpx, 1px) * 180);
    top: calc(var(--rpx, 1px) * 180);
    width: -webkit-calc(var(--rpx, 1px) * 150);
    width: -moz-calc(var(--rpx, 1px) * 150);
    width: calc(var(--rpx, 1px) * 150);
  }
  #section-design-en .ttt #id-design-text-0 {
    margin-right: calc(var(--rpx, 1px) * 10);
    margin-top: calc(var(--rpx, 1px) * 10);
  }
  #section-design-en .ttt #id-design-text-1 {
    margin-right: calc(var(--rpx, 1px) * 10);
    margin-top: calc(var(--rpx, 1px) * 35);
  }
  #section-design-en .ttt #id-design-text-2 {
    margin-right: calc(var(--rpx, 1px) * 10);
    margin-top: calc(var(--rpx, 1px) * 33);
  }
}
@media (max-width: 649px) {
  :root {
    --rpx: -webkit-calc(0.30488vw - 0.09756px);
    --rpx: -moz-calc(0.30488vw - 0.09756px);
    --rpx: calc(0.30488vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  .zn--wrapper .mo-hidden,
  .zn--wrapper .pad-only,
  .zn--wrapper .pc-only,
  .zn--wrapper .pc-pad-only {
    display: none;
  }
  #section-camera .part1-wrapper .part1Text .text-wrapper {
    width: 50%;
  }
  #section-camera .part1-wrapper .img-scale-wrapper {
    height: 88.89vw;
    height: -webkit-calc(var(--vw, 1vw) * 88.89);
    height: -moz-calc(var(--vw, 1vw) * 88.89);
    height: calc(var(--vw, 1vw) * 88.89);
    margin-top: 0;
    width: 100%;
  }
  #section-camera .sticky-container {
    margin-top: calc(var(--rpx, 1px) * -50);
  }
  #section-design-en .bg,
  #section-design-en .ttt {
    height: -webkit-calc(var(--rpx, 1px) * 80);
    height: -moz-calc(var(--rpx, 1px) * 80);
    height: calc(var(--rpx, 1px) * 80);
    left: -webkit-calc(var(--rpx, 1px) * 7);
    left: -moz-calc(var(--rpx, 1px) * 7);
    left: calc(var(--rpx, 1px) * 7);
    top: -webkit-calc(var(--rpx, 1px) * 80);
    top: -moz-calc(var(--rpx, 1px) * 80);
    top: calc(var(--rpx, 1px) * 80);
    width: -webkit-calc(var(--rpx, 1px) * 58);
    width: -moz-calc(var(--rpx, 1px) * 58);
    width: calc(var(--rpx, 1px) * 58);
  }
  #section-design-en .ttt #id-design-text-0 {
    margin-right: calc(var(--rpx, 1px) * 2);
    margin-top: calc(var(--rpx, 1px) * 3);
  }
  #section-design-en .ttt #id-design-text-1,
  #section-design-en .ttt #id-design-text-2 {
    margin-right: calc(var(--rpx, 1px) * 2);
    margin-top: calc(var(--rpx, 1px) * 10);
  }
}
@media (min-width: 650px) and (max-width: 1023px) {
  :root {
    --rpx: -webkit-calc(0.13889vw - 0.06667px);
    --rpx: -moz-calc(0.13889vw - 0.06667px);
    --rpx: calc(0.13889vw - 0.06667px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: calc(var(--vw, 1vw) * 100 / 720 - 0.06667px);
  }
  .zn--wrapper .mo-only,
  .zn--wrapper .pad-hidden,
  .zn--wrapper .pc-only {
    display: none;
  }
  .zn--wrapper .narrow-only {
    display: inline-block;
  }
  #section-kv .kv-text-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  #section-design .part2-wrapper .bg-video-wrapper {
    max-height: 440px;
  }
  #section-camera .part1-wrapper .part1Text {
    right: -webkit-calc(50vw - var(--rpx, 1px) * 105);
    right: -moz-calc(50vw - var(--rpx, 1px) * 105);
    right: calc(50vw - var(--rpx, 1px) * 105);
    right: -webkit-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 105);
    right: -moz-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 105);
    right: calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 105);
    top: -webkit-calc(12vh + var(--rpx, 1px) * 48);
    top: -moz-calc(12vh + var(--rpx, 1px) * 48);
    top: calc(12vh + var(--rpx, 1px) * 48);
    top: -webkit-calc(var(--vh, 1vh) * 12 + var(--rpx, 1px) * 48);
    top: -moz-calc(var(--vh, 1vh) * 12 + var(--rpx, 1px) * 48);
    top: calc(var(--vh, 1vh) * 12 + var(--rpx, 1px) * 48);
    width: -webkit-calc(var(--rpx, 1px) * 395);
    width: -moz-calc(var(--rpx, 1px) * 395);
    width: calc(var(--rpx, 1px) * 395);
  }
  #section-camera
    .part1-wrapper
    .part1Text
    .text-wrapper:first-child
    .line
    .line-ver {
    height: -webkit-calc(var(--rpx, 1px) * 74);
    height: -moz-calc(var(--rpx, 1px) * 74);
    height: calc(var(--rpx, 1px) * 74);
  }
  #section-camera .part1-wrapper .part1Text .text-wrapper:nth-child(2) {
    top: -webkit-calc(var(--rpx, 1px) * 160);
    top: -moz-calc(var(--rpx, 1px) * 160);
    top: calc(var(--rpx, 1px) * 160);
  }
  #section-camera .part1-wrapper .part1Text .text-wrapper:nth-child(2) .line {
    width: -webkit-calc(var(--rpx, 1px) * 321);
    width: -moz-calc(var(--rpx, 1px) * 321);
    width: calc(var(--rpx, 1px) * 321);
  }
  #section-camera .part1-wrapper .part1Text .text-wrapper:nth-child(3) {
    top: -webkit-calc(var(--rpx, 1px) * 340);
    top: -moz-calc(var(--rpx, 1px) * 340);
    top: calc(var(--rpx, 1px) * 340);
  }
  #section-camera
    .part1-wrapper
    .part1Text
    .text-wrapper:nth-child(3)
    .line
    .line-ver {
    height: -webkit-calc(var(--rpx, 1px) * 94);
    height: -moz-calc(var(--rpx, 1px) * 94);
    height: calc(var(--rpx, 1px) * 94);
    top: -webkit-calc(var(--rpx, 1px) * -94);
    top: -moz-calc(var(--rpx, 1px) * -94);
    top: calc(var(--rpx, 1px) * -94);
  }
  #section-camera .part1-wrapper .img-scale-wrapper {
    height: -webkit-calc(var(--rpx, 1px) * 811);
    height: -moz-calc(var(--rpx, 1px) * 811);
    height: calc(var(--rpx, 1px) * 811);
    margin-top: 12vh;
    margin-top: calc(var(--vh, 1vh) * 12);
    width: -webkit-calc(var(--rpx, 1px) * 390);
    width: -moz-calc(var(--rpx, 1px) * 390);
    width: calc(var(--rpx, 1px) * 390);
  }
  #section-camera .sticky-container {
    margin-top: -8vh;
    margin-top: calc(var(--vh, 1vh) * -8);
  }
  #section-design-en .bg,
  #section-design-en .ttt {
    height: -webkit-calc(var(--rpx, 1px) * 90);
    height: -moz-calc(var(--rpx, 1px) * 90);
    height: calc(var(--rpx, 1px) * 90);
    left: -webkit-calc(var(--rpx, 1px) * 0);
    left: -moz-calc(var(--rpx, 1px) * 0);
    left: calc(var(--rpx, 1px) * 0);
    top: -webkit-calc(var(--rpx, 1px) * 90);
    top: -moz-calc(var(--rpx, 1px) * 90);
    top: calc(var(--rpx, 1px) * 90);
    width: -webkit-calc(var(--rpx, 1px) * 70);
    width: -moz-calc(var(--rpx, 1px) * 70);
    width: calc(var(--rpx, 1px) * 70);
  }
  #section-design-en .ttt #id-design-text-0 {
    margin-top: calc(var(--rpx, 1px) * 8);
  }
  #section-design-en .ttt #id-design-text-1 {
    margin-top: calc(var(--rpx, 1px) * 15);
  }
  #section-design-en .ttt #id-design-text-2 {
    margin-top: calc(var(--rpx, 1px) * 14);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
  #section-design .part2-wrapper .bg-video-wrapper {
    max-height: 500px;
  }
}
@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 (max-width: 1279px) {
  .zn--wrapper .narrow-only {
    display: inline-block;
  }
  #section-design .part4-wrapper .card-wrapper .title {
    font-size: 28px;
  }
  #section-camera .part1-wrapper .mainTitle-wrapper .mainTitle {
    font-size: 54px;
  }
  #section-screen .r1024 {
    right: 74vw;
    right: -webkit-calc(var(--vw, 1vw) * 74);
    right: -moz-calc(var(--vw, 1vw) * 74);
    right: calc(var(--vw, 1vw) * 74);
  }
  #section-screen .l1024 {
    left: 74vw;
    left: -webkit-calc(var(--vw, 1vw) * 74);
    left: -moz-calc(var(--vw, 1vw) * 74);
    left: calc(var(--vw, 1vw) * 74);
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  #section-design .part2-wrapper .bg-video-wrapper {
    max-height: 1100px;
  }
  #section-design .part3-wrapper {
    height: 853px;
  }
  #section-design .part3-wrapper .design-part3-img {
    width: 1813px;
  }
  #section-camera
    .part1-wrapper
    .part1Text
    .text-wrapper:nth-child(2)
    .line
    .line-block {
    width: min(11.8vh, -webkit-calc(var(--rpx, 1px) * 128.8));
    width: min(11.8vh, -moz-calc(var(--rpx, 1px) * 128.8));
    width: min(11.8vh, calc(var(--rpx, 1px) * 128.8));
    width: min(
      -webkit-calc(var(--vh, 1vh) * 11.8),
      -webkit-calc(var(--rpx, 1px) * 128.8)
    );
    width: min(
      -moz-calc(var(--vh, 1vh) * 11.8),
      -moz-calc(var(--rpx, 1px) * 128.8)
    );
    width: min(calc(var(--vh, 1vh) * 11.8), calc(var(--rpx, 1px) * 128.8));
  }
  #section-camera .part1-wrapper .part1Text {
    right: max(
      -webkit-calc(50vw - 11.8vh),
      -webkit-calc(50vw - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      -moz-calc(50vw - 11.8vh),
      -moz-calc(50vw - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(calc(50vw - 11.8vh), calc(50vw - var(--rpx, 1px) * 92 * 1.7));
    right: max(
      -webkit-calc(50vw - var(--vh, 1vh) * 11.8),
      -webkit-calc(50vw - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      -moz-calc(50vw - var(--vh, 1vh) * 11.8),
      -moz-calc(50vw - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      calc(50vw - var(--vh, 1vh) * 11.8),
      calc(50vw - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      -webkit-calc(var(--vw, 1vw) * 50 - 11.8vh),
      -webkit-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      -moz-calc(var(--vw, 1vw) * 50 - 11.8vh),
      -moz-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      calc(var(--vw, 1vw) * 50 - 11.8vh),
      calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      -webkit-calc(var(--vw, 1vw) * 50 - var(--vh, 1vh) * 11.8),
      -webkit-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      -moz-calc(var(--vw, 1vw) * 50 - var(--vh, 1vh) * 11.8),
      -moz-calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 92 * 1.7)
    );
    right: max(
      calc(var(--vw, 1vw) * 50 - var(--vh, 1vh) * 11.8),
      calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 92 * 1.7)
    );
  }
  #section-camera .part1-wrapper .img-scale-wrapper {
    max-height: -webkit-calc(var(--rpx, 1px) * 1544.2);
    max-height: -moz-calc(var(--rpx, 1px) * 1544.2);
    max-height: calc(var(--rpx, 1px) * 1544.2);
    max-width: -webkit-calc(var(--rpx, 1px) * 742);
    max-width: -moz-calc(var(--rpx, 1px) * 742);
    max-width: calc(var(--rpx, 1px) * 742);
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  #section-camera .part2-wrapper .part2Text .title {
    font-size: 36px;
  }
}
@media (min-width: 1280px) {
  #section-screen .r1024 {
    right: 71vw;
    right: -webkit-calc(var(--vw, 1vw) * 71);
    right: -moz-calc(var(--vw, 1vw) * 71);
    right: calc(var(--vw, 1vw) * 71);
  }
  #section-screen .l1024 {
    left: 71vw;
    left: -webkit-calc(var(--vw, 1vw) * 71);
    left: -moz-calc(var(--vw, 1vw) * 71);
    left: calc(var(--vw, 1vw) * 71);
  }
}
@media (min-width: 2559px) {
  .safety-2560 {
    height: 40vw;
    height: -webkit-calc(var(--vw, 1vw) * 40);
    height: -moz-calc(var(--vw, 1vw) * 40);
    height: calc(var(--vw, 1vw) * 40);
  }
}
#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 0.6s ease-in-out infinite alternate;
  -moz-animation: preloader 0.6s ease-in-out infinite alternate;
  animation: preloader 0.6s ease-in-out infinite alternate;
}
#loader-fps .loader-element:nth-child(2) {
  -webkit-animation: preloader 0.6s ease-in-out 0.2s infinite alternate;
  -moz-animation: preloader 0.6s ease-in-out 0.2s infinite alternate;
  animation: preloader 0.6s ease-in-out 0.2s infinite alternate;
}
#loader-fps .loader-element:nth-child(3) {
  -webkit-animation: preloader 0.6s ease-in-out 0.4s infinite alternate;
  -moz-animation: preloader 0.6s ease-in-out 0.4s infinite alternate;
  animation: preloader 0.6s ease-in-out 0.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: 1024px) {
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.09756px);
    --rpx: -moz-calc(0.07622vw - 0.09756px);
    --rpx: calc(0.07622vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 1312 - 0.09756px);
  }
  .fade-in-pc {
    opacity: 0;
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px) * 80));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px) * 80));
    -ms-transform: translateY(calc(var(--rpx, 1px) * 80));
    -o-transform: translateY(calc(var(--rpx, 1px) * 80));
    transform: translateY(calc(var(--rpx, 1px) * 80));
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.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 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.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: 649px) {
  :root {
    --rpx: -webkit-calc(0.30488vw - 0.09756px);
    --rpx: -moz-calc(0.30488vw - 0.09756px);
    --rpx: calc(0.30488vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  .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 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.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 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.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: 650px) and (max-width: 1023px) {
  :root {
    --rpx: -webkit-calc(0.13889vw - 0.06667px);
    --rpx: -moz-calc(0.13889vw - 0.06667px);
    --rpx: calc(0.13889vw - 0.06667px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: calc(var(--vw, 1vw) * 100 / 720 - 0.06667px);
  }
}
@media (min-width: 1440px) {
  :root {
    --rpx: 1px;
  }
}
/* @font-face {
  font-display: swap;
  font-family: OPPOSans-Ver2-Bold;
  font-style: normal;
  font-variation-settings: "wght" 700;
  src: url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff2)
      format("woff2"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff)
      format("woff"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSansWOPPOSans3.0En-Boldeb2.ttf)
      format("truetype"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.eot)
      format("embedded-opentype");
}
@font-face {
  font-display: swap;
  font-family: OPPOSans-Ver2-Medium;
  font-style: normal;
  font-variation-settings: "wght" 500;
  src: url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff2)
      format("woff2"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff)
      format("woff"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.ttf)
      format("truetype"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.eot)
      format("embedded-opentype");
}
@font-face {
  font-display: swap;
  font-family: OPPOSans-Ver2-Regular;
  font-style: normal;
  font-variation-settings: "wght" 400;
  src: url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff2)
      format("woff2"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff)
      format("woff"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.ttf)
      format("truetype"),
    url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.eot)
      format("embedded-opentype");
} */
.zn--wrapper {
  font-family: OPPOSans-Ver2-Regular, OPPOSans-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, OPPOSans-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 {
  font-family: OPPOSans-Ver2-Medium, OPPOSans-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, OPPOSans-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-cy-video],
[ani-text-video],
[ani-video-wrapper],
[ani-works-video] {
  contain: paint;
  overflow: hidden;
  position: relative;
}
[ani-autoplay-video] canvas,
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-cy-video] canvas,
[ani-cy-video] img,
[ani-cy-video] video,
[ani-text-video] canvas,
[ani-text-video] img,
[ani-text-video] video,
[ani-video-wrapper] canvas,
[ani-video-wrapper] img,
[ani-video-wrapper] video,
[ani-works-video] canvas,
[ani-works-video] img,
[ani-works-video] video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[ani-autoplay-video] canvas,
[ani-cy-video] canvas,
[ani-text-video] canvas,
[ani-video-wrapper] canvas,
[ani-works-video] canvas {
  -o-object-fit: initial;
  object-fit: fill;
}
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-cy-video] img,
[ani-cy-video] video,
[ani-text-video] img,
[ani-text-video] video,
[ani-video-wrapper] img,
[ani-video-wrapper] video,
[ani-works-video] img,
[ani-works-video] 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;
  }
}