finecarmini/pages/buy/buy.wxss

/* pages/buy/buy.wxss */
@import "../../module/search/search.wxss"
@import "../../module/caritem/caritem.wxss"
.content{
  background-color:#F9F9F9;
}
.filter_space{
	height: 66rpx;
}
.filter_c{
  height: 88rpx;
  position: fixed;
  top:206rpx;
  width:100%;
  background: white;
  z-index:1;
}
.filter_nav{
	display: flex;
}
.filter_nav_item{
	flex: 1;
	text-align: center;
	height: 85rpx;
	border-bottom: 3rpx solid rgba(235, 235, 235, 1);
	transition: all 0.5s;
}
.filter_nav_item_active{
	border-bottom: 3rpx solid #FFE600;
	color:red;
}
.filter_nav_name{
	line-height: 80rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 28rpx;
	display: inline;
	font-family: PingFangSC-Medium;
}
.filter_nav_switch{
	transition: all 0.5s;
	height: 16rpx;
	width: 16rpx;
}
.filter_nav_item_active .filter_nav_switch{
	transform: rotate(180deg);
}


/****************排序条件***************/
.sortby_c{
	overflow: hidden;
	transition: all 0.5s;
	background-color: rgba(56, 55, 53, 0.2);
}
.sortby_list{
	background: white;
	padding: 0rpx 38rpx;
	border-bottom: 2rpx solid #EBEBEB;
}
.sortby_item{
	border-top:1rpx solid rgba(235, 235, 235, 1);
	height: 78rpx;
	line-height: 78rpx;
	font-size:26rpx;
	background-color: white;
	color: rgba(56, 55, 53, 1);
}
.sortby_item:first-child{
	border-top:0rpx;
}
.sortby_active{
	width:26rpx;
	height: 26rpx;
	float:right;
	margin:30rpx 15rpx 0rpx; 
}
/****************间隔区间***************/
.price_c{
	overflow: hidden;
	transition: all 0.5s;
	background-color: rgba(56, 55, 53, 0.2);
}
.price_list{
	background: white;
	padding-left:38rpx;
	padding-bottom: 30rpx;
	display: flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	border-bottom: 2rpx solid #EBEBEB;
}
.price_item{
	margin-top:20rpx;
	margin-right: 22rpx;
	border-radius: 6rpx;
	height: 80rpx;
	line-height: 80rpx;
	width: 210rpx;
	font-size:24rpx;
	background-color: white;
	color: rgba(56, 55, 53, 1);
	background-color: rgba(248, 248, 250, 1);
	border:1px solid rgba(248, 248, 250, 1);
	text-align: center;
}
.price_item_active{
	background: rgba(255, 230, 0, 0.1);
	border:1px solid #FFE600;
}


/**********筛选条件更多************/
.more_c{
	position: fixed;
	top:0rpx;
	left:100%;
	width: 100%;
	height: 100%;
	background: white;
	z-index:101;
	transition: all 0.5s;
}
.brandw_title{
	background-color:#fede18;
	height:128rpx;
	position: absolute;
	top:0rpx;
	width: 100%;
}
.brandw_back{
	width:50rpx;
	height: 50rpx;
	position: absolute;
	top:100rpx;
	left:40rpx;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 30rpx 30rpx;
}
.brandw_title_w{
	padding-top: 105rpx;
	font-size: 36rpx;
	height: 44rpx;
	line-height: 44rpx;
	text-align: center;
}
.wheres_more_i{
	margin-top:20rpx;
}
.more_n{
	height: 42rpx;
	line-height: 42rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 28rpx;
	text-indent: 38rpx;
	font-family: PingFangSC-Medium;
}
.more_list{
	background: white;
	padding-left:38rpx;
	padding-bottom: 30rpx;
	display: flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.more_detail_i{
	margin-top:20rpx;
	margin-right: 22rpx;
	border-radius: 6rpx;
	height: 80rpx;
	line-height: 80rpx;
	width: 210rpx;
	font-size:24rpx;
	background-color: white;
	color: rgba(56, 55, 53, 1);
	background-color: rgba(248, 248, 250, 1);
	border:1px solid rgba(248, 248, 250, 1);
	text-align: center;
}
.more_detail_active{
	background: rgba(255, 230, 0, 0.1);
	border:1px solid #FFE600;
}
.more_bts{
	margin-top:48rpx;
	line-height: 98rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 30rpx;
	text-align: center;
	display: flex;
}
.more_bt_reset{
	border-top:1px solid #EBEBEB;
	width: 240rpx;
	font-family: PingFangSC-Medium;
}
.more_bt_check{
	flex: 1;
	border-top:1px solid #FFD800;
	background: linear-gradient(270deg,#FFD800,#FFE600);
	font-family: PingFangSC-Medium;
}
/*******like*******/
.nocar_w{
	margin-top:55rpx;
	height: 39rpx;
	line-height: 39rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 26rpx;
	text-align: center;
}
.nocar_back{
	width:280rpx;
	height: 68rpx;
	border-radius: 6rpx;
	line-height: 68rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 26rpx;
	text-align: center;
	background:linear-gradient(90deg,#FFD800,#FFE600);
	margin:40rpx auto;
}
.recommend{
  margin-top:20rpx;
  background: white;
}
.recommend_t{
  padding:64rpx 0rpx 60rpx;

}
.recommend_img{
  height: 32rpx;
  display: block;
  margin:0px auto;
  width:258rpx;
}
.like_cart_c{
  margin-top:-20rpx;
}