/*filter*/
div.goods-filter{
	border:1px solid #ddd;
	font-size:.75rem;
}
div.goods-filter ul{
	list-style: none;padding:0;margin:0;
	display: flex;display: flex;width:100%;
	flex-direction: column;-webkit-flex-direction:column;
}
div.goods-filter ul > li{
	display: flex;display: -webkit-flex;
	justify-content: flex-start;-webkit-justify-content:flex-start;
	border-bottom:1px solid #ddd;
}
div.goods-filter ul > li:last-child{ border-bottom:none; }
div.goods-filter ul > li > span{ 
	width:10%;text-align: center;padding:10px 0;
	font-size:.75rem;font-weight: bold;border-right: 1px solid #ddd;
	display: flex;display: -webkit-flex;
	justify-content: center;-webkit-justify-content:center;
	align-items: center;-webkit-align-items:center;
}
div.goods-filter ul > li > ol{
	list-style: none;margin:5px 0;width:90%;
	display: flex;display: -webkit-flex;padding-left: 10px;
	align-items: center;-webkit-align-items:center;
	flex-wrap:wrap;-webkit-flex-wrap:wrap;
	flex-grow: 1;-webkit-flex-grow:1;
}
div.goods-filter ul > li > ol > li{ margin:3px 6px; }
div.goods-filter ul > li > ol > li > a{
	text-decoration: none;padding:0;color:#666;
	display: block;transition: all .3s;
	padding:4px 20px;
}
div.goods-filter ul > li > ol > li > a:hover{
	background-color:#0458ae;color:white;
}
div.goods-filter ul > li > ol > li.active a{
	background-color:#0458ae;color:white;
}

/*list*/
div.goods-block > ul.goods-list{
	margin:20px 0;
	flex-wrap: wrap;-webkit-flex-wrap:wrap;
	justify-content: flex-start;-webkit-justify-content:flex-start;
}
div.goods-block > ul.goods-list > li > div { margin:0 auto; }

@media screen and (min-width: 300px) and (max-width: 767px) {
	div.goods-filter ul > li > span{ width:15%;min-width: 70px; }
	div.goods-filter ul > li > ol{ width:85%; }
	div.goods-filter ul > li > ol > li > a{ padding:4px 10px; }
}