.product {
  width: 1200px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 50px auto;
}
.product .category {
  width: 235px;
}
.product .category .title {
  background: url("../images/product/product-title.png") center center no-repeat;
  height: 100px;
  background-color: #FF621E;
}
.product .category .category-list {
  background: #fff;
}
.product .category .category-list ul > li.top {
  border-bottom: 1px solid #EFEFEF;
  cursor: pointer;
  overflow: hidden;
}
.product .category .category-list ul > li.top .list-name {
  padding: 0px 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  height: 64px;
  overflow: hidden;
}
.product .category .category-list ul > li.top .list-name h3 {
  font-weight: normal;
  color: #333;
  font-size: 16px;
}
.product .category .category-list ul > li.top .list-name i {
  width: 16px;
  height: 16px;
  background: url("../images/product/category-collapse.png");
}
.product .category .category-list ul > li.top.active .list-name {
  background-color: #FF621E;
}
.product .category .category-list ul > li.top.active .list-name h3 {
  color: #fff;
}
.product .category .category-list ul > li.top.active .list-name i {
  width: 16px;
  height: 16px;
  background: url("../images/product/category-collapse.png");
  transform: rotate(90deg);
}
.product .category .category-list ul > li.top ul {
  height: 0px;
  overflow: hidden;
}
.product .category .category-list ul > li.top ul li {
  height: 40px;
  line-height: 40px;
  padding: 0px 30px;
}
.product .category .category-list ul > li.top ul li a {
  display: block;
}
.product .category .category-list ul > li.top ul li.active a {
  color: #ff621e;
}
.product .product-list {
  width: calc(1200px - 235px - 20px);
  margin-top: 0px !important;
}
.product .product-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.product .product-list .list-item .item {
  width: 300px;
  height: 240px;
  margin: 0px 6.5px 20px 6.5px;
  border: 1px solid #F6F6F6;
  background: #fff;
}
.product .product-list .list-item .item .product-image {
  height: 196px;
  overflow: hidden;
  border-bottom: 1px solid #F6F6F6;
}
.product .product-list .list-item .item .product-title {
  height: 44px;
  line-height: 44px;
  padding: 0px 10px;
  overflow: hidden;
}
.product .product-list .list-item .item.item:hover {
  border: 1px solid #FF621E;
  transition: all 0.2s;
}
.product .product-list .list-item .item.item:hover .product-image img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.product .product-list .list-item .item.item:hover .product-title {
  background: #FF621E;
}
.product .product-list .list-item .item.item:hover .product-title a {
  color: #fff;
  transition: all 0.2s;
}
/*# sourceMappingURL=product.css.map */