.zuz8eau_tL9pQ {
  box-sizing: border-box;
  margin-top: var(--margin_tb);
  margin-bottom: var(--margin_tb);
  color: #1e2440;
  background: #fff;
  --zuz8eau_line_color: color-mix(in srgb, var(--theme_color) 45%, #fff);
  --zuz8eau_arrow_border: color-mix(in srgb, var(--theme_color) 55%, #fff);
  --zuz8eau_arrow_color: color-mix(in srgb, var(--theme_color) 75%, #fff);
  --zuz8eau_text_color: #25293e;
}

.zuz8eau_tL9pQ *,
.zuz8eau_tL9pQ *::before,
.zuz8eau_tL9pQ *::after {
  box-sizing: border-box;
}

.zuz8eau_tL9pQ__inner {
  max-width: var(--custom-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding_lr);
  padding-right: var(--padding_lr);
}

.zuz8eau_tL9pQ__history {
  position: relative;
  width: min(920px, 100%);
  aspect-ratio: 492 / 514;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  isolation: isolate;
  background: #fff;
}

.zuz8eau_tL9pQ__title {
  position: absolute;
  top: 6.95%;
  left: 0;
  right: 0;
  margin: 0;
  color: var(--theme_color);
  font-size: clamp(18px, 1.8vw, 26px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.zuz8eau_tL9pQ__line,
.zuz8eau_tL9pQ__connector {
  position: absolute;
  background: var(--zuz8eau_line_color);
  pointer-events: none;
  transition: background-color .24s ease, opacity .24s ease;
}

.zuz8eau_tL9pQ__line.is-hidden,
.zuz8eau_tL9pQ__connector.is-hidden,
.zuz8eau_tL9pQ__dot.is-hidden,
.zuz8eau_tL9pQ__year.is-hidden,
.zuz8eau_tL9pQ__entry.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.zuz8eau_tL9pQ__line {
  left: 49.39%;
  width: 1px;
  transform: translateX(-.5px);
}

.zuz8eau_tL9pQ__line--1 { top: 18.1%; height: 11.4%; }
.zuz8eau_tL9pQ__line--2 { top: 33.8%; height: 10.4%; }
.zuz8eau_tL9pQ__line--3 { top: 48.25%; height: 10.05%; }
.zuz8eau_tL9pQ__line--4 { top: 62.9%; height: 10.05%; }

.zuz8eau_tL9pQ__connector {
  height: 1px;
  transform: translateY(-.5px);
}

.zuz8eau_tL9pQ__connector--left {
  left: 41.04%;
  width: 8.35%;
}

.zuz8eau_tL9pQ__connector--right {
  left: 49.39%;
  width: 8.35%;
}

.zuz8eau_tL9pQ__connector--1 { top: 18.05%; }
.zuz8eau_tL9pQ__connector--2 { top: 31.35%; }
.zuz8eau_tL9pQ__connector--3 { top: 45.75%; }
.zuz8eau_tL9pQ__connector--4 { top: 60.12%; }
.zuz8eau_tL9pQ__connector--5 { top: 74.35%; }

.zuz8eau_tL9pQ__dot {
  position: absolute;
  left: 49.39%;
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: var(--theme_color);
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
  transition: width .24s ease, height .24s ease, background-color .24s ease, box-shadow .24s ease;
}

.zuz8eau_tL9pQ__dot--1 { top: 18.05%; }
.zuz8eau_tL9pQ__dot--2 { top: 31.35%; }
.zuz8eau_tL9pQ__dot--3 { top: 45.75%; }
.zuz8eau_tL9pQ__dot--4 { top: 60.12%; }
.zuz8eau_tL9pQ__dot--5 { top: 74.35%; }

.zuz8eau_tL9pQ__year {
  position: absolute;
  color: var(--theme_color);
  font-size: clamp(13px, 1.35vw, 18px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: uppercase;
  transition: color .24s ease, transform .24s ease, opacity .24s ease;
}

.zuz8eau_tL9pQ__year--1 { left: 41.05%; top: 19.15%; }
.zuz8eau_tL9pQ__year--2 { left: 53.25%; top: 32.05%; }
.zuz8eau_tL9pQ__year--3 { left: 41.05%; top: 46.78%; }
.zuz8eau_tL9pQ__year--4 { left: 53.25%; top: 61.12%; }
.zuz8eau_tL9pQ__year--5 { left: 41.05%; top: 75.45%; line-height: .95; }

.zuz8eau_tL9pQ__entry {
  position: absolute;
  width: 41.7%;
  color: var(--zuz8eau_text_color);
  overflow-wrap: break-word;
  opacity: 1;
  transition: opacity .24s ease, transform .24s ease;
}

.zuz8eau_tL9pQ__entry--left { left: 7.32%; width: 33.72%; text-align: right; }
.zuz8eau_tL9pQ__entry--right { left: 57.7%; width: 35.2%; text-align: left; }
.zuz8eau_tL9pQ__entry--1 { top: 24.35%; }
.zuz8eau_tL9pQ__entry--2 { top: 37.45%; }
.zuz8eau_tL9pQ__entry--3 { top: 51.45%; }
.zuz8eau_tL9pQ__entry--4 { top: 65.85%; }
.zuz8eau_tL9pQ__entry--5 { top: 81.15%; }

.zuz8eau_tL9pQ__entry-title {
  margin: 0 0 3.5%;
  color: color-mix(in srgb, var(--theme_color) 88%, #101010);
  font-size: clamp(11px, 1.08vw, 15px);
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: capitalize;
}

.zuz8eau_tL9pQ__entry-description {
  margin: 0;
  color: var(--zuz8eau_text_color);
  font-size: 14px;
  line-height: 1.82;
  font-weight: 400;
  letter-spacing: 0;
}

.zuz8eau_tL9pQ__entry--left .zuz8eau_tL9pQ__entry-title,
.zuz8eau_tL9pQ__entry--left .zuz8eau_tL9pQ__entry-description {
  text-align: right;
}

.zuz8eau_tL9pQ__entry--right .zuz8eau_tL9pQ__entry-title,
.zuz8eau_tL9pQ__entry--right .zuz8eau_tL9pQ__entry-description {
  text-align: left;
}

.zuz8eau_tL9pQ__entry.is-active,
.zuz8eau_tL9pQ__entry.is-past {
  opacity: 1;
}

.zuz8eau_tL9pQ__entry.is-active {
  transform: translateY(-2px);
}

.zuz8eau_tL9pQ__dot.is-active {
  width: 13px;
  height: 13px;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--theme_color) 12%, transparent);
}

.zuz8eau_tL9pQ__year.is-active {
  transform: translateY(-1px);
}

.zuz8eau_tL9pQ__line.is-past,
.zuz8eau_tL9pQ__connector.is-active,
.zuz8eau_tL9pQ__connector.is-past {
  background: var(--theme_color);
}

.zuz8eau_tL9pQ__arrow {
  position: absolute;
  left: 49.39%;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--zuz8eau_arrow_border);
  border-radius: 50%;
  background: #fff;
  color: var(--zuz8eau_arrow_color);
  transform: translateX(-50%);
  cursor: pointer;
  outline: none;
  z-index: 3;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease, opacity .2s ease, transform .2s ease;
}

.zuz8eau_tL9pQ__arrow--up { top: 13.05%; }
.zuz8eau_tL9pQ__arrow--down { top: 89.2%; }

.zuz8eau_tL9pQ__arrow::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid color-mix(in srgb, var(--theme_color) 18%, transparent);
  border-radius: inherit;
  opacity: 0;
  transform: scale(.7);
  pointer-events: none;
}

.zuz8eau_tL9pQ__arrow:hover,
.zuz8eau_tL9pQ__arrow:focus-visible {
  border-color: var(--theme_color);
  color: var(--theme_color);
  background: color-mix(in srgb, var(--theme_color) 6%, #fff);
  transform: translateX(-50%) scale(1.08);
}

.zuz8eau_tL9pQ__arrow:hover::after,
.zuz8eau_tL9pQ__arrow:focus-visible::after {
  animation: zuz8eau_arrow_pulse 1.05s ease-out infinite;
}

.zuz8eau_tL9pQ__arrow:active {
  transform: translateX(-50%) scale(.92);
}

.zuz8eau_tL9pQ__arrow.is-disabled {
  opacity: .38;
  cursor: not-allowed;
}

.zuz8eau_tL9pQ__arrow.is-disabled:hover,
.zuz8eau_tL9pQ__arrow.is-disabled:focus-visible,
.zuz8eau_tL9pQ__arrow.is-disabled:active {
  border-color: var(--zuz8eau_arrow_border);
  color: var(--zuz8eau_arrow_color);
  background: #fff;
  transform: translateX(-50%);
}

.zuz8eau_tL9pQ__arrow.is-disabled::after {
  animation: none;
}

.zuz8eau_tL9pQ__arrow .yiyingbaoicon {
  display: block;
  font-size: 15px;
  line-height: 1;
  transition: transform .2s ease;
}

.zuz8eau_tL9pQ__arrow--up:hover .yiyingbaoicon,
.zuz8eau_tL9pQ__arrow--up:focus-visible .yiyingbaoicon {
  transform: translateY(-2px);
}

.zuz8eau_tL9pQ__arrow--down:hover .yiyingbaoicon,
.zuz8eau_tL9pQ__arrow--down:focus-visible .yiyingbaoicon {
  transform: translateY(2px);
}

@keyframes zuz8eau_arrow_pulse {
  0% {
    opacity: .75;
    transform: scale(.72);
  }

  100% {
    opacity: 0;
    transform: scale(1.42);
  }
}

.rtlAr .zuz8eau_tL9pQ__entry--left {
  left: 57.74%;
  width: 35.2%;
  text-align: right;
}

.rtlAr .zuz8eau_tL9pQ__entry--right {
  left: 7.32%;
  width: 33.72%;
  text-align: right;
}

.rtlAr .zuz8eau_tL9pQ__connector--left {
  left: 49.39%;
  width: 8.35%;
}

.rtlAr .zuz8eau_tL9pQ__connector--right {
  left: 41.04%;
  width: 8.35%;
}

.rtlAr .zuz8eau_tL9pQ__year--1,
.rtlAr .zuz8eau_tL9pQ__year--3,
.rtlAr .zuz8eau_tL9pQ__year--5 {
  left: auto;
  right: 41.05%;
}

.rtlAr .zuz8eau_tL9pQ__year--2,
.rtlAr .zuz8eau_tL9pQ__year--4 {
  left: auto;
  right: 53.25%;
}

@media (max-width: 767px) {
  .zuz8eau_tL9pQ__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 600px) {
  .zuz8eau_tL9pQ__history {
    aspect-ratio: 390 / 740;
  }

  .zuz8eau_tL9pQ__title {
    font-size: 18px;
  }

  .zuz8eau_tL9pQ__year {
    font-size: 15px;
  }

  .zuz8eau_tL9pQ__year--1,
  .zuz8eau_tL9pQ__year--3,
  .zuz8eau_tL9pQ__year--5 {
    left: 36.85%;
  }

  .zuz8eau_tL9pQ__entry-title {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 1.28;
  }

  .zuz8eau_tL9pQ__entry-description {
    font-size: 12px;
    line-height: 1.55;
  }

  .zuz8eau_tL9pQ__arrow {
    width: 22px;
    height: 22px;
  }

  .zuz8eau_tL9pQ__arrow .yiyingbaoicon {
    font-size: 12px;
  }

  .zuz8eau_tL9pQ__dot {
    width: 7px;
    height: 7px;
  }

  .zuz8eau_tL9pQ__dot.is-active {
    width: 11px;
    height: 11px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme_color) 12%, transparent);
  }
}
