.banner-info .common {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banner-info .common .section-title {
  color: #666;
  font-size: 36px;
  margin-bottom: 0;
}

.hot-section {
  padding: 80px 0;
  background: url("../img/product/product-bg.jpg") center center no-repeat;
  background-size: cover;
}
.hot-section .common {
  align-items: center;
  justify-content: space-between;
}
.hot-section .common .left {
  width: 32%;
}
.hot-section .common .left .section-title {
  font-size: 24px;
}
.hot-section .common .left .section-title-sm {
  font-size: 14px;
  margin-bottom: 32px;
}
.hot-section .common .left .section-line {
  font-size: 14px;
}
.hot-section .common .right {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hot-section .common .right .item {
  width: 48.5%;
  position: relative;
  margin: 12px 0;
}
.hot-section .common .right .item:before {
  content: "";
  display: block;
  padding-top: 68%;
}
.hot-section .common .right .item img {
  position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.product-section {
  padding: 120px 0;
}
.product-section .common {
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-section .item {
  text-align: center;
  margin-bottom: 20px;
  width: 24%;
}
.product-section .item .img-wrap {
  width: 100%;
  position: relative;
}
.product-section .item .img-wrap:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.product-section .item .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  left: 0;
  top: 0;
}
.product-section .item .info {
  padding: 16px 0;
}
.product-section .item .line {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}

.product-detail .common {
  justify-content: space-between;
}
.product-detail .left {
  width: 46%;
}
.product-detail .left img {
  position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.product-detail .left .big-img-wrap {
  position: relative;
  background-color: #000;
  overflow: hidden;
}
.product-detail .left .big-img-wrap:before {
  content: "";
  display: block;
  padding-top: 130%;
}
.product-detail .left .small-img-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.product-detail .left .small-img-wrap .item {
  width: 23%;
  position: relative;
  background-color: #000;
  overflow: hidden;
  cursor: pointer;
}
.product-detail .left .small-img-wrap .item.active:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px solid rgb(3, 99, 62);
}
.product-detail .left .small-img-wrap .item:before {
  content: "";
  display: block;
  padding-top: 130%;
}
.product-detail .right {
  width: 48%;
  font-size: 16px;
  line-height: 1.5;
}
.product-detail .right .name {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.product-detail .right .price {
  font-size: 24px;
  margin-bottom: 48px;
}
.product-detail .right .buy-btn {
  height: 48px;
  line-height: 48px;
  display: block;
  background-color: #30420e;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 2px;
}
.product-detail .right .tab-wrap {
  display: flex;
  margin-top: 40px;
}
.product-detail .right .tab-wrap .item {
  padding: 0 10px;
  border-bottom: 1px solid #000;
  height: 40px;
  line-height: 40px;
  margin-right: 28px;
  cursor: pointer;
}
.product-detail .right .tab-wrap .item.active {
  color: rgb(3, 99, 62);
  border-color: rgb(3, 99, 62);
}
.product-detail .right .tab-pane {
  padding: 24px 0;
}
.product-detail .right .tab-pane .line {
  margin-bottom: 10px;
}

.recommend-section {
  text-align: center;
}
.recommend-section .section-title {
  margin-bottom: 24px;
}
.recommend-section .common {
  justify-content: space-between;
}
.recommend-section .item {
  width: 24%;
}
.recommend-section .item .img-wrap {
  width: 100%;
  position: relative;
}
.recommend-section .item .img-wrap:before {
  content: "";
  display: block;
  padding-top: 130%;
}
.recommend-section .item .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.recommend-section .item .info {
  padding: 16px 0;
}
.recommend-section .item .line {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}

@media (max-width: 960px) {
  .banner-info .common .section-title {
    font-size: 24px;
  }
  .hot-section {
    padding: 40px 20px;
  }
  .hot-section .common {
    flex-direction: column;
  }
  .hot-section .common .left {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .hot-section .common .right {
    width: 100%;
  }
  .product-section {
    padding: 60px 20px;
  }
  .product-section .item {
    width: 49%;
  }
  .product-detail {
    padding: 0 20px;
  }
  .product-detail .common {
    flex-direction: column;
  }
  .product-detail .common .left {
    width: 100%;
  }
  .product-detail .common .right {
    width: 100%;
  }
  .recommend-section {
    padding: 0 20px;
  }
  .recommend-section .common {
    flex-wrap: wrap;
  }
  .recommend-section .item {
    width: 48%;
  }
}

/*# sourceMappingURL=product.css.map */