finecarmini/pages/buy/buy.wxss

/* pages/buy/buy.wxss */
@import "../../module/search/search.wxss"
@import "../../module/caritem/caritem.wxss"
.filter_space{
	height: 88rpx;
}
.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 white;
	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;
}
.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;
}
.sortby_item{
	border-top:1px solid rgba(235, 235, 235, 1);
	height: 78rpx;
	line-height: 78rpx;
	font-size:26rpx;
	background-color: white;
	color: rgba(56, 55, 53, 1);

}
.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;
}
.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;
}

/****************品牌筛选条件***************/
.brandw_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: fixed;
	z-index:100;
	top:0rpx;
	width: 100%;
}
.brandw_back{
	width:30rpx;
	height: 30rpx;
	position: absolute;
	top:70rpx;
	left:40rpx;
}
.brandw_title_w{
	padding-top: 60rpx;
	font-size: 36rpx;
	height: 44rpx;
	line-height: 44rpx;
	text-align: center;
}
.brandw_t_line{
	height: 58rpx;
	line-height: 58rpx;
	background-color: rgba(242, 242, 245, 1);
	color: rgba(56, 55, 53, 1);
	font-size: 22rpx;
	text-indent: 38rpx;
}
.brandw_hotlist{
	padding: 0rpx 40rpx;
	display: flex;
	background: white;
	flex-wrap: wrap;
}
.brandw_hotlist_item{
	width:134rpx;
	height: 159rpx;
}
.brandw_hotitem_img{
	width: 70rpx;
	height: 70rpx;
	background-size: 70rpx;
	background-repeat: no-repeat;
	background-position: center;
	margin:30rpx auto 0rpx;
}
.brandw_hotitem_name{
	height: 33rpx;
	line-height: 33rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 22rpx;
	text-align: center;
}
.brandw_binitial{
	left: 0px;
	top: 562px;
	width: 750px;
	height: 44rpx;
	line-height: 44rpx;
	border: 1rpx solid rgba(235, 235, 235, 1);
	color:#FFE600;
	font-size: 24rpx;
	text-indent: 48rpx;
}
.brandw_bitem{
	left: 0px;
	line-height: 78rpx;
	height: 78rpx;
	border: 1rpx solid rgba(235, 235, 235, 1);
}
.brandw_bimg{
	height: 60rpx;
	width:60rpx;
	float:left;
	margin:10px 30rpx 0rpx 38rpx;
	background-repeat: no-repeat;
	background-size: 60rpx;
	background-position: center;
}
.brandw_bname{
	display: inline;
	margin-left:20rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 26rpx;
}

.brand_serieslist{
	width:440rpx;
	background-color: white;
	position: fixed;
	bottom: 0rpx;
	right:770rpx;
	border-shadow:-1rpx 0rpx ;
	box-shadow: -2rpx 0rpx 10rpx -1rpx rgba(0, 0, 0, 0.16);
}
.series_lelong{
	height: 78rpx;
	line-height: 78rpx;
}
.series_lelong_bimg{
	height:60rpx;
	width:60rpx;
	float:left;
	margin:10px 20rpx 0rpx 28rpx;
	background-repeat:no-repeat;
	background-size:60rpx;
	background-position:center;
}
.series_lelong_name{
	color: rgba(56, 55, 53, 1);
	font-size: 26rpx;
	display:inline;
}
.car_series_t{
	text-indent: 28rpx;
	height: 44rpx;
	line-height: 44rpx;
	background-color: rgba(247, 247, 247, 1);
	color: rgba(56, 55, 53, 1);
	font-size: 20rpx;
}
.brand_series_i{
	height: 78rpx;
	line-height: 78rpx;
}
.brand_series_bimg{
	height:60rpx;
	width:60rpx;
	float:left;
	margin:9px 20rpx 0rpx 28rpx;
	background-repeat:no-repeat;
	background-size:60rpx;
	background-position:center;
}
.brand_series_name{
	color: rgba(56, 55, 53, 1);
	font-size: 22rpx;
	display:inline;
}

/*************首字母指示点*************/
.brand_initail_c{	
	position: fixed;
	bottom: 90rpx;
	right:5rpx;
}
.brand_initail_i{
	color:#383735;
	font-size: 22rpx;
	width: 35rpx;
	text-align: center;
}
.brand_initail_active{
	border-radius: 17rpx;
	background-color: #FFE600;
}
/**********筛选条件更多************/
.more_c{
	position: fixed;
	top:0rpx;
	left:100%;
	width: 100%;
	height: 100%;
	background: white;
	z-index:101;
	transition: all 0.5s;
}
.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: NotoSansHans-Regular;
}
.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;
}
.more_bt_check{
	flex: 1;
	border-top:1px solid #FFD800;
	background: linear-gradient(270deg,#FFD800,#FFE600);
}
/*******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:176rpx;
}
.like_cart_c{
  margin-top:-20rpx;
}