.vaporizers-header {
  /* gap: 35px; */
  gap: 1.82vw;

  display: flex;
  color: #fff;
  /* padding-top: 77px; */
  padding-top: 4.01vw;

  align-items: center;
  /* padding-bottom: 33px; */
  padding-bottom: 1.72vw;

  flex-direction: column;
  background-color: #000;
}

.vaporizers-header .vaporizers-title {
  /* font-size: 40px; */
  font-weight: 800;
  /* line-height: 48px; */
  font-size: 2.08vw;
  line-height: 2.50vw;

}

.vaporizers-header .vaporizers-text {
  /* width: 908px;
  font-size: 14px; */
  width: 47.29vw;
  font-size: 0.73vw;
  font-weight: 400;
  /* line-height: 17px; */
  line-height: 0.89vw;

  text-align: center;
  align-items: center;
}

.vaporizers-content {
  color: #fff;
  /* padding: 0 25px; */
  padding: 0 1.30vw;

  background-color: #000;
}

.vaporizers-content .vaporizers-tab {
  width: 100%;
  /* gap: 30px; */
  gap: 1.56vw;

  display: flex;
  /* font-size: 20px; */
  font-size: 1.04vw;

  font-weight: 700;
  /* padding-top: 38px;
  line-height: 24px; */
  padding-top: 1.98vw;
  line-height: 1.25vw;
  user-select: none;
  justify-content: center;
}

.vaporizers-content .vaporizers-tab div {
  cursor: pointer;
  position: relative;
  /* padding-bottom: 50px; */
  padding-bottom: 2.60vw;

}

.vaporizers-content .vaporizers-tab div.activate::after {
  /* width: 13.75px;
  height: 3.6px; */
  width: 0.72vw;
  height: 0.19vw;
  content: "";
  position: absolute;
  /* border-radius: 39px; */
  border-radius: 2.03vw;

  background-color: #fff;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto auto 0;
}

.tab-content .tab-list {
  gap: 1.17vw;
    display: flex
;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 2.66vw;
    padding-bottom: 7.71vw;
    justify-content: center;
}

.tab-content .tab-list .product-item {
  /* width: 352.5px;
  height: 497px; */
  width: 19%;
  height: 25.89vw;
  display: flex;
  /* padding-top: 56px;
  border-radius: 10px; */
  padding-top: 2.92vw;
  border-radius: 0.52vw;
  align-items: center;
  flex-direction: column;
  background: #17191B;
  /* background: linear-gradient(to bottom, black 1%, rgb(45, 85, 77)); */
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(45, 85, 77) 100%); */
}

.tab-content .tab-list .product-item.product-default-item {

  background: #17191B;
}
.tab-content .tab-list .product-item:hover{

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(45, 85, 77) 100%);
}

.tab-content .tab-list .product-item .product-img {
  /* width: 150px; */
  width: 7.81vw;
  display: flex;
  position: relative;
  justify-content: center;

  
}

.tab-content .tab-list .product-item .product-img img {
  transition: opacity 0.2s ease;
  opacity: 1;
}

.tab-content .tab-list .product-item .product-img img.fade-out {

  opacity: 0;

}

.tab-content .tab-list .product-item .product-img img {
  /* width: 75px;
  margin-bottom: 28px; */
  width: 3.91vw;
  margin-bottom: 1.46vw;
}

.tab-content .tab-list .product-item .product-img .product-img-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  /* font-size: 25px; */
  font-weight: 700;
  /* line-height: 30px; */
  font-size: 1.30vw;
  line-height: 1.56vw;

  text-align: center;
  align-items: center;
}

.tab-content .tab-list .product-item .product-color {
  /* gap: 6px; */
  display: flex;
  /* margin-bottom: 45px; */
  gap: 0.31vw;
  margin-bottom: 2.34vw;

}

.tab-content .tab-list .product-item .product-color .product-color-item,
.tab-content .tab-list .product-item .product-color .product-color-default-item {
  /* width: 8px;
  height: 8px; */
  width: 0.42vw;
  height: 0.42vw;
  border-radius: 50%;
}

.tab-content .tab-list .product-item .product-color .product-color-default-item {
  background-color: #616569;
}


.tab-content .tab-list .product-item .product-color .product-color-item:hover {
  cursor: pointer;
  /* border: 1px solid #fff; */
  border: 0.05vw solid #fff;

}

.tab-content .tab-list .product-item .product-name {
  /* font-size: 18px; */
  font-size: 0.94vw;

  font-weight: 500;
  /* line-height: 22px;
  padding-left: 40px; */
  line-height: 1.15vw;
  padding-left: 2.08vw;
  margin-right: auto;
  /* margin-bottom: 33px; */
  margin-bottom: 1.72vw;

}

.tab-content .tab-list .product-item .product-price {
  /* font-size: 14px; */
  font-size: 0.73vw;

  font-weight: 700;
  /* line-height: 17px;
  padding-left: 40px; */
  line-height: 0.89vw;
  padding-left: 2.08vw;
  margin-right: auto;
}

.tab-content .tab-list .product-item .product-score,
.tab-content .tab-list .product-item .product-default-score {


  /* padding-left: 40px; */
  padding-left: 2.08vw;

  margin-right: auto;

}

.tab-content .tab-list .product-item .product-score .layui-rate li i.layui-icon,
.tab-content .tab-list .product-item .product-default-score .layui-rate li i.layui-icon {
  /* font-size: 14px; */
  font-size: 0.73vw;

}