@charset "UTF-8";

/* 商品 */
.goods_list {display:block;} /* flow-root */

.goods_list::after { /* flow-root */
	clear:both;
	content:'';
	display:block;
}

.goods_list {
	box-sizing:border-box;
	display:flow-root;
	margin:auto;
	padding:0 0 10px;
	width:100%;
}

.goods_list.goods_overflow {display:block;}

@media (max-width: 1210px) {

	.goods_list.goods_overflow::-webkit-scrollbar {
		height:10px;
	}

	.goods_list.goods_overflow::-webkit-scrollbar-track {
		margin:0 2px;
		background:#ccc;
		border-radius:5px;
	}

	.goods_list.goods_overflow::-webkit-scrollbar-thumb {
		border-radius:5px;
		background:#666;
	}

	.goods_list.goods_overflow {
		overflow-x:auto;
		overflow-y:hidden;
		white-space:nowrap;
	}

}
.goods_list:not(.goods_overflow) > li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

.goods_list.goods_overflow > li {
	display:inline-block;
	margin:0;
	padding:0;
	white-space:normal;
	white-space:initial;
}

.goods_list.goods_overflow > li {width:277.5px;}

.goods_list.goods_overflow > li:not(:nth-child(4n + 1)) {margin-left:20px;}

.goods_list.goods_overflow > li:nth-child(n + 5) {margin-top:20px;}

@media not all and (max-width : 1000px) {

	.goods_list:not(.goods_overflow) > li {width:calc(25% - 15px);}

	.goods_list:not(.goods_overflow) > li:not(:nth-child(4n + 1)) {margin-left:20px;}

	.goods_list:not(.goods_overflow) > li:nth-child(n + 5) {margin-top:20px;}

}

@media (min-width : 500px) and (max-width : 1000px) {

	.goods_list:not(.goods_overflow) > li {width:calc(50% - 10px);}

	.goods_list:not(.goods_overflow) > li:not(:nth-child(2n + 1)) {margin-left:20px;}

	.goods_list:not(.goods_overflow) > li:nth-child(n + 3) {margin-top:20px;}

}

@media not all and (min-width : 500px) {

	.goods_list:not(.goods_overflow) > li {width:100%;}

	.goods_list:not(.goods_overflow) > li + li {margin-top:20px;}

}

.goods_link_box {
	color:inherit;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	max-width:100%;
}

a.goods_link_box:hover {opacity:0.7;}

.goods_link_box > .hover_box {
	box-sizing:border-box;
	margin:15px 0;
	overflow:hidden;
	padding:0 0 100%;
	position:relative;
	text-align:left;
	width:100%;
}

.goods_link_box > .hover_box > img {
	bottom:0;
	height:auto !important;
	max-height:100%;
	margin:auto;
	left:0;
	position:absolute;
	right:0;
	top:0;
	vertical-align:bottom;
	width:auto !important;
	max-width:100%;
}

.goods_link_box > p {
	display:block;
	margin:0;
	padding:0;
}

.goods_list_title {text-align:center;}

@media not all and (max-width: 1210px) {

	.goods_link_box > .hover_box {transition:transform 1s;}

	.goods_link_box:hover > .hover_box {transform:scale(1.1);}

}