.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-\[rgb\(250\,250\,250\)\] {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
}
.bg-\[\#ebebeb\] {
  --tw-bg-opacity: 1;
  background-color: rgba(235, 235, 235, var(--tw-bg-opacity));
}
.rounded {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.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%;
}
.h-full {
  height: 100%;
}
.h-\[var\(--content-height\)\] {
  height: var(--content-height);
}
.text-56rpx {
  font-size: -webkit-calc(var(--rpx, 1px) * 56);
  font-size: -moz-calc(var(--rpx, 1px) * 56);
  font-size: calc(var(--rpx, 1px) * 56);
  line-height: 1;
}
.text-32rpx {
  font-size: -webkit-calc(var(--rpx, 1px) * 32);
  font-size: -moz-calc(var(--rpx, 1px) * 32);
  font-size: calc(var(--rpx, 1px) * 32);
  line-height: 1;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.\!mt-\[calc\(var\(--content-height\)\+2px\)\] {
  margin-top: calc(var(--content-height) + 2px) !important;
}
.mt-\[var\(--content-height\)\] {
  margin-top: var(--content-height);
}
.-mt-2px {
  margin-top: -2px;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.opacity-0 {
  opacity: 0;
}
.opacity-55 {
  opacity: 0.55;
}
.overflow-hidden {
  overflow: hidden;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.left-0 {
  left: 0;
}
.top-0 {
  top: 0;
}
.top-\[var\(--nav-height\)\] {
  top: var(--nav-height);
}
.text-center {
  text-align: center;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
  width: -webkit-calc(var(--vw, 1vw) * 100);
  width: -moz-calc(var(--vw, 1vw) * 100);
  width: calc(var(--vw, 1vw) * 100);
}
@media (min-width: 650px) and (max-width: 1024px) {
  .pad\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .pad\:bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }
  .pad\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }
  .pad\:bg-\[\#f8f9fa\] {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 249, 250, var(--tw-bg-opacity));
  }
  .pad\:bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1;
    background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
  }
  .pad\:bg-\[\#EBEBEB\] {
    --tw-bg-opacity: 1;
    background-color: rgba(235, 235, 235, var(--tw-bg-opacity));
  }
  .pad\:rounded-4rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 4);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 4);
    border-radius: calc(var(--rpx, 1px) * 4);
  }
  .pad\:cursor-pointer {
    cursor: pointer;
  }
  .pad\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .pad\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
  }
  .pad\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .pad\:flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pad\:items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .pad\:items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pad\:items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .pad\:justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .pad\:justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pad\:justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .pad\:flex-\[1_1_450rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 450);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 450);
    flex: 1 1 calc(var(--rpx, 1px) * 450);
  }
  .pad\:flex-\[1_1_384rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 384);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 384);
    flex: 1 1 calc(var(--rpx, 1px) * 384);
  }
  .pad\:flex-\[1_1_322rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 322);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 322);
    flex: 1 1 calc(var(--rpx, 1px) * 322);
  }
  .pad\:flex-\[1_1_478\.7rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 478.7);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 478.7);
    flex: 1 1 calc(var(--rpx, 1px) * 478.7);
  }
  .pad\:flex-\[1_1_237\.3rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 237.3);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 237.3);
    flex: 1 1 calc(var(--rpx, 1px) * 237.3);
  }
  .pad\:flex-\[1_1_356rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 356);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 356);
    flex: 1 1 calc(var(--rpx, 1px) * 356);
  }
  .pad\:flex-\[1_1_255px\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 255px;
    -webkit-flex: 1 1 255px;
    flex: 1 1 255px;
  }
  .pad\:flex-shrink-0 {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .pad\:h-full {
    height: 100%;
  }
  .pad\:h-450rpx {
    height: -webkit-calc(var(--rpx, 1px) * 450);
    height: -moz-calc(var(--rpx, 1px) * 450);
    height: calc(var(--rpx, 1px) * 450);
  }
  .pad\:h-322rpx {
    height: -webkit-calc(var(--rpx, 1px) * 322);
    height: -moz-calc(var(--rpx, 1px) * 322);
    height: calc(var(--rpx, 1px) * 322);
  }
  .pad\:h-60rpx {
    height: -webkit-calc(var(--rpx, 1px) * 60);
    height: -moz-calc(var(--rpx, 1px) * 60);
    height: calc(var(--rpx, 1px) * 60);
  }
  .pad\:h-128rpx {
    height: -webkit-calc(var(--rpx, 1px) * 128);
    height: -moz-calc(var(--rpx, 1px) * 128);
    height: calc(var(--rpx, 1px) * 128);
  }
  .pad\:h-22px {
    height: 22px;
  }
  .pad\:h-229rpx {
    height: -webkit-calc(var(--rpx, 1px) * 229);
    height: -moz-calc(var(--rpx, 1px) * 229);
    height: calc(var(--rpx, 1px) * 229);
  }
  .pad\:h-22rpx {
    height: -webkit-calc(var(--rpx, 1px) * 22);
    height: -moz-calc(var(--rpx, 1px) * 22);
    height: calc(var(--rpx, 1px) * 22);
  }
  .pad\:h-422px {
    height: 422px;
  }
  .pad\:h-263rpx {
    height: -webkit-calc(var(--rpx, 1px) * 263);
    height: -moz-calc(var(--rpx, 1px) * 263);
    height: calc(var(--rpx, 1px) * 263);
  }
  .pad\:h-213rpx {
    height: -webkit-calc(var(--rpx, 1px) * 213);
    height: -moz-calc(var(--rpx, 1px) * 213);
    height: calc(var(--rpx, 1px) * 213);
  }
  .pad\:h-262rpx {
    height: -webkit-calc(var(--rpx, 1px) * 262);
    height: -moz-calc(var(--rpx, 1px) * 262);
    height: calc(var(--rpx, 1px) * 262);
  }
  .pad\:h-422rpx {
    height: -webkit-calc(var(--rpx, 1px) * 422);
    height: -moz-calc(var(--rpx, 1px) * 422);
    height: calc(var(--rpx, 1px) * 422);
  }
  .pad\:h-440px {
    height: 440px;
  }
  .pad\:h-255px {
    height: 255px;
  }
  .pad\:h-57px {
    height: 57px;
  }
  .pad\:h-30px {
    height: 30px;
  }
  .pad\:h-24px {
    height: 24px;
  }
  .pad\:h-30rpx {
    height: -webkit-calc(var(--rpx, 1px) * 30);
    height: -moz-calc(var(--rpx, 1px) * 30);
    height: calc(var(--rpx, 1px) * 30);
  }
  .pad\:h-321px {
    height: 321px;
  }
  .pad\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .pad\:mt-2rpx {
    margin-top: calc(var(--rpx, 1px) * 2);
  }
  .pad\:mt-4rpx {
    margin-top: calc(var(--rpx, 1px) * 4);
  }
  .pad\:ml-4rpx {
    margin-left: calc(var(--rpx, 1px) * 4);
  }
  .pad\:mt-8rpx {
    margin-top: calc(var(--rpx, 1px) * 8);
  }
  .pad\:mt-20rpx {
    margin-top: calc(var(--rpx, 1px) * 20);
  }
  .pad\:mt-18rpx {
    margin-top: calc(var(--rpx, 1px) * 18);
  }
  .pad\:ml-8rpx {
    margin-left: calc(var(--rpx, 1px) * 8);
  }
  .pad\:mt-18px {
    margin-top: 18px;
  }
  .pad\:-mr-24px {
    margin-right: -24px;
  }
  .pad\:mb-4rpx {
    margin-bottom: calc(var(--rpx, 1px) * 4);
  }
  .pad\:mt-32px {
    margin-top: 32px;
  }
  .pad\:ml-20rpx {
    margin-left: calc(var(--rpx, 1px) * 20);
  }
  .pad\:max-w-full {
    max-width: 100%;
  }
  .pad\:object-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .pad\:object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pad\:overflow-hidden {
    overflow: hidden;
  }
  .pad\:px-23rpx {
    padding-left: calc(var(--rpx, 1px) * 23);
    padding-right: calc(var(--rpx, 1px) * 23);
  }
  .pad\:px-24px {
    padding-left: 24px;
    padding-right: 24px;
  }
  .pad\:px-8rpx {
    padding-left: calc(var(--rpx, 1px) * 8);
    padding-right: calc(var(--rpx, 1px) * 8);
  }
  .pad\:py-8rpx {
    padding-bottom: calc(var(--rpx, 1px) * 8);
    padding-top: calc(var(--rpx, 1px) * 8);
  }
  .pad\:py-47px {
    padding-bottom: 47px;
    padding-top: 47px;
  }
  .pad\:px-23px {
    padding-left: 23px;
    padding-right: 23px;
  }
  .pad\:py-79px {
    padding-bottom: 79px;
    padding-top: 79px;
  }
  .pad\:py-63px {
    padding-bottom: 63px;
    padding-top: 63px;
  }
  .pad\:pt-47px {
    padding-top: 47px;
  }
  .pad\:pb-59px {
    padding-bottom: 59px;
  }
  .pad\:pt-48rpx {
    padding-top: calc(var(--rpx, 1px) * 48);
  }
  .pad\:pt-80px {
    padding-top: 80px;
  }
  .pad\:pb-80px {
    padding-bottom: 80px;
  }
  .pad\:pb-40rpx {
    padding-bottom: calc(var(--rpx, 1px) * 40);
  }
  .pad\:pl-24px {
    padding-left: 24px;
  }
  .pad\:pr-24rpx {
    padding-right: calc(var(--rpx, 1px) * 24);
  }
  .pad\:pr-24px {
    padding-right: 24px;
  }
  .pad\:pl-24rpx {
    padding-left: calc(var(--rpx, 1px) * 24);
  }
  .pad\:pl-23rpx {
    padding-left: calc(var(--rpx, 1px) * 23);
  }
  .pad\:pr-15rpx {
    padding-right: calc(var(--rpx, 1px) * 15);
  }
  .pad\:pt-24rpx {
    padding-top: calc(var(--rpx, 1px) * 24);
  }
  .pad\:pb-24rpx {
    padding-bottom: calc(var(--rpx, 1px) * 24);
  }
  .pad\:pl-12rpx {
    padding-left: calc(var(--rpx, 1px) * 12);
  }
  .pad\:pr-12rpx {
    padding-right: calc(var(--rpx, 1px) * 12);
  }
  .pad\:pb-63px {
    padding-bottom: 63px;
  }
  .pad\:pr-47rpx {
    padding-right: calc(var(--rpx, 1px) * 47);
  }
  .pad\:pl-47rpx {
    padding-left: calc(var(--rpx, 1px) * 47);
  }
  .pad\:pb-23px {
    padding-bottom: 23px;
  }
  .pad\:pt-2px {
    padding-top: 2px;
  }
  .pad\:absolute {
    position: absolute;
  }
  .pad\:relative {
    position: relative;
  }
  .pad\:top-\[calc\(50\%-98rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px) * 98);
    top: -moz-calc(50% - var(--rpx, 1px) * 98);
    top: calc(50% - var(--rpx, 1px) * 98);
  }
  .pad\:left-0 {
    left: 0;
  }
  .pad\:left-482rpx {
    left: -webkit-calc(var(--rpx, 1px) * 482);
    left: -moz-calc(var(--rpx, 1px) * 482);
    left: calc(var(--rpx, 1px) * 482);
  }
  .pad\:top-155rpx {
    top: -webkit-calc(var(--rpx, 1px) * 155);
    top: -moz-calc(var(--rpx, 1px) * 155);
    top: calc(var(--rpx, 1px) * 155);
  }
  .pad\:top-22rpx {
    top: -webkit-calc(var(--rpx, 1px) * 22);
    top: -moz-calc(var(--rpx, 1px) * 22);
    top: calc(var(--rpx, 1px) * 22);
  }
  .pad\:left-47rpx {
    left: -webkit-calc(var(--rpx, 1px) * 47);
    left: -moz-calc(var(--rpx, 1px) * 47);
    left: calc(var(--rpx, 1px) * 47);
  }
  .pad\:top-28rpx {
    top: -webkit-calc(var(--rpx, 1px) * 28);
    top: -moz-calc(var(--rpx, 1px) * 28);
    top: calc(var(--rpx, 1px) * 28);
  }
  .pad\:left-173\.5rpx {
    left: -webkit-calc(var(--rpx, 1px) * 173.5);
    left: -moz-calc(var(--rpx, 1px) * 173.5);
    left: calc(var(--rpx, 1px) * 173.5);
  }
  .pad\:top-52rpx {
    top: -webkit-calc(var(--rpx, 1px) * 52);
    top: -moz-calc(var(--rpx, 1px) * 52);
    top: calc(var(--rpx, 1px) * 52);
  }
  .pad\:left-276rpx {
    left: -webkit-calc(var(--rpx, 1px) * 276);
    left: -moz-calc(var(--rpx, 1px) * 276);
    left: calc(var(--rpx, 1px) * 276);
  }
  .pad\:top-101rpx {
    top: -webkit-calc(var(--rpx, 1px) * 101);
    top: -moz-calc(var(--rpx, 1px) * 101);
    top: calc(var(--rpx, 1px) * 101);
  }
  .pad\:top-0 {
    top: 0;
  }
  .pad\:top-\[calc\(50\%-15px\)\] {
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: calc(50% - 15px);
  }
  .pad\:left-\[calc\(50\%-15rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px) * 15);
    left: -moz-calc(50% - var(--rpx, 1px) * 15);
    left: calc(50% - var(--rpx, 1px) * 15);
  }
  .pad\:top-\[calc\(50\%-12px\)\] {
    top: -webkit-calc(50% - 12px);
    top: -moz-calc(50% - 12px);
    top: calc(50% - 12px);
  }
  .pad\:left-\[calc\(50\%-12rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px) * 12);
    left: -moz-calc(50% - var(--rpx, 1px) * 12);
    left: calc(50% - var(--rpx, 1px) * 12);
  }
  .pad\:top-\[calc\(50\%-160\.5px\)\] {
    top: -webkit-calc(50% - 160.5px);
    top: -moz-calc(50% - 160.5px);
    top: calc(50% - 160.5px);
  }
  .pad\:left-\[calc\(52\%-160\.5rpx\)\] {
    left: -webkit-calc(52% - var(--rpx, 1px) * 160.5);
    left: -moz-calc(52% - var(--rpx, 1px) * 160.5);
    left: calc(52% - var(--rpx, 1px) * 160.5);
  }
  .pad\:text-center {
    text-align: center;
  }
  .pad\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }
  .pad\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }
  .pad\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }
  .pad\:w-full {
    width: 100%;
  }
  .pad\:w-768px {
    width: 768px;
  }
  .pad\:w-720rpx {
    width: -webkit-calc(var(--rpx, 1px) * 720);
    width: -moz-calc(var(--rpx, 1px) * 720);
    width: calc(var(--rpx, 1px) * 720);
  }
  .pad\:w-237\.3rpx {
    width: -webkit-calc(var(--rpx, 1px) * 237.3);
    width: -moz-calc(var(--rpx, 1px) * 237.3);
    width: calc(var(--rpx, 1px) * 237.3);
  }
  .pad\:w-478\.7rpx {
    width: -webkit-calc(var(--rpx, 1px) * 478.7);
    width: -moz-calc(var(--rpx, 1px) * 478.7);
    width: calc(var(--rpx, 1px) * 478.7);
  }
  .pad\:w-360px {
    width: 360px;
  }
  .pad\:w-768rpx {
    width: -webkit-calc(var(--rpx, 1px) * 768);
    width: -moz-calc(var(--rpx, 1px) * 768);
    width: calc(var(--rpx, 1px) * 768);
  }
  .pad\:w-722rpx {
    width: -webkit-calc(var(--rpx, 1px) * 722);
    width: -moz-calc(var(--rpx, 1px) * 722);
    width: calc(var(--rpx, 1px) * 722);
  }
  .pad\:w-1px {
    width: 1px;
  }
  .pad\:w-130px {
    width: 130px;
  }
  .pad\:w-316rpx {
    width: -webkit-calc(var(--rpx, 1px) * 316);
    width: -moz-calc(var(--rpx, 1px) * 316);
    width: calc(var(--rpx, 1px) * 316);
  }
  .pad\:w-356rpx {
    width: -webkit-calc(var(--rpx, 1px) * 356);
    width: -moz-calc(var(--rpx, 1px) * 356);
    width: calc(var(--rpx, 1px) * 356);
  }
  .pad\:w-500px {
    width: 500px;
  }
  .pad\:w-332rpx {
    width: -webkit-calc(var(--rpx, 1px) * 332);
    width: -moz-calc(var(--rpx, 1px) * 332);
    width: calc(var(--rpx, 1px) * 332);
  }
  .pad\:w-380rpx {
    width: -webkit-calc(var(--rpx, 1px) * 380);
    width: -moz-calc(var(--rpx, 1px) * 380);
    width: calc(var(--rpx, 1px) * 380);
  }
  .pad\:w-212rpx {
    width: -webkit-calc(var(--rpx, 1px) * 212);
    width: -moz-calc(var(--rpx, 1px) * 212);
    width: calc(var(--rpx, 1px) * 212);
  }
  .pad\:w-216\.7rpx {
    width: -webkit-calc(var(--rpx, 1px) * 216.7);
    width: -moz-calc(var(--rpx, 1px) * 216.7);
    width: calc(var(--rpx, 1px) * 216.7);
  }
  .pad\:w-358rpx {
    width: -webkit-calc(var(--rpx, 1px) * 358);
    width: -moz-calc(var(--rpx, 1px) * 358);
    width: calc(var(--rpx, 1px) * 358);
  }
  .pad\:w-384rpx {
    width: -webkit-calc(var(--rpx, 1px) * 384);
    width: -moz-calc(var(--rpx, 1px) * 384);
    width: calc(var(--rpx, 1px) * 384);
  }
  .pad\:w-336rpx {
    width: -webkit-calc(var(--rpx, 1px) * 336);
    width: -moz-calc(var(--rpx, 1px) * 336);
    width: calc(var(--rpx, 1px) * 336);
  }
  .pad\:w-320rpx {
    width: -webkit-calc(var(--rpx, 1px) * 320);
    width: -moz-calc(var(--rpx, 1px) * 320);
    width: calc(var(--rpx, 1px) * 320);
  }
  .pad\:w-30rpx {
    width: -webkit-calc(var(--rpx, 1px) * 30);
    width: -moz-calc(var(--rpx, 1px) * 30);
    width: calc(var(--rpx, 1px) * 30);
  }
  .pad\:w-24rpx {
    width: -webkit-calc(var(--rpx, 1px) * 24);
    width: -moz-calc(var(--rpx, 1px) * 24);
    width: calc(var(--rpx, 1px) * 24);
  }
  .pad\:w-321rpx {
    width: -webkit-calc(var(--rpx, 1px) * 321);
    width: -moz-calc(var(--rpx, 1px) * 321);
    width: calc(var(--rpx, 1px) * 321);
  }
}
@media (min-width: 1025px) {
  .pc\:bg-\[\#f8f9fa\] {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 249, 250, var(--tw-bg-opacity));
  }
  .pc\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .pc\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }
  .pc\:bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1;
    background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
  }
  .pc\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }
  .pc\:rounded-8rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 8);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 8);
    border-radius: calc(var(--rpx, 1px) * 8);
  }
  .pc\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .pc\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
  }
  .pc\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .pc\:items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .pc\:items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pc\:items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .pc\:justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .pc\:justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pc\:justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .pc\:flex-\[1_1_286rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 286);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 286);
    flex: 1 1 calc(var(--rpx, 1px) * 286);
  }
  .pc\:flex-\[1_1_48rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 48);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 48);
    flex: 1 1 calc(var(--rpx, 1px) * 48);
  }
  .pc\:flex-\[1_1_348rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 348);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 348);
    flex: 1 1 calc(var(--rpx, 1px) * 348);
  }
  .pc\:flex-\[1_1_790rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 790);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 790);
    flex: 1 1 calc(var(--rpx, 1px) * 790);
  }
  .pc\:flex-\[1_1_432rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 432);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 432);
    flex: 1 1 calc(var(--rpx, 1px) * 432);
  }
  .pc\:flex-\[1_1_656rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 656);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 656);
    flex: 1 1 calc(var(--rpx, 1px) * 656);
  }
  .pc\:flex-\[1_1_652rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 652);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 652);
    flex: 1 1 calc(var(--rpx, 1px) * 652);
  }
  .pc\:flex-\[1_1_580rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 580);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 580);
    flex: 1 1 calc(var(--rpx, 1px) * 580);
  }
  .pc\:flex-\[1_1_402rpx\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 calc(var(--rpx, 1px) * 402);
    -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px) * 402);
    flex: 1 1 calc(var(--rpx, 1px) * 402);
  }
  .pc\:flex-shrink-0 {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .pc\:h-full {
    height: 100%;
  }
  .pc\:h-44\.4vw {
    height: 44.4vw;
    height: -webkit-calc(var(--vw, 1vw) * 44.4);
    height: -moz-calc(var(--vw, 1vw) * 44.4);
    height: calc(var(--vw, 1vw) * 44.4);
  }
  .pc\:h-528rpx {
    height: -webkit-calc(var(--rpx, 1px) * 528);
    height: -moz-calc(var(--rpx, 1px) * 528);
    height: calc(var(--rpx, 1px) * 528);
  }
  .pc\:h-234rpx {
    height: -webkit-calc(var(--rpx, 1px) * 234);
    height: -moz-calc(var(--rpx, 1px) * 234);
    height: calc(var(--rpx, 1px) * 234);
  }
  .pc\:h-392rpx {
    height: -webkit-calc(var(--rpx, 1px) * 392);
    height: -moz-calc(var(--rpx, 1px) * 392);
    height: calc(var(--rpx, 1px) * 392);
  }
  .pc\:h-51rpx {
    height: -webkit-calc(var(--rpx, 1px) * 51);
    height: -moz-calc(var(--rpx, 1px) * 51);
    height: calc(var(--rpx, 1px) * 51);
  }
  .pc\:h-600rpx {
    height: -webkit-calc(var(--rpx, 1px) * 600);
    height: -moz-calc(var(--rpx, 1px) * 600);
    height: calc(var(--rpx, 1px) * 600);
  }
  .pc\:h-520rpx {
    height: -webkit-calc(var(--rpx, 1px) * 520);
    height: -moz-calc(var(--rpx, 1px) * 520);
    height: calc(var(--rpx, 1px) * 520);
  }
  .pc\:h-405rpx {
    height: -webkit-calc(var(--rpx, 1px) * 405);
    height: -moz-calc(var(--rpx, 1px) * 405);
    height: calc(var(--rpx, 1px) * 405);
  }
  .pc\:h-497rpx {
    height: -webkit-calc(var(--rpx, 1px) * 497);
    height: -moz-calc(var(--rpx, 1px) * 497);
    height: calc(var(--rpx, 1px) * 497);
  }
  .pc\:h-640rpx {
    height: -webkit-calc(var(--rpx, 1px) * 640);
    height: -moz-calc(var(--rpx, 1px) * 640);
    height: calc(var(--rpx, 1px) * 640);
  }
  .pc\:h-402rpx {
    height: -webkit-calc(var(--rpx, 1px) * 402);
    height: -moz-calc(var(--rpx, 1px) * 402);
    height: calc(var(--rpx, 1px) * 402);
  }
  .pc\:h-40rpx {
    height: -webkit-calc(var(--rpx, 1px) * 40);
    height: -moz-calc(var(--rpx, 1px) * 40);
    height: calc(var(--rpx, 1px) * 40);
  }
  .pc\:h-560rpx {
    height: -webkit-calc(var(--rpx, 1px) * 560);
    height: -moz-calc(var(--rpx, 1px) * 560);
    height: calc(var(--rpx, 1px) * 560);
  }
  .pc\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .pc\:mt-4rpx {
    margin-top: calc(var(--rpx, 1px) * 4);
  }
  .pc\:ml-20rpx {
    margin-left: calc(var(--rpx, 1px) * 20);
  }
  .pc\:mt-8rpx {
    margin-top: calc(var(--rpx, 1px) * 8);
  }
  .pc\:ml-8rpx {
    margin-left: calc(var(--rpx, 1px) * 8);
  }
  .pc\:mt-24rpx {
    margin-top: calc(var(--rpx, 1px) * 24);
  }
  .pc\:mt-40rpx {
    margin-top: calc(var(--rpx, 1px) * 40);
  }
  .pc\:ml-80rpx {
    margin-left: calc(var(--rpx, 1px) * 80);
  }
  .pc\:mt-39rpx {
    margin-top: calc(var(--rpx, 1px) * 39);
  }
  .pc\:mt-7rpx {
    margin-top: calc(var(--rpx, 1px) * 7);
  }
  .pc\:ml-24rpx {
    margin-left: calc(var(--rpx, 1px) * 24);
  }
  .pc\:max-w-full {
    max-width: 100%;
  }
  .pc\:object-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .pc\:object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pc\:overflow-hidden {
    overflow: hidden;
  }
  .pc\:px-64px {
    padding-left: 64px;
    padding-right: 64px;
  }
  .pc\:py-80rpx {
    padding-bottom: calc(var(--rpx, 1px) * 80);
    padding-top: calc(var(--rpx, 1px) * 80);
  }
  .pc\:px-20rpx {
    padding-left: calc(var(--rpx, 1px) * 20);
    padding-right: calc(var(--rpx, 1px) * 20);
  }
  .pc\:py-12rpx {
    padding-bottom: calc(var(--rpx, 1px) * 12);
    padding-top: calc(var(--rpx, 1px) * 12);
  }
  .pc\:px-63rpx {
    padding-left: calc(var(--rpx, 1px) * 63);
    padding-right: calc(var(--rpx, 1px) * 63);
  }
  .pc\:py-79rpx {
    padding-bottom: calc(var(--rpx, 1px) * 79);
    padding-top: calc(var(--rpx, 1px) * 79);
  }
  .pc\:px-63px {
    padding-left: 63px;
    padding-right: 63px;
  }
  .pc\:py-183rpx {
    padding-bottom: calc(var(--rpx, 1px) * 183);
    padding-top: calc(var(--rpx, 1px) * 183);
  }
  .pc\:py-63rpx {
    padding-bottom: calc(var(--rpx, 1px) * 63);
    padding-top: calc(var(--rpx, 1px) * 63);
  }
  .pc\:py-66rpx {
    padding-bottom: calc(var(--rpx, 1px) * 66);
    padding-top: calc(var(--rpx, 1px) * 66);
  }
  .pc\:pt-184rpx {
    padding-top: calc(var(--rpx, 1px) * 184);
  }
  .pc\:pb-184rpx {
    padding-bottom: calc(var(--rpx, 1px) * 184);
  }
  .pc\:pb-80rpx {
    padding-bottom: calc(var(--rpx, 1px) * 80);
  }
  .pc\:pl-\[calc\(50vw-656rpx\)\] {
    padding-left: calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 656);
  }
  .pc\:pr-64rpx {
    padding-right: calc(var(--rpx, 1px) * 64);
  }
  .pc\:pr-\[calc\(50vw-656rpx\)\] {
    padding-right: calc(var(--vw, 1vw) * 50 - var(--rpx, 1px) * 656);
  }
  .pc\:pl-64rpx {
    padding-left: calc(var(--rpx, 1px) * 64);
  }
  .pc\:pt-36rpx {
    padding-top: calc(var(--rpx, 1px) * 36);
  }
  .pc\:pb-36rpx {
    padding-bottom: calc(var(--rpx, 1px) * 36);
  }
  .pc\:pl-20rpx {
    padding-left: calc(var(--rpx, 1px) * 20);
  }
  .pc\:pr-20rpx {
    padding-right: calc(var(--rpx, 1px) * 20);
  }
  .pc\:pb-79rpx {
    padding-bottom: calc(var(--rpx, 1px) * 79);
  }
  .pc\:pr-47rpx {
    padding-right: calc(var(--rpx, 1px) * 47);
  }
  .pc\:pl-47rpx {
    padding-left: calc(var(--rpx, 1px) * 47);
  }
  .pc\:pb-39rpx {
    padding-bottom: calc(var(--rpx, 1px) * 39);
  }
  .pc\:absolute {
    position: absolute;
  }
  .pc\:relative {
    position: relative;
  }
  .pc\:top-0 {
    top: 0;
  }
  .pc\:left-0 {
    left: 0;
  }
  .pc\:top-8rpx {
    top: -webkit-calc(var(--rpx, 1px) * 8);
    top: -moz-calc(var(--rpx, 1px) * 8);
    top: calc(var(--rpx, 1px) * 8);
  }
  .pc\:left-824rpx {
    left: -webkit-calc(var(--rpx, 1px) * 824);
    left: -moz-calc(var(--rpx, 1px) * 824);
    left: calc(var(--rpx, 1px) * 824);
  }
  .pc\:top-264rpx {
    top: -webkit-calc(var(--rpx, 1px) * 264);
    top: -moz-calc(var(--rpx, 1px) * 264);
    top: calc(var(--rpx, 1px) * 264);
  }
  .pc\:top-57rpx {
    top: -webkit-calc(var(--rpx, 1px) * 57);
    top: -moz-calc(var(--rpx, 1px) * 57);
    top: calc(var(--rpx, 1px) * 57);
  }
  .pc\:left-82rpx {
    left: -webkit-calc(var(--rpx, 1px) * 82);
    left: -moz-calc(var(--rpx, 1px) * 82);
    left: calc(var(--rpx, 1px) * 82);
  }
  .pc\:top-41rpx {
    top: -webkit-calc(var(--rpx, 1px) * 41);
    top: -moz-calc(var(--rpx, 1px) * 41);
    top: calc(var(--rpx, 1px) * 41);
  }
  .pc\:left-329rpx {
    left: -webkit-calc(var(--rpx, 1px) * 329);
    left: -moz-calc(var(--rpx, 1px) * 329);
    left: calc(var(--rpx, 1px) * 329);
  }
  .pc\:top-99rpx {
    top: -webkit-calc(var(--rpx, 1px) * 99);
    top: -moz-calc(var(--rpx, 1px) * 99);
    top: calc(var(--rpx, 1px) * 99);
  }
  .pc\:left-524rpx {
    left: -webkit-calc(var(--rpx, 1px) * 524);
    left: -moz-calc(var(--rpx, 1px) * 524);
    left: calc(var(--rpx, 1px) * 524);
  }
  .pc\:top-191rpx {
    top: -webkit-calc(var(--rpx, 1px) * 191);
    top: -moz-calc(var(--rpx, 1px) * 191);
    top: calc(var(--rpx, 1px) * 191);
  }
  .pc\:top-\[calc\(50\%-280rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px) * 280);
    top: -moz-calc(50% - var(--rpx, 1px) * 280);
    top: calc(50% - var(--rpx, 1px) * 280);
  }
  .pc\:left-\[calc\(50\%-280rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px) * 280);
    left: -moz-calc(50% - var(--rpx, 1px) * 280);
    left: calc(50% - var(--rpx, 1px) * 280);
  }
  .pc\:text-center {
    text-align: center;
  }
  .pc\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }
  .pc\:text-\[\#828282\] {
    --tw-text-opacity: 1;
    color: rgba(130, 130, 130, var(--tw-text-opacity));
  }
  .pc\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }
  .pc\:w-full {
    width: 100%;
  }
  .pc\:w-1312rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1312);
    width: -moz-calc(var(--rpx, 1px) * 1312);
    width: calc(var(--rpx, 1px) * 1312);
  }
  .pc\:w-432rpx {
    width: -webkit-calc(var(--rpx, 1px) * 432);
    width: -moz-calc(var(--rpx, 1px) * 432);
    width: calc(var(--rpx, 1px) * 432);
  }
  .pc\:w-348rpx {
    width: -webkit-calc(var(--rpx, 1px) * 348);
    width: -moz-calc(var(--rpx, 1px) * 348);
    width: calc(var(--rpx, 1px) * 348);
  }
  .pc\:w-24rpx {
    width: -webkit-calc(var(--rpx, 1px) * 24);
    width: -moz-calc(var(--rpx, 1px) * 24);
    width: calc(var(--rpx, 1px) * 24);
  }
  .pc\:w-874rpx {
    width: -webkit-calc(var(--rpx, 1px) * 874);
    width: -moz-calc(var(--rpx, 1px) * 874);
    width: calc(var(--rpx, 1px) * 874);
  }
  .pc\:w-790rpx {
    width: -webkit-calc(var(--rpx, 1px) * 790);
    width: -moz-calc(var(--rpx, 1px) * 790);
    width: calc(var(--rpx, 1px) * 790);
  }
  .pc\:w-872rpx {
    width: -webkit-calc(var(--rpx, 1px) * 872);
    width: -moz-calc(var(--rpx, 1px) * 872);
    width: calc(var(--rpx, 1px) * 872);
  }
  .pc\:w-600px {
    width: 600px;
  }
  .pc\:w-1056rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1056);
    width: -moz-calc(var(--rpx, 1px) * 1056);
    width: calc(var(--rpx, 1px) * 1056);
  }
  .pc\:w-1234rpx {
    width: -webkit-calc(var(--rpx, 1px) * 1234);
    width: -moz-calc(var(--rpx, 1px) * 1234);
    width: calc(var(--rpx, 1px) * 1234);
  }
  .pc\:w-1px {
    width: 1px;
  }
  .pc\:w-184px {
    width: 184px;
  }
  .pc\:w-542rpx {
    width: -webkit-calc(var(--rpx, 1px) * 542);
    width: -moz-calc(var(--rpx, 1px) * 542);
    width: calc(var(--rpx, 1px) * 542);
  }
  .pc\:w-656rpx {
    width: -webkit-calc(var(--rpx, 1px) * 656);
    width: -moz-calc(var(--rpx, 1px) * 656);
    width: calc(var(--rpx, 1px) * 656);
  }
  .pc\:w-680px {
    width: 680px;
  }
  .pc\:w-652rpx {
    width: -webkit-calc(var(--rpx, 1px) * 652);
    width: -moz-calc(var(--rpx, 1px) * 652);
    width: calc(var(--rpx, 1px) * 652);
  }
  .pc\:w-400px {
    width: 400px;
  }
  .pc\:w-492rpx {
    width: -webkit-calc(var(--rpx, 1px) * 492);
    width: -moz-calc(var(--rpx, 1px) * 492);
    width: calc(var(--rpx, 1px) * 492);
  }
  .pc\:w-402rpx {
    width: -webkit-calc(var(--rpx, 1px) * 402);
    width: -moz-calc(var(--rpx, 1px) * 402);
    width: calc(var(--rpx, 1px) * 402);
  }
  .pc\:w-411rpx {
    width: -webkit-calc(var(--rpx, 1px) * 411);
    width: -moz-calc(var(--rpx, 1px) * 411);
    width: calc(var(--rpx, 1px) * 411);
  }
  .pc\:w-322rpx {
    width: -webkit-calc(var(--rpx, 1px) * 322);
    width: -moz-calc(var(--rpx, 1px) * 322);
    width: calc(var(--rpx, 1px) * 322);
  }
  .pc\:w-580rpx {
    width: -webkit-calc(var(--rpx, 1px) * 580);
    width: -moz-calc(var(--rpx, 1px) * 580);
    width: calc(var(--rpx, 1px) * 580);
  }
  .pc\:w-720rpx {
    width: -webkit-calc(var(--rpx, 1px) * 720);
    width: -moz-calc(var(--rpx, 1px) * 720);
    width: calc(var(--rpx, 1px) * 720);
  }
  .pc\:w-592rpx {
    width: -webkit-calc(var(--rpx, 1px) * 592);
    width: -moz-calc(var(--rpx, 1px) * 592);
    width: calc(var(--rpx, 1px) * 592);
  }
  .pc\:w-42\.3rpx {
    width: -webkit-calc(var(--rpx, 1px) * 42.3);
    width: -moz-calc(var(--rpx, 1px) * 42.3);
    width: calc(var(--rpx, 1px) * 42.3);
  }
  .pc\:w-111rpx {
    width: -webkit-calc(var(--rpx, 1px) * 111);
    width: -moz-calc(var(--rpx, 1px) * 111);
    width: calc(var(--rpx, 1px) * 111);
  }
  .pc\:w-40rpx {
    width: -webkit-calc(var(--rpx, 1px) * 40);
    width: -moz-calc(var(--rpx, 1px) * 40);
    width: calc(var(--rpx, 1px) * 40);
  }
  .pc\:w-560rpx {
    width: -webkit-calc(var(--rpx, 1px) * 560);
    width: -moz-calc(var(--rpx, 1px) * 560);
    width: calc(var(--rpx, 1px) * 560);
  }
}
@media (max-width: 650px) {
  .mo\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .mo\:bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }
  .mo\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }
  .mo\:bg-\[\#f8f9fa\] {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 249, 250, var(--tw-bg-opacity));
  }
  .mo\:bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1;
    background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
  }
  .mo\:bg-\[\#ebebeb\] {
    --tw-bg-opacity: 1;
    background-color: rgba(235, 235, 235, var(--tw-bg-opacity));
  }
  .mo\:rounded-4rpx {
    -webkit-border-radius: -webkit-calc(var(--rpx, 1px) * 4);
    -moz-border-radius: -moz-calc(var(--rpx, 1px) * 4);
    border-radius: calc(var(--rpx, 1px) * 4);
  }
  .mo\:cursor-pointer {
    cursor: pointer;
  }
  .mo\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .mo\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
  }
  .mo\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .mo\:flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mo\:items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .mo\:items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .mo\:items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .mo\:justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .mo\:justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .mo\:justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .mo\:flex-\[1_1_60px\] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 60px;
    -webkit-flex: 1 1 60px;
    flex: 1 1 60px;
  }
  .mo\:flex-shrink-0 {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .mo\:h-full {
    height: 100%;
  }
  .mo\:h-650px {
    height: 650px;
  }
  .mo\:h-140rpx {
    height: -webkit-calc(var(--rpx, 1px) * 140);
    height: -moz-calc(var(--rpx, 1px) * 140);
    height: calc(var(--rpx, 1px) * 140);
  }
  .mo\:h-126rpx {
    height: -webkit-calc(var(--rpx, 1px) * 126);
    height: -moz-calc(var(--rpx, 1px) * 126);
    height: calc(var(--rpx, 1px) * 126);
  }
  .mo\:h-43rpx {
    height: -webkit-calc(var(--rpx, 1px) * 43);
    height: -moz-calc(var(--rpx, 1px) * 43);
    height: calc(var(--rpx, 1px) * 43);
  }
  .mo\:h-292px {
    height: 292px;
  }
  .mo\:h-320px {
    height: 320px;
  }
  .mo\:h-230rpx {
    height: -webkit-calc(var(--rpx, 1px) * 230);
    height: -moz-calc(var(--rpx, 1px) * 230);
    height: calc(var(--rpx, 1px) * 230);
  }
  .mo\:h-199rpx {
    height: -webkit-calc(var(--rpx, 1px) * 199);
    height: -moz-calc(var(--rpx, 1px) * 199);
    height: calc(var(--rpx, 1px) * 199);
  }
  .mo\:h-242rpx {
    height: -webkit-calc(var(--rpx, 1px) * 242);
    height: -moz-calc(var(--rpx, 1px) * 242);
    height: calc(var(--rpx, 1px) * 242);
  }
  .mo\:h-422px {
    height: 422px;
  }
  .mo\:h-422rpx {
    height: -webkit-calc(var(--rpx, 1px) * 422);
    height: -moz-calc(var(--rpx, 1px) * 422);
    height: calc(var(--rpx, 1px) * 422);
  }
  .mo\:h-77\.78vw {
    height: 77.78vw;
    height: -webkit-calc(var(--vw, 1vw) * 77.78);
    height: -moz-calc(var(--vw, 1vw) * 77.78);
    height: calc(var(--vw, 1vw) * 77.78);
  }
  .mo\:h-256rpx {
    height: -webkit-calc(var(--rpx, 1px) * 256);
    height: -moz-calc(var(--rpx, 1px) * 256);
    height: calc(var(--rpx, 1px) * 256);
  }
  .mo\:h-255\.8rpx {
    height: -webkit-calc(var(--rpx, 1px) * 255.8);
    height: -moz-calc(var(--rpx, 1px) * 255.8);
    height: calc(var(--rpx, 1px) * 255.8);
  }
  .mo\:h-247rpx {
    height: -webkit-calc(var(--rpx, 1px) * 247);
    height: -moz-calc(var(--rpx, 1px) * 247);
    height: calc(var(--rpx, 1px) * 247);
  }
  .mo\:h-57px {
    height: 57px;
  }
  .mo\:h-30px {
    height: 30px;
  }
  .mo\:h-24px {
    height: 24px;
  }
  .mo\:m-16rpx {
    margin: calc(var(--rpx, 1px) * 16);
  }
  .mo\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mo\:mt-8px {
    margin-top: 8px;
  }
  .mo\:mt-2px {
    margin-top: 2px;
  }
  .mo\:ml-4rpx {
    margin-left: calc(var(--rpx, 1px) * 4);
  }
  .mo\:mt-12px {
    margin-top: 12px;
  }
  .mo\:mt-18rpx {
    margin-top: calc(var(--rpx, 1px) * 18);
  }
  .mo\:-ml-30rpx {
    margin-left: calc(var(--rpx, 1px) * -30);
  }
  .mo\:mt-30rpx {
    margin-top: calc(var(--rpx, 1px) * 30);
  }
  .mo\:mt-18px {
    margin-top: 18px;
  }
  .mo\:-ml-16px {
    margin-left: -16px;
  }
  .mo\:mt-20px {
    margin-top: 20px;
  }
  .mo\:mt-20rpx {
    margin-top: calc(var(--rpx, 1px) * 20);
  }
  .mo\:mb-4rpx {
    margin-bottom: calc(var(--rpx, 1px) * 4);
  }
  .mo\:mt-4rpx {
    margin-top: calc(var(--rpx, 1px) * 4);
  }
  .mo\:mt-32px {
    margin-top: 32px;
  }
  .mo\:ml-20rpx {
    margin-left: calc(var(--rpx, 1px) * 20);
  }
  .mo\:max-w-full {
    max-width: 100%;
  }
  .mo\:object-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .mo\:object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mo\:overflow-hidden {
    overflow: hidden;
  }
  .mo\:p-12rpx {
    padding: calc(var(--rpx, 1px) * 12);
  }
  .mo\:px-15px {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mo\:py-47px {
    padding-bottom: 47px;
    padding-top: 47px;
  }
  .mo\:px-16px {
    padding-left: 16px;
    padding-right: 16px;
  }
  .mo\:px-8px {
    padding-left: 8px;
    padding-right: 8px;
  }
  .mo\:py-8px {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .mo\:py-63px {
    padding-bottom: 63px;
    padding-top: 63px;
  }
  .mo\:py-79px {
    padding-bottom: 79px;
    padding-top: 79px;
  }
  .mo\:pt-47px {
    padding-top: 47px;
  }
  .mo\:pt-80px {
    padding-top: 80px;
  }
  .mo\:pb-80px {
    padding-bottom: 80px;
  }
  .mo\:pb-80rpx {
    padding-bottom: calc(var(--rpx, 1px) * 80);
  }
  .mo\:pr-84rpx {
    padding-right: calc(var(--rpx, 1px) * 84);
  }
  .mo\:pt-63px {
    padding-top: 63px;
  }
  .mo\:pb-44rpx {
    padding-bottom: calc(var(--rpx, 1px) * 44);
  }
  .mo\:pb-63px {
    padding-bottom: 63px;
  }
  .mo\:pb-23px {
    padding-bottom: 23px;
  }
  .mo\:pt-31px {
    padding-top: 31px;
  }
  .mo\:absolute {
    position: absolute;
  }
  .mo\:relative {
    position: relative;
  }
  .mo\:top-0 {
    top: 0;
  }
  .mo\:left-0 {
    left: 0;
  }
  .mo\:left-265\.7rpx {
    left: -webkit-calc(var(--rpx, 1px) * 265.7);
    left: -moz-calc(var(--rpx, 1px) * 265.7);
    left: calc(var(--rpx, 1px) * 265.7);
  }
  .mo\:top-85\.1rpx {
    top: -webkit-calc(var(--rpx, 1px) * 85.1);
    top: -moz-calc(var(--rpx, 1px) * 85.1);
    top: calc(var(--rpx, 1px) * 85.1);
  }
  .mo\:top-47rpx {
    top: -webkit-calc(var(--rpx, 1px) * 47);
    top: -moz-calc(var(--rpx, 1px) * 47);
    top: calc(var(--rpx, 1px) * 47);
  }
  .mo\:left-51rpx {
    left: -webkit-calc(var(--rpx, 1px) * 51);
    left: -moz-calc(var(--rpx, 1px) * 51);
    left: calc(var(--rpx, 1px) * 51);
  }
  .mo\:top-23rpx {
    top: -webkit-calc(var(--rpx, 1px) * 23);
    top: -moz-calc(var(--rpx, 1px) * 23);
    top: calc(var(--rpx, 1px) * 23);
  }
  .mo\:left-191rpx {
    left: -webkit-calc(var(--rpx, 1px) * 191);
    left: -moz-calc(var(--rpx, 1px) * 191);
    left: calc(var(--rpx, 1px) * 191);
  }
  .mo\:top-21rpx {
    top: -webkit-calc(var(--rpx, 1px) * 21);
    top: -moz-calc(var(--rpx, 1px) * 21);
    top: calc(var(--rpx, 1px) * 21);
  }
  .mo\:left-198rpx {
    left: -webkit-calc(var(--rpx, 1px) * 198);
    left: -moz-calc(var(--rpx, 1px) * 198);
    left: calc(var(--rpx, 1px) * 198);
  }
  .mo\:top-99rpx {
    top: -webkit-calc(var(--rpx, 1px) * 99);
    top: -moz-calc(var(--rpx, 1px) * 99);
    top: calc(var(--rpx, 1px) * 99);
  }
  .mo\:left-20rpx {
    left: -webkit-calc(var(--rpx, 1px) * 20);
    left: -moz-calc(var(--rpx, 1px) * 20);
    left: calc(var(--rpx, 1px) * 20);
  }
  .mo\:top-\[calc\(50\%-128rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px) * 128);
    top: -moz-calc(50% - var(--rpx, 1px) * 128);
    top: calc(50% - var(--rpx, 1px) * 128);
  }
  .mo\:left-\[calc\(50\%-128rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px) * 128);
    left: -moz-calc(50% - var(--rpx, 1px) * 128);
    left: calc(50% - var(--rpx, 1px) * 128);
  }
  .mo\:top-\[calc\(50\%-127\.9rpx\)\] {
    top: -webkit-calc(50% - var(--rpx, 1px) * 127.9);
    top: -moz-calc(50% - var(--rpx, 1px) * 127.9);
    top: calc(50% - var(--rpx, 1px) * 127.9);
  }
  .mo\:left-\[calc\(50\%-127\.9rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px) * 127.9);
    left: -moz-calc(50% - var(--rpx, 1px) * 127.9);
    left: calc(50% - var(--rpx, 1px) * 127.9);
  }
  .mo\:top-\[calc\(50\%-15px\)\] {
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: calc(50% - 15px);
  }
  .mo\:left-\[calc\(50\%-15rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px) * 15);
    left: -moz-calc(50% - var(--rpx, 1px) * 15);
    left: calc(50% - var(--rpx, 1px) * 15);
  }
  .mo\:top-\[calc\(50\%-12px\)\] {
    top: -webkit-calc(50% - 12px);
    top: -moz-calc(50% - 12px);
    top: calc(50% - 12px);
  }
  .mo\:left-\[calc\(50\%-12rpx\)\] {
    left: -webkit-calc(50% - var(--rpx, 1px) * 12);
    left: -moz-calc(50% - var(--rpx, 1px) * 12);
    left: calc(50% - var(--rpx, 1px) * 12);
  }
  .mo\:text-left {
    text-align: left;
  }
  .mo\:text-center {
    text-align: center;
  }
  .mo\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }
  .mo\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }
  .mo\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }
  .mo\:w-full {
    width: 100%;
  }
  .mo\:w-screen {
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw) * 100);
    width: -moz-calc(var(--vw, 1vw) * 100);
    width: calc(var(--vw, 1vw) * 100);
  }
  .mo\:w-360rpx {
    width: -webkit-calc(var(--rpx, 1px) * 360);
    width: -moz-calc(var(--rpx, 1px) * 360);
    width: calc(var(--rpx, 1px) * 360);
  }
  .mo\:w-328rpx {
    width: -webkit-calc(var(--rpx, 1px) * 328);
    width: -moz-calc(var(--rpx, 1px) * 328);
    width: calc(var(--rpx, 1px) * 328);
  }
  .mo\:w-162rpx {
    width: -webkit-calc(var(--rpx, 1px) * 162);
    width: -moz-calc(var(--rpx, 1px) * 162);
    width: calc(var(--rpx, 1px) * 162);
  }
  .mo\:w-423rpx {
    width: -webkit-calc(var(--rpx, 1px) * 423);
    width: -moz-calc(var(--rpx, 1px) * 423);
    width: calc(var(--rpx, 1px) * 423);
  }
  .mo\:w-398rpx {
    width: -webkit-calc(var(--rpx, 1px) * 398);
    width: -moz-calc(var(--rpx, 1px) * 398);
    width: calc(var(--rpx, 1px) * 398);
  }
  .mo\:w-1px {
    width: 1px;
  }
  .mo\:w-\[calc\(195px\+84rpx\)\] {
    width: -webkit-calc(195px + var(--rpx, 1px) * 84);
    width: -moz-calc(195px + var(--rpx, 1px) * 84);
    width: calc(195px + var(--rpx, 1px) * 84);
  }
  .mo\:w-196rpx {
    width: -webkit-calc(var(--rpx, 1px) * 196);
    width: -moz-calc(var(--rpx, 1px) * 196);
    width: calc(var(--rpx, 1px) * 196);
  }
  .mo\:w-200rpx {
    width: -webkit-calc(var(--rpx, 1px) * 200);
    width: -moz-calc(var(--rpx, 1px) * 200);
    width: calc(var(--rpx, 1px) * 200);
  }
  .mo\:w-256rpx {
    width: -webkit-calc(var(--rpx, 1px) * 256);
    width: -moz-calc(var(--rpx, 1px) * 256);
    width: calc(var(--rpx, 1px) * 256);
  }
  .mo\:w-255\.8rpx {
    width: -webkit-calc(var(--rpx, 1px) * 255.8);
    width: -moz-calc(var(--rpx, 1px) * 255.8);
    width: calc(var(--rpx, 1px) * 255.8);
  }
  .mo\:w-30rpx {
    width: -webkit-calc(var(--rpx, 1px) * 30);
    width: -moz-calc(var(--rpx, 1px) * 30);
    width: calc(var(--rpx, 1px) * 30);
  }
  .mo\:w-24rpx {
    width: -webkit-calc(var(--rpx, 1px) * 24);
    width: -moz-calc(var(--rpx, 1px) * 24);
    width: calc(var(--rpx, 1px) * 24);
  }
}
@media (min-width: 1025px) and (min-width: 1440px) {
  .\31 440\:text-56px {
    font-size: 56px;
    line-height: 1;
  }
  .\31 440\:text-32px {
    font-size: 32px;
    line-height: 1;
  }
}
@media (min-width: 1025px) {
  .pct\:font-medium {
    font-weight: 500;
  }
  .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;
  }
  .pct\:text-16 {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
  }
  .pct\:text-153 {
    font-size: -webkit-calc(var(--rpx, 1px) * 153);
    font-size: -moz-calc(var(--rpx, 1px) * 153);
    font-size: calc(var(--rpx, 1px) * 153);
    line-height: -webkit-calc(var(--rpx, 1px) * 184);
    line-height: -moz-calc(var(--rpx, 1px) * 184);
    line-height: calc(var(--rpx, 1px) * 184);
  }
  .pct\:text-49 {
    font-size: -webkit-calc(var(--rpx, 1px) * 49);
    font-size: -moz-calc(var(--rpx, 1px) * 49);
    font-size: calc(var(--rpx, 1px) * 49);
    line-height: -webkit-calc(var(--rpx, 1px) * 59);
    line-height: -moz-calc(var(--rpx, 1px) * 59);
    line-height: calc(var(--rpx, 1px) * 59);
  }
  .pct\:text-20 {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 28px;
  }
  .pct\:text-14 {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
  .pct\:text-16rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 16);
    font-size: -moz-calc(var(--rpx, 1px) * 16);
    font-size: calc(var(--rpx, 1px) * 16);
    line-height: 1;
  }
  .pct\:text-48px {
    font-size: 48px;
    line-height: 1;
  }
  .pct\:text-16px {
    font-size: 16px;
    line-height: 1;
  }
  .pct\:text-18px {
    font-size: 18px;
    line-height: 1;
  }
  .pct\:text-68px {
    font-size: 68px;
    line-height: 1;
  }
  .pct\:text-12px {
    font-size: 12px;
    line-height: 1;
  }
  .pct\:leading-\[1\.12\] {
    line-height: 1.12;
  }
  .pct\:leading-\[1\.25\] {
    line-height: 1.25;
  }
  .pct\:leading-\[1\.5\] {
    line-height: 1.5;
  }
  .pct\:leading-\[1\.21\] {
    line-height: 1.21;
  }
  .pct\:leading-\[1\.22\] {
    line-height: 1.22;
  }
  .pct\:leading-\[1\.44\] {
    line-height: 1.44;
  }
  .pct\:leading-\[1\.3\] {
    line-height: 1.3;
  }
  .pct\:tracking-0\.02em {
    letter-spacing: 0.02em;
  }
  .pct\:tracking-0\.03em {
    letter-spacing: 0.03em;
  }
}
@media (max-width: 1024px) {
  .mot\:font-medium {
    font-weight: 500;
  }
  .mot\:text-48m {
    font-size: 48px;
    line-height: 60px;
  }
  .mot\:text-28m {
    font-size: 28px;
    letter-spacing: 0.5px;
    line-height: 36px;
  }
  .mot\:text-12m {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .mot\:text-30m {
    font-size: 30px;
    letter-spacing: 0.5px;
    line-height: 38px;
  }
  .mot\:text-16m {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
  }
  .mot\:text-40rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 40);
    font-size: -moz-calc(var(--rpx, 1px) * 40);
    font-size: calc(var(--rpx, 1px) * 40);
    line-height: 1;
  }
  .mot\:text-24rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 24);
    font-size: -moz-calc(var(--rpx, 1px) * 24);
    font-size: calc(var(--rpx, 1px) * 24);
    line-height: 1;
  }
  .mot\:text-40px {
    font-size: 40px;
    line-height: 1;
  }
  .mot\:text-24px {
    font-size: 24px;
    line-height: 1;
  }
  .mot\:text-14rpx {
    font-size: -webkit-calc(var(--rpx, 1px) * 14);
    font-size: -moz-calc(var(--rpx, 1px) * 14);
    font-size: calc(var(--rpx, 1px) * 14);
    line-height: 1;
  }
  .mot\:text-30px {
    font-size: 30px;
    line-height: 1;
  }
  .mot\:text-16px {
    font-size: 16px;
    line-height: 1;
  }
  .mot\:text-48px {
    font-size: 48px;
    line-height: 1;
  }
  .mot\:text-14px {
    font-size: 14px;
    line-height: 1;
  }
  .mot\:text-12px {
    font-size: 12px;
    line-height: 1;
  }
  .mot\:leading-\[50rpx\] {
    line-height: -webkit-calc(var(--rpx, 1px) * 50);
    line-height: -moz-calc(var(--rpx, 1px) * 50);
    line-height: calc(var(--rpx, 1px) * 50);
  }
  .mot\:leading-\[32rpx\] {
    line-height: -webkit-calc(var(--rpx, 1px) * 32);
    line-height: -moz-calc(var(--rpx, 1px) * 32);
    line-height: calc(var(--rpx, 1px) * 32);
  }
  .mot\:leading-\[1\] {
    line-height: 1;
  }
  .mot\:leading-\[32px\] {
    line-height: 32px;
  }
  .mot\:leading-\[1\.57\] {
    line-height: 1.57;
  }
  .mot\:leading-\[1\.27\] {
    line-height: 1.27;
  }
  .mot\:leading-\[1\.5\] {
    line-height: 1.5;
  }
  .mot\:leading-\[1\.25\] {
    line-height: 1.25;
  }
  .mot\:leading-\[1\.17\] {
    line-height: 1.17;
  }
  .mot\:leading-\[1\.67\] {
    line-height: 1.67;
  }
  .mot\:tracking-0\.02em {
    letter-spacing: 0.02em;
  }
  .mot\:tracking-0\.01em {
    letter-spacing: 0.01em;
  }
  .mot\:tracking-0\.04em {
    letter-spacing: 0.04em;
  }
  .mot\:tracking-0\.03em {
    letter-spacing: 0.03em;
  }
}
.zn--wrapper {
  font-size: 16px;
}
.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]):not(.loaded)
{
  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 .abs-center-x {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translate(-50%);
}
.zn--wrapper .abs-center-y {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.zn--wrapper .abs-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%);
}
.zn--wrapper .swiper-button-disabled {
  opacity: 0.3;
}
.zn--wrapper .bg-img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.zn--replacement-tool {
  --p-6: #4c3fb3;
  --p-5: #6a5ecc;
  --p-4: #968dda;
  --k-2: #e5e5e5;
  --k-3: #a9a9b5;
  --white: #fff;
  --border-radius: 12ex;
}
.zn--wrapper[mode="EDITING"] .zn-text-inner:hover {
  background: #4c3fb3;
  color: #fff;
}
.zn--wrapper .zn-text-inner {
  font-size: inherit;
  line-height: inherit;
}
.zn--wrapper [contenteditable="true"] {
  caret-color: #4c3fb3;
  outline: none;
}
.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
  margin: 0 auto 10px;
  width: 140ex;
  width: -webkit-calc(var(--rpx, 1px) * 320);
  width: -moz-calc(var(--rpx, 1px) * 320);
  width: calc(var(--rpx, 1px) * 320);
}
.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
  bottom: 0;
  left: -webkit-calc(50vw - 20px) !important;
  left: -moz-calc(50vw - 20px) !important;
  left: calc(50vw - 20px) !important;
  left: -webkit-calc(var(--vw, 1vw) * 50 - 20px) !important;
  left: -moz-calc(var(--vw, 1vw) * 50 - 20px) !important;
  left: calc(var(--vw, 1vw) * 50 - 20px) !important;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translate(-50%);
}
[data-comp-gallery] .images-container {
  padding-left: 0;
  padding-right: 0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
[data-comp-gallery] .images-container img {
  -o-object-fit: cover;
  object-fit: cover;
}
[data-comp-gallery] .swiper-slide > * {
  max-width: 100%;
}
[data-comp-gallery] .double-button .button {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[data-comp-gallery] .double-button .button:first-child {
  opacity: 0.5;
}
[data-comp-gallery] .color-switch > div > div {
  overflow: visible;
}
[data-comp-gallery] .circle-button {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: visible;
  position: relative;
}
[data-comp-gallery] .circle-button:before {
  border-color: var(--border-color, transparent);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  content: "";
  height: var(--btn-w, "150%");
  left: 50%;
  position: absolute;
  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%);
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
  width: var(--btn-w, "150%");
}
[data-comp-gallery] .circle-button:after {
  content: var(--s-text, " ");
  font-size: var(--t-size);
  left: 100%;
  line-height: var(--t-line-height);
  margin-left: var(--t-left);
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
}
[data-comp-gallery] .circle-button.active:after {
  opacity: 1;
}
[data-comp-gallery].comp-light-theme .double-button .button {
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  -moz-transition: background 0.4s;
  transition: background 0.4s;
}
[data-comp-gallery].comp-light-theme .double-button .button:hover {
  background: #333;
}
[data-comp-gallery].comp-dark-theme .double-button .button {
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  -moz-transition: background 0.4s;
  transition: background 0.4s;
}
[data-comp-gallery].comp-dark-theme .double-button .button:hover {
  background: #eaeaea;
}
#section-tablist .left-img > div:first-child > div {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#section-tablist .options {
  scrollbar-width: none;
}
#section-tablist .options::-webkit-scrollbar {
  display: none;
}
#section-tablist .options a {
  border-bottom: 1px solid #efede9;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#section-tablist .options a:first-child {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#section-tablist .options a:last-child {
  border-bottom: 0;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#section-tablist .options a.active {
  background-color: #f5f4f0;
}
#section-tablist .options a.active .content {
  opacity: 1;
}
#section-tablist .options a.active .title img {
  opacity: 0;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
#section-tablist .options .title div:first-child {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#section-tablist .options .title img {
  opacity: 1;
}
#section-tablist .options .content,
#section-tablist .options .title img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#section-tablist .options .content {
  opacity: 0;
}
#section-tablist .activeImg {
  opacity: 1 !important;
}
.ksp-wrapper .image,
.ksp-wrapper .image-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-negative: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
.ksp-wrapper .image img,
.ksp-wrapper .image-container img {
  height: 100%;
}
.ksp-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.ksp-wrapper > :first-child > :first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ksp-wrapper > :nth-child(2) > :nth-child(2) {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ksp-wrapper > :nth-child(2) > :nth-child(2) > :first-child > :first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ksp-wrapper .mid-vertical div:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ksp-wrapper .text-wrapper {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: auto;
}
#section-sound .bg-linear {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(54.69%, hsla(0, 0%, 100%, 0.81)),
    to(#cdd2d9)
  );
  background: -webkit-linear-gradient(
    top,
    hsla(0, 0%, 100%, 0.81) 54.69%,
    #cdd2d9
  );
  background: -moz-linear-gradient(
    top,
    hsla(0, 0%, 100%, 0.81) 54.69%,
    #cdd2d9 100%
  );
  background: -o-linear-gradient(
    top,
    hsla(0, 0%, 100%, 0.81) 54.69%,
    #cdd2d9 100%
  );
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.81) 54.69%, #cdd2d9);
}
#section-sound [ani-layer-spec] {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#section-sound [ani-layer-spec].active {
  opacity: 1;
}
#section-battery .number-linear,
#section-battery .hour-linear {
  -webkit-text-fill-color: transparent;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(-4.48%, rgba(99, 123, 155, 0.6)),
    color-stop(93.11%, rgba(212, 229, 252, 0.6))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(99, 123, 155, 0.6) -4.48%,
    rgba(212, 229, 252, 0.6) 93.11%
  );
  background: -moz-linear-gradient(
    top,
    rgba(99, 123, 155, 0.6) -4.48%,
    rgba(212, 229, 252, 0.6) 93.11%
  );
  background: -o-linear-gradient(
    top,
    rgba(99, 123, 155, 0.6) -4.48%,
    rgba(212, 229, 252, 0.6) 93.11%
  );
  background: linear-gradient(
    180deg,
    rgba(99, 123, 155, 0.6) -4.48%,
    rgba(212, 229, 252, 0.6) 93.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
}
#section-battery #stroke-line {
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1000px;
}
#section-battery #stroke-line.active {
  stroke-dashoffset: 2000px;
}
body.no-scroll {
  overflow-y: hidden;
}
body.zn--body-fixed {
  position: fixed;
}
#webpack-dev-server-client-overlay {
  display: none;
}
[id^="anchor"] {
  height: 1px;
  left: 0;
  margin-top: 2px;
  position: absolute;
  top: -webkit-calc(0 - var(--nav-height, 90px));
  top: -moz-calc(0 - var(--nav-height, 90px));
  top: calc(0px - var(--nav-height, 90px));
  width: 100%;
}
[id^="anchor"].mt {
  top: -webkit-calc(-60px - var(--nav-height, 90px));
  top: -moz-calc(-60px - var(--nav-height, 90px));
  top: calc(-60px - var(--nav-height, 90px));
}
@media (min-width: 1025px) {
  .mo-only,
  .pad-only,
  .pc-hidden {
    display: none;
  }
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.09756px);
    --rpx: -moz-calc(0.07622vw - 0.09756px);
    --rpx: calc(0.07622vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 1312 - 0.09756px);
  }
  .zn--wrapper .mo-only,
  .zn--wrapper .pad-only,
  .zn--wrapper .pc-hidden {
    display: none;
  }
  #section-tablist .options a.active .title div:first-child {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  [data-comp-ksp] a {
    overflow: hidden;
  }
  [data-comp-ksp] a img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
  }
  [data-comp-ksp] a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  [data-comp-ksp] a:hover .no-scale img,
  [data-comp-ksp] a:hover img.no-scale {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  [data-comp-ksp] .svg-container {
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
  }
  [data-comp-ksp] a:hover .svg-container {
    opacity: 1;
  }
}
@media (max-width: 650px) {
  .mo-hidden,
  .pad-only,
  .pc-only {
    display: none;
  }
  :root {
    --rpx: -webkit-calc(0.30488vw - 0.09756px);
    --rpx: -moz-calc(0.30488vw - 0.09756px);
    --rpx: calc(0.30488vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  .zn--wrapper .mo-hidden,
  .zn--wrapper .pad-only,
  .zn--wrapper .pc-only {
    display: none;
  }
  [data-comp-gallery] .images-container {
    width: 100%;
  }
  #section-tablist .left-img img {
    opacity: 0;
  }
  #section-tablist .options a.active {
    padding-bottom: calc(var(--rpx, 1px) * 20);
    padding-top: calc(var(--rpx, 1px) * 20);
  }
  #section-tablist .options a.active .title div:first-child {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@media (min-width: 650px) and (max-width: 1024px) {
  .mo-only,
  .pad-hidden,
  .pc-only {
    display: none;
  }
  :root {
    --rpx: -webkit-calc(0.13889vw - 0.06667px);
    --rpx: -moz-calc(0.13889vw - 0.06667px);
    --rpx: calc(0.13889vw - 0.06667px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: calc(var(--vw, 1vw) * 100 / 720 - 0.06667px);
  }
  .zn--wrapper .mo-only,
  .zn--wrapper .pad-hidden,
  .zn--wrapper .pc-only {
    display: none;
  }
  [data-comp-gallery] .images-container {
    width: 100%;
  }
  #section-tablist .options a.active .title div:first-child {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  #section-features [img-1] {
    -o-object-position: 80% 50%;
    object-position: 80% 50%;
  }
  #section-battery .number-linear {
    font-size: -webkit-calc(var(--rpx, 1px) * 81);
    font-size: -moz-calc(var(--rpx, 1px) * 81);
    font-size: calc(var(--rpx, 1px) * 81);
    line-height: -webkit-calc(var(--rpx, 1px) * 97);
    line-height: -moz-calc(var(--rpx, 1px) * 97);
    line-height: calc(var(--rpx, 1px) * 97);
  }
  #section-battery .hour-linear {
    font-size: -webkit-calc(var(--rpx, 1px) * 26);
    font-size: -moz-calc(var(--rpx, 1px) * 26);
    font-size: calc(var(--rpx, 1px) * 26);
    line-height: -webkit-calc(var(--rpx, 1px) * 31.3);
    line-height: -moz-calc(var(--rpx, 1px) * 31.3);
    line-height: calc(var(--rpx, 1px) * 31.3);
  }
}
@media (orientation: portrait) and (max-width: 1023px) {
  #oc-header.fixed {
    visibility: hidden;
  }
  .zn--wrapper .pc-only {
    display: none;
  }
}
@media (max-width: 649px) {
  #section-battery .number-linear {
    font-size: -webkit-calc(var(--rpx, 1px) * 76);
    font-size: -moz-calc(var(--rpx, 1px) * 76);
    font-size: calc(var(--rpx, 1px) * 76);
    line-height: -webkit-calc(var(--rpx, 1px) * 91);
    line-height: -moz-calc(var(--rpx, 1px) * 91);
    line-height: calc(var(--rpx, 1px) * 91);
  }
  #section-battery .hour-linear {
    font-size: -webkit-calc(var(--rpx, 1px) * 30);
    font-size: -moz-calc(var(--rpx, 1px) * 30);
    font-size: calc(var(--rpx, 1px) * 30);
    line-height: -webkit-calc(var(--rpx, 1px) * 36);
    line-height: -moz-calc(var(--rpx, 1px) * 36);
    line-height: calc(var(--rpx, 1px) * 36);
  }
}
#loader-fps {
  --point-color: transparent;
  --size: 2px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--size);
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100vw;
  width: -webkit-calc(var(--vw, 1vw) * 100);
  width: -moz-calc(var(--vw, 1vw) * 100);
  width: calc(var(--vw, 1vw) * 100);
  z-index: 1000;
}
#loader-fps .loader-element {
  border: var(--size) solid var(--point-color);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin: calc(var(--size) * 2);
}
#loader-fps .loader-element:first-child {
  -webkit-animation: preloader 0.6s ease-in-out infinite alternate;
  -moz-animation: preloader 0.6s ease-in-out infinite alternate;
  animation: preloader 0.6s ease-in-out infinite alternate;
}
#loader-fps .loader-element:nth-child(2) {
  -webkit-animation: preloader 0.6s ease-in-out 0.2s infinite alternate;
  -moz-animation: preloader 0.6s ease-in-out 0.2s infinite alternate;
  animation: preloader 0.6s ease-in-out 0.2s infinite alternate;
}
#loader-fps .loader-element:nth-child(3) {
  -webkit-animation: preloader 0.6s ease-in-out 0.4s infinite alternate;
  -moz-animation: preloader 0.6s ease-in-out 0.4s infinite alternate;
  animation: preloader 0.6s ease-in-out 0.4s infinite alternate;
}
@-moz-keyframes preloader {
  to {
    -moz-transform: scale(2);
    transform: scale(2);
  }
}
@-webkit-keyframes preloader {
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes preloader {
  to {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}
@media (min-width: 1025px) {
  .mo-only,
  .pad-only,
  .pc-hidden {
    display: none;
  }
  :root {
    --rpx: -webkit-calc(0.07622vw - 0.09756px);
    --rpx: -moz-calc(0.07622vw - 0.09756px);
    --rpx: calc(0.07622vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/1312 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 1312 - 0.09756px);
  }
  .zn--wrapper .mo-only,
  .zn--wrapper .pad-only,
  .zn--wrapper .pc-hidden {
    display: none;
  }
  .fade-in-pc {
    opacity: 0;
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px) * 80));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px) * 80));
    -ms-transform: translateY(calc(var(--rpx, 1px) * 80));
    -o-transform: translateY(calc(var(--rpx, 1px) * 80));
    transform: translateY(calc(var(--rpx, 1px) * 80));
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.6s;
  }
  .fade-in-pc[data-slight] {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px) * 50));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px) * 50));
    -ms-transform: translateY(calc(var(--rpx, 1px) * 50));
    -o-transform: translateY(calc(var(--rpx, 1px) * 50));
    transform: translateY(calc(var(--rpx, 1px) * 50));
  }
  .fade-in-pc[data-slow] {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, -o-transform 1s;
    -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s,
      -moz-transform 1s, -o-transform 1s;
  }
  .fade-in-pc.show,
  .fade-in-pc[data-slight].show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .fade-in {
    opacity: 0;
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px) * 80));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px) * 80));
    -ms-transform: translateY(calc(var(--rpx, 1px) * 80));
    -o-transform: translateY(calc(var(--rpx, 1px) * 80));
    transform: translateY(calc(var(--rpx, 1px) * 80));
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.6s;
  }
  .fade-in[data-slight] {
    -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px) * 50));
    -moz-transform: translateY(-moz-calc(var(--rpx, 1px) * 50));
    -ms-transform: translateY(calc(var(--rpx, 1px) * 50));
    -o-transform: translateY(calc(var(--rpx, 1px) * 50));
    transform: translateY(calc(var(--rpx, 1px) * 50));
  }
  .fade-in[data-slow] {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, -o-transform 1s;
    -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s,
      -moz-transform 1s, -o-transform 1s;
  }
  .fade-in.show,
  .fade-in[data-slight].show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (max-width: 650px) {
  .mo-hidden,
  .pad-only,
  .pc-only {
    display: none;
  }
  :root {
    --rpx: -webkit-calc(0.30488vw - 0.09756px);
    --rpx: -moz-calc(0.30488vw - 0.09756px);
    --rpx: calc(0.30488vw - 0.09756px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/328 - 0.09756px);
    --rpx: calc(var(--vw, 1vw) * 100 / 328 - 0.09756px);
  }
  .zn--wrapper .mo-hidden,
  .zn--wrapper .pad-only,
  .zn--wrapper .pc-only {
    display: none;
  }
  .fade-in-mo {
    opacity: 0;
    -webkit-transform: translateY(50ex);
    -moz-transform: translateY(50ex);
    -ms-transform: translateY(50ex);
    -o-transform: translateY(50ex);
    transform: translateY(50ex);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.6s;
  }
  .fade-in-mo[data-slight] {
    -webkit-transform: translateY(30ex);
    -moz-transform: translateY(30ex);
    -ms-transform: translateY(30ex);
    -o-transform: translateY(30ex);
    transform: translateY(30ex);
  }
  .fade-in-mo[data-slow] {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, -o-transform 1s;
    -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s,
      -moz-transform 1s, -o-transform 1s;
  }
  .fade-in-mo.show,
  .fade-in-mo[data-slight].show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .fade-in {
    opacity: 0;
    -webkit-transform: translateY(50ex);
    -moz-transform: translateY(50ex);
    -ms-transform: translateY(50ex);
    -o-transform: translateY(50ex);
    transform: translateY(50ex);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    -o-transition: opacity 0.6s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s,
      -moz-transform 0.6s, -o-transform 0.6s;
  }
  .fade-in[data-slight] {
    -webkit-transform: translateY(30ex);
    -moz-transform: translateY(30ex);
    -ms-transform: translateY(30ex);
    -o-transform: translateY(30ex);
    transform: translateY(30ex);
  }
  .fade-in[data-slow] {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, -o-transform 1s;
    -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s,
      -moz-transform 1s, -o-transform 1s;
  }
  .fade-in.show,
  .fade-in[data-slight].show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (min-width: 650px) and (max-width: 1024px) {
  .mo-only,
  .pad-hidden,
  .pc-only {
    display: none;
  }
  :root {
    --rpx: -webkit-calc(0.13889vw - 0.06667px);
    --rpx: -moz-calc(0.13889vw - 0.06667px);
    --rpx: calc(0.13889vw - 0.06667px);
    --rpx: -webkit-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: -moz-calc(var(--vw, 1vw) * 100/720 - 0.06667px);
    --rpx: calc(var(--vw, 1vw) * 100 / 720 - 0.06667px);
  }
  .zn--wrapper .mo-only,
  .zn--wrapper .pad-hidden,
  .zn--wrapper .pc-only {
    display: none;
  }
}
@media (min-width: 1440px) {
  :root {
    --rpx: 1px;
  }
}

.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,
.zn--wrapper .mot\:font-medium,
.zn--wrapper .pct\:font-medium {
  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;
  }
}