/* banner */
.banner {
  width: 100%;
  height: 600px;
}

/* 新闻 */
.news {
  width: 100%;
  padding: 50px 0;
  box-sizing: border-box;
}

.news .content {
  padding: 0 50px;
  box-sizing: border-box;
}

.news li {
  margin-bottom: 5px;
  padding-left: 250px;
}

.news li a:hover {
  opacity: .8;
}

/* 商品 */
.recommend {
  width: 100%;
  padding: 50px 0;
  box-sizing: border-box;
}

.recommend .content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.recommend .content .item {
  display: block;
  width: 23%;
  margin-right: 2%;
  margin-bottom: 15px;
}

.recommend .content .item:nth-child(4n) {
  margin-right: 0;
}

.recommend .content .item img {
  width: 100%;
  height: 240px;
  margin-bottom: 10px;
}

.recommend .content .item img:hover,
.recommend .content .item span:hover {
  opacity: .6;
}

.recommend .content .item span {
  display: block;
  font-size: 18px;
  letter-spacing: .12em;
  padding: 0 15px 10px;
  box-sizing: border-box;
}

.recommend .content .item i {
  display: block;
  color: #999;
  font-size: 14px;
  letter-spacing: .12em;
  padding: 0 15px;
  box-sizing: border-box;
}

/* 其他 */
.others {
  width: 100%;
  padding: 50px 0;
  box-sizing: border-box;
}

.others .content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.others .content .item {
  display: block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 15px;
}

.others .content .item:nth-child(3n) {
  margin-right: 0;
}

.others .content .item img {
  width: 100%;
  height: 240px;
  margin-bottom: 10px;
}

.others .content .item img:hover,
.others .content .item span:hover {
  opacity: .6;
}

.others .content .item span {
  display: block;
  font-size: 18px;
  color: #000;
  letter-spacing: .12em;
  padding: 0 15px 10px;
  box-sizing: border-box;
}

.others .content .item p {
  display: block;
  color: #999;
  font-size: 14px;
  letter-spacing: .12em;
  padding: 0 15px;
  box-sizing: border-box;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}