/* pages/buy/buy.wxss */ @import "../../module/search/search.wxss" @import "../../module/caritem/caritem.wxss" .content{ background-color:#F9F9F9; } .filter_space{ height: 87rpx; } .filter_c{ height: 88rpx; top:206rpx; width:100%; z-index:1; } .filter_nav{ display: flex; height: 88rpx; overflow: hidden; } .filter_nav_item{ flex: 1; text-align: center; height: 100%; background-color: white; transition: all 0.5s; position: relative; } .filter_nav_item .filters_nav_line{ height: 1rpx; position: absolute; bottom: 0rpx; width: 100%; background-color:rgba(235, 235, 235, 1); } .filter_nav_item_active{ color:red; } .filter_nav_item_active .filters_nav_line{ background-color: #FFE600; } .filter_nav_name{ line-height: 80rpx; color: rgba(56, 55, 53, 1); font-size: 28rpx; display: inline; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .cart_list{ margin-top: -20rpx; } .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; } .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; } .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,NotoSansHans-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; display: flex; justify-content:center; align-items:center; } .more_detail_i image{ height: 24rpx; width: 24rpx; margin-right: 5rpx; margin-top:-2rpx; } .more_detail_active{ background: rgba(255, 230, 0, 0.1); border:1px solid #FFE600; } .more_bts_space{ } .more_bts{ margin-top:48rpx; line-height: 98rpx; background-color: white; width:100%; color: rgba(56, 55, 53, 1); font-size: 30rpx; text-align: center; display: flex; position: absolute; bottom: 0rpx; } .more_bt_reset{ border-top:1px solid #EBEBEB; width: 240rpx; font-family: PingFangSC-Medium,NotoSansHans-Medium; } .more_bt_check{ flex: 1; border-top:1px solid #EBEBEB; background: linear-gradient(270deg,#FFD800,#FFE600); font-family: PingFangSC-Medium,NotoSansHans-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; }