@charset "utf-8";
/* reset */
/*body,html{color:#444;margin:0; padding:0; font:12px/1.5 Arial, \5B8B\4F53, Helvetica, san-serif;}*/
/* 遇难日，重大自然灾害等需要吊念的时候，用以下代码实现全站黑白    
body,html{color:#444;margin:0; padding:0; font:12px/24px "\5B8B\4F53",san-serif;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}
*/
body,html{color:#444;margin:0; padding:0; font:12px/24px "\5B8B\4F53",san-serif;}
body{_background-image: url(about:blank);_background-attachment: fixed;}
div,p,form,img,ul,ol,li,dl,dt,dd,textarea{margin:0;padding:0;border:0;}
input,select,h2,object{margin:0;padding:0;}
object{ vertical-align:top;}
ul,li{list-style-type:none}
i,em{ font-style:normal;}
a{text-decoration:none;color:#3B5998;}
a:hover{text-decoration:underline;color:#F60;}
h1,h3,h4,h5,h6{font-size:12px; margin:0; padding:0; font-weight:100;}
h2{font-size:16px; color:#000; text-align:center;}
h3{font-size:14px; font-weight:bold; /*padding-left:15px;*/}
.wrap{margin:0 auto; width:1000px;}
.l{float:left;}
.r{float:right;}
img{ border-width:0; vertical-align:top; }
.center{ margin:0 auto;}
.clearfix:after {content:"\20";display:block;height:0;clear:both;}
.clearfix {*zoom:1}

.dlbfv5 input,.dlbfv5 a.zcico,.dlbfv5 em,.dlbfv5 a,.headv5 a,.mcityv5 em,.dlbfv5 .validator_message,.fzheadv5 em,.fzheadv5 a.fhsy{ background:url(http://www.xbauto.com/template/default/newscommon/images/indheadv5.gif) no-repeat;}
.topheadv5{ height:34px; line-height:34px; background:#2D2D2F; /*border-bottom:1px solid #CCD3E4;*/ position:relative; z-index:1001;}
.topheadv5 i,.topheadv5 em{ font-style:normal;}
.dlbfv5 input,.dlbfv5 a,.dlbfv5 em{ float:left;}
.dlbfv5 input{ margin-top:6px; margin-right:5px; background-color:#FFF;}
.dlbfv5 input{ width:60px; height:20px; line-height:20px; border:1px solid #CCC; color:#999; }
#regcode img{ top:29px; left:0;}
.dlbfv5 input.userico{background-position:3px 3px; padding-left:16px;}
.dlbfv5 input.mbico{ background-position:3px -19px;padding-left:18px;}
.dlbfv5 input.yzm{ width:45px; background:#FFF; padding-left:5px;}
.dlbfv5 input.dlbntv5,.dlbfv5 a.zcico{ width:41px; height:22px; line-height:24px; text-align: center; overflow:hidden; background-position:0 -68px; border:0; color:#666;margin-top:6px; cursor:pointer;}
.otherdlv5{ width:80px; background-position:0 -48px;}

.headv5 a{ height:14px; line-height:14px; padding-left:14px; background-position:0 -93px; float:left; margin:11px 4px 0; _display:inline;}
.headv5 a.jrscico{background-position:0 -115px;}
.headv5 a.sjbico{background-position:2px -164px;}
.headv5 a.wzdhico{background-position:0 -139px;}
.headv5 a.bzzxico{background-position:1px -187px;}
.headv5 a.appco{background-position:2px -658px;}
.headv5 a.wxico{background-position:1px -629px; padding-left:20px;}
.headv5 a.zmtbico{background-position:0 -211px;}
.headv5 em{ position:relative; float:left; height:34px; border:1px solid #FAFBFC; border-width:0 1px; cursor:pointer;}
.headv5 em.act{ background:#FFF; border-color:#CCD3E4;}
.headv5 em.zd100{ z-index:100;}
.headv5 i{ width:64px; height:1px; position:absolute; top:33px; left:0; background:#FFF; z-index:100; overflow:hidden; display:none;}
.headv5 i.wx{ width:52px;}
.fdbkesm{ position:absolute; top:33px; left:-1px; width:120px; padding:5px; border:1px solid #CCD3E4; background:#FFF; display:none;}
.headv5 em.act i, .headv5 em.act .fdbkesm{ display:block;}
.headv5 em .fdbkesm a{ width:auto; height:auto; padding:0; margin:0; background:none; text-decoration:none;}
.headv5 em span{ height:20px; line-height:20px; color:#666; text-align:center; display:block;}

.fzheadv5{color:#777;}
.fzheadv5 a{ color:#3B5998;}
.fzheadv5 a.fhsy{ padding-left:15px; background-position:0 -93px;}
.fzheadv5 em{ position:relative; border:1px solid #FAFBFC; border-bottom:none;  padding:0 22px 0 5px;line-height:32px;background-position: right -358px; text-align:center; cursor:pointer; font-weight:normal;  float:left; margin-left:5px; height:33px; cursor:pointer;}
.fzheadv5 em.act{background-position: right -576px; background-color:#FFF; border:1px solid #284898; border-bottom:none;}
.fzheadv5 i{ position:absolute; top:32px; left:0; width:72px; height:1px; overflow:hidden; background:#FFF; display:block; z-index:100; overflow:hidden; display:none;}
.fzheadv5 em.act i{ display:block;}
.fzheadv5 em div{ position:absolute; top:32px; right:-1px; _right:-2px; line-height:32px; width:252px; border:1px solid #284898; background:#FFF; text-align:left; padding:5px 10px; line-height:22px; display:none; color:#999;}
.fzheadv5 em.act div{ display:block;}
.fzheadv5 em.act{ color:#3B5998;}
.fzheadv5 em.act a{ white-space:nowrap;}

.xbauto-menu-icon { background:url(http://d.xbauto.com/www/common/images/xbauto-menu-icon.png) no-repeat; display: block; margin: 0 auto; width: 40px; height: 24px; }
.xbauto-menu dd a { display: inline-block; line-height: 24px; margin: 0 3px 0 0; color: #FFF; font-size: 13px; }
.xbauto-menu dt { width:40px; float: left; display: inline; }
.xbauto-menu dd { padding-left: 50px; border-right: 1px solid #7C9ECB; }
.xbauto-nav dl { float: left;padding:15px 0 0 8px;height:59px; }
.xbauto-menu-title { display: inline-block; padding: 22px 0 0 6px; width: 35px; height: 28px; font-size: 16px; font-family: "\5FAE\8F6F\96C5\9ED1"; color: #fff; }

.pL10 { padding-left: 10px; }
.pL10 a { background: url(http://www.xbauto.com/images/join.jpg) no-repeat right center; height: 38px; display: block; line-height: 38px; color: #696868; font-size: 13px; float: left; width: auto; padding: 0 21px; }

.sl-top { width: 100%; height: 32px; background-color: #f3f3f3; line-height: 32px; border-bottom: 1px solid #CCD3E4; position: fixed; z-index: 999; }
.sl-wrap { width: 1000px; margin: 0 auto; }
.flr { float: right; }
.fll { float: left; }
.nav { }
.nav li { float: left; margin-right: 7px; }
.nav li a, .rlink li a { color: #333; }
.nav li a:hover, .rlink li a:hover { color: #369; text-decoration: underline; }
.nav li:after { content: " >";   font-family: Simsun; color: #bbb; }
.nav li.car-model-cur:after { content: ""; }
.car-model-cur { position: relative; }
.car-model-cur > a { display: block; padding: 0 10px 1px 0; }
.car-model { display: none; position: absolute; left: -10px; top: 32px; background-color: #f3f3f3; padding: 6px 15px 14px; width: 150px; border: 1px solid #CCD3E4; border-top: none; }
.car-model dl dt { font-weight: 700; line-height: 1.5; margin-top: 10px; }
.car-model dl dd { line-height: 2; }

.rlink { }
.rlink li { float: left; margin-left: 8px; }
.rlink li:after { content: " |";   font-family: Simsun; color: #bbb; }
.rlink li:last-child:after { content: ""; }


.user-btn { margin-top: 4px; background: url(http://www.xbauto.com/template/default/newscommon/images/nrcmcss.gif) no-repeat; display: block; border: 1px solid #ccc; float: left; padding: 0 7px; height: 22px; line-height: 21px; background-color: #fff; margin-right: 10px; color: #444; text-align: center; text-indent: 16px; }
.user-btn:hover { color: #369; }
.login-btn { background-position: 3px 2px; }
.reg-btn { background-position: 2px -22px; }

.sl-head { padding-top: 33px; height: 160px; font-family: "Microsoft Yahei"; background-color: #09c;  }
.logo { margin-top: 30px; font-size: 36px; color: #fff; font-weight: 400; }
.slogan { margin-top: 16px; font-size: 16px; font-weight: 400; color: #f0f0f0; }



.container { margin-top: 30px; }
.sidebar { width: 179px; height: auto; border-right: 1px solid #e0e0e0; padding: 10px 0; }
.menu { font-size: 14px; }
.menu li { margin: 4px 0; }
.menu a { color: #666; display: block; padding: 6px 0 6px 30px; transition: all 0.3s ease-out; }
.menu a:hover { color: #666; background-color: #f3f3f3; text-decoration: none; }
.menu a.cur { color: #09c; font-weight: 700; border-left: 3px solid #09c; padding-left: 27px; }

.main-content { width: 770px; padding: 10px 0 10px 30px; margin-bottom: 20px; }
.title { font-size: 24px; font-family: "Microsoft Yahei"; color: #555; border-bottom: 1px solid #eee; padding-bottom: .8em; margin-bottom: .6em; text-align: left; }
.article p { margin-bottom: .8em; font-size: 14px; text-indent: 2em; line-height: 1.8; padding-right: 10px; }
.article .img-right { float: right; margin: 0 10px 10px; }
.article .img-left { float: left; margin: 0 10px 10px 0; }
.article .img-center { text-align: center; display: block; margin-bottom: 1.2em; }
.article h3, .article dl dt { font: 400 18px/2 "Microsoft Yahei",Simsun; color: #000; }
.article dl { margin-bottom: .8em; }
.article dl dd {  font-size: 14px; line-height: 1.8; padding-left: 2em; background: url(../i/list.png) no-repeat -112px -180px; }
.article .list01 { margin: 1em 0; }
.article .list01 li { font-size: 14px; line-height: 2; }
.article .jobs { }
.article .vacancy { margin-bottom: 1em; position: relative; }
.article .vacancy h3 { background: #f3f3f3; border-left: 3px solid #09C; padding: 4px 12px; cursor: pointer; }
.article .vacancy .detail-btn { position: absolute; right: 16px; top: 10px; cursor: pointer; color: #3B5998; font-size: 12px; }
.article .vacancy .job-detail { display: none; padding: 8px 12px; }
.article .vacancy .job-detail h4 { font-size: 16px; font-weight: 700; line-height: 2; margin-top: .6em; }
.article .vacancy .job-detail.active { display: block; }
.article .list02 { margin: 0; }
.article .list02 li { font-size: 14px; line-height: 2; }
.article .map { width: 770px; overflow: hidden; }
.article .map h3 { border-bottom: 1px dotted #e0e0e0; line-height: 1; padding-bottom: 5px; background: url(../i/list.png) no-repeat -114px -23px; text-indent: 24px; }
.article .map h3 a { color: #4595e6; }
.article .map ul { width: 790px; height: auto; overflow: hidden; margin: .8em 0 1.8em; padding: 0 24px; }
.article .map ul li { float: left; margin-right: 20px; font-size: 14px; line-height: 2; }

.footer { clear: both; width: 100%; height: 50px; border-top: 1px solid #ccc; }
.foot { text-align: center; margin-top: 16px; }

#gallery { background-color: #f0f0f0; }
.wrapper { clear: both; padding-top: 33px; margin-bottom: 30px; }
.pic-title { height: 40px; padding-top: 14px; }
.pic-title h1 { font-size: 21px; font-family: "Microsoft Yahei",Simsun,sans-serfi; line-height: 2; }
.box { background-color: #fafafa; height: 760px; border: 1px solid #e0e0e0; }
.show-pic { background-color: #fff; width: 800px; height: 760px; position: relative; }
.big-pic { width: 800px; height: 600px; }
.big-pic img { width: 800px; }
.pic-nav { width: 800px; height: 600px; position: absolute; top: 0; left: 0; overflow: hidden; }
.pic-prev, .pic-next { top: 0; left: 0; width: 400px; height: 600px; display: block; position: absolute; outline: 0 none; color: #fff; background: url("about:blank"); }
.pic-next { left: auto; right: 0; }
.pic-nav span { position: absolute; top: 252px; cursor: pointer; width: 69px; height: 95px; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000,gradientType=1); z-index: 21; }
.pic-nav span i { width: 69px; height: 95px; display: block; top: 0; left: 0; background: url(../i/nav-btn.png) no-repeat; }
.pic-prev span { left: -70px; transition: .3s left ease-in; }
.pic-prev span i { background-position: 0 0; }
.pic-next span { right: -70px; transition: .3s right ease-in; }
.pic-next span i { background-position: -138px 0; }
.pic-prev:hover span { left: 0; transition: .15s left ease-out; }
.pic-next:hover span { right: 0; transition: .15s right ease-out; }
.pic-prev span i:hover { background-position: -69px 0; }
.pic-next span i:hover { background-position: -207px 0; }

.pic-info { clear: both; width: 800px; height: 54px; }
.pic-info .tips { padding: 15px 20px; color: #999; }
.pic-info .pic-share { padding: 15px 20px; }

.thumbs { width: 800px; height: 106px; position: relative; }
.thumb-list { width: 696px; height: 81px; margin: 0 auto; }
.thumb-list li { float: left; margin: 0 5px; }
.thumb-list li a { border: 1px solid #ccc; padding: 2px; display: block; }
.thumb-list li a:hover { border: 3px solid #36c; padding: 0; }
.thumb-prev, .thumb-next { display: block; position: absolute; width: 18px; height: 35px; padding: 23px 5px; background: url(../i/nav-btn.png) no-repeat; }
.thumb-prev { left: 15px; top: 0; background-position: 5px -92px; }
.thumb-prev:hover { background-position: -32px -92px; }
.thumb-next { right: 15px; top: 0; background-position: -88px -92px;}
.thumb-next:hover { background-position: -125px -92px; }

.gallery-list { width: 197px; height: 760px; border-left: 1px solid #e5e5e5; }
.pic-category { margin-top: 20px; width: 197px; }
.pic-category dt { font-size: 14px; color: #111; font-weight: 700; line-height: 2; padding: 0 17px 0 20px; }
.pic-category dd { width: 160px; height: 30px; }
.pic-category dd small { font-size: 100%; color: #666; }
.pic-category dd a { width: 160px; height: 30px; line-height: 30px; display: block; color: #333; padding: 0 17px 0 20px; transition: all 0.2s ease-in; }
.pic-category dd a:hover { text-decoration: none; background-color: #f0f0f0; }
.pic-category dd a.cur { background: #ccc; cursor: default; background: #e5e5e5 url(../i/nav-btn.png) no-repeat -240px -117px; }
.follow { margin: 30px 0 10px 20px; }
.follow a { width: 130px; display: block; padding: 3px 10px; background-color: #36c; color: #fff; font-size: 12px; font-weight: 700; text-align: center; transition: all 0.2s ease-in; }
.follow a:hover { text-decoration: none; background-color: #36f; }

/*cars price*/
#cars .container { margin-top: 10px; }
.selector { width: 1000px; height: auto; overflow: hidden; margin-bottom: 14px; }
.hero-title { height: 32px; border-bottom: 2px solid #369; position: relative; }
.hero-title h1 { font: 700 21px/1.3 "Microsoft Yahei",Simsun,sans-serif; color: #369; }
.tools { position: absolute; right: 0; top: 1px; width: 78px; height: 24px; line-height: 24px; text-indent: 10px; color: #fff; border: 1px solid #006; background: #369 url(../i/arrow-down.png) no-repeat 60px 9px; cursor: pointer; }

.selector-wrap { margin-top: 10px; border: 1px solid #ccd3e4; }
.selector-hd { display: none; background-color: #fafbfc; height: 32px; line-height: 32px; padding-left: 18px; border-bottom: 1px solid #CCD3E4; }
.term-txt { font-weight: 700; }
.checked-term { border: 1px solid #4595e6; display: inline-block; padding: 0 6px; height: 20px; line-height: 20px; margin-right: 6px; }
.checked-term:after { content: "×"; padding-left: 3px; vertical-align: middle; }
.checked-term:hover { cursor: pointer; color: #4595e6; }
.clear-term { margin-left: 8px; cursor: pointer; background: url(../i/list.png) no-repeat -119px -75px; padding-left: 16px; height: 20px; line-height: 20px; display: inline-block; }
.clear-term:hover { color: #4595e6; }
.selector-bd { padding: 2px 18px; }
.selector-term { border-bottom: 1px dotted #ccc; padding: 7px 0; height: auto; overflow: hidden; }
.selector-term:last-child { border-bottom: none; }
.selector-term strong { float: left; font-weight: 400; color: #777; margin-right: 12px; padding-right: 6px; line-height: 24px; }
.selector-term .no-term { display: inline-block; width: 26px; text-align: center; height: 24px; line-height: 24px; padding: 0 5px; float: left; margin: 0 6px 0 0; }
.selector-item { float: left; width: 864px; }
.selector-term a { display: inline-block; padding: 0 5px; margin: 0 2px; height: 24px; line-height: 24px; }
.selector-term .active, .selector-term a:focus { background-color: #4d7bb9; color: #fff; text-decoration: none; }

.main { width: 698px; }
.result { width: 698px; border: 1px solid #CCD3E4; margin-bottom: 20px; }
.result-hd { height: 40px; line-height: 40px; background-color: #FAFBFC; border-bottom: 1px solid #CCD3E4; padding: 0 18px; }
.order { display: inline; }
.order dt { display: inline-block; }
.order dd { display: inline-block; margin: 0 2px; }
.order .asc { background: url(../i/list.png) no-repeat -20 px -4px; display: inline-block; }
.order .desc { background: url(../i/list.png) no-repeat -10px -4px; display: inline-block; }
.order dd a { display: inline-block; border: 1px solid #CCC; padding: 0 15px 0 6px; margin-top: 8px; line-height: 22px; }
.order dd a.active, .order dd a:focus { text-decoration: none; color: #fff; background-color: #4d7bb9; border: 1px solid #4d7bb9; }
.sale { margin-left: 26px; }
.sale li { float: left; margin-right: 8px; cursor: pointer; }
.sale li i { width: 10px; height: 10px; display: inline-block; margin-right: 3px; vertical-align: text-top; background-color: #fff; border: 1px solid #ccc; }
.sale li:hover i { border-color: #4595e6; }
.sale li i.checked { background: url(../i/list.png) no-repeat -38px -34px; border-color: #4595e6; }


.result-bd { height: auto; overflow: hidden; }
.car-card { height: auto; overflow: hidden; padding: 18px 20px; border-bottom: 1px solid #ececec; background-color: #fff; }
.car-card:last-child { border-bottom: none; }
.car-card:hover { background-color: #fafafa; }
.car-card:hover .car-thumb { border: 1px solid #ddd; }
.car-thumb { margin-right: 20px; border: 1px solid #fff; }
.car-thumb img { width: 120px; max-height: 90px; vertical-align: middle; }
.car-info { width: 370px; }
.car-param { margin-top: 4px; }
.car-param li { width: 170px; float: left; line-height: 1.8; padding-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.car-param li em { color: #999; }
.re-links { }
.re-links li { float: left; margin-right: 10px; }
.car-price { width: 146px; }
.car-price p { font-size: 14px; }
.car-price strong { margin: 8px 0 10px; font: 700 16px/1.2 "Arial","Helvetica Neue",sans-serif; color: #f33; display: block; }
.btn1 { display: inline-block; padding: 1px 6px; background-color: #69f; border-radius: 2px; text-align: center; color: #fff; }
.btn1:hover { background-color: #4d7bb9; text-decoration: none; color: #fff; }

.page-nav { margin: 20px 0 40px; text-align: center; }
.page-nav li { display: inline; font-size: 14px; font-family: Arial; line-height: 1; }
.page-nav li a { display: inline-block; padding: 7px 10px; color: #333; border: 1px solid #ccc; }
.page-nav li span, .page-nav li a:hover { display: inline-block; background-color: #369; padding: 8px 11px; color: #fff; border: none; text-decoration: none; }

#cars .sidebar { border: none; width: 285px; height: 400px; padding: 0; }
.hot-cars { width: 283px; border: 1px solid #CCD3E4; }
.hot-cars h2 { border-bottom: 1px solid #CCD3E4; background-color: #FAFBFC; font: 400 14px/2.5 "Microsoft Yahei",Simsun,sans-serif; text-align: left; padding: 0 14px; }
.hot-cars ol { padding: 8px 0; }
.hot-cars ol li { padding: 4px 14px 4px 28px; height: auto; overflow: hidden; position: relative; }
.hot-cars ol li em { font: 400 italic 14px/1.5 "Arial",Tahoma,sans-serif; color: #999; position: absolute; left: 14px; top: 7px; }
.hot-cars ol li img { display: none; float: left; margin: 0 10px; }
.hot-cars ol li p { margin-left: 10px; }
.hot-cars ol li .price { display: none; color: #f33; margin-top: 4px; font-family: Arial,Tahoma,sans-serif; font-size: 12px; }
.hot-cars ol li.current img { display: block; }
.hot-cars ol li.current .price { display: block; }