section.review-of-the-past {
  padding: clamp(60px, 17.6vw, 66px) 0 clamp(60px, 16vw, 91px);
  padding-top: 60px;
  padding-top: min(max(60px,
 17.6vw),
 66px);
  padding-top: clamp(60px, 17.6vw, 66px);
  padding-bottom: 60px;
  padding-bottom: min(max(60px,
 16vw),
 91px);
  padding-bottom: clamp(60px, 16vw, 91px);
  position: relative;
  overflow: hidden;
}

section.review-of-the-past .rotp-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 31px;
  margin-bottom: min(max(31px,
 8.26667vw),
 51px);
  margin-bottom: clamp(31px, 8.26667vw, 51px);
}

section.review-of-the-past .rotp-header .title {
  font-size: 26px;
  font-family: FZLTCHJW, sans-serif;
  color: #000000;
  line-height: 1.1923;
  letter-spacing: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: clamp(20px, 5.33333vw, 50px);
}

section.review-of-the-past .rotp-header .title > div {
  text-align: center;
}

section.review-of-the-past .rotp-header .title .en {
  font-size: 20px;
  font-family: HuaweiSansMedium, sans-serif;
  color: #cccccc;
  line-height: 1.2;
}

section.review-of-the-past .rotp-header .time-container {
  width: 218px;
  width: 188px;
  width: min(max(188px,
 50.13333vw),
 230px);
  width: clamp(188px, 50.13333vw, 230px);
  height: 42px;
  height: min(max(42px,
 11.2vw),
 54px);
  height: clamp(42px, 11.2vw, 54px);
  background: #d7dce1;
  border: 1px solid #d5dbe1;
  border-radius: 27px;
  padding: 0 6px;
}

section.review-of-the-past .rotp-header .time-container .time {
  width: 109px;
  width: 85px;
  width: min(max(85px,
 22.66667vw),
 109px);
  width: clamp(85px, 22.66667vw, 109px);
  height: 34px;
  height: min(max(34px,
 9.06667vw),
 42px);
  height: clamp(34px, 9.06667vw, 42px);
  border-radius: 21px;
  font-size: 18px;
  font-size: min(max(18px,
 4.8vw),
 22px);
  font-size: clamp(18px, 4.8vw, 22px);
  font-family: HuaweiSans, HuaweiSans-Bold, sans-serif;
  font-weight: 700;
  color: #000000;
}

section.review-of-the-past .rotp-header .time-container .sel-time {
  background: #ffffff;
}

section.review-of-the-past img.bg {
  width: 100vw;
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

section.review-of-the-past .mb-45 {
  margin-bottom: 45px;
}

section.review-of-the-past .mb-20 {
  margin-bottom: 20px;
}

section.review-of-the-past .mr-30 {
  margin-right: 30px;
}

section.review-of-the-past .click {
  cursor: pointer;
}

section.review-of-the-past .swiper-container {
  overflow: visible;
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide {
  padding: 15px;
  padding: min(max(15px,
 4vw),
 45px);
  padding: clamp(15px, 4vw, 45px);
  border-radius: 16px;
  border-radius: min(max(16px,
 4.26667vw),
 36px);
  border-radius: clamp(16px, 4.26667vw, 36px);
  background-color: #fff;
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .showcast {
  width: 100%;
  margin-bottom: 20px;
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .showcast > img {
  width: 100%;
  border-radius: 8px;
  border-radius: min(max(8px,
 2.13333vw),
 13px);
  border-radius: clamp(8px, 2.13333vw, 13px);
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__title {
  font-size: 24px;
  font-size: min(max(24px,
 6.4vw),
 30px);
  font-size: clamp(24px, 6.4vw, 30px);
  font-family: HuaweiSans, HuaweiSans-Bold, sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.16667;
  line-height: min(max(1.16667,
 7.46667vw),
 1.16667);
  line-height: clamp(1.16667, 7.46667vw, 1.16667);
  letter-spacing: -1px;
  margin-bottom: 20px;
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__content {
  font-family: FZLTHJW, sans-serif;
  font-size: 14px;
  font-size: min(max(14px,
 3.73333vw),
 16px);
  font-size: clamp(14px, 3.73333vw, 16px);
  text-align: justify;
  color: #000000;
  width: 100%;
  max-width: 620px;
  line-height: 1.85714;
  line-height: min(max(1.85714,
 6.93333vw),
 1.875);
  line-height: clamp(1.85714, 6.93333vw, 1.875);
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__more {
  color: #C7000B;
  font-family: FZLTHJW, sans-serif;
  font-size: 16px;
  font-size: min(max(16px,
 4.26667vw),
 18);
  font-size: clamp(16px, 4.26667vw, 18);
  margin-top: 24px;
}

section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__more img {
  width: 7px;
  margin-left: 7px;
}

@media screen and (min-width: 768px) {
  section.review-of-the-past .swipper-wrapper {
    overflow: hidden;
  }
  section.review-of-the-past .rotp-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.review-of-the-past .rotp-header .page-title {
    margin-bottom: 0;
  }
  section.review-of-the-past .rotp-header .time-container {
    margin-bottom: 0;
    margin-left: 15px;
  }
}

@media screen and (min-width: 1024px) {
  section.review-of-the-past {
    padding: clamp(60px, 17.6vw, 66px) 0 clamp(60px, 16vw, 91px);
    padding-top: 66px;
    padding-top: min(max(60px,
 17.6vw),
 66px);
    padding-top: clamp(60px, 17.6vw, 66px);
    padding-bottom: 91px;
    padding-bottom: min(max(60px,
 16vw),
 91px);
    padding-bottom: clamp(60px, 16vw, 91px);
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .showcast {
    width: 440px;
    min-width: 440px;
    height: 297px;
    margin-bottom: 0;
    margin-right: 45px;
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .showcast img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 297px;
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__content {
    max-height: 200px;
    overflow-y: auto;
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__more {
    margin-top: 44px;
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__more img {
    width: 7px;
    margin-left: 7px;
  }
  section.review-of-the-past .rotp-header {
    margin-bottom: 51px;
    margin-bottom: min(max(31px,
 8.26667vw),
 51px);
    margin-bottom: clamp(31px, 8.26667vw, 51px);
  }
  section.review-of-the-past .rotp-header .title {
    margin-bottom: 50px;
    margin-bottom: min(max(20px,
 5.33333vw),
 50px);
    margin-bottom: clamp(20px, 5.33333vw, 50px);
  }
  section.review-of-the-past .rotp-header .time-container {
    width: 230px;
    width: min(max(188px,
 50.13333vw),
 230px);
    width: clamp(188px, 50.13333vw, 230px);
    height: 54px;
    height: min(max(42px,
 11.2vw),
 54px);
    height: clamp(42px, 11.2vw, 54px);
  }
  section.review-of-the-past .rotp-header .time-container .time {
    width: 109px;
    width: min(max(85px,
 22.66667vw),
 109px);
    width: clamp(85px, 22.66667vw, 109px);
    height: 42px;
    height: min(max(34px,
 9.06667vw),
 42px);
    height: clamp(34px, 9.06667vw, 42px);
    font-size: 22px;
    font-size: min(max(18px,
 4.8vw),
 22px);
    font-size: clamp(18px, 4.8vw, 22px);
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide {
    padding: 45px;
    padding: min(max(15px,
 4vw),
 45px);
    padding: clamp(15px, 4vw, 45px);
    border-radius: 36px;
    border-radius: min(max(16px,
 4.26667vw),
 36px);
    border-radius: clamp(16px, 4.26667vw, 36px);
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .showcast > img {
    border-radius: 13px;
    border-radius: min(max(8px,
 2.13333vw),
 13px);
    border-radius: clamp(8px, 2.13333vw, 13px);
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__title {
    font-size: 30px;
    font-size: min(max(24px,
 6.4vw),
 30px);
    font-size: clamp(24px, 6.4vw, 30px);
    line-height: 1.16667;
    line-height: min(max(1.16667,
 7.46667vw),
 1.16667);
    line-height: clamp(1.16667, 7.46667vw, 1.16667);
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__content {
    font-size: 16px;
    font-size: min(max(14px,
 3.73333vw),
 16px);
    font-size: clamp(14px, 3.73333vw, 16px);
    line-height: 1.875;
    line-height: min(max(1.85714,
 6.93333vw),
 1.875);
    line-height: clamp(1.85714, 6.93333vw, 1.875);
  }
  section.review-of-the-past .swiper-container .swiper-wrapper .swiper-slide .desc__more {
    font-size: 18;
    font-size: min(max(16px,
 4.26667vw),
 18);
    font-size: clamp(16px, 4.26667vw, 18);
  }
}