.nameFirst {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #dfdfdf;
}
.nameFirstbox {
        width: 90%;
    height: auto;
    margin: 0 auto;
}
.nameFirstboxItem {
    width: 100%;
    height: auto;
    line-height: 1.5rem;
    overflow: hidden;
    font-size: 0.6rem;
    color: #333;
}
.nameFirstboxItem span {
    display: inline-block;
    width: 11%;
    text-align: center;
    margin: 1% 1.2%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}
.tips {
    border-bottom: 1px solid #dfdfdf;
    padding: 1.2% 5%;
    font-size: 0;
    margin-bottom: 4%;
}
.tips span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1%;
    border: 1px solid #dfdfdf;
    font-size: 0.6rem;
    line-height: 1.2rem;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    text-align: center;
}
.tips .brand_item {
    width: 20%;
    margin-right: 1%;
}
.tips .series_item {
    width: 30%;
    margin-right: 1%;
}
.tips .group_item {
    width: 39%;
}


.choose_contain {
    padding: 1% 5%;
    overflow: scroll;
}

.pbrand_contain, .chexibox {
    opacity: 1;
    overflow: scroll;
}

.series_contain, .group_contain, .chexing_contain {
    opacity: 0;
}

.brand_contain, .pbrand_contain, .series_contain, .group_contain, .chexing_contain, .chexibox, .city_contain, .sy_contain, .cy_contain{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.city_contain {
  margin-bottom: 3.5rem;
}
.brand_contain h4, .pbrand_contain h4, .series_contain h4, .group_contain h4, .chexing_contain h4 {
    width: 100%;
    font-size: 0.7rem;
}
.chexing_contain span {
  padding: 2% 0.1%;
  /*margin: 1% 4.5% 1% 0;*/
  border: 1px solid #dfdfdf;
  background-color: #fff;
  font-size: 0.7rem;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}
.brand_contain span, .pbrand_contain span, .series_contain span, .group_contain span, .chexibox span, .city_contain span, .sy_contain span, .cy_contain span {
    padding: 2% 0.1%;
    margin: 1% 4.5% 1% 0;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.7rem;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    display: inline-block;
}
/*.brand_contain .active, .series_contain .active, .group_contain .active, .chexibox .active, .city_contain .active, .sy_contain .active, .cy_contain .active {
    background-color: #007897;
    color: #fff;
    border: 1px solid #007897;
    box-shadow: 0 0 2px rgba(0, 120, 151, .1);
}*/
.brand_contain span, .pbrand_contain span, .chexibox span, .sy_contain span {
    width: 45%;
    margin: 1% auto;
}
.city_contain span{
    width: 45%;
    margin: 1% auto;
}

.series_contain span {
    width: 45%;
    margin: 1% auto;
    /*padding: 2% 4%;*/
}

.group_contain span, .chexing_contain span {
    width: 100%;
    margin: 1% auto;
}

.hide {
    display: none;
}
.cartypeinfobox {
    width: 98%;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
    padding-left: 2%;
    box-sizing: border-box;
    font-weight: bold;
}
.secondCarType, .chexiType {
    width: 100%;
    height: 1.5rem;
    overflow: hidden;
    line-height: 1.5rem;
    font-size: 0.6rem;
}
.secondCarType .group_capital, .chexiType .series_capital {
    width: 60%;
    float: left;
    height: 100%;
}
.rightSearch {
    width: 23%;
    height: 100%;
    float: right;
    text-align: center;
    border-radius: 3px;
}
.searchBox {
    width: 80%;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0.25rem 10%;
    float: left;
    overflow: hidden;
}
/* .searchBoxl {
    width: 80%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #007897;
} */
.searchBoxr {
    width: 20%;
    height: 100%;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 0.65rem;
}
.searchcar {
    width: 98%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 0.65rem;
    
    padding-left: 10px;
}
.searchRes {
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: scroll; 
    background: #fff;
}
.searchResTitle, .searchResItem {
    width: 100%;
    height: auto;
    line-height: 1.2rem;
    font-size: 0.6rem;
    padding: 0 6%;
}
.searchResTitle {
    overflow: hidden;
}
.searchResItem {
    border-bottom: 1px solid #dfdfdf;
}
.searchResTitleitem {
    width: 10%;
    float: right;
    height: 1.2rem;
    text-align: center; 
}