@charset "UTF-8";
.list-truck , .list-photo{display:block;overflow:hidden;margin-right:-2%;}
.list-truck li {padding:20px 0;width:23%;margin-right:2%;overflow: hidden;border-top: solid 1px #e9eaed; box-sizing: border-box;float:left;}
.list-truck li:first-child , .list-truck li:nth-child(2) , .list-truck li:nth-child(3) , .list-truck li:nth-child(4) , .list-photo li:first-child , .list-photo li:nth-child(2) , .list-photo li:nth-child(3) , .list-photo li:nth-child(4){border-top: 0;padding:0 0 20px 0;}
.list-truck li h2{font-size:16px;line-height:30px;overflow:hidden;font-weight: normal;text-overflow:ellipsis;white-space:nowrap;}
.list-truck li h2 span{padding:0 5px;line-height:20px;position: relative;top:3px;float:right;display: inline-block;border-radius: 5px;font-size:14px;font-weight: normal;}
span.zs{background:#df2f30!important;color:#ffffff!important;}
span.ds{background:#7082c2!important;color:#ffffff!important;}
span.zz{background:#53ac5d!important;color:#ffffff!important;}
span.sw{background:#f2f2f2!important;color:#999999!important;}

.list-truck li .truckimg , .list-photo li .truckimg{position:relative;padding-top:70%;width:100%;;margin-bottom:10px;}
.list-truck li .truckimg img , .list-photo li .truckimg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.list-truck li .price{margin-bottom:0;font-size:14px;line-height:24px;color:#999999;overflow:hidden;margin-top:7px;text-align:right;}
.list-truck li .price .Hjj , .list-truck li .price .fr , .list-truck li .price .tg{text-align:left;float:left;}

.list-truck li .Hts{line-height:20px;margin-right:-10px;position:absolute;bottom:0;left:10px;z-index: 9}
.list-truck li .Hts span{color:rgba(255, 255, 255, 0.8);padding:0 8px;display: inline-block;font-size:12px;font-weight: normal;margin:0 10px 10px 0;background: rgba(0, 0, 0, 0.3);border-radius: 10px;border:1px solid rgba(255, 255, 255, 0.3)}

.price .Hjj{color:#df2f30;font-size:16px;margin-right:5px;}
.price .fr{color:#36ad1f;font-size:16px;}
.price .tg{font-size:14px;border:1px solid #c7c9d1; border-radius: 5px; padding:0 5px; box-sizing: border-box; line-height: 22px;display: block;}
.price .au{float:right;}
.price .au a{color:#6bc7a8}
.price i{margin-right:5px;color:#999999;font-size:14px;}
.list-photo li{padding:0px 0 20px 0;width:23%;margin-right:2%;overflow: hidden;box-sizing: border-box;float:left;}
.list-photo li .truckimg{margin:0!important;}
.list-photo li h2 {position: absolute;bottom:0;left:0;right:0;padding:0 10px;z-index: 9;color:rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.3); font-size:16px;line-height:30px;overflow:hidden;font-weight: normal;text-align: center;text-overflow:ellipsis;white-space:nowrap;}

.truck_intr{overflow:hidden;padding:0 0 10px 0;}
.truck_intr .list-truck_l{float:left;width:42%;margin-right:20px;}
.truck_intr .list-truck_r{overflow: hidden;display: block;padding:5px 0 0 0;}
.truck_intr .truckimg{position:relative;padding-top:70%;width:100%;}
.truck_intr .truckimg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.truck_intr .info {text-align: left;color: #999;}
.truck_intr h1{text-align:left;line-height:28px;margin:0 0 18px 0;font-size:22px;}
.truck_intr h1 span{padding:0 7px;line-height:24px;position: relative;top:3px;display: inline-block;border-radius: 5px;font-size:14px;font-weight: normal;float:right;}
.truck_intr h2{text-align:left;line-height:30px;margin:0 0 20px 0;font-size:20px;}
.truck_intr h2 span{padding:0 7px;line-height:24px;position: relative;top:3px;display: inline-block;border-radius: 5px;font-size:14px;font-weight: normal;float:right;}
 .truck_intr .price{    padding: 15px;
    margin-bottom: 13px;
    background: #eef0f3;}
.truck_intr p {    color: #999999;
    line-height: 150%;
    margin: 10px 0 0 0;}
.truck_intr .price .Hjj{font-size:26px;font-weight: bold;}
.truck_intr .spb{font-size:14px;color:#333333;font-weight: bold;margin-right:15px;}
.truck_intr p span , .truck_jbqk div span{margin-right:10px;}
.truck_jbqk {overflow:hidden;}
.pt15{padding-top:15px;}
.truck_jbqk div{width:50%;float:left;color:#333333;line-height:150%;margin:0 0 20px 0;}
.truck_intr .price .yh {margin-left:15px;color:#c1aa06;}
.truck_intr .list-truck_r .bt{color:#333333;line-height:150%;}
.truck_intr .list-truck_r .bt .call{font-size:22px;font-weight: bold;color:#df2f30;letter-spacing: 2px;}
.truck_intr .list-truck_r .bt a{display:inline-block;text-align: center; color:#ffffff;;background:#3382f0;  padding:0 20px;font-size:16px;line-height:36px;border-radius:3px;margin:0 30px 0 0;}
.truck_intr .list-truck_r .bt a i{font-size:16px;color:#fff;}
.truck_intr .list-truck_r .bt a:hover{opacity:0.8;}
.truck_intr .list-truck_r .bt i{margin-right:10px;font-size:22px;color:#df2f30;}
.truck_spm {
    margin: 15px 0;
    padding: 25px 20px 15px 30px;
    display: block;
    background: #fff;
}
@media screen and (max-width:1280px){
.truck_intr .list-truck_r .bt a{width:100%;margin:0 0 20px 0; padding:0;}
}

@media screen and (max-width:720px){
.truck_intr .list-truck_l{float:none;width:100%;} 
.list-photo li{width:48%;}
.truck_jbqk div{width:100%;float:none;}
.truck_spm {
    margin: 12px 0;
    padding: 15px 15px 10px 15px;
    display: block;
    background: #fff;
}
.truck_intr h2 {
    text-align: left;
    line-height: 25px;
    margin: 0px 0 15px 0;
    font-size: 18px;
}
.truck_intr h1 {
    text-align: left;
    line-height: 25px;
    margin: 0px 0 15px 0;
    font-size: 18px;
}
.truck_intr p, .truck_intr .price {
    color: #333333;
    line-height: 150%;
    margin: 0 0 10px 0;
}
.truck_intr .list-truck_r .bt a {
    width: 100%;
    margin: 5px 0 0px 0;
    padding: 0;
}
.truck_intr .price .Hjj {
    font-size: 20px;
    font-weight: bold;
}
.truck_intr .list-truck_r{padding:10px 0 0 0;}
}
@media screen and (max-width:480px){ 

.truck_intr .list-truck_r .bt .call{width:100%;display:inline-block;margin-top:10px;}

}