/* pages/carcontent1/carcontent1.wxss */
.carcontent {
  background: #eee;
  color: #686868;
  margin-bottom: 120rpx;

  /* 	margin-top: 3%; */
}

.carcontentIphone {
  padding-bottom: 100rpx;
}

.carcontent .branch {
  margin: 0 3%;
}

.carcontent .sote {
  clear: both;
  overflow: hidden;
  margin-bottom: 20rpx;
}

.carcontent .h3 {
  text-align: left;
  font-size: 24rpx;
  margin-left: 3%;
  margin-bottom: 0;
  padding: 10rpx 0 0;
  font-weight: bold;
  display: block;
  clear: both;
  color: #999;
}

.carcontent .h3 .a {
  color: #333;
}

.carcontent .fa-bookmark::before {
  margin-right: 12rpx;
}

.carcontent .a .span {
  height: 60rpx;
  line-height: 60rpx;
  color: #686868;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.carcontent .branch image {
  width: 100%;
}

.carcontent .thumb {
  line-height: 22.5vw;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.carcontent .ul {
  clear: both;
  width: 94%;
  overflow: hidden;
  padding: 4% 0 0 4%;
  margin: 3% 3% 0;
  background: #fff;
  box-sizing: border-box;
}

.carcontent .li {
  width: 29%;
  text-align: center;
  float: left;
  margin-bottom: 20rpx;
  margin-right: 4%;
  font-size: 24rpx;
  background: #fff;
}

.carcontent .li image {
  width: 98%;
  right: 0;
  height: 98%;
  position: absolute;
}

.carcontent .li:nth-child(3n) {
  margin-right: 0;
}
