html {
  font-size: 10vw;
}
@media screen and (min-width: 750px) {
  html {
    font-size: 75px;
  }
}
body,
div,
main,
h1 {
  margin: 0;
}
body {
  font-family: Outfit, Helvetica Neue, Helvetica, Arial, sans-serif;
  background-color: #020401;
}
main {
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
}
.img-content {
  display: block;
  max-width: 750px;
  width: 100%;
}
.list-title {
  margin: 1.6rem 0 0.64rem;
  text-align: center;
  font-size: 0.747rem;
  font-weight: 700;
  color: #fff;
}
.product-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.12rem;
}
.product-list .product-item {
  position: relative;
  flex: 0 0 auto;
  margin: 0 0.093rem 0.187rem;
  padding-bottom: 0.267rem;
  width: calc(50% - 0.187rem);
  border-radius: 0.16rem;
  background-color: #fff;
}
.product-list .product-item a {
  text-decoration: none;
}
.product-list .product-img {
  font-size: 0;
  border-radius: 0.16rem;
  background-color: #f9f9f9;
}
.product-list .product-img img {
  max-width: 352px;
  max-height: 352px;
  width: calc(50vw - 0.267rem);
  height: calc(50vw - 0.267rem);
}
.product-list .product-review {
  display: flex;
  align-items: center;
  position: absolute;
  top: 4rem;
  left: 0.16rem;
  padding: 0 0.16rem;
  height: 0.533rem;
  line-height: 0.533rem;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.267rem;
}
.product-list .product-review-score {
  font-size: 0.267rem;
  font-weight: 500;
  color: #111;
}
.product-list .product-review-star {
  display: block;
  margin: 0 0.107rem 0 0.053rem;
  width: 0.32rem;
  height: 0.32rem;
}
.product-list .product-review-count {
  font-size: 0.267rem;
  font-weight: 300;
  color: #999;
}
.product-list .product-title {
  margin: 0.267rem 0.213rem 0;
  height: 0.933rem;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 0.467rem;
  font-size: 0.373rem;
  font-weight: 400;
  color: #000;
}
.product-list .product-points {
  margin: 0 0.213rem;
  padding-left: 0;
  padding-bottom: 0.213rem;
  border-bottom: 0.013rem solid #eee;
  list-style-type: none;
}
.product-list .product-point {
  display: flex;
  align-items: center;
  padding-top: 0.213rem;
}
.product-list .product-point-img {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
}
.product-list .product-point-title {
  display: block;
  margin-left: 0.107rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.32rem;
  font-weight: 300;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-list .product-price {
  margin: 0 0.213rem;
}
.product-list .product-price span,
.product-list .product-price del {
  display: block;
}
.product-list .product-price span {
  margin-top: 0.213rem;
  font-size: 0.373rem;
  font-weight: 600;
  color: #000;
}
.product-list .product-price del {
  margin-top: 0.107rem;
  font-size: 0.32rem;
  font-weight: 300;
  color: #666;
}
.product-list .product-btn {
  display: block;
  margin: 0.24rem auto 0.427rem;
  border: 0;
  width: 5.28rem;
  height: 0.853rem;
  font-size: 0.32rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(201deg, #ffb592 -2.28%, #5300bc 75.5%);
  border-radius: 0.16rem;
}
.link-view {
  display: flex;
  justify-content: center;
  padding: 0.453rem 0 1.6rem;
  width: 100%;
}
.btn-view {
  display: block;
  max-width: 396px;
  width: 5.28rem;
}
.link-explore {
  display: flex;
  justify-content: center;
  padding: 0.64rem 0 0.853rem;
  width: 100%;
}
.btn-explore {
  display: block;
  max-width: 624px;
  width: 8.32rem;
}
/*# sourceMappingURL=index.css.map */