/****************品牌筛选条件***************/ .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:100rpx; left:40rpx; } .brandw_title_w{ padding-top: 105rpx; 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-bottom: 1rpx solid rgba(235, 235, 235, 1); color:#FFE600; font-size: 24rpx; text-indent: 48rpx; } .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; } .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; 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; }