.product-grid {
	display: flex;
}

#product-filter {
	display: flex;
}

.product-filter-pc {
	position: fixed;
	top: 70px;
	bottom: 300px;
	margin-top: 20px;
	overflow-y: auto;
	width: 15%;
}

.web-close-filter {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../../images/zeepec-sprite.png) 0 -605px / 24px auto no-repeat;
	vertical-align: middle;
}


/*自定义滚动条*/

.product-filter-pc::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #F5F5F5;
}


/*定义滚动条轨道 内阴影+圆角*/

.product-filter-pc::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}


/*定义滑块 内阴影+圆角*/

.product-filter-pc::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

#product-list {
	margin-left: 23%;
}

.product-warp .col-3 {
	width: 25%;
	margin-bottom: 30px;
}

.design-item {
	cursor: pointer;
}

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

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

.original-product-list {
	width: 100%;
	margin-left: 23%;
}

.to-top {
	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);
	}
}

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

.mescroll-empty {
	display: none;
}

@media screen and (max-width: 1024px) {
	.search-mark .new-search-from {
		display: block;
	}
	.icon-search-pos {
		display: block;
	}
	.product-grid {
		display: block;
	}
	#product-list {
		margin-left: 0;
	}
	#product-filter {
		display: block;
		width: 100%;
		text-align: center;
	}
	.original-product-list {
		width: 100%;
		padding: 0;
		margin-left: 0%;
	}
	#product-list {
		width: 100% !important;
	}
}

@media screen and (max-width: 768px) {
	.product-warp {
		margin: 0;
	}
	.product-warp .col-3 {
		width: 50%;
		margin-bottom: 20px;
	}
	.goods-title {
	    font-size: 12px;
	}
	.product-warp .col-3:nth-of-type(odd) {
		padding-right: 5px;
		padding-left: 0;
	}
	.product-warp .col-3:nth-of-type(even) {
		padding-left: 5px;
		padding-right: 0;
	}
	.to-top {
		display: none;
		position: fixed;
		right: 1rem;
		bottom: 6rem;
		z-index: 200;
		cursor: pointer;
	}
	.scrollLoading {
		margin-bottom: 1rem;
	}
}