finecarmini/pages/index/index.wxss

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

.conent{
  background-color:#F9F9F9;
}
.banner{
  position:relative;
}
.banner_t{
  position:relative;
  height: 380rpx;
  width: 100%;
}
.banner_item{
  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;
}

/*******goodcar*********/
.goodcar{
  height: 98rpx;
  width:100%;
  display: flex;
  margin-top:20rpx;
  background-color:white;
}
.goodcar_t{
  width:98px;
  background-repeat:no-repeat;
  background-position: center;
  background-size:55rpx 55rpx;
}
.banner_g{
  position: relative;
  height: 100%;
  flex:1;
}
.goodcar_item{
  height: 49rpx;
  line-height: 49rpx;
  font-size: 24rpx;
}
/*******brand*********/
.brand{
  margin-top:16rpx;
}
.brand_r{
  display: flex;
  flex-wrap:wrap;
  margin: 0rpx -4rpx 4rpx;
}
.brand_item{
  height: 150rpx;
  flex: 1;
  background: white;
  margin:4rpx 4rpx 0rpx 0rpx;
}
.brand_item_link{
  text-align: center;
}
.brand_item_img{
  height: 114rpx;
  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{
  margin:0px auto;
  width: 500rpx;
  height: 68rpx;
  line-height: 68rpx;
  text-align: center;
  background-color: rgba(255, 230, 0, 1);
}
/**********recommend**********/
.recommend{
  margin-top:20rpx;
  background: white;
}
.recommend_t{
  padding:64rpx 0rpx 60rpx;

}
.recommend_img{
  height: 32rpx;
  display: block;
  margin:0px auto;
  width:176rpx;
}
.recommend_w{
  height: 16rpx;
  line-height: 19rpx;
  color: rgba(56, 55, 53, 1);
  letter-spacing: 3rpx;
  font-size: 16rpx;
  text-align: center;
  font-family: PerpetuaTitlingMT-Light;
}
.recommend_sw{
  position: relative;
}
.recommend_list{
  height: 200rpx;
}
.recommended_tab{
  position: absolute;
  bottom: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;
}
.likecar_b{
  height: 200rpx;
  width:100%;
  display: flex;
  margin-top:20rpx;
  border-top:1px solid #F9F9F9;
  background: white;
}
.car_img{
  display: block;
  width:336rpx;
  height:100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.likecar_img{
  display: block;
  width:290rpx;
  height:100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.car_info{
  padding:10rpx 0rpx 0rpx 40rpx;
  align-items:center;
}
.car_t{
  height: 36rpx;
  line-height: 36rpx;
  color: rgba(56, 55, 53, 1);
  font-size: 26rpx;
  text-align: left;
}
.car_time{
  height: 30rpx;
  line-height: 30rpx;
  color: rgba(135, 135, 135, 1);
  font-size: 20rpx;
  text-align: left;
}
 .car_store{
  height: 28rpx;
  line-height: 28rpx;
  color: rgba(245, 166, 35, 1);
  font-size: 20rpx;
  text-align: center;
  display: inline-block;
  border:1px solid rgba(245, 166, 35, 1);
  border-radius: 8rpx;
} 
.car_p{
  height: 33rpx;
  line-height: 33rpx;
  color: rgba(33, 36, 37, 1);
  font-size: 28rpx;
  font-family: NotoSansHans-Medium;
}
.car_characteristic{
  height: 60rpx;
}
.car_characteristic_i{
  display: inline-block;
  height: 34rpx;
  line-height: 34rpx;
  border-radius: 6rpx;
  font-size: 18rpx;
  padding:0rpx 5rpx;
  background-color: rgba(255, 230, 0, 1);
  color: rgba(56, 55, 53, 1);
}
.car_guide_p{
  height: 33rpx;
  line-height: 33rpx;
  color: rgba(104, 104, 104, 1);
  font-size: 22rpx;
  text-align: left;
}
.car_guidep{
  display: inline;
  text-decoration:line-through;
}
.show_more{
  line-height: 68rpx;
  height: 68rpx;
  color: rgba(135, 135, 135, 1);
  font-size: 24rpx;
  text-align: center;
  background: white;
}
/*******bottom*********/
.bottom_banner{
  width: 100%;
  height:240rpx;
}