finecarmini/pages/index/index.wxss

@import "../../module/search/search.wxss"
@import "../../module/caritem/caritem.wxss"

/*******topbanner*********/

.content{
  background-color:#F9F9F9;
}
.banner{
  position:relative;
}
.banner_t{
  position:relative;
  height: 380rpx;
  width: 100%;
}
.banner_item{
  width:100%;
  height: 100%;
}
.banner_item image{  
  width:100%;
  height: 100%;
}
.tab{
  position: absolute;
  bottom:10rpx;
  display: flex;
  text-align: center;
  justify-content:center;
  align-items:center;
  width:100%;
}
.tab-item{
  width:8rpx;
  height: 8rpx;
  border-radius:4rpx;
  background-color: rgba(255, 230, 0, 0.5);
  margin:0rpx 10rpx;
}
.selected{  
  background-color: rgba(255, 230, 0, 1);
}

/*******nav*********/
.nav_list{
  display: flex;
  padding: 0rpx 20rpx;
  height: 180rpx;
  background: white;
}
.nav_item{
  flex: 1;
  display: block;
}
.nav_item_link{
  text-align: center;
  margin:0rpx auto;
}
.nav_item_img{
  display: inline-block;
  width:82rpx;
  height: 82rpx;
  margin-top:28rpx;
  border-radius: 28rpx;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.21);
  background-repeat: no-repeat;
  background-size: 70rpx;
  background-position: center;
}
.nav_item_img image{
  width:70rpx;
  height: 70rpx;
  margin:6rpx;
}
.nav_item_t{
  height: 24rpx;
  line-height: 36rpx;
  color: rgba(56, 55, 53, 1);
  font-size: 24rpx;
  font-family: PingFangSC-Medium,NotoSansHans-Medium;
}

/*******goodcar*********/
.goodcar{
  height: 98rpx;
  width:100%;
  display: flex;
  margin-top:20rpx;
  background-color:white;
  position: relative;
}
.goodcar_t{
  width:46rpx;
  height: 44rpx;
  margin:27rpx 48rpx 0rpx;
}
.banner_g{
  position: relative;
  height: 100%;
  flex:1;
}
.goodcar_item{
  height: 49rpx;
  line-height: 25rpx;
  font-size: 24rpx;
  vertical-align: middle;
  display: flex;
  align-items: center;
  font-family: PingFangSC-Light,NotoSansHans-Light;
  display: flex;
}
.goodcar_item_label{
  padding: 0rpx 5rpx;
  line-height: 22rpx;
  height: 22rpx;
  border-radius: 2rpx;
  background-color: #FFE600;
  color: rgba(56, 55, 53, 1);
  font-size: 16rpx;
  text-align: center;
  margin-right: 14rpx;
}
.goodcar_item_t{
  flex: 1;
}
.prevent_move{
  position: absolute;
  top:0rpx;
  left:0rpx;
  background-color: rgba(0,0,0,0);
  width: 100%;
  height: 100%;
}

/*******brand*********/
.brand{
  width:754rpx;
  margin-top:16rpx;
  overflow: hidden;
  display: flex;
  flex-wrap:wrap;
}
.brand_r{
  display: flex;
  flex-wrap:wrap;
  margin: 0rpx -2rpx 2rpx;
}
.brand_item_b{  
  height: 150rpx;
  width:25%;
  overflow: hidden;
}
.brand_item{
  background: white;
  height: 148rpx;
  margin:2rpx 2rpx 0px 0px;
}
.brand_item_link{
  text-align: center;
}
.brand_item_img{
  height: 104rpx;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}
.brand_item_name{
  height: 36rpx;
  line-height: 36rpx;
  color: rgba(56, 55, 53, 1);
  font-size: 20rpx;
}
.brand_more{
  display: block;
  margin:0px auto;
  width: 500rpx;
  height: 68rpx;
  line-height: 68rpx;
  font-size: 22rpx;
  text-align: center;
  background-color: rgba(255, 230, 0, 1);
  font-family: PingFangSC-Medium,NotoSansHans-Medium;
}
/**********recommend**********/
.recommend{
  margin-top:20rpx;
  background: white;
}
.recommend_t{
  padding:64rpx 0rpx 60rpx;

}
.recommend_img,.like_img{
  height: 32rpx;
  display: block;
  margin:0px auto;
  width:176rpx;
}
.recommend_w{
  height: 14rpx;
  width:248rpx;
  margin:10rpx auto 0rpx;
  display: block;
}
.like_w{  
  height: 14rpx;
  width:204rpx;
  margin:10rpx auto 0rpx;
  display: block;
}
.recommend_sw{
  position: relative;
}
.recommend_list{
  height: 200rpx;
}
.recommended_tab{
  bottom:10rpx;
  padding: 5rpx 0rpx 10rpx; 
  display: flex;
  text-align: center;
  justify-content:center;
  align-items:center;
  width:100%;
}
.recommended_tab-item{
  width:8rpx;
  height: 8rpx;
  border-radius:4rpx;
  background-color: rgba(155, 155, 155, 1);
  margin:0rpx 10rpx;
}
.recommend_selected{
  background-color: rgba(58, 55, 53, 0.95);
}
/************cardetail***********/
.car_b{
  height: 200rpx;
  width:100%;
  display: flex
}
.like_cart_c{
  margin-top:-20rpx;
}
.car_img{
  display: block;
  width:290rpx;
  height:100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.car_info{
  padding:10rpx 38rpx 0rpx 20rpx;
  align-items:center;
  flex: 1;
  display: flex;
  flex-direction:column;
  justify-content:space-around;
  align-items:flex-start;
}
.car_t{
  line-height: 36rpx;
  color: rgba(56, 55, 53, 1);
  font-size: 26rpx;
  text-align: left;
  font-family: PingFangSC-Medium,NotoSansHans-Medium;
}
.car_time{
  height: 30rpx;
  line-height: 30rpx;
  color: rgba(135, 135, 135, 1);
  font-size: 20rpx;
  text-align: left;
}
.car_p{
  height: 33rpx;
  line-height: 33rpx;
  color: rgba(33, 36, 37, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Semibold,NotoSansHans-Blod;
}
.car_characteristic{
  /*height: 50rpx;*/

}
.car_characteristic::after{
  content:"";
  display: block;
  height: 0rpx;
  clear: both;
}
.car_characteristic_i{
  float: left;
  height: 34rpx;
  line-height: 34rpx;
  border-radius: 6rpx;
  font-size: 18rpx;
  padding:0rpx 10rpx;
  margin-right: 15rpx;
  background-color: rgba(255, 230, 0, 1);
  color: rgba(56, 55, 53, 1);
  font-family: PingFangSC-Light,NotoSansHans-Light;
}
.show_more{
  border-top: 1rpx solid #F2F2F5;
  line-height: 68rpx;
  height: 68rpx;
  color: rgba(135, 135, 135, 1);
  font-size: 24rpx;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.show_more image{
 width:22rpx;
 height: 22rpx;
 margin-left: 10rpx;
}
/*******bottom*********/
.bottom_banner{
  width: 100%;
  height:240rpx;
  display: block;
}