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