@charset "utf-8";
/* CSS Document */

.switch{ display:flex; text-align:center; margin-bottom:3%;    border-bottom: 1px solid #eaeaea;}
.switch a{ flex:1;  color:#999; margin-right:6px; font-size:16px;  display:inline-block;cursor:pointer;}
.switch a span{ display:inline-block; position:relative;padding-top:3px; padding-bottom:20px;}
.switch a.active span:after {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	content: '';
}
.switch a:last-child{ margin-right:0px;}
.switch a.active{  color:#000;}
.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}

.t_content{ margin-bottom:5%; text-align:left;}
.t_content{ text-align:left; width:90%; margin:0px auto 5%;}
.t_content ul {display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: -webkit-wrap;
  flex-wrap: wrap;
  }
.t_content ul li{ padding:16px 15px; background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box; border:1px #d7d7d6 solid; float:left; width:15.8%; margin-right:1%;line-height:20px; margin-bottom:2%; }
.t_content ul li:nth-child(6n){ margin-right:0px;}
.t_content ul li .photo{  position:relative; padding-top:100%; overflow:hidden; margin-bottom:14px; }
.t_content ul li .photo img{ width:60%; height:60%; position:absolute; left:50%; top:50%;transform: translate(-50%,-50%);object-fit: cover;}
.t_content ul li .tit{-webkit-line-clamp:2; line-height:18px; height:36px; overflow:hidden; color:#000;}
.t_content ul li .tit a{ font-size:14px; color:#000;}
.t_content ul li .nr{ color:#959595; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;font-size: 13px; }
.t_content ul li .free{ color:#ca2828;font-size: 13px;}
.tab-content{ display:none;}

@media screen and (max-width:990px) {
	.switch { border-bottom:0px;}
	.switch a{ font-size:16px;}
	.t_content ul li{ width:24.1%;}
	.t_content ul li:nth-child(6n){ margin-right:1%;}
	.t_content ul li:nth-child(4n){ margin-right:0%;}
	.switch{ display:block;}
  .switch a{ width:15%;margin-bottom:12px; flex:0;}
  .switch a span{ padding-bottom:8px;}
}
@media screen and (max-width:680px) {
	.t_content ul li{ width:32%;}
	.t_content ul li:nth-child(4n){ margin-right:1%;}
	.t_content ul li:nth-child(3n){ margin-right:0%;}
}
@media screen and (max-width:500px) {
	.t_content ul li{ width:48%;}
	.t_content ul li:nth-child(3n){ margin-right:0%;}
	.t_content ul li:nth-child(3n){ margin-right:1%;}
	.switch a{ width:22%;}
}
@media screen and (max-width:350px) {
	.switch a{ font-size:13px;}
	.t_content ul li .tit a{ font-size:13px;}
}