.gooods-list-box{
	max-width: 1200px;
	margin: 0 auto !important;
}
.list-type{
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #ccc;
}
.list-type span{
	font-size: 14px;
	padding: 5px 20px !important;
	border: 1px solid #ccc;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	display: inline-block;
}
.list-type2{
	padding-top: 20px !important;
	border:none;
}
.list-type span.active,
.list-type span:hover{
	background: rgb(51,51,51);
	color: #fff;
	border: 1px solid  rgb(51,51,51);
}
.xss{
	/*width: 30%;*/
	/*background: #eee;*/
	position: relative;
}
.xss .text-center{
	/*padding: 60px 0 !important;*/
}
.xss::after{
	content: '';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #fff;
	right: -15px;
	top: 0;
}
.xss .goods-title{
	color: #666;
	font-size: 16px;
	padding: 10px 0 !important;
	background: #fff;
}
.list-page{
	padding: 30px 0 !important;
}
.list-page .pagination{
	display: block !important;
}
.list-page li{
	border: 1px solid #ccc;
	padding: 5px 12px !important;
	display: inline-block;
	margin: 0px 3px !important;
}
.left-page{
	margin-right: 10px !important;
}
.right-page{
	margin-left: 10px !important;
}
.list-page li.active{
	background: rgb(51,51,51);
	border: 1px solid rgb(51,51,51);
	color: #fff;
}
@media (max-width: 1200px) {
	.list-type{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.xss .goods-title{
		padding-left: 10px !important;
		font-size: 14px;
	}
}
/* end内容 */
@media (max-width: 576px) {
	.xss:nth-child(1n+1)::after{
		position: inherit;
	}
}
@media (max-width: 768px) {
	.xss:nth-child(2n+2)::after{
		position: inherit;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.xss:nth-child(3n+3)::after{
		position: inherit;
	}
}