.recommendProductBox{
	width: 100%;
}
.recommendProductHeader .tips{
	color: #999999;font-size: 14px;margin-left: 21px;font-weight: 400;
}
.recommendProductList{
	display: grid;justify-content: space-between;grid-template-columns: repeat(auto-fill, 232px);grid-gap: 10px;
}
.recommendProductList .product{
	 width: 232px;
	 height: 322px;
	 background: #ffffff;
	 border-radius: 14px;overflow: hidden;position: relative;margin-bottom: 10px;
}
.recommendProductList .productImg{
	 object-fit: cover;width: 100%;height: 232px;
}
.recommendProductList .productMsg{
	 position: absolute;bottom: 0;left: 0;height: 90px;width: 100%;padding: 10px 14px 0;
}
.recommendProductList .productName{
	 line-height: 18px;margin-bottom: 10px;height: 36px;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 2;
	 overflow: hidden;
}
.recommendProductList .productLabel{
	display: inline-block;min-width: 32px;line-height: 18px;border-radius: 4px;color: #fff;padding: 0 3px;white-space: nowrap;margin-right: 2px;
}
.recommendProductList .productLabel.season{
	background: #00d323;
}
.recommendProductList .productLabel.chilled {
	background: linear-gradient(0deg,#418eee 0%, #3dc2eb 100%), #00d323;
}
.recommendProductList .productHover{
	position: absolute;top: 0;width: 100%;height: 100%;border: 1px solid #00d323;border-radius: 14px;display: none;
}
.recommendProductList .product:hover{
	box-shadow: 0px 0px 8px rgba(0,0,0,0.06);
}
.recommendProductList .product:hover .productHover{
	display: block;
}

.offPriceBody{
	background-color: #FE5035;
}
.offPriceBody .pageLoadTipsBox{
	color: #fff;padding: 10px 0 95px;
}
.offPriceBody .pageLoadTipsBox .loading{
	border-color: #fff;border-top-color: transparent;
}
.offPriceBody .recommendProductList .product{
	height: 348px;
}
.offPriceBody .recommendProductList .productMsg{
	height: 116px;
}
.offPriceBody .recommendProductList .productName{
	margin-bottom: 21px
}
.offPriceBtn{
	width: 100%;height: 32px;display: flex;align-items: center;justify-content: space-between;background: url(../img/offPrice.png) no-repeat;background-size: 100%;
}
.offPriceBtn .priceBox{
	color: #fff;width: 50%;justify-content: center;
}
.offPriceTxt{
	width: 50%;text-align: center;font-size: 15px;font-weight: bold;color: #f44122;
}
.offPriceBody .banner{
	margin-bottom: 55px;
}

.filterBox{
	background: #ffffff;
	border-radius: 10px;padding: 0 20px 16px;margin-bottom: 20px;line-height: 1;
}
.filterList{
	padding-top: 30px;display: flex;border-bottom: 1px solid #f3f6f8;
}
.filterList:last-child{border: none;}
.filterLabel{
	width: 94px;margin-bottom: 30px;
}
.filterItems{
	flex: 1;height: 44px;overflow: hidden;display: flex;flex-wrap: wrap;
}
.filterItems.active{
	height: auto;
}
.filterItem{
	margin-bottom: 30px;display: block;width: 160px;white-space: nowrap;overflow: hidden;padding-right: 10px;text-overflow: ellipsis;
}
.filterItem:hover,.filterItem.active{
	color: #1FA74A;
}
.filterItem:last-child{
	margin-right: auto;
}
.filterBox .formBox{
	display: flex;align-items: center;height: 30px;width: 233px;justify-content: space-between;color: #c8c8c8;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
.filterBox .formBox input{
	width: 76px;
	height: 30px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;text-align: center;
	color: #666;padding: 0 4px;
}
.filterBox .formBox input::placeholder {
	color: #c8c8c8;
}
.filterBox .formBox input[type=submit] {
	width: 56px;
	height: 30px;
	background: #f5f5f5;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	cursor: pointer;margin-left: 9px;
}
.expandBtn{
	width: 73px;display: flex;justify-content: flex-end;color: #999999;position: relative;padding-right: 14px;cursor: pointer;
}
.expandBtn::after{
	font-family: swiper-icons;
	content:"next";
	font-size: 8px;
	margin-top: 2px;
	transform: rotate(90deg);
	position: absolute;right: 0;
}
.expandBtn.active::after{
	transform: rotate(-90deg);
}