CarBrand.wxss 1.9 KB
page {
  height: 100%;
}
.city_box {
  height: 100%;
  background: #fff;
  display: flex;
}
.city_box .city_left {
  flex: 1;
}
.city_box .city_left .searchBOX {
  display: block;
  margin-top: 15rpx;
  width: 100%;
  height: 70rpx;
  padding-left: 25rpx;
  box-sizing: border-box;
}
.city_box .city_left .searchBOX .search {
  width: 78%;
  background-color: #f9f9f9;
  border-radius: 15rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}
.city_box .city_left .searchBOX .search input {
  text-indent: 15rpx;
  font-size: 28rpx;
  height: 70rpx;
  line-height: 70rpx;
  width: 100%;
}
.city_box .city_left .searchBOX .search image {
  margin-left: 20rpx;
  width: 31rpx;
  height: 31rpx;
}
.city_box .city_left .searchBOX .search_btn {
  float: right;
  height: 70rpx;
  color: #E8370F;
  font-weight: 700;
  line-height: 70rpx;
  padding: 0;
  background-color: transparent;
}
.city_box .city_left .city_list_box .city_first_letter {
  height: 40rpx;
  padding-left: 32rpx;
  font-size: 34rpx;
  color: #E8370F;
}
.city_box .city_left .city_list_box .city_name {
  line-height: 80rpx;
  height: 80rpx;
  border-bottom: 1px solid #efefef;
  font-size: 28rpx;
  color: #333;
  padding-left: 32rpx;
}
.city_box .city_right {
  width: 90rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.city_box .city_right .letter_item {
  flex: 1;
  font-size: 32rpx;
  color: #33B9FF;
  text-align: center;
}
.city_locate,
.national {
  height: 80rpx;
  line-height: 80rpx;
  border-bottom: 1px solid #efefef;
  font-size: 28rpx;
  color: #333;
  padding-left: 25rpx;
}
.city_locate_title {
  color: #999;
  margin-right: 20rpx;
}
.searchResult {
  position: absolute;
  top: 75rpx;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 100%;
  padding: 32rpx;
  box-sizing: border-box;
}
.searchResult .RList {
  width: 100%;
  margin: 10rpx;
}