body{
    background-color: #F5F7F7;
}
.hide{
    display: none;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
}
.header-tips{
    width: 100%;
    height: 90px;
    background-color: rgba(255,213,37,0.2);
    min-width: 1200px;
}
.header-tips .wrap .header-tips-item{
    height: 90px;
    padding-left: 80px;
}
.header-tips .wrap .header-tips-item .title{
    height: 22px;
    margin-top: 15px;
    margin-bottom: 4px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
}
.header-tips .wrap .header-tips-item .content{
    width: 194px;
    line-height: 17px;
    font-size: 12px;
}
.header-tips .wrap>:nth-child(1){
    background: url(../img/01.png) no-repeat left center;
}
.header-tips .wrap>:nth-child(2){
    background: url(../img/02.png) no-repeat left center;
}
.header-tips .wrap>:nth-child(3){
    background: url(../img/03.png) no-repeat left center;
}
.header-tips .wrap>:nth-child(4){
    background: url(../img/04.png) no-repeat left center;
}
.index-container{
    margin-top: 24px;
}
.index-container .index-container-top{
    background-color: #fff;
}
.index-container .index-container-top .index-top-item{
    padding: 24px;
    border-top: 1px solid #F5F7F7;
}
.index-container .index-container-top>:first-child .item-title{
    padding-top: 5px;
    border: none;
}
.index-container .index-container-top .index-top-item .item-title span{
    line-height: 20px;
    font-weight: 500;
}
.index-container .index-container-top .index-top-item .item-content{
    padding-left: 20px;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li{
    float: left;
    min-width: 120px;
    margin-right: 75px;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type>:first-child{
    min-width: 90px;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li a{
    display: block;
    color: #000000;
    text-align: center;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li a .img{
    height: 50px;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li i{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(../img/radio_circle.png) no-repeat center center;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li .describe{
    height: 20px;
    line-height: 20px;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li .describe>*{
    vertical-align: middle;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li.on .describe span{
    color: #F6B027;
}
.index-container .index-container-top .index-top-item .item-content .vehicle-type li.on i{
    background: url(../img/radio_circle_checked.png) no-repeat center center;
}
.index-container .index-container-top .index-top-item .item-content .city-select{
    position: absolute;
    top: -5px;
    left: 20px;
    width: 169px;
    height: 30px;
    padding-left: 10px;
    border-color: #DEDEDE;
    color: #000000;
}
.index-container .index-container-top .index-top-item .item-content>i{
    position: absolute;
    left: 168px;
    top: 0;
    z-index: 11;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/rectangle.png) no-repeat center center;
    background-color: #fff;
}
.index-container .index-container-top .index-top-item .item-content>span.city{
    margin-left: 205px;
    color: #B3B3B3;
    margin-right: 38px;
}
.index-container .index-container-top .index-top-item .item-content .city-select::-webkit-input-placeholder{
    color: #727272;
}
.index-container .index-container-top .index-top-item .item-content .car-band-list{
    overflow: hidden;
    float: left;
    width: 900px;
    height: 20px;
}
.index-container .index-container-top .index-top-item .item-content .car-band-list li{
    float: left;
    width: 90px;
    height: 20px;
    margin-bottom: 15px;
    line-height: 20px;
    color: #727272;
}
.index-container .index-container-top .index-top-item .item-content .car-band-list li i{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url(../img/checkbox0.png) no-repeat center center;
    vertical-align: -2px;
}
.index-container .index-container-top .index-top-item .item-content .car-band-list li.on i{
    background: url(../img/checkbox1.png) no-repeat center center;
}

.index-container .index-container-top .index-top-item .item-content .more-band i{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../img/car_more.png) no-repeat center center;
    vertical-align: -3px;
}
.index-container .index-container-top .index-top-item .item-content .car-band-list.on{
    height: 55px;
}
.index-container .index-container-top .index-top-item .item-content .car-band-list.on+.more-band{
    margin-top: 35px;
}
.index-container .index-container-top .index-top-item .item-content .car-band-list.on+.more-band i{
    background: url(../img/car_recover.png) no-repeat center center;
}
.index-container .index-container-top .index-top-item .item-content .choosed-list{
    position: absolute;
    top: -5px;
    left: 20px;
    height: 30px;
    line-height: 30px;
}
.index-container .index-container-top .index-top-item .item-content .choosed-list li{
    float: left;
    cursor: pointer;
}
.index-container .index-container-top .index-top-item .item-content .choosed-list li.clear-choose{
    margin-left: 24px;
}
.index-container .index-container-top .index-top-item .item-content .choosed-list li.choose-item{
    padding: 0 9px;
    margin-right: 10px;
    background-color: rgba(242,201,31,0.3);
}
.index-container .index-container-top .index-top-item .item-content .choosed-list li.choose-item i{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 9px;
    background: url(../img/choose_close.png) no-repeat center center;
    vertical-align: -1px;
}
.index-container .index-container-top .index-top-item .item-content .clear-choose i{
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-right: 6px;
    background: url(../img/choose_clear.png) no-repeat center center;
    vertical-align: -2px;
}
.index-container .index-container-body{
    margin-top: 10px;
}
.index-container .index-container-body .container-body-left{
    float: left;
    width: 832px;
}
.index-container .index-container-body .container-body-right{
    float: right;
    width: 358px;
}
.index-container .index-container-body .container-body-head{
    height: 55px;
    margin-bottom: 10px;
    background-color: #fff;
    line-height: 55px;
}
.index-container .index-container-body .container-body-head>p{
    display: inline-block;
    padding-left: 24px;
    font-size: 18px;
    font-weight: 500;
}
.index-container .index-container-body .container-body-head>p span{
    color: #F6B027;
}
.index-container .index-container-body .container-body-head .sort-box{
    position: relative;
    float: right;
    width: 132px;
    text-align: center;
    cursor: pointer;
}
.index-container .index-container-body .container-body-head .sort-box:hover .sort-item{
    display: block;
    z-index: 200;
}
.index-container .index-container-body .container-body-head .sort-box i{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../img/car_more.png) no-repeat center center;
    vertical-align: -3px;
}
.index-container .index-container-body .container-body-head .sort-box .sort-item{
    position: absolute;
    top: 55px;
    right: 0;
    width: 132px;
    padding: 15px 0;
    background-color: #fff;
    border:1px solid rgba(229,229,229,1);
}
.index-container .index-container-body .container-body-head .sort-box .sort-item>:first-child{
    margin-bottom: 15px;
}
.index-container .index-container-body .container-body-head .sort-box .sort-item span{
    display: block;
    line-height: 20px;
}
.index-container .index-container-body .container-body-content li{
    background-color: #fff;
}
.index-container .index-container-body .container-body-right .right-head-img{
    height: 200px;
    margin-bottom: 10px;
}