.prod-list {
	padding-top: 20px;
}

.prod-list .col-3 {
	width: 25%;
	text-align: center;
	margin-bottom: 30px;
}

.price-wrap {
	text-align: center;
}

.goods-title {
	margin-bottom: 0;
	padding: 0 5px;
	letter-spacing: 0.5px;
	line-height: 1.2;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
}

.design-recommended .goods-title {
	margin-top: 5px;
}

.design-recommended {
	width: 90%;
	margin: 30px auto;
	padding-top: 10px;
}

.design-recommended-title {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 20px;
}

.goods-price .sellPrice {
	font-size: 14px;
	text-decoration: line-through;
	margin-right: 5px;
	color: #666;
}

.goods-price .discountAmount {
	font-size: 16px;
	font-weight: bold;
}

.img-background {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	height: 0;
}

.img-background img {
	position: absolute;
}

.recommended-li {
	width: 20%;
	padding: 0 15px;
	margin-bottom: 30px;
}

.title-nav {
	font-size: 14px;
	margin-bottom: 20px;
}

.product-wrap .col-3 a {
	cursor: pointer;
}

.new-search-from {
	display: none;
}

#scroll-loading-model .loading .loading-circle {
	width: 30px;
	height: 30px;
	position: relative;
	margin: auto;
}

#scroll-loading-model .loading .loading-circle:after,
#scroll-loading-model .loading .loading-circle:before {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background-repeat: no-repeat;
	margin: auto;
	position: absolute;
	background-color: #fff;
}

#scroll-loading-model .loading .loading-circle:before {
	width: 100%;
	height: 100%;
	-webkit-animation: loading 1.5s linear infinite;
	animation: loading 1.5s linear infinite;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .4))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .6))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .6)), to(#000));
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2)), linear-gradient(90deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .4)), linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6)), linear-gradient(270deg, rgba(0, 0, 0, .6), #000);
	background-position: 0 0, 100% 0, 100% 100%, 0 100%;
	background-size: 50% 50%;
}

#scroll-loading-model .loading .loading-circle:after {
	width: 88%;
	height: 88%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTE2VDE3OjA5OjE2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0xNlQyMDo1OTozNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNC0xNlQyMDo1OTozNCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUVCOTY4NEE3RkUyMTFFQUI0QTFDOTdBMDc5MjdERjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUVCOTY4NEI3RkUyMTFFQUI0QTFDOTdBMDc5MjdERjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUI5Njg0ODdGRTIxMUVBQjRBMUM5N0EwNzkyN0RGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUI5Njg0OTdGRTIxMUVBQjRBMUM5N0EwNzkyN0RGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqsbN7kAAAPdSURBVHja7FtbSFRRFD13ZtQ0m7GMnvSAkoyUMvpKxYjo9VH9VBBBUJIVRB8hFEUUffTZV6gkWEEU/WhPIzAyhSCiB0EPETHKjwJJe6ilM7d1aEu36+g9Z+7cMzpzNrPmcefce+5eZ+999t7DGKZpslQWH0tx0QRoAjQBmgBNgCZAE6AJ0ASkqhgTXQG3tYy2AIfvlwL5QAgIu5zLT6/W6/DlCwDp9Pk3MBRHy+RzdgNvYSntMiduAlroBpMFXJ8i7jJWjKa8mcT4j4RoMaAiyd1+u1MQLE1yAkqdCGhJcgIc9ZsNPElS/2+yB8GxtpsDZC5LaDuJV/c0i64pIr+ANss2Gcs22AO84SsPhWsTaXrrSCHR1XoBFIhkgm6gSo5ImmojsEA0FXaDgALlzwHHJMZfAg4CA/m5sOCIyR8j0lcDT5/73a+glwTkADXADolzTn/dFzyj0i+9ImAxUEV+Lyp7oXyd6sDkBQE8cN0D5gmO/w5sgfKPRqlWeSQfjJK3RMZjQ2Qr8ExC+efAapvy/NzzdJ0wVYgfCGELOoD7PeWhE+OlIXIIuCAxvgkoh/KdNutpofghI805tb1rEmkB1ZLKc1/fCHTajlfFoDyXMljC4UQQMBW4IVlBnuUBjzc+CnP99nspiVeRo4KAZcBte3npILuBU8MfduWlMVtQa/WyyIknAdxX7wDFguN5W6oMuGo9GEwfEYKOx3g/78gNlRDAV/wVsFBw/HuAB6jH9i/6h0Zkcq1kyo2C126nzLEIQXBQRR4gG+nvUnzoktiCOAmbgVxgOVWCfbbh3He+AU+huLJEqFoy2F2h8QOjDZieaTi5zUOvM0ERF5gF1EsqfxLYM5byXOo7hhLeHnJKhApo5YslrrkfuBjrDa2a4WcVhRlsbpbB8oI+NjnNYGFbOej3G6yjJ8J+4vj6hh+ekbMS+CRRw/POy9p43kA60oRQhsGy0/5hChCaZHjeENkm2cB4KdK98UK8IGBnDN2bhYnyYbcEGFGUvy4x/2VKiMYS7qT9ln27y2F8kP39PTKbKsFMem86xDI+tpe2Tf6+DQp+kSFzPvmx161pXvpGK2E3ALfiPNcDXnGKusBRprZHf82mvJdz1YoQ0MDU/1AxzVLIeD1XRjQCfG6rKZeyglpeJQrmmimSFL1WbAFZCi0gILIN8r38oyLl62zz9nk4V43oNjjc5amksnSRZZWMGMtnk5odBu0yvNq7SZ0keyu9ktxhDs0VoVef4DxhS3rfTZZVB0WbVTRFE5YIjae2+ISTgP7PUIqLJkAToAnQBGgCNAGaAE2AJiBV5Y8AAwA0n/rPgyBQDAAAAABJRU5ErkJggg==);
	background-size: 86% 86%;
	background-position: 50% 30%;
}

@keyframes loading {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-webkit-transform: rotate(0deg);
		/* Safari 和 Chrome */
		-o-transform: rotate(0deg);
		/* Opera */
	}
	to {
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 1024px) {
	.pc-show {
		display: none;
	}
	.search-mark .new-search-from {
		display: block;
	}
	.icon-search-pos {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.prod-list {
		width: 100%;
		padding-top: 15px;
	}
	.prod-list .col-3 {
		width: 50%;
	}
	.prod-list .col-3:nth-of-type(odd) {
		padding-right: 5px;
		padding-left: 0;
	}
	.prod-list .col-3:nth-of-type(even) {
		padding-left: 5px;
		padding-right: 0;
	}
	.goods-title {
	    font-size: 12px;
	}
	.title-nav {
		font-size: 12px;
	}
	.design-recommended {
		width: 100%;
	}
	.recommended-li {
		width: 50%;
		margin-bottom: 20px;
	}
	.recommended-li:nth-of-type(odd) {
		padding-left: 15px;
		padding-right: 5px;
	}
	.recommended-li:nth-of-type(even) {
		padding-right: 15px;
		padding-left: 5px;
	}
}