@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

.main-content {
  max-width: 100% !important;
}

.flash_deals_container .bg-banner-container {
  position: relative;
  width: 100vw;
  height: 63.8vw;
}

.flash_deals_container .bg-banner-container .back-arrow {
  width: 10vw;
  height: 10vw;
  font-size: 4.2vw;
  color: var(--van-primary-color);
  background-color: #fff;
  border-radius: 5vw;
  text-align: center;
  line-height: 10vw;
  position: absolute;
  left: 4vw;
  top: 7.3vw;
}

.flash_deals_container .bg-banner-container .title {
  width: 100vw;
  align-items: center;
  position: absolute;
  top: 20vw;
}

.flash_deals_container .bg-banner-container .title .logo {
  width: 15.5vw;
  height: 15.2vw;
  margin-right: 2.9vw;
}

.flash_deals_container .bg-banner-container .title .t {
  color: #fff;
  font-family: 'Montserrat', serif;
  font-size: 9.89vw;
  font-weight: 700;
  font-style: italic;
  width: 65vw;
  line-height: 7.89vw;
  font-optical-sizing: auto;
}

.flash_deals_container .bg-banner-container .count-down {
  border: .4vw solid #fff;
  border-top: none;
  border-radius: 7.9vw;
  width: 92.2vw;
  height: 15.9vw;
  position: relative;
  left: 3.9vw;
  top: 43.7vw;
}

.flash_deals_container .bg-banner-container .tip-t {
  color: rgba(255, 255, 255, 0.7);
  font-size: 3.2vw;
  font-family: 'Montserrat', serif;
  font-weight: 600;
  font-style: italic;
  line-height: 3.2vw;
  width: 100%;
  text-align: center;
  position: absolute;
  top: -1.6vw;
}

.flash_deals_container .bg-banner-container .time-t {
  text-align: center;
  line-height: 15.9vw;
  font-size: 4.8vw !important;
  font-weight: 600;
  color: white;
}

.flash_deals_container .bg-banner-container .time-t span {
  font-size: 3.1vw;
  color: rgba(255, 255, 255, 0.6) !important;
}

.flash_deals_container .bg-banner-container .time-t span.space {
  color: white !important;
  padding: 0 2vw;
}

.flash_deals_container .bg-banner-container .line-l {
  height: 15.9vw;
  border-top: .4vw solid #fff;
  border-radius: 7.9vw 0 0 0;
  position: absolute;
  left: 0;
  top: 0;
}

.flash_deals_container .bg-banner-container .line-r {
  height: 15.9vw;
  border-top: .4vw solid #fff;
  border-radius: 0 7.9vw 7.9vw 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flash_deals_container .van-grid-item__content {
  padding: 1.5vw;
}

.flash_deals_container .van-image__img {
  object-fit: contain;
}

.flash_deals_container .progress_container {
  width: 100%;
  height: 5.7vw;
  background-color: rgba(0, 0, 0, 0.05);
}

.flash_deals_container .progress_container .progress_bar_box {
  width: 25.6vw;
  height: 5.7vw;
  padding-top: 2vw;
  padding-right: 2.3vw;
  border-radius: 0 2.545vw 0 0;
  background-color: white;
  position: relative;
}

.flash_deals_container .progress_container .progress_bar_box .progress_bar {
  background-color: #e1d5e6;
  border-radius: 1vw;
  height: 1.7vw;
}

.flash_deals_container .progress_container .progress_bar_box .progress_bar .progress_bar_fill {
  background-color: #652c89;
  border-radius: 1vw;
  height: 1.7vw;
  display: inline-block;
}

.flash_deals_container .progress_container .box-radius {
  width: 5.7vw;
  height: 5.7vw;
  background-color: white;
  position: absolute;
  left: 26.6vw;
}

.flash_deals_container .progress_container .box-radius div {
  width: 5.7vw;
  height: 5.7vw;
  border-radius: 0 0 0 2.545vw;
  background-color: rgba(0, 0, 0, 0.05);
}

.flash_deals_container .progress_container .box-radius2 {
  position: absolute;
  left: unset;
  right: 1.5vw;
}

.flash_deals_container .progress_container .box-radius2 div {
  border-radius: 0 0 2.545vw 0;
}

.flash_deals_container .progress_container .flesh_deal_left {
  width: 19vw;
  text-align: center;
  color: #000;
  font-weight: 500;
}

.flash_deals_container .progress_container .flesh_deal_left p {
  font-size: 1.7vw;
  line-height: 1.7vw;
}

.flash_deals_container .progress_container .flesh_deal_left p strong {
  font-size: 3.232vw;
  line-height: 3.232vw;
}

.flash_deals_container .product-image::after {
  border-radius: 2.545vw 2.545vw 0 2.545vw;
}

.count_down_container {
  width: 100vw;
  height: 18vw;
  position: absolute;
  top: -18.42vw;
}

.count_down_container .bg_img {
  width: 100vw;
  height: 18vw;
  position: absolute;
  top: 0vw;
  z-index: -1;
}

.count_down_container .logo {
  height: 7vw;
  position: absolute;
  top: 1.8vw;
  left: 3.9vw;
}

.count_down_container .count_down_t {
  color: #fff;
  padding: 0 3.9vw;
  height: 10.91vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.count_down_container .count_down_t h5 {
  padding-left: 17.6vw;
  font-size: 4.24vw;
  font-weight: 600;
  margin: 0;
}

.count_down_container .count_down_t .time-t {
  font-size: 3.72vw;
  font-weight: 600;
}

.count_down_container .count_down_t .time-t span {
  font-size: 2.884vw;
  font-weight: normal;
}

.count_down_container .count_down_t .time-t span.space {
  font-size: 3.011vw;
  padding: 0 1vw;
}

.count_down_container .progress_container {
  width: 100vw;
  height: 7.379vw;
  padding: 0 3.9vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.count_down_container .progress_container .progress_bar_box {
  width: 65.14vw;
}

.count_down_container .progress_container .progress_bar_box .progress_bar {
  width: 100%;
  height: 1.7vw;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 1vw;
}

.count_down_container .progress_container .progress_bar_box .progress_bar .progress_bar_fill {
  height: 1.7vw;
  background-color: white;
  border-radius: 1vw;
  display: block;
}

.count_down_container .progress_container .flesh_deal_left {
  font-size: 3.054vw;
  color: #fff;
  line-height: 7.379vw;
}

.count_down_container .progress_container .flesh_deal_left p {
  margin: 0;
}