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);
}

html {
  scroll-behavior: auto !important;
  overscroll-behavior-y: initial !important;
}

html.has-modal-l {
  overflow: hidden;
}

html.has-modal-l body, html.has-modal-l #localnav {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.html-text-component {
  overflow: inherit;
}

.has-localnav .header-component nav {
  position: absolute;
  transform: none !important;
  border-bottom: 0 !important;
  background-color: transparent !important;
  backdrop-filter: none;
}

#localnav {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  max-height: 50px;
  line-height: 50px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.6s cubic-bezier(0.52, 0.16, 0.24, 1);
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.8);
}

@supports (backdrop-filter: none) {
  #localnav {
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: saturate(150%) blur(20px);
  }
}
.localnav-show #localnav {
  transform: translateY(0%);
}

#localnav .ln-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 50px;
}

#localnav .ln-content::before, #localnav .ln-content::after {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  content: "";
  background-color: #414141;
}

#localnav .ln-content::before {
  top: 50px;
}

#localnav .ln-content::after {
  bottom: 0;
}

#localnav .ln-title {
  flex-grow: 1;
  height: 50px;
  padding-left: 160px;
}

#localnav .ln-title .ln-link {
  display: inline-block;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
}

#localnav .button {
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: inherit;
  color: inherit;
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#localnav svg {
  display: block;
}

#localnav .ln-menu-trigger {
  display: none;
  width: 40px;
  padding: 16px 8px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#localnav .ln-menu {
  display: flex;
  margin-left: 12px;
}

#localnav .ln-menu-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#localnav .ln-link {
  position: relative;
  display: block;
  padding: 0 20px;
  font-size: 14px;
  line-height: 50px;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  color: #fff;
}

#localnav .ln-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  margin-left: 20px;
  padding-right: 160px;
}

.localnav-collapse #localnav {
  max-height: 56px;
  line-height: 56px;
}

.localnav-collapse #localnav .ln-content {
  height: 100%;
}

.localnav-collapse #localnav .ln-content::before {
  top: 56px;
}

.localnav-collapse #localnav .ln-title {
  display: flex;
  flex-grow: 0;
  height: 56px;
  padding-left: 24px;
}

.localnav-collapse #localnav .ln-menu {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding-right: 16px;
  padding-left: 16px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.localnav-collapse #localnav .ln-menu::-webkit-scrollbar {
  display: none;
}

.localnav-collapse #localnav .ln-link {
  height: 56px;
  line-height: 56px;
}

.localnav-collapse #localnav .ln-action {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 56px;
  margin-left: 0;
  padding-right: 24px;
}

.localnav-collapse #localnav .ln-menu-item {
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: 0;
}

.localnav-collapse #localnav .ln-menu-item .ln-link {
  padding: 0 8px;
}

.localnav-collapse #localnav .ln-menu-trigger {
  display: block;
}

#localnav.ln-expanded {
  max-height: 100%;
}

#localnav.ln-expanded .ln-menu-trigger {
  transform: rotate(180deg);
}

#localnav.ln-expanded .ln-menu {
  visibility: visible;
  transition-delay: 0s;
}

#localnav.ln-expanded .ln-menu-item {
  opacity: 1;
}

@media only screen and (min-width: 1200.01px) {
  #localnav .ln-link::after {
    position: absolute;
    right: 20px;
    bottom: 1px;
    left: 20px;
    height: 2px;
    content: "";
    transition: transform 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scaleX(0);
    transform-origin: center;
    background-color: #fff;
  }
  #localnav .ln-link:hover::after {
    transform: scaleX(1);
  }
  #localnav .ln-title .ln-link::after {
    display: none;
  }
}
@media only screen and (max-width: 1919px) {
  #localnav .ln-title {
    padding-left: 80px;
  }
  #localnav .ln-action {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  #localnav .ln-title {
    padding-left: 32px;
  }
  #localnav .ln-menu {
    margin-left: 20px;
  }
  #localnav .ln-link {
    padding: 0 12px;
  }
  #localnav .ln-link.current::after {
    right: 12px;
    left: 12px;
  }
  #localnav .ln-action {
    margin-left: 12px;
    padding-right: 32px;
  }
  #localnav .ln-menu-trigger {
    left: 0;
  }
}
#zhijie-v9-container {
  width: 100%;
  font-size: 1.145833vw;
  line-height: 1.6;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container {
    font-size: 4.444444vw;
  }
}
#zhijie-v9-container .will-change .will-change-tf {
  will-change: transform;
}
#zhijie-v9-container .will-change .will-change-op {
  will-change: opacity;
}
#zhijie-v9-container .will-change .will-change-tf-op {
  will-change: transform, opacity;
}

#zhijie-v9-container *, #zhijie-v9-container *::before, #zhijie-v9-container *::after {
  box-sizing: border-box;
}
#zhijie-v9-container section {
  position: relative;
}
#zhijie-v9-container img, #zhijie-v9-container picture, #zhijie-v9-container video, #zhijie-v9-container canvas, #zhijie-v9-container svg {
  display: block;
  width: 100%;
}
#zhijie-v9-container svg {
  overflow: visible;
}
#zhijie-v9-container picture,
#zhijie-v9-container img,
#zhijie-v9-container svg,
#zhijie-v9-container canvas,
#zhijie-v9-container video {
  display: block;
  width: 100%;
}
#zhijie-v9-container button {
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: inherit;
  color: inherit;
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#zhijie-v9-container .sticky-content {
  position: sticky;
  top: 0;
}
#zhijie-v9-container .object-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .object-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#zhijie-v9-container .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: saturate(180%) blur(20px);
}
#zhijie-v9-container .blur-up {
  transition: filter 400ms;
  filter: blur(20px);
}
#zhijie-v9-container .blur-up.lazyloaded {
  filter: blur(0);
}
#zhijie-v9-container br.md, #zhijie-v9-container br.xs {
  display: none;
}
#zhijie-v9-container br.lg {
  display: block;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container br.lg, #zhijie-v9-container br.md {
    display: none;
  }
  #zhijie-v9-container br.xs {
    display: block;
  }
}
#zhijie-v9-container .relative {
  position: relative;
}
#zhijie-v9-container .absolute {
  position: absolute;
}
#zhijie-v9-container span.nowrap {
  white-space: nowrap;
}
#zhijie-v9-container .absolute {
  position: absolute;
}
#zhijie-v9-container .relative {
  position: relative;
}
#zhijie-v9-container .sticky {
  position: sticky;
  top: 0;
}
#zhijie-v9-container .z-1 {
  z-index: 1;
}
#zhijie-v9-container .z-2 {
  z-index: 2;
}
#zhijie-v9-container .z-3 {
  z-index: 3;
}
#zhijie-v9-container .overflow-hidden {
  overflow: hidden;
}
#zhijie-v9-container .overflow-visible {
  overflow: visible;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:overflow-hidden {
    overflow: hidden;
  }
  #zhijie-v9-container .xs\:overflow-visible {
    overflow: visible;
  }
}
#zhijie-v9-container .block {
  display: block;
}
#zhijie-v9-container .inline-block {
  display: inline-block;
}
#zhijie-v9-container .inline {
  display: inline;
}
#zhijie-v9-container .flex {
  display: flex;
}
#zhijie-v9-container .inline-flex {
  display: inline-flex;
}
#zhijie-v9-container .hidden {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:block {
    display: block;
  }
  #zhijie-v9-container .xs\:inline-block {
    display: inline-block;
  }
  #zhijie-v9-container .xs\:inline {
    display: inline;
  }
  #zhijie-v9-container .xs\:flex {
    display: flex;
  }
  #zhijie-v9-container .xs\:inline-flex {
    display: inline-flex;
  }
  #zhijie-v9-container .xs\:hidden {
    display: none;
  }
}
#zhijie-v9-container .row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#zhijie-v9-container .flex-row {
  flex-direction: row;
}
#zhijie-v9-container .flex-row-reverse {
  flex-direction: row-reverse;
}
#zhijie-v9-container .flex-col {
  flex-direction: column;
}
#zhijie-v9-container .flex-col-reverse {
  flex-direction: column-reverse;
}
#zhijie-v9-container .flex-wrap {
  flex-wrap: wrap;
}
#zhijie-v9-container .flex-nowrap {
  flex-wrap: nowrap;
}
#zhijie-v9-container .justify-start {
  justify-content: flex-start;
}
#zhijie-v9-container .justify-end {
  justify-content: flex-end;
}
#zhijie-v9-container .justify-center {
  justify-content: center;
}
#zhijie-v9-container .justify-between {
  justify-content: space-between;
}
#zhijie-v9-container .items-start {
  align-items: flex-start;
}
#zhijie-v9-container .items-end {
  align-items: flex-end;
}
#zhijie-v9-container .items-center {
  align-items: center;
}
#zhijie-v9-container .shrink-0 {
  flex-shrink: 0;
}
#zhijie-v9-container .order-1 {
  order: 1;
}
#zhijie-v9-container .order-2 {
  order: 2;
}
#zhijie-v9-container .order-3 {
  order: 3;
}
#zhijie-v9-container .order-4 {
  order: 4;
}
#zhijie-v9-container .order-5 {
  order: 5;
}
#zhijie-v9-container .order-6 {
  order: 6;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:flex-wrap {
    flex-wrap: wrap;
  }
  #zhijie-v9-container .xs\:flex-row {
    flex-direction: row;
  }
  #zhijie-v9-container .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #zhijie-v9-container .xs\:flex-col {
    flex-direction: column;
  }
  #zhijie-v9-container .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #zhijie-v9-container .xs\:justify-start {
    justify-content: flex-start;
  }
  #zhijie-v9-container .xs\:justify-end {
    justify-content: flex-end;
  }
  #zhijie-v9-container .xs\:justify-center {
    justify-content: center;
  }
  #zhijie-v9-container .xs\:justify-between {
    justify-content: space-between;
  }
  #zhijie-v9-container .xs\:items-start {
    align-items: flex-start;
  }
  #zhijie-v9-container .xs\:items-end {
    align-items: flex-end;
  }
  #zhijie-v9-container .xs\:items-center {
    align-items: center;
  }
  #zhijie-v9-container .xs\:order-1 {
    order: 1;
  }
  #zhijie-v9-container .xs\:order-2 {
    order: 2;
  }
  #zhijie-v9-container .xs\:order-3 {
    order: 3;
  }
  #zhijie-v9-container .xs\:order-4 {
    order: 4;
  }
  #zhijie-v9-container .xs\:order-5 {
    order: 5;
  }
  #zhijie-v9-container .xs\:order-6 {
    order: 6;
  }
}
#zhijie-v9-container .rounded, #zhijie-v9-container .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}
#zhijie-v9-container .rounded-left {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}
#zhijie-v9-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) {
  #zhijie-v9-container .lg\:rounded {
    border-radius: 0;
  }
  #zhijie-v9-container .xs\:rounded, #zhijie-v9-container .md\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #zhijie-v9-container .rounded, #zhijie-v9-container .xs\:rounded, #zhijie-v9-container .md\:rounded {
    border-radius: 1.142857vw;
  }
  #zhijie-v9-container .rounded-left, #zhijie-v9-container .md\:rounded-left {
    border-top-left-radius: 1.142857vw;
    border-bottom-left-radius: 1.142857vw;
  }
  #zhijie-v9-container .rounded-right, #zhijie-v9-container .md\:rounded-right {
    border-top-right-radius: 1.142857vw;
    border-bottom-right-radius: 1.142857vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #zhijie-v9-container .md\:rounded {
    border-radius: 0;
  }
  #zhijie-v9-container .rounded, #zhijie-v9-container .xs\:rounded {
    border-radius: 2.222222vw;
  }
  #zhijie-v9-container .rounded-left, #zhijie-v9-container .xs\:rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #zhijie-v9-container .rounded-right, #zhijie-v9-container .xs\:rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
#zhijie-v9-container .effect-slide .swiper-wrapper, #zhijie-v9-container .effect-slide [data-swiper-parallax-x], #zhijie-v9-container .effect-slide [data-swiper-parallax-y], #zhijie-v9-container .effect-slide [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#zhijie-v9-container .swiper-fade .swiper-slide {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#zhijie-v9-container .swiper-touch-move .swiper-wrapper, #zhijie-v9-container .swiper-touch-move [data-swiper-parallax-x], #zhijie-v9-container .swiper-touch-move [data-swiper-parallax-y], #zhijie-v9-container .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#zhijie-v9-container .swiper-slide-to-clicked-slide .swiper-slide {
  cursor: pointer;
}
#zhijie-v9-container .swiper-slide-to-clicked-slide .swiper-slide-active, #zhijie-v9-container .swiper-slide-to-clicked-slide .swiper-slide-active ~ .swiper-slide-visible {
  cursor: auto;
}
#zhijie-v9-container .effect-slide .stack-item {
  transition-duration: 480ms;
}
#zhijie-v9-container .effect-slide .stack-item.current {
  transition-delay: 320ms;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .effect-slide .stack-item {
    transition-duration: 360ms;
  }
  #zhijie-v9-container .effect-slide .stack-item.current {
    transition-delay: 240ms;
  }
}
#zhijie-v9-container .fadeup, #zhijie-v9-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) {
  #zhijie-v9-container .fadeup, #zhijie-v9-container .xs-fadeup {
    transform: translateY(11.111111vw);
  }
  #zhijie-v9-container .lg-fadeup {
    transition: none;
    transform: none;
    opacity: 1;
  }
  #zhijie-v9-container .xs-fadeup {
    transition: opacity 500ms ease-in, transform 500ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
  }
}
#zhijie-v9-container .fadeup.animated, #zhijie-v9-container .lg-fadeup.animated, #zhijie-v9-container .xs-fadeup.animated {
  transform: translateY(0);
  opacity: 1;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #zhijie-v9-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;
  }
}
#zhijie-v9-container .no-gradient-text .gradient-text {
  background-image: none !important;
  background-color: transparent !important;
}
#zhijie-v9-container .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
}
@supports (backdrop-filter: none) {
  #zhijie-v9-container .backdrop-filter {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: saturate(180%) blur(30px);
  }
}
#zhijie-v9-container .w-full {
  width: 100%;
}
#zhijie-v9-container .w-1560 {
  width: 81.25vw;
}
#zhijie-v9-container .w-1480 {
  width: 77.083333vw;
}
#zhijie-v9-container .w-1440 {
  width: 75vw;
}
#zhijie-v9-container .w-1392 {
  width: 72.5vw;
}
#zhijie-v9-container .w-1364 {
  width: 71.041667vw;
}
#zhijie-v9-container .w-1296 {
  width: 67.5vw;
}
#zhijie-v9-container .w-1280 {
  width: 66.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:w-full {
    width: 100%;
  }
  #zhijie-v9-container .xs\:w-688 {
    width: 95.555556vw;
  }
  #zhijie-v9-container .xs\:w-656 {
    width: 91.111111vw;
  }
  #zhijie-v9-container .xs\:w-640 {
    width: 88.888889vw;
  }
  #zhijie-v9-container .xs\:w-624 {
    width: 86.666667vw;
  }
  #zhijie-v9-container .xs\:w-614 {
    width: 85.277778vw;
  }
  #zhijie-v9-container .xs\:w-600 {
    width: 83.333333vw;
  }
  #zhijie-v9-container .xs\:w-592 {
    width: 82.222222vw;
  }
  #zhijie-v9-container .xs\:w-560 {
    width: 77.777778vw;
  }
  #zhijie-v9-container .xs\:w-544 {
    width: 75.555556vw;
  }
  #zhijie-v9-container .xs\:w-520 {
    width: 72.222222vw;
  }
}
#zhijie-v9-container .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
#zhijie-v9-container .mt-8, #zhijie-v9-container .lg\:mt-8 {
  margin-top: 0.416667vw;
}
#zhijie-v9-container .mt-12, #zhijie-v9-container .lg\:mt-12 {
  margin-top: 0.625vw;
}
#zhijie-v9-container .mt-16, #zhijie-v9-container .lg\:mt-16 {
  margin-top: 0.833333vw;
}
#zhijie-v9-container .mt-20, #zhijie-v9-container .lg\:mt-20 {
  margin-top: 1.041667vw;
}
#zhijie-v9-container .mt-24, #zhijie-v9-container .lg\:mt-24 {
  margin-top: 1.25vw;
}
#zhijie-v9-container .ml-24, #zhijie-v9-container .lg\:ml-24 {
  margin-left: 1.25vw;
}
#zhijie-v9-container .mt-32, #zhijie-v9-container .lg\:mt-32 {
  margin-top: 1.666667vw;
}
#zhijie-v9-container .mt-40, #zhijie-v9-container .lg\:mt-40 {
  margin-top: 2.083333vw;
}
#zhijie-v9-container .mt-48, #zhijie-v9-container .lg\:mt-48 {
  margin-top: 2.5vw;
}
#zhijie-v9-container .mt-56, #zhijie-v9-container .lg\:mt-56 {
  margin-top: 2.916667vw;
}
#zhijie-v9-container .mt-64, #zhijie-v9-container .lg\:mt-64 {
  margin-top: 3.333333vw;
}
#zhijie-v9-container .mt-72, #zhijie-v9-container .lg\:mt-72 {
  margin-top: 3.75vw;
}
#zhijie-v9-container .mt-80, #zhijie-v9-container .lg\:mt-80 {
  margin-top: 4.166667vw;
}
#zhijie-v9-container .mt-88, #zhijie-v9-container .lg\:mt-88 {
  margin-top: 4.583333vw;
}
#zhijie-v9-container .mt-96, #zhijie-v9-container .lg\:mt-96 {
  margin-top: 5vw;
}
#zhijie-v9-container .mt-100, #zhijie-v9-container .lg\:mt-100 {
  margin-top: 5.208333vw;
}
#zhijie-v9-container .mt-112, #zhijie-v9-container .lg\:mt-112 {
  margin-top: 5.833333vw;
}
#zhijie-v9-container .mt-120, #zhijie-v9-container .lg\:mt-120 {
  margin-top: 6.25vw;
}
#zhijie-v9-container .mt-160, #zhijie-v9-container .lg\:mt-160 {
  margin-top: 8.333333vw;
}
#zhijie-v9-container .mt-200, #zhijie-v9-container .lg\:mt-200 {
  margin-top: 10.416667vw;
}
#zhijie-v9-container .my-200, #zhijie-v9-container .lg\:my-200 {
  margin-top: 10.416667vw;
  margin-bottom: 10.416667vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #zhijie-v9-container .xs\:mt-0 {
    margin-top: 0;
  }
  #zhijie-v9-container .mt-8, #zhijie-v9-container .xs\:mt-8 {
    margin-top: 1.111111vw;
  }
  #zhijie-v9-container .mt-16, #zhijie-v9-container .xs\:mt-16 {
    margin-top: 2.222222vw;
  }
  #zhijie-v9-container .mt-20, #zhijie-v9-container .xs\:mt-20 {
    margin-top: 2.777778vw;
  }
  #zhijie-v9-container .ml-24, #zhijie-v9-container .xs\:ml-24 {
    margin-left: 3.333333vw;
  }
  #zhijie-v9-container .mt-24, #zhijie-v9-container .xs\:mt-24 {
    margin-top: 3.333333vw;
  }
  #zhijie-v9-container .mt-32, #zhijie-v9-container .xs\:mt-32 {
    margin-top: 4.444444vw;
  }
  #zhijie-v9-container .mt-40, #zhijie-v9-container .xs\:mt-40 {
    margin-top: 5.555556vw;
  }
  #zhijie-v9-container .mt-48, #zhijie-v9-container .xs\:mt-48 {
    margin-top: 6.666667vw;
  }
  #zhijie-v9-container .mt-56, #zhijie-v9-container .xs\:mt-56 {
    margin-top: 7.777778vw;
  }
  #zhijie-v9-container .mt-64, #zhijie-v9-container .xs\:mt-64 {
    margin-top: 8.888889vw;
  }
  #zhijie-v9-container .mt-72, #zhijie-v9-container .xs\:mt-72 {
    margin-top: 10vw;
  }
  #zhijie-v9-container .mt-80, #zhijie-v9-container .xs\:mt-80 {
    margin-top: 11.111111vw;
  }
  #zhijie-v9-container .mt-96, #zhijie-v9-container .xs\:mt-96 {
    margin-top: 13.333333vw;
  }
  #zhijie-v9-container .mt-100, #zhijie-v9-container .xs\:mt-100 {
    margin-top: 13.888889vw;
  }
  #zhijie-v9-container .mt-120, #zhijie-v9-container .xs\:mt-120 {
    margin-top: 16.666667vw;
  }
  #zhijie-v9-container .mt-160, #zhijie-v9-container .xs\:mt-160 {
    margin-top: 22.222222vw;
  }
  #zhijie-v9-container .mt-200, #zhijie-v9-container .xs\:mt-200 {
    margin-top: 27.777778vw;
  }
}
#zhijie-v9-container .pt-200, #zhijie-v9-container .lg\:pt-200 {
  padding-top: 10.416667vw;
}
#zhijie-v9-container .pb-200, #zhijie-v9-container .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}
#zhijie-v9-container .py-200, #zhijie-v9-container .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}
#zhijie-v9-container .pt-160, #zhijie-v9-container .lg\:pt-160 {
  padding-top: 8.333333vw;
}
#zhijie-v9-container .pb-160, #zhijie-v9-container .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}
#zhijie-v9-container .pb-64, #zhijie-v9-container .lg\:pb-64 {
  padding-bottom: 3.333333vw;
}
#zhijie-v9-container .py-160, #zhijie-v9-container .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}
#zhijie-v9-container .pt-120, #zhijie-v9-container .lg\:pt-120 {
  padding-top: 6.25vw;
}
#zhijie-v9-container .px-16 {
  padding-left: 0.833333vw;
  padding-right: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .pt-200, #zhijie-v9-container .xs\:pt-200 {
    padding-top: 27.777778vw;
  }
  #zhijie-v9-container .pb-200, #zhijie-v9-container .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }
  #zhijie-v9-container .py-200, #zhijie-v9-container .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
  #zhijie-v9-container .pt-160, #zhijie-v9-container .xs\:pt-160 {
    padding-top: 22.222222vw;
  }
  #zhijie-v9-container .pt-96, #zhijie-v9-container .xs\:pt-96 {
    padding-top: 13.333333vw;
  }
  #zhijie-v9-container .pb-160, #zhijie-v9-container .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }
  #zhijie-v9-container .pb-0, #zhijie-v9-container .xs\:pb-0 {
    padding-bottom: 0;
  }
  #zhijie-v9-container .py-160, #zhijie-v9-container .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }
  #zhijie-v9-container .pt-120, #zhijie-v9-container .xs\:pt-120 {
    padding-top: 16.666667vw;
  }
  #zhijie-v9-container .px-16, #zhijie-v9-container .xs\:px-16 {
    padding-left: 2.222222vw;
    padding-right: 2.222222vw;
  }
  #zhijie-v9-container .px-48, #zhijie-v9-container .xs\:px-48 {
    padding-left: 6.666667vw;
    padding-right: 6.666667vw;
  }
  #zhijie-v9-container .pr-32, #zhijie-v9-container .xs\:pr-32 {
    padding-right: 4.444444vw;
  }
}
#zhijie-v9-container .h2, #zhijie-v9-container .h3, #zhijie-v9-container .h4, #zhijie-v9-container h2, #zhijie-v9-container h3 {
  font-weight: bold;
  line-height: 1.25;
}
#zhijie-v9-container h2 {
  font-size: 2.5vw;
}
#zhijie-v9-container h3 {
  font-size: 1.666667vw;
}
#zhijie-v9-container .text-white, #zhijie-v9-container .lg\:text-white {
  color: #fff;
}
#zhijie-v9-container .text-desc-72, #zhijie-v9-container .lg\:text-desc-72 {
  color: #6D6F72;
}
#zhijie-v9-container .text-desc-6a, #zhijie-v9-container .lg\:text-desc-6a {
  color: #6A6A6A;
}
#zhijie-v9-container .title-color {
  color: #9D7C64;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container h2 {
    font-size: 6.666667vw;
  }
  #zhijie-v9-container h3 {
    font-size: 4.444444vw;
  }
  #zhijie-v9-container .xs\:text-black {
    color: #000;
  }
  #zhijie-v9-container .xs\:text-desc-72 {
    color: #6D6F72;
  }
  #zhijie-v9-container .xs\:text-desc-6a {
    color: #6A6A6A;
  }
}
#zhijie-v9-container strong {
  font-weight: 700;
  color: #9D7C64;
}
#zhijie-v9-container strong.black {
  font-weight: 500;
  color: #000;
}
#zhijie-v9-container [data-footnote] {
  font-size: 0.6em;
  cursor: pointer;
}
#zhijie-v9-container .text-left {
  text-align: left;
}
#zhijie-v9-container .text-center {
  text-align: center;
}
#zhijie-v9-container .text-right {
  text-align: right;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:text-left {
    text-align: left;
  }
  #zhijie-v9-container .xs\:text-center {
    text-align: center;
  }
  #zhijie-v9-container .xs\:text-right {
    text-align: right;
  }
}
#zhijie-v9-container .text-align {
  text-align: center;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .text-align {
    text-align: left;
  }
  html[dir=rtl] #zhijie-v9-container .text-align {
    text-align: right;
  }
}
#zhijie-v9-container .effect-slide:not(.swiper-carousel) .play-pause-button {
  transition: opacity 100ms;
  opacity: 0;
}
#zhijie-v9-container .effect-slide:not(.swiper-carousel) .swiper-slide-active .play-pause-button {
  transition-delay: 800ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .effect-slide:not(.swiper-carousel) .swiper-slide-active .play-pause-button {
    transition-delay: 600ms;
  }
}
#zhijie-v9-container .effect-fade .play-pause-button {
  transition: opacity 100ms;
  opacity: 0;
}
#zhijie-v9-container .effect-fade .swiper-slide-active .play-pause-button {
  transition-delay: 600ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .effect-fade .swiper-slide-active .play-pause-button {
    transition-delay: 400ms;
  }
}
#zhijie-v9-container .video-container {
  position: relative;
}
#zhijie-v9-container .video-container video {
  pointer-events: none;
}
#zhijie-v9-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;
}
#zhijie-v9-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) {
  #zhijie-v9-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) {
  #zhijie-v9-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) {
  #zhijie-v9-container .video-container .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
}
#zhijie-v9-container .video-container .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#zhijie-v9-container .video-container.playing .icon-pause, #zhijie-v9-container .video-container.paused .icon-play, #zhijie-v9-container .video-container.ended .icon-replay {
  display: block;
}
#zhijie-v9-container .video-container .replay-button {
  opacity: 0;
  transition: opacity 300ms;
  pointer-events: none;
  cursor: default;
}
#zhijie-v9-container .video-container.ended .replay-button {
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
#zhijie-v9-container .modal-button-container {
  display: flex;
  justify-content: center;
}
#zhijie-v9-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) {
  #zhijie-v9-container .modal-button-container .modal-button-wrapper:hover {
    opacity: 0.6;
  }
}
#zhijie-v9-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;
}
#zhijie-v9-container .modal-button-container .button-copy {
  font-size: 0.9375vw;
  font-weight: 500;
  color: #fff;
}
#zhijie-v9-container .modal-button-container .button-icon {
  width: 1.666667vw;
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .modal-button-container .modal-button-wrapper {
    height: 13.333333vw;
  }
  #zhijie-v9-container .modal-button-container .modal-button {
    padding-right: 3.333333vw;
    padding-left: 6.666667vw;
  }
  #zhijie-v9-container .modal-button-container .button-copy {
    font-size: 3.888889vw;
  }
  #zhijie-v9-container .modal-button-container .button-icon {
    width: 6.666667vw;
    margin-left: 3.333333vw;
  }
}
#zhijie-v9-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%);
}
#zhijie-v9-container .section-modal.modal-scrollable {
  padding-inline-end: var(--modal-scrollbar-buffer);
}
#zhijie-v9-container .section-modal.modal-open {
  background-color: rgba(25, 25, 26, 0.8);
  backdrop-filter: blur(50px) brightness(120%);
}
#zhijie-v9-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;
}
#zhijie-v9-container .section-modal.light .modal-open {
  background-color: rgba(237, 238, 242, 0.8);
}
.has-modal-l #zhijie-v9-container .section-modal.modal-open, .has-modal-l #zhijie-v9-container .section-modal.modal-will-close {
  z-index: 200;
}
.has-modal-l #zhijie-v9-container .section-modal .modal-container {
  transform: translate3d(0, 0, 0);
}
#zhijie-v9-container .section-modal.modal-will-close {
  overflow: auto !important;
  padding-inline-end: 0;
}
#zhijie-v9-container .section-modal.modal-will-close .modal-container {
  transition: opacity 0.6s;
}
#zhijie-v9-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;
}
#zhijie-v9-container .section-modal .modal-wrapper {
  position: relative;
  width: 81.25vw;
}
#zhijie-v9-container .section-modal .modal-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 6.25vw;
  border-radius: 1.25vw;
  background-color: #000;
}
#zhijie-v9-container .section-modal .modal-close-container {
  position: absolute;
  top: 2.083333vw;
  right: 2.083333vw;
  bottom: 0;
  width: 2.083333vw;
}
#zhijie-v9-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) {
  #zhijie-v9-container .section-modal .modal-close-button:hover {
    background-color: rgba(128, 128, 128, 0.5);
  }
}
#zhijie-v9-container .section-modal .modal-close-icon {
  pointer-events: none;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-modal .modal-container {
    padding-top: 8.888889vw;
    padding-bottom: 8.888889vw;
  }
  #zhijie-v9-container .section-modal .modal-wrapper {
    width: 95.555556vw;
  }
  #zhijie-v9-container .section-modal .modal-content {
    padding-bottom: 11.111111vw;
    border-radius: 4.444444vw;
  }
  #zhijie-v9-container .section-modal .modal-close-container {
    top: 3.333333vw;
    right: 3.333333vw;
    width: 11.111111vw;
  }
  #zhijie-v9-container .section-modal .modal-close-button {
    top: 3.333333vw;
  }
}
#zhijie-v9-container .colournav-container {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
}
#zhijie-v9-container .colournav-container .label-list {
  position: relative;
  display: flex;
}
#zhijie-v9-container .colournav-container .label-item {
  font-size: 1.458333vw;
  font-weight: 500;
  opacity: 0;
  color: #ffffff;
}
#zhijie-v9-container .colournav-container .label-item.current {
  z-index: 1;
  opacity: 1;
}
#zhijie-v9-container .colournav-container .label-item + .label-item {
  position: absolute;
  top: 0;
  right: 0;
}
#zhijie-v9-container .colournav-container .colournav-list {
  display: flex;
}
#zhijie-v9-container .colournav-container .colournav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875vw;
  cursor: pointer;
}
#zhijie-v9-container .colournav-container .colournav-item.current {
  cursor: default;
}
#zhijie-v9-container .colournav-container .colournav-item.current .colour-swatch-indicator {
  opacity: 1;
}
#zhijie-v9-container .colournav-container .colournav-item + .colournav-item {
  margin-left: 0.364583vw;
}
#zhijie-v9-container .colournav-container .colour-swatch-indicator {
  position: absolute;
  transition: opacity 0.8s;
  pointer-events: none;
  opacity: 0;
}
#zhijie-v9-container .colournav-container .colour-swatch {
  width: 100%;
  pointer-events: none;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .colournav-container .label-item {
    font-size: 4.444444vw;
  }
  #zhijie-v9-container .colournav-container .colournav-item + .colournav-item {
    margin-left: 2.222222vw;
  }
  #zhijie-v9-container .colournav-container .colournav-item {
    width: 7.5vw;
  }
}
#zhijie-v9-container .tabnav-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#zhijie-v9-container .tabnav-container {
  position: relative;
}
#zhijie-v9-container .tabnav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#zhijie-v9-container .tabnav-item {
  padding-bottom: 0.833333vw;
  font-size: 1.25vw;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.8s ease;
  white-space: nowrap;
  color: #fff;
  opacity: 0.4;
  outline: 0;
  transition-property: opacity;
  will-change: opacity;
  transition-timing-function: ease-out;
  transition-duration: 200ms;
}
#zhijie-v9-container .tabnav-item:not(.current):hover {
  opacity: 0.6;
}
#zhijie-v9-container .tabnav-item + .tabnav-item {
  margin-left: 2.916667vw;
}
#zhijie-v9-container .tabnav-item.current {
  opacity: 1;
}
#zhijie-v9-container .tabnav-indicator {
  position: relative;
  width: 100%;
  height: 2px;
}
#zhijie-v9-container .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
}
#zhijie-v9-container .tabnav-indicator::after {
  display: block;
  width: var(--indicator-width, 0);
  height: 100%;
  content: "";
  transition: width 0.5s, transform 0.5s;
  transform: translateX(var(--indicator-offset, 0));
  background-color: #6F3CD6;
}
#zhijie-v9-container .stack-list {
  display: flex;
}
#zhijie-v9-container .product-feature-banner {
  will-change: clip-path;
  clip-path: polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%);
}
#zhijie-v9-container .product-feature-banner.active {
  transition: clip-path 1s ease-in-out;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#zhijie-v9-container .tabnav-swiper .swiper-slide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  will-change: clip-path;
  opacity: 0 !important;
}
#zhijie-v9-container .tabnav-swiper .swiper-slide.swiper-slide-prev, #zhijie-v9-container .tabnav-swiper .swiper-slide.swiper-slide-next {
  transition: opacity 1s ease-in-out;
}
#zhijie-v9-container .tabnav-swiper .swiper-slide.swiper-slide-active {
  transition: clip-path 1s ease-in-out, opacity 1s ease-in-out;
  opacity: 1 !important;
  animation: swiper-slide-active 1s ease-in-out forwards;
}
#zhijie-v9-container .tabnav-swiper .stack-list {
  text-align: center;
  margin-top: 2.083333vw;
}
@keyframes swiper-slide-active {
  0% {
    clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
#zhijie-v9-container .stack-list {
  display: grid;
}
#zhijie-v9-container .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
  grid-area: 1/1/-1/-1;
}
#zhijie-v9-container .stack-item .headline {
  color: white;
}
#zhijie-v9-container .stack-item.current {
  z-index: 1;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .tabnav-content {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
  }
  #zhijie-v9-container .tabnav-content::before,
  #zhijie-v9-container .tabnav-content::after {
    position: absolute;
    z-index: 1;
    top: -1.388889vw;
    width: 12.222222vw;
    height: 12.222222vw;
    content: "";
    pointer-events: none;
  }
  #zhijie-v9-container .tabnav-item {
    font-size: 4.444444vw;
    padding-bottom: 3.333333vw;
  }
  #zhijie-v9-container .tabnav-indicator::before {
    background-color: rgba(255, 255, 255, 0.2);
  }
  #zhijie-v9-container .tabnav-swiper .tabnav-content::before {
    left: 0;
    background-image: linear-gradient(90deg, #0C071D 40%, transparent);
  }
  #zhijie-v9-container .tabnav-swiper .tabnav-content::after {
    right: 0;
    background-image: linear-gradient(90deg, transparent, #0C071D 60%);
  }
  #zhijie-v9-container .tabnav-swiper .stack-list {
    text-align: left;
    margin-top: 8.888889vw;
  }
  #zhijie-v9-container .tabnav-container {
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 0;
    white-space: nowrap;
  }
  #zhijie-v9-container .tabnav-container.is-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  #zhijie-v9-container .tabnav-container.is-scroll::-webkit-scrollbar {
    display: none;
  }
  #zhijie-v9-container .tabnav-wrapper {
    padding-right: 11.111111vw;
    padding-left: 11.111111vw;
  }
  #zhijie-v9-container .tabnav-list {
    position: relative;
    display: flex;
  }
  #zhijie-v9-container .tabnav-item {
    padding-bottom: 3.75vw;
    font-size: 4.444444vw;
  }
  #zhijie-v9-container .tabnav-item + .tabnav-item {
    margin-left: 7.777778vw;
  }
  #zhijie-v9-container .tabnav-indicator {
    height: 0.416667vw;
  }
  #zhijie-v9-container .stack-item {
    font-size: 4.444444vw;
  }
}
#zhijie-v9-container .content-container {
  position: relative;
}
#zhijie-v9-container .content-container .content-wrapper {
  display: flex;
  align-items: center;
}
#zhijie-v9-container .content-container .content-wrapper .pagination-item {
  display: flex;
  overflow: hidden;
  align-items: center;
  width: auto;
  font-size: var(--pagination-font-size, 1.041667vw);
  font-weight: 800;
  line-height: 1;
  color: #fff;
}
#zhijie-v9-container .content-container .content-wrapper .pagination-item.swiper-pagination-lock {
  display: none;
}
#zhijie-v9-container .content-container .content-wrapper .pagination-item .pagination-current {
  display: flex;
  flex-direction: column;
  height: 1em;
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transform: translate3d(0, var(--pagination-y, 0), 0);
  text-align: right;
}
#zhijie-v9-container .content-container .content-wrapper .pagination-item .pagination-line {
  position: relative;
  overflow: hidden;
  width: 6.25vw;
  height: 2px;
  margin-right: 0.833333vw;
  margin-left: 0.833333vw;
  background-color: rgba(255, 255, 255, 0.4);
}
#zhijie-v9-container .content-container .content-wrapper .pagination-item .pagination-line::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 0.6s linear;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #fff;
}
#zhijie-v9-container .content-container .content-wrapper .pagination-item .pagination-total {
  opacity: 0.4;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list {
  display: flex;
  margin-left: 2.083333vw;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-item {
  position: relative;
  width: 2.5vw;
  height: 2.916667vw;
  cursor: pointer;
  outline: 0;
  flex-shrink: 0;
  transition: all 0.3s ease-out;
  backdrop-filter: blur(0.729167vw);
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-item svg {
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-item-backcolor {
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-item-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-hightlight-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA0OCA1NiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMC44MTYiIHkxPSIwLjI4MSIgeDI9IjAuMzY0IiB5Mj0iMC44OTgiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2YzRlYTgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyZDFiNGYiLz48L2xpbmVhckdyYWRpZW50PjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0iTTM4LjU1NCwwYTYsNiwwLDAsMSw1LjE4MywyLjk3N2wxMC41LDE4YTYsNiwwLDAsMSwwLDYuMDQ2bC0xMC41LDE4QTYsNiwwLDAsMSwzOC41NTQsNDhIMTcuNDQ2YTYsNiwwLDAsMS01LjE4My0yLjk3N2wtMTAuNS0xOGE2LDYsMCwwLDEsMC02LjA0NmwxMC41LTE4QTYsNiwwLDAsMSwxNy40NDYsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgzODkgLTE3ODkyKSByb3RhdGUoLTkwKSIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2EzODZkZSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNmM0ZWE4Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgxPSIwLjk4OSIgeTE9IjAuNDg3IiB4Mj0iMCIgeTI9IjAuNSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M5YWU2ZiIvPjxzdG9wIG9mZnNldD0iMC40NDEiIHN0b3AtY29sb3I9IiNlZGQ3YTYiLz48c3RvcCBvZmZzZXQ9IjAuNTE0IiBzdG9wLWNvbG9yPSIjZGRjNWEwIi8+PHN0b3Agb2Zmc2V0PSIwLjU5OSIgc3RvcC1jb2xvcj0iI2VkZDdhNiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2M5YWU2ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTQgLTI2NykiPjxwYXRoIGQ9Ik0zOC41NTQsMGE2LDYsMCwwLDEsNS4xODMsMi45NzdsMTAuNSwxOGE2LDYsMCwwLDEsMCw2LjA0NmwtMTAuNSwxOEE2LDYsMCwwLDEsMzguNTU0LDQ4SDE3LjQ0NmE2LDYsMCwwLDEtNS4xODMtMi45NzdsLTEwLjUtMThhNiw2LDAsMCwxLDAtNi4wNDZsMTAuNS0xOEE2LDYsMCwwLDEsMTcuNDQ2LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTQgMzIzKSByb3RhdGUoLTkwKSIgZmlsbD0idXJsKCNhKSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03ODM1IDE4MjE1KSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iOTMiIGhlaWdodD0iMjciIHRyYW5zZm9ybT0ibWF0cml4KDAuMjkyLCAtMC45NTYsIDAuOTU2LCAwLjI5MiwgODQyNi42ODgsIC0xNzg3NS40NzkpIiBmaWxsPSJ1cmwoI2MpIi8+PC9nPjxwYXRoIGQ9Ik0xNy40NDYsMWE1LjAxNyw1LjAxNywwLDAsMC00LjMxOSwyLjQ4MWwtMTAuNSwxOGE1LjAwOCw1LjAwOCwwLDAsMCwwLDUuMDM5bDEwLjUsMThBNS4wMTcsNS4wMTcsMCwwLDAsMTcuNDQ2LDQ3SDM4LjU1NGE1LjAxNyw1LjAxNywwLDAsMCw0LjMxOS0yLjQ4MWwxMC41LTE4YTUuMDA4LDUuMDA4LDAsMCwwLDAtNS4wMzlsLTEwLjUtMThBNS4wMTcsNS4wMTcsMCwwLDAsMzguNTU0LDFIMTcuNDQ2bTAtMUgzOC41NTRhNiw2LDAsMCwxLDUuMTgzLDIuOTc3bDEwLjUsMThhNiw2LDAsMCwxLDAsNi4wNDZsLTEwLjUsMThBNiw2LDAsMCwxLDM4LjU1NCw0OEgxNy40NDZhNiw2LDAsMCwxLTUuMTgzLTIuOTc3bC0xMC41LTE4YTYsNiwwLDAsMSwwLTYuMDQ2bDEwLjUtMThBNiw2LDAsMCwxLDE3LjQ0NiwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAyIDI2Nykgcm90YXRlKDkwKSIgZmlsbD0idXJsKCNkKSIvPjxwYXRoIGQ9Ik0xMCwxMEgwVjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4MC4wNzEgMjg3LjUwMSkgcm90YXRlKDQ1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzlhZTZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA0OCA1NiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMC44MTYiIHkxPSIwLjI4MSIgeDI9IjAuMzY0IiB5Mj0iMC44OTgiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2YzRlYTgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyZDFiNGYiLz48L2xpbmVhckdyYWRpZW50PjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0iTTM4LjU1NCwwYTYsNiwwLDAsMSw1LjE4MywyLjk3N2wxMC41LDE4YTYsNiwwLDAsMSwwLDYuMDQ2bC0xMC41LDE4QTYsNiwwLDAsMSwzOC41NTQsNDhIMTcuNDQ2YTYsNiwwLDAsMS01LjE4My0yLjk3N2wtMTAuNS0xOGE2LDYsMCwwLDEsMC02LjA0NmwxMC41LTE4QTYsNiwwLDAsMSwxNy40NDYsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgzODkgLTE3ODkyKSByb3RhdGUoLTkwKSIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2EzODZkZSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNmM0ZWE4Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgxPSIwLjk4OSIgeTE9IjAuNDg3IiB4Mj0iMCIgeTI9IjAuNSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M5YWU2ZiIvPjxzdG9wIG9mZnNldD0iMC40NDEiIHN0b3AtY29sb3I9IiNlZGQ3YTYiLz48c3RvcCBvZmZzZXQ9IjAuNTE0IiBzdG9wLWNvbG9yPSIjZGRjNWEwIi8+PHN0b3Agb2Zmc2V0PSIwLjU5OSIgc3RvcC1jb2xvcj0iI2VkZDdhNiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2M5YWU2ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTQgLTI2NykiPjxwYXRoIGQ9Ik0zOC41NTQsMGE2LDYsMCwwLDEsNS4xODMsMi45NzdsMTAuNSwxOGE2LDYsMCwwLDEsMCw2LjA0NmwtMTAuNSwxOEE2LDYsMCwwLDEsMzguNTU0LDQ4SDE3LjQ0NmE2LDYsMCwwLDEtNS4xODMtMi45NzdsLTEwLjUtMThhNiw2LDAsMCwxLDAtNi4wNDZsMTAuNS0xOEE2LDYsMCwwLDEsMTcuNDQ2LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTQgMzIzKSByb3RhdGUoLTkwKSIgZmlsbD0idXJsKCNhKSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03ODM1IDE4MjE1KSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iOTMiIGhlaWdodD0iMjciIHRyYW5zZm9ybT0ibWF0cml4KDAuMjkyLCAtMC45NTYsIDAuOTU2LCAwLjI5MiwgODQyNi42ODgsIC0xNzg3NS40NzkpIiBmaWxsPSJ1cmwoI2MpIi8+PC9nPjxwYXRoIGQ9Ik0xNy40NDYsMWE1LjAxNyw1LjAxNywwLDAsMC00LjMxOSwyLjQ4MWwtMTAuNSwxOGE1LjAwOCw1LjAwOCwwLDAsMCwwLDUuMDM5bDEwLjUsMThBNS4wMTcsNS4wMTcsMCwwLDAsMTcuNDQ2LDQ3SDM4LjU1NGE1LjAxNyw1LjAxNywwLDAsMCw0LjMxOS0yLjQ4MWwxMC41LTE4YTUuMDA4LDUuMDA4LDAsMCwwLDAtNS4wMzlsLTEwLjUtMThBNS4wMTcsNS4wMTcsMCwwLDAsMzguNTU0LDFIMTcuNDQ2bTAtMUgzOC41NTRhNiw2LDAsMCwxLDUuMTgzLDIuOTc3bDEwLjUsMThhNiw2LDAsMCwxLDAsNi4wNDZsLTEwLjUsMThBNiw2LDAsMCwxLDM4LjU1NCw0OEgxNy40NDZhNiw2LDAsMCwxLTUuMTgzLTIuOTc3bC0xMC41LTE4YTYsNiwwLDAsMSwwLTYuMDQ2bDEwLjUtMThBNiw2LDAsMCwxLDE3LjQ0NiwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAyIDI2Nykgcm90YXRlKDkwKSIgZmlsbD0idXJsKCNkKSIvPjxwYXRoIGQ9Ik0xMCwxMEgwVjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4MC4wNzEgMjg3LjUwMSkgcm90YXRlKDQ1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzlhZTZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48L3N2Zz4=");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-hightlight-container .arrownav-hightlight {
  will-change: transform;
  top: -0.520833vw;
  left: -3.229167vw;
  width: 4.84375vw;
  height: 1.40625vw;
  background: linear-gradient(to bottom, rgba(163, 134, 222, 0), #6C4EA8);
  filter: blur(4px);
  transform: rotateZ(-74deg);
  z-index: 1;
  transition: transform 0.8s ease-in-out;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-hightlight-container .arrownav-hightlight-border-topcolor {
  width: 2.395833vw;
  height: 2.708333vw;
  top: 0.104167vw;
  left: 0.0520835vw;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-hightlight-container .arrownav-hightlight-border-topcolor svg {
  height: 100%;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-hightlight-container .arrownav-hightlight-border {
  will-change: transform;
  bottom: 0;
  left: 0;
  width: 1.5625vw;
  height: 120%;
  background: linear-gradient(to bottom, #F2E4C3, #FEFAEF, #F2E4C3);
  transform: translate(-100%, 0);
  transition: transform 0.8s ease-in-out;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-icon {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-backcolor-top linearGradient stop {
  transition: stop-color 0.8s;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-border path {
  transition: opacity 0.8s;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-icon .arrow-path {
  transition: stroke 0.8s;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-disabled {
  cursor: default;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-disabled .arrownav-backcolor-top linearGradient stop:first-child {
  stop-color: #442F79;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-disabled .arrownav-backcolor-top linearGradient stop:last-child {
  stop-color: #2A1953;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-disabled .arrownav-border path {
  opacity: 0.3;
}
#zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-disabled .arrownav-icon .arrow-path {
  stroke: rgba(119, 92, 185, 0.64);
}
@media (hover: hover) and (pointer: fine) {
  #zhijie-v9-container .content-container .content-wrapper .arrownav-item:not(.arrownav-disabled):hover .arrownav-hightlight-container .arrownav-hightlight {
    transform: translate(4.166667vw, 0.963542vw) rotateZ(-74deg);
  }
  #zhijie-v9-container .content-container .content-wrapper .arrownav-item:not(.arrownav-disabled):hover .arrownav-hightlight-container .arrownav-hightlight-border {
    transform: translate(2.5vw, 0);
  }
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .content-container .content-wrapper {
    width: 72.222222vw;
    justify-content: space-between;
  }
  #zhijie-v9-container .content-container .content-wrapper .pagination-item {
    font-size: var(--pagination-font-size, 3.888889vw);
  }
  #zhijie-v9-container .content-container .content-wrapper .pagination-item .pagination-current {
    transition-duration: 0.6s;
  }
  #zhijie-v9-container .content-container .content-wrapper .pagination-item .pagination-line {
    width: 20.555556vw;
    height: 0.416667vw;
    margin-right: 3.333333vw;
    margin-left: 3.333333vw;
  }
  #zhijie-v9-container .content-container .content-wrapper .arrownav-list {
    margin-right: 0;
  }
  #zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-item {
    width: 10.555556vw;
    height: 12.222222vw;
  }
  #zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-item .arrownav-hightlight-container {
    display: none;
  }
  #zhijie-v9-container .content-container .content-wrapper .arrownav-list .arrownav-next {
    margin-left: 3.333333vw;
  }
}
#zhijie-v9-container .swiper-style {
  overflow: hidden;
}
#zhijie-v9-container .swiper-style .content-container {
  justify-content: space-between;
}
#zhijie-v9-container .swiper-style .content-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
#zhijie-v9-container .swiper-style .slide-headline {
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
#zhijie-v9-container .swiper-style .slide-intro {
  font-size: 1.041667vw;
}
#zhijie-v9-container .swiper-style .pagination-container {
  display: flex;
  align-items: center;
  height: 2.916667vw;
}
#zhijie-v9-container .swiper-style .arrownav-list {
  justify-content: flex-end;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .swiper-style .content-wrapper {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
  }
  #zhijie-v9-container .swiper-style .stack-list {
    margin-bottom: 8.888889vw;
  }
  #zhijie-v9-container .swiper-style .slide-intro {
    font-size: 4.444444vw;
  }
  #zhijie-v9-container .swiper-style .pagination-container {
    width: auto;
    height: auto;
  }
  #zhijie-v9-container .swiper-style .arrownav-list {
    width: auto;
  }
}
#zhijie-v9-container .gradient-text {
  background-image: linear-gradient(to bottom, #F2ecfa 0%, #ab96c7 100%);
}
#zhijie-v9-container .section-title .title-main-content {
  padding-top: 3.125vw;
}
#zhijie-v9-container .section-title .title-main-content .title-icon {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzI2LjMyMyIgaGVpZ2h0PSI1Ny4zNjYiIHZpZXdCb3g9IjAgMCAzMjYuMzIzIDU3LjM2NiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIxLjAzIiB5MT0iMC41NzIiIHgyPSItMC4yMDgiIHkyPSIwLjIzNiIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2UzY2RmOCIvPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2QxYjdlZCIvPjxzdG9wIG9mZnNldD0iMC4xNzYiIHN0b3AtY29sb3I9IiNjZmI0ZWMiLz48c3RvcCBvZmZzZXQ9IjAuMzU4IiBzdG9wLWNvbG9yPSIjOTg2ZWM5Ii8+PHN0b3Agb2Zmc2V0PSIwLjYxNCIgc3RvcC1jb2xvcj0iIzY1MzRhNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBjMDcxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGlkPSLot6/lvoRfOTg1ODQiIGRhdGEtbmFtZT0i6Lev5b6EIDk4NTg0IiBkPSJNMzE1LjEsMTUuNjc1YTExLjY1MiwxMS42NTIsMCwwLDEtLjUxNi0xLjUxN2MtLjAxNC0uMi4wNjEtLjQ4LjUyOC0uNi40NzYtLjE0NiwxLjYtLjQ5MiwyLjU1Ny0uNzk0LjI1NC0uMDc1LjU3OS0uMTc5Ljk4NC0uMzIuMTg0LS4wNjEuMzMxLS4xMTIuNDE2LS4xNDZsLjQzOC0uMTczYy4wNS0uMDIxLjExMS0uMDQyLjE1OC0uMDYzbC4wMTQsMGgwYzEuMzc4LS41OTIsMS40NjItMS4wMjQsMS41NjQtMS42MTNhMy4xMSwzLjExLDAsMCwwLDAtLjgzNmwwLDBDMzIwLjk5Myw3LjQzNCwzMTguMjksNywzMTguMjksNywyNjAuODEtMS4xNjYsMTg0Ljk0MS0uMTc1LDE2Ni43MjcuMzIyYy0xNi4yLjQ0My0yNS43OTUuOC0zMy40MzgsMS44NzFsLjAwNiwwYy03LjUxMS43MzgtMTYuMjMzLDMuNjEyLTI1LDcuNDM2LTEuMDIuNDM0LTEuOTU3Ljg1Ny0yLjg0LDEuMjcyQzgyLjE2NSwyMS41NzcsNTkuNDgxLDM4LjA3MSw1OS40MzksMzguMWMtLjUxOC4zMTMtMS4xNC42NzUtMS43NTguOTk1YTE5LjAzMSwxOS4wMzEsMCwwLDEtMy45MDgsMS4wNDZjLTEzLjIyLDEuNy0xNC4yNjksMi4yMzYtMjAuOTE2LDMuMTgzLTEwLjc5MSwxLjUzNy0xMy44OSwyLjItMTkuMjk1LDMuOTczYTM2LjUyNSwzNi41MjUsMCwwLDAtOC42LDQuNDM4LDIxLjEsMjEuMSwwLDAsMC00LjEsNC4yMzlDLjYsNTYuMzY3LjE0MSw1Ny4xLjAzNSw1Ny4zYy0uNTIxLjk5NSw0LjY2NC05LjQ3OCwyOS40MzUtMTIuMzQxQzMzLjIwOCw0NC41LDM4LDQzLjgzMSwzOCw0My44MzFjMTUuNTIyLTEuOTA2LDEyLjItMS40MzcsMTUuNzMtMS45MjFsLjY2OC0uMDkyYy4xNDMtLjAyMS4zOTMtLjA2Ni42OTEtLjEyMS42MzgtLjEyLDEuNDg2LS4yOSwxLjk1Ny0uNGExMS41MTQsMTEuNTE0LDAsMCwwLDIuMTUxLS44YzMuNDk1LTEuODU0LDEzLjY0My04LjE4NiwyNi4zNjItMTUuOTUzLDYuMDQ2LTMuMjY4LDEwLjg2My01Ljc0MSwxNC43LTcuNjMyYTE0NS45NTcsMTQ1Ljk1NywwLDAsMSwyNi4wOC05LjYwNWwzLjE3NC0uN2M3LjgzNy0xLjQzOCw3LjAzMy0uOTIsMTEuODY2LTEuNDQ1LDMuNjIyLS4yNDcsOC4zODEtLjQ3OCwxMy40NTUtLjY0MSw1Ljg5NS0uMTg5LDExLjgyNC0uMzczLDEzLjcwNy0uMzc2QzI4Ny40NywzLjk2LDMxOC42LDkuNDUyLDMxOC42LDkuNDUyYS45MzYuOTM2LDAsMCwxLC4xMzQuMDI3Ljc1Ni43NTYsMCwwLDEsLjU0NS40MDZoMGEuNzE3LjcxNywwLDAsMS0uMDI4LjUxNCwxLjI2LDEuMjYsMCwwLDEtLjY4MS40MjVjLTQuOTg5LDEuNDUzLTQuOTQ1LDEuNDEyLTUuNzM4LDIuMDQ0LS40NDEuMzUxLS40MywxLjY1NC4zNSwzLjI0TDMyNi4zMjQsNDMuMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMSAwKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzI2LjMyMyIgaGVpZ2h0PSI1Ny4zNjYiIHZpZXdCb3g9IjAgMCAzMjYuMzIzIDU3LjM2NiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIxLjAzIiB5MT0iMC41NzIiIHgyPSItMC4yMDgiIHkyPSIwLjIzNiIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2UzY2RmOCIvPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2QxYjdlZCIvPjxzdG9wIG9mZnNldD0iMC4xNzYiIHN0b3AtY29sb3I9IiNjZmI0ZWMiLz48c3RvcCBvZmZzZXQ9IjAuMzU4IiBzdG9wLWNvbG9yPSIjOTg2ZWM5Ii8+PHN0b3Agb2Zmc2V0PSIwLjYxNCIgc3RvcC1jb2xvcj0iIzY1MzRhNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBjMDcxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGlkPSLot6/lvoRfOTg1ODQiIGRhdGEtbmFtZT0i6Lev5b6EIDk4NTg0IiBkPSJNMzE1LjEsMTUuNjc1YTExLjY1MiwxMS42NTIsMCwwLDEtLjUxNi0xLjUxN2MtLjAxNC0uMi4wNjEtLjQ4LjUyOC0uNi40NzYtLjE0NiwxLjYtLjQ5MiwyLjU1Ny0uNzk0LjI1NC0uMDc1LjU3OS0uMTc5Ljk4NC0uMzIuMTg0LS4wNjEuMzMxLS4xMTIuNDE2LS4xNDZsLjQzOC0uMTczYy4wNS0uMDIxLjExMS0uMDQyLjE1OC0uMDYzbC4wMTQsMGgwYzEuMzc4LS41OTIsMS40NjItMS4wMjQsMS41NjQtMS42MTNhMy4xMSwzLjExLDAsMCwwLDAtLjgzNmwwLDBDMzIwLjk5Myw3LjQzNCwzMTguMjksNywzMTguMjksNywyNjAuODEtMS4xNjYsMTg0Ljk0MS0uMTc1LDE2Ni43MjcuMzIyYy0xNi4yLjQ0My0yNS43OTUuOC0zMy40MzgsMS44NzFsLjAwNiwwYy03LjUxMS43MzgtMTYuMjMzLDMuNjEyLTI1LDcuNDM2LTEuMDIuNDM0LTEuOTU3Ljg1Ny0yLjg0LDEuMjcyQzgyLjE2NSwyMS41NzcsNTkuNDgxLDM4LjA3MSw1OS40MzksMzguMWMtLjUxOC4zMTMtMS4xNC42NzUtMS43NTguOTk1YTE5LjAzMSwxOS4wMzEsMCwwLDEtMy45MDgsMS4wNDZjLTEzLjIyLDEuNy0xNC4yNjksMi4yMzYtMjAuOTE2LDMuMTgzLTEwLjc5MSwxLjUzNy0xMy44OSwyLjItMTkuMjk1LDMuOTczYTM2LjUyNSwzNi41MjUsMCwwLDAtOC42LDQuNDM4LDIxLjEsMjEuMSwwLDAsMC00LjEsNC4yMzlDLjYsNTYuMzY3LjE0MSw1Ny4xLjAzNSw1Ny4zYy0uNTIxLjk5NSw0LjY2NC05LjQ3OCwyOS40MzUtMTIuMzQxQzMzLjIwOCw0NC41LDM4LDQzLjgzMSwzOCw0My44MzFjMTUuNTIyLTEuOTA2LDEyLjItMS40MzcsMTUuNzMtMS45MjFsLjY2OC0uMDkyYy4xNDMtLjAyMS4zOTMtLjA2Ni42OTEtLjEyMS42MzgtLjEyLDEuNDg2LS4yOSwxLjk1Ny0uNGExMS41MTQsMTEuNTE0LDAsMCwwLDIuMTUxLS44YzMuNDk1LTEuODU0LDEzLjY0My04LjE4NiwyNi4zNjItMTUuOTUzLDYuMDQ2LTMuMjY4LDEwLjg2My01Ljc0MSwxNC43LTcuNjMyYTE0NS45NTcsMTQ1Ljk1NywwLDAsMSwyNi4wOC05LjYwNWwzLjE3NC0uN2M3LjgzNy0xLjQzOCw3LjAzMy0uOTIsMTEuODY2LTEuNDQ1LDMuNjIyLS4yNDcsOC4zODEtLjQ3OCwxMy40NTUtLjY0MSw1Ljg5NS0uMTg5LDExLjgyNC0uMzczLDEzLjcwNy0uMzc2QzI4Ny40NywzLjk2LDMxOC42LDkuNDUyLDMxOC42LDkuNDUyYS45MzYuOTM2LDAsMCwxLC4xMzQuMDI3Ljc1Ni43NTYsMCwwLDEsLjU0NS40MDZoMGEuNzE3LjcxNywwLDAsMS0uMDI4LjUxNCwxLjI2LDEuMjYsMCwwLDEtLjY4MS40MjVjLTQuOTg5LDEuNDUzLTQuOTQ1LDEuNDEyLTUuNzM4LDIuMDQ0LS40NDEuMzUxLS40MywxLjY1NC4zNSwzLjI0TDMyNi4zMjQsNDMuMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMSAwKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+PC9zdmc+");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-image: url(/dam/hima-site/cn/zhijie/v9/images/icons/icon-title-backcolor.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 180% auto;
  background-position-x: 220%;
}
#zhijie-v9-container .section-title .title-main-content .gradient-text {
  background-image: url(/dam/hima-site/cn/zhijie/v9/images/icons/icon-title-backcolor.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 180% auto;
  background-position-x: 220%;
}
#zhijie-v9-container .section-title .title-light-content {
  padding-top: 3.125vw;
  width: 100%;
  top: 0;
  left: 0;
}
#zhijie-v9-container .section-title .title-light-content .title-icon {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzI2LjMyMyIgaGVpZ2h0PSI1Ny4zNjYiIHZpZXdCb3g9IjAgMCAzMjYuMzIzIDU3LjM2NiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIxLjAzIiB5MT0iMC41NzIiIHgyPSItMC4yMDgiIHkyPSIwLjIzNiIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2UzY2RmOCIvPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2QxYjdlZCIvPjxzdG9wIG9mZnNldD0iMC4xNzYiIHN0b3AtY29sb3I9IiNjZmI0ZWMiLz48c3RvcCBvZmZzZXQ9IjAuMzU4IiBzdG9wLWNvbG9yPSIjOTg2ZWM5Ii8+PHN0b3Agb2Zmc2V0PSIwLjYxNCIgc3RvcC1jb2xvcj0iIzY1MzRhNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBjMDcxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGlkPSLot6/lvoRfOTg1ODQiIGRhdGEtbmFtZT0i6Lev5b6EIDk4NTg0IiBkPSJNMzE1LjEsMTUuNjc1YTExLjY1MiwxMS42NTIsMCwwLDEtLjUxNi0xLjUxN2MtLjAxNC0uMi4wNjEtLjQ4LjUyOC0uNi40NzYtLjE0NiwxLjYtLjQ5MiwyLjU1Ny0uNzk0LjI1NC0uMDc1LjU3OS0uMTc5Ljk4NC0uMzIuMTg0LS4wNjEuMzMxLS4xMTIuNDE2LS4xNDZsLjQzOC0uMTczYy4wNS0uMDIxLjExMS0uMDQyLjE1OC0uMDYzbC4wMTQsMGgwYzEuMzc4LS41OTIsMS40NjItMS4wMjQsMS41NjQtMS42MTNhMy4xMSwzLjExLDAsMCwwLDAtLjgzNmwwLDBDMzIwLjk5Myw3LjQzNCwzMTguMjksNywzMTguMjksNywyNjAuODEtMS4xNjYsMTg0Ljk0MS0uMTc1LDE2Ni43MjcuMzIyYy0xNi4yLjQ0My0yNS43OTUuOC0zMy40MzgsMS44NzFsLjAwNiwwYy03LjUxMS43MzgtMTYuMjMzLDMuNjEyLTI1LDcuNDM2LTEuMDIuNDM0LTEuOTU3Ljg1Ny0yLjg0LDEuMjcyQzgyLjE2NSwyMS41NzcsNTkuNDgxLDM4LjA3MSw1OS40MzksMzguMWMtLjUxOC4zMTMtMS4xNC42NzUtMS43NTguOTk1YTE5LjAzMSwxOS4wMzEsMCwwLDEtMy45MDgsMS4wNDZjLTEzLjIyLDEuNy0xNC4yNjksMi4yMzYtMjAuOTE2LDMuMTgzLTEwLjc5MSwxLjUzNy0xMy44OSwyLjItMTkuMjk1LDMuOTczYTM2LjUyNSwzNi41MjUsMCwwLDAtOC42LDQuNDM4LDIxLjEsMjEuMSwwLDAsMC00LjEsNC4yMzlDLjYsNTYuMzY3LjE0MSw1Ny4xLjAzNSw1Ny4zYy0uNTIxLjk5NSw0LjY2NC05LjQ3OCwyOS40MzUtMTIuMzQxQzMzLjIwOCw0NC41LDM4LDQzLjgzMSwzOCw0My44MzFjMTUuNTIyLTEuOTA2LDEyLjItMS40MzcsMTUuNzMtMS45MjFsLjY2OC0uMDkyYy4xNDMtLjAyMS4zOTMtLjA2Ni42OTEtLjEyMS42MzgtLjEyLDEuNDg2LS4yOSwxLjk1Ny0uNGExMS41MTQsMTEuNTE0LDAsMCwwLDIuMTUxLS44YzMuNDk1LTEuODU0LDEzLjY0My04LjE4NiwyNi4zNjItMTUuOTUzLDYuMDQ2LTMuMjY4LDEwLjg2My01Ljc0MSwxNC43LTcuNjMyYTE0NS45NTcsMTQ1Ljk1NywwLDAsMSwyNi4wOC05LjYwNWwzLjE3NC0uN2M3LjgzNy0xLjQzOCw3LjAzMy0uOTIsMTEuODY2LTEuNDQ1LDMuNjIyLS4yNDcsOC4zODEtLjQ3OCwxMy40NTUtLjY0MSw1Ljg5NS0uMTg5LDExLjgyNC0uMzczLDEzLjcwNy0uMzc2QzI4Ny40NywzLjk2LDMxOC42LDkuNDUyLDMxOC42LDkuNDUyYS45MzYuOTM2LDAsMCwxLC4xMzQuMDI3Ljc1Ni43NTYsMCwwLDEsLjU0NS40MDZoMGEuNzE3LjcxNywwLDAsMS0uMDI4LjUxNCwxLjI2LDEuMjYsMCwwLDEtLjY4MS40MjVjLTQuOTg5LDEuNDUzLTQuOTQ1LDEuNDEyLTUuNzM4LDIuMDQ0LS40NDEuMzUxLS40MywxLjY1NC4zNSwzLjI0TDMyNi4zMjQsNDMuMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMSAwKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzI2LjMyMyIgaGVpZ2h0PSI1Ny4zNjYiIHZpZXdCb3g9IjAgMCAzMjYuMzIzIDU3LjM2NiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIxLjAzIiB5MT0iMC41NzIiIHgyPSItMC4yMDgiIHkyPSIwLjIzNiIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2UzY2RmOCIvPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2QxYjdlZCIvPjxzdG9wIG9mZnNldD0iMC4xNzYiIHN0b3AtY29sb3I9IiNjZmI0ZWMiLz48c3RvcCBvZmZzZXQ9IjAuMzU4IiBzdG9wLWNvbG9yPSIjOTg2ZWM5Ii8+PHN0b3Agb2Zmc2V0PSIwLjYxNCIgc3RvcC1jb2xvcj0iIzY1MzRhNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBjMDcxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGlkPSLot6/lvoRfOTg1ODQiIGRhdGEtbmFtZT0i6Lev5b6EIDk4NTg0IiBkPSJNMzE1LjEsMTUuNjc1YTExLjY1MiwxMS42NTIsMCwwLDEtLjUxNi0xLjUxN2MtLjAxNC0uMi4wNjEtLjQ4LjUyOC0uNi40NzYtLjE0NiwxLjYtLjQ5MiwyLjU1Ny0uNzk0LjI1NC0uMDc1LjU3OS0uMTc5Ljk4NC0uMzIuMTg0LS4wNjEuMzMxLS4xMTIuNDE2LS4xNDZsLjQzOC0uMTczYy4wNS0uMDIxLjExMS0uMDQyLjE1OC0uMDYzbC4wMTQsMGgwYzEuMzc4LS41OTIsMS40NjItMS4wMjQsMS41NjQtMS42MTNhMy4xMSwzLjExLDAsMCwwLDAtLjgzNmwwLDBDMzIwLjk5Myw3LjQzNCwzMTguMjksNywzMTguMjksNywyNjAuODEtMS4xNjYsMTg0Ljk0MS0uMTc1LDE2Ni43MjcuMzIyYy0xNi4yLjQ0My0yNS43OTUuOC0zMy40MzgsMS44NzFsLjAwNiwwYy03LjUxMS43MzgtMTYuMjMzLDMuNjEyLTI1LDcuNDM2LTEuMDIuNDM0LTEuOTU3Ljg1Ny0yLjg0LDEuMjcyQzgyLjE2NSwyMS41NzcsNTkuNDgxLDM4LjA3MSw1OS40MzksMzguMWMtLjUxOC4zMTMtMS4xNC42NzUtMS43NTguOTk1YTE5LjAzMSwxOS4wMzEsMCwwLDEtMy45MDgsMS4wNDZjLTEzLjIyLDEuNy0xNC4yNjksMi4yMzYtMjAuOTE2LDMuMTgzLTEwLjc5MSwxLjUzNy0xMy44OSwyLjItMTkuMjk1LDMuOTczYTM2LjUyNSwzNi41MjUsMCwwLDAtOC42LDQuNDM4LDIxLjEsMjEuMSwwLDAsMC00LjEsNC4yMzlDLjYsNTYuMzY3LjE0MSw1Ny4xLjAzNSw1Ny4zYy0uNTIxLjk5NSw0LjY2NC05LjQ3OCwyOS40MzUtMTIuMzQxQzMzLjIwOCw0NC41LDM4LDQzLjgzMSwzOCw0My44MzFjMTUuNTIyLTEuOTA2LDEyLjItMS40MzcsMTUuNzMtMS45MjFsLjY2OC0uMDkyYy4xNDMtLjAyMS4zOTMtLjA2Ni42OTEtLjEyMS42MzgtLjEyLDEuNDg2LS4yOSwxLjk1Ny0uNGExMS41MTQsMTEuNTE0LDAsMCwwLDIuMTUxLS44YzMuNDk1LTEuODU0LDEzLjY0My04LjE4NiwyNi4zNjItMTUuOTUzLDYuMDQ2LTMuMjY4LDEwLjg2My01Ljc0MSwxNC43LTcuNjMyYTE0NS45NTcsMTQ1Ljk1NywwLDAsMSwyNi4wOC05LjYwNWwzLjE3NC0uN2M3LjgzNy0xLjQzOCw3LjAzMy0uOTIsMTEuODY2LTEuNDQ1LDMuNjIyLS4yNDcsOC4zODEtLjQ3OCwxMy40NTUtLjY0MSw1Ljg5NS0uMTg5LDExLjgyNC0uMzczLDEzLjcwNy0uMzc2QzI4Ny40NywzLjk2LDMxOC42LDkuNDUyLDMxOC42LDkuNDUyYS45MzYuOTM2LDAsMCwxLC4xMzQuMDI3Ljc1Ni43NTYsMCwwLDEsLjU0NS40MDZoMGEuNzE3LjcxNywwLDAsMS0uMDI4LjUxNCwxLjI2LDEuMjYsMCwwLDEtLjY4MS40MjVjLTQuOTg5LDEuNDUzLTQuOTQ1LDEuNDEyLTUuNzM4LDIuMDQ0LS40NDEuMzUxLS40MywxLjY1NC4zNSwzLjI0TDMyNi4zMjQsNDMuMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMSAwKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+PC9zdmc+");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-image: url(/dam/hima-site/cn/zhijie/v9/images/icons/icon-title-light.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 55.21% auto;
  background-position-x: -114%;
}
#zhijie-v9-container .section-title .title-light-content .gradient-text {
  background-image: url(/dam/hima-site/cn/zhijie/v9/images/icons/icon-title-light.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 52.33% auto;
  background-position-x: -105%;
}
#zhijie-v9-container .section-title .title-icon {
  width: 92%;
  height: 2.988021vw;
  top: 0;
  left: 0.3125vw;
}
#zhijie-v9-container .section-title .title-icon svg {
  width: 100%;
  height: auto;
}
#zhijie-v9-container .section-title .gradient-text {
  margin-top: -0.625vw;
  letter-spacing: 0.1em;
  margin-left: 0.08em;
}
#zhijie-v9-container .section-title.animated .gradient-text {
  letter-spacing: 0.2em;
}
#zhijie-v9-container .section-title.animated .title-main-content .title-icon {
  transition: background-position-x 1300ms;
  background-position-x: 70%;
}
#zhijie-v9-container .section-title.animated .title-main-content .gradient-text {
  transition: background-position-x 1300ms, letter-spacing 1300ms;
  background-position-x: 80%;
}
#zhijie-v9-container .section-title.animated .title-light-content .title-icon {
  transition: background-position-x 1250ms;
  background-position-x: 220%;
}
#zhijie-v9-container .section-title.animated .title-light-content .gradient-text {
  transition: background-position-x 1300ms, letter-spacing 1300ms;
  background-position-x: 195%;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-title .title-main-content, #zhijie-v9-container .section-title .title-light-content {
    padding-top: 8.333333vw;
  }
  #zhijie-v9-container .section-title .title-icon {
    height: 7.968056vw;
    left: 0.833333vw;
  }
  #zhijie-v9-container .section-title .gradient-text {
    margin-top: -1.666667vw;
  }
}
#zhijie-v9-container .section-safety .section-title .title-main-content .gradient-text {
  background-size: 180% 180%;
}
#zhijie-v9-container .hero-sku {
  margin-top: 3.541667vw;
  text-align: center;
}
#zhijie-v9-container .hero-sku .pricing {
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #000;
}
#zhijie-v9-container .hero-sku .from {
  font-size: 0.677083vw;
}
#zhijie-v9-container .hero-sku [data-footnote] {
  font-size: 1em;
  vertical-align: inherit;
}
#zhijie-v9-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) {
  #zhijie-v9-container .hero-sku .buy-cta:hover {
    opacity: 0.8;
  }
}
#zhijie-v9-container .hero-sku.sku-light .pricing {
  color: #fff;
}
#zhijie-v9-container .hero-sku.sku-light .buy-cta {
  color: #000;
  background-color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .hero-sku {
    margin-top: 8.888889vw;
  }
  #zhijie-v9-container .hero-sku .pricing {
    font-size: 5.555556vw;
  }
  #zhijie-v9-container .hero-sku .from {
    font-size: 3.611111vw;
  }
}
#zhijie-v9-container .section-highlights {
  overflow: hidden;
}
#zhijie-v9-container .section-highlights .swiper {
  overflow: visible;
  will-change: transform;
}
#zhijie-v9-container .section-highlights .swiper-wrapper, #zhijie-v9-container .section-highlights [data-swiper-parallax-x], #zhijie-v9-container .section-highlights [data-swiper-parallax-y], #zhijie-v9-container .section-highlights [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#zhijie-v9-container .section-highlights .swiper-touch-move .swiper-wrapper, #zhijie-v9-container .section-highlights .swiper-touch-move [data-swiper-parallax-x], #zhijie-v9-container .section-highlights .swiper-touch-move [data-swiper-parallax-y], #zhijie-v9-container .section-highlights .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#zhijie-v9-container .section-highlights .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#zhijie-v9-container .section-highlights .slide-content {
  will-change: opacity;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: 2.916667vw 0.9375vw 0;
  color: #FFFFFF;
}
#zhijie-v9-container .section-highlights .slide-content .title {
  font-weight: 500;
  line-height: 1.25;
  cursor: default;
  transition-duration: 800ms;
  letter-spacing: 0.07em;
}
#zhijie-v9-container .section-highlights .swiper-fade .pagination-current {
  transition-duration: 0.4s;
}
#zhijie-v9-container .section-highlights.autoplay-animating .pagination-line::before {
  transition-duration: 3.8s;
  transform: scaleX(1);
}
#zhijie-v9-container .section-highlights.autoplay-animating .autoplay-3s .pagination-line::before {
  transition-duration: 2.8s;
  transform: scaleX(1);
}
#zhijie-v9-container .section-highlights .content-container {
  display: flex;
  justify-content: center;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-highlights .swiper {
    transform-origin: center 16%;
  }
  #zhijie-v9-container .section-highlights .slide-content {
    margin: 8.333333vw 4.861111vw 0;
  }
  #zhijie-v9-container .section-highlights .slide-content .title {
    letter-spacing: 0.1em;
  }
}
#zhijie-v9-container .tabnav-section {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#zhijie-v9-container .tabnav-section .tabnav-container {
  position: relative;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  height: 2.916667vw;
}
#zhijie-v9-container .tabnav-section .tabnav-container .tabnav-wrapper > div {
  position: relative;
  display: inline-flex;
  background: #FFFFFF;
  border-radius: 999px;
  padding: 0.208333vw;
}
#zhijie-v9-container .tabnav-section .tabnav-container .tabnav-list {
  position: relative;
  z-index: 2;
  display: flex;
}
#zhijie-v9-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;
}
#zhijie-v9-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item.current {
  cursor: default;
  color: #FFFFFF;
}
@media (hover: hover) {
  #zhijie-v9-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item:not(.current):hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
#zhijie-v9-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;
}
#zhijie-v9-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;
}
#zhijie-v9-container .tabnav-section .stack-list {
  display: flex;
  text-align: center;
}
#zhijie-v9-container .tabnav-section .stack-list .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 360ms;
  opacity: 0;
  color: #6A6A6A;
}
#zhijie-v9-container .tabnav-section .stack-list .stack-item .tips {
  color: #B2B2B2;
}
#zhijie-v9-container .tabnav-section .stack-list .stack-item.current {
  z-index: 1;
  transition-delay: 240ms;
  opacity: 1;
}
#zhijie-v9-container .tabnav-section .stack-list .stack-item:nth-child(n+2) {
  margin-left: -100%;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .tabnav-section .tabnav-container {
    height: 13.333333vw;
  }
  #zhijie-v9-container .tabnav-section .tabnav-content {
    width: 100%;
    overflow: hidden;
  }
  #zhijie-v9-container .tabnav-section .tabnav-content .tabnav-scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #zhijie-v9-container .tabnav-section .tabnav-content .tabnav-scrollable::-webkit-scrollbar {
    display: none;
  }
  #zhijie-v9-container .tabnav-section .tabnav-content .tabnav-wrapper {
    padding-right: 6.944444vw;
    padding-left: 6.944444vw;
  }
  #zhijie-v9-container .tabnav-section .tabnav-content .tabnav-wrapper > div {
    padding: 1.111111vw;
  }
  #zhijie-v9-container .tabnav-section .tabnav-content .tabnav-indicator {
    top: 1.111111vw;
    left: 1.111111vw;
    height: calc(100% - 2.222222vw);
  }
  #zhijie-v9-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) {
  #zhijie-v9-container .tabnav-section .tabnav-content .tabnav-list .tabnav-item:not(.current):hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
#zhijie-v9-container .rounded, #zhijie-v9-container .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}
#zhijie-v9-container .rounded-left {
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}
#zhijie-v9-container .rounded-right {
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #zhijie-v9-container .rounded, #zhijie-v9-container .xs\:rounded {
    border-radius: 2.222222vw;
  }
  #zhijie-v9-container .lg\:rounded {
    border-radius: 0;
  }
  #zhijie-v9-container .rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #zhijie-v9-container .rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
#zhijie-v9-container .shine-container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.333333vw;
}
#zhijie-v9-container .shine-container .shine-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 999px;
  background-color: #343536;
}
#zhijie-v9-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) {
  #zhijie-v9-container .shine-container {
    height: 13.333333vw;
  }
}
#zhijie-v9-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;
}
#zhijie-v9-container .btn-replay .icon-replay {
  width: 0.833333vw;
  margin-left: 0.416667vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .btn-replay {
    position: initial;
    font-size: 3.888889vw;
    width: -moz-max-content;
    width: max-content;
    margin: 6.666667vw auto 0;
  }
  #zhijie-v9-container .btn-replay .icon-replay {
    width: 3.030556vw;
    margin-left: 1.111111vw;
  }
}
#zhijie-v9-container .video-container.ended .btn-replay {
  transition: opacity 300ms ease-in;
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .video-container.ended .btn-replay:hover {
    opacity: 1 !important;
  }
}
#zhijie-v9-container .desc-color {
  color: #6D6F72;
}
#zhijie-v9-container .desc-color-89 {
  color: #898A8D;
}
#zhijie-v9-container .section-card-swiper .swiper-slide {
  width: 33.125vw;
}
#zhijie-v9-container .section-card-swiper .text-content {
  width: 90%;
  cursor: auto;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-card-swiper .swiper-slide {
    width: 86.666667vw;
  }
}
#zhijie-v9-container .sticky-container {
  position: relative;
  height: 150vh;
}
#zhijie-v9-container .sticky-container .sticky-content {
  position: sticky;
  top: calc(50vh - 16.145833vw);
}
#zhijie-v9-container .gallery-container .gallery {
  position: relative;
}
#zhijie-v9-container .gallery-container .gallery-wrapper {
  display: flex;
}
#zhijie-v9-container .gallery-container .gallery-slide {
  position: relative;
  width: 100%;
}
#zhijie-v9-container .gallery-container .gallery-slide + .gallery-slide {
  margin-left: -100%;
}
#zhijie-v9-container .gallery-container .clip-item {
  position: relative;
  transition: clip-path 0s 0.8s;
}
#zhijie-v9-container .gallery-container .current .clip-item {
  z-index: 1;
  transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#zhijie-v9-container .gallery-container .swiper {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .button-link {
  position: absolute;
  bottom: 4.166667vw;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.208333vw;
  height: 2.916667vw;
  cursor: pointer;
  transition: all 0.3s ease-out;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(14px);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='64' viewBox='0 0 205 64'%3E%3Cg transform='translate(-851 -1008)'%3E%3Crect width='205' height='64' transform='translate(851 1008)' fill='none'/%3E%3Cpath d='M148.769.043a11.877,11.877,0,0,1,10.015,5.192l13.9,21.537a9.558,9.558,0,0,1,0,10.5l-13.9,21.537A11.877,11.877,0,0,1,148.769,64L-3.26,63.957a11.876,11.876,0,0,1-10.015-5.192l-13.9-21.537a9.558,9.558,0,0,1,0-10.5l13.9-21.537A11.876,11.876,0,0,1-3.26,0Z' transform='translate(880.746 1008)'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='64' viewBox='0 0 205 64'%3E%3Cg transform='translate(-851 -1008)'%3E%3Crect width='205' height='64' transform='translate(851 1008)' fill='none'/%3E%3Cpath d='M148.769.043a11.877,11.877,0,0,1,10.015,5.192l13.9,21.537a9.558,9.558,0,0,1,0,10.5l-13.9,21.537A11.877,11.877,0,0,1,148.769,64L-3.26,63.957a11.876,11.876,0,0,1-10.015-5.192l-13.9-21.537a9.558,9.558,0,0,1,0-10.5l13.9-21.537A11.876,11.876,0,0,1-3.26,0Z' transform='translate(880.746 1008)'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .button-copy {
  flex-shrink: 0;
  color: #fff;
  font-size: 0.9375vw;
}
@media (hover: hover) and (pointer: fine) {
  #zhijie-v9-container .section-appearance .section-appearance-01 .button-link:hover {
    background-color: rgba(0, 0, 0, 0.12);
  }
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list {
  width: 55.104167vw;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  width: 21.354167vw;
  white-space: nowrap;
  padding-bottom: 1.041667vw;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item:nth-child(1), #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item:nth-child(2) {
  margin-bottom: 2.083333vw;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-value-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  color: #ffffff;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-value-item > div {
  align-items: baseline;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-value {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 1em;
  line-height: 1.25;
  font-weight: 500;
  font-size: var(--stat-number-font-size, 3.333333vw);
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-number {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-number span {
  height: 1em;
  line-height: 1.25;
  font-weight: 500;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-unit {
  margin-top: 0.729167vw;
  margin-left: 0.833333vw;
  font-size: 1.041667vw;
  line-height: 1.25;
  font-weight: 500;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-caption {
  font-size: 1.041667vw;
  font-weight: 500;
  color: #8A6FB5;
  line-height: 1.25;
}
#zhijie-v9-container .section-appearance .section-appearance-01 .tips {
  width: 55.104167vw;
  color: #585858;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-appearance .section-appearance-01 .button-link {
    width: 37.083333vw;
    height: 11.111111vw;
    bottom: 8.888889vw;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .button-copy {
    font-size: 3.611111vw;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list {
    width: 72.222222vw;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item {
    width: 100%;
    padding-bottom: 2.222222vw;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item:not(:last-child) {
    margin-bottom: 5.555556vw;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-value {
    font-size: var(--stat-number-font-size, 8.888889vw);
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-unit {
    margin-top: 0;
    margin-left: 3.888889vw;
    font-size: 3.888889vw;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item .stat-caption {
    font-size: 3.888889vw;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item:nth-child(2) {
    order: 1;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .stat-list .stat-item:nth-child(4) {
    order: 2;
  }
  #zhijie-v9-container .section-appearance .section-appearance-01 .tips {
    width: 72.222222vw;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) and (pointer: fine) {
  #zhijie-v9-container .section-appearance .section-appearance-01 .button-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-appearance .section-appearance-02 .wrap {
    padding-top: 0;
  }
}
#zhijie-v9-container .pagination-item {
  display: flex;
  overflow: hidden;
  align-items: center;
  width: auto;
  font-size: var(--pagination-font-size, 1.041667vw);
  font-weight: 800;
  line-height: 1;
  color: #ffffff;
}
#zhijie-v9-container .pagination-item.swiper-pagination-lock {
  display: none;
}
#zhijie-v9-container .pagination-current {
  display: flex;
  flex-direction: column;
  height: 1em;
  transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: translate3d(0, var(--pagination-y, 0), 0);
  text-align: right;
}
#zhijie-v9-container .pagination-line {
  position: relative;
  overflow: hidden;
  width: 6.25vw;
  height: 2px;
  margin-right: 0.833333vw;
  margin-left: 0.833333vw;
  background-color: rgba(255, 255, 255, 0.4);
}
#zhijie-v9-container .pagination-line::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 0.6s linear;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #fff;
}
#zhijie-v9-container .pagination-total {
  opacity: 0.4;
}
#zhijie-v9-container .arrownav-list {
  display: flex;
}
#zhijie-v9-container .arrownav-list .arrownav-item {
  width: 2.604167vw;
  cursor: pointer;
  outline: 0;
}
#zhijie-v9-container .arrownav-list .arrownav-item:not(.arrownav-disabled):hover .path-outline-anim {
  stroke-dasharray: 157, 0;
}
#zhijie-v9-container .arrownav-list .icon-path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2px;
}
#zhijie-v9-container .arrownav-list .path-outline {
  opacity: 0.2;
}
#zhijie-v9-container .arrownav-list .path-arrow {
  transition: opacity 0.8s;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#zhijie-v9-container .arrownav-list .path-outline-anim {
  transition: stroke-dasharray 0.8s;
  stroke-dasharray: 0, 157;
  stroke-dashoffset: 50;
}
#zhijie-v9-container .arrownav-list .arrownav-disabled {
  cursor: default;
}
#zhijie-v9-container .arrownav-list .arrownav-disabled .path-arrow {
  opacity: 0.2;
}
#zhijie-v9-container .arrownav-list .arrownav-next {
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .pagination-item {
    font-size: var(--pagination-font-size, 3.888889vw);
  }
  #zhijie-v9-container .pagination-line {
    width: 10.5vw;
    height: 0.2142857vw;
    margin-right: 2vw;
    margin-left: 2vw;
  }
  #zhijie-v9-container .arrownav-list .arrownav-item {
    width: 5.42857vw;
  }
  #zhijie-v9-container .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
  #zhijie-v9-container .arrownav-list .icon-path {
    stroke-width: 3px;
  }
  #zhijie-v9-container .arrownav-list .path-outline-anim {
    display: none;
  }
  #zhijie-v9-container .arrownav-list .arrownav-next {
    margin-left: 1.7142857vw;
  }
}
#zhijie-v9-container .autoplay-trigger {
  position: absolute;
  top: 80%;
}
#zhijie-v9-container .swiper-style-1 .gallery-container {
  display: flex;
  overflow: hidden;
}
#zhijie-v9-container .swiper-style-1 .gallery-container .gallery-wrapper {
  display: flex;
}
#zhijie-v9-container .swiper-style-1 .gallery {
  z-index: 3;
  flex-shrink: 0;
  width: 60.625vw;
}
#zhijie-v9-container .swiper-style-1 .gallery-slide .clip-item {
  opacity: 1;
  transition: clip-path 1.2s ease-in-out, opacity 1.2s ease-in-out;
}
#zhijie-v9-container .swiper-style-1 .gallery-slide.current .clip-item {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  opacity: 1;
}
#zhijie-v9-container .swiper-style-1 .gallery-slide.left .clip-item {
  clip-path: polygon(-20% 0%, 0% 0%, 0% 100%, -20% 100%);
  opacity: 0;
}
#zhijie-v9-container .swiper-style-1 .gallery-slide.right .clip-item {
  clip-path: polygon(100% 0%, 120% 0%, 120% 100%, 100% 100%);
  opacity: 0;
}
#zhijie-v9-container .swiper-style-1 .gallery-slide.zoom-in-transition {
  transition: transform 0.8s;
  transform-origin: left;
}
#zhijie-v9-container .swiper-style-1 .gallery-slide.zoom-in-slide {
  transform: scale(1.34);
}
#zhijie-v9-container .swiper-style-1 .content-container {
  padding: 3.333333vw 2.5vw;
  background-color: #2B194B;
}
#zhijie-v9-container .swiper-style-1 .content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#zhijie-v9-container .swiper-style-1 .stack-list {
  order: 2;
}
#zhijie-v9-container .swiper-style-1 .pagination-item {
  order: 1;
}
#zhijie-v9-container .swiper-style-1 .content-container .content-wrapper .arrownav-list {
  order: 3;
  margin-left: 0;
}
#zhijie-v9-container .swiper-style-1.autoplay-animating .content-container .content-wrapper .pagination-item .pagination-line::before {
  transition-duration: 3.8s;
  transform: scaleX(1);
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .swiper-style-1 .gallery-container {
    flex-direction: column;
  }
  #zhijie-v9-container .swiper-style-1 .gallery {
    width: 100%;
  }
  #zhijie-v9-container .swiper-style-1 .gallery-slide.zoom-in-slide {
    transition: none;
    transform: none;
  }
  #zhijie-v9-container .swiper-style-1 .content-container {
    padding: 8.333333vw 11.666667vw 11.111111vw;
  }
  #zhijie-v9-container .swiper-style-1 .stack-list {
    order: 1;
  }
  #zhijie-v9-container .swiper-style-1 .pagination-item {
    order: 2;
  }
  #zhijie-v9-container .swiper-style-1 .content-wrapper {
    flex-direction: row;
  }
}
#zhijie-v9-container .swiper-style-2 .lg-gallery {
  display: block;
}
#zhijie-v9-container .swiper-style-2 .xs-gallery {
  display: none;
}
#zhijie-v9-container .swiper-style-2 .text-content .headline {
  margin-left: 2.083333vw;
}
#zhijie-v9-container .swiper-style-2 .lg-gallery-slide .clip-item-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#zhijie-v9-container .swiper-style-2 .text-content {
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
  margin-top: 3.645833vw;
}
#zhijie-v9-container .swiper-style-2 .clip-item-1 {
  width: 53.333333vw;
  opacity: 1;
  transition: clip-path 1.2s ease-in-out, opacity 1.2s ease-in-out;
}
#zhijie-v9-container .swiper-style-2 .clip-item-2 {
  width: 26.666667vw;
  margin-top: -9.166667vw;
  opacity: 1;
  transition: clip-path 1.2s ease-in-out, opacity 1.2s ease-in-out;
}
#zhijie-v9-container .swiper-style-2 .gallery-slide.current .clip-item-1 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  opacity: 1;
}
#zhijie-v9-container .swiper-style-2 .gallery-slide.current .clip-item-2 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  opacity: 1;
}
#zhijie-v9-container .swiper-style-2 .gallery-slide.current .text-content {
  opacity: 1;
}
#zhijie-v9-container .swiper-style-2 .gallery-slide.left .clip-item-1 {
  clip-path: polygon(-20% 0%, 0% 0%, 0% 100%, -20% 100%);
  opacity: 0;
}
#zhijie-v9-container .swiper-style-2 .gallery-slide.left .clip-item-2 {
  clip-path: polygon(-20% 0%, 0% 0%, 0% 100%, -20% 100%);
  opacity: 0;
}
#zhijie-v9-container .swiper-style-2 .gallery-slide.right .clip-item-1 {
  clip-path: polygon(100% 0%, 120% 0%, 120% 100%, 100% 100%);
  opacity: 0;
}
#zhijie-v9-container .swiper-style-2 .gallery-slide.right .clip-item-2 {
  clip-path: polygon(100% 0%, 120% 0%, 120% 100%, 100% 100%);
  opacity: 0;
}
#zhijie-v9-container .swiper-style-2 .content-container {
  display: flex;
  justify-content: space-between;
}
#zhijie-v9-container .swiper-style-2 .content-wrapper {
  display: flex;
  align-items: center;
  margin-top: -0.9375vw;
}
#zhijie-v9-container .swiper-style-2 .stacklist {
  width: 43.354167vw;
  padding-left: 2.083333vw;
}
#zhijie-v9-container .swiper-style-2 .stacklist .stack-item + .stack-item {
  margin-left: -100%;
}
#zhijie-v9-container .swiper-style-2 .stacklist-xs {
  display: none;
}
#zhijie-v9-container .swiper-style-2.autoplay-animating .content-container .content-wrapper .pagination-item .pagination-line::before {
  transition-duration: 3.8s;
  transform: scaleX(1);
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .swiper-style-2 .lg-gallery {
    display: none;
  }
  #zhijie-v9-container .swiper-style-2 .xs-gallery {
    display: block;
  }
  #zhijie-v9-container .swiper-style-2 .stacklist-web {
    display: none;
  }
  #zhijie-v9-container .swiper-style-2 .stacklist-xs {
    display: flex;
  }
  #zhijie-v9-container .swiper-style-2 .text-content .headline {
    margin-left: 11.666667vw;
  }
  #zhijie-v9-container .swiper-style-2 .gallery-slide.current .clip-item {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  #zhijie-v9-container .swiper-style-2 .gallery-slide.left .clip-item {
    clip-path: polygon(-20% 0%, 0% 0%, 0% 100%, -20% 100%);
  }
  #zhijie-v9-container .swiper-style-2 .gallery-slide.right .clip-item {
    clip-path: polygon(100% 0%, 120% 0%, 120% 100%, 100% 100%);
  }
  #zhijie-v9-container .swiper-style-2 .content-container {
    width: 72.222222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #zhijie-v9-container .swiper-style-2 .content-container .stacklist {
    width: 100%;
    padding-left: 0;
  }
  #zhijie-v9-container .swiper-style-2 .content-container .content-wrapper {
    width: 100%;
    margin-top: 4.444444vw;
    justify-content: space-between;
  }
}
#zhijie-v9-container .swiper-style-3 .content-container .content-wrapper {
  align-items: flex-end;
}
#zhijie-v9-container .swiper-style-3 .content-container .stack-list {
  width: 44.875vw;
  margin-left: 2.083333vw;
}
#zhijie-v9-container .swiper-style-3 .arrownav-list {
  margin-left: 2.083333vw;
}
#zhijie-v9-container .swiper-style-3 .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;
}
#zhijie-v9-container .swiper-style-3 .video-container.show::after {
  opacity: 1;
  transition: opacity 600ms 200ms linear;
  will-change: opacity;
}
#zhijie-v9-container .swiper-style-3.autoplay-animating .content-container .content-wrapper .pagination-item .pagination-line::before {
  transition-duration: 3.8s;
  transform: scaleX(1);
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .swiper-style-3 .content-container .stack-list {
    width: 100%;
    margin-left: 0;
    margin-bottom: 4.444444vw;
  }
  #zhijie-v9-container .swiper-style-3 .content-container .content-widget {
    width: 100%;
    justify-content: space-between;
  }
}
#zhijie-v9-container .pagination-swiper-section .swiper-pagination {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .pagination-swiper-section .swiper-pagination {
    bottom: 8.888889vw;
    display: flex;
    justify-content: center;
  }
  #zhijie-v9-container .pagination-swiper-section .swiper-pagination .swiper-pagination-bullet {
    width: 11.111111vw;
    height: 0.833333vw;
    border-radius: 0;
    margin: 0 1.666667vw;
    background-color: #FFFFFF;
    opacity: 0.4;
    transition: opacity 0.8s ease;
  }
  #zhijie-v9-container .pagination-swiper-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
  }
}
#zhijie-v9-container .section-appearance-03 .content-container .stack-list {
  width: 48.875vw;
}
#zhijie-v9-container .section-appearance-03 .content-container .content-widget {
  margin-top: 2.708333vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-appearance-03 .content-container .stack-list {
    width: 100%;
    margin-bottom: 4.444444vw;
  }
  #zhijie-v9-container .section-appearance-03 .content-container .content-widget {
    margin-top: 0;
    width: 100%;
    justify-content: space-between;
  }
}
#zhijie-v9-container .section-appearance-04 .tabnav-content {
  position: relative;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
}
#zhijie-v9-container .section-appearance-04 .tabnav-item {
  color: rgba(255, 255, 255, 0.4);
}
#zhijie-v9-container .section-appearance-04 .tabnav-item.current {
  color: rgb(255, 255, 255);
}
#zhijie-v9-container .section-appearance-04 .tabnav-item + .tabnav-item {
  margin-left: 2.916667vw;
}
#zhijie-v9-container .section-appearance-04 .tabnav-indicator::before {
  background-color: rgba(255, 255, 255, 0.4);
}
#zhijie-v9-container .section-appearance-04 .tabnav-indicator::after {
  background-color: #6841B7;
}
#zhijie-v9-container .section-appearance-04 .colournav-container {
  justify-content: center;
  padding-top: 1.666667vw;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  pointer-events: none;
  opacity: 0;
  margin-bottom: 1px;
}
#zhijie-v9-container .section-appearance-04 .swiper-slide {
  will-change: clip-path;
  opacity: 0 !important;
}
#zhijie-v9-container .section-appearance-04 .swiper-slide.swiper-slide-prev, #zhijie-v9-container .section-appearance-04 .swiper-slide.swiper-slide-next {
  transition: opacity 1s ease-in-out;
}
#zhijie-v9-container .section-appearance-04 .swiper-slide.swiper-slide-active {
  transition: clip-path 1s ease-in-out, opacity 1s ease-in-out;
  opacity: 1 !important;
  animation: color-slide-active 1s ease-in-out forwards;
}
@keyframes color-slide-active {
  0% {
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
  }
  100% {
    clip-path: polygon(50% -60%, 110% -10%, 110% 110%, 50% 160%, -10% 110%, -10% -10%);
  }
}
#zhijie-v9-container .section-appearance-04 .swiper-slide-active .colournav-container {
  pointer-events: all;
  opacity: 1;
}
#zhijie-v9-container .section-appearance-04 .colournav-container {
  padding-top: 2.5vw;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  pointer-events: none;
  opacity: 0;
  margin-bottom: 1px;
}
#zhijie-v9-container .section-appearance-04 .label-list {
  flex-direction: column;
  text-align: right;
}
#zhijie-v9-container .section-appearance-04 .label-item {
  height: 100%;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#zhijie-v9-container .section-appearance-04 .colournav-list {
  margin-right: 2.083333vw;
}
#zhijie-v9-container .section-appearance-04 .colournav-item .colour-swatch-indicator {
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .section-appearance-04 .colournav-item .colour-swatch-indicator svg {
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .section-appearance-04 .colournav-item .colour-swatch-indicator {
  transition: opacity 1s;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-appearance-04 .tabnav-item + .tabnav-item {
    margin-left: 7.777778vw;
  }
  #zhijie-v9-container .section-appearance-04 .colournav-container {
    padding-top: 5.555556vw;
  }
  #zhijie-v9-container .section-appearance-04 .colournav-list {
    margin-right: 4.444444vw;
  }
  #zhijie-v9-container .section-appearance-04 .swiper-slide:first-child .label-item {
    font-size: 4.444444vw;
  }
}
#zhijie-v9-container .section-comfortable-cabin .section-comfortable-cabin-01 .desc {
  left: 0;
  right: 0;
  bottom: 5vw;
  color: #ffffff;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-comfortable-cabin .section-comfortable-cabin-01 .desc {
    width: 72.222222vw;
    margin-left: auto;
    margin-right: auto;
    position: initial;
    color: #A4A1B6;
  }
}
#zhijie-v9-container .section-comfortable-cabin .section-comfortable-cabin-02 .stack-list .headline {
  color: white;
}
#zhijie-v9-container .section-comfortable-cabin .section-comfortable-cabin-02 .arrownav-list {
  margin-left: 0;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-space .text-content {
    padding-left: 11.666667vw;
  }
  #zhijie-v9-container .section-space .swiper {
    width: 95.555556vw;
  }
}
#zhijie-v9-container .section-trunk .desc {
  width: 34.583333vw;
  color: #A4A1B6;
}
#zhijie-v9-container .section-trunk .info-list {
  color: #ffffff;
}
#zhijie-v9-container .section-trunk .info-list .info-line {
  width: 1px;
  height: 5.416667vw;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0.260417vw 4.166667vw 0;
}
#zhijie-v9-container .section-trunk .info-list .info-title {
  color: #8a6fb5;
}
#zhijie-v9-container .section-trunk .info-list .info-item p.txt-64 {
  line-height: 1.25;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-trunk .text-content {
    padding: 0 13.888889vw;
  }
  #zhijie-v9-container .section-trunk .desc {
    width: 100%;
  }
  #zhijie-v9-container .section-trunk .info-list {
    width: 100%;
  }
  #zhijie-v9-container .section-trunk .info-list .info-line {
    display: none;
  }
  #zhijie-v9-container .section-trunk .info-list .info-item {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 3.333333vw;
  }
}
#zhijie-v9-container .section-alpine-cockpit-02 .swiper-wrapper {
  justify-content: space-between;
}
#zhijie-v9-container .section-alpine-cockpit-02 .swiper-slide-1 {
  width: 53.333333vw;
}
#zhijie-v9-container .section-alpine-cockpit-02 .swiper-slide-2 {
  width: 26.666667vw;
  margin-top: -9.166667vw;
}
#zhijie-v9-container .section-alpine-cockpit-02 .desc {
  width: 22.770833vw;
  top: 38.125vw;
  right: 0;
  z-index: 1;
}
#zhijie-v9-container .section-alpine-cockpit-02 .wrap {
  padding-top: 3.229167vw;
}
#zhijie-v9-container .section-alpine-cockpit-02 .text-content {
  padding-left: 2.083333vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-alpine-cockpit-02 .wrap {
    padding-top: 0;
  }
  #zhijie-v9-container .section-alpine-cockpit-02 .desc {
    width: 72.222222vw;
  }
  #zhijie-v9-container .section-alpine-cockpit-02 .text-content {
    padding-left: 11.666667vw;
  }
  #zhijie-v9-container .section-alpine-cockpit-02 .desc {
    position: initial;
  }
  #zhijie-v9-container .section-alpine-cockpit-02 .swiper-slide-2 {
    margin-top: 0;
  }
}
#zhijie-v9-container .section-dimming-glass .wrap {
  height: 38.541667vw;
}
#zhijie-v9-container .section-dimming-glass .video-container {
  position: absolute;
  left: 0;
  width: 53.333333vw;
}
#zhijie-v9-container .section-dimming-glass .headline, #zhijie-v9-container .section-dimming-glass .desc {
  width: 18.770833vw;
  margin-left: 57.5vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-dimming-glass .wrap {
    height: auto;
  }
  #zhijie-v9-container .section-dimming-glass .headline {
    order: -1;
    width: auto;
    margin-left: 11.666667vw;
  }
  #zhijie-v9-container .section-dimming-glass .desc {
    width: 72.222222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #zhijie-v9-container .section-dimming-glass .images-container {
    width: 100%;
    position: initial;
  }
}
#zhijie-v9-container .section-noise-reduction .headline, #zhijie-v9-container .section-noise-reduction .desc {
  width: 18.770833vw;
  margin-left: 4.0625vw;
}
#zhijie-v9-container .section-noise-reduction .wrap {
  height: 38.541667vw;
}
#zhijie-v9-container .section-noise-reduction .images-container {
  width: 53.333333vw;
  position: absolute;
  right: 0;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-noise-reduction .wrap {
    height: auto;
  }
  #zhijie-v9-container .section-noise-reduction .headline {
    width: auto;
    margin-left: 11.666667vw;
  }
  #zhijie-v9-container .section-noise-reduction .desc {
    width: 72.222222vw;
    margin-left: auto;
    margin-right: auto;
    order: 1;
  }
  #zhijie-v9-container .section-noise-reduction .images-container {
    width: 100%;
    position: initial;
  }
}
#zhijie-v9-container .section-sound-ultimate .headline,
#zhijie-v9-container .section-sound-ultimate .desc {
  width: 22.916667vw;
  margin-left: 2.083333vw;
}
#zhijie-v9-container .section-sound-ultimate .sound-left {
  width: 26.666667vw;
}
#zhijie-v9-container .section-sound-ultimate .sound-right {
  width: 53.333333vw;
  margin-top: -17.708333vw;
}
#zhijie-v9-container .section-sound-ultimate .params-list {
  width: 40.625vw;
  bottom: 1.666667vw;
  right: 4.166667vw;
  color: #ffffff;
}
#zhijie-v9-container .section-sound-ultimate .params-list .param-title {
  color: #8A6FB5;
}
#zhijie-v9-container .section-sound-ultimate .params-list .params-item-line {
  width: 1px;
  height: 5.416667vw;
  background: rgba(255, 255, 255, 0.3);
}
#zhijie-v9-container .section-sound-ultimate .params-list .params-item p.txt-64 {
  line-height: 1.25;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-sound-ultimate .headline,
  #zhijie-v9-container .section-sound-ultimate .desc {
    width: 72.222222vw;
    margin-left: 11.666667vw;
  }
  #zhijie-v9-container .section-sound-ultimate .desc {
    order: 1;
  }
  #zhijie-v9-container .section-sound-ultimate .images-container {
    flex-direction: column-reverse;
  }
  #zhijie-v9-container .section-sound-ultimate .sound-left {
    width: 100%;
  }
  #zhijie-v9-container .section-sound-ultimate .sound-right {
    width: 100%;
    margin-top: 0;
    margin-bottom: 3.333333vw;
  }
  #zhijie-v9-container .section-sound-ultimate .params-list {
    position: initial;
    width: 72.222222vw;
    order: 2;
  }
  #zhijie-v9-container .section-sound-ultimate .params-list .params-item-line {
    display: none;
  }
  #zhijie-v9-container .section-sound-ultimate .params-list .params-item {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    width: 30.555556vw;
    padding-top: 3.333333vw;
  }
}
#zhijie-v9-container .section-alpine-cockpit .swiper-wrapper {
  justify-content: space-between;
}
#zhijie-v9-container .section-alpine-cockpit .swiper-slide-1 {
  width: 53.333333vw;
}
#zhijie-v9-container .section-alpine-cockpit .swiper-slide-2 {
  width: 26.666667vw;
  margin-top: -9.166667vw;
}
#zhijie-v9-container .section-alpine-cockpit .desc {
  width: 22.770833vw;
  top: 38.125vw;
  right: 0;
}
#zhijie-v9-container .section-alpine-cockpit .content-container .stack-list {
  width: 47.875vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-alpine-cockpit .desc {
    position: initial;
  }
  #zhijie-v9-container .section-alpine-cockpit .swiper-slide-2 {
    margin-top: 0;
  }
  #zhijie-v9-container .section-alpine-cockpit .content-container .stack-list {
    width: 100%;
  }
}
#zhijie-v9-container .section-safety .section-safety-01 .desc {
  width: 49.75vw;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-safety .section-safety-01 .text-content {
    padding-left: 11.666667vw;
  }
  #zhijie-v9-container .section-safety .section-safety-01 .desc {
    position: initial;
    width: 72.222222vw;
    color: rgba(164, 161, 182, 0.8);
  }
}
#zhijie-v9-container .section-safety .section-safety-02 .desc {
  width: 36.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-safety .section-safety-02 .text-content {
    padding-left: 11.666667vw;
  }
  #zhijie-v9-container .section-safety .section-safety-02 .desc {
    width: 72.222222vw;
  }
}
#zhijie-v9-container .section-safety .section-safety-03 .stack-list .headline {
  color: #ffffff;
}
#zhijie-v9-container .section-safety .section-safety-03 .arrownav-list {
  margin-left: 0;
}
#zhijie-v9-container .section-intelligent-driving .section-intelligent-driving-01 .desc {
  width: 51vw;
  color: #ffffff;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-intelligent-driving .section-intelligent-driving-01 .desc {
    position: initial;
    width: 72.222222vw;
    color: rgba(164, 161, 182, 0.8);
  }
}
#zhijie-v9-container .section-intelligent-driving .section-intelligent-driving-02 .content-container .stack-list {
  width: 51.875vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-intelligent-driving .section-intelligent-driving-02 .content-container .stack-list {
    width: 100%;
  }
}
#zhijie-v9-container .section-sensor .wrap {
  height: 38.541667vw;
}
#zhijie-v9-container .section-sensor .images-container {
  position: absolute;
  left: 0;
  width: 53.333333vw;
}
#zhijie-v9-container .section-sensor .headline, #zhijie-v9-container .section-sensor .desc {
  width: 20.770833vw;
  margin-left: 57.5vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-sensor .wrap {
    height: auto;
  }
  #zhijie-v9-container .section-sensor .headline {
    order: -1;
    width: auto;
    margin-left: 11.666667vw;
  }
  #zhijie-v9-container .section-sensor .desc {
    width: 72.222222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #zhijie-v9-container .section-sensor .images-container {
    width: 100%;
    position: initial;
  }
}
#zhijie-v9-container .section-assisted-driving .headline, #zhijie-v9-container .section-assisted-driving .desc {
  width: 20.770833vw;
  margin-left: 4.0625vw;
}
#zhijie-v9-container .section-assisted-driving .wrap {
  height: 38.541667vw;
}
#zhijie-v9-container .section-assisted-driving .images-container {
  width: 53.333333vw;
  position: absolute;
  right: 0;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-assisted-driving .wrap {
    height: auto;
  }
  #zhijie-v9-container .section-assisted-driving .headline {
    width: auto;
    margin-left: 11.666667vw;
  }
  #zhijie-v9-container .section-assisted-driving .desc {
    width: 72.222222vw;
    margin-left: auto;
    margin-right: auto;
    order: 1;
  }
  #zhijie-v9-container .section-assisted-driving .images-container {
    width: 100%;
    position: initial;
  }
}
#zhijie-v9-container .section-driving-control .desc {
  width: 49.729167vw;
}
#zhijie-v9-container .section-driving-control .images-container {
  margin-left: auto;
  margin-right: auto;
  transition: all 0.8s ease;
  overflow: hidden;
  will-change: width, height;
  clip-path: polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%);
}
#zhijie-v9-container .section-driving-control .images-container.active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-driving-control .text-content {
    padding-left: 11.666667vw;
  }
  #zhijie-v9-container .section-driving-control .desc {
    width: 72.222222vw;
  }
}
#zhijie-v9-container .subsection-configuration .headline {
  top: 8.333333vw;
  left: 0;
  right: 0;
  color: #ffffff;
}
#zhijie-v9-container .subsection-configuration .section-content {
  width: 61.666667vw;
  bottom: 3.333333vw;
  left: 0;
  right: 0;
}
#zhijie-v9-container .subsection-configuration .section-content .stats {
  line-height: 1.25;
}
#zhijie-v9-container .subsection-configuration .section-content .stats .stat {
  width: -moz-max-content;
  width: max-content;
}
#zhijie-v9-container .subsection-configuration .section-content .stats .stat-line {
  width: 1px;
  height: 8.854167vw;
  background: rgba(255, 255, 255, 0.3);
}
#zhijie-v9-container .subsection-configuration .section-content .stats .stat-header {
  display: inline-block;
  padding: 0.208333vw 1.145833vw;
  font-size: 1.145833vw;
  font-weight: 400;
  color: #000;
  border-radius: 0.416667vw;
  background-color: rgba(255, 255, 255, 0.7);
}
#zhijie-v9-container .subsection-configuration .section-content .stats .stat-content {
  color: #ffffff;
}
#zhijie-v9-container .subsection-configuration .section-content .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.75vw;
  height: 2.916667vw;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  background-color: #F2F3F5;
  backdrop-filter: blur(14px);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='64' viewBox='0 0 205 64'%3E%3Cg transform='translate(-851 -1008)'%3E%3Crect width='205' height='64' transform='translate(851 1008)' fill='none'/%3E%3Cpath d='M148.769.043a11.877,11.877,0,0,1,10.015,5.192l13.9,21.537a9.558,9.558,0,0,1,0,10.5l-13.9,21.537A11.877,11.877,0,0,1,148.769,64L-3.26,63.957a11.876,11.876,0,0,1-10.015-5.192l-13.9-21.537a9.558,9.558,0,0,1,0-10.5l13.9-21.537A11.876,11.876,0,0,1-3.26,0Z' transform='translate(880.746 1008)'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='64' viewBox='0 0 205 64'%3E%3Cg transform='translate(-851 -1008)'%3E%3Crect width='205' height='64' transform='translate(851 1008)' fill='none'/%3E%3Cpath d='M148.769.043a11.877,11.877,0,0,1,10.015,5.192l13.9,21.537a9.558,9.558,0,0,1,0,10.5l-13.9,21.537A11.877,11.877,0,0,1,148.769,64L-3.26,63.957a11.876,11.876,0,0,1-10.015-5.192l-13.9-21.537a9.558,9.558,0,0,1,0-10.5l13.9-21.537A11.876,11.876,0,0,1-3.26,0Z' transform='translate(880.746 1008)'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
#zhijie-v9-container .subsection-configuration .section-content .button-copy {
  flex-shrink: 0;
  font-size: 0.9375vw;
}
@media (hover: hover) and (pointer: fine) {
  #zhijie-v9-container .subsection-configuration .section-content .button:hover {
    background-color: rgba(255, 255, 255, 0.7);
  }
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .subsection-configuration {
    display: flex;
    flex-direction: column;
  }
  #zhijie-v9-container .subsection-configuration .headline {
    position: initial;
    order: -1;
    margin-bottom: 8.888889vw;
  }
  #zhijie-v9-container .subsection-configuration .section-content {
    position: relative;
    z-index: 1;
    width: 72.222222vw;
    margin-top: 11.111111vw;
    bottom: 0;
  }
  #zhijie-v9-container .subsection-configuration .section-content .stats .stat {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  #zhijie-v9-container .subsection-configuration .section-content .stats .stat-line {
    width: 100%;
    height: 1px;
    margin: 4.444444vw 0 8.333333vw;
  }
  #zhijie-v9-container .subsection-configuration .section-content .stats .stat-header {
    padding: 1.25vw 1.388889vw;
    font-size: 3.888889vw;
    border-radius: 1.111111vw;
    background-color: rgba(255, 255, 255, 0.6);
  }
  #zhijie-v9-container .subsection-configuration .section-content .stats .stat-caption {
    color: #808080;
  }
  #zhijie-v9-container .subsection-configuration .section-content .button {
    width: 33.333333vw;
    height: 11.111111vw;
  }
  #zhijie-v9-container .subsection-configuration .section-content .button-copy {
    font-size: 3.611111vw;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) and (pointer: fine) {
  #zhijie-v9-container .subsection-configuration .section-content .button:hover {
    background-color: #F2F3F5;
  }
}
#zhijie-v9-container .bold {
  font-weight: 700;
}
#zhijie-v9-container .medium {
  font-weight: 500;
}
#zhijie-v9-container .txt-96 {
  font-size: 5vw;
}
#zhijie-v9-container .txt-80 {
  font-size: 4.166667vw;
}
#zhijie-v9-container .txt-64 {
  font-size: 3.333333vw;
}
#zhijie-v9-container .txt-56 {
  font-size: 2.916667vw;
}
#zhijie-v9-container .txt-48 {
  font-size: 2.5vw;
}
#zhijie-v9-container .txt-40, #zhijie-v9-container .lg\:txt-40 {
  font-size: 2.083333vw;
}
#zhijie-v9-container .txt-32, #zhijie-v9-container .lg\:txt-32 {
  font-size: 1.666667vw;
}
#zhijie-v9-container .txt-28, #zhijie-v9-container .lg\:txt-28 {
  font-size: 1.458333vw;
}
#zhijie-v9-container .txt-24, #zhijie-v9-container .lg\:txt-24 {
  font-size: 1.25vw;
}
#zhijie-v9-container .txt-22 {
  font-size: 1.145833vw;
}
#zhijie-v9-container .txt-20 {
  font-size: 1.041667vw;
}
#zhijie-v9-container .txt-18, #zhijie-v9-container .lg\:txt-18 {
  font-size: 0.9375vw;
}
#zhijie-v9-container .txt-16, #zhijie-v9-container .lg\:txt-16 {
  font-size: 0.833333vw;
}
#zhijie-v9-container .txt-12, #zhijie-v9-container .lg\:txt-12 {
  font-size: max(8px, 0.625vw);
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .xs\:bold {
    font-weight: 700;
  }
  #zhijie-v9-container .xs\:.medium {
    font-weight: 500;
  }
  #zhijie-v9-container .txt-48, #zhijie-v9-container .xs\:txt-48 {
    font-size: 6.666667vw;
  }
  #zhijie-v9-container .txt-40 {
    font-size: 5.555556vw;
  }
  #zhijie-v9-container .txt-80, #zhijie-v9-container .xs\:txt-80 {
    font-size: 11.111111vw;
  }
  #zhijie-v9-container .txt-64, #zhijie-v9-container .xs\:txt-64 {
    font-size: 8.888889vw;
  }
  #zhijie-v9-container .txt-28, #zhijie-v9-container .xs\:txt-28 {
    font-size: 3.888889vw;
  }
  #zhijie-v9-container .txt-22, #zhijie-v9-container .xs\:txt-22 {
    font-size: 3.055556vw;
  }
  #zhijie-v9-container .txt-20, #zhijie-v9-container .xs\:txt-20 {
    font-size: 2.777778vw;
  }
  #zhijie-v9-container .txt-24, #zhijie-v9-container .xs\:txt-24 {
    font-size: 3.333333vw;
  }
  #zhijie-v9-container .xs\:txt-24 {
    font-size: 3.333333vw;
  }
  #zhijie-v9-container .xs\:txt-28 {
    font-size: 3.888889vw;
  }
  #zhijie-v9-container .txt-32, #zhijie-v9-container .xs\:txt-32 {
    font-size: 4.444444vw;
  }
  #zhijie-v9-container .xs\:txt-40 {
    font-size: 5.555556vw;
  }
  #zhijie-v9-container .txt-96, #zhijie-v9-container .xs\:txt-96 {
    font-size: 13.333333vw;
  }
  #zhijie-v9-container .txt-18, #zhijie-v9-container .xs\:txt-18 {
    font-size: 2.5vw;
  }
}

#zhijie-v9-container {
  background-color: #0C071D;
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #A4A1B6;
  overflow: hidden;
}
#zhijie-v9-container .section-hero .hero-picture {
  aspect-ratio: 1920/960;
}
#zhijie-v9-container .section-hero .hero-content {
  position: absolute;
  width: 46.354167vw;
  top: 7.5vw;
  left: 0;
  right: 0;
  color: #000;
}
#zhijie-v9-container .section-hero .hero-content .hero-logo {
  width: 14.583333vw;
}
#zhijie-v9-container .section-hero .hero-content .hero-subtitle {
  line-height: 1.25;
  letter-spacing: 0.35em;
}
#zhijie-v9-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;
}
#zhijie-v9-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) {
  #zhijie-v9-container .section-hero .hero-content .video-pop-play svg #tuoyuan_5832 {
    transition: opacity 0.6s;
  }
  #zhijie-v9-container .section-hero .hero-content .video-pop-play:hover svg #tuoyuan_5832 {
    opacity: 0.6;
  }
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-hero .hero-picture {
    aspect-ratio: 720/1280;
  }
  #zhijie-v9-container .section-hero .hero-content {
    width: 86.111111vw;
    top: 24.722222vw;
  }
  #zhijie-v9-container .section-hero .hero-content .hero-logo {
    width: 38.377778vw;
  }
  #zhijie-v9-container .section-hero .hero-content .video-pop-play {
    font-size: 3.888889vw;
  }
  #zhijie-v9-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) {
  #zhijie-v9-container .section-hero .hero-content .video-pop-play:hover svg #tuoyuan_5832 {
    opacity: 1;
  }
}
#zhijie-v9-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;
}
#zhijie-v9-container .section-modal-ai .modal-content {
  padding-bottom: 0;
}
#zhijie-v9-container .section-modal-camera-more .section-picture {
  width: 50vw;
}
#zhijie-v9-container .section-modal-camera-more .intro {
  width: 51.5625vw;
}
#zhijie-v9-container .section-modal-camera-more .picture-1 {
  width: 25.416667vw;
  background-image: linear-gradient(#0d0d0c, #39352d);
}
#zhijie-v9-container .section-modal-camera-more .picture-2 {
  width: 40vw;
}
#zhijie-v9-container .section-modal-camera-more .headline {
  font-size: 3.333333vw;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-modal-camera-more .section-picture {
    width: 100%;
  }
  #zhijie-v9-container .section-modal-camera-more .subsection {
    width: 91.111111vw;
  }
  #zhijie-v9-container .section-modal-camera-more .title {
    font-size: 4.444444vw;
  }
  #zhijie-v9-container .section-modal-camera-more .headline {
    font-size: 11.111111vw;
  }
  #zhijie-v9-container .section-modal-camera-more .intro {
    width: 77.777778vw;
  }
  #zhijie-v9-container .section-modal-camera-more .picture {
    width: 100%;
  }
}
#zhijie-v9-container .section-screen-video .video-container {
  width: 83.541667vw;
}
#zhijie-v9-container .section-screen-video .screen-frame {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-screen-video .video-container {
    width: 100%;
  }
}
#zhijie-v9-container.no-inline-video .play-pause-button {
  display: none;
}
#zhijie-v9-container .section-footnote {
  --arrow-dark: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'8\' fill=\'%23434343\'/%3E%3Cpath d=\'M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194\' transform=\'translate(3.411 12.076) rotate(-90)\' fill=\'%23fff\'/%3E%3C/svg%3E') center / 100% no-repeat;
  --arrow-light: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'8\' fill=\'%23e7e7e8\'/%3E%3Cpath d=\'M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194\' transform=\'translate(3.411 12.076) rotate(-90)\' fill=\'%23000\'/%3E%3C/svg%3E') center / 100% no-repeat;
}
#zhijie-v9-container .section-footnote i {
  position: absolute;
  bottom: 0;
  display: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transform: translateY(-4.2px);
  background: var(--arrow-light);
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-footnote i {
    width: 4.722222vw;
    height: 4.722222vw;
    transform: translateY(calc(-0.3055554vw - 1px));
  }
}
#zhijie-v9-container .section-footnote .footnote-list,
#zhijie-v9-container .section-footnote .tips-list {
  font-size: 14px;
  padding-inline-start: 1.5em;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-footnote .footnote-list,
  #zhijie-v9-container .section-footnote .tips-list {
    font-size: 3.333333vw;
  }
}
#zhijie-v9-container .section-footnote .tips-list {
  padding-inline-start: 0;
}
#zhijie-v9-container .section-footnote .tips-list li {
  color: #FFFFFF;
}
#zhijie-v9-container .section-footnote .tips-list {
  padding-bottom: 80px;
}
#zhijie-v9-container .section-footnote .footnote-list li {
  position: relative;
  list-style-type: decimal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: inherit;
  color: #FFFFFF;
}
#zhijie-v9-container .section-footnote .footnote-list li a {
  -webkit-text-decoration: underline #FFFFFF;
          text-decoration: underline #FFFFFF;
  color: #FFFFFF;
}
#zhijie-v9-container .section-footnote .footnote-list li .suparr {
  display: none;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
  cursor: pointer;
}
#zhijie-v9-container .section-footnote .footnote-list li .suparr svg {
  width: 100%;
  height: 100%;
}
#zhijie-v9-container .section-footnote .footnote-list li.current {
  font-weight: 800;
}
#zhijie-v9-container .section-footnote .footnote-list li.current i {
  display: inline-block;
}
#zhijie-v9-container .section-footnote .footnote-list li.asterisk {
  list-style-type: "*";
}
#zhijie-v9-container .section-footnote .footnote-list li.disclaimer {
  list-style-type: none;
}
#zhijie-v9-container .section-footnote .footnote-list.light li.current {
  color: #2A2A2C;
}
#zhijie-v9-container .section-footnote .footnote-list.light li.current a {
  color: #2A2A2C;
  text-decoration-color: #2A2A2C;
}
@media (max-aspect-ratio: 11/10) {
  #zhijie-v9-container .section-footnote .footnote-list li .suparr {
    width: 4.7222222vw;
    height: 4.7222222vw;
    transform: translateY(0.83333333vw);
  }
}/*# sourceMappingURL=main.css.map */