@charset "utf-8";
/*本期推荐*/
.tb{
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  padding:10px;
  margin-top:20px;
}
.thead{
  display:flex;
  display:-webkit-flex;
  column-gap:10px;
  align-items:center;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  border-bottom:1px solid #ddd;
  line-height:40px;
  text-align:left;
}
.title{
  font-size:14px;
  font-weight:bold;
}
.miaoshu{
  font-size:12px;
  color:#999;
}
.tbody{
  margin-top:20px;
}
.product_list{
  width:auto;
  height:auto;
  overflow:hidden;
  display:block;
}
a.product_tb{
  width:16.6%;
  height:auto;
  overflow:hidden;
  display:block;
  text-align:center;
  margin-right:20px;
}
@media (max-width:767px){
	a.product_tb{
		width:33.3%;
	}
}
.product_name{
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  display:block;
  text-align:center;
}
.product_pic{
 	width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	position:relative;
	padding-bottom:100%;
	border:1px solid #ddd;
}

.news_list{
  display:grid;
  grid-template-columns:50% auto;
  row-gap:10px;
  column-gap:10px;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  margin-top:10px;
}
@media (max-width:767px){.news_list{ grid-template-columns:auto;}}
a.news_tb{
  display:grid;
  grid-template-columns:150px auto;
  align-items:center;
  column-gap:20px;
  width:auto;
  height:auto;
  overflow:hidden;
}

.news_pic{
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
  position:relative;
  padding-bottom:75%;
}
.news_right{
   width: auto;
  height: auto;
  display:block;
  overflow: hidden;
}
.news_name{
  width: auto;
  height: auto;
  display:block;
  overflow: hidden;
  font-size:14px;
  font-weight:bold;
  white-space:nowrap;
  line-height:1.2;
}
.news_pic{
  width: auto;
  height: auto;
  display: flex;
  display:-webkit-flex;
  justify-content:center;
  align-items:center;
  overflow: hidden;
}

.news_miaoshu{
  display: block;
  overflow: hidden;
  height: auto;
  margin: auto;
  text-align: left;
  width: auto;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.new_list{
  display:grid;
  grid-template-columns:calc(20% - (80px/5)) calc(20% - (80px/5)) calc(20% - (80px/5)) calc(20% - (80px/5)) calc(20% - (80px/5));
  row-gap:20px;
  column-gap:20px;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  margin-top:20px;
}
@media (max-width:767px){
	.new_list{
		grid-template-columns:calc(33.3% - (20px/3)) calc(33.3% - (20px/3)) calc(33.3% - (20px/3));
		row-gap:10px;
		column-gap:10px;
	}
}
@media (max-width:480px){.new_list{ grid-template-columns:calc(50% - (10px/2)) calc(50% - (10px/2));}}
a.new_tb{
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  text-align:center;
}
.new_name{
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  text-align:center;
}
.new_pic{
  width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	position:relative;
	padding-bottom:100%;
	border:1px solid #ddd;
}