[ani-scroll-container] {
  will-change: transform;
}
.g--popup {
  height: var(--window-height);
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-webkit-calc(100vh + 2px));
  -moz-transform: translateY(-moz-calc(100vh + 2px));
  -ms-transform: translateY(calc(100vh + 2px));
  -o-transform: translateY(calc(100vh + 2px));
  transform: translateY(calc(100vh + 2px));
  -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh) * 100 + 2px));
  -moz-transform: translateY(-moz-calc(var(--vh, 1vh) * 100 + 2px));
  -ms-transform: translateY(calc(var(--vh, 1vh) * 100 + 2px));
  -o-transform: translateY(calc(var(--vh, 1vh) * 100 + 2px));
  transform: translateY(calc(var(--vh, 1vh) * 100 + 2px));
  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-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;
  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;
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  z-index: 2;
}
.video-portrait.g--popup .g--popup-close.v2 {
  top: 8px;
}
.g--popup-container.v2.v2 {
  background: #201f1c;
}
.g--popup-close.v2 polygon {
  fill: #fff;
}
.g--popup-container.v1 {
  background: #000;
}
.g--popup-close.v1 polygon {
  fill: #fff;
}
.light-theme :not(.dark-theme) .g--popup-container.v1 {
  background: #fff;
}
.light-theme :not(.dark-theme) .g--popup-close.v1 polygon {
  fill: #000;
}
.light-theme :not(.dark-theme) .g--popup-container.v2 {
  background: #fafafa;
}
.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
  fill: #efede9;
}
.light-theme :not(.dark-theme) .g--popup-close.v2 path {
  fill: #000;
}
@media (min-width: 1024px) {
  .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) {
  .g--popup .g--popup-container {
    padding: 0;
  }
  .g--popup .g--video-wrapper.v1 {
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw) * 100);
    width: -moz-calc(var(--vw, 1vw) * 100);
    width: calc(var(--vw, 1vw) * 100);
  }
  .g--popup .g--video-wrapper.v2 {
    max-width: 86.67vw;
    max-width: -webkit-calc(var(--vw, 1vw) * 86.67);
    max-width: -moz-calc(var(--vw, 1vw) * 86.67);
    max-width: calc(var(--vw, 1vw) * 86.67);
  }
  .g--popup .g--popup-close.v1 {
    height: 28px;
    right: 16px;
    top: -48px;
    width: 28px;
  }
  .g--popup .g--popup-close.v2 {
    right: -webkit-calc(50% - 16px);
    right: -moz-calc(50% - 16px);
    right: calc(50% - 16px);
    top: -webkit-calc(var(--window-height) - 59px);
    top: -moz-calc(var(--window-height) - 59px);
    top: calc(var(--window-height) - 59px);
  }
}
@media (min-width: 650px) and (max-width: 1023px) {
  .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-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-\[\#F5F4F0\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 244, 240, var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-\[\#F8F9FA\] {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--tw-bg-opacity));
}
.bg-\[\#EFEDE9\] {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 237, 233, var(--tw-bg-opacity));
}
.bg-\[\#F0F0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgba(240, 240, 240, var(--tw-bg-opacity));
}
.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
}
.bg-\[rgba\(0\,0\,0\,0\.12\)\] {
  --tw-bg-opacity: 0.12;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-\[\#F6F6F6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
}
.bg-\[rgb\(228\,228\,228\)\] {
  --tw-bg-opacity: 1;
  background-color: rgba(228, 228, 228, var(--tw-bg-opacity));
}
.bg-\[\#F4F3EE\] {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 243, 238, var(--tw-bg-opacity));
}
.bg-\[\#D9D9D9\] {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 217, 217, var(--tw-bg-opacity));
}
.bg-\[\#DDD9D4\] {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 217, 212, var(--tw-bg-opacity));
}
.rounded {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.rounded-1\/2 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cursor-pointer {
  cursor: pointer;
}
.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;
}
.hidden {
  display: none;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.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-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.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-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 0%;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
}
.flex-shrink-0 {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.h-full {
  height: 100%;
}
.h-auto {
  height: auto;
}
.h-0 {
  height: 0;
}
.h-16px {
  height: 16px;
}
.h-32px {
  height: 32px;
}
.h-20px {
  height: 20px;
}
.h-\[calc\(33\.33\%\)\] {
  height: 33.33%;
}
.text-12 {
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 20px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mt-150vh {
  margin-top: 150vh;
  margin-top: calc(var(--vh, 1vh) * 150);
}
.mr-2px {
  margin-right: 2px;
}
.mt-4px {
  margin-top: 4px;
}
.mr-6px {
  margin-right: 6px;
}
.ml-6px {
  margin-left: 6px;
}
.max-w-1440px {
  max-width: 1440px;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.opacity-0 {
  opacity: 0;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-20 {
  opacity: 0.2;
}
.overflow-hidden {
  overflow: hidden;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.left-0 {
  left: 0;
}
.top-0 {
  top: 0;
}
.-top-80px {
  top: -80px;
}
.top-\[calc\(var\(--nav-height\)\)\] {
  top: -webkit-calc(var(--nav-height));
  top: -moz-calc(var(--nav-height));
  top: calc(var(--nav-height));
}
.left-0px {
  left: 0;
}
.left-1px {
  left: 1px;
}
.-left-1px {
  left: -1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-\[rgba\(0\,0\,0\,0\.95\)\] {
  --tw-text-opacity: 0.95;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-\[rgba\(255\,255\,255\,0\.95\)\] {
  --tw-text-opacity: 0.95;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-\[rgba\(255\,255\,255\,0\.75\)\] {
  --tw-text-opacity: 0.75;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-\[rgba\(0\,0\,0\,0\.3\)\] {
  --tw-text-opacity: 0.3;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-\[rgba\(0\,0\,0\,0\.55\)\] {
  --tw-text-opacity: 0.55;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.invisible {
  visibility: hidden;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.w-screen {
  width: 100vw;
  width: -webkit-calc(var(--vw, 1vw) * 100);
  width: -moz-calc(var(--vw, 1vw) * 100);
  width: calc(var(--vw, 1vw) * 100);
}
.w-full {
  width: 100%;
}
.w-1px {
  width: 1px;
}
.w-16px {
  width: 16px;
}
.w-32px {
  width: 32px;
}
.w-20px {
  width: 20px;
}
.w-50vw {
  width: 50vw;
  width: -webkit-calc(var(--vw, 1vw) * 50);
  width: -moz-calc(var(--vw, 1vw) * 50);
  width: calc(var(--vw, 1vw) * 50);
}
.w-2px {
  width: 2px;
}
.w-432px {
  width: 432px;
}
.z-3 {
  z-index: 3;
}
.z-2 {
  z-index: 2;
}
.z-4 {
  z-index: 4;
}
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  -webkit-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z))
    rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x))
    rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -ms-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z))
    rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x))
    rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -moz-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z))
    rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x))
    rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y))
    translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate))
    rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y))
    rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    scaleZ(var(--tw-scale-z));
}
.-rotate-90 {
  --tw-rotate: -90deg;
}
.translate-z-0 {
  --tw-translate-z: 0px;
}
@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);
  }
  .pc\:bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }
  .pc\:rounded-36px {
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
  }
  .pc\:items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .pc\:items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pc\:justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pc\:h-auto {
    height: auto;
  }
  .pc\:h-full {
    height: 100%;
  }
  .pc\:h-44\.44vw {
    height: 44.44vw;
    height: -webkit-calc(var(--vw, 1vw) * 44.44);
    height: -moz-calc(var(--vw, 1vw) * 44.44);
    height: calc(var(--vw, 1vw) * 44.44);
  }
  .pc\:h-110px {
    height: 110px;
  }
  .pc\:h-\[calc\(var\(--content-height\)\)\] {
    height: -webkit-calc(var(--content-height));
    height: -moz-calc(var(--content-height));
    height: calc(var(--content-height));
  }
  .pc\:h-20px {
    height: 20px;
  }
  .pc\:h-40px {
    height: 40px;
  }
  .pc\:h-267px {
    height: 267px;
  }
  .pc\:text-50 {
    font-size: 50px;
    letter-spacing: 2px;
    line-height: 58px;
  }
  .pc\:text-24 {
    font-size: 24px;
    letter-spacing: 0.5px;
    line-height: 32px;
  }
  .pc\:text-20 {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 28px;
  }
  .pc\:text-14 {
    font-size: 14px;
    line-height: 22px;
  }
  .pc\:text-68 {
    font-size: 68px;
    line-height: 76px;
  }
  .pc\:text-48 {
    letter-spacing: 0.02em;
  }
  .pc\:text-48,
  .pc\:text-48v1 {
    font-size: 48px;
    line-height: 60px;
  }
  .pc\:text-18 {
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
  .pc\:text-32 {
    font-size: 32px;
    letter-spacing: 0.5px;
    line-height: 40px;
  }
  .pct\:text-68 {
    font-size: 68px;
    line-height: 76px;
  }
  .pct\:text-48 {
    font-size: 48px;
    letter-spacing: 0.02em;
    line-height: 60px;
  }
  .pct\:text-18 {
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
  .pc\:text-12 {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .pc\:text-16 {
    letter-spacing: 0.5px;
  }
  .pc\:text-16,
  .pc\:text-16v1 {
    font-size: 16px;
    line-height: 24px;
  }
  .pct\:text-14 {
    font-size: 14px;
    line-height: 22px;
  }
  .pct\:text-16 {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
  }
  .pct\:text-12 {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .pc\:mr-400px {
    margin-right: 400px;
  }
  .pc\:mt-20px {
    margin-top: 20px;
  }
  .pc\:max-w-1440px {
    max-width: 1440px;
  }
  .pc\:min-w-445px {
    min-width: 445px;
  }
  .pc\:min-w-420px {
    min-width: 420px;
  }
  .pc\:pl-8vw {
    padding-left: 8vw;
    padding-left: calc(var(--vw, 1vw) * 8);
  }
  .pc\:pl-64px {
    padding-left: 64px;
  }
  .pc\:pl-32px {
    padding-left: 32px;
  }
  .pc\:pr-32px {
    padding-right: 32px;
  }
  .pc\:pr-64px {
    padding-right: 64px;
  }
  .pc\:pt-9px {
    padding-top: 9px;
  }
  .pc\:pb-9px {
    padding-bottom: 9px;
  }
  .pc\:pl-20px {
    padding-left: 20px;
  }
  .pc\:pr-20px {
    padding-right: 20px;
  }
  .pc\:absolute {
    position: absolute;
  }
  .pc\:top-338px {
    top: 338px;
  }
  .pc\:top-343px {
    top: 343px;
  }
  .pc\:text-center {
    text-align: center;
  }
  .pc\:whitespace-nowrap {
    white-space: nowrap;
  }
  .pc\:w-full {
    width: 100%;
  }
  .pc\:w-496px {
    width: 496px;
  }
  .pc\:w-420px {
    width: 420px;
  }
  .pc\:w-432px {
    width: 432px;
  }
  .pc\:w-415px {
    width: 415px;
  }
  .pc\:w-492px {
    width: 492px;
  }
  .pc\:w-604px {
    width: 604px;
  }
  .pc\:w-928px {
    width: 928px;
  }
  .pc\:w-20px {
    width: 20px;
  }
  .pc\:w-570px {
    width: 570px;
  }
  .pc\:w-890px {
    width: 890px;
  }
  .pc\:w-920px {
    width: 920px;
  }
}
@media (min-width: 1024px) and (min-width: 1400px) {
  .rounded-4rpx {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .rounded-8rpx {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
  .rounded-18rpx {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
  }
  .rounded-40rpx {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
  }
  .rounded-36rpx {
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
  }
  .h-557rpx {
    height: 557px;
  }
  .h-80rpx {
    height: 80px;
  }
  .h-243rpx {
    height: 243px;
  }
  .h-922rpx {
    height: 922px;
  }
  .h-354rpx {
    height: 354px;
  }
  .h-309rpx {
    height: 309px;
  }
  .h-346rpx {
    height: 346px;
  }
  .h-429rpx {
    height: 429px;
  }
  .h-1056rpx {
    height: 1056px;
  }
  .h-386rpx {
    height: 386px;
  }
  .h-640rpx {
    height: 640px;
  }
  .h-477rpx {
    height: 477px;
  }
  .h-445rpx {
    height: 445px;
  }
  .h-100rpx {
    height: 100px;
  }
  .h-120rpx {
    height: 120px;
  }
  .h-150rpx {
    height: 150px;
  }
  .h-54rpx {
    height: 54px;
  }
  .h-1093rpx {
    height: 1093px;
  }
  .h-995rpx {
    height: 995px;
  }
  .h-695rpx {
    height: 695px;
  }
  .h-635rpx {
    height: 635px;
  }
  .h-426rpx {
    height: 426px;
  }
  .h-32rpx {
    height: 32px;
  }
  .h-10rpx {
    height: 10px;
  }
  .h-520rpx {
    height: 520px;
  }
  .h-322rpx {
    height: 322px;
  }
  .h-483rpx {
    height: 483px;
  }
  .h-497rpx {
    height: 497px;
  }
  .h-415rpx {
    height: 415px;
  }
  .h-303rpx {
    height: 303px;
  }
  .h-464rpx {
    height: 464px;
  }
  .h-199rpx {
    height: 199px;
  }
  .mt-10rpx {
    margin-top: 10px;
  }
  .mt-8rpx {
    margin-top: 8px;
  }
  .mt-4rpx {
    margin-top: 4px;
  }
  .-mt-500rpx {
    margin-top: -500px;
  }
  .-mt-1000rpx {
    margin-top: -1000px;
  }
  .mt-24rpx {
    margin-top: 24px;
  }
  .mt-48rpx {
    margin-top: 48px;
  }
  .mr-24rpx {
    margin-right: 24px;
  }
  .mt-16rpx {
    margin-top: 16px;
  }
  .mt-75rpx {
    margin-top: 75px;
  }
  .mr-40rpx {
    margin-right: 40px;
  }
  .mr-8rpx {
    margin-right: 8px;
  }
  .mt-28rpx {
    margin-top: 28px;
  }
  .mr-64rpx {
    margin-right: 64px;
  }
  .mt-40rpx {
    margin-top: 40px;
  }
  .mt-65rpx {
    margin-top: 65px;
  }
  .ml-32rpx {
    margin-left: 32px;
  }
  .mr-32rpx {
    margin-right: 32px;
  }
  .mt-12rpx {
    margin-top: 12px;
  }
  .mb-12rpx {
    margin-bottom: 12px;
  }
  .-ml-32rpx {
    margin-left: -32px;
  }
  .-mt-12rpx {
    margin-top: -12px;
  }
  .mt-96rpx {
    margin-top: 96px;
  }
  .mr-16rpx {
    margin-right: 16px;
  }
  .mt-18rpx {
    margin-top: 18px;
  }
  .ml-24rpx {
    margin-left: 24px;
  }
  .mt-56rpx {
    margin-top: 56px;
  }
  .p-20rpx {
    padding: 20px;
  }
  .pt-80rpx {
    padding-top: 80px;
  }
  .pb-80rpx {
    padding-bottom: 80px;
  }
  .pt-12rpx {
    padding-top: 12px;
  }
  .pb-12rpx {
    padding-bottom: 12px;
  }
  .pl-20rpx {
    padding-left: 20px;
  }
  .pr-20rpx {
    padding-right: 20px;
  }
  .pt-184rpx {
    padding-top: 184px;
  }
  .pb-184rpx {
    padding-bottom: 184px;
  }
  .pb-1500rpx {
    padding-bottom: 1500px;
  }
  .pt-580rpx {
    padding-top: 580px;
  }
  .pt-105rpx {
    padding-top: 105px;
  }
  .pb-105rpx {
    padding-bottom: 105px;
  }
  .pl-74rpx {
    padding-left: 74px;
  }
  .pt-132rpx {
    padding-top: 132px;
  }
  .pb-144rpx {
    padding-bottom: 144px;
  }
  .pt-99rpx {
    padding-top: 99px;
  }
  .pb-99rpx {
    padding-bottom: 99px;
  }
  .pt-38rpx {
    padding-top: 38px;
  }
  .pb-38rpx {
    padding-bottom: 38px;
  }
  .pl-32rpx {
    padding-left: 32px;
  }
  .pr-32rpx {
    padding-right: 32px;
  }
  .pt-16rpx {
    padding-top: 16px;
  }
  .pb-16rpx {
    padding-bottom: 16px;
  }
  .pl-16rpx {
    padding-left: 16px;
  }
  .pr-56rpx {
    padding-right: 56px;
  }
  .pt-135rpx {
    padding-top: 135px;
  }
  .pb-135rpx {
    padding-bottom: 135px;
  }
  .pt-4rpx {
    padding-top: 4px;
  }
  .pb-4rpx {
    padding-bottom: 4px;
  }
  .pl-12rpx {
    padding-left: 12px;
  }
  .pr-12rpx {
    padding-right: 12px;
  }
  .pt-160rpx {
    padding-top: 160px;
  }
  .pb-160rpx {
    padding-bottom: 160px;
  }
  .pb-32rpx {
    padding-bottom: 32px;
  }
  .pt-50rpx {
    padding-top: 50px;
  }
  .pl-64rpx {
    padding-left: 64px;
  }
  .pr-60rpx {
    padding-right: 60px;
  }
  .pt-54rpx {
    padding-top: 54px;
  }
  .pb-54rpx {
    padding-bottom: 54px;
  }
  .pt-84rpx {
    padding-top: 84px;
  }
  .pb-84rpx {
    padding-bottom: 84px;
  }
  .pl-60rpx {
    padding-left: 60px;
  }
  .pt-9rpx {
    padding-top: 9px;
  }
  .pb-9rpx {
    padding-bottom: 9px;
  }
  .pt-48rpx {
    padding-top: 48px;
  }
  .pb-48rpx {
    padding-bottom: 48px;
  }
  .pt-28rpx {
    padding-top: 28px;
  }
  .pl-28rpx {
    padding-left: 28px;
  }
  .pb-430rpx {
    padding-bottom: 430px;
  }
  .pl-120rpx {
    padding-left: 120px;
  }
  .pr-110rpx {
    padding-right: 110px;
  }
  .top-449rpx {
    top: 449px;
  }
  .top-720rpx {
    top: 720px;
  }
  .-right-13rpx {
    right: -13px;
  }
  .top-10rpx {
    top: 10px;
  }
  .right-0rpx {
    right: 0;
  }
  .top-0rpx {
    top: 0;
  }
  .left-16rpx {
    left: 16px;
  }
  .bottom-16rpx {
    bottom: 16px;
  }
  .right-140rpx {
    right: 140px;
  }
  .left-25rpx {
    left: 25px;
  }
  .top-25rpx {
    top: 25px;
  }
  .-left-45rpx {
    left: -45px;
  }
  .-bottom-0rpx {
    bottom: 0;
  }
  .-right-45rpx {
    right: -45px;
  }
  .-top-45rpx {
    top: -45px;
  }
  .-right-25rpx {
    right: -25px;
  }
  .-bottom-45rpx {
    bottom: -45px;
  }
  .-left-565rpx {
    left: -565px;
  }
  .right-49rpx {
    right: 49px;
  }
  .top-49rpx {
    top: 49px;
  }
  .left-967rpx {
    left: 967px;
  }
  .left-13rpx {
    left: 13px;
  }
  .top-14rpx {
    top: 14px;
  }
  .bottom-20rpx {
    bottom: 20px;
  }
  .right-20rpx {
    right: 20px;
  }
  .left-20rpx {
    left: 20px;
  }
  .bottom-25rpx {
    bottom: 25px;
  }
  .top-48rpx {
    top: 48px;
  }
  .left-26rpx {
    left: 26px;
  }
  .top-23rpx {
    top: 23px;
  }
  .top-20rpx {
    top: 20px;
  }
  .-right-62rpx {
    right: -62px;
  }
  .left-1rpx {
    left: 1px;
  }
  .-left-1rpx {
    left: -1px;
  }
  .right-120rpx {
    right: 120px;
  }
  .bottom-8rpx {
    bottom: 8px;
  }
  .right-60rpx {
    right: 60px;
  }
  .left-8rpx {
    left: 8px;
  }
  .bottom-3rpx {
    bottom: 3px;
  }
  .right-24rpx {
    right: 24px;
  }
  .bottom-24rpx {
    bottom: 24px;
  }
  .-left-80rpx {
    left: -80px;
  }
  .-top-61rpx {
    top: -61px;
  }
  .left-416rpx {
    left: 416px;
  }
  .bottom-\[calc\(134px-100rpx\)\] {
    bottom: 34px;
  }
  .w-1312rpx {
    width: 1312px;
  }
  .w-80rpx {
    width: 80px;
  }
  .w-366rpx {
    width: 366px;
  }
  .w-564rpx {
    width: 564px;
  }
  .w-322rpx {
    width: 322px;
  }
  .w-1231rpx {
    width: 1231px;
  }
  .w-315rpx {
    width: 315px;
  }
  .w-890rpx {
    width: 890px;
  }
  .w-480rpx {
    width: 480px;
  }
  .w-470rpx {
    width: 470px;
  }
  .w-582rpx {
    width: 582px;
  }
  .w-500rpx {
    width: 500px;
  }
  .w-874rpx {
    width: 874px;
  }
  .w-523rpx {
    width: 523px;
  }
  .w-83rpx {
    width: 83px;
  }
  .w-872rpx {
    width: 872px;
  }
  .w-975rpx {
    width: 975px;
  }
  .w-632rpx {
    width: 632px;
  }
  .w-502rpx {
    width: 502px;
  }
  .w-100rpx {
    width: 100px;
  }
  .w-120rpx {
    width: 120px;
  }
  .w-150rpx {
    width: 150px;
  }
  .w-144rpx {
    width: 144px;
  }
  .w-54rpx {
    width: 54px;
  }
  .w-1492rpx {
    width: 1492px;
  }
  .w-1390rpx {
    width: 1390px;
  }
  .w-312rpx {
    width: 312px;
  }
  .w-285rpx {
    width: 285px;
  }
  .w-570rpx {
    width: 570px;
  }
  .w-410rpx {
    width: 410px;
  }
  .w-32rpx {
    width: 32px;
  }
  .w-8rpx {
    width: 8px;
  }
  .w-656rpx {
    width: 656px;
  }
  .w-608rpx {
    width: 608px;
  }
  .w-432rpx {
    width: 432px;
  }
  .w-686rpx {
    width: 686px;
  }
  .w-863rpx {
    width: 863px;
  }
  .w-540rpx {
    width: 540px;
  }
  .w-604rpx {
    width: 604px;
  }
  .w-460rpx {
    width: 460px;
  }
  .w-652rpx {
    width: 652px;
  }
  .w-620rpx {
    width: 620px;
  }
  .w-270rpx {
    width: 270px;
  }
  .w-431rpx {
    width: 431px;
  }
  .pc\:w-608rpx {
    width: 608px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1399px) {
  .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);
  }
  .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-18rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 18);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 18);
    border-radius: calc(var(--rpx, 1px) * 18);
  }
  .rounded-40rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 40);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 40);
    border-radius: calc(var(--rpx, 1px) * 40);
  }
  .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);
  }
  .h-557rpx {
    height: -webkit-calc(var(--rpx, 1px) * 557);
    height: -moz-calc(var(--rpx, 1px) * 557);
    height: calc(var(--rpx, 1px) * 557);
  }
  .h-80rpx {
    height: -webkit-calc(var(--rpx, 1px) * 80);
    height: -moz-calc(var(--rpx, 1px) * 80);
    height: calc(var(--rpx, 1px) * 80);
  }
  .h-243rpx {
    height: -webkit-calc(var(--rpx, 1px) * 243);
    height: -moz-calc(var(--rpx, 1px) * 243);
    height: calc(var(--rpx, 1px) * 243);
  }
  .h-922rpx {
    height: -webkit-calc(var(--rpx, 1px) * 922);
    height: -moz-calc(var(--rpx, 1px) * 922);
    height: calc(var(--rpx, 1px) * 922);
  }
  .h-354rpx {
    height: -webkit-calc(var(--rpx, 1px) * 354);
    height: -moz-calc(var(--rpx, 1px) * 354);
    height: calc(var(--rpx, 1px) * 354);
  }
  .h-309rpx {
    height: -webkit-calc(var(--rpx, 1px) * 309);
    height: -moz-calc(var(--rpx, 1px) * 309);
    height: calc(var(--rpx, 1px) * 309);
  }
  .h-346rpx {
    height: -webkit-calc(var(--rpx, 1px) * 346);
    height: -moz-calc(var(--rpx, 1px) * 346);
    height: calc(var(--rpx, 1px) * 346);
  }
  .h-429rpx {
    height: -webkit-calc(var(--rpx, 1px) * 429);
    height: -moz-calc(var(--rpx, 1px) * 429);
    height: calc(var(--rpx, 1px) * 429);
  }
  .h-1056rpx {
    height: -webkit-calc(var(--rpx, 1px) * 1056);
    height: -moz-calc(var(--rpx, 1px) * 1056);
    height: calc(var(--rpx, 1px) * 1056);
  }
  .h-386rpx {
    height: -webkit-calc(var(--rpx, 1px) * 386);
    height: -moz-calc(var(--rpx, 1px) * 386);
    height: calc(var(--rpx, 1px) * 386);
  }
  .h-640rpx {
    height: -webkit-calc(var(--rpx, 1px) * 640);
    height: -moz-calc(var(--rpx, 1px) * 640);
    height: calc(var(--rpx, 1px) * 640);
  }
  .h-477rpx {
    height: -webkit-calc(var(--rpx, 1px) * 477);
    height: -moz-calc(var(--rpx, 1px) * 477);
    height: calc(var(--rpx, 1px) * 477);
  }
  .h-445rpx {
    height: -webkit-calc(var(--rpx, 1px) * 445);
    height: -moz-calc(var(--rpx, 1px) * 445);
    height: calc(var(--rpx, 1px) * 445);
  }
  .h-100rpx {
    height: -webkit-calc(var(--rpx, 1px) * 100);
    height: -moz-calc(var(--rpx, 1px) * 100);
    height: calc(var(--rpx, 1px) * 100);
  }
  .h-120rpx {
    height: -webkit-calc(var(--rpx, 1px) * 120);
    height: -moz-calc(var(--rpx, 1px) * 120);
    height: calc(var(--rpx, 1px) * 120);
  }
  .h-150rpx {
    height: -webkit-calc(var(--rpx, 1px) * 150);
    height: -moz-calc(var(--rpx, 1px) * 150);
    height: calc(var(--rpx, 1px) * 150);
  }
  .h-54rpx {
    height: -webkit-calc(var(--rpx, 1px) * 54);
    height: -moz-calc(var(--rpx, 1px) * 54);
    height: calc(var(--rpx, 1px) * 54);
  }
  .h-1093rpx {
    height: -webkit-calc(var(--rpx, 1px) * 1093);
    height: -moz-calc(var(--rpx, 1px) * 1093);
    height: calc(var(--rpx, 1px) * 1093);
  }
  .h-995rpx {
    height: -webkit-calc(var(--rpx, 1px) * 995);
    height: -moz-calc(var(--rpx, 1px) * 995);
    height: calc(var(--rpx, 1px) * 995);
  }
  .h-695rpx {
    height: -webkit-calc(var(--rpx, 1px) * 695);
    height: -moz-calc(var(--rpx, 1px) * 695);
    height: calc(var(--rpx, 1px) * 695);
  }
  .h-635rpx {
    height: -webkit-calc(var(--rpx, 1px) * 635);
    height: -moz-calc(var(--rpx, 1px) * 635);
    height: calc(var(--rpx, 1px) * 635);
  }
  .h-426rpx {
    height: -webkit-calc(var(--rpx, 1px) * 426);
    height: -moz-calc(var(--rpx, 1px) * 426);
    height: calc(var(--rpx, 1px) * 426);
  }
  .h-32rpx {
    height: -webkit-calc(var(--rpx, 1px) * 32);
    height: -moz-calc(var(--rpx, 1px) * 32);
    height: calc(var(--rpx, 1px) * 32);
  }
  .h-10rpx {
    height: -webkit-calc(var(--rpx, 1px) * 10);
    height: -moz-calc(var(--rpx, 1px) * 10);
    height: calc(var(--rpx, 1px) * 10);
  }
  .h-520rpx {
    height: -webkit-calc(var(--rpx, 1px) * 520);
    height: -moz-calc(var(--rpx, 1px) * 520);
    height: calc(var(--rpx, 1px) * 520);
  }
  .h-322rpx {
    height: -webkit-calc(var(--rpx, 1px) * 322);
    height: -moz-calc(var(--rpx, 1px) * 322);
    height: calc(var(--rpx, 1px) * 322);
  }
  .h-483rpx {
    height: -webkit-calc(var(--rpx, 1px) * 483);
    height: -moz-calc(var(--rpx, 1px) * 483);
    height: calc(var(--rpx, 1px) * 483);
  }
  .h-497rpx {
    height: -webkit-calc(var(--rpx, 1px) * 497);
    height: -moz-calc(var(--rpx, 1px) * 497);
    height: calc(var(--rpx, 1px) * 497);
  }
  .h-415rpx {
    height: -webkit-calc(var(--rpx, 1px) * 415);
    height: -moz-calc(var(--rpx, 1px) * 415);
    height: calc(var(--rpx, 1px) * 415);
  }
  .h-303rpx {
    height: -webkit-calc(var(--rpx, 1px) * 303);
    height: -moz-calc(var(--rpx, 1px) * 303);
    height: calc(var(--rpx, 1px) * 303);
  }
  .h-464rpx {
    height: -webkit-calc(var(--rpx, 1px) * 464);
    height: -moz-calc(var(--rpx, 1px) * 464);
    height: calc(var(--rpx, 1px) * 464);
  }
  .h-199rpx {
    height: -webkit-calc(var(--rpx, 1px) * 199);
    height: -moz-calc(var(--rpx, 1px) * 199);
    height: calc(var(--rpx, 1px) * 199);
  }
  .mt-10rpx {
    margin-top: calc(var(--rpx, 1px) * 10);
  }
  .mt-8rpx {
    margin-top: calc(var(--rpx, 1px) * 8);
  }
  .mt-4rpx {
    margin-top: calc(var(--rpx, 1px) * 4);
  }
  .-mt-500rpx {
    margin-top: calc(var(--rpx, 1px) * -500);
  }
  .-mt-1000rpx {
    margin-top: calc(var(--rpx, 1px) * -1000);
  }
  .mt-24rpx {
    margin-top: calc(var(--rpx, 1px) * 24);
  }
  .mt-48rpx {
    margin-top: calc(var(--rpx, 1px) * 48);
  }
  .mr-24rpx {
    margin-right: calc(var(--rpx, 1px) * 24);
  }
  .mt-16rpx {
    margin-top: calc(var(--rpx, 1px) * 16);
  }
  .mt-75rpx {
    margin-top: calc(var(--rpx, 1px) * 75);
  }
  .mr-40rpx {
    margin-right: calc(var(--rpx, 1px) * 40);
  }
  .mr-8rpx {
    margin-right: calc(var(--rpx, 1px) * 8);
  }
  .mt-28rpx {
    margin-top: calc(var(--rpx, 1px) * 28);
  }
  .mr-64rpx {
    margin-right: calc(var(--rpx, 1px) * 64);
  }
  .mt-40rpx {
    margin-top: calc(var(--rpx, 1px) * 40);
  }
  .mt-65rpx {
    margin-top: calc(var(--rpx, 1px) * 65);
  }
  .ml-32rpx {
    margin-left: calc(var(--rpx, 1px) * 32);
  }
  .mr-32rpx {
    margin-right: calc(var(--rpx, 1px) * 32);
  }
  .mt-12rpx {
    margin-top: calc(var(--rpx, 1px) * 12);
  }
  .mb-12rpx {
    margin-bottom: calc(var(--rpx, 1px) * 12);
  }
  .-ml-32rpx {
    margin-left: calc(var(--rpx, 1px) * -32);
  }
  .-mt-12rpx {
    margin-top: calc(var(--rpx, 1px) * -12);
  }
  .mt-96rpx {
    margin-top: calc(var(--rpx, 1px) * 96);
  }
  .mr-16rpx {
    margin-right: calc(var(--rpx, 1px) * 16);
  }
  .mt-18rpx {
    margin-top: calc(var(--rpx, 1px) * 18);
  }
  .ml-24rpx {
    margin-left: calc(var(--rpx, 1px) * 24);
  }
  .mt-56rpx {
    margin-top: calc(var(--rpx, 1px) * 56);
  }
  .p-20rpx {
    padding: calc(var(--rpx, 1px) * 20);
  }
  .pt-80rpx {
    padding-top: calc(var(--rpx, 1px) * 80);
  }
  .pb-80rpx {
    padding-bottom: calc(var(--rpx, 1px) * 80);
  }
  .pt-12rpx {
    padding-top: calc(var(--rpx, 1px) * 12);
  }
  .pb-12rpx {
    padding-bottom: calc(var(--rpx, 1px) * 12);
  }
  .pl-20rpx {
    padding-left: calc(var(--rpx, 1px) * 20);
  }
  .pr-20rpx {
    padding-right: calc(var(--rpx, 1px) * 20);
  }
  .pt-184rpx {
    padding-top: calc(var(--rpx, 1px) * 184);
  }
  .pb-184rpx {
    padding-bottom: calc(var(--rpx, 1px) * 184);
  }
  .pb-1500rpx {
    padding-bottom: calc(var(--rpx, 1px) * 1500);
  }
  .pt-580rpx {
    padding-top: calc(var(--rpx, 1px) * 580);
  }
  .pt-105rpx {
    padding-top: calc(var(--rpx, 1px) * 105);
  }
  .pb-105rpx {
    padding-bottom: calc(var(--rpx, 1px) * 105);
  }
  .pl-74rpx {
    padding-left: calc(var(--rpx, 1px) * 74);
  }
  .pt-132rpx {
    padding-top: calc(var(--rpx, 1px) * 132);
  }
  .pb-144rpx {
    padding-bottom: calc(var(--rpx, 1px) * 144);
  }
  .pt-99rpx {
    padding-top: calc(var(--rpx, 1px) * 99);
  }
  .pb-99rpx {
    padding-bottom: calc(var(--rpx, 1px) * 99);
  }
  .pt-38rpx {
    padding-top: calc(var(--rpx, 1px) * 38);
  }
  .pb-38rpx {
    padding-bottom: calc(var(--rpx, 1px) * 38);
  }
  .pl-32rpx {
    padding-left: calc(var(--rpx, 1px) * 32);
  }
  .pr-32rpx {
    padding-right: calc(var(--rpx, 1px) * 32);
  }
  .pt-16rpx {
    padding-top: calc(var(--rpx, 1px) * 16);
  }
  .pb-16rpx {
    padding-bottom: calc(var(--rpx, 1px) * 16);
  }
  .pl-16rpx {
    padding-left: calc(var(--rpx, 1px) * 16);
  }
  .pr-56rpx {
    padding-right: calc(var(--rpx, 1px) * 56);
  }
  .pt-135rpx {
    padding-top: calc(var(--rpx, 1px) * 135);
  }
  .pb-135rpx {
    padding-bottom: calc(var(--rpx, 1px) * 135);
  }
  .pt-4rpx {
    padding-top: calc(var(--rpx, 1px) * 4);
  }
  .pb-4rpx {
    padding-bottom: calc(var(--rpx, 1px) * 4);
  }
  .pl-12rpx {
    padding-left: calc(var(--rpx, 1px) * 12);
  }
  .pr-12rpx {
    padding-right: calc(var(--rpx, 1px) * 12);
  }
  .pt-160rpx {
    padding-top: calc(var(--rpx, 1px) * 160);
  }
  .pb-160rpx {
    padding-bottom: calc(var(--rpx, 1px) * 160);
  }
  .pb-32rpx {
    padding-bottom: calc(var(--rpx, 1px) * 32);
  }
  .pt-50rpx {
    padding-top: calc(var(--rpx, 1px) * 50);
  }
  .pl-64rpx {
    padding-left: calc(var(--rpx, 1px) * 64);
  }
  .pr-60rpx {
    padding-right: calc(var(--rpx, 1px) * 60);
  }
  .pt-54rpx {
    padding-top: calc(var(--rpx, 1px) * 54);
  }
  .pb-54rpx {
    padding-bottom: calc(var(--rpx, 1px) * 54);
  }
  .pt-84rpx {
    padding-top: calc(var(--rpx, 1px) * 84);
  }
  .pb-84rpx {
    padding-bottom: calc(var(--rpx, 1px) * 84);
  }
  .pl-60rpx {
    padding-left: calc(var(--rpx, 1px) * 60);
  }
  .pt-9rpx {
    padding-top: calc(var(--rpx, 1px) * 9);
  }
  .pb-9rpx {
    padding-bottom: calc(var(--rpx, 1px) * 9);
  }
  .pt-48rpx {
    padding-top: calc(var(--rpx, 1px) * 48);
  }
  .pb-48rpx {
    padding-bottom: calc(var(--rpx, 1px) * 48);
  }
  .pt-28rpx {
    padding-top: calc(var(--rpx, 1px) * 28);
  }
  .pl-28rpx {
    padding-left: calc(var(--rpx, 1px) * 28);
  }
  .pb-430rpx {
    padding-bottom: calc(var(--rpx, 1px) * 430);
  }
  .pl-120rpx {
    padding-left: calc(var(--rpx, 1px) * 120);
  }
  .pr-110rpx {
    padding-right: calc(var(--rpx, 1px) * 110);
  }
  .top-449rpx {
    top: -webkit-calc(var(--rpx, 1px) * 449);
    top: -moz-calc(var(--rpx, 1px) * 449);
    top: calc(var(--rpx, 1px) * 449);
  }
  .top-720rpx {
    top: -webkit-calc(var(--rpx, 1px) * 720);
    top: -moz-calc(var(--rpx, 1px) * 720);
    top: calc(var(--rpx, 1px) * 720);
  }
  .-right-13rpx {
    right: -webkit-calc(var(--rpx, 1px) * -13);
    right: -moz-calc(var(--rpx, 1px) * -13);
    right: calc(var(--rpx, 1px) * -13);
  }
  .top-10rpx {
    top: -webkit-calc(var(--rpx, 1px) * 10);
    top: -moz-calc(var(--rpx, 1px) * 10);
    top: calc(var(--rpx, 1px) * 10);
  }
  .right-0rpx {
    right: -webkit-calc(var(--rpx, 1px) * 0);
    right: -moz-calc(var(--rpx, 1px) * 0);
    right: calc(var(--rpx, 1px) * 0);
  }
  .top-0rpx {
    top: -webkit-calc(var(--rpx, 1px) * 0);
    top: -moz-calc(var(--rpx, 1px) * 0);
    top: calc(var(--rpx, 1px) * 0);
  }
  .left-16rpx {
    left: -webkit-calc(var(--rpx, 1px) * 16);
    left: -moz-calc(var(--rpx, 1px) * 16);
    left: calc(var(--rpx, 1px) * 16);
  }
  .bottom-16rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 16);
    bottom: -moz-calc(var(--rpx, 1px) * 16);
    bottom: calc(var(--rpx, 1px) * 16);
  }
  .right-140rpx {
    right: -webkit-calc(var(--rpx, 1px) * 140);
    right: -moz-calc(var(--rpx, 1px) * 140);
    right: calc(var(--rpx, 1px) * 140);
  }
  .left-25rpx {
    left: -webkit-calc(var(--rpx, 1px) * 25);
    left: -moz-calc(var(--rpx, 1px) * 25);
    left: calc(var(--rpx, 1px) * 25);
  }
  .top-25rpx {
    top: -webkit-calc(var(--rpx, 1px) * 25);
    top: -moz-calc(var(--rpx, 1px) * 25);
    top: calc(var(--rpx, 1px) * 25);
  }
  .-left-45rpx {
    left: -webkit-calc(var(--rpx, 1px) * -45);
    left: -moz-calc(var(--rpx, 1px) * -45);
    left: calc(var(--rpx, 1px) * -45);
  }
  .-bottom-0rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 0);
    bottom: -moz-calc(var(--rpx, 1px) * 0);
    bottom: calc(var(--rpx, 1px) * 0);
  }
  .-right-45rpx {
    right: -webkit-calc(var(--rpx, 1px) * -45);
    right: -moz-calc(var(--rpx, 1px) * -45);
    right: calc(var(--rpx, 1px) * -45);
  }
  .-top-45rpx {
    top: -webkit-calc(var(--rpx, 1px) * -45);
    top: -moz-calc(var(--rpx, 1px) * -45);
    top: calc(var(--rpx, 1px) * -45);
  }
  .-right-25rpx {
    right: -webkit-calc(var(--rpx, 1px) * -25);
    right: -moz-calc(var(--rpx, 1px) * -25);
    right: calc(var(--rpx, 1px) * -25);
  }
  .-bottom-45rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * -45);
    bottom: -moz-calc(var(--rpx, 1px) * -45);
    bottom: calc(var(--rpx, 1px) * -45);
  }
  .-left-565rpx {
    left: -webkit-calc(var(--rpx, 1px) * -565);
    left: -moz-calc(var(--rpx, 1px) * -565);
    left: calc(var(--rpx, 1px) * -565);
  }
  .right-49rpx {
    right: -webkit-calc(var(--rpx, 1px) * 49);
    right: -moz-calc(var(--rpx, 1px) * 49);
    right: calc(var(--rpx, 1px) * 49);
  }
  .top-49rpx {
    top: -webkit-calc(var(--rpx, 1px) * 49);
    top: -moz-calc(var(--rpx, 1px) * 49);
    top: calc(var(--rpx, 1px) * 49);
  }
  .left-967rpx {
    left: -webkit-calc(var(--rpx, 1px) * 967);
    left: -moz-calc(var(--rpx, 1px) * 967);
    left: calc(var(--rpx, 1px) * 967);
  }
  .left-13rpx {
    left: -webkit-calc(var(--rpx, 1px) * 13);
    left: -moz-calc(var(--rpx, 1px) * 13);
    left: calc(var(--rpx, 1px) * 13);
  }
  .top-14rpx {
    top: -webkit-calc(var(--rpx, 1px) * 14);
    top: -moz-calc(var(--rpx, 1px) * 14);
    top: calc(var(--rpx, 1px) * 14);
  }
  .bottom-20rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 20);
    bottom: -moz-calc(var(--rpx, 1px) * 20);
    bottom: calc(var(--rpx, 1px) * 20);
  }
  .right-20rpx {
    right: -webkit-calc(var(--rpx, 1px) * 20);
    right: -moz-calc(var(--rpx, 1px) * 20);
    right: 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);
  }
  .bottom-25rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 25);
    bottom: -moz-calc(var(--rpx, 1px) * 25);
    bottom: calc(var(--rpx, 1px) * 25);
  }
  .top-48rpx {
    top: -webkit-calc(var(--rpx, 1px) * 48);
    top: -moz-calc(var(--rpx, 1px) * 48);
    top: calc(var(--rpx, 1px) * 48);
  }
  .left-26rpx {
    left: -webkit-calc(var(--rpx, 1px) * 26);
    left: -moz-calc(var(--rpx, 1px) * 26);
    left: calc(var(--rpx, 1px) * 26);
  }
  .top-23rpx {
    top: -webkit-calc(var(--rpx, 1px) * 23);
    top: -moz-calc(var(--rpx, 1px) * 23);
    top: calc(var(--rpx, 1px) * 23);
  }
  .top-20rpx {
    top: -webkit-calc(var(--rpx, 1px) * 20);
    top: -moz-calc(var(--rpx, 1px) * 20);
    top: calc(var(--rpx, 1px) * 20);
  }
  .-right-62rpx {
    right: -webkit-calc(var(--rpx, 1px) * -62);
    right: -moz-calc(var(--rpx, 1px) * -62);
    right: calc(var(--rpx, 1px) * -62);
  }
  .left-1rpx {
    left: -webkit-calc(var(--rpx, 1px) * 1);
    left: -moz-calc(var(--rpx, 1px) * 1);
    left: calc(var(--rpx, 1px) * 1);
  }
  .-left-1rpx {
    left: -webkit-calc(var(--rpx, 1px) * -1);
    left: -moz-calc(var(--rpx, 1px) * -1);
    left: calc(var(--rpx, 1px) * -1);
  }
  .right-120rpx {
    right: -webkit-calc(var(--rpx, 1px) * 120);
    right: -moz-calc(var(--rpx, 1px) * 120);
    right: calc(var(--rpx, 1px) * 120);
  }
  .bottom-8rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 8);
    bottom: -moz-calc(var(--rpx, 1px) * 8);
    bottom: calc(var(--rpx, 1px) * 8);
  }
  .right-60rpx {
    right: -webkit-calc(var(--rpx, 1px) * 60);
    right: -moz-calc(var(--rpx, 1px) * 60);
    right: calc(var(--rpx, 1px) * 60);
  }
  .left-8rpx {
    left: -webkit-calc(var(--rpx, 1px) * 8);
    left: -moz-calc(var(--rpx, 1px) * 8);
    left: calc(var(--rpx, 1px) * 8);
  }
  .bottom-3rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 3);
    bottom: -moz-calc(var(--rpx, 1px) * 3);
    bottom: calc(var(--rpx, 1px) * 3);
  }
  .right-24rpx {
    right: -webkit-calc(var(--rpx, 1px) * 24);
    right: -moz-calc(var(--rpx, 1px) * 24);
    right: calc(var(--rpx, 1px) * 24);
  }
  .bottom-24rpx {
    bottom: -webkit-calc(var(--rpx, 1px) * 24);
    bottom: -moz-calc(var(--rpx, 1px) * 24);
    bottom: calc(var(--rpx, 1px) * 24);
  }
  .-left-80rpx {
    left: -webkit-calc(var(--rpx, 1px) * -80);
    left: -moz-calc(var(--rpx, 1px) * -80);
    left: calc(var(--rpx, 1px) * -80);
  }
  .-top-61rpx {
    top: -webkit-calc(var(--rpx, 1px) * -61);
    top: -moz-calc(var(--rpx, 1px) * -61);
    top: calc(var(--rpx, 1px) * -61);
  }
  .left-416rpx {
    left: -webkit-calc(var(--rpx, 1px) * 416);
    left: -moz-calc(var(--rpx, 1px) * 416);
    left: calc(var(--rpx, 1px) * 416);
  }
  .bottom-\[calc\(134px-100rpx\)\] {
    bottom: -webkit-calc(134px - var(--rpx, 1px) * 100);
    bottom: -moz-calc(134px - var(--rpx, 1px) * 100);
    bottom: calc(134px - var(--rpx, 1px) * 100);
  }
  .w-1312rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1312);
    width: -moz-calc(var(--rpx, 1px) * 1312);
    width: calc(var(--rpx, 1px) * 1312);
  }
  .w-80rpx {
    width: -webkit-calc(var(--rpx, 1px) * 80);
    width: -moz-calc(var(--rpx, 1px) * 80);
    width: calc(var(--rpx, 1px) * 80);
  }
  .w-366rpx {
    width: -webkit-calc(var(--rpx, 1px) * 366);
    width: -moz-calc(var(--rpx, 1px) * 366);
    width: calc(var(--rpx, 1px) * 366);
  }
  .w-564rpx {
    width: -webkit-calc(var(--rpx, 1px) * 564);
    width: -moz-calc(var(--rpx, 1px) * 564);
    width: calc(var(--rpx, 1px) * 564);
  }
  .w-322rpx {
    width: -webkit-calc(var(--rpx, 1px) * 322);
    width: -moz-calc(var(--rpx, 1px) * 322);
    width: calc(var(--rpx, 1px) * 322);
  }
  .w-1231rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1231);
    width: -moz-calc(var(--rpx, 1px) * 1231);
    width: calc(var(--rpx, 1px) * 1231);
  }
  .w-315rpx {
    width: -webkit-calc(var(--rpx, 1px) * 315);
    width: -moz-calc(var(--rpx, 1px) * 315);
    width: calc(var(--rpx, 1px) * 315);
  }
  .w-890rpx {
    width: -webkit-calc(var(--rpx, 1px) * 890);
    width: -moz-calc(var(--rpx, 1px) * 890);
    width: calc(var(--rpx, 1px) * 890);
  }
  .w-480rpx {
    width: -webkit-calc(var(--rpx, 1px) * 480);
    width: -moz-calc(var(--rpx, 1px) * 480);
    width: calc(var(--rpx, 1px) * 480);
  }
  .w-470rpx {
    width: -webkit-calc(var(--rpx, 1px) * 470);
    width: -moz-calc(var(--rpx, 1px) * 470);
    width: calc(var(--rpx, 1px) * 470);
  }
  .w-582rpx {
    width: -webkit-calc(var(--rpx, 1px) * 582);
    width: -moz-calc(var(--rpx, 1px) * 582);
    width: calc(var(--rpx, 1px) * 582);
  }
  .w-500rpx {
    width: -webkit-calc(var(--rpx, 1px) * 500);
    width: -moz-calc(var(--rpx, 1px) * 500);
    width: calc(var(--rpx, 1px) * 500);
  }
  .w-874rpx {
    width: -webkit-calc(var(--rpx, 1px) * 874);
    width: -moz-calc(var(--rpx, 1px) * 874);
    width: calc(var(--rpx, 1px) * 874);
  }
  .w-523rpx {
    width: -webkit-calc(var(--rpx, 1px) * 523);
    width: -moz-calc(var(--rpx, 1px) * 523);
    width: calc(var(--rpx, 1px) * 523);
  }
  .w-83rpx {
    width: -webkit-calc(var(--rpx, 1px) * 83);
    width: -moz-calc(var(--rpx, 1px) * 83);
    width: calc(var(--rpx, 1px) * 83);
  }
  .w-872rpx {
    width: -webkit-calc(var(--rpx, 1px) * 872);
    width: -moz-calc(var(--rpx, 1px) * 872);
    width: calc(var(--rpx, 1px) * 872);
  }
  .w-975rpx {
    width: -webkit-calc(var(--rpx, 1px) * 975);
    width: -moz-calc(var(--rpx, 1px) * 975);
    width: calc(var(--rpx, 1px) * 975);
  }
  .w-632rpx {
    width: -webkit-calc(var(--rpx, 1px) * 632);
    width: -moz-calc(var(--rpx, 1px) * 632);
    width: calc(var(--rpx, 1px) * 632);
  }
  .w-502rpx {
    width: -webkit-calc(var(--rpx, 1px) * 502);
    width: -moz-calc(var(--rpx, 1px) * 502);
    width: calc(var(--rpx, 1px) * 502);
  }
  .w-100rpx {
    width: -webkit-calc(var(--rpx, 1px) * 100);
    width: -moz-calc(var(--rpx, 1px) * 100);
    width: calc(var(--rpx, 1px) * 100);
  }
  .w-120rpx {
    width: -webkit-calc(var(--rpx, 1px) * 120);
    width: -moz-calc(var(--rpx, 1px) * 120);
    width: calc(var(--rpx, 1px) * 120);
  }
  .w-150rpx {
    width: -webkit-calc(var(--rpx, 1px) * 150);
    width: -moz-calc(var(--rpx, 1px) * 150);
    width: calc(var(--rpx, 1px) * 150);
  }
  .w-144rpx {
    width: -webkit-calc(var(--rpx, 1px) * 144);
    width: -moz-calc(var(--rpx, 1px) * 144);
    width: calc(var(--rpx, 1px) * 144);
  }
  .w-54rpx {
    width: -webkit-calc(var(--rpx, 1px) * 54);
    width: -moz-calc(var(--rpx, 1px) * 54);
    width: calc(var(--rpx, 1px) * 54);
  }
  .w-1492rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1492);
    width: -moz-calc(var(--rpx, 1px) * 1492);
    width: calc(var(--rpx, 1px) * 1492);
  }
  .w-1390rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1390);
    width: -moz-calc(var(--rpx, 1px) * 1390);
    width: calc(var(--rpx, 1px) * 1390);
  }
  .w-312rpx {
    width: -webkit-calc(var(--rpx, 1px) * 312);
    width: -moz-calc(var(--rpx, 1px) * 312);
    width: calc(var(--rpx, 1px) * 312);
  }
  .w-285rpx {
    width: -webkit-calc(var(--rpx, 1px) * 285);
    width: -moz-calc(var(--rpx, 1px) * 285);
    width: calc(var(--rpx, 1px) * 285);
  }
  .w-570rpx {
    width: -webkit-calc(var(--rpx, 1px) * 570);
    width: -moz-calc(var(--rpx, 1px) * 570);
    width: calc(var(--rpx, 1px) * 570);
  }
  .w-410rpx {
    width: -webkit-calc(var(--rpx, 1px) * 410);
    width: -moz-calc(var(--rpx, 1px) * 410);
    width: calc(var(--rpx, 1px) * 410);
  }
  .w-32rpx {
    width: -webkit-calc(var(--rpx, 1px) * 32);
    width: -moz-calc(var(--rpx, 1px) * 32);
    width: calc(var(--rpx, 1px) * 32);
  }
  .w-8rpx {
    width: -webkit-calc(var(--rpx, 1px) * 8);
    width: -moz-calc(var(--rpx, 1px) * 8);
    width: calc(var(--rpx, 1px) * 8);
  }
  .w-656rpx {
    width: -webkit-calc(var(--rpx, 1px) * 656);
    width: -moz-calc(var(--rpx, 1px) * 656);
    width: calc(var(--rpx, 1px) * 656);
  }
  .w-608rpx {
    width: -webkit-calc(var(--rpx, 1px) * 608);
    width: -moz-calc(var(--rpx, 1px) * 608);
    width: calc(var(--rpx, 1px) * 608);
  }
  .w-432rpx {
    width: -webkit-calc(var(--rpx, 1px) * 432);
    width: -moz-calc(var(--rpx, 1px) * 432);
    width: calc(var(--rpx, 1px) * 432);
  }
  .w-686rpx {
    width: -webkit-calc(var(--rpx, 1px) * 686);
    width: -moz-calc(var(--rpx, 1px) * 686);
    width: calc(var(--rpx, 1px) * 686);
  }
  .w-863rpx {
    width: -webkit-calc(var(--rpx, 1px) * 863);
    width: -moz-calc(var(--rpx, 1px) * 863);
    width: calc(var(--rpx, 1px) * 863);
  }
  .w-540rpx {
    width: -webkit-calc(var(--rpx, 1px) * 540);
    width: -moz-calc(var(--rpx, 1px) * 540);
    width: calc(var(--rpx, 1px) * 540);
  }
  .w-604rpx {
    width: -webkit-calc(var(--rpx, 1px) * 604);
    width: -moz-calc(var(--rpx, 1px) * 604);
    width: calc(var(--rpx, 1px) * 604);
  }
  .w-460rpx {
    width: -webkit-calc(var(--rpx, 1px) * 460);
    width: -moz-calc(var(--rpx, 1px) * 460);
    width: calc(var(--rpx, 1px) * 460);
  }
  .w-652rpx {
    width: -webkit-calc(var(--rpx, 1px) * 652);
    width: -moz-calc(var(--rpx, 1px) * 652);
    width: calc(var(--rpx, 1px) * 652);
  }
  .w-620rpx {
    width: -webkit-calc(var(--rpx, 1px) * 620);
    width: -moz-calc(var(--rpx, 1px) * 620);
    width: calc(var(--rpx, 1px) * 620);
  }
  .w-270rpx {
    width: -webkit-calc(var(--rpx, 1px) * 270);
    width: -moz-calc(var(--rpx, 1px) * 270);
    width: calc(var(--rpx, 1px) * 270);
  }
  .w-431rpx {
    width: -webkit-calc(var(--rpx, 1px) * 431);
    width: -moz-calc(var(--rpx, 1px) * 431);
    width: calc(var(--rpx, 1px) * 431);
  }
  .pc\:w-608rpx {
    width: -webkit-calc(var(--rpx, 1px) * 608);
    width: -moz-calc(var(--rpx, 1px) * 608);
    width: calc(var(--rpx, 1px) * 608);
  }
}
@media (max-width: 649px) {
  :root {
    --ex: -webkit-calc(0.30488vw - 0.09756px);
    --ex: -moz-calc(0.30488vw - 0.09756px);
    --ex: calc(0.30488vw - 0.09756px);
    --ex: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --ex: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --ex: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.02439px);
    --rpx: -moz-calc(0.07622vw - 0.02439px);
    --rpx: calc(0.07622vw - 0.02439px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 * 328/1312 - 0.02439px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 * 328/1312 - 0.02439px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 * 328 / 1312 - 0.02439px);
  }
  .mo\:bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }
  .mo\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .mo\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .mo\:items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .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\:order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .mo\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mo\:overflow-hidden {
    overflow: hidden;
  }
  .mo\:pl-16px {
    padding-left: 16px;
  }
  .mo\:pr-16px {
    padding-right: 16px;
  }
  .mo\:relative {
    position: relative;
  }
  .mo\:text-center {
    text-align: center;
  }
  .mo\:whitespace-nowrap {
    white-space: nowrap;
  }
  .mo\:w-full {
    width: 100%;
  }
}
@media (max-width: 649px) and (max-width: 1023px) {
  .rounded-4ex {
    -webkit-border-radius: -webkit-calc(var(--ex, 1px) * 4);
    -moz-border-radius: -moz-calc(var(--ex, 1px) * 4);
    border-radius: calc(var(--ex, 1px) * 4);
  }
  .rounded-12ex {
    -webkit-border-radius: -webkit-calc(var(--ex, 1px) * 12);
    -moz-border-radius: -moz-calc(var(--ex, 1px) * 12);
    border-radius: calc(var(--ex, 1px) * 12);
  }
  .rounded-40ex {
    -webkit-border-radius: -webkit-calc(var(--ex, 1px) * 40);
    -moz-border-radius: -moz-calc(var(--ex, 1px) * 40);
    border-radius: calc(var(--ex, 1px) * 40);
  }
  .rounded-36ex {
    -webkit-border-radius: -webkit-calc(var(--ex, 1px) * 36);
    -moz-border-radius: -moz-calc(var(--ex, 1px) * 36);
    border-radius: calc(var(--ex, 1px) * 36);
  }
  .rounded-8ex {
    -webkit-border-radius: -webkit-calc(var(--ex, 1px) * 8);
    -moz-border-radius: -moz-calc(var(--ex, 1px) * 8);
    border-radius: calc(var(--ex, 1px) * 8);
  }
  .h-600ex {
    height: -webkit-calc(var(--ex, 1px) * 600);
    height: -moz-calc(var(--ex, 1px) * 600);
    height: calc(var(--ex, 1px) * 600);
  }
  .h-180ex {
    height: -webkit-calc(var(--ex, 1px) * 180);
    height: -moz-calc(var(--ex, 1px) * 180);
    height: calc(var(--ex, 1px) * 180);
  }
  .h-28ex {
    height: -webkit-calc(var(--ex, 1px) * 28);
    height: -moz-calc(var(--ex, 1px) * 28);
    height: calc(var(--ex, 1px) * 28);
  }
  .h-178ex {
    height: -webkit-calc(var(--ex, 1px) * 178);
    height: -moz-calc(var(--ex, 1px) * 178);
    height: calc(var(--ex, 1px) * 178);
  }
  .h-140ex {
    height: -webkit-calc(var(--ex, 1px) * 140);
    height: -moz-calc(var(--ex, 1px) * 140);
    height: calc(var(--ex, 1px) * 140);
  }
  .h-270ex {
    height: -webkit-calc(var(--ex, 1px) * 270);
    height: -moz-calc(var(--ex, 1px) * 270);
    height: calc(var(--ex, 1px) * 270);
  }
  .h-104ex {
    height: -webkit-calc(var(--ex, 1px) * 104);
    height: -moz-calc(var(--ex, 1px) * 104);
    height: calc(var(--ex, 1px) * 104);
  }
  .h-194ex {
    height: -webkit-calc(var(--ex, 1px) * 194);
    height: -moz-calc(var(--ex, 1px) * 194);
    height: calc(var(--ex, 1px) * 194);
  }
  .h-217ex {
    height: -webkit-calc(var(--ex, 1px) * 217);
    height: -moz-calc(var(--ex, 1px) * 217);
    height: calc(var(--ex, 1px) * 217);
  }
  .h-242ex {
    height: -webkit-calc(var(--ex, 1px) * 242);
    height: -moz-calc(var(--ex, 1px) * 242);
    height: calc(var(--ex, 1px) * 242);
  }
  .h-447ex {
    height: -webkit-calc(var(--ex, 1px) * 447);
    height: -moz-calc(var(--ex, 1px) * 447);
    height: calc(var(--ex, 1px) * 447);
  }
  .h-212ex {
    height: -webkit-calc(var(--ex, 1px) * 212);
    height: -moz-calc(var(--ex, 1px) * 212);
    height: calc(var(--ex, 1px) * 212);
  }
  .h-276ex {
    height: -webkit-calc(var(--ex, 1px) * 276);
    height: -moz-calc(var(--ex, 1px) * 276);
    height: calc(var(--ex, 1px) * 276);
  }
  .h-46ex {
    height: -webkit-calc(var(--ex, 1px) * 46);
    height: -moz-calc(var(--ex, 1px) * 46);
    height: calc(var(--ex, 1px) * 46);
  }
  .h-292ex {
    height: -webkit-calc(var(--ex, 1px) * 292);
    height: -moz-calc(var(--ex, 1px) * 292);
    height: calc(var(--ex, 1px) * 292);
  }
  .h-98ex {
    height: -webkit-calc(var(--ex, 1px) * 98);
    height: -moz-calc(var(--ex, 1px) * 98);
    height: calc(var(--ex, 1px) * 98);
  }
  .h-302ex {
    height: -webkit-calc(var(--ex, 1px) * 302);
    height: -moz-calc(var(--ex, 1px) * 302);
    height: calc(var(--ex, 1px) * 302);
  }
  .h-40ex {
    height: -webkit-calc(var(--ex, 1px) * 40);
    height: -moz-calc(var(--ex, 1px) * 40);
    height: calc(var(--ex, 1px) * 40);
  }
  .h-50ex {
    height: -webkit-calc(var(--ex, 1px) * 50);
    height: -moz-calc(var(--ex, 1px) * 50);
    height: calc(var(--ex, 1px) * 50);
  }
  .h-70ex {
    height: -webkit-calc(var(--ex, 1px) * 70);
    height: -moz-calc(var(--ex, 1px) * 70);
    height: calc(var(--ex, 1px) * 70);
  }
  .h-275ex {
    height: -webkit-calc(var(--ex, 1px) * 275);
    height: -moz-calc(var(--ex, 1px) * 275);
    height: calc(var(--ex, 1px) * 275);
  }
  .h-48ex {
    height: -webkit-calc(var(--ex, 1px) * 48);
    height: -moz-calc(var(--ex, 1px) * 48);
    height: calc(var(--ex, 1px) * 48);
  }
  .h-49ex {
    height: -webkit-calc(var(--ex, 1px) * 49);
    height: -moz-calc(var(--ex, 1px) * 49);
    height: calc(var(--ex, 1px) * 49);
  }
  .h-246ex {
    height: -webkit-calc(var(--ex, 1px) * 246);
    height: -moz-calc(var(--ex, 1px) * 246);
    height: calc(var(--ex, 1px) * 246);
  }
  .h-300ex {
    height: -webkit-calc(var(--ex, 1px) * 300);
    height: -moz-calc(var(--ex, 1px) * 300);
    height: calc(var(--ex, 1px) * 300);
  }
  .h-273ex {
    height: -webkit-calc(var(--ex, 1px) * 273);
    height: -moz-calc(var(--ex, 1px) * 273);
    height: calc(var(--ex, 1px) * 273);
  }
  .h-261ex {
    height: -webkit-calc(var(--ex, 1px) * 261);
    height: -moz-calc(var(--ex, 1px) * 261);
    height: calc(var(--ex, 1px) * 261);
  }
  .h-247ex {
    height: -webkit-calc(var(--ex, 1px) * 247);
    height: -moz-calc(var(--ex, 1px) * 247);
    height: calc(var(--ex, 1px) * 247);
  }
  .h-32ex {
    height: -webkit-calc(var(--ex, 1px) * 32);
    height: -moz-calc(var(--ex, 1px) * 32);
    height: calc(var(--ex, 1px) * 32);
  }
  .h-206ex {
    height: -webkit-calc(var(--ex, 1px) * 206);
    height: -moz-calc(var(--ex, 1px) * 206);
    height: calc(var(--ex, 1px) * 206);
  }
  .h-366ex {
    height: -webkit-calc(var(--ex, 1px) * 366);
    height: -moz-calc(var(--ex, 1px) * 366);
    height: calc(var(--ex, 1px) * 366);
  }
  .h-252ex {
    height: -webkit-calc(var(--ex, 1px) * 252);
    height: -moz-calc(var(--ex, 1px) * 252);
    height: calc(var(--ex, 1px) * 252);
  }
  .h-168ex {
    height: -webkit-calc(var(--ex, 1px) * 168);
    height: -moz-calc(var(--ex, 1px) * 168);
    height: calc(var(--ex, 1px) * 168);
  }
  .mt-12ex {
    margin-top: calc(var(--ex, 1px) * 12);
  }
  .mt-3ex {
    margin-top: calc(var(--ex, 1px) * 3);
  }
  .mt-16ex {
    margin-top: calc(var(--ex, 1px) * 16);
  }
  .mt-2ex {
    margin-top: calc(var(--ex, 1px) * 2);
  }
  .mt-4ex {
    margin-top: calc(var(--ex, 1px) * 4);
  }
  .-mt-400ex {
    margin-top: calc(var(--ex, 1px) * -400);
  }
  .mt-18ex {
    margin-top: calc(var(--ex, 1px) * 18);
  }
  .mt-24ex {
    margin-top: calc(var(--ex, 1px) * 24);
  }
  .mt-10ex {
    margin-top: calc(var(--ex, 1px) * 10);
  }
  .-mt-1000ex {
    margin-top: calc(var(--ex, 1px) * -1000);
  }
  .mt-298ex {
    margin-top: calc(var(--ex, 1px) * 298);
  }
  .mt-20ex {
    margin-top: calc(var(--ex, 1px) * 20);
  }
  .mr-24ex {
    margin-right: calc(var(--ex, 1px) * 24);
  }
  .mt-342ex {
    margin-top: calc(var(--ex, 1px) * 342);
  }
  .ml-28ex {
    margin-left: calc(var(--ex, 1px) * 28);
  }
  .mr-28ex {
    margin-right: calc(var(--ex, 1px) * 28);
  }
  .mr-4ex {
    margin-right: calc(var(--ex, 1px) * 4);
  }
  .ml-16ex {
    margin-left: calc(var(--ex, 1px) * 16);
  }
  .mr-16ex {
    margin-right: calc(var(--ex, 1px) * 16);
  }
  .mr-6ex {
    margin-right: calc(var(--ex, 1px) * 6);
  }
  .ml-6ex {
    margin-left: calc(var(--ex, 1px) * 6);
  }
  .mt-0ex {
    margin-top: calc(var(--ex, 1px) * 0);
  }
  .mb-10ex {
    margin-bottom: calc(var(--ex, 1px) * 10);
  }
  .ml-20ex {
    margin-left: calc(var(--ex, 1px) * 20);
  }
  .mr-20ex {
    margin-right: calc(var(--ex, 1px) * 20);
  }
  .mt-300ex {
    margin-top: calc(var(--ex, 1px) * 300);
  }
  .mt-23ex {
    margin-top: calc(var(--ex, 1px) * 23);
  }
  .mt-32ex {
    margin-top: calc(var(--ex, 1px) * 32);
  }
  .mb-20ex {
    margin-bottom: calc(var(--ex, 1px) * 20);
  }
  .mt-248ex {
    margin-top: calc(var(--ex, 1px) * 248);
  }
  .p-8ex {
    padding: calc(var(--ex, 1px) * 8);
  }
  .p-14ex {
    padding: calc(var(--ex, 1px) * 14);
  }
  .p-15ex {
    padding: calc(var(--ex, 1px) * 15);
  }
  .p-20ex {
    padding: calc(var(--ex, 1px) * 20);
  }
  .pt-64ex {
    padding-top: calc(var(--ex, 1px) * 64);
  }
  .pt-48ex {
    padding-top: calc(var(--ex, 1px) * 48);
  }
  .pb-48ex {
    padding-bottom: calc(var(--ex, 1px) * 48);
  }
  .pt-80ex {
    padding-top: calc(var(--ex, 1px) * 80);
  }
  .pb-80ex {
    padding-bottom: calc(var(--ex, 1px) * 80);
  }
  .pt-440ex {
    padding-top: calc(var(--ex, 1px) * 440);
  }
  .pb-1324ex {
    padding-bottom: calc(var(--ex, 1px) * 1324);
  }
  .pl-16ex {
    padding-left: calc(var(--ex, 1px) * 16);
  }
  .pr-16ex {
    padding-right: calc(var(--ex, 1px) * 16);
  }
  .pt-24ex {
    padding-top: calc(var(--ex, 1px) * 24);
  }
  .pb-24ex {
    padding-bottom: calc(var(--ex, 1px) * 24);
  }
  .pl-20ex {
    padding-left: calc(var(--ex, 1px) * 20);
  }
  .pr-20ex {
    padding-right: calc(var(--ex, 1px) * 20);
  }
  .pt-32ex {
    padding-top: calc(var(--ex, 1px) * 32);
  }
  .pb-32ex {
    padding-bottom: calc(var(--ex, 1px) * 32);
  }
  .pb-405ex {
    padding-bottom: calc(var(--ex, 1px) * 405);
  }
  .pb-64ex {
    padding-bottom: calc(var(--ex, 1px) * 64);
  }
  .pt-313ex {
    padding-top: calc(var(--ex, 1px) * 313);
  }
  .pb-70ex {
    padding-bottom: calc(var(--ex, 1px) * 70);
  }
  .pt-4ex {
    padding-top: calc(var(--ex, 1px) * 4);
  }
  .pb-4ex {
    padding-bottom: calc(var(--ex, 1px) * 4);
  }
  .pl-12ex {
    padding-left: calc(var(--ex, 1px) * 12);
  }
  .pr-12ex {
    padding-right: calc(var(--ex, 1px) * 12);
  }
  .pt-20ex {
    padding-top: calc(var(--ex, 1px) * 20);
  }
  .pb-335ex {
    padding-bottom: calc(var(--ex, 1px) * 335);
  }
  .pt-9ex {
    padding-top: calc(var(--ex, 1px) * 9);
  }
  .pb-9ex {
    padding-bottom: calc(var(--ex, 1px) * 9);
  }
  .pt-28ex {
    padding-top: calc(var(--ex, 1px) * 28);
  }
  .pb-40ex {
    padding-bottom: calc(var(--ex, 1px) * 40);
  }
  .pt-40ex {
    padding-top: calc(var(--ex, 1px) * 40);
  }
  .top-64ex {
    top: -webkit-calc(var(--ex, 1px) * 64);
    top: -moz-calc(var(--ex, 1px) * 64);
    top: calc(var(--ex, 1px) * 64);
  }
  .top-509ex {
    top: -webkit-calc(var(--ex, 1px) * 509);
    top: -moz-calc(var(--ex, 1px) * 509);
    top: calc(var(--ex, 1px) * 509);
  }
  .top-588ex {
    top: -webkit-calc(var(--ex, 1px) * 588);
    top: -moz-calc(var(--ex, 1px) * 588);
    top: calc(var(--ex, 1px) * 588);
  }
  .left-0ex {
    left: -webkit-calc(var(--ex, 1px) * 0);
    left: -moz-calc(var(--ex, 1px) * 0);
    left: calc(var(--ex, 1px) * 0);
  }
  .top-177ex {
    top: -webkit-calc(var(--ex, 1px) * 177);
    top: -moz-calc(var(--ex, 1px) * 177);
    top: calc(var(--ex, 1px) * 177);
  }
  .left-16ex {
    left: -webkit-calc(var(--ex, 1px) * 16);
    left: -moz-calc(var(--ex, 1px) * 16);
    left: calc(var(--ex, 1px) * 16);
  }
  .bottom-122ex {
    bottom: -webkit-calc(var(--ex, 1px) * 122);
    bottom: -moz-calc(var(--ex, 1px) * 122);
    bottom: calc(var(--ex, 1px) * 122);
  }
  .left-55ex {
    left: -webkit-calc(var(--ex, 1px) * 55);
    left: -moz-calc(var(--ex, 1px) * 55);
    left: calc(var(--ex, 1px) * 55);
  }
  .top-55ex {
    top: -webkit-calc(var(--ex, 1px) * 55);
    top: -moz-calc(var(--ex, 1px) * 55);
    top: calc(var(--ex, 1px) * 55);
  }
  .left-15ex {
    left: -webkit-calc(var(--ex, 1px) * 15);
    left: -moz-calc(var(--ex, 1px) * 15);
    left: calc(var(--ex, 1px) * 15);
  }
  .top-200ex {
    top: -webkit-calc(var(--ex, 1px) * 200);
    top: -moz-calc(var(--ex, 1px) * 200);
    top: calc(var(--ex, 1px) * 200);
  }
  .right-26ex {
    right: -webkit-calc(var(--ex, 1px) * 26);
    right: -moz-calc(var(--ex, 1px) * 26);
    right: calc(var(--ex, 1px) * 26);
  }
  .top-22ex {
    top: -webkit-calc(var(--ex, 1px) * 22);
    top: -moz-calc(var(--ex, 1px) * 22);
    top: calc(var(--ex, 1px) * 22);
  }
  .right-48ex {
    right: -webkit-calc(var(--ex, 1px) * 48);
    right: -moz-calc(var(--ex, 1px) * 48);
    right: calc(var(--ex, 1px) * 48);
  }
  .top-203ex {
    top: -webkit-calc(var(--ex, 1px) * 203);
    top: -moz-calc(var(--ex, 1px) * 203);
    top: calc(var(--ex, 1px) * 203);
  }
  .-left-16ex {
    left: -webkit-calc(var(--ex, 1px) * -16);
    left: -moz-calc(var(--ex, 1px) * -16);
    left: calc(var(--ex, 1px) * -16);
  }
  .top-11ex {
    top: -webkit-calc(var(--ex, 1px) * 11);
    top: -moz-calc(var(--ex, 1px) * 11);
    top: calc(var(--ex, 1px) * 11);
  }
  .-left-205ex {
    left: -webkit-calc(var(--ex, 1px) * -205);
    left: -moz-calc(var(--ex, 1px) * -205);
    left: calc(var(--ex, 1px) * -205);
  }
  .bottom-64ex {
    bottom: -webkit-calc(var(--ex, 1px) * 64);
    bottom: -moz-calc(var(--ex, 1px) * 64);
    bottom: calc(var(--ex, 1px) * 64);
  }
  .top-13ex {
    top: -webkit-calc(var(--ex, 1px) * 13);
    top: -moz-calc(var(--ex, 1px) * 13);
    top: calc(var(--ex, 1px) * 13);
  }
  .right-13ex {
    right: -webkit-calc(var(--ex, 1px) * 13);
    right: -moz-calc(var(--ex, 1px) * 13);
    right: calc(var(--ex, 1px) * 13);
  }
  .left-227ex {
    left: -webkit-calc(var(--ex, 1px) * 227);
    left: -moz-calc(var(--ex, 1px) * 227);
    left: calc(var(--ex, 1px) * 227);
  }
  .bottom-103ex {
    bottom: -webkit-calc(var(--ex, 1px) * 103);
    bottom: -moz-calc(var(--ex, 1px) * 103);
    bottom: calc(var(--ex, 1px) * 103);
  }
  .left-3ex {
    left: -webkit-calc(var(--ex, 1px) * 3);
    left: -moz-calc(var(--ex, 1px) * 3);
    left: calc(var(--ex, 1px) * 3);
  }
  .top-8ex {
    top: -webkit-calc(var(--ex, 1px) * 8);
    top: -moz-calc(var(--ex, 1px) * 8);
    top: calc(var(--ex, 1px) * 8);
  }
  .top-44ex {
    top: -webkit-calc(var(--ex, 1px) * 44);
    top: -moz-calc(var(--ex, 1px) * 44);
    top: calc(var(--ex, 1px) * 44);
  }
  .right-16ex {
    right: -webkit-calc(var(--ex, 1px) * 16);
    right: -moz-calc(var(--ex, 1px) * 16);
    right: calc(var(--ex, 1px) * 16);
  }
  .top-16ex {
    top: -webkit-calc(var(--ex, 1px) * 16);
    top: -moz-calc(var(--ex, 1px) * 16);
    top: calc(var(--ex, 1px) * 16);
  }
  .bottom-16ex {
    bottom: -webkit-calc(var(--ex, 1px) * 16);
    bottom: -moz-calc(var(--ex, 1px) * 16);
    bottom: calc(var(--ex, 1px) * 16);
  }
  .bottom-14ex {
    bottom: -webkit-calc(var(--ex, 1px) * 14);
    bottom: -moz-calc(var(--ex, 1px) * 14);
    bottom: calc(var(--ex, 1px) * 14);
  }
  .left-20ex {
    left: -webkit-calc(var(--ex, 1px) * 20);
    left: -moz-calc(var(--ex, 1px) * 20);
    left: calc(var(--ex, 1px) * 20);
  }
  .right-20ex {
    right: -webkit-calc(var(--ex, 1px) * 20);
    right: -moz-calc(var(--ex, 1px) * 20);
    right: calc(var(--ex, 1px) * 20);
  }
  .top-20ex {
    top: -webkit-calc(var(--ex, 1px) * 20);
    top: -moz-calc(var(--ex, 1px) * 20);
    top: calc(var(--ex, 1px) * 20);
  }
  .left-24ex {
    left: -webkit-calc(var(--ex, 1px) * 24);
    left: -moz-calc(var(--ex, 1px) * 24);
    left: calc(var(--ex, 1px) * 24);
  }
  .bottom-96ex {
    bottom: -webkit-calc(var(--ex, 1px) * 96);
    bottom: -moz-calc(var(--ex, 1px) * 96);
    bottom: calc(var(--ex, 1px) * 96);
  }
  .right-32ex {
    right: -webkit-calc(var(--ex, 1px) * 32);
    right: -moz-calc(var(--ex, 1px) * 32);
    right: calc(var(--ex, 1px) * 32);
  }
  .top-207ex {
    top: -webkit-calc(var(--ex, 1px) * 207);
    top: -moz-calc(var(--ex, 1px) * 207);
    top: calc(var(--ex, 1px) * 207);
  }
  .left-36ex {
    left: -webkit-calc(var(--ex, 1px) * 36);
    left: -moz-calc(var(--ex, 1px) * 36);
    left: calc(var(--ex, 1px) * 36);
  }
  .bottom-112ex {
    bottom: -webkit-calc(var(--ex, 1px) * 112);
    bottom: -moz-calc(var(--ex, 1px) * 112);
    bottom: calc(var(--ex, 1px) * 112);
  }
  .w-328ex {
    width: -webkit-calc(var(--ex, 1px) * 328);
    width: -moz-calc(var(--ex, 1px) * 328);
    width: calc(var(--ex, 1px) * 328);
  }
  .w-28ex {
    width: -webkit-calc(var(--ex, 1px) * 28);
    width: -moz-calc(var(--ex, 1px) * 28);
    width: calc(var(--ex, 1px) * 28);
  }
  .w-162ex {
    width: -webkit-calc(var(--ex, 1px) * 162);
    width: -moz-calc(var(--ex, 1px) * 162);
    width: calc(var(--ex, 1px) * 162);
  }
  .w-360ex {
    width: -webkit-calc(var(--ex, 1px) * 360);
    width: -moz-calc(var(--ex, 1px) * 360);
    width: calc(var(--ex, 1px) * 360);
  }
  .w-121ex {
    width: -webkit-calc(var(--ex, 1px) * 121);
    width: -moz-calc(var(--ex, 1px) * 121);
    width: calc(var(--ex, 1px) * 121);
  }
  .w-301ex {
    width: -webkit-calc(var(--ex, 1px) * 301);
    width: -moz-calc(var(--ex, 1px) * 301);
    width: calc(var(--ex, 1px) * 301);
  }
  .w-296ex {
    width: -webkit-calc(var(--ex, 1px) * 296);
    width: -moz-calc(var(--ex, 1px) * 296);
    width: calc(var(--ex, 1px) * 296);
  }
  .w-287ex {
    width: -webkit-calc(var(--ex, 1px) * 287);
    width: -moz-calc(var(--ex, 1px) * 287);
    width: calc(var(--ex, 1px) * 287);
  }
  .w-48ex {
    width: -webkit-calc(var(--ex, 1px) * 48);
    width: -moz-calc(var(--ex, 1px) * 48);
    width: calc(var(--ex, 1px) * 48);
  }
  .w-40ex {
    width: -webkit-calc(var(--ex, 1px) * 40);
    width: -moz-calc(var(--ex, 1px) * 40);
    width: calc(var(--ex, 1px) * 40);
  }
  .w-50ex {
    width: -webkit-calc(var(--ex, 1px) * 50);
    width: -moz-calc(var(--ex, 1px) * 50);
    width: calc(var(--ex, 1px) * 50);
  }
  .w-70ex {
    width: -webkit-calc(var(--ex, 1px) * 70);
    width: -moz-calc(var(--ex, 1px) * 70);
    width: calc(var(--ex, 1px) * 70);
  }
  .w-128ex {
    width: -webkit-calc(var(--ex, 1px) * 128);
    width: -moz-calc(var(--ex, 1px) * 128);
    width: calc(var(--ex, 1px) * 128);
  }
  .w-49ex {
    width: -webkit-calc(var(--ex, 1px) * 49);
    width: -moz-calc(var(--ex, 1px) * 49);
    width: calc(var(--ex, 1px) * 49);
  }
  .w-410ex {
    width: -webkit-calc(var(--ex, 1px) * 410);
    width: -moz-calc(var(--ex, 1px) * 410);
    width: calc(var(--ex, 1px) * 410);
  }
  .w-381ex {
    width: -webkit-calc(var(--ex, 1px) * 381);
    width: -moz-calc(var(--ex, 1px) * 381);
    width: calc(var(--ex, 1px) * 381);
  }
  .w-117ex {
    width: -webkit-calc(var(--ex, 1px) * 117);
    width: -moz-calc(var(--ex, 1px) * 117);
    width: calc(var(--ex, 1px) * 117);
  }
  .w-111ex {
    width: -webkit-calc(var(--ex, 1px) * 111);
    width: -moz-calc(var(--ex, 1px) * 111);
    width: calc(var(--ex, 1px) * 111);
  }
  .w-32ex {
    width: -webkit-calc(var(--ex, 1px) * 32);
    width: -moz-calc(var(--ex, 1px) * 32);
    width: calc(var(--ex, 1px) * 32);
  }
  .w-284ex {
    width: -webkit-calc(var(--ex, 1px) * 284);
    width: -moz-calc(var(--ex, 1px) * 284);
    width: calc(var(--ex, 1px) * 284);
  }
  .w-288ex {
    width: -webkit-calc(var(--ex, 1px) * 288);
    width: -moz-calc(var(--ex, 1px) * 288);
    width: calc(var(--ex, 1px) * 288);
  }
  .w-279ex {
    width: -webkit-calc(var(--ex, 1px) * 279);
    width: -moz-calc(var(--ex, 1px) * 279);
    width: calc(var(--ex, 1px) * 279);
  }
  .w-256ex {
    width: -webkit-calc(var(--ex, 1px) * 256);
    width: -moz-calc(var(--ex, 1px) * 256);
    width: calc(var(--ex, 1px) * 256);
  }
  .mo\:pr-16ex {
    padding-right: calc(var(--ex, 1px) * 16);
  }
  .mo\:pl-16ex {
    padding-left: calc(var(--ex, 1px) * 16);
  }
}
@media (min-width: 650px) and (max-width: 1023px) {
  :root {
    --apx: -webkit-calc(0.13889vw - 0.06667px);
    --apx: -moz-calc(0.13889vw - 0.06667px);
    --apx: calc(0.13889vw - 0.06667px);
    --apx: -webkit-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --apx: -moz-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --apx: calc(var(--vw, 1vw) * 100 / 720 - 0.06667px);
  }
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.03659px);
    --rpx: -moz-calc(0.07622vw - 0.03659px);
    --rpx: calc(0.07622vw - 0.03659px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/720 * 720/1312 - 0.03659px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/720 * 720/1312 - 0.03659px);
    --rpx: calc(var(--vw, 1vw) * 100 / 720 * 720 / 1312 - 0.03659px);
  }
  :root {
    --ex: -webkit-calc(0.30488vw - 0.14634px);
    --ex: -moz-calc(0.30488vw - 0.14634px);
    --ex: calc(0.30488vw - 0.14634px);
    --ex: -webkit-calc(var(--vw, 1vw) * 100/720 * 720/328 - 0.14634px);
    --ex: -moz-calc(var(--vw, 1vw) * 100/720 * 720/328 - 0.14634px);
    --ex: calc(var(--vw, 1vw) * 100 / 720 * 720 / 328 - 0.14634px);
  }
  .pad\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .pad\:items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .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-auto {
    height: auto;
  }
  .pad\:pl-24px {
    padding-left: 24px;
  }
  .pad\:pr-24px {
    padding-right: 24px;
  }
  .pad\:w-232px {
    width: 232px;
  }
  .pad\:w-310px {
    width: 310px;
  }
  .pad\:w-303px {
    width: 303px;
  }
  .pad\:w-182px {
    width: 182px;
  }
}
@media (min-width: 650px) and (max-width: 1023px) and (min-width: 768px) {
  .rounded-\[4apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 4);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 4);
    border-radius: calc(var(--apx, 1px) * 4);
  }
  .rounded-\[14apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 14);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 14);
    border-radius: calc(var(--apx, 1px) * 14);
  }
  .rounded-\[40apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 40);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 40);
    border-radius: calc(var(--apx, 1px) * 40);
  }
  .rounded-\[36apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 36);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 36);
    border-radius: calc(var(--apx, 1px) * 36);
  }
  .rounded-\[8apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 8);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 8);
    border-radius: calc(var(--apx, 1px) * 8);
  }
  .h-\[620apx\] {
    height: -webkit-calc(var(--apx, 1px) * 620);
    height: -moz-calc(var(--apx, 1px) * 620);
    height: calc(var(--apx, 1px) * 620);
  }
  .h-\[395apx\] {
    height: -webkit-calc(var(--apx, 1px) * 395);
    height: -moz-calc(var(--apx, 1px) * 395);
    height: calc(var(--apx, 1px) * 395);
  }
  .h-\[40apx\] {
    height: -webkit-calc(var(--apx, 1px) * 40);
    height: -moz-calc(var(--apx, 1px) * 40);
    height: calc(var(--apx, 1px) * 40);
  }
  .h-\[160apx\] {
    height: -webkit-calc(var(--apx, 1px) * 160);
    height: -moz-calc(var(--apx, 1px) * 160);
    height: calc(var(--apx, 1px) * 160);
  }
  .h-\[463apx\] {
    height: -webkit-calc(var(--apx, 1px) * 463);
    height: -moz-calc(var(--apx, 1px) * 463);
    height: calc(var(--apx, 1px) * 463);
  }
  .h-\[178apx\] {
    height: -webkit-calc(var(--apx, 1px) * 178);
    height: -moz-calc(var(--apx, 1px) * 178);
    height: calc(var(--apx, 1px) * 178);
  }
  .h-\[226apx\] {
    height: -webkit-calc(var(--apx, 1px) * 226);
    height: -moz-calc(var(--apx, 1px) * 226);
    height: calc(var(--apx, 1px) * 226);
  }
  .h-\[252apx\] {
    height: -webkit-calc(var(--apx, 1px) * 252);
    height: -moz-calc(var(--apx, 1px) * 252);
    height: calc(var(--apx, 1px) * 252);
  }
  .h-\[253apx\] {
    height: -webkit-calc(var(--apx, 1px) * 253);
    height: -moz-calc(var(--apx, 1px) * 253);
    height: calc(var(--apx, 1px) * 253);
  }
  .h-\[672apx\] {
    height: -webkit-calc(var(--apx, 1px) * 672);
    height: -moz-calc(var(--apx, 1px) * 672);
    height: calc(var(--apx, 1px) * 672);
  }
  .h-\[167apx\] {
    height: -webkit-calc(var(--apx, 1px) * 167);
    height: -moz-calc(var(--apx, 1px) * 167);
    height: calc(var(--apx, 1px) * 167);
  }
  .h-\[38apx\] {
    height: -webkit-calc(var(--apx, 1px) * 38);
    height: -moz-calc(var(--apx, 1px) * 38);
    height: calc(var(--apx, 1px) * 38);
  }
  .h-\[281apx\] {
    height: -webkit-calc(var(--apx, 1px) * 281);
    height: -moz-calc(var(--apx, 1px) * 281);
    height: calc(var(--apx, 1px) * 281);
  }
  .h-\[380apx\] {
    height: -webkit-calc(var(--apx, 1px) * 380);
    height: -moz-calc(var(--apx, 1px) * 380);
    height: calc(var(--apx, 1px) * 380);
  }
  .h-\[280apx\] {
    height: -webkit-calc(var(--apx, 1px) * 280);
    height: -moz-calc(var(--apx, 1px) * 280);
    height: calc(var(--apx, 1px) * 280);
  }
  .h-\[98apx\] {
    height: -webkit-calc(var(--apx, 1px) * 98);
    height: -moz-calc(var(--apx, 1px) * 98);
    height: calc(var(--apx, 1px) * 98);
  }
  .h-\[257apx\] {
    height: -webkit-calc(var(--apx, 1px) * 257);
    height: -moz-calc(var(--apx, 1px) * 257);
    height: calc(var(--apx, 1px) * 257);
  }
  .h-\[58apx\] {
    height: -webkit-calc(var(--apx, 1px) * 58);
    height: -moz-calc(var(--apx, 1px) * 58);
    height: calc(var(--apx, 1px) * 58);
  }
  .h-\[70apx\] {
    height: -webkit-calc(var(--apx, 1px) * 70);
    height: -moz-calc(var(--apx, 1px) * 70);
    height: calc(var(--apx, 1px) * 70);
  }
  .h-\[87apx\] {
    height: -webkit-calc(var(--apx, 1px) * 87);
    height: -moz-calc(var(--apx, 1px) * 87);
    height: calc(var(--apx, 1px) * 87);
  }
  .h-\[44apx\] {
    height: -webkit-calc(var(--apx, 1px) * 44);
    height: -moz-calc(var(--apx, 1px) * 44);
    height: calc(var(--apx, 1px) * 44);
  }
  .h-\[340apx\] {
    height: -webkit-calc(var(--apx, 1px) * 340);
    height: -moz-calc(var(--apx, 1px) * 340);
    height: calc(var(--apx, 1px) * 340);
  }
  .h-\[624apx\] {
    height: -webkit-calc(var(--apx, 1px) * 624);
    height: -moz-calc(var(--apx, 1px) * 624);
    height: calc(var(--apx, 1px) * 624);
  }
  .h-\[568apx\] {
    height: -webkit-calc(var(--apx, 1px) * 568);
    height: -moz-calc(var(--apx, 1px) * 568);
    height: calc(var(--apx, 1px) * 568);
  }
  .h-\[503apx\] {
    height: -webkit-calc(var(--apx, 1px) * 503);
    height: -moz-calc(var(--apx, 1px) * 503);
    height: calc(var(--apx, 1px) * 503);
  }
  .h-\[460apx\] {
    height: -webkit-calc(var(--apx, 1px) * 460);
    height: -moz-calc(var(--apx, 1px) * 460);
    height: calc(var(--apx, 1px) * 460);
  }
  .h-\[258apx\] {
    height: -webkit-calc(var(--apx, 1px) * 258);
    height: -moz-calc(var(--apx, 1px) * 258);
    height: calc(var(--apx, 1px) * 258);
  }
  .h-\[32apx\] {
    height: -webkit-calc(var(--apx, 1px) * 32);
    height: -moz-calc(var(--apx, 1px) * 32);
    height: calc(var(--apx, 1px) * 32);
  }
  .h-\[384apx\] {
    height: -webkit-calc(var(--apx, 1px) * 384);
    height: -moz-calc(var(--apx, 1px) * 384);
    height: calc(var(--apx, 1px) * 384);
  }
  .h-\[230apx\] {
    height: -webkit-calc(var(--apx, 1px) * 230);
    height: -moz-calc(var(--apx, 1px) * 230);
    height: calc(var(--apx, 1px) * 230);
  }
  .h-\[428apx\] {
    height: -webkit-calc(var(--apx, 1px) * 428);
    height: -moz-calc(var(--apx, 1px) * 428);
    height: calc(var(--apx, 1px) * 428);
  }
  .h-\[307apx\] {
    height: -webkit-calc(var(--apx, 1px) * 307);
    height: -moz-calc(var(--apx, 1px) * 307);
    height: calc(var(--apx, 1px) * 307);
  }
  .h-\[358apx\] {
    height: -webkit-calc(var(--apx, 1px) * 358);
    height: -moz-calc(var(--apx, 1px) * 358);
    height: calc(var(--apx, 1px) * 358);
  }
  .h-\[206apx\] {
    height: -webkit-calc(var(--apx, 1px) * 206);
    height: -moz-calc(var(--apx, 1px) * 206);
    height: calc(var(--apx, 1px) * 206);
  }
  .h-\[310apx\] {
    height: -webkit-calc(var(--apx, 1px) * 310);
    height: -moz-calc(var(--apx, 1px) * 310);
    height: calc(var(--apx, 1px) * 310);
  }
  .mt-\[8apx\] {
    margin-top: calc(var(--apx, 1px) * 8);
  }
  .mt-\[20apx\] {
    margin-top: calc(var(--apx, 1px) * 20);
  }
  .mt-\[2apx\] {
    margin-top: calc(var(--apx, 1px) * 2);
  }
  .mt-\[4apx\] {
    margin-top: calc(var(--apx, 1px) * 4);
  }
  .-mt-\[500apx\] {
    margin-top: calc(var(--apx, 1px) * -500);
  }
  .-mt-\[1000apx\] {
    margin-top: calc(var(--apx, 1px) * -1000);
  }
  .mt-\[18apx\] {
    margin-top: calc(var(--apx, 1px) * 18);
  }
  .mt-\[24apx\] {
    margin-top: calc(var(--apx, 1px) * 24);
  }
  .mr-\[25apx\] {
    margin-right: calc(var(--apx, 1px) * 25);
  }
  .mt-\[13apx\] {
    margin-top: calc(var(--apx, 1px) * 13);
  }
  .mt-\[40apx\] {
    margin-top: calc(var(--apx, 1px) * 40);
  }
  .mt-\[16apx\] {
    margin-top: calc(var(--apx, 1px) * 16);
  }
  .mr-\[24apx\] {
    margin-right: calc(var(--apx, 1px) * 24);
  }
  .mt-\[12apx\] {
    margin-top: calc(var(--apx, 1px) * 12);
  }
  .ml-\[4apx\] {
    margin-left: calc(var(--apx, 1px) * 4);
  }
  .mr-\[4apx\] {
    margin-right: calc(var(--apx, 1px) * 4);
  }
  .ml-\[24apx\] {
    margin-left: calc(var(--apx, 1px) * 24);
  }
  .mr-\[6apx\] {
    margin-right: calc(var(--apx, 1px) * 6);
  }
  .ml-\[6apx\] {
    margin-left: calc(var(--apx, 1px) * 6);
  }
  .mt-\[55apx\] {
    margin-top: calc(var(--apx, 1px) * 55);
  }
  .mr-\[200apx\] {
    margin-right: calc(var(--apx, 1px) * 200);
  }
  .mr-\[16apx\] {
    margin-right: calc(var(--apx, 1px) * 16);
  }
  .mb-\[4apx\] {
    margin-bottom: calc(var(--apx, 1px) * 4);
  }
  .ml-\[14apx\] {
    margin-left: calc(var(--apx, 1px) * 14);
  }
  .mt-\[6apx\] {
    margin-top: calc(var(--apx, 1px) * 6);
  }
  .p-\[8apx\] {
    padding: calc(var(--apx, 1px) * 8);
  }
  .p-\[14apx\] {
    padding: calc(var(--apx, 1px) * 14);
  }
  .p-\[20apx\] {
    padding: calc(var(--apx, 1px) * 20);
  }
  .pl-\[24apx\] {
    padding-left: calc(var(--apx, 1px) * 24);
  }
  .pt-\[48apx\] {
    padding-top: calc(var(--apx, 1px) * 48);
  }
  .pb-\[48apx\] {
    padding-bottom: calc(var(--apx, 1px) * 48);
  }
  .pt-\[80apx\] {
    padding-top: calc(var(--apx, 1px) * 80);
  }
  .pb-\[80apx\] {
    padding-bottom: calc(var(--apx, 1px) * 80);
  }
  .pt-\[564apx\] {
    padding-top: calc(var(--apx, 1px) * 564);
  }
  .pb-\[1310apx\] {
    padding-bottom: calc(var(--apx, 1px) * 1310);
  }
  .pt-\[64apx\] {
    padding-top: calc(var(--apx, 1px) * 64);
  }
  .pb-\[64apx\] {
    padding-bottom: calc(var(--apx, 1px) * 64);
  }
  .pr-\[24apx\] {
    padding-right: calc(var(--apx, 1px) * 24);
  }
  .pt-\[32apx\] {
    padding-top: calc(var(--apx, 1px) * 32);
  }
  .pb-\[32apx\] {
    padding-bottom: calc(var(--apx, 1px) * 32);
  }
  .pb-\[456apx\] {
    padding-bottom: calc(var(--apx, 1px) * 456);
  }
  .pt-\[4apx\] {
    padding-top: calc(var(--apx, 1px) * 4);
  }
  .pb-\[4apx\] {
    padding-bottom: calc(var(--apx, 1px) * 4);
  }
  .pl-\[12apx\] {
    padding-left: calc(var(--apx, 1px) * 12);
  }
  .pr-\[12apx\] {
    padding-right: calc(var(--apx, 1px) * 12);
  }
  .pt-\[8apx\] {
    padding-top: calc(var(--apx, 1px) * 8);
  }
  .pb-\[8apx\] {
    padding-bottom: calc(var(--apx, 1px) * 8);
  }
  .pl-\[20apx\] {
    padding-left: calc(var(--apx, 1px) * 20);
  }
  .pr-\[20apx\] {
    padding-right: calc(var(--apx, 1px) * 20);
  }
  .pt-\[9apx\] {
    padding-top: calc(var(--apx, 1px) * 9);
  }
  .pb-\[9apx\] {
    padding-bottom: calc(var(--apx, 1px) * 9);
  }
  .pt-\[40apx\] {
    padding-top: calc(var(--apx, 1px) * 40);
  }
  .pb-\[40apx\] {
    padding-bottom: calc(var(--apx, 1px) * 40);
  }
  .pl-\[40apx\] {
    padding-left: calc(var(--apx, 1px) * 40);
  }
  .pt-\[43apx\] {
    padding-top: calc(var(--apx, 1px) * 43);
  }
  .pb-\[338apx\] {
    padding-bottom: calc(var(--apx, 1px) * 338);
  }
  .top-\[556apx\] {
    top: -webkit-calc(var(--apx, 1px) * 556);
    top: -moz-calc(var(--apx, 1px) * 556);
    top: calc(var(--apx, 1px) * 556);
  }
  .top-\[712apx\] {
    top: -webkit-calc(var(--apx, 1px) * 712);
    top: -moz-calc(var(--apx, 1px) * 712);
    top: calc(var(--apx, 1px) * 712);
  }
  .-right-\[40apx\] {
    right: -webkit-calc(var(--apx, 1px) * -40);
    right: -moz-calc(var(--apx, 1px) * -40);
    right: calc(var(--apx, 1px) * -40);
  }
  .-top-\[81apx\] {
    top: -webkit-calc(var(--apx, 1px) * -81);
    top: -moz-calc(var(--apx, 1px) * -81);
    top: calc(var(--apx, 1px) * -81);
  }
  .right-\[75apx\] {
    right: -webkit-calc(var(--apx, 1px) * 75);
    right: -moz-calc(var(--apx, 1px) * 75);
    right: calc(var(--apx, 1px) * 75);
  }
  .left-\[15apx\] {
    left: -webkit-calc(var(--apx, 1px) * 15);
    left: -moz-calc(var(--apx, 1px) * 15);
    left: calc(var(--apx, 1px) * 15);
  }
  .top-\[15apx\] {
    top: -webkit-calc(var(--apx, 1px) * 15);
    top: -moz-calc(var(--apx, 1px) * 15);
    top: calc(var(--apx, 1px) * 15);
  }
  .-left-\[26apx\] {
    left: -webkit-calc(var(--apx, 1px) * -26);
    left: -moz-calc(var(--apx, 1px) * -26);
    left: calc(var(--apx, 1px) * -26);
  }
  .bottom-\[0apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 0);
    bottom: -moz-calc(var(--apx, 1px) * 0);
    bottom: calc(var(--apx, 1px) * 0);
  }
  .-right-\[32apx\] {
    right: -webkit-calc(var(--apx, 1px) * -32);
    right: -moz-calc(var(--apx, 1px) * -32);
    right: calc(var(--apx, 1px) * -32);
  }
  .-top-\[26apx\] {
    top: -webkit-calc(var(--apx, 1px) * -26);
    top: -moz-calc(var(--apx, 1px) * -26);
    top: calc(var(--apx, 1px) * -26);
  }
  .-right-\[14apx\] {
    right: -webkit-calc(var(--apx, 1px) * -14);
    right: -moz-calc(var(--apx, 1px) * -14);
    right: calc(var(--apx, 1px) * -14);
  }
  .-bottom-\[26apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * -26);
    bottom: -moz-calc(var(--apx, 1px) * -26);
    bottom: calc(var(--apx, 1px) * -26);
  }
  .left-\[12apx\] {
    left: -webkit-calc(var(--apx, 1px) * 12);
    left: -moz-calc(var(--apx, 1px) * 12);
    left: calc(var(--apx, 1px) * 12);
  }
  .bottom-\[12apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 12);
    bottom: -moz-calc(var(--apx, 1px) * 12);
    bottom: calc(var(--apx, 1px) * 12);
  }
  .-left-\[420apx\] {
    left: -webkit-calc(var(--apx, 1px) * -420);
    left: -moz-calc(var(--apx, 1px) * -420);
    left: calc(var(--apx, 1px) * -420);
  }
  .-bottom-\[226apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * -226);
    bottom: -moz-calc(var(--apx, 1px) * -226);
    bottom: calc(var(--apx, 1px) * -226);
  }
  .right-\[28apx\] {
    right: -webkit-calc(var(--apx, 1px) * 28);
    right: -moz-calc(var(--apx, 1px) * 28);
    right: calc(var(--apx, 1px) * 28);
  }
  .top-\[28apx\] {
    top: -webkit-calc(var(--apx, 1px) * 28);
    top: -moz-calc(var(--apx, 1px) * 28);
    top: calc(var(--apx, 1px) * 28);
  }
  .left-\[461apx\] {
    left: -webkit-calc(var(--apx, 1px) * 461);
    left: -moz-calc(var(--apx, 1px) * 461);
    left: calc(var(--apx, 1px) * 461);
  }
  .-bottom-\[106apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * -106);
    bottom: -moz-calc(var(--apx, 1px) * -106);
    bottom: calc(var(--apx, 1px) * -106);
  }
  .left-\[9apx\] {
    left: -webkit-calc(var(--apx, 1px) * 9);
    left: -moz-calc(var(--apx, 1px) * 9);
    left: calc(var(--apx, 1px) * 9);
  }
  .top-\[9apx\] {
    top: -webkit-calc(var(--apx, 1px) * 9);
    top: -moz-calc(var(--apx, 1px) * 9);
    top: calc(var(--apx, 1px) * 9);
  }
  .top-\[20apx\] {
    top: -webkit-calc(var(--apx, 1px) * 20);
    top: -moz-calc(var(--apx, 1px) * 20);
    top: calc(var(--apx, 1px) * 20);
  }
  .left-\[20apx\] {
    left: -webkit-calc(var(--apx, 1px) * 20);
    left: -moz-calc(var(--apx, 1px) * 20);
    left: calc(var(--apx, 1px) * 20);
  }
  .right-\[20apx\] {
    right: -webkit-calc(var(--apx, 1px) * 20);
    right: -moz-calc(var(--apx, 1px) * 20);
    right: calc(var(--apx, 1px) * 20);
  }
  .top-\[56apx\] {
    top: -webkit-calc(var(--apx, 1px) * 56);
    top: -moz-calc(var(--apx, 1px) * 56);
    top: calc(var(--apx, 1px) * 56);
  }
  .bottom-\[20apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 20);
    bottom: -moz-calc(var(--apx, 1px) * 20);
    bottom: calc(var(--apx, 1px) * 20);
  }
  .right-\[16apx\] {
    right: -webkit-calc(var(--apx, 1px) * 16);
    right: -moz-calc(var(--apx, 1px) * 16);
    right: calc(var(--apx, 1px) * 16);
  }
  .bottom-\[16apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 16);
    bottom: -moz-calc(var(--apx, 1px) * 16);
    bottom: calc(var(--apx, 1px) * 16);
  }
  .left-\[16apx\] {
    left: -webkit-calc(var(--apx, 1px) * 16);
    left: -moz-calc(var(--apx, 1px) * 16);
    left: calc(var(--apx, 1px) * 16);
  }
  .left-\[204apx\] {
    left: -webkit-calc(var(--apx, 1px) * 204);
    left: -moz-calc(var(--apx, 1px) * 204);
    left: calc(var(--apx, 1px) * 204);
  }
  .bottom-\[50apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 50);
    bottom: -moz-calc(var(--apx, 1px) * 50);
    bottom: calc(var(--apx, 1px) * 50);
  }
  .-left-\[1apx\] {
    left: -webkit-calc(var(--apx, 1px) * -1);
    left: -moz-calc(var(--apx, 1px) * -1);
    left: calc(var(--apx, 1px) * -1);
  }
  .bottom-\[8apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 8);
    bottom: -moz-calc(var(--apx, 1px) * 8);
    bottom: calc(var(--apx, 1px) * 8);
  }
  .right-\[86apx\] {
    right: -webkit-calc(var(--apx, 1px) * 86);
    right: -moz-calc(var(--apx, 1px) * 86);
    right: calc(var(--apx, 1px) * 86);
  }
  .bottom-\[122apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 122);
    bottom: -moz-calc(var(--apx, 1px) * 122);
    bottom: calc(var(--apx, 1px) * 122);
  }
  .right-\[40apx\] {
    right: -webkit-calc(var(--apx, 1px) * 40);
    right: -moz-calc(var(--apx, 1px) * 40);
    right: calc(var(--apx, 1px) * 40);
  }
  .-left-\[36apx\] {
    left: -webkit-calc(var(--apx, 1px) * -36);
    left: -moz-calc(var(--apx, 1px) * -36);
    left: calc(var(--apx, 1px) * -36);
  }
  .bottom-\[34apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 34);
    bottom: -moz-calc(var(--apx, 1px) * 34);
    bottom: calc(var(--apx, 1px) * 34);
  }
  .right-\[31apx\] {
    right: -webkit-calc(var(--apx, 1px) * 31);
    right: -moz-calc(var(--apx, 1px) * 31);
    right: calc(var(--apx, 1px) * 31);
  }
  .w-\[720apx\] {
    width: -webkit-calc(var(--apx, 1px) * 720);
    width: -moz-calc(var(--apx, 1px) * 720);
    width: calc(var(--apx, 1px) * 720);
  }
  .w-\[40apx\] {
    width: -webkit-calc(var(--apx, 1px) * 40);
    width: -moz-calc(var(--apx, 1px) * 40);
    width: calc(var(--apx, 1px) * 40);
  }
  .w-\[177apx\] {
    width: -webkit-calc(var(--apx, 1px) * 177);
    width: -moz-calc(var(--apx, 1px) * 177);
    width: calc(var(--apx, 1px) * 177);
  }
  .w-\[237apx\] {
    width: -webkit-calc(var(--apx, 1px) * 237);
    width: -moz-calc(var(--apx, 1px) * 237);
    width: calc(var(--apx, 1px) * 237);
  }
  .w-\[690apx\] {
    width: -webkit-calc(var(--apx, 1px) * 690);
    width: -moz-calc(var(--apx, 1px) * 690);
    width: calc(var(--apx, 1px) * 690);
  }
  .w-\[178apx\] {
    width: -webkit-calc(var(--apx, 1px) * 178);
    width: -moz-calc(var(--apx, 1px) * 178);
    width: calc(var(--apx, 1px) * 178);
  }
  .w-\[350apx\] {
    width: -webkit-calc(var(--apx, 1px) * 350);
    width: -moz-calc(var(--apx, 1px) * 350);
    width: calc(var(--apx, 1px) * 350);
  }
  .w-\[344apx\] {
    width: -webkit-calc(var(--apx, 1px) * 344);
    width: -moz-calc(var(--apx, 1px) * 344);
    width: calc(var(--apx, 1px) * 344);
  }
  .w-\[343apx\] {
    width: -webkit-calc(var(--apx, 1px) * 343);
    width: -moz-calc(var(--apx, 1px) * 343);
    width: calc(var(--apx, 1px) * 343);
  }
  .w-\[340apx\] {
    width: -webkit-calc(var(--apx, 1px) * 340);
    width: -moz-calc(var(--apx, 1px) * 340);
    width: calc(var(--apx, 1px) * 340);
  }
  .w-\[557apx\] {
    width: -webkit-calc(var(--apx, 1px) * 557);
    width: -moz-calc(var(--apx, 1px) * 557);
    width: calc(var(--apx, 1px) * 557);
  }
  .w-\[293apx\] {
    width: -webkit-calc(var(--apx, 1px) * 293);
    width: -moz-calc(var(--apx, 1px) * 293);
    width: calc(var(--apx, 1px) * 293);
  }
  .w-\[423apx\] {
    width: -webkit-calc(var(--apx, 1px) * 423);
    width: -moz-calc(var(--apx, 1px) * 423);
    width: calc(var(--apx, 1px) * 423);
  }
  .w-\[226apx\] {
    width: -webkit-calc(var(--apx, 1px) * 226);
    width: -moz-calc(var(--apx, 1px) * 226);
    width: calc(var(--apx, 1px) * 226);
  }
  .w-\[291apx\] {
    width: -webkit-calc(var(--apx, 1px) * 291);
    width: -moz-calc(var(--apx, 1px) * 291);
    width: calc(var(--apx, 1px) * 291);
  }
  .w-\[58apx\] {
    width: -webkit-calc(var(--apx, 1px) * 58);
    width: -moz-calc(var(--apx, 1px) * 58);
    width: calc(var(--apx, 1px) * 58);
  }
  .w-\[70apx\] {
    width: -webkit-calc(var(--apx, 1px) * 70);
    width: -moz-calc(var(--apx, 1px) * 70);
    width: calc(var(--apx, 1px) * 70);
  }
  .w-\[87apx\] {
    width: -webkit-calc(var(--apx, 1px) * 87);
    width: -moz-calc(var(--apx, 1px) * 87);
    width: calc(var(--apx, 1px) * 87);
  }
  .w-\[356apx\] {
    width: -webkit-calc(var(--apx, 1px) * 356);
    width: -moz-calc(var(--apx, 1px) * 356);
    width: calc(var(--apx, 1px) * 356);
  }
  .w-\[117apx\] {
    width: -webkit-calc(var(--apx, 1px) * 117);
    width: -moz-calc(var(--apx, 1px) * 117);
    width: calc(var(--apx, 1px) * 117);
  }
  .w-\[44apx\] {
    width: -webkit-calc(var(--apx, 1px) * 44);
    width: -moz-calc(var(--apx, 1px) * 44);
    width: calc(var(--apx, 1px) * 44);
  }
  .w-\[179apx\] {
    width: -webkit-calc(var(--apx, 1px) * 179);
    width: -moz-calc(var(--apx, 1px) * 179);
    width: calc(var(--apx, 1px) * 179);
  }
  .w-\[150apx\] {
    width: -webkit-calc(var(--apx, 1px) * 150);
    width: -moz-calc(var(--apx, 1px) * 150);
    width: calc(var(--apx, 1px) * 150);
  }
  .w-\[520apx\] {
    width: -webkit-calc(var(--apx, 1px) * 520);
    width: -moz-calc(var(--apx, 1px) * 520);
    width: calc(var(--apx, 1px) * 520);
  }
  .w-\[852apx\] {
    width: -webkit-calc(var(--apx, 1px) * 852);
    width: -moz-calc(var(--apx, 1px) * 852);
    width: calc(var(--apx, 1px) * 852);
  }
  .w-\[794apx\] {
    width: -webkit-calc(var(--apx, 1px) * 794);
    width: -moz-calc(var(--apx, 1px) * 794);
    width: calc(var(--apx, 1px) * 794);
  }
  .w-\[208apx\] {
    width: -webkit-calc(var(--apx, 1px) * 208);
    width: -moz-calc(var(--apx, 1px) * 208);
    width: calc(var(--apx, 1px) * 208);
  }
  .w-\[calc\(100\%-40apx\)\] {
    width: -webkit-calc(100% - var(--apx, 1px) * 40);
    width: -moz-calc(100% - var(--apx, 1px) * 40);
    width: calc(100% - var(--apx, 1px) * 40);
  }
  .w-\[32apx\] {
    width: -webkit-calc(var(--apx, 1px) * 32);
    width: -moz-calc(var(--apx, 1px) * 32);
    width: calc(var(--apx, 1px) * 32);
  }
  .w-\[348apx\] {
    width: -webkit-calc(var(--apx, 1px) * 348);
    width: -moz-calc(var(--apx, 1px) * 348);
    width: calc(var(--apx, 1px) * 348);
  }
  .w-\[680apx\] {
    width: -webkit-calc(var(--apx, 1px) * 680);
    width: -moz-calc(var(--apx, 1px) * 680);
    width: calc(var(--apx, 1px) * 680);
  }
  .w-\[312apx\] {
    width: -webkit-calc(var(--apx, 1px) * 312);
    width: -moz-calc(var(--apx, 1px) * 312);
    width: calc(var(--apx, 1px) * 312);
  }
  .w-\[499apx\] {
    width: -webkit-calc(var(--apx, 1px) * 499);
    width: -moz-calc(var(--apx, 1px) * 499);
    width: calc(var(--apx, 1px) * 499);
  }
  .w-\[336apx\] {
    width: -webkit-calc(var(--apx, 1px) * 336);
    width: -moz-calc(var(--apx, 1px) * 336);
    width: calc(var(--apx, 1px) * 336);
  }
  .w-\[358apx\] {
    width: -webkit-calc(var(--apx, 1px) * 358);
    width: -moz-calc(var(--apx, 1px) * 358);
    width: calc(var(--apx, 1px) * 358);
  }
  .w-\[299apx\] {
    width: -webkit-calc(var(--apx, 1px) * 299);
    width: -moz-calc(var(--apx, 1px) * 299);
    width: calc(var(--apx, 1px) * 299);
  }
  .w-\[315apx\] {
    width: -webkit-calc(var(--apx, 1px) * 315);
    width: -moz-calc(var(--apx, 1px) * 315);
    width: calc(var(--apx, 1px) * 315);
  }
  .w-\[196apx\] {
    width: -webkit-calc(var(--apx, 1px) * 196);
    width: -moz-calc(var(--apx, 1px) * 196);
    width: calc(var(--apx, 1px) * 196);
  }
  .w-\[320apx\] {
    width: -webkit-calc(var(--apx, 1px) * 320);
    width: -moz-calc(var(--apx, 1px) * 320);
    width: calc(var(--apx, 1px) * 320);
  }
  .w-\[414apx\] {
    width: -webkit-calc(var(--apx, 1px) * 414);
    width: -moz-calc(var(--apx, 1px) * 414);
    width: calc(var(--apx, 1px) * 414);
  }
}
@media (min-width: 650px) and (max-width: 1023px) and (min-width: 650px) and (max-width: 767px) {
  .rounded-\[4apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 4);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 4);
    border-radius: calc(var(--apx, 1px) * 4);
  }
  .rounded-\[14apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 14);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 14);
    border-radius: calc(var(--apx, 1px) * 14);
  }
  .rounded-\[40apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 40);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 40);
    border-radius: calc(var(--apx, 1px) * 40);
  }
  .rounded-\[36apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 36);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 36);
    border-radius: calc(var(--apx, 1px) * 36);
  }
  .rounded-\[8apx\] {
    -webkit-border-radius: -webkit-calc(var(--apx, 1px) * 8);
    -moz-border-radius: -moz-calc(var(--apx, 1px) * 8);
    border-radius: calc(var(--apx, 1px) * 8);
  }
  .h-\[620apx\] {
    height: -webkit-calc(var(--apx, 1px) * 620);
    height: -moz-calc(var(--apx, 1px) * 620);
    height: calc(var(--apx, 1px) * 620);
  }
  .h-\[395apx\] {
    height: -webkit-calc(var(--apx, 1px) * 395);
    height: -moz-calc(var(--apx, 1px) * 395);
    height: calc(var(--apx, 1px) * 395);
  }
  .h-\[40apx\] {
    height: -webkit-calc(var(--apx, 1px) * 40);
    height: -moz-calc(var(--apx, 1px) * 40);
    height: calc(var(--apx, 1px) * 40);
  }
  .h-\[160apx\] {
    height: -webkit-calc(var(--apx, 1px) * 160);
    height: -moz-calc(var(--apx, 1px) * 160);
    height: calc(var(--apx, 1px) * 160);
  }
  .h-\[463apx\] {
    height: -webkit-calc(var(--apx, 1px) * 463);
    height: -moz-calc(var(--apx, 1px) * 463);
    height: calc(var(--apx, 1px) * 463);
  }
  .h-\[178apx\] {
    height: -webkit-calc(var(--apx, 1px) * 178);
    height: -moz-calc(var(--apx, 1px) * 178);
    height: calc(var(--apx, 1px) * 178);
  }
  .h-\[226apx\] {
    height: -webkit-calc(var(--apx, 1px) * 226);
    height: -moz-calc(var(--apx, 1px) * 226);
    height: calc(var(--apx, 1px) * 226);
  }
  .h-\[252apx\] {
    height: -webkit-calc(var(--apx, 1px) * 252);
    height: -moz-calc(var(--apx, 1px) * 252);
    height: calc(var(--apx, 1px) * 252);
  }
  .h-\[253apx\] {
    height: -webkit-calc(var(--apx, 1px) * 253);
    height: -moz-calc(var(--apx, 1px) * 253);
    height: calc(var(--apx, 1px) * 253);
  }
  .h-\[672apx\] {
    height: -webkit-calc(var(--apx, 1px) * 672);
    height: -moz-calc(var(--apx, 1px) * 672);
    height: calc(var(--apx, 1px) * 672);
  }
  .h-\[167apx\] {
    height: -webkit-calc(var(--apx, 1px) * 167);
    height: -moz-calc(var(--apx, 1px) * 167);
    height: calc(var(--apx, 1px) * 167);
  }
  .h-\[38apx\] {
    height: -webkit-calc(var(--apx, 1px) * 38);
    height: -moz-calc(var(--apx, 1px) * 38);
    height: calc(var(--apx, 1px) * 38);
  }
  .h-\[281apx\] {
    height: -webkit-calc(var(--apx, 1px) * 281);
    height: -moz-calc(var(--apx, 1px) * 281);
    height: calc(var(--apx, 1px) * 281);
  }
  .h-\[380apx\] {
    height: -webkit-calc(var(--apx, 1px) * 380);
    height: -moz-calc(var(--apx, 1px) * 380);
    height: calc(var(--apx, 1px) * 380);
  }
  .h-\[280apx\] {
    height: -webkit-calc(var(--apx, 1px) * 280);
    height: -moz-calc(var(--apx, 1px) * 280);
    height: calc(var(--apx, 1px) * 280);
  }
  .h-\[98apx\] {
    height: -webkit-calc(var(--apx, 1px) * 98);
    height: -moz-calc(var(--apx, 1px) * 98);
    height: calc(var(--apx, 1px) * 98);
  }
  .h-\[257apx\] {
    height: -webkit-calc(var(--apx, 1px) * 257);
    height: -moz-calc(var(--apx, 1px) * 257);
    height: calc(var(--apx, 1px) * 257);
  }
  .h-\[58apx\] {
    height: -webkit-calc(var(--apx, 1px) * 58);
    height: -moz-calc(var(--apx, 1px) * 58);
    height: calc(var(--apx, 1px) * 58);
  }
  .h-\[70apx\] {
    height: -webkit-calc(var(--apx, 1px) * 70);
    height: -moz-calc(var(--apx, 1px) * 70);
    height: calc(var(--apx, 1px) * 70);
  }
  .h-\[87apx\] {
    height: -webkit-calc(var(--apx, 1px) * 87);
    height: -moz-calc(var(--apx, 1px) * 87);
    height: calc(var(--apx, 1px) * 87);
  }
  .h-\[44apx\] {
    height: -webkit-calc(var(--apx, 1px) * 44);
    height: -moz-calc(var(--apx, 1px) * 44);
    height: calc(var(--apx, 1px) * 44);
  }
  .h-\[340apx\] {
    height: -webkit-calc(var(--apx, 1px) * 340);
    height: -moz-calc(var(--apx, 1px) * 340);
    height: calc(var(--apx, 1px) * 340);
  }
  .h-\[624apx\] {
    height: -webkit-calc(var(--apx, 1px) * 624);
    height: -moz-calc(var(--apx, 1px) * 624);
    height: calc(var(--apx, 1px) * 624);
  }
  .h-\[568apx\] {
    height: -webkit-calc(var(--apx, 1px) * 568);
    height: -moz-calc(var(--apx, 1px) * 568);
    height: calc(var(--apx, 1px) * 568);
  }
  .h-\[503apx\] {
    height: -webkit-calc(var(--apx, 1px) * 503);
    height: -moz-calc(var(--apx, 1px) * 503);
    height: calc(var(--apx, 1px) * 503);
  }
  .h-\[460apx\] {
    height: -webkit-calc(var(--apx, 1px) * 460);
    height: -moz-calc(var(--apx, 1px) * 460);
    height: calc(var(--apx, 1px) * 460);
  }
  .h-\[258apx\] {
    height: -webkit-calc(var(--apx, 1px) * 258);
    height: -moz-calc(var(--apx, 1px) * 258);
    height: calc(var(--apx, 1px) * 258);
  }
  .h-\[32apx\] {
    height: -webkit-calc(var(--apx, 1px) * 32);
    height: -moz-calc(var(--apx, 1px) * 32);
    height: calc(var(--apx, 1px) * 32);
  }
  .h-\[384apx\] {
    height: -webkit-calc(var(--apx, 1px) * 384);
    height: -moz-calc(var(--apx, 1px) * 384);
    height: calc(var(--apx, 1px) * 384);
  }
  .h-\[230apx\] {
    height: -webkit-calc(var(--apx, 1px) * 230);
    height: -moz-calc(var(--apx, 1px) * 230);
    height: calc(var(--apx, 1px) * 230);
  }
  .h-\[428apx\] {
    height: -webkit-calc(var(--apx, 1px) * 428);
    height: -moz-calc(var(--apx, 1px) * 428);
    height: calc(var(--apx, 1px) * 428);
  }
  .h-\[307apx\] {
    height: -webkit-calc(var(--apx, 1px) * 307);
    height: -moz-calc(var(--apx, 1px) * 307);
    height: calc(var(--apx, 1px) * 307);
  }
  .h-\[358apx\] {
    height: -webkit-calc(var(--apx, 1px) * 358);
    height: -moz-calc(var(--apx, 1px) * 358);
    height: calc(var(--apx, 1px) * 358);
  }
  .h-\[206apx\] {
    height: -webkit-calc(var(--apx, 1px) * 206);
    height: -moz-calc(var(--apx, 1px) * 206);
    height: calc(var(--apx, 1px) * 206);
  }
  .h-\[310apx\] {
    height: -webkit-calc(var(--apx, 1px) * 310);
    height: -moz-calc(var(--apx, 1px) * 310);
    height: calc(var(--apx, 1px) * 310);
  }
  .mt-\[8apx\] {
    margin-top: calc(var(--apx, 1px) * 8);
  }
  .mt-\[20apx\] {
    margin-top: calc(var(--apx, 1px) * 20);
  }
  .mt-\[2apx\] {
    margin-top: calc(var(--apx, 1px) * 2);
  }
  .mt-\[4apx\] {
    margin-top: calc(var(--apx, 1px) * 4);
  }
  .-mt-\[500apx\] {
    margin-top: calc(var(--apx, 1px) * -500);
  }
  .-mt-\[1000apx\] {
    margin-top: calc(var(--apx, 1px) * -1000);
  }
  .mt-\[18apx\] {
    margin-top: calc(var(--apx, 1px) * 18);
  }
  .mt-\[24apx\] {
    margin-top: calc(var(--apx, 1px) * 24);
  }
  .mr-\[25apx\] {
    margin-right: calc(var(--apx, 1px) * 25);
  }
  .mt-\[13apx\] {
    margin-top: calc(var(--apx, 1px) * 13);
  }
  .mt-\[40apx\] {
    margin-top: calc(var(--apx, 1px) * 40);
  }
  .mt-\[16apx\] {
    margin-top: calc(var(--apx, 1px) * 16);
  }
  .mr-\[24apx\] {
    margin-right: calc(var(--apx, 1px) * 24);
  }
  .mt-\[12apx\] {
    margin-top: calc(var(--apx, 1px) * 12);
  }
  .ml-\[4apx\] {
    margin-left: calc(var(--apx, 1px) * 4);
  }
  .mr-\[4apx\] {
    margin-right: calc(var(--apx, 1px) * 4);
  }
  .ml-\[24apx\] {
    margin-left: calc(var(--apx, 1px) * 24);
  }
  .mr-\[6apx\] {
    margin-right: calc(var(--apx, 1px) * 6);
  }
  .ml-\[6apx\] {
    margin-left: calc(var(--apx, 1px) * 6);
  }
  .mt-\[55apx\] {
    margin-top: calc(var(--apx, 1px) * 55);
  }
  .mr-\[200apx\] {
    margin-right: calc(var(--apx, 1px) * 200);
  }
  .mr-\[16apx\] {
    margin-right: calc(var(--apx, 1px) * 16);
  }
  .mb-\[4apx\] {
    margin-bottom: calc(var(--apx, 1px) * 4);
  }
  .ml-\[14apx\] {
    margin-left: calc(var(--apx, 1px) * 14);
  }
  .mt-\[6apx\] {
    margin-top: calc(var(--apx, 1px) * 6);
  }
  .p-\[8apx\] {
    padding: calc(var(--apx, 1px) * 8);
  }
  .p-\[14apx\] {
    padding: calc(var(--apx, 1px) * 14);
  }
  .p-\[20apx\] {
    padding: calc(var(--apx, 1px) * 20);
  }
  .pl-\[24apx\] {
    padding-left: calc(var(--apx, 1px) * 24);
  }
  .pt-\[48apx\] {
    padding-top: calc(var(--apx, 1px) * 48);
  }
  .pb-\[48apx\] {
    padding-bottom: calc(var(--apx, 1px) * 48);
  }
  .pt-\[80apx\] {
    padding-top: calc(var(--apx, 1px) * 80);
  }
  .pb-\[80apx\] {
    padding-bottom: calc(var(--apx, 1px) * 80);
  }
  .pt-\[564apx\] {
    padding-top: calc(var(--apx, 1px) * 564);
  }
  .pb-\[1310apx\] {
    padding-bottom: calc(var(--apx, 1px) * 1310);
  }
  .pt-\[64apx\] {
    padding-top: calc(var(--apx, 1px) * 64);
  }
  .pb-\[64apx\] {
    padding-bottom: calc(var(--apx, 1px) * 64);
  }
  .pr-\[24apx\] {
    padding-right: calc(var(--apx, 1px) * 24);
  }
  .pt-\[32apx\] {
    padding-top: calc(var(--apx, 1px) * 32);
  }
  .pb-\[32apx\] {
    padding-bottom: calc(var(--apx, 1px) * 32);
  }
  .pb-\[456apx\] {
    padding-bottom: calc(var(--apx, 1px) * 456);
  }
  .pt-\[4apx\] {
    padding-top: calc(var(--apx, 1px) * 4);
  }
  .pb-\[4apx\] {
    padding-bottom: calc(var(--apx, 1px) * 4);
  }
  .pl-\[12apx\] {
    padding-left: calc(var(--apx, 1px) * 12);
  }
  .pr-\[12apx\] {
    padding-right: calc(var(--apx, 1px) * 12);
  }
  .pt-\[8apx\] {
    padding-top: calc(var(--apx, 1px) * 8);
  }
  .pb-\[8apx\] {
    padding-bottom: calc(var(--apx, 1px) * 8);
  }
  .pl-\[20apx\] {
    padding-left: calc(var(--apx, 1px) * 20);
  }
  .pr-\[20apx\] {
    padding-right: calc(var(--apx, 1px) * 20);
  }
  .pt-\[9apx\] {
    padding-top: calc(var(--apx, 1px) * 9);
  }
  .pb-\[9apx\] {
    padding-bottom: calc(var(--apx, 1px) * 9);
  }
  .pt-\[40apx\] {
    padding-top: calc(var(--apx, 1px) * 40);
  }
  .pb-\[40apx\] {
    padding-bottom: calc(var(--apx, 1px) * 40);
  }
  .pl-\[40apx\] {
    padding-left: calc(var(--apx, 1px) * 40);
  }
  .pt-\[43apx\] {
    padding-top: calc(var(--apx, 1px) * 43);
  }
  .pb-\[338apx\] {
    padding-bottom: calc(var(--apx, 1px) * 338);
  }
  .top-\[556apx\] {
    top: -webkit-calc(var(--apx, 1px) * 556);
    top: -moz-calc(var(--apx, 1px) * 556);
    top: calc(var(--apx, 1px) * 556);
  }
  .top-\[712apx\] {
    top: -webkit-calc(var(--apx, 1px) * 712);
    top: -moz-calc(var(--apx, 1px) * 712);
    top: calc(var(--apx, 1px) * 712);
  }
  .-right-\[40apx\] {
    right: -webkit-calc(var(--apx, 1px) * -40);
    right: -moz-calc(var(--apx, 1px) * -40);
    right: calc(var(--apx, 1px) * -40);
  }
  .-top-\[81apx\] {
    top: -webkit-calc(var(--apx, 1px) * -81);
    top: -moz-calc(var(--apx, 1px) * -81);
    top: calc(var(--apx, 1px) * -81);
  }
  .right-\[75apx\] {
    right: -webkit-calc(var(--apx, 1px) * 75);
    right: -moz-calc(var(--apx, 1px) * 75);
    right: calc(var(--apx, 1px) * 75);
  }
  .left-\[15apx\] {
    left: -webkit-calc(var(--apx, 1px) * 15);
    left: -moz-calc(var(--apx, 1px) * 15);
    left: calc(var(--apx, 1px) * 15);
  }
  .top-\[15apx\] {
    top: -webkit-calc(var(--apx, 1px) * 15);
    top: -moz-calc(var(--apx, 1px) * 15);
    top: calc(var(--apx, 1px) * 15);
  }
  .-left-\[26apx\] {
    left: -webkit-calc(var(--apx, 1px) * -26);
    left: -moz-calc(var(--apx, 1px) * -26);
    left: calc(var(--apx, 1px) * -26);
  }
  .bottom-\[0apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 0);
    bottom: -moz-calc(var(--apx, 1px) * 0);
    bottom: calc(var(--apx, 1px) * 0);
  }
  .-right-\[32apx\] {
    right: -webkit-calc(var(--apx, 1px) * -32);
    right: -moz-calc(var(--apx, 1px) * -32);
    right: calc(var(--apx, 1px) * -32);
  }
  .-top-\[26apx\] {
    top: -webkit-calc(var(--apx, 1px) * -26);
    top: -moz-calc(var(--apx, 1px) * -26);
    top: calc(var(--apx, 1px) * -26);
  }
  .-right-\[14apx\] {
    right: -webkit-calc(var(--apx, 1px) * -14);
    right: -moz-calc(var(--apx, 1px) * -14);
    right: calc(var(--apx, 1px) * -14);
  }
  .-bottom-\[26apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * -26);
    bottom: -moz-calc(var(--apx, 1px) * -26);
    bottom: calc(var(--apx, 1px) * -26);
  }
  .left-\[12apx\] {
    left: -webkit-calc(var(--apx, 1px) * 12);
    left: -moz-calc(var(--apx, 1px) * 12);
    left: calc(var(--apx, 1px) * 12);
  }
  .bottom-\[12apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 12);
    bottom: -moz-calc(var(--apx, 1px) * 12);
    bottom: calc(var(--apx, 1px) * 12);
  }
  .-left-\[420apx\] {
    left: -webkit-calc(var(--apx, 1px) * -420);
    left: -moz-calc(var(--apx, 1px) * -420);
    left: calc(var(--apx, 1px) * -420);
  }
  .-bottom-\[226apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * -226);
    bottom: -moz-calc(var(--apx, 1px) * -226);
    bottom: calc(var(--apx, 1px) * -226);
  }
  .right-\[28apx\] {
    right: -webkit-calc(var(--apx, 1px) * 28);
    right: -moz-calc(var(--apx, 1px) * 28);
    right: calc(var(--apx, 1px) * 28);
  }
  .top-\[28apx\] {
    top: -webkit-calc(var(--apx, 1px) * 28);
    top: -moz-calc(var(--apx, 1px) * 28);
    top: calc(var(--apx, 1px) * 28);
  }
  .left-\[461apx\] {
    left: -webkit-calc(var(--apx, 1px) * 461);
    left: -moz-calc(var(--apx, 1px) * 461);
    left: calc(var(--apx, 1px) * 461);
  }
  .-bottom-\[106apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * -106);
    bottom: -moz-calc(var(--apx, 1px) * -106);
    bottom: calc(var(--apx, 1px) * -106);
  }
  .left-\[9apx\] {
    left: -webkit-calc(var(--apx, 1px) * 9);
    left: -moz-calc(var(--apx, 1px) * 9);
    left: calc(var(--apx, 1px) * 9);
  }
  .top-\[9apx\] {
    top: -webkit-calc(var(--apx, 1px) * 9);
    top: -moz-calc(var(--apx, 1px) * 9);
    top: calc(var(--apx, 1px) * 9);
  }
  .top-\[20apx\] {
    top: -webkit-calc(var(--apx, 1px) * 20);
    top: -moz-calc(var(--apx, 1px) * 20);
    top: calc(var(--apx, 1px) * 20);
  }
  .left-\[20apx\] {
    left: -webkit-calc(var(--apx, 1px) * 20);
    left: -moz-calc(var(--apx, 1px) * 20);
    left: calc(var(--apx, 1px) * 20);
  }
  .right-\[20apx\] {
    right: -webkit-calc(var(--apx, 1px) * 20);
    right: -moz-calc(var(--apx, 1px) * 20);
    right: calc(var(--apx, 1px) * 20);
  }
  .top-\[56apx\] {
    top: -webkit-calc(var(--apx, 1px) * 56);
    top: -moz-calc(var(--apx, 1px) * 56);
    top: calc(var(--apx, 1px) * 56);
  }
  .bottom-\[20apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 20);
    bottom: -moz-calc(var(--apx, 1px) * 20);
    bottom: calc(var(--apx, 1px) * 20);
  }
  .right-\[16apx\] {
    right: -webkit-calc(var(--apx, 1px) * 16);
    right: -moz-calc(var(--apx, 1px) * 16);
    right: calc(var(--apx, 1px) * 16);
  }
  .bottom-\[16apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 16);
    bottom: -moz-calc(var(--apx, 1px) * 16);
    bottom: calc(var(--apx, 1px) * 16);
  }
  .left-\[16apx\] {
    left: -webkit-calc(var(--apx, 1px) * 16);
    left: -moz-calc(var(--apx, 1px) * 16);
    left: calc(var(--apx, 1px) * 16);
  }
  .left-\[204apx\] {
    left: -webkit-calc(var(--apx, 1px) * 204);
    left: -moz-calc(var(--apx, 1px) * 204);
    left: calc(var(--apx, 1px) * 204);
  }
  .bottom-\[50apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 50);
    bottom: -moz-calc(var(--apx, 1px) * 50);
    bottom: calc(var(--apx, 1px) * 50);
  }
  .-left-\[1apx\] {
    left: -webkit-calc(var(--apx, 1px) * -1);
    left: -moz-calc(var(--apx, 1px) * -1);
    left: calc(var(--apx, 1px) * -1);
  }
  .bottom-\[8apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 8);
    bottom: -moz-calc(var(--apx, 1px) * 8);
    bottom: calc(var(--apx, 1px) * 8);
  }
  .right-\[86apx\] {
    right: -webkit-calc(var(--apx, 1px) * 86);
    right: -moz-calc(var(--apx, 1px) * 86);
    right: calc(var(--apx, 1px) * 86);
  }
  .bottom-\[122apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 122);
    bottom: -moz-calc(var(--apx, 1px) * 122);
    bottom: calc(var(--apx, 1px) * 122);
  }
  .right-\[40apx\] {
    right: -webkit-calc(var(--apx, 1px) * 40);
    right: -moz-calc(var(--apx, 1px) * 40);
    right: calc(var(--apx, 1px) * 40);
  }
  .-left-\[36apx\] {
    left: -webkit-calc(var(--apx, 1px) * -36);
    left: -moz-calc(var(--apx, 1px) * -36);
    left: calc(var(--apx, 1px) * -36);
  }
  .bottom-\[34apx\] {
    bottom: -webkit-calc(var(--apx, 1px) * 34);
    bottom: -moz-calc(var(--apx, 1px) * 34);
    bottom: calc(var(--apx, 1px) * 34);
  }
  .right-\[31apx\] {
    right: -webkit-calc(var(--apx, 1px) * 31);
    right: -moz-calc(var(--apx, 1px) * 31);
    right: calc(var(--apx, 1px) * 31);
  }
  .w-\[720apx\] {
    width: -webkit-calc(var(--apx, 1px) * 720);
    width: -moz-calc(var(--apx, 1px) * 720);
    width: calc(var(--apx, 1px) * 720);
  }
  .w-\[40apx\] {
    width: -webkit-calc(var(--apx, 1px) * 40);
    width: -moz-calc(var(--apx, 1px) * 40);
    width: calc(var(--apx, 1px) * 40);
  }
  .w-\[177apx\] {
    width: -webkit-calc(var(--apx, 1px) * 177);
    width: -moz-calc(var(--apx, 1px) * 177);
    width: calc(var(--apx, 1px) * 177);
  }
  .w-\[237apx\] {
    width: -webkit-calc(var(--apx, 1px) * 237);
    width: -moz-calc(var(--apx, 1px) * 237);
    width: calc(var(--apx, 1px) * 237);
  }
  .w-\[690apx\] {
    width: -webkit-calc(var(--apx, 1px) * 690);
    width: -moz-calc(var(--apx, 1px) * 690);
    width: calc(var(--apx, 1px) * 690);
  }
  .w-\[178apx\] {
    width: -webkit-calc(var(--apx, 1px) * 178);
    width: -moz-calc(var(--apx, 1px) * 178);
    width: calc(var(--apx, 1px) * 178);
  }
  .w-\[350apx\] {
    width: -webkit-calc(var(--apx, 1px) * 350);
    width: -moz-calc(var(--apx, 1px) * 350);
    width: calc(var(--apx, 1px) * 350);
  }
  .w-\[344apx\] {
    width: -webkit-calc(var(--apx, 1px) * 344);
    width: -moz-calc(var(--apx, 1px) * 344);
    width: calc(var(--apx, 1px) * 344);
  }
  .w-\[343apx\] {
    width: -webkit-calc(var(--apx, 1px) * 343);
    width: -moz-calc(var(--apx, 1px) * 343);
    width: calc(var(--apx, 1px) * 343);
  }
  .w-\[340apx\] {
    width: -webkit-calc(var(--apx, 1px) * 340);
    width: -moz-calc(var(--apx, 1px) * 340);
    width: calc(var(--apx, 1px) * 340);
  }
  .w-\[557apx\] {
    width: -webkit-calc(var(--apx, 1px) * 557);
    width: -moz-calc(var(--apx, 1px) * 557);
    width: calc(var(--apx, 1px) * 557);
  }
  .w-\[293apx\] {
    width: -webkit-calc(var(--apx, 1px) * 293);
    width: -moz-calc(var(--apx, 1px) * 293);
    width: calc(var(--apx, 1px) * 293);
  }
  .w-\[423apx\] {
    width: -webkit-calc(var(--apx, 1px) * 423);
    width: -moz-calc(var(--apx, 1px) * 423);
    width: calc(var(--apx, 1px) * 423);
  }
  .w-\[226apx\] {
    width: -webkit-calc(var(--apx, 1px) * 226);
    width: -moz-calc(var(--apx, 1px) * 226);
    width: calc(var(--apx, 1px) * 226);
  }
  .w-\[291apx\] {
    width: -webkit-calc(var(--apx, 1px) * 291);
    width: -moz-calc(var(--apx, 1px) * 291);
    width: calc(var(--apx, 1px) * 291);
  }
  .w-\[58apx\] {
    width: -webkit-calc(var(--apx, 1px) * 58);
    width: -moz-calc(var(--apx, 1px) * 58);
    width: calc(var(--apx, 1px) * 58);
  }
  .w-\[70apx\] {
    width: -webkit-calc(var(--apx, 1px) * 70);
    width: -moz-calc(var(--apx, 1px) * 70);
    width: calc(var(--apx, 1px) * 70);
  }
  .w-\[87apx\] {
    width: -webkit-calc(var(--apx, 1px) * 87);
    width: -moz-calc(var(--apx, 1px) * 87);
    width: calc(var(--apx, 1px) * 87);
  }
  .w-\[356apx\] {
    width: -webkit-calc(var(--apx, 1px) * 356);
    width: -moz-calc(var(--apx, 1px) * 356);
    width: calc(var(--apx, 1px) * 356);
  }
  .w-\[117apx\] {
    width: -webkit-calc(var(--apx, 1px) * 117);
    width: -moz-calc(var(--apx, 1px) * 117);
    width: calc(var(--apx, 1px) * 117);
  }
  .w-\[44apx\] {
    width: -webkit-calc(var(--apx, 1px) * 44);
    width: -moz-calc(var(--apx, 1px) * 44);
    width: calc(var(--apx, 1px) * 44);
  }
  .w-\[179apx\] {
    width: -webkit-calc(var(--apx, 1px) * 179);
    width: -moz-calc(var(--apx, 1px) * 179);
    width: calc(var(--apx, 1px) * 179);
  }
  .w-\[150apx\] {
    width: -webkit-calc(var(--apx, 1px) * 150);
    width: -moz-calc(var(--apx, 1px) * 150);
    width: calc(var(--apx, 1px) * 150);
  }
  .w-\[520apx\] {
    width: -webkit-calc(var(--apx, 1px) * 520);
    width: -moz-calc(var(--apx, 1px) * 520);
    width: calc(var(--apx, 1px) * 520);
  }
  .w-\[852apx\] {
    width: -webkit-calc(var(--apx, 1px) * 852);
    width: -moz-calc(var(--apx, 1px) * 852);
    width: calc(var(--apx, 1px) * 852);
  }
  .w-\[794apx\] {
    width: -webkit-calc(var(--apx, 1px) * 794);
    width: -moz-calc(var(--apx, 1px) * 794);
    width: calc(var(--apx, 1px) * 794);
  }
  .w-\[208apx\] {
    width: -webkit-calc(var(--apx, 1px) * 208);
    width: -moz-calc(var(--apx, 1px) * 208);
    width: calc(var(--apx, 1px) * 208);
  }
  .w-\[calc\(100\%-40apx\)\] {
    width: -webkit-calc(100% - var(--apx, 1px) * 40);
    width: -moz-calc(100% - var(--apx, 1px) * 40);
    width: calc(100% - var(--apx, 1px) * 40);
  }
  .w-\[32apx\] {
    width: -webkit-calc(var(--apx, 1px) * 32);
    width: -moz-calc(var(--apx, 1px) * 32);
    width: calc(var(--apx, 1px) * 32);
  }
  .w-\[348apx\] {
    width: -webkit-calc(var(--apx, 1px) * 348);
    width: -moz-calc(var(--apx, 1px) * 348);
    width: calc(var(--apx, 1px) * 348);
  }
  .w-\[680apx\] {
    width: -webkit-calc(var(--apx, 1px) * 680);
    width: -moz-calc(var(--apx, 1px) * 680);
    width: calc(var(--apx, 1px) * 680);
  }
  .w-\[312apx\] {
    width: -webkit-calc(var(--apx, 1px) * 312);
    width: -moz-calc(var(--apx, 1px) * 312);
    width: calc(var(--apx, 1px) * 312);
  }
  .w-\[499apx\] {
    width: -webkit-calc(var(--apx, 1px) * 499);
    width: -moz-calc(var(--apx, 1px) * 499);
    width: calc(var(--apx, 1px) * 499);
  }
  .w-\[336apx\] {
    width: -webkit-calc(var(--apx, 1px) * 336);
    width: -moz-calc(var(--apx, 1px) * 336);
    width: calc(var(--apx, 1px) * 336);
  }
  .w-\[358apx\] {
    width: -webkit-calc(var(--apx, 1px) * 358);
    width: -moz-calc(var(--apx, 1px) * 358);
    width: calc(var(--apx, 1px) * 358);
  }
  .w-\[299apx\] {
    width: -webkit-calc(var(--apx, 1px) * 299);
    width: -moz-calc(var(--apx, 1px) * 299);
    width: calc(var(--apx, 1px) * 299);
  }
  .w-\[315apx\] {
    width: -webkit-calc(var(--apx, 1px) * 315);
    width: -moz-calc(var(--apx, 1px) * 315);
    width: calc(var(--apx, 1px) * 315);
  }
  .w-\[196apx\] {
    width: -webkit-calc(var(--apx, 1px) * 196);
    width: -moz-calc(var(--apx, 1px) * 196);
    width: calc(var(--apx, 1px) * 196);
  }
  .w-\[320apx\] {
    width: -webkit-calc(var(--apx, 1px) * 320);
    width: -moz-calc(var(--apx, 1px) * 320);
    width: calc(var(--apx, 1px) * 320);
  }
  .w-\[414apx\] {
    width: -webkit-calc(var(--apx, 1px) * 414);
    width: -moz-calc(var(--apx, 1px) * 414);
    width: calc(var(--apx, 1px) * 414);
  }
}
@media (max-width: 1023px) {
  .mot\:bg-\[\#F5F4F0\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 244, 240, var(--tw-bg-opacity));
  }
  .mot\: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;
  }
  .mot\:flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mot\:items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .mot\:justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .mot\:justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .mot\:h-16px {
    height: 16px;
  }
  .mot\:h-24px {
    height: 24px;
  }
  .mot\:text-40m {
    font-size: 40px;
    letter-spacing: 0.5px;
  }
  .mot\:text-18m {
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
  .mot\:text-30m {
    font-size: 30px;
    letter-spacing: 0.5px;
    line-height: 38px;
  }
  .mot\:text-14m {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
  .mot\:text-12m {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .mot\:text-48m {
    font-size: 48px;
    line-height: 56px;
  }
  .mot\:text-16m {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
  }
  .mot\:text-24m {
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 32px;
  }
  .mot\:text-20m {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 28px;
  }
  .mot\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mot\:relative {
    position: relative;
  }
  .mot\:text-center {
    text-align: center;
  }
  .mot\:w-full {
    width: 100%;
  }
  .mot\:w-16px {
    width: 16px;
  }
  .mot\:w-24px {
    width: 24px;
  }
  .mot\: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));
  }
  .mot\:translate-y-20px {
    --tw-translate-y: 20px;
  }
}
/* @font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
} */
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.zn--wrapper {
  direction: ltr;
  font-size: 16px;
}
.zn--wrapper img:not(.loaded),
.zn--wrapper img:not([src]),
.zn--wrapper img[src=""] {
  opacity: 0;
}
.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--wrapper sup {
  -webkit-font-feature-settings: "numr";
  -moz-font-feature-settings: "numr";
  font-feature-settings: "numr";
  font-size: 60%;
}
.zn--wrapper sub {
  bottom: -0.12em;
  font-size: 50%;
}
.zn--wrapper .vertical-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.zn--wrapper .horizontal-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translate(-50%);
}
.zn--wrapper .position-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.zn--wrapper .l-pc-hidden,
.zn--wrapper .xl-pc-hidden {
  display: block;
}
.zn--wrapper .s-pc-only {
  display: none;
}
.zn--wrapper [replay-button] {
  cursor: pointer;
}
.zn--wrapper .s-pc-hidden,
.zn--wrapper .s-pc-mo-hidden {
  display: block;
}
.zn--wrapper [ani-img-container] {
  overflow: hidden;
}
.zn--wrapper [replay-button-new] {
  background: #efede9;
}
.zn--wrapper [replay-button-new]:hover {
  background: #000;
}
.zn--wrapper [replay-button-new]:hover path {
  fill: #fff;
}
.zn--replacement-tool {
  --p-6: #4c3fb3;
  --p-5: #6a5ecc;
  --p-4: #968dda;
  --k-2: #e5e5e5;
  --k-3: #a9a9b5;
  --white: #fff;
}
.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;
}
.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%);
}
#section-ksp {
  background: #fff;
}
#section-ksp .card-title {
  color: #000000f2;
}
#section-ksp .card-desc {
  color: #0000008c;
}
#section-screen .swiper {
  padding-left: 16px;
  padding-right: 16px;
}
#section-screen .swiper .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#section-screen .swiper .swiper-slide:nth-child(2) {
  margin-right: 0;
}
#section-screen [ani-grid-2] [progress-bar] {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translate(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease,
    -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
#section-screen [ani-grid-2] .reading-img,
#section-screen [ani-grid-2] .reading-text {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#section-screen [ani-grid-2] [next-button],
#section-screen [ani-grid-2] [prev-button] {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#section-screen [ani-grid-2][data-status="0"] [progress-bar] {
  -webkit-transform: translateX(-67%);
  -moz-transform: translateX(-67%);
  -ms-transform: translateX(-67%);
  -o-transform: translateX(-67%);
  transform: translate(-67%);
}
#section-screen [ani-grid-2][data-status="0"] [prev-button] {
  opacity: 0.3;
}
#section-screen [ani-grid-2][data-status="0"] .reading-img-1,
#section-screen [ani-grid-2][data-status="0"] .reading-text-1 {
  opacity: 1;
}
#section-screen [ani-grid-2][data-status="1"] [progress-bar] {
  -webkit-transform: translateX(-33%);
  -moz-transform: translateX(-33%);
  -ms-transform: translateX(-33%);
  -o-transform: translateX(-33%);
  transform: translate(-33%);
}
#section-screen [ani-grid-2][data-status="1"] .reading-img-2,
#section-screen [ani-grid-2][data-status="1"] .reading-text-2 {
  opacity: 1;
}
#section-screen [ani-grid-2][data-status="2"] [progress-bar] {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translate(0);
}
#section-screen [ani-grid-2][data-status="2"] [next-button] {
  opacity: 0.3;
}
#section-screen [ani-grid-2][data-status="2"] .reading-img-3,
#section-screen [ani-grid-2][data-status="2"] .reading-text-3 {
  opacity: 1;
}
#section-performance [ripple-top-right] {
  -webkit-transform: rotateY(145deg) rotate(45deg) rotateX(-20deg);
  -moz-transform: rotateY(145deg) rotate(45deg) rotateX(-20deg);
  transform: rotateY(145deg) rotate(45deg) rotateX(-20deg);
}
#section-performance [ripple-bottom-right] {
  -webkit-transform: rotateY(145deg) rotate(-25deg) rotateX(-5deg);
  -moz-transform: rotateY(145deg) rotate(-25deg) rotateX(-5deg);
  transform: rotateY(145deg) rotate(-25deg) rotateX(-5deg);
}
#section-performance [ripple-top-left] {
  -webkit-transform: rotateY(55deg) rotate(45deg) rotateX(-20deg);
  -moz-transform: rotateY(55deg) rotate(45deg) rotateX(-20deg);
  transform: rotateY(55deg) rotate(45deg) rotateX(-20deg);
}
#section-performance [ripple-bottom-left] {
  -webkit-transform: rotateY(145deg) rotate(-135deg) rotateX(15deg);
  -moz-transform: rotateY(145deg) rotate(-135deg) rotateX(15deg);
  transform: rotateY(145deg) rotate(-135deg) rotateX(15deg);
}
#section-os .feature-desc,
#section-os .feature-title,
#section-os .text-grid,
#section-os [guesture-img],
#section-os [next-button],
#section-os [prev-button] {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section-os .card-wrapper {
  background: #fafafa;
  cursor: pointer;
  overflow: hidden;
}
#section-os .card-wrapper,
#section-os .card-wrapper .card-desc {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#section-os .card-wrapper .card-desc {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#section-os .card-wrapper .plus-arrow {
  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;
}
#section-os .card-wrapper.active {
  background: #f6f6f6;
  cursor: unset;
}
#section-os .card-wrapper.active .plus-arrow {
  opacity: 0;
}
#section-efficiency [guesture-img] {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#section-efficiency [feature-button] {
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#section-efficiency [progress-bar] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease,
    -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
#section-efficiency .swiper {
  padding-left: 0;
  padding-right: 0;
}
#section-efficiency [ani-grid-2] .swiper {
  padding-left: 16px;
  padding-right: 16px;
}
#section-efficiency [ani-grid-2] .swiper-slide {
  margin-right: 16px;
}
#section-efficiency [ani-grid-2] .swiper-slide:last-child {
  margin-right: 0;
}
body.no-scroll {
  overflow-y: hidden;
}
body.zn--body-fixed {
  position: fixed;
}
#section-footer a {
  color: #0000008c;
}
@media (min-width: 1024px) {
  .zn--wrapper .pc-horizontal-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translate(-50%);
  }
  :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);
  }
}
@media (min-width: 1024px) and (min-width: 1400px) {
  .zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    width: 320px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1399px) {
  .zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    width: -webkit-calc(var(--rpx, 1px) * 320);
    width: -moz-calc(var(--rpx, 1px) * 320);
    width: calc(var(--rpx, 1px) * 320);
  }
}
@media (max-width: 649px) {
  .zn--wrapper .s-pc-mo-hidden {
    display: none;
  }
  #section-ksp {
    background: #fafafa;
  }
  #section-efficiency .swiper-slide {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw) * 100);
    width: -moz-calc(var(--vw, 1vw) * 100);
    width: calc(var(--vw, 1vw) * 100);
  }
  :root {
    --ex: -webkit-calc(0.30488vw - 0.09756px);
    --ex: -moz-calc(0.30488vw - 0.09756px);
    --ex: calc(0.30488vw - 0.09756px);
    --ex: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --ex: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --ex: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.02439px);
    --rpx: -moz-calc(0.07622vw - 0.02439px);
    --rpx: calc(0.07622vw - 0.02439px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 * 328/1312 - 0.02439px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 * 328/1312 - 0.02439px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 * 328 / 1312 - 0.02439px);
  }
}
@media (max-width: 649px) and (max-width: 1023px) {
  .zn--replacement-tool {
    --border-radius: -webkit-calc(var(--ex, 1px) * 12);
    --border-radius: -moz-calc(var(--ex, 1px) * 12);
    --border-radius: calc(var(--ex, 1px) * 12);
  }
  .zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    width: -webkit-calc(var(--ex, 1px) * 140);
    width: -moz-calc(var(--ex, 1px) * 140);
    width: calc(var(--ex, 1px) * 140);
  }
  #section-screen .swiper .swiper-slide {
    height: -webkit-calc(var(--ex, 1px) * 250);
    height: -moz-calc(var(--ex, 1px) * 250);
    height: calc(var(--ex, 1px) * 250);
  }
  #section-screen .swiper .swiper-slide:first-child {
    margin-right: calc(var(--ex, 1px) * 28);
    width: -webkit-calc(var(--ex, 1px) * 301);
    width: -moz-calc(var(--ex, 1px) * 301);
    width: calc(var(--ex, 1px) * 301);
  }
  #section-screen .swiper .swiper-slide:nth-child(2) {
    width: -webkit-calc(var(--ex, 1px) * 296);
    width: -moz-calc(var(--ex, 1px) * 296);
    width: calc(var(--ex, 1px) * 296);
  }
  #section-efficiency .swiper-slide {
    height: -webkit-calc(var(--ex, 1px) * 325);
    height: -moz-calc(var(--ex, 1px) * 325);
    height: calc(var(--ex, 1px) * 325);
  }
  #section-efficiency [ani-grid-2] .swiper-slide {
    height: -webkit-calc(var(--ex, 1px) * 350);
    height: -moz-calc(var(--ex, 1px) * 350);
    height: calc(var(--ex, 1px) * 350);
    width: -webkit-calc(var(--ex, 1px) * 328);
    width: -moz-calc(var(--ex, 1px) * 328);
    width: calc(var(--ex, 1px) * 328);
  }
}
@media (min-width: 650px) and (max-width: 1023px) {
  .zn--wrapper .pad-horizontal-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translate(-50%);
  }
}
@media (orientation: portrait) and (max-width: 1023px) {
  #oc-header.fixed {
    visibility: hidden;
  }
  .zn--wrapper .pc-only,
  .pc-only {
    display: none;
  }
}
@media (min-width: 1201px) {
  .zn--wrapper .l-pc-hidden {
    display: none;
  }
}
@media (min-width: 1400px) {
  .zn--wrapper .xl-pc-hidden {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .zn--wrapper .s-pc-only {
    display: block;
  }
  .zn--wrapper .s-pc-hidden,
  .zn--wrapper .s-pc-mo-hidden {
    display: none;
  }
  #section-kv [kv-text] {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translate(-30px);
  }
  #section-performance [ani-grid-2] [dolby-row],
  #section-performance [ani-grid-2] [text-left] {
    width: 440px;
  }
  #section-efficiency [grid-5-title] {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  #section-efficiency [helper-right] {
    padding-left: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1150px) {
  #section-screen [grid-2-inner] {
    padding-left: 0;
  }
  #section-screen .hand-img {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
}
@media (max-width: 1440px) {
  #section-screen .linear-cover {
    display: none;
  }
}
@media (min-width: 650px) {
  #section-performance [ani-sound-container],
  #section-efficiency [case-img],
  #section-efficiency [ani-handwriting-video] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#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;
  -o-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;
  -o-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;
  -o-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);
  }
}
@-o-keyframes preloader {
  to {
    -o-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) {
  .fade-in-pc {
    opacity: 0;
    -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-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);
  }
  :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 {
    opacity: 0;
    -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-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: 1024px) and (min-width: 1400px) {
  .fade-in-pc[data-slight] {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  .fade-in-pc {
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
  }
  .fade-in[data-slight] {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  .fade-in {
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1399px) {
  .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 {
    -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));
  }
  .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 {
    -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));
  }
}
@media (max-width: 649px) {
  .fade-in-mo {
    opacity: 0;
    -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-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);
  }
  :root {
    --ex: -webkit-calc(0.30488vw - 0.09756px);
    --ex: -moz-calc(0.30488vw - 0.09756px);
    --ex: calc(0.30488vw - 0.09756px);
    --ex: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --ex: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --ex: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.02439px);
    --rpx: -moz-calc(0.07622vw - 0.02439px);
    --rpx: calc(0.07622vw - 0.02439px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 * 328/1312 - 0.02439px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 * 328/1312 - 0.02439px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 * 328 / 1312 - 0.02439px);
  }
  .fade-in {
    opacity: 0;
    -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-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) and (max-width: 1023px) {
  .fade-in-mo[data-slight] {
    -webkit-transform: translateY(-webkit-calc(var(--ex, 1px) * 30));
    -moz-transform: translateY(-moz-calc(var(--ex, 1px) * 30));
    -ms-transform: translateY(calc(var(--ex, 1px) * 30));
    -o-transform: translateY(calc(var(--ex, 1px) * 30));
    transform: translateY(calc(var(--ex, 1px) * 30));
  }
  .fade-in-mo {
    -webkit-transform: translateY(-webkit-calc(var(--ex, 1px) * 50));
    -moz-transform: translateY(-moz-calc(var(--ex, 1px) * 50));
    -ms-transform: translateY(calc(var(--ex, 1px) * 50));
    -o-transform: translateY(calc(var(--ex, 1px) * 50));
    transform: translateY(calc(var(--ex, 1px) * 50));
  }
  .fade-in[data-slight] {
    -webkit-transform: translateY(-webkit-calc(var(--ex, 1px) * 30));
    -moz-transform: translateY(-moz-calc(var(--ex, 1px) * 30));
    -ms-transform: translateY(calc(var(--ex, 1px) * 30));
    -o-transform: translateY(calc(var(--ex, 1px) * 30));
    transform: translateY(calc(var(--ex, 1px) * 30));
  }
  .fade-in {
    -webkit-transform: translateY(-webkit-calc(var(--ex, 1px) * 50));
    -moz-transform: translateY(-moz-calc(var(--ex, 1px) * 50));
    -ms-transform: translateY(calc(var(--ex, 1px) * 50));
    -o-transform: translateY(calc(var(--ex, 1px) * 50));
    transform: translateY(calc(var(--ex, 1px) * 50));
  }
}
/* @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-video-wrapper] {
  contain: paint;
  overflow: hidden;
  position: relative;
}
[ani-autoplay-video] canvas,
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] canvas,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[ani-autoplay-video] canvas,
[ani-video-wrapper] canvas {
  -o-object-fit: initial;
  object-fit: fill;
}
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
  -o-object-fit: cover;
  object-fit: cover;
}
@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;
  }
}