html.has-modal-l {
  overflow: hidden;
  background-color: #000;
}
html.has-modal-l body, html.has-modal-l .main-navigation.nav-v2, html.has-modal-l #second-navigation-v4 .product-tabs__heading, html.fancybox-margin body, html.fancybox-margin .main-navigation.nav-v2, html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

#changxiang-90-pro-container {
  width: 100%;
  font-size: 1.145833vw;
  line-height: 1.6;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container {
    font-size: 4.444444vw;
  }
}
#changxiang-90-pro-container .will-change .will-change-tf {
  will-change: transform;
}
#changxiang-90-pro-container .will-change .will-change-op {
  will-change: opacity;
}
#changxiang-90-pro-container .will-change .will-change-tf-op {
  will-change: transform, opacity;
}

#changxiang-90-pro-container *, #changxiang-90-pro-container *::before, #changxiang-90-pro-container *::after {
  box-sizing: border-box;
}
#changxiang-90-pro-container section {
  position: relative;
}
#changxiang-90-pro-container img, #changxiang-90-pro-container picture, #changxiang-90-pro-container video, #changxiang-90-pro-container canvas, #changxiang-90-pro-container svg {
  display: block;
  width: 100%;
}
#changxiang-90-pro-container svg {
  overflow: visible;
}
#changxiang-90-pro-container button {
  background-color: transparent;
  border: 0;
}
#changxiang-90-pro-container .sticky-content {
  position: sticky;
  top: 0;
}
#changxiang-90-pro-container .object-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#changxiang-90-pro-container .object-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#changxiang-90-pro-container .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: saturate(180%) blur(20px);
}
#changxiang-90-pro-container .blur-up {
  transition: filter 400ms;
  filter: blur(20px);
}
#changxiang-90-pro-container .blur-up.lazyloaded {
  filter: blur(0);
}
#changxiang-90-pro-container br.md, #changxiang-90-pro-container br.xs {
  display: none;
}
#changxiang-90-pro-container br.lg {
  display: block;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container br.lg, #changxiang-90-pro-container br.xs {
    display: none;
  }
  #changxiang-90-pro-container br.md {
    display: block;
  }
}
@media (max-aspect-ratio: 7/10) {
  #changxiang-90-pro-container br.lg, #changxiang-90-pro-container br.md {
    display: none;
  }
  #changxiang-90-pro-container br.xs {
    display: block;
  }
}
#changxiang-90-pro-container .relative {
  position: relative;
}
#changxiang-90-pro-container .absolute {
  position: absolute;
}
#changxiang-90-pro-container span.nowrap {
  white-space: nowrap;
}
#changxiang-90-pro-container .absolute {
  position: absolute;
}
#changxiang-90-pro-container .relative {
  position: relative;
}
#changxiang-90-pro-container .sticky {
  position: sticky;
  top: 0;
}
#changxiang-90-pro-container .z-1 {
  z-index: 1;
}
#changxiang-90-pro-container .z-2 {
  z-index: 2;
}
#changxiang-90-pro-container .z-3 {
  z-index: 3;
}
#changxiang-90-pro-container .overflow-hidden {
  overflow: hidden;
}
#changxiang-90-pro-container .overflow-visible {
  overflow: visible;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .md\:overflow-hidden {
    overflow: hidden;
  }
  #changxiang-90-pro-container .md\:overflow-visible {
    overflow: visible;
  }
}
@media (max-aspect-ratio: 7/10) {
  #changxiang-90-pro-container .xs\:overflow-hidden {
    overflow: hidden;
  }
  #changxiang-90-pro-container .xs\:overflow-visible {
    overflow: visible;
  }
}
#changxiang-90-pro-container .block {
  display: block;
}
#changxiang-90-pro-container .inline-block {
  display: inline-block;
}
#changxiang-90-pro-container .inline {
  display: inline;
}
#changxiang-90-pro-container .flex {
  display: flex;
}
#changxiang-90-pro-container .inline-flex {
  display: inline-flex;
}
#changxiang-90-pro-container .hidden {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .md\:block {
    display: block;
  }
  #changxiang-90-pro-container .md\:inline-block {
    display: inline-block;
  }
  #changxiang-90-pro-container .md\:inline {
    display: inline;
  }
  #changxiang-90-pro-container .md\:flex {
    display: flex;
  }
  #changxiang-90-pro-container .md\:inline-flex {
    display: inline-flex;
  }
  #changxiang-90-pro-container .md\:hidden {
    display: none;
  }
}
@media (max-aspect-ratio: 7/10) {
  #changxiang-90-pro-container .xs\:block {
    display: block;
  }
  #changxiang-90-pro-container .xs\:inline-block {
    display: inline-block;
  }
  #changxiang-90-pro-container .xs\:inline {
    display: inline;
  }
  #changxiang-90-pro-container .xs\:flex {
    display: flex;
  }
  #changxiang-90-pro-container .xs\:inline-flex {
    display: inline-flex;
  }
  #changxiang-90-pro-container .xs\:hidden {
    display: none;
  }
}
#changxiang-90-pro-container .row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#changxiang-90-pro-container .flex-row {
  flex-direction: row;
}
#changxiang-90-pro-container .flex-row-reverse {
  flex-direction: row-reverse;
}
#changxiang-90-pro-container .flex-col {
  flex-direction: column;
}
#changxiang-90-pro-container .flex-col-reverse {
  flex-direction: column-reverse;
}
#changxiang-90-pro-container .flex-wrap {
  flex-wrap: wrap;
}
#changxiang-90-pro-container .flex-nowrap {
  flex-wrap: nowrap;
}
#changxiang-90-pro-container .justify-start {
  justify-content: flex-start;
}
#changxiang-90-pro-container .justify-end {
  justify-content: flex-end;
}
#changxiang-90-pro-container .justify-center {
  justify-content: center;
}
#changxiang-90-pro-container .justify-between {
  justify-content: space-between;
}
#changxiang-90-pro-container .items-start {
  align-items: flex-start;
}
#changxiang-90-pro-container .items-end {
  align-items: flex-end;
}
#changxiang-90-pro-container .items-center {
  align-items: center;
}
#changxiang-90-pro-container .shrink-0 {
  flex-shrink: 0;
}
#changxiang-90-pro-container .order-1 {
  order: 1;
}
#changxiang-90-pro-container .order-2 {
  order: 2;
}
#changxiang-90-pro-container .order-3 {
  order: 3;
}
#changxiang-90-pro-container .order-4 {
  order: 4;
}
#changxiang-90-pro-container .order-5 {
  order: 5;
}
#changxiang-90-pro-container .order-6 {
  order: 6;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .xs\:flex-wrap {
    flex-wrap: wrap;
  }
  #changxiang-90-pro-container .xs\:flex-row {
    flex-direction: row;
  }
  #changxiang-90-pro-container .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #changxiang-90-pro-container .xs\:flex-col {
    flex-direction: column;
  }
  #changxiang-90-pro-container .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #changxiang-90-pro-container .xs\:justify-start {
    justify-content: flex-start;
  }
  #changxiang-90-pro-container .xs\:justify-end {
    justify-content: flex-end;
  }
  #changxiang-90-pro-container .xs\:justify-center {
    justify-content: center;
  }
  #changxiang-90-pro-container .xs\:justify-between {
    justify-content: space-between;
  }
  #changxiang-90-pro-container .xs\:items-start {
    align-items: flex-start;
  }
  #changxiang-90-pro-container .xs\:items-end {
    align-items: flex-end;
  }
  #changxiang-90-pro-container .xs\:items-center {
    align-items: center;
  }
  #changxiang-90-pro-container .xs\:order-1 {
    order: 1;
  }
  #changxiang-90-pro-container .xs\:order-2 {
    order: 2;
  }
  #changxiang-90-pro-container .xs\:order-3 {
    order: 3;
  }
  #changxiang-90-pro-container .xs\:order-4 {
    order: 4;
  }
  #changxiang-90-pro-container .xs\:order-5 {
    order: 5;
  }
  #changxiang-90-pro-container .xs\:order-6 {
    order: 6;
  }
}
#changxiang-90-pro-container .rounded, #changxiang-90-pro-container .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}
#changxiang-90-pro-container .rounded-left {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}
#changxiang-90-pro-container .rounded-right {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .lg\:rounded {
    border-radius: 0;
  }
  #changxiang-90-pro-container .xs\:rounded, #changxiang-90-pro-container .md\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #changxiang-90-pro-container .rounded, #changxiang-90-pro-container .xs\:rounded, #changxiang-90-pro-container .md\:rounded {
    border-radius: 1.142857vw;
  }
  #changxiang-90-pro-container .rounded-left, #changxiang-90-pro-container .md\:rounded-left {
    border-top-left-radius: 1.142857vw;
    border-bottom-left-radius: 1.142857vw;
  }
  #changxiang-90-pro-container .rounded-right, #changxiang-90-pro-container .md\:rounded-right {
    border-top-right-radius: 1.142857vw;
    border-bottom-right-radius: 1.142857vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #changxiang-90-pro-container .md\:rounded {
    border-radius: 0;
  }
  #changxiang-90-pro-container .rounded, #changxiang-90-pro-container .xs\:rounded {
    border-radius: 2.222222vw;
  }
  #changxiang-90-pro-container .rounded-left, #changxiang-90-pro-container .xs\:rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #changxiang-90-pro-container .rounded-right, #changxiang-90-pro-container .xs\:rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
#changxiang-90-pro-container .effect-slide .swiper-wrapper, #changxiang-90-pro-container .effect-slide [data-swiper-parallax-x], #changxiang-90-pro-container .effect-slide [data-swiper-parallax-y], #changxiang-90-pro-container .effect-slide [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#changxiang-90-pro-container .swiper-fade .swiper-slide {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#changxiang-90-pro-container .swiper-touch-move .swiper-wrapper, #changxiang-90-pro-container .swiper-touch-move [data-swiper-parallax-x], #changxiang-90-pro-container .swiper-touch-move [data-swiper-parallax-y], #changxiang-90-pro-container .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#changxiang-90-pro-container .swiper-slide-to-clicked-slide .swiper-slide {
  cursor: pointer;
}
#changxiang-90-pro-container .swiper-slide-to-clicked-slide .swiper-slide-active, #changxiang-90-pro-container .swiper-slide-to-clicked-slide .swiper-slide-active ~ .swiper-slide-visible {
  cursor: auto;
}
#changxiang-90-pro-container .stack-list {
  display: flex;
  text-align: center;
}
#changxiang-90-pro-container .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
  opacity: 0;
}
#changxiang-90-pro-container .stack-item:nth-child(n+2) {
  margin-left: -100%;
}
#changxiang-90-pro-container .stack-item.current {
  z-index: 1;
  transition-delay: 240ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .stack-item {
    transition-duration: 240ms;
  }
  #changxiang-90-pro-container .stack-item.current {
    transition-delay: 160ms;
  }
}
#changxiang-90-pro-container .effect-slide .stack-item {
  transition-duration: 480ms;
}
#changxiang-90-pro-container .effect-slide .stack-item.current {
  transition-delay: 320ms;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .effect-slide .stack-item {
    transition-duration: 360ms;
  }
  #changxiang-90-pro-container .effect-slide .stack-item.current {
    transition-delay: 240ms;
  }
}
#changxiang-90-pro-container .fadeup, #changxiang-90-pro-container .lg-fadeup {
  transition: opacity 500ms ease-in, transform 500ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transform: translateY(4.166667vw);
  opacity: 0;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .fadeup, #changxiang-90-pro-container .xs-fadeup {
    transform: translateY(11.111111vw);
  }
  #changxiang-90-pro-container .lg-fadeup {
    transition: none;
    transform: none;
    opacity: 1;
  }
  #changxiang-90-pro-container .xs-fadeup {
    transition: opacity 500ms ease-in, transform 500ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
  }
}
#changxiang-90-pro-container .fadeup.animated, #changxiang-90-pro-container .lg-fadeup.animated, #changxiang-90-pro-container .xs-fadeup.animated {
  transform: translateY(0);
  opacity: 1;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #changxiang-90-pro-container .gradient-text {
    display: inline-block;
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}
#changxiang-90-pro-container .no-gradient-text .gradient-text {
  background-image: none !important;
  background-color: transparent !important;
}
#changxiang-90-pro-container .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
}
@supports (backdrop-filter: none) {
  #changxiang-90-pro-container .backdrop-filter {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: saturate(180%) blur(30px);
  }
}
#changxiang-90-pro-container .w-full {
  width: 100%;
}
#changxiang-90-pro-container .w-1560 {
  width: 81.25vw;
}
#changxiang-90-pro-container .w-1440 {
  width: 75vw;
}
#changxiang-90-pro-container .w-1392 {
  width: 72.5vw;
}
#changxiang-90-pro-container .w-1364 {
  width: 71.041667vw;
}
#changxiang-90-pro-container .w-1296 {
  width: 67.5vw;
}
#changxiang-90-pro-container .w-1280 {
  width: 66.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .xs\:w-full {
    width: 100%;
  }
  #changxiang-90-pro-container .xs\:w-688 {
    width: 95.555556vw;
  }
  #changxiang-90-pro-container .xs\:w-656 {
    width: 91.111111vw;
  }
  #changxiang-90-pro-container .xs\:w-640 {
    width: 88.888889vw;
  }
  #changxiang-90-pro-container .xs\:w-624 {
    width: 86.666667vw;
  }
  #changxiang-90-pro-container .xs\:w-614 {
    width: 85.277778vw;
  }
  #changxiang-90-pro-container .xs\:w-600 {
    width: 83.333333vw;
  }
  #changxiang-90-pro-container .xs\:w-592 {
    width: 82.222222vw;
  }
  #changxiang-90-pro-container .xs\:w-560 {
    width: 77.777778vw;
  }
  #changxiang-90-pro-container .xs\:w-544 {
    width: 75.555556vw;
  }
}
#changxiang-90-pro-container .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
#changxiang-90-pro-container .mt-8, #changxiang-90-pro-container .lg\:mt-8 {
  margin-top: 0.416667vw;
}
#changxiang-90-pro-container .mt-12, #changxiang-90-pro-container .lg\:mt-12 {
  margin-top: 0.625vw;
}
#changxiang-90-pro-container .mt-16, #changxiang-90-pro-container .lg\:mt-16 {
  margin-top: 0.833333vw;
}
#changxiang-90-pro-container .mt-24, #changxiang-90-pro-container .lg\:mt-24 {
  margin-top: 1.25vw;
}
#changxiang-90-pro-container .ml-24, #changxiang-90-pro-container .lg\:ml-24 {
  margin-left: 1.25vw;
}
#changxiang-90-pro-container .mt-32, #changxiang-90-pro-container .lg\:mt-32 {
  margin-top: 1.666667vw;
}
#changxiang-90-pro-container .mt-40, #changxiang-90-pro-container .lg\:mt-40 {
  margin-top: 2.083333vw;
}
#changxiang-90-pro-container .mt-48, #changxiang-90-pro-container .lg\:mt-48 {
  margin-top: 2.5vw;
}
#changxiang-90-pro-container .mt-56, #changxiang-90-pro-container .lg\:mt-56 {
  margin-top: 2.916667vw;
}
#changxiang-90-pro-container .mt-64, #changxiang-90-pro-container .lg\:mt-64 {
  margin-top: 3.333333vw;
}
#changxiang-90-pro-container .mt-72, #changxiang-90-pro-container .lg\:mt-72 {
  margin-top: 3.75vw;
}
#changxiang-90-pro-container .mt-80, #changxiang-90-pro-container .lg\:mt-80 {
  margin-top: 4.166667vw;
}
#changxiang-90-pro-container .mt-88, #changxiang-90-pro-container .lg\:mt-88 {
  margin-top: 4.583333vw;
}
#changxiang-90-pro-container .mt-96, #changxiang-90-pro-container .lg\:mt-96 {
  margin-top: 5vw;
}
#changxiang-90-pro-container .mt-100, #changxiang-90-pro-container .lg\:mt-100 {
  margin-top: 5.208333vw;
}
#changxiang-90-pro-container .mt-112, #changxiang-90-pro-container .lg\:mt-112 {
  margin-top: 5.833333vw;
}
#changxiang-90-pro-container .mt-120, #changxiang-90-pro-container .lg\:mt-120 {
  margin-top: 6.25vw;
}
#changxiang-90-pro-container .mt-160, #changxiang-90-pro-container .lg\:mt-160 {
  margin-top: 8.333333vw;
}
#changxiang-90-pro-container .mt-200, #changxiang-90-pro-container .lg\:mt-200 {
  margin-top: 10.416667vw;
}
#changxiang-90-pro-container .my-200, #changxiang-90-pro-container .lg\:my-200 {
  margin-top: 10.416667vw;
  margin-bottom: 10.416667vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #changxiang-90-pro-container .xs\:mt-0 {
    margin-top: 0;
  }
  #changxiang-90-pro-container .mt-8, #changxiang-90-pro-container .xs\:mt-8 {
    margin-top: 1.111111vw;
  }
  #changxiang-90-pro-container .mt-16, #changxiang-90-pro-container .xs\:mt-16 {
    margin-top: 2.222222vw;
  }
  #changxiang-90-pro-container .mt-20, #changxiang-90-pro-container .xs\:mt-20 {
    margin-top: 2.777778vw;
  }
  #changxiang-90-pro-container .ml-24, #changxiang-90-pro-container .xs\:ml-24 {
    margin-left: 3.333333vw;
  }
  #changxiang-90-pro-container .mt-24, #changxiang-90-pro-container .xs\:mt-24 {
    margin-top: 3.333333vw;
  }
  #changxiang-90-pro-container .mt-32, #changxiang-90-pro-container .xs\:mt-32 {
    margin-top: 4.444444vw;
  }
  #changxiang-90-pro-container .mt-40, #changxiang-90-pro-container .xs\:mt-40 {
    margin-top: 5.555556vw;
  }
  #changxiang-90-pro-container .mt-48, #changxiang-90-pro-container .xs\:mt-48 {
    margin-top: 6.666667vw;
  }
  #changxiang-90-pro-container .mt-56, #changxiang-90-pro-container .xs\:mt-56 {
    margin-top: 7.777778vw;
  }
  #changxiang-90-pro-container .mt-64, #changxiang-90-pro-container .xs\:mt-64 {
    margin-top: 8.888889vw;
  }
  #changxiang-90-pro-container .mt-72, #changxiang-90-pro-container .xs\:mt-72 {
    margin-top: 10vw;
  }
  #changxiang-90-pro-container .mt-80, #changxiang-90-pro-container .xs\:mt-80 {
    margin-top: 11.111111vw;
  }
  #changxiang-90-pro-container .mt-96, #changxiang-90-pro-container .xs\:mt-96 {
    margin-top: 13.333333vw;
  }
  #changxiang-90-pro-container .mt-100, #changxiang-90-pro-container .xs\:mt-100 {
    margin-top: 13.888889vw;
  }
  #changxiang-90-pro-container .mt-120, #changxiang-90-pro-container .xs\:mt-120 {
    margin-top: 16.666667vw;
  }
  #changxiang-90-pro-container .mt-160, #changxiang-90-pro-container .xs\:mt-160 {
    margin-top: 22.222222vw;
  }
  #changxiang-90-pro-container .mt-200, #changxiang-90-pro-container .xs\:mt-200 {
    margin-top: 27.777778vw;
  }
}
#changxiang-90-pro-container .pt-200, #changxiang-90-pro-container .lg\:pt-200 {
  padding-top: 10.416667vw;
}
#changxiang-90-pro-container .pb-200, #changxiang-90-pro-container .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}
#changxiang-90-pro-container .py-200, #changxiang-90-pro-container .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}
#changxiang-90-pro-container .pt-160, #changxiang-90-pro-container .lg\:pt-160 {
  padding-top: 8.333333vw;
}
#changxiang-90-pro-container .pb-160, #changxiang-90-pro-container .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}
#changxiang-90-pro-container .pb-64, #changxiang-90-pro-container .lg\:pb-64 {
  padding-bottom: 3.333333vw;
}
#changxiang-90-pro-container .py-160, #changxiang-90-pro-container .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}
#changxiang-90-pro-container .pt-120, #changxiang-90-pro-container .lg\:pt-120 {
  padding-top: 6.25vw;
}
#changxiang-90-pro-container .px-16 {
  padding-left: 0.833333vw;
  padding-right: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .pt-200, #changxiang-90-pro-container .xs\:pt-200 {
    padding-top: 27.777778vw;
  }
  #changxiang-90-pro-container .pb-200, #changxiang-90-pro-container .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }
  #changxiang-90-pro-container .py-200, #changxiang-90-pro-container .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
  #changxiang-90-pro-container .pt-160, #changxiang-90-pro-container .xs\:pt-160 {
    padding-top: 22.222222vw;
  }
  #changxiang-90-pro-container .pt-96, #changxiang-90-pro-container .xs\:pt-96 {
    padding-top: 13.333333vw;
  }
  #changxiang-90-pro-container .pb-160, #changxiang-90-pro-container .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }
  #changxiang-90-pro-container .pb-0, #changxiang-90-pro-container .xs\:pb-0 {
    padding-bottom: 0;
  }
  #changxiang-90-pro-container .py-160, #changxiang-90-pro-container .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }
  #changxiang-90-pro-container .pt-120, #changxiang-90-pro-container .xs\:pt-120 {
    padding-top: 16.666667vw;
  }
  #changxiang-90-pro-container .px-16, #changxiang-90-pro-container .xs\:px-16 {
    padding-left: 2.222222vw;
    padding-right: 2.222222vw;
  }
  #changxiang-90-pro-container .px-48, #changxiang-90-pro-container .xs\:px-48 {
    padding-left: 6.666667vw;
    padding-right: 6.666667vw;
  }
  #changxiang-90-pro-container .pr-32, #changxiang-90-pro-container .xs\:pr-32 {
    padding-right: 4.444444vw;
  }
}
#changxiang-90-pro-container .h2, #changxiang-90-pro-container .h3, #changxiang-90-pro-container .h4 {
  font-weight: bold;
  line-height: 1.25;
}
#changxiang-90-pro-container h2 {
  font-size: 2.5vw;
}
#changxiang-90-pro-container h3 {
  font-size: 1.666667vw;
}
#changxiang-90-pro-container .text-white, #changxiang-90-pro-container .lg\:text-white {
  color: #fff;
}
#changxiang-90-pro-container .text-desc-72, #changxiang-90-pro-container .lg\:text-desc-72 {
  color: #6D6F72;
}
#changxiang-90-pro-container .text-desc-6a, #changxiang-90-pro-container .lg\:text-desc-6a {
  color: #6A6A6A;
}
#changxiang-90-pro-container .title-color {
  color: #9D7C64;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container h2 {
    font-size: 6.666667vw;
  }
  #changxiang-90-pro-container h3 {
    font-size: 4.444444vw;
  }
  #changxiang-90-pro-container .xs\:text-black {
    color: #000;
  }
  #changxiang-90-pro-container .xs\:text-desc-72 {
    color: #6D6F72;
  }
  #changxiang-90-pro-container .xs\:text-desc-6a {
    color: #6A6A6A;
  }
}
#changxiang-90-pro-container strong {
  font-weight: 700;
  color: #9D7C64;
}
#changxiang-90-pro-container strong.black {
  font-weight: 500;
  color: #000;
}
#changxiang-90-pro-container [data-footnote] {
  font-size: 0.6em;
  cursor: pointer;
}
#changxiang-90-pro-container .text-left {
  text-align: left;
}
#changxiang-90-pro-container .text-center {
  text-align: center;
}
#changxiang-90-pro-container .text-right {
  text-align: right;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .xs\:text-left {
    text-align: left;
  }
  #changxiang-90-pro-container .xs\:text-center {
    text-align: center;
  }
  #changxiang-90-pro-container .xs\:text-right {
    text-align: right;
  }
}
#changxiang-90-pro-container .text-align {
  text-align: center;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .text-align {
    text-align: left;
  }
  html[dir=rtl] #changxiang-90-pro-container .text-align {
    text-align: right;
  }
}
#changxiang-90-pro-container .effect-slide:not(.swiper-carousel) .play-pause-button {
  transition: opacity 100ms;
  opacity: 0;
}
#changxiang-90-pro-container .effect-slide:not(.swiper-carousel) .swiper-slide-active .play-pause-button {
  transition-delay: 800ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .effect-slide:not(.swiper-carousel) .swiper-slide-active .play-pause-button {
    transition-delay: 600ms;
  }
}
#changxiang-90-pro-container .effect-fade .play-pause-button {
  transition: opacity 100ms;
  opacity: 0;
}
#changxiang-90-pro-container .effect-fade .swiper-slide-active .play-pause-button {
  transition-delay: 600ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .effect-fade .swiper-slide-active .play-pause-button {
    transition-delay: 400ms;
  }
}
#changxiang-90-pro-container .video-container {
  position: relative;
}
#changxiang-90-pro-container .video-container video {
  pointer-events: none;
}
#changxiang-90-pro-container .video-container .play-pause-button {
  position: absolute;
  z-index: 2;
  right: 1.25vw;
  bottom: 1.25vw;
  overflow: hidden;
  width: 2.083333vw;
  height: 2.083333vw;
  cursor: pointer;
  transform: translateZ(0);
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#changxiang-90-pro-container .video-container .play-pause-button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 300ms ease-out;
  backdrop-filter: blur(0.416667vw) brightness(1.2);
  -webkit-backdrop-filter: blur(0.416667vw) brightness(1.2);
  background-color: rgba(128, 128, 128, 0.4);
  transition: all 0.3s;
  will-change: background-color;
  border-radius: 50%;
}
@media (hover: hover) and (pointer: fine) {
  #changxiang-90-pro-container .video-container .play-pause-button:hover::before {
    backdrop-filter: blur(0.416667vw) brightness(1.1);
    -webkit-backdrop-filter: blur(0.416667vw) brightness(1.1);
  }
}
@media (hover: none) {
  #changxiang-90-pro-container .video-container .play-pause-button:active::before {
    backdrop-filter: blur(0.416667vw) brightness(1.2);
    -webkit-backdrop-filter: blur(0.416667vw) brightness(1.2);
  }
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .video-container .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
}
#changxiang-90-pro-container .video-container .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#changxiang-90-pro-container .video-container.playing .icon-pause, #changxiang-90-pro-container .video-container.paused .icon-play, #changxiang-90-pro-container .video-container.ended .icon-replay {
  display: block;
}
#changxiang-90-pro-container .video-container .replay-button {
  opacity: 0;
  transition: opacity 300ms;
  pointer-events: none;
  cursor: default;
}
#changxiang-90-pro-container .video-container.ended .replay-button {
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
#changxiang-90-pro-container .modal-button-container {
  display: flex;
  justify-content: center;
}
#changxiang-90-pro-container .modal-button-container .modal-button-wrapper {
  position: relative;
  overflow: hidden;
  height: 3.333333vw;
  transition: opacity 300ms ease-out;
  border: 2px solid #fff;
  border-radius: 999px;
}
@media (hover: hover) {
  #changxiang-90-pro-container .modal-button-container .modal-button-wrapper:hover {
    opacity: 0.6;
  }
}
#changxiang-90-pro-container .modal-button-container .modal-button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 0.833333vw;
  padding-left: 1.666667vw;
  cursor: pointer;
}
#changxiang-90-pro-container .modal-button-container .button-copy {
  font-size: 0.9375vw;
  font-weight: 500;
  color: #fff;
}
#changxiang-90-pro-container .modal-button-container .button-icon {
  width: 1.666667vw;
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .modal-button-container .modal-button-wrapper {
    height: 13.333333vw;
  }
  #changxiang-90-pro-container .modal-button-container .modal-button {
    padding-right: 3.333333vw;
    padding-left: 6.666667vw;
  }
  #changxiang-90-pro-container .modal-button-container .button-copy {
    font-size: 3.888889vw;
  }
  #changxiang-90-pro-container .modal-button-container .button-icon {
    width: 6.666667vw;
    margin-left: 3.333333vw;
  }
}
#changxiang-90-pro-container .section-modal {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
  outline: 0;
  background-color: rgba(25, 25, 26, 0);
  backdrop-filter: blur(0px) brightness(100%);
}
#changxiang-90-pro-container .section-modal.modal-scrollable {
  padding-inline-end: var(--modal-scrollbar-buffer);
}
#changxiang-90-pro-container .section-modal.modal-open {
  background-color: rgba(25, 25, 26, 0.8);
  backdrop-filter: blur(50px) brightness(120%);
}
#changxiang-90-pro-container .section-modal.modal-open .modal-container {
  transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.2s ease-in;
  opacity: 1;
}
#changxiang-90-pro-container .section-modal.light .modal-open {
  background-color: rgba(237, 238, 242, 0.8);
}
.has-modal-l #changxiang-90-pro-container .section-modal.modal-open, .has-modal-l #changxiang-90-pro-container .section-modal.modal-will-close {
  z-index: 200;
}
.has-modal-l #changxiang-90-pro-container .section-modal .modal-container {
  transform: translate3d(0, 0, 0);
}
#changxiang-90-pro-container .section-modal.modal-will-close {
  overflow: auto !important;
  padding-inline-end: 0;
}
#changxiang-90-pro-container .section-modal.modal-will-close .modal-container {
  transition: opacity 0.6s;
}
#changxiang-90-pro-container .section-modal .modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 3.333333vw;
  padding-bottom: 3.333333vw;
  transform: translate3d(0, 100vh, 0);
  opacity: 0;
  will-change: transform, opacity;
}
#changxiang-90-pro-container .section-modal .modal-wrapper {
  position: relative;
  width: 81.25vw;
}
#changxiang-90-pro-container .section-modal .modal-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 6.25vw;
  border-radius: 1.25vw;
  background-color: #000;
}
#changxiang-90-pro-container .section-modal .modal-close-container {
  position: absolute;
  top: 2.083333vw;
  right: 2.083333vw;
  bottom: 0;
  width: 2.083333vw;
}
#changxiang-90-pro-container .section-modal .modal-close-button {
  position: sticky;
  z-index: 10;
  top: 2.083333vw;
  width: 100%;
  cursor: pointer;
  border-radius: 100%;
  background-color: rgba(128, 128, 128, 0.6);
  backdrop-filter: blur(8px);
  transition: background-color 300ms ease-out;
}
@media (hover: hover) {
  #changxiang-90-pro-container .section-modal .modal-close-button:hover {
    background-color: rgba(128, 128, 128, 0.5);
  }
}
#changxiang-90-pro-container .section-modal .modal-close-icon {
  pointer-events: none;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-modal .modal-container {
    padding-top: 8.888889vw;
    padding-bottom: 8.888889vw;
  }
  #changxiang-90-pro-container .section-modal .modal-wrapper {
    width: 95.555556vw;
  }
  #changxiang-90-pro-container .section-modal .modal-content {
    padding-bottom: 11.111111vw;
    border-radius: 4.444444vw;
  }
  #changxiang-90-pro-container .section-modal .modal-close-container {
    top: 3.333333vw;
    right: 3.333333vw;
    width: 11.111111vw;
  }
  #changxiang-90-pro-container .section-modal .modal-close-button {
    top: 3.333333vw;
  }
}
#changxiang-90-pro-container .hero-sku {
  margin-top: 3.541667vw;
  text-align: center;
}
#changxiang-90-pro-container .hero-sku .pricing {
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #000;
}
#changxiang-90-pro-container .hero-sku .from {
  font-size: 0.677083vw;
}
#changxiang-90-pro-container .hero-sku [data-footnote] {
  font-size: 1em;
  vertical-align: inherit;
}
#changxiang-90-pro-container .hero-sku .buy-cta {
  display: inline-block;
  margin-top: 24px;
  padding: 8px 22px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  transition: opacity 0.3s ease-out;
  color: #fff;
  border-radius: 6px;
  background-color: #000;
}
@media (hover: hover) {
  #changxiang-90-pro-container .hero-sku .buy-cta:hover {
    opacity: 0.8;
  }
}
#changxiang-90-pro-container .hero-sku.sku-light .pricing {
  color: #fff;
}
#changxiang-90-pro-container .hero-sku.sku-light .buy-cta {
  color: #000;
  background-color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .hero-sku {
    margin-top: 8.888889vw;
  }
  #changxiang-90-pro-container .hero-sku .pricing {
    font-size: 5.555556vw;
  }
  #changxiang-90-pro-container .hero-sku .from {
    font-size: 3.611111vw;
  }
}
#changxiang-90-pro-container .anim-img-animate {
  transform: translateY(1.5625vw);
  opacity: 0;
}
#changxiang-90-pro-container .anim-img-animate.animated-copy-element {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.6s ease;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .xs\:anim-img-animate {
    transform: translate3d(0px, 30px, 0px);
    opacity: 0;
    pointer-events: none;
    transition: transform 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), opacity 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), visibility 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -webkit-transition: transform 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), opacity 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), visibility 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -moz-transition: transform 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), opacity 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), visibility 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -ms-transition: transform 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), opacity 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), visibility 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
    -o-transition: transform 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), opacity 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91), visibility 600ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
  }
  #changxiang-90-pro-container .xs\:anim-img-animate.animated-copy-element {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
#changxiang-90-pro-container .section-highlights {
  overflow: hidden;
}
#changxiang-90-pro-container .section-highlights .swiper {
  overflow: visible;
  will-change: transform;
  transition: transform 800ms cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: scale(1.4969135802);
}
#changxiang-90-pro-container .section-highlights .swiper-wrapper, #changxiang-90-pro-container .section-highlights [data-swiper-parallax-x], #changxiang-90-pro-container .section-highlights [data-swiper-parallax-y], #changxiang-90-pro-container .section-highlights [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#changxiang-90-pro-container .section-highlights .swiper-touch-move .swiper-wrapper, #changxiang-90-pro-container .section-highlights .swiper-touch-move [data-swiper-parallax-x], #changxiang-90-pro-container .section-highlights .swiper-touch-move [data-swiper-parallax-y], #changxiang-90-pro-container .section-highlights .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#changxiang-90-pro-container .section-highlights .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(2) .params-list {
  width: 51.875vw;
  top: 12.2625vw;
  left: 0;
  right: 0;
  z-index: 1;
  color: #EDE1D3;
  transform: translateZ(1px);
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(2) .params-list .params-count {
  line-height: 1.25;
  font-size: 5.78125vw;
  background-image: linear-gradient(175deg, #FBF9EE 0%, #ECE0D2 100%);
  font-weight: 500;
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(2) .params-list .params-count span {
  font-size: 2.864583vw;
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(4) .icons-list {
  width: 31vw;
  top: 13.645833vw;
  left: 3.541667vw;
  z-index: 1;
  transform: translateZ(1px);
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(4) .icons-list .icon-1 {
  width: 14.583333vw;
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(4) .icons-list .icon-2 {
  width: 14.583333vw;
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(6) {
  height: auto;
  background: #FFFFFF;
}
#changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(6) .swiper-content {
  width: 45.3125vw;
  margin-top: 8.020833vw;
}
#changxiang-90-pro-container .section-highlights .video-container::after {
  content: "";
  display: block;
  background-size: 100%;
  position: absolute;
  z-index: 12;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
  background: var(--mask-poster) center/100% no-repeat;
}
#changxiang-90-pro-container .section-highlights .video-container.show::after {
  opacity: 1;
  transition: opacity 600ms 200ms linear;
  will-change: opacity;
}
#changxiang-90-pro-container .section-highlights .caption-container {
  will-change: opacity;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 2.291667vw 2.5vw;
  font-size: 1.666667vw;
}
#changxiang-90-pro-container .section-highlights .title {
  font-size: 1.666667vw;
  font-weight: 500;
  line-height: 1.5;
  cursor: default;
  opacity: 0;
  transition-duration: 800ms;
}
#changxiang-90-pro-container .section-highlights .caption {
  margin-top: 16px;
  font-size: 1.666667vw;
}
#changxiang-90-pro-container .section-highlights .controls-container {
  display: flex;
  justify-content: center;
  will-change: opacity;
  transition: opacity 800ms cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#changxiang-90-pro-container .section-highlights .controls-wrapper {
  position: relative;
  border-radius: 999px;
  background: #F0F0F0;
  box-shadow: 0.416667vw 0.416667vw 0.520833vw #E0E0E0;
}
#changxiang-90-pro-container .section-highlights .controls-wrapper::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 999px;
  background: #F0F0F0;
  box-shadow: -0.416667vw -0.416667vw 0.625vw #FFFFFF;
}
#changxiang-90-pro-container .section-highlights .controls-wrapper .controls-wrapper-content {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  background: rgba(251, 251, 251, 0.85);
  border-radius: 999px;
}
#changxiang-90-pro-container .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  outline: 0;
  background-color: transparent;
  box-shadow: none;
}
#changxiang-90-pro-container .section-highlights .arrownav-item::after {
  background: transparent;
  box-shadow: none;
}
#changxiang-90-pro-container .section-highlights .arrownav-item.arrownav-next {
  margin-left: 0;
}
@media (hover: hover) {
  #changxiang-90-pro-container .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}
#changxiang-90-pro-container .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}
#changxiang-90-pro-container .section-highlights .dotnav-list {
  display: flex;
  margin-right: 0.677083vw;
  margin-left: 0.677083vw;
}
#changxiang-90-pro-container .section-highlights .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin-right: 0.260417vw;
  margin-left: 0.260417vw;
  cursor: pointer;
  transition: background-color 300ms;
  border-radius: 100%;
  outline: 0;
  background-color: rgba(140, 209, 209, 0.2);
}
#changxiang-90-pro-container .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}
@media (hover: hover) {
  #changxiang-90-pro-container .section-highlights .dotnav-item:hover {
    opacity: 0.6;
  }
}
#changxiang-90-pro-container .section-highlights .dotnav-item.current {
  cursor: default;
  background-color: rgba(140, 209, 209, 0.8);
}
#changxiang-90-pro-container .section-highlights .start-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
#changxiang-90-pro-container .section-highlights .show-start-frame .start-frame {
  transition: opacity 200ms ease-out;
  opacity: 1;
}
#changxiang-90-pro-container .section-highlights.active .swiper {
  transform: scale(1);
}
#changxiang-90-pro-container .section-highlights.active .swiper .swiper-slide.swiper-slide-active .caption-container .title {
  opacity: 1;
}
#changxiang-90-pro-container .section-highlights.active .controls-container {
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-highlights .swiper {
    transform-origin: center 16%;
  }
  #changxiang-90-pro-container .section-highlights .caption-container {
    margin: 5.555556vw 4.861111vw 0;
    position: initial;
  }
  #changxiang-90-pro-container .section-highlights .title {
    font-size: 5.555556vw;
  }
  #changxiang-90-pro-container .section-highlights .caption {
    margin-top: 3.333333vw;
    font-size: 5.555556vw;
  }
  #changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(6) {
    height: auto;
    background: transparent;
  }
  #changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(6) .swiper-content {
    width: 100%;
    margin-top: 0;
    perspective: initial;
  }
  #changxiang-90-pro-container .section-highlights .swiper-slide:nth-child(6) .swiper-content .gradient-text {
    display: none;
  }
  #changxiang-90-pro-container .section-highlights .controls-wrapper .controls-wrapper-content {
    height: 13.333333vw;
    padding-right: 1.666667vw;
    padding-left: 1.666667vw;
  }
  #changxiang-90-pro-container .section-highlights .arrownav-item {
    width: 13.333333vw;
  }
  #changxiang-90-pro-container .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
  #changxiang-90-pro-container .section-highlights .dotnav-list {
    margin-right: -0.555556vw;
    margin-left: -0.555556vw;
  }
  #changxiang-90-pro-container .section-highlights .dotnav-item {
    width: 2.222222vw;
    height: 2.222222vw;
    margin-right: 1.666667vw;
    margin-left: 1.666667vw;
  }
  #changxiang-90-pro-container .section-highlights .dotnav-item::before {
    padding: 1.666667vw;
  }
}
#changxiang-90-pro-container .tabnav-section {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#changxiang-90-pro-container .tabnav-section .tabnav-container {
  position: relative;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  height: 2.916667vw;
}
#changxiang-90-pro-container .tabnav-section .tabnav-container .tabnav-wrapper > div {
  position: relative;
  display: inline-flex;
  background: #FFFFFF;
  border-radius: 999px;
  padding: 0.208333vw;
}
#changxiang-90-pro-container .tabnav-section .tabnav-container .tabnav-list {
  position: relative;
  z-index: 2;
  display: flex;
}
#changxiang-90-pro-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item {
  font-size: 0.9375vw;
  font-weight: 500;
  cursor: pointer;
  transition: color 600ms;
  transform: translateZ(0);
  white-space: break-spaces;
  color: rgba(0, 0, 0, 0.6);
  outline: 0;
  backface-visibility: hidden;
  will-change: color;
  padding: 0.625vw 1.25vw;
}
#changxiang-90-pro-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item.current {
  cursor: default;
  color: #FFFFFF;
}
@media (hover: hover) {
  #changxiang-90-pro-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item:not(.current):hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
#changxiang-90-pro-container .tabnav-section .tabnav-container .tabnav-indicator {
  position: absolute;
  top: 0.208333vw;
  left: 0.208333vw;
  height: calc(100% - 0.416667vw);
  transition: all 300ms ease-in-out;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
#changxiang-90-pro-container .tabnav-section .tabnav-container .tabnav-indicator::after {
  position: relative;
  display: block;
  overflow: hidden;
  width: var(--tabnav-width, 0);
  height: 100%;
  content: "";
  transition-duration: 600ms;
  transition-property: width, transform;
  transform: translateX(var(--tabnav-left, 0));
  border-radius: 999px;
  background: #9D7C64;
}
#changxiang-90-pro-container .tabnav-section .stack-list {
  display: flex;
  text-align: center;
}
#changxiang-90-pro-container .tabnav-section .stack-list .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 360ms;
  opacity: 0;
  color: #6A6A6A;
}
#changxiang-90-pro-container .tabnav-section .stack-list .stack-item .tips {
  color: #B2B2B2;
}
#changxiang-90-pro-container .tabnav-section .stack-list .stack-item.current {
  z-index: 1;
  transition-delay: 240ms;
  opacity: 1;
}
#changxiang-90-pro-container .tabnav-section .stack-list .stack-item:nth-child(n+2) {
  margin-left: -100%;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .tabnav-section .tabnav-container {
    height: 13.333333vw;
  }
  #changxiang-90-pro-container .tabnav-section .tabnav-content {
    width: 100%;
    overflow: hidden;
  }
  #changxiang-90-pro-container .tabnav-section .tabnav-content .tabnav-scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #changxiang-90-pro-container .tabnav-section .tabnav-content .tabnav-scrollable::-webkit-scrollbar {
    display: none;
  }
  #changxiang-90-pro-container .tabnav-section .tabnav-content .tabnav-wrapper {
    padding-right: 6.944444vw;
    padding-left: 6.944444vw;
  }
  #changxiang-90-pro-container .tabnav-section .tabnav-content .tabnav-wrapper > div {
    padding: 1.111111vw;
  }
  #changxiang-90-pro-container .tabnav-section .tabnav-content .tabnav-indicator {
    top: 1.111111vw;
    left: 1.111111vw;
    height: calc(100% - 2.222222vw);
  }
  #changxiang-90-pro-container .tabnav-section .tabnav-content .tabnav-list .tabnav-item {
    font-size: 3.888889vw;
    padding: 3.055556vw 5.555556vw;
    white-space: nowrap;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) {
  #changxiang-90-pro-container .tabnav-section .tabnav-content .tabnav-list .tabnav-item:not(.current):hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
#changxiang-90-pro-container .rounded, #changxiang-90-pro-container .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}
#changxiang-90-pro-container .rounded-left {
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}
#changxiang-90-pro-container .rounded-right {
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .xs\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #changxiang-90-pro-container .rounded, #changxiang-90-pro-container .xs\:rounded {
    border-radius: 2.222222vw;
  }
  #changxiang-90-pro-container .lg\:rounded {
    border-radius: 0;
  }
  #changxiang-90-pro-container .rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #changxiang-90-pro-container .rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
#changxiang-90-pro-container .shine-container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.333333vw;
}
#changxiang-90-pro-container .shine-container .shine-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 999px;
  background-color: #343536;
}
#changxiang-90-pro-container .shine-container .shine-wrapper .shine-content {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .shine-container {
    height: 13.333333vw;
  }
}
#changxiang-90-pro-container .btn-replay {
  right: 1.197917vw;
  bottom: 6.5625vw;
  font-size: 0.9375vw;
  color: #6D6D73;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  outline: 0;
  z-index: 2;
}
#changxiang-90-pro-container .btn-replay .icon-replay {
  width: 0.833333vw;
  margin-left: 0.416667vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .btn-replay {
    position: initial;
    font-size: 3.888889vw;
    width: -moz-max-content;
    width: max-content;
    margin: 6.666667vw auto 0;
  }
  #changxiang-90-pro-container .btn-replay .icon-replay {
    width: 3.030556vw;
    margin-left: 1.111111vw;
  }
}
#changxiang-90-pro-container .video-container.ended .btn-replay {
  transition: opacity 300ms ease-in;
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .video-container.ended .btn-replay:hover {
    opacity: 1 !important;
  }
}
#changxiang-90-pro-container .desc-color {
  color: #6D6F72;
}
#changxiang-90-pro-container .desc-color-89 {
  color: #898A8D;
}
#changxiang-90-pro-container .section-card-swiper .swiper-slide {
  width: 33.125vw;
}
#changxiang-90-pro-container .section-card-swiper .text-content {
  width: 90%;
  cursor: auto;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-card-swiper .swiper-slide {
    width: 86.666667vw;
  }
}
#changxiang-90-pro-container .sticky-container {
  position: relative;
  height: 150vh;
}
#changxiang-90-pro-container .sticky-container .sticky-content {
  position: sticky;
  top: calc(50vh - 16.145833vw);
}
#changxiang-90-pro-container .section-page-title .page-title-content {
  width: 96.458333vw;
  height: 24.583333vw;
}
#changxiang-90-pro-container .section-page-title .page-title-content .page-title {
  will-change: transform;
  transition: transform 600ms cubic-bezier(0, 0, 0.5, 1);
  line-height: 1.25;
  transform-style: preserve-3d;
  perspective: 41.666667vw;
  top: 6.927083vw;
  transform: translateY(4.6875vw);
}
#changxiang-90-pro-container .section-page-title .page-title-content .page-title .title-left {
  will-change: width, transform, opacity;
  transition: width 600ms cubic-bezier(0, 0, 0.5, 1), transform 600ms cubic-bezier(0, 0, 0.5, 1), opacity 600ms cubic-bezier(0, 0, 0.5, 1);
  width: 4.397917vw;
  flex-shrink: 0;
  transform: translate3d(0, 0, 0) rotateY(74deg);
  opacity: 0;
  transform-origin: left center;
}
#changxiang-90-pro-container .section-page-title .page-title-content .page-title .title-right {
  will-change: width, transform, opacity;
  transition: width 600ms cubic-bezier(0, 0, 0.5, 1), transform 600ms cubic-bezier(0, 0, 0.5, 1), opacity 600ms cubic-bezier(0, 0, 0.5, 1);
  width: 6.40625vw;
  flex-shrink: 0;
  transform: translate3d(-3.333333vw, 0, 0) rotateY(-82deg);
  opacity: 0;
  transform-origin: right center;
  margin-left: -3.385417vw;
}
#changxiang-90-pro-container .section-page-title .page-title-content .page-title-up {
  will-change: transform;
  transition: transform 600ms cubic-bezier(0, 0, 0.5, 1);
  transform: translateY(5.729167vw);
  z-index: 1;
}
#changxiang-90-pro-container .section-page-title .page-title-content .page-title-down {
  bottom: 0;
  will-change: transform;
  transition: transform 600ms cubic-bezier(0, 0, 0.5, 1);
  transform: translateY(-5.729167vw);
}
#changxiang-90-pro-container .section-page-title.animated .page-title-content .page-title {
  transform: translateY(0);
}
#changxiang-90-pro-container .section-page-title.animated .page-title-content .title-left {
  width: 21.875vw;
  transform: translate3d(0, 0, 0) rotateY(36deg);
  opacity: 1;
}
#changxiang-90-pro-container .section-page-title.animated .page-title-content .title-right {
  width: 28.229167vw;
  transform: translate3d(0, 0, 0) rotateY(-35deg);
  opacity: 1;
}
#changxiang-90-pro-container .section-page-title.animated .page-title-content .page-title-up {
  transform: translateY(0);
}
#changxiang-90-pro-container .section-page-title.animated .page-title-content .page-title-down {
  transform: translateY(0);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-page-title {
    overflow: hidden;
  }
  #changxiang-90-pro-container .section-page-title .page-title-content {
    width: 145vw;
    height: 41.666667vw;
    transform: translateX(-20.277778vw);
  }
  #changxiang-90-pro-container .section-page-title .page-title-content .page-title {
    perspective: 208.333333vw;
    top: 11.527778vw;
    transform: translateY(8.888889vw);
  }
  #changxiang-90-pro-container .section-page-title .page-title-content .page-title .page-title-left {
    font-size: 2.291667vw;
    transform: rotateY(74deg);
  }
  #changxiang-90-pro-container .section-page-title .page-title-content .page-title .title-right {
    margin-left: -7.638889vw;
    transform: translate3d(0, 0, 0) rotateY(-82deg);
  }
  #changxiang-90-pro-container .section-page-title .page-title-content .page-title-up {
    transform: translateY(11.666667vw);
  }
  #changxiang-90-pro-container .section-page-title .page-title-content .page-title-down {
    transform: translateY(-11.666667vw);
  }
  #changxiang-90-pro-container .section-page-title.animated .page-title-content .page-title .title-left {
    width: 35.138889vw;
    transform: translate3d(0, 0, 0) rotateY(36deg);
  }
  #changxiang-90-pro-container .section-page-title.animated .page-title-content .page-title .title-right {
    width: 54.027778vw;
    transform: translate3d(-4.777778vw, 0, 0) rotateY(-35deg);
  }
}
#changxiang-90-pro-container .section-dsign .section-dsign-content .caption-container {
  width: 48.697917vw;
}
#changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3.333333vw;
  margin-top: 0;
}
#changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta {
  backdrop-filter: blur(0.416667vw) brightness(1.2);
  -webkit-backdrop-filter: blur(0.416667vw) brightness(1.2);
  background-color: rgba(128, 128, 128, 0.4);
  transition: all 0.3s;
  will-change: background-color;
  border-radius: 999px;
  color: #fff;
  padding: 0.833333vw 0.833333vw 0.833333vw 1.666667vw;
  cursor: pointer;
}
@media (hover: hover) {
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta:hover {
    backdrop-filter: blur(0.416667vw) brightness(1.1);
    -webkit-backdrop-filter: blur(0.416667vw) brightness(1.1);
  }
}
@media (hover: none) {
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta:active {
    backdrop-filter: blur(0.416667vw) brightness(1.2);
    -webkit-backdrop-filter: blur(0.416667vw) brightness(1.2);
  }
}
#changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta .rleaspa {
  font-size: 0.9375vw;
}
#changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta .rleaicon {
  display: flex;
  width: 1.666667vw;
  height: 1.666667vw;
  margin: 0 0 0 0.833333vw;
  z-index: 99;
}
#changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta .rleaicon svg {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta:hover path {
    opacity: 1;
  }
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-dsign .section-dsign-content .caption-container {
    width: 85vw;
  }
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8.055556vw;
    margin-top: 0;
  }
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta {
    background-color: rgba(128, 128, 128, 0.4);
    backdrop-filter: blur(8px) brightness(120%);
    -webkit-backdrop-filter: blur(8px) brightness(120%);
    color: #fff;
    box-shadow: none;
    padding: 3.333333vw 3.333333vw 3.333333vw 6.666667vw;
  }
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta:hover {
    background: none;
  }
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta::after {
    box-shadow: none;
  }
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta .rleaspa {
    position: relative;
    background-image: none;
    font-size: 3.888889vw;
    text-align: right;
    z-index: 99;
    color: white;
    -webkit-text-fill-color: initial;
  }
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta .rleaicon {
    display: flex;
    position: relative;
    width: 6.666667vw;
    height: 6.666667vw;
    margin: 0 0 0 3.333333vw;
    z-index: 99;
  }
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta .rleaicon svg {
    width: 100%;
    height: 100%;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) {
  #changxiang-90-pro-container .section-dsign .section-dsign-content .player-cta-content .player-cta:hover path {
    opacity: 1;
  }
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper {
  width: 71.875vw;
  margin: 0;
  overflow: hidden;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide {
  padding-top: 1.145833vw;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide .image-container {
  will-change: transform;
  transform: translateX(-100%);
  transition: transform 1200ms ease, opacity 1200ms ease;
  width: 70.625vw;
  left: 0;
  bottom: 0;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide .image-space {
  width: 60.833333vw;
  height: 44.791667vw;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide:nth-child(1) .image-space {
  background: linear-gradient(to bottom, rgba(240, 245, 247, 0.02) 0%, #DDEBEF 100%);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide:nth-child(2) .image-space {
  background: linear-gradient(to bottom, rgba(237, 231, 219, 0) 0%, #E3DACD 100%);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide:nth-child(3) .image-space {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #EBEBEB 100%);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide:nth-child(4) .image-space {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #464646 100%);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .swiper.active .swiper-slide .image-container {
  transform: translateX(0);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav {
  width: 15.9375vw;
  margin-left: 2.083333vw;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon {
  background: #F0F0F0;
  box-shadow: 0.416667vw 0.416667vw 0.520833vw #E0E0E0;
  border-radius: 999px;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle {
  padding: 0.9375vw 1.5625vw;
  background: #FBFBFB;
  border-radius: 999px;
  box-shadow: -0.416667vw -0.416667vw 0.625vw #FFFFFF;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li {
  position: relative;
  width: 1.57vw;
  height: 1.57vw;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.6s ease;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li .coloutc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.19vw;
  height: 2.19vw;
  border: 0.104167vw solid #000;
  border-radius: 50%;
  z-index: 9;
  opacity: 0;
  transition: opacity 0.6s ease;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li.active .coloutc {
  opacity: 1;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(1) {
  background: linear-gradient(225deg, #7FBBBF, #AFDEE3, #7FBBBF);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(1) .coloutc {
  border-color: #84CED5;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(2) {
  background: linear-gradient(225deg, #E2C7AD, #FFF4E7, #E2C7AD);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(2) .coloutc {
  border-color: #E7CFB6;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(3) {
  background: linear-gradient(225deg, #DAD9D9, rgba(218, 217, 217, 0.5), #DAD9D9);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(3) .coloutc {
  border-color: #E9E9E9;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(4) {
  background: linear-gradient(225deg, #555555, #000000, #3C3C3C);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:nth-child(4) .coloutc {
  border-color: #3D3D3D;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:not(:last-child) {
  margin-right: 2.395833vw;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p {
  width: 100%;
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.6s ease;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p span:first-child {
  font-weight: 500;
  line-height: 1.25;
  background-image: linear-gradient(130deg, #BBE6E4, #78C7C7);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p.active {
  opacity: 1;
  transition-delay: 0.1s;
  z-index: 10;
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(2) {
  transform: translateX(-100%);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(2) span:first-child {
  background-image: linear-gradient(130deg, #E5D2B8, #D4B596);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(3) {
  transform: translateX(-200%);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(3) span:first-child {
  background-image: linear-gradient(130deg, #DADADB, #727679);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(4) {
  transform: translateX(-300%);
}
#changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(4) span:first-child {
  background-image: linear-gradient(130deg, #6A6A6A, #424242);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-dsign .design-swiper-content {
    padding-top: 8.333333vw;
    padding-bottom: 1.388889vw;
    overflow: hidden;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .swiper {
    overflow: visible;
    width: 100%;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide .image-container {
    transform: translateX(-100%);
    transition: transform 800ms ease, opacity 800ms ease;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide .image-space {
    width: 80.555556vw;
    height: 71.388889vw;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .swiper .swiper-slide:nth-child(4) .image-space {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09) 0%, #464646 100%);
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav {
    width: 63.333333vw;
    margin-left: 0;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon {
    box-shadow: 1.111111vw 1.111111vw 1.388889vw #E0E0E0;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle {
    padding: 3.333333vw 6.666667vw;
    box-shadow: -1.111111vw -1.111111vw 1.666667vw #FFFFFF;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li {
    width: 6.666667vw;
    height: 6.666667vw;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li .coloutc {
    width: 8.888889vw;
    height: 8.888889vw;
    border: 0.277778vw solid #000;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .coloucon .colncircle li:not(:last-child) {
    margin-right: 7.777778vw;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p {
    width: 100%;
    color: #898A8D;
    font-weight: 500;
    opacity: 0;
    transition: opacity 0.6s ease;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p span:first-child {
    font-weight: 500;
    line-height: 1.25;
    background-image: linear-gradient(130deg, #BBE6E4, #78C7C7);
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p.active {
    opacity: 1;
    transition-delay: 0.1s;
    z-index: 10;
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(2) {
    transform: translateX(-100%);
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(2) span:first-child {
    background-image: linear-gradient(130deg, #E5D2B8, #D4B596);
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(3) {
    transform: translateX(-200%);
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(3) span:first-child {
    background-image: linear-gradient(130deg, #DADADB, #727679);
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(4) {
    transform: translateX(-300%);
  }
  #changxiang-90-pro-container .section-dsign .design-swiper-content .colnav .colntxt p:nth-child(4) span:first-child {
    background-image: linear-gradient(130deg, #6A6A6A, #424242);
  }
}
#changxiang-90-pro-container .section-endurance .section-page-title.animated .page-title-content .title-left {
  width: 21.979167vw;
}
#changxiang-90-pro-container .section-endurance .section-page-title.animated .page-title-content .title-right {
  width: 28.28125vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-endurance .section-page-title.animated .page-title-content .title-left {
    width: 35.277778vw;
  }
  #changxiang-90-pro-container .section-endurance .section-page-title.animated .page-title-content .title-right {
    width: 54.027778vw;
  }
}
#changxiang-90-pro-container .section-endurance .endurance-bettery .caption-container {
  width: 48.7375vw;
}
#changxiang-90-pro-container .section-endurance .endurance-bettery .video-container {
  will-change: transform;
  transform: scale(0.8307692308);
  transform-origin: center top;
  transition: transform 0.6s ease;
}
#changxiang-90-pro-container .section-endurance .endurance-bettery.active .video-container {
  transform: scale(1);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-endurance .endurance-bettery .caption-container {
    width: 80.555556vw;
  }
}
#changxiang-90-pro-container .section-endurance .endurance-safety .caption-container {
  width: 24.354167vw;
  margin-top: 3.90625vw;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params {
  margin-left: 2.447917vw;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params > div:first-child {
  margin-right: 4.166667vw;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params .icon {
  width: 3.480208vw;
  margin-bottom: 0.625vw;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params .param-count {
  line-height: 1.25;
  background-image: linear-gradient(170deg, #6ACDD3, #4EB5B5);
  margin-top: -1.25vw;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params .param-txt {
  color: #2E2E2E;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .endurance-safety-images {
  width: 31.875vw;
  margin-left: 9.166667vw;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .endurance-safety-images .video-text-container video {
  mix-blend-mode: darken;
}
#changxiang-90-pro-container .section-endurance .endurance-safety .endurance-safety-images .video-text-container div {
  width: 13.958333vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-endurance .endurance-safety .caption-container {
    width: 77.777778vw;
    margin: 0 auto;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params {
    margin-left: 0.972222vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params > div:first-child {
    margin-right: 8.888889vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params .icon {
    width: 8.927778vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params .param-count {
    font-size: 10.138889vw;
    margin-top: -2.777778vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .caption-container .params .param-count span {
    font-size: 6.25vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .endurance-safety-images {
    width: 100%;
    margin-left: 0;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .endurance-safety-images .video-text-container {
    padding: 0 1.388889vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-safety .endurance-safety-images .video-text-container div {
    width: 40.138889vw;
  }
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .endurance-entertainment-wrap {
  width: 76.875vw;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .caption-container {
  width: 27.604167vw;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .swiper-wrapper {
  justify-content: space-between;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .entertainment-item {
  will-change: transform, opacity;
  width: 18.28125vw;
  opacity: 0;
  transition: transform 0.9s ease, opacity 0.9s ease;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .entertainment-item .entertainment-item-mask {
  will-change: transform;
  width: 100%;
  background-color: #FFFFFF;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  backdrop-filter: blur(0.520833vw) brightness(76%);
  -webkit-backdrop-filter: blur(0.520833vw) brightness(76%);
  color: #FFFFFF;
  padding: 0.572917vw 2.083333vw 0.572917vw 1.666667vw;
  align-items: baseline;
  transform: translateY(6.927083vw);
  transition: transform 0.9s ease;
  border-radius: 0.833333vw;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .entertainment-item .entertainment-item-mask .gradient-text {
  background-image: linear-gradient(170deg, #FBF9EE, #ECE0D2);
  font-size: 3.072917vw;
  line-height: 1.25;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .entertainment-item:nth-child(1) {
  transform: translateY(6.927083vw);
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .entertainment-item:nth-child(2) {
  transform: translateY(26.458333vw);
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .entertainment-item:nth-child(3) {
  transform: translateY(45.989583vw);
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .entertainment-item:nth-child(4) {
  transform: translateY(65.520833vw);
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment .entertainment-swiper-content .arrownav-list {
  display: none;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment.active .entertainment-swiper-content .entertainment-item {
  transform: translateY(0);
  opacity: 1;
}
#changxiang-90-pro-container .section-endurance .endurance-entertainment.active .entertainment-swiper-content .entertainment-item .entertainment-item-mask {
  transform: translateY(0);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-endurance .endurance-entertainment {
    overflow: hidden;
    padding-bottom: 1.388889vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-entertainment .endurance-entertainment-wrap {
    width: 82.222222vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-entertainment .endurance-entertainment-wrap .caption-container {
    width: 100%;
  }
  #changxiang-90-pro-container .section-endurance .endurance-entertainment .endurance-entertainment-wrap .entertainment-swiper-content .entertainment-item {
    width: 100%;
    transform: translateY(0);
    opacity: 1;
  }
  #changxiang-90-pro-container .section-endurance .endurance-entertainment .endurance-entertainment-wrap .entertainment-swiper-content .entertainment-item .entertainment-item-mask {
    transform: translateY(0);
    padding: 0.347222vw 3.333333vw;
    border-radius: 2.222222vw;
    align-items: baseline;
    transform: translateY(0);
  }
  #changxiang-90-pro-container .section-endurance .endurance-entertainment .endurance-entertainment-wrap .entertainment-swiper-content .entertainment-item .entertainment-item-mask .gradient-text {
    font-size: 15.555556vw;
  }
  #changxiang-90-pro-container .section-endurance .endurance-entertainment .endurance-entertainment-wrap .entertainment-swiper-content .arrownav-list {
    display: flex;
  }
}
#changxiang-90-pro-container .section-smooth .section-page-title.animated .page-title-content .title-left {
  width: 22.03125vw;
}
#changxiang-90-pro-container .section-smooth .section-page-title.animated .page-title-content .title-right {
  width: 28.59375vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-smooth .section-page-title.animated .page-title-content .title-left {
    width: 35.416667vw;
  }
  #changxiang-90-pro-container .section-smooth .section-page-title.animated .page-title-content .title-right {
    width: 54.583333vw;
  }
}
#changxiang-90-pro-container .section-smooth .smooth-engine .caption-container {
  width: 40.28125vw;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists {
  will-change: transform, opacity;
  width: 61.25vw;
  left: 0;
  right: 0;
  top: 14.666667vw;
  transform: scale(0.8864265928);
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91), opacity 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
#changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists .info-count {
  font-size: 5.78125vw;
  line-height: 1.25;
  background-image: linear-gradient(175deg, #FBF9EE, #ECE0D2);
}
#changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists .info-count span {
  font-size: 2.864583vw;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists .info {
  color: #EDE1D3;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .player-cta {
  background: #F0F0F0;
  border-radius: 999px;
  transform: translate3d(0, 0, 0) rotate(0deg);
  box-shadow: 0.416667vw 0.416667vw 0.520833vw #E0E0E0;
  cursor: pointer;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .player-cta::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: #F0F0F0;
  box-shadow: -0.416667vw -0.416667vw 0.625vw #FFFFFF;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .player-cta .player-cta-wrap {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: #FBFBFB;
  padding: 0.83333333vw 0.83333333vw 0.83333333vw 1.66666666vw;
  transition: background 0.3s ease;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .player-cta .rleaspa {
  position: relative;
  background-image: linear-gradient(to bottom, #C4E8EC, #83CDCD);
  font-size: 0.9375vw;
  font-weight: 500;
  line-height: 1.6;
  text-align: right;
  z-index: 99;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .player-cta .rleaicon {
  display: flex;
  position: relative;
  width: 1.66666666vw;
  height: 1.66666666vw;
  margin: 0 0 0 0.83333333vw;
  z-index: 99;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .player-cta .rleaicon svg {
  width: 100%;
  height: 100%;
}
#changxiang-90-pro-container .section-smooth .smooth-engine .player-cta .rleaicon svg path {
  will-change: opacity;
  transition: opacity 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta:hover .player-cta-wrap {
    background: rgba(251, 251, 251, 0.6);
  }
}
@media (hover: none) {
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta:active .player-cta-wrap {
    background: #fbfbfb;
  }
}
#changxiang-90-pro-container .section-smooth .smooth-engine.active .engine-info-lists {
  transform: scale(1);
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-smooth .smooth-engine .caption-container {
    width: 77.777778vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .video-container .caption-container {
    width: 88.888889vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists {
    position: initial;
    opacity: 1;
    width: 77.777778vw;
    transform: scale(1);
    padding-top: 10vw;
    border-top: 0.277778vw solid rgba(112, 112, 112, 0.8);
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists .engine-info-item {
    display: flex;
    flex-direction: column-reverse;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists .engine-info-item .info {
    color: rgba(109, 111, 114, 0.8);
    font-size: 3.888889vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists .engine-info-item .info-count {
    font-size: 13.888889vw;
    background-image: linear-gradient(to bottom, #98D8DC, #81C7C7);
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .engine-info-lists .engine-info-item .info-count span {
    font-size: 6.666667vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6.666667vw;
    margin-top: 0;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content .player-cta {
    color: #fff;
    box-shadow: none;
    background: none;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content .player-cta:hover {
    background: none;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content .player-cta::after {
    box-shadow: none;
    background: none;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content .player-cta .player-cta-wrap {
    background-color: rgba(128, 128, 128, 0.4);
    backdrop-filter: blur(8px) brightness(120%);
    -webkit-backdrop-filter: blur(8px) brightness(120%);
    padding: 3.333333vw 3.333333vw 3.333333vw 6.666667vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content .player-cta .rleaspa {
    position: relative;
    background-image: none;
    font-size: 3.888889vw;
    text-align: right;
    z-index: 99;
    color: white;
    -webkit-text-fill-color: initial;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content .player-cta .rleaicon {
    display: flex;
    position: relative;
    width: 6.666667vw;
    height: 6.666667vw;
    margin: 0 0 0 3.333333vw;
    z-index: 99;
  }
  #changxiang-90-pro-container .section-smooth .smooth-engine .player-cta-content .player-cta .rleaicon svg {
    width: 100%;
    height: 100%;
  }
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .images-container {
  will-change: clip-path;
  transition: clip-path 0.8s ease-in-out;
  clip-path: inset(0 50% 0 50%);
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container {
  will-change: clip-path;
  transition: clip-path 0.8s ease-in-out;
  clip-path: inset(0 50% 0 50%);
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta {
  will-change: transform;
  right: 9.375vw;
  bottom: 4.166667vw;
  color: #FFFFFF;
  cursor: pointer;
  transform: translateX(-6.770833vw);
  transition: transform 0.8s ease-in-out;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .rleaicon {
  margin-left: 0.833333vw;
  width: 2.916667vw;
  height: 2.916667vw;
  backdrop-filter: blur(0.416667vw);
  -webkit-backdrop-filter: blur(0.416667vw);
  background-color: rgba(128, 128, 128, 0.4);
  transition: all 0.3s;
  will-change: background-color;
  border-radius: 50%;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .rleaicon svg {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta:hover .rleaicon {
    background-color: rgba(128, 128, 128, 0.24);
  }
}
@media (hover: none) {
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta:active .rleaicon {
    background-color: rgba(128, 128, 128, 0.4);
  }
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos.active .video-container {
  clip-path: inset(0 0 0 0);
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos.active .video-container .player-cta {
  transform: translateX(0);
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos.active .images-container {
  clip-path: inset(0 0 0 0);
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list {
  width: 67.5vw;
  padding-bottom: 0.520833vw;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item {
  width: 15.9375vw;
  padding-bottom: 1.25vw;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.520833vw rgba(0, 0, 0, 0.03);
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item .harmonyos-item-wrap {
  width: 12.604167vw;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item .harmonyos-item-wrap article {
  color: rgba(109, 111, 114, 0.8);
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(1) .icon {
  width: 3.541667vw;
  margin: 1.770833vw 0 1.470833vw 0;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(2) .icon {
  width: 3.020833vw;
  margin: 1.822917vw 0 1.822917vw 0.208333vw;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(2) {
  transition-delay: 0.2s;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(3) .icon {
  width: 3.333333vw;
  margin: 2.083333vw 0 1.975vw 0.260417vw;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(3) {
  transition-delay: 0.4s;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(4) .icon {
  width: 3.333333vw;
  margin: 1.770833vw 0 1.458333vw 0;
}
#changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(4) {
  transition-delay: 0.6s;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .images-container {
    clip-path: inset(0 0 0 0);
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container {
    clip-path: inset(0 0 0 0);
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 7.5vw;
    transform: translateX(0);
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .player-cta-content {
    background-color: rgba(128, 128, 128, 0.4);
    backdrop-filter: blur(8px) brightness(120%);
    -webkit-backdrop-filter: blur(8px) brightness(120%);
    border-radius: 999px;
    display: flex;
    align-items: center;
    padding: 3.333333vw 3.333333vw 3.333333vw 6.666667vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .rleaspa {
    font-size: 3.888889vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .rleaicon {
    margin-left: 3.333333vw;
    width: 6.666667vw;
    height: 6.666667vw;
    border-radius: 50%;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) {
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .rleaicon:hover {
    backdrop-filter: initial;
    -webkit-backdrop-filter: initial;
  }
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .rleaicon svg {
    width: 100%;
    height: 100%;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .video-container .player-cta .rleaicon svg #lj_57111 {
    fill: #fff;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list {
    width: 91.111111vw;
    padding-bottom: 1.111111vw;
    flex-wrap: wrap;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item {
    width: 43.888889vw;
    padding-bottom: 3.888889vw;
    box-shadow: 0 0 0.694444vw rgba(0, 0, 0, 0.08);
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item .harmonyos-item-wrap {
    width: 37.944444vw;
    margin-left: 3.333333vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item .harmonyos-item-wrap article {
    color: #6D6F72;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(1) .icon {
    width: 11.388889vw;
    margin: 4.652778vw 0 3.472222vw 0;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(2) .icon {
    width: 10.081944vw;
    margin: 4.652778vw 0 4.444444vw 1.25vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(3) .icon {
    width: 11.069444vw;
    margin: 5.555556vw 0 4.444444vw 0.138889vw;
  }
  #changxiang-90-pro-container .section-smooth .smooth-harmonyos .harmonyos-info-list .harmonyos-item:nth-child(4) .icon {
    width: 11.698611vw;
    margin: 3.194444vw 0 3.611111vw 0;
  }
}
#changxiang-90-pro-container .section-drop-resistant .section-page-title .page-title-content .title-right {
  margin-left: -4.166667vw;
}
#changxiang-90-pro-container .section-drop-resistant .section-page-title.animated .page-title-content .title-left {
  width: 21.927083vw;
}
#changxiang-90-pro-container .section-drop-resistant .section-page-title.animated .page-title-content .title-right {
  width: 28.59375vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-drop-resistant .section-page-title .page-title-content .title-right {
    margin-left: -8.333333vw;
  }
  #changxiang-90-pro-container .section-drop-resistant .section-page-title.animated .page-title-content .title-left {
    width: 35.277778vw;
  }
  #changxiang-90-pro-container .section-drop-resistant .section-page-title.animated .page-title-content .title-right {
    width: 54.583333vw;
  }
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .sticky-container {
  position: relative;
  height: 200vh;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .sticky-container .section-content {
  position: sticky;
  top: calc(50vh - 21.875vw);
  overflow: hidden;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container {
  width: 32.5vw;
  left: 16.25vw;
  top: 6.614583vw;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .title, #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .desc {
  will-change: transform;
  transform: translateX(-5vw);
  transition-duration: 0.8s;
  opacity: 0;
  position: relative;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .desc {
  width: 27.827083vw;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .icons-list {
  will-change: transform;
  width: 100%;
  position: absolute;
  top: 2.916667vw;
  transform: translateX(-5vw);
  opacity: 0;
  transition-duration: 0.8s;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .icons-list .icon {
  width: 14.583333vw;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content.animated .caption-container .title, #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content.animated .caption-container .desc {
  opacity: 1;
  transform: translateX(0);
  z-index: 1;
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content.animated2 .caption-container .icons-list {
  opacity: 1;
  transform: translateX(0);
}
#changxiang-90-pro-container .section-drop-resistant .drop-resistant-content.active .caption-container .name {
  transform: translateX(0);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .sticky-container {
    height: auto;
  }
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .sticky-container .section-content {
    position: initial;
  }
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container {
    position: initial;
    transform: translateY(0);
    width: 86.666667vw;
    margin: 0 auto;
  }
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .title, #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .desc {
    width: 78.333333vw;
    opacity: 1;
    transform: translateX(0);
  }
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .icons-list {
    position: initial;
    opacity: 1;
    transform: translateX(0);
  }
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .icons-list .icon {
    width: 38.888889vw;
  }
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .name {
    display: inline-block;
    will-change: transform;
    transition: transform 0.8s ease;
    transform: translateX(-1em);
  }
  #changxiang-90-pro-container .section-drop-resistant .drop-resistant-content .caption-container .name-2 {
    transform: translateX(-2em);
  }
}
#changxiang-90-pro-container .section-audiovisual .section-page-title .page-title-content .title-right {
  margin-left: -7.8125vw;
}
#changxiang-90-pro-container .section-audiovisual .section-page-title.animated .page-title-content .title-left {
  width: 21.979167vw;
}
#changxiang-90-pro-container .section-audiovisual .section-page-title.animated .page-title-content .title-right {
  width: 38.020833vw;
  transform: translate3d(0, 0, 0) rotateY(-35deg);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-audiovisual .section-page-title .page-title-content .title-right {
    margin-left: -26.388889vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-page-title.animated .page-title-content .title-left {
    width: 35.277778vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-page-title.animated .page-title-content .title-right {
    width: 73.75vw;
    transform: translate3d(0, 0, 0) rotateY(-46deg);
  }
}
#changxiang-90-pro-container .section-audiovisual .section-screen .caption-container {
  width: 45.429167vw;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .screen-images-container {
  transform-style: preserve-3d;
  perspective: 41.666667vw;
  width: 45.3125vw;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .screen-images-container .screen-boxs .screen-border-container {
  will-change: opacity;
  top: 0;
  left: 0;
  transition: opacity 0.8s ease;
  opacity: 0;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .screen-images-container .screen-boxs {
  will-change: transform;
  width: 45.3125vw;
  margin: 0 auto;
  transform: scale(2.9574712644) translateZ(3.125vw);
  transition: transform 0.9s ease;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .screen-info {
  will-change: transform;
  transition: transform 0.4s ease;
  transition-delay: 0.5s;
  width: 40.208333vw;
  margin-top: -1.58125vw;
  transform: rotateX(0);
  transform-origin: center bottom;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .screen-info-mask {
  will-change: opacity;
  width: 100%;
  height: 2.5vw;
  top: 24.53125vw;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fbfbfb 80%);
  z-index: 2;
  transition: opacity 0.4s ease;
  opacity: 0;
  transition-delay: 0.5s;
  display: none;
}
#changxiang-90-pro-container .section-audiovisual .section-screen.active .screen-images-container .screen-boxs {
  transform: scale(1) translateZ(0);
}
#changxiang-90-pro-container .section-audiovisual .section-screen.active .screen-images-container .screen-boxs .screen-border-container {
  opacity: 1;
}
#changxiang-90-pro-container .section-audiovisual .section-screen.active .screen-info {
  transform: rotateX(56deg);
}
#changxiang-90-pro-container .section-audiovisual .section-screen.active .screen-info-mask {
  opacity: 1;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .params-list {
  color: #202427;
  top: 1.041667vw;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .params-list .params-item {
  width: 14.947917vw;
  background: #FFFFFF;
  box-shadow: 0 0 0.208333vw rgba(117, 117, 117, 0.16);
  padding: 1.145833vw 0 0.78125vw;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .params-list .params-count {
  line-height: 1.25;
  background-image: linear-gradient(to bottom, #81C7C7 0%, #ACE4EA 70%, #E2F8F5 100%);
}
#changxiang-90-pro-container .section-audiovisual .section-screen .params-list .params-count span {
  margin-left: 0.520833vw;
}
#changxiang-90-pro-container .section-audiovisual .section-screen .params-list li:last-child {
  width: 11.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-audiovisual .section-screen .caption-container {
    width: 100%;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .caption-container article {
    width: 73.911111vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .screen-images-container {
    perspective: 41.666667vw;
    width: 96.666667vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .screen-images-container .screen-boxs {
    transform-origin: center top;
    width: 92.5vw;
    transform: scale(1.7432432432) translateZ(8.333333vw);
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .screen-info {
    width: 87.5vw;
    margin-top: 0.277778vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .screen-info-mask {
    height: 6.388889vw;
    top: 52.555556vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen.active .screen-info {
    transform: rotateX(45deg);
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .params-list {
    position: initial;
    width: 88.611111vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .params-list .params-item {
    width: 42.638889vw;
    min-height: 21.805556vw;
    box-shadow: 0 0 0.555556vw rgba(117, 117, 117, 0.16);
    padding: 3.888889vw 0 2.777778vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .params-list .params-count {
    line-height: 1.25;
    background-image: linear-gradient(to bottom, #81C7C7 0%, #ACE4EA 70%, #E2F8F5 100%);
    font-size: 6.388889vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen .params-list .params-count span {
    margin-left: 0.520833vw;
    font-size: 6.388889vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-screen.active .screen-info {
    transform: rotateX(41deg);
  }
}
#changxiang-90-pro-container .section-audiovisual .section-voice .caption-container {
  width: 51.75vw;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list {
  width: 59.375vw;
  color: #121212;
  left: 0;
  right: 0;
  bottom: 4.791667vw;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list .params-count {
  line-height: 1.25;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list .params-count span {
  margin-left: 0.520833vw;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list .icon {
  width: 3.90625vw;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li p:last-child {
  color: #121212;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:nth-child(2) {
  transition-delay: 0.2s;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:nth-child(3) {
  transition-delay: 0.4s;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:nth-child(4) {
  transition-delay: 0.6s;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:nth-child(4) p {
  margin-top: 0.9375vw;
}
#changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:last-child {
  transition-delay: 0.8s;
  width: 11.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-audiovisual .section-voice .caption-container {
    width: 80.555556vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .voice-icon {
    bottom: 8.055556vw;
    right: 11.111111vw;
    position: absolute;
    transition-delay: 0;
    width: 25.972222vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list {
    position: initial;
    align-items: flex-end;
    width: 83.333333vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list .params-count span {
    margin-left: 1.111111vw;
    font-size: 3.888889vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list .icon {
    width: 10.416667vw;
    margin-bottom: 1.944444vw;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li p:last-child {
    color: #6D6F72;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:nth-child(2) {
    transition-delay: 0.2s;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:nth-child(3) {
    transition-delay: 0.4s;
  }
  #changxiang-90-pro-container .section-audiovisual .section-voice .video-container .params-list li:nth-child(4) {
    transition-delay: 0s;
  }
}
#changxiang-90-pro-container .section-audiovisual .section-superlight-image .superlight-image-wrap {
  width: 60.260417vw;
  margin-left: 20.9375vw;
}
#changxiang-90-pro-container .section-audiovisual .section-superlight-image .superlight-image-wrap .caption-container {
  width: 21.71875vw;
  margin-top: 7.395833vw;
}
#changxiang-90-pro-container .section-audiovisual .section-superlight-image .superlight-image-wrap .images-container {
  will-change: transform, opacity;
  width: 31.979167vw;
  transform: translateY(9.21875vw);
  transition: transform 0.8s ease, opacity 0.8s ease;
  opacity: 0;
}
#changxiang-90-pro-container .section-audiovisual .section-superlight-image.active .superlight-image-wrap .images-container {
  transform: translateY(0);
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-audiovisual .section-superlight-image .superlight-image-wrap {
    width: 85.277778vw;
    margin: 0 auto;
  }
  #changxiang-90-pro-container .section-audiovisual .section-superlight-image .superlight-image-wrap .caption-container {
    width: 77.777778vw;
    margin: 0 auto;
  }
  #changxiang-90-pro-container .section-audiovisual .section-superlight-image .superlight-image-wrap .images-container {
    width: 100%;
  }
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .caption-container {
  width: 35.625vw;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content {
  width: 42.65625vw;
  will-change: transform;
  transform: translateY(8.333333vw);
  transition: all 0.8s ease;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide {
  z-index: -1;
  will-change: clip-path;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide.prev-active {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: design-color-close 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide.current-active {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  animation: design-color-open 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) 0s forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide.prev-active-reverse {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: design-color-close-reverse 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide.current-active-reverse {
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  animation: design-color-open-reverse 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) 0s forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide:nth-of-type(2) {
  z-index: -2;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide img {
  will-change: transform;
  transition: transform 0.3s linear;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content .swiper-slide :hover img {
  transform: scale(1.1);
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper {
  will-change: transform;
  transform: translateY(-1.041667vw);
  transition: all 0.8s ease;
  width: 37.34375vw;
  margin-left: 1.25vw;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide {
  z-index: -1;
  will-change: clip-path;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide img {
  will-change: transform;
  transition: transform 0.3s linear;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide :hover img {
  transform: scale(1.1);
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide.prev-active {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: design-color-close 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide.current-active {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  animation: design-color-open 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) 0s forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide.prev-active-reverse {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: design-color-close-reverse 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide.current-active-reverse {
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  animation: design-color-open-reverse 0.8s cubic-bezier(0.39, 0.74, 0.49, 0.99) 0s forwards;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper .swiper-slide:nth-of-type(2) {
  z-index: -2;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content {
  will-change: transform;
  top: 28.59375vw;
  padding-left: 6.875vw;
  transform: translateY(8.333333vw);
  transition: all 0.8s ease;
  z-index: 1;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container {
  background: #F0F0F0;
  border-radius: 999px;
  box-shadow: 0.416667vw 0.416667vw 0.520833vw #E0E0E0;
  position: relative;
  flex-shrink: 0;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  box-shadow: 0.416667vw 0.416667vw 0.520833vw #E0E0E0;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper {
  display: inline-flex;
  background: #F0F0F0;
  border-radius: 999px;
  padding: 0.208333vw;
  overflow: hidden;
  box-shadow: -0.416667vw -0.416667vw 0.625vw #FFFFFF;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(251, 251, 251, 0.85);
  border-radius: 999px;
  box-shadow: -0.416667vw -0.416667vw 0.625vw #FFFFFF;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tabs-track {
  display: flex;
  z-index: 2;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab {
  padding: 0.625vw 1.25vw;
  font-size: 0.9375vw;
  font-weight: 500;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: all 0.8s ease;
  border-radius: 999px;
  position: relative;
  z-index: 3;
  word-break: break-all;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab:not(.active):hover {
  opacity: 0.6;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab.active {
  color: #FFFFFF;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tab-indicator {
  top: 0.208333vw;
  left: 0.208333vw;
  height: calc(100% - 0.416667vw);
  background: #000000;
  border-radius: 999px;
  transition: all 800ms ease-in-out;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .stack-list {
  text-align: left;
  margin-left: 1.666667vw;
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .stack-list .stack-item {
  transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images.active .colorful-left-swiper-content {
  transform: translateY(0);
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images.active .colorful-right-swiper {
  transform: translateY(0);
}
#changxiang-90-pro-container .section-audiovisual .setion-colorful-images.active .swiper-content {
  transform: translateY(0);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .caption-container {
    width: 94.444444vw;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-images-swiper {
    width: 94.444444vw;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-left-swiper-content {
    width: 100%;
    transform: translateY(0);
    transition: all 0.6s ease;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .colorful-right-swiper {
    width: 100%;
    transform: translateY(0);
    transition: all 0.6s ease;
    margin-left: 0;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content {
    position: initial;
    transform: translateY(0);
    padding-left: 0;
    transition: all 0.6s ease;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container {
    box-shadow: 1.111111vw 1.111111vw 1.388889vw #E0E0E0;
    position: relative;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container::after {
    box-shadow: 1.111111vw 1.111111vw 1.388889vw #E0E0E0;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper {
    padding: 1.111111vw;
    overflow: hidden;
    box-shadow: -1.111111vw -1.111111vw 1.666667vw #FFFFFF;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper::after {
    box-shadow: -1.111111vw -1.111111vw 1.666667vw #FFFFFF;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab {
    padding: 2.777778vw 5.555556vw;
    font-size: 3.888889vw;
    color: rgba(0, 0, 0, 0.4);
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab:not(.active):hover {
    opacity: 1;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .swiper-tabs-container .cycling-tabs-wrapper .cycling-tab-indicator {
    top: 1.111111vw;
    left: 1.111111vw;
    height: calc(100% - 2.222222vw);
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .stack-list {
    margin-left: 0;
    text-align: center;
  }
  #changxiang-90-pro-container .section-audiovisual .setion-colorful-images .swiper-content .stack-list .stack-item {
    transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-audiovisual .section-page-title.animated .page-title-content .page-title .page-title-right {
    transform: rotateY(-46deg);
    margin-left: -14vw;
  }
}
@keyframes design-color-open {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes design-color-close {
  0% {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    opacity: 0;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
}
@keyframes design-color-open-reverse {
  0% {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes design-color-close-reverse {
  0% {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    opacity: 0;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title {
  transform-style: preserve-3d;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .page-title {
  transform-style: initial;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .title-left sup {
  will-change: transform;
  font-size: 3.333333vw;
  color: rgba(224, 155, 182, 0.71);
  transition: transform 600ms cubic-bezier(0, 0, 0.5, 1);
  position: absolute;
  right: 0;
  transform: translateX(100%);
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .title-right {
  margin-left: -7.604167vw;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-up {
  transform: translateY(4.629167vw);
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-down {
  transform: translateY(-4.629167vw);
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title.animated .page-title-content .title-left {
  width: 31.927083vw;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title.animated .page-title-content .title-right {
  width: 28.489583vw;
  transform: translate3d(0, 0, 0) rotateY(-42deg);
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title.animated .page-title-content .page-title-up {
  transform: translateY(0);
}
#changxiang-90-pro-container .section-harmonyos-ai .section-page-title.animated .page-title-content .page-title-down {
  transform: translateY(0);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .title-left sup {
    font-size: 6.666667vw;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .page-title {
    margin-left: -4.166667vw;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .title-right {
    margin-left: -16.277778vw;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .page-title-up {
    transform: translateY(9.366667vw);
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-page-title .page-title-content .page-title-down {
    transform: translateY(-9.366667vw);
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-page-title.animated .page-title-content .title-left {
    width: 53.055556vw;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-page-title.animated .page-title-content .title-right {
    width: 54.027778vw;
    transform: translate3d(0, 0, 0) rotateY(-42deg);
  }
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection {
  padding-bottom: 0.625vw;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .h3 {
  top: 1.875vw;
  left: 2.083333vw;
  right: 2.083333vw;
  z-index: 1;
  transform: translateZ(1px);
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .tips {
  opacity: 0.6;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .text-content {
  width: 55.8125vw;
  cursor: auto;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .text-content .intro {
  color: #6D6F72;
  will-change: color;
  transition: color 0.3s ease;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .play-pause-button {
  transform: translateZ(1px);
  z-index: 13;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .play-pause-button img {
  transform: translateZ(1px);
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .video-container::after {
  content: "";
  display: block;
  background-size: 100%;
  position: absolute;
  z-index: 12;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
  background: var(--mask-poster) center/100% no-repeat;
}
#changxiang-90-pro-container .section-harmonyos-ai .section-protection .video-container.show::after {
  opacity: 1;
  transition: opacity 600ms 200ms linear;
  will-change: opacity;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-harmonyos-ai .section-protection {
    padding-bottom: 1.666667vw;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-protection .caption-container .title {
    width: 102%;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .tips {
    will-change: transform;
    transition: transform 0.6s ease;
    transform: translateX(-0.694444vw);
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .h3 {
    position: initial;
    width: 77.916667vw;
    margin: 4.444444vw auto 3.333333vw;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide .text-content {
    width: 77.777778vw;
    padding: 0;
    margin: 0 auto;
  }
  #changxiang-90-pro-container .section-harmonyos-ai .section-protection .swiper .swiper-slide.swiper-slide-active .tips {
    transform: translateX(0);
  }
}
#changxiang-90-pro-container .bold {
  font-weight: 700;
}
#changxiang-90-pro-container .medium {
  font-weight: 500;
}
#changxiang-90-pro-container .txt-96 {
  font-size: 5vw;
}
#changxiang-90-pro-container .txt-80 {
  font-size: 4.166667vw;
}
#changxiang-90-pro-container .txt-64 {
  font-size: 3.333333vw;
}
#changxiang-90-pro-container .txt-56 {
  font-size: 2.916667vw;
}
#changxiang-90-pro-container .txt-48 {
  font-size: 2.5vw;
}
#changxiang-90-pro-container .txt-40, #changxiang-90-pro-container .lg\:txt-40 {
  font-size: 2.083333vw;
}
#changxiang-90-pro-container .txt-32 {
  font-size: 1.666667vw;
}
#changxiang-90-pro-container .txt-28, #changxiang-90-pro-container .lg\:txt-28 {
  font-size: 1.458333vw;
}
#changxiang-90-pro-container .txt-24 {
  font-size: 1.25vw;
}
#changxiang-90-pro-container .txt-22 {
  font-size: 1.145833vw;
}
#changxiang-90-pro-container .txt-20 {
  font-size: 1.041667vw;
}
#changxiang-90-pro-container .txt-18, #changxiang-90-pro-container .lg\:txt-18 {
  font-size: 0.9375vw;
}
#changxiang-90-pro-container .txt-12, #changxiang-90-pro-container .lg\:txt-12 {
  font-size: max(8px, 0.625vw);
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .xs\:bold {
    font-weight: 700;
  }
  #changxiang-90-pro-container .xs\:.medium {
    font-weight: 500;
  }
  #changxiang-90-pro-container .txt-48, #changxiang-90-pro-container .xs\:txt-48 {
    font-size: 6.666667vw;
  }
  #changxiang-90-pro-container .txt-40 {
    font-size: 5.555556vw;
  }
  #changxiang-90-pro-container .txt-80, #changxiang-90-pro-container .xs\:txt-80 {
    font-size: 11.111111vw;
  }
  #changxiang-90-pro-container .txt-64, #changxiang-90-pro-container .xs\:txt-64 {
    font-size: 8.888889vw;
  }
  #changxiang-90-pro-container .txt-22, #changxiang-90-pro-container .xs\:txt-22 {
    font-size: 3.055556vw;
  }
  #changxiang-90-pro-container .txt-20, #changxiang-90-pro-container .xs\:txt-20 {
    font-size: 2.777778vw;
  }
  #changxiang-90-pro-container .txt-24, #changxiang-90-pro-container .xs\:txt-24 {
    font-size: 3.333333vw;
  }
  #changxiang-90-pro-container .xs\:txt-24 {
    font-size: 3.333333vw;
  }
  #changxiang-90-pro-container .xs\:txt-28 {
    font-size: 3.888889vw;
  }
  #changxiang-90-pro-container .txt-32, #changxiang-90-pro-container .xs\:txt-32 {
    font-size: 4.444444vw;
  }
  #changxiang-90-pro-container .xs\:txt-40 {
    font-size: 5.555556vw;
  }
  #changxiang-90-pro-container .txt-96, #changxiang-90-pro-container .xs\:txt-96 {
    font-size: 13.333333vw;
  }
  #changxiang-90-pro-container .txt-18, #changxiang-90-pro-container .xs\:txt-18 {
    font-size: 2.5vw;
  }
}

#changxiang-90-pro-container {
  background-color: #FBFBFB;
}
#changxiang-90-pro-container .section-hero .hero-picture {
  aspect-ratio: 1920/960;
}
#changxiang-90-pro-container .section-hero .hero-content {
  width: 94.0625vw;
  margin-top: -3.645833vw;
}
#changxiang-90-pro-container .section-hero .hero-content .hero-logo {
  width: 20.833333vw;
}
#changxiang-90-pro-container .section-hero .hero-content .hero-subtitle {
  font-size: 1.875vw;
  line-height: 1.25;
  letter-spacing: 0.364583vw;
}
#changxiang-90-pro-container .section-hero .hero-content .video-pop-play {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  line-height: 1.25;
  font-size: 1.041667vw;
  font-weight: 500;
  cursor: pointer;
}
#changxiang-90-pro-container .section-hero .hero-content .video-pop-play svg {
  display: inline-block;
  margin-left: 0.416667vw;
  overflow: visible;
  width: 1.666667vw;
  height: 1.666667vw;
}
@media (hover: hover) {
  #changxiang-90-pro-container .section-hero .hero-content .video-pop-play svg #tuoyuan_5832 {
    transition: opacity 0.6s;
  }
  #changxiang-90-pro-container .section-hero .hero-content .video-pop-play:hover svg #tuoyuan_5832 {
    opacity: 0.6;
  }
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-hero .hero-content {
    width: 59.444444vw;
    margin: 10vw auto 0;
  }
  #changxiang-90-pro-container .section-hero .hero-content .hero-logo {
    width: 100%;
  }
  #changxiang-90-pro-container .section-hero .hero-content .hero-subtitle {
    font-size: 5vw;
    letter-spacing: 0.105em;
  }
  #changxiang-90-pro-container .section-hero .hero-content .video-pop-play {
    font-size: 3.888889vw;
  }
  #changxiang-90-pro-container .section-hero .hero-content .video-pop-play svg {
    margin-left: 2.222222vw;
    width: 6.666667vw;
    height: 6.666667vw;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) {
  #changxiang-90-pro-container .section-hero .hero-content .video-pop-play:hover svg #tuoyuan_5832 {
    opacity: 1;
  }
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-hero .hero-picture {
    width: 90.555556vw;
    aspect-ratio: 1046/720;
    margin: 12.5vw auto 0;
  }
}
#changxiang-90-pro-container .section-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(7.179487vw + 22.153847px);
  color: transparent;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 998px;
  margin: 0;
  background-color: #000;
  background-color: #111;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
#changxiang-90-pro-container .arrownav-list {
  display: flex;
  justify-content: flex-end;
}
#changxiang-90-pro-container .arrownav-list.moving {
  pointer-events: none;
}
#changxiang-90-pro-container .arrownav-item {
  position: relative;
  width: 2.5vw;
  cursor: pointer;
  transition: opacity 300ms;
  border-radius: 50%;
  background: #F0F0F0;
  box-shadow: 0.416667vw 0.416667vw 0.520833vw #E0E0E0;
}
#changxiang-90-pro-container .arrownav-item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  background: #F0F0F0;
  box-shadow: -0.416667vw -0.416667vw 0.625vw #FFFFFF;
}
#changxiang-90-pro-container .arrownav-item .shine-content {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(251, 251, 251, 0.85);
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  #changxiang-90-pro-container .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}
#changxiang-90-pro-container .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}
#changxiang-90-pro-container .arrownav-next {
  margin-left: 1.25vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .arrownav-item {
    width: 11.111111vw;
  }
  #changxiang-90-pro-container .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
  #changxiang-90-pro-container .arrownav-next {
    margin-left: 4.444444vw;
  }
}
#changxiang-90-pro-container .section-modal-ai .modal-content {
  padding-bottom: 0;
}
#changxiang-90-pro-container .section-modal-camera-more .section-picture {
  width: 50vw;
}
#changxiang-90-pro-container .section-modal-camera-more .intro {
  width: 51.5625vw;
}
#changxiang-90-pro-container .section-modal-camera-more .picture-1 {
  width: 25.416667vw;
  background-image: linear-gradient(#0d0d0c, #39352d);
}
#changxiang-90-pro-container .section-modal-camera-more .picture-2 {
  width: 40vw;
}
#changxiang-90-pro-container .section-modal-camera-more .headline {
  font-size: 3.333333vw;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-modal-camera-more .section-picture {
    width: 100%;
  }
  #changxiang-90-pro-container .section-modal-camera-more .subsection {
    width: 91.111111vw;
  }
  #changxiang-90-pro-container .section-modal-camera-more .title {
    font-size: 4.444444vw;
  }
  #changxiang-90-pro-container .section-modal-camera-more .headline {
    font-size: 11.111111vw;
  }
  #changxiang-90-pro-container .section-modal-camera-more .intro {
    width: 77.777778vw;
  }
  #changxiang-90-pro-container .section-modal-camera-more .picture {
    width: 100%;
  }
}
#changxiang-90-pro-container .section-screen-video .video-container {
  width: 83.541667vw;
}
#changxiang-90-pro-container .section-screen-video .screen-frame {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-screen-video .video-container {
    width: 100%;
  }
}
#changxiang-90-pro-container.no-inline-video .play-pause-button {
  display: none;
}
#changxiang-90-pro-container .section-footnote .footnote-list,
#changxiang-90-pro-container .section-footnote .tips-list {
  font-size: 14px;
  padding-inline-start: 1.5em;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-footnote .footnote-list,
  #changxiang-90-pro-container .section-footnote .tips-list {
    font-size: 3.333333vw;
  }
}
#changxiang-90-pro-container .section-footnote .tips-list {
  padding-inline-start: 0;
}
#changxiang-90-pro-container .section-footnote .footnote-list {
  padding-bottom: 80px;
}
#changxiang-90-pro-container .section-footnote .footnote-list li {
  position: relative;
  list-style-type: decimal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: inherit;
  color: #000000;
}
#changxiang-90-pro-container .section-footnote .footnote-list li a {
  -webkit-text-decoration: underline #000000;
          text-decoration: underline #000000;
  color: #000000;
}
#changxiang-90-pro-container .section-footnote .footnote-list li .suparr {
  display: none;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
  cursor: pointer;
}
#changxiang-90-pro-container .section-footnote .footnote-list li .suparr svg {
  width: 100%;
  height: 100%;
}
#changxiang-90-pro-container .section-footnote .footnote-list li.current {
  font-weight: 800;
}
#changxiang-90-pro-container .section-footnote .footnote-list li.current i {
  display: inline-block;
}
#changxiang-90-pro-container .section-footnote .footnote-list li.asterisk {
  list-style-type: "*";
}
#changxiang-90-pro-container .section-footnote .footnote-list li.disclaimer {
  list-style-type: none;
}
#changxiang-90-pro-container .section-footnote .footnote-list.light li.current {
  color: #2A2A2C;
}
#changxiang-90-pro-container .section-footnote .footnote-list.light li.current a {
  color: #2A2A2C;
  text-decoration-color: #2A2A2C;
}
@media (max-aspect-ratio: 11/10) {
  #changxiang-90-pro-container .section-footnote .footnote-list li .suparr {
    width: 4.7222222vw;
    height: 4.7222222vw;
    transform: translateY(0.83333333vw);
  }
}/*# sourceMappingURL=main.css.map */