@charset "utf-8";
@import "common.css?v=20241204";
body{overflow: hidden;}
.tree .banTit .icon-line,.tree .emBox i,.tree .product .icon-line{background-image:url(../img/icons_201707.png);background-repeat:no-repeat}
.leftNav{position:relative;z-index:100;float:left;width:23.44%;background:#fff;padding-right: 20px;}
.wordBox{position:absolute;top:0;padding:5px 0;height:100%;background-color:#259;}
.subWord{text-align:center}
.subWord a{display:block;width:30px;height:24px;color:#fff;font-weight:700;font-size:14px;font-family:arial;line-height:24px;cursor:pointer}
.subWord a:hover{background-color:#0777dd;color:#fff}
.leftTree{position:relative;left:30px;overflow:auto;overflow-x:hidden;width:88.41%;border:1px solid #eaf4f7;border-left:none}
.leftTree .sgHot{padding-top:10px;padding-bottom:5px;height:148px;border-bottom:1px solid #eaf4f7;}
.sgHot ul{overflow:hidden;width:224px}
.sgHot li{float:left;margin:0 0 8px 10px}
.sgHot li a{display:block;width:60px;text-align:center}
.sgHot li span{display:block;overflow:hidden;height:21px;line-height:21px}
.tree{float:left;margin:0 auto;width:100%;}
.tree li{position:relative}
.tree .pictreeTit{padding:0 14px}
.tree .logo{margin-right:15px}
.tree .logo img{vertical-align:middle}
.tree .pictreeTit{height:35px;background-color:#f5f5f5;font-weight:700;font-size:18px;line-height:35px}
.tree .ppLink{display:block;padding:10px 14px;border-bottom:1px solid #eaf4f7;line-height:24px}
.tree .subTable{display:none;padding:18px 0;border-bottom:1px solid #eaf4f7}
.tree .subTable li{margin-bottom:8px}
.tree .subTable .product{padding-right:25px}
.tree .subTable .product .des{display:block;overflow:hidden}
.tree .subTable{padding:20px 0 3px}
.tree .openChild .subTable{display:block}
.tree .sname{font-size:14px}
.tree .openChild .subTable .product span,.tree .snum{color:#999}
.tree .banTit{padding-left:15px;font-weight:700}
.tree .banTit .icon-line{float:left;overflow:hidden;margin:3px 10px 0 0;width:15px;height:9px;background-position:-35px 0;font-size:0}
.tree .product{padding-left:40px}
.tree .product .icon-line{float:left;overflow:hidden;margin:3px 10px 0 0;width:9px;height:17px;background-position:-35px 0;font-size:0}
.tree .emBox{position:absolute;top:0;left:90%;width:26px;height:50px;cursor:pointer}
.tree .emBox i{position:absolute;top:22px;right:10px;overflow:hidden;width:8px;height:5px;background-position:0 -24px;font-size:0;cursor:pointer}
.tree .openChild .emBox i{background-position:-17px -31px}
.tree .cur .sname{color:#0777dd}
.tree .cur:hover .sname{color:#f60}
.right-content{float:left;overflow:hidden;width: 73%;}
.mod-choose{overflow-y:auto;overflow-x: hidden; }
.maintab{height:52px;border-bottom:1px solid #eaf4f7;}
.maintab .toc{position:relative;float:left;margin-right:20px;height:51px;color:#999;font-size:22px;line-height:51px;cursor:pointer}
.maintab .toc.current{border-bottom:2px solid #0777dd;color:#0777dd;font-size:24px}
.maintab .toc.current a{color:#0777dd}
.seachForm-th{height:48px;border-bottom:1px solid #eaf4f7;font-size:18px;line-height:48px}
.filter-handle,.filter-label .arrow-top,.mod-choose .arrow-top,.mod-choose .brandLetter .tag .arrow-top,.mod-choose .icon-arr,.mod-choose .icon-ck{background-image:url(../img/icons_201707.png);background-repeat:no-repeat}
.mod-choose{padding:0;font-size:14px}
.mod-choose .tag{float:left;margin-right:7px;padding:0 5px;height:22px;color:#333;white-space:nowrap;line-height:22px;cursor:pointer}
.mod-choose .tag:hover{color:#f60}
.mod-choose .tag.s{background:#0777dd;color:#fff}
.mod-choose .tag.null{color:#999;cursor:text}
.getItem{padding:15px 0 15px 82px;border-bottom:1px solid #eaf4f7;}
.getItem .Items,.getItem .getTh,.getItem .umLimit,.has-more{float:left;}
.umLimit {width:44px;}
.Items {width: 93%;}
.pztag li{float: left;width: 138px;overflow: hidden;text-overflow: ellipsis;line-height: 20px;height: 35px;}
.getItem .getTh{position:relative;margin-left: -82px;width:72px;color:#999;line-height:22px}
.getItem .getTh .icon_new{position:absolute;top:-13px;right:-8px}
.jibie{padding-bottom:67px}
.getItem .line{float:left;margin:0 5px 0 12px;color:#e5e5e5;font-size:12px}
.getItem .itemActive{width:738px}
.getItem .itemActive .option{margin-bottom:-12px}
.getItem .itemActive .tag{margin-bottom:12px}
.mod-choose .brandLetter .tag{position:relative;margin-right:10px}
.mod-choose .brandLetter .tag .arrow-top{position:absolute;bottom:-11px;left:50%;z-index:10;display:none;margin-left:-8px;width:19px;height:10px;background-position:0 -139px}
.mod-choose .brandLetter .s.tag .arrow-top{display:block}
.brandItem{position:relative}
.brandItem .Items-pro{width:738px}
.brandDiv{margin-top:10px;padding:0 10px 10px 10px;width:715px;border:1px solid #e5e5e5;-webkit-box-shadow:0 0 5px #e5e5e5;box-shadow:0 0 5px #e5e5e5}
.brandDiv .tag{margin-top:10px}
.brandDiv .gray{float:left;margin:10px 0 0 4px}
.brandDiv span,.mod-choose .brandDiv .tag{height:22px;line-height:22px}
.mod-choose .brandHot{overflow:hidden;height:31px}

.selected-condition{background: #f2f2f2;border:#e4e4e4 1px solid; margin-top: 20px;color: #5e5e5e;padding-left: 90px;}
.selected-condition .mark{height: 60px;line-height: 60px;padding-left:20px;margin-left: -90px;float: left;}
.selected-condition .select-item{float: left;height: 24px;line-height: 24px;margin: 16px 12px;border:1px solid #69baff;padding: 0 14px;}
.selected-condition .select-item .subtract{margin-left: 5px;color: #69baff}
.selected-condition .clear-condidtion{float: left;height: 24px;line-height: 24px;margin: 16px 12px;}
.selected-condition .clear-condidtion .icon-reflesh{float: left; width: 16px;height: 14px;overflow: hidden;background:url(../img/icons_201707.png) no-repeat 0 -106px;margin: 5px 10px 0 0}
.selected-condition .clear-condidtion:hover .icon-reflesh{background-position: 0 -122px}

.load-more-condition{height: 36px;line-height: 36px;border-bottom: 1px solid #eaf4f7; margin-top: 20px;}
.load-more-condition .btn{width: 250px;height: 35px;border: 1px solid #eaf4f7;border-bottom: none;margin: 0 auto;text-align: center;color: #0777dd}

.serial-list{margin-top: 36px;}
.serial-list .th{height: 40px; line-height: 40px;background: #f2f2f2;border:1px solid #e4e4e4;}
.serial-list .th .oreder-item{float: left;margin-left: 15px;height: 38px;}
.serial-list .th .cur{border-bottom: 2px solid #0777dd;}
.serial-list .item{height: 112px;border-bottom: 1px solid #eaf4f7;padding: 22px 0;}
.serial-list .item .pic{float: left;margin-right: 25px;width: 150px;height: 112px;overflow: hidden;}
.serial-list .item .pic img{width: 150px;}
.serial-list .item .tit{font-size: 18px;height: 36px;line-height: 36px;font-weight:bold;}
.serial-list .item .des{font-size: 14px;height: 36px;line-height: 44px;float: left;width: 23%;overflow: hidden;}
.serial-list .item .des .price{color: #f00}
.serial-list .item .txt a{font-size: 12px;color: #949494}
.currents {color: #f00;}
.page{height: 40px;margin-top: 30px;text-align: center;}
.page a,.page span{display: inline-block;height: 36px;line-height: 36px;border:1px solid #ddd;padding: 0 16px;margin: 0 2px}
.page span,.page a:hover{background: #0777dd;color: #fff;border-color:#0777dd;}


.serialBar{height:70px;position: relative;font-size:14px;z-index:2;margin-top:5px;}

.serialBar .serialItem,.serialBar .topInfo{height:70px;}

.serialBar .serialItem{width:865px; float:left;}

.serialBar .logo{float:left;margin:15px 0 0;/* width: 50px; height: 50px; overflow: hidden;*/}

.serialBar .logo img{width:40px;height:40px;}

.serialBar .title{max-width:448px;float:left;display:inline;margin-left:10px;position: relative;font-size:24px;font-weight: 600;line-height:70px;white-space:nowrap;}

.serialBar .title h1{margin:0;height:70px;overflow:hidden;}

.serialBar .dTitW {position: relative; float:left;}

.serialBar .dTitW .dTip{position:absolute;top:-1px;left:0;padding:0 6px;height:18px;line-height:18px;color:#fff;background:#f44;white-space:nowrap; font-size:12px;}

.serialBar .dTitW .dTip a,.serialBar .dTip a:hover{color:#fff;text-decoration:none;}

.serialBar .dTitW .dTip em{position:absolute;bottom:-5px;left:20px;display:block;width:0;height:0;line-height:0;border-top:5px solid #f44;border-left:4px dashed transparent;border-right:4px dashed transparent;border-bottom:none;}

.serial-detial{border-top: 1px solid #eaf4f7;border-bottom: 1px solid #eaf4f7;height: 188px;padding: 30px 0 30px 270px;}
.serial-detial .pic{float: left;width: 250px;height: 188px;margin-left: -270px;overflow: hidden;}
.serial-detial .pic img{width: 250px;}
.serial-detial .des{font-size: 14px;height: 60px;line-height: 60px;float: left;width: 265px;overflow: hidden;}
.serial-detial .des .price{color: #0777dd;font-size: 20px;vertical-align: baseline;}
.serial-detial .des .dealer-price{color: #f00;}

/* 下拉按钮样式 */
.dropbtn {background-color: #204e8d;color: white;padding: 16px;font-size: 18px;border: none;cursor: pointer;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {height: 252px;;display: none;position: absolute;background-color: #f9f9f9;-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a {text-decoration: none;background-color: #204e8d;width: 72px;font-size: 14px;line-height: 36px;text-align: center;}
.dropdown-content a:hover {color: #f00;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #204e8d;}


.txt-list-c {
  border-bottom: 1px solid #eaf4f7;
  overflow: hidden;
  margin-bottom: 42px;
}
.txt-list-c ul {
  padding: 15px 0;
  overflow: hidden;
}
.txt-list-c li {
  line-height: 36px;
  width: 46%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.txt-list-c li a {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.txt-list-c li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 10px;
  background: #78c2c3;
  margin-right: 4px;
}
.txt-list-c span {
  float: right;
  color: #999;
}

/* 新车入口 */
.new-car {float: left;width: 100%;border-bottom: 1px solid #eaf4f7;overflow: hidden;padding: 20px 0 0 0;}
.new-car li {width: 20%;float: left;height: 225px;}
.new-car img {width: 180px;text-align: center;display: block;margin: 0 auto;border: 1px solid #eaf4f7;}
.new-car dt {line-height: 34px;font-size: 16px;text-align: center;}
.new-car dd {line-height: 34px;font-size: 14px;text-align: center;color:#09c}
.new-others {width: 100%;float: left;padding: 15px 0;border-bottom: 1px solid #eaf4f7;overflow: hidden;margin-bottom: 10px;}
.new-others ul {padding: 0 20px;overflow: hidden;}
.new-others li {float: left;font-size: 15px;padding-right:20px;line-height: 36px;}

/* 预约试驾 */
.drive {
  width: 80px;
  height: 24px;
  border: 1px solid #ff3d3e;
  border-radius: 5px;
  line-height: 24px;
  font-size: 12px;
  color: #ff3d3e;
  text-align: center;
  position: relative;
  margin-left: auto;
  bottom: 30px;
  cursor: pointer;
}

.drive a {
  color: #ff3d3e;
}

.index-title h1 {
	color: #333;
	padding-top: 5px;
	font-size: 20px;
	line-height: 1.5;
}