.productBox{
  padding-bottom: 20px;
}

.productBox .typeList{
  margin: 0 20px 20px;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0;
}
.productBox .typeList span{
  font-weight: bolder;
  font-size: 16px;
  margin-right: 20px;
}
.productBox .typeList a{
  margin-right: 20px;
  display: inline-block;
}
.productBox .typeList a.active{
  color: #d81e06;
  font-weight: bolder;
}

.productItem{
  float: left;
  width: 33.33%;
  margin-bottom: 10px;
}
.productInner{
  text-align: center;
  margin: 0 8px;
  padding: 10px 0;
}
.productInner:hover{
  box-shadow: rgba(0,0,0,0.1) 0px 0px 15px 0px;
}
.productItem .img{
  width: 100%;
  height: 16vw;
  object-fit: cover;
}
.productItem .name{
  text-align: center;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  padding: 0 10px;
}
.productInner:hover .name{
  color: #d81e06;
}