finecarmini/components/brandlist/brandlist.wxss

/****************品牌筛选条件***************/
.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: 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_back image{
	width:30rpx;
	height: 30rpx;
	margin: 10rpx;
}
.brandw_title_w{
	padding-top: 105rpx;
	font-size: 36rpx;
	height: 44rpx;
	line-height: 44rpx;
	text-align: center;
	font-family: PingFangSC-Medium,NotoSansHans-Medium;
}
.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_a_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;
	font-family: NotoSansHans-DemiLight;
}
.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-bottom: 1rpx solid rgba(235, 235, 235, 1);
	color:#FFE600;
	font-size: 24rpx;
	text-indent: 48rpx;
	font-family: PingFangSC-Semibold,NotoSansHans-Blod;
}
.brandw_bitem{
	left: 0px;
	margin-left:38rpx;
	line-height: 70rpx;
	height: 78rpx;
	border-bottom: 1rpx solid rgba(235, 235, 235, 1);
	display: flex;
}
.brandw_bimg{
	height: 60rpx;
	width:60rpx;
	margin:5px 30rpx 0rpx 0rpx;
	background-repeat: no-repeat;
	background-size: 60rpx;
	background-position: center;
}
.brandw_bname{
	flex: 1;
	display: flex;
	align-items:center;
	margin-left:20rpx;
	color: rgba(56, 55, 53, 1);
	font-size: 26rpx;
	line-height: 32rpx;	
}

.brand_serieslist{
	width:440rpx;
	margin-left:310rpx;
	background-color: white;
	position: fixed;
	z-index:101;
	bottom: 0rpx;
	left:770rpx;
	border-shadow:-1rpx 0rpx ;
	box-shadow: -2rpx 0rpx 10rpx -1rpx rgba(0, 0, 0, 0.16);
	transition: left 0.5s;
}
.series_lelong{
	height: 78rpx;
	line-height: 78rpx;
	overflow: hidden;
}
.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-align: left;
	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;
	margin-left:28rpx;
	border-bottom: 1px solid rgba(235, 235, 235, 1);
}
.brand_series_bimg{
	height:60rpx;
	width:60rpx;
	float:left;
	margin:9px 20rpx 0rpx 0rpx;
	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;
	z-index:101;
	bottom: 90rpx;
	right:5rpx;
	overflow:hidden;
}
.brand_selectbg{
	width: 35rpx;
	height: 35rpx;
	position: absolute;
	left:0rpx;
	transition: top 0.5s;
}
.brand_initail_b{
	position: absolute;
	top:0rpx;
	left:0rpx;
}
.brand_initail_i{
	color:#383735;
	font-size: 22rpx;
	width: 35rpx;
	line-height: 35rpx;
	text-align: center;
	background-size: 22rpx 22rpx;
	position: relative;
}
.brand_initail_active{
	border-radius: 17rpx;
	background-color: #FFE600;
}


/*model*/
.models_c{
	position: fixed;
	top:0rpx;
	left:100%;
	width: 100%;
	height: 100%;
	background: white;
	z-index:101;
	transition: all 0.5s;
}
.no_model{
	height: 100rpx;
	line-height: 100rpx;
	color: rgba(104, 104, 104, 1);
	font-size: 26rpx;
	text-align: center;
	font-family: PingFangSC-Regular,NotoSansHans-DemiLight;
}