/*--------------------------------------
作者：彭驰
日期：2016/10/13
内容：车型大全
----------------------------------------*/
/*公用*/
a{color:#000}
a:hover{color:#0c4dad}
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
.mt2{ margin-top:2px;}
.f12{font-size:12px;}
.choose .cs-icon,.choose .cs-close,.choose .updown i,.rank-box .more-rank i,.side-nav .sile-ewm .i-c,.side-nav .gotop i,.i-checkbox{ background:url('http://i0.chexun.net/images/auto/allcar/allcar_icon.png');}
.i-checkbox{ display:inline-block; width:12px; height:12px; background-position:-64px -28px;}

.title-hd{ position:relative; line-height:46px; color:#808080; overflow:hidden; padding:10px 0;}
.title-hd h2{ float:left; font-size:30px;}
.title-hd .hot-tj{ float:right; overflow:hidden; font-size:12px; line-height:24px; margin-top:22px;}
.title-hd .hot-tj span,.title-hd .hot-tj a{ float:left; margin-left:6px;}
.title-hd .hot-tj a:link,.title-hd .hot-tj a:visited{ color:#808080;}
.title-hd .hot-tj a:hover{color:#0c4dad;}
/* searchcar */
.searchcar{ position:relative; display:inline-block; font-size:14px; color:#808080; border-top:3px solid #e5e5e5; width:100%; padding-bottom:24px;}
.attritems,.branditems{ width:100%; font-size:14px; padding:10px 0; position:relative; border-bottom:1px solid #ebebeb;}
.attritems .a-key,.branditems .a-key{ float:left; width:66px; text-align:center; line-height:28px; height:28px; border:1px solid #dbdbdb; margin-right:14px;}
.attritems .v-fold,.branditems .v-fold{ float:left; width:1018px; padding-top:4px;}
.attritems .v-fold a:hover,.branditems .v-fold a:hover{color:#0c4dad;}
.attritems .v-fold dt,.branditems .v-fold dt{ float:left; width:40px; margin-right:8px;}
.attritems .v-fold dt a,.branditems .v-fold dt a{display:block; color:#808080; background:#f5f5f5; line-height:21px; height:22px; text-align:center;}
.attritems .v-fold dt a.curr,.branditems .v-fold dt a.curr{ background-color:#0c4dad; color:#fff;}
.attritems .v-fold dt .curr:hover,.branditems .v-fold dt .curr:hover{color:#fff!important;}
.attritems .v-fold dd{ float:left; width:970px;}
.attritems .v-fold .dd-list a{ float:left; line-height:21px; height:22px; color:#333; padding:0 8px; margin:0 4px; white-space:nowrap;}
.attritems .v-fold .dd-list a:hover{ color:#fff; background-color:#0c4dad;}
.attritems .v-fold .dd-list .curr{ background-color:#0c4dad; color:#fff;}
.attritems .v-fold .dd-list .curr:hover{color:#fff!important;}
.attritems .v-fold .pz-list{ margin-top:-14px; color:#333;}
.attritems .v-fold .pz-list a{ float:left; white-space:nowrap; margin-right:30px; margin-top:10px;}
.attritems .v-fold .pz-list a i{ float:left; margin:5px 6px 0 0;}
.attritems .v-fold .pz-list .curr{ color:#0c4dad;}
.pz-list .curr .i-checkbox{ background-position:-64px -42px;}

.branditems{ padding:14px 0 0 0;}
.carbrand .letter li{float:left; width:25px; margin:0 6px; position:relative; line-height:21px; text-align:center;}
.carbrand .letter li a{ display:block; color:#333;}
.carbrand .letter li a:hover,.carbrand .letter .on a{ color:#0c4dad; font-weight:bold;}
.carbrand .letter li b{ width:25px; height:3px; position:absolute; bottom:-4px; left:0; background:#0c4dad; display:none;}
.carbrand .letter .on b{ display:block;}
.brandlist{ position:relative; margin-top:10px; padding-left:80px;}
.brandlist .tit01{ position:absolute; left:10px; top:50%; font-size:78px; font-family:"Arial"; color:#e5e5e5; height:88px; line-height:88px; margin-top:-44px;}
.brandlist .tw01{ float:left; width:102px; text-align:center; line-height:18px; font-size:12px; padding:10px 0; border-bottom:1px solid #ebebeb; margin-bottom:-1px;}
.brandlist .tw01 .a-pic{ display:inline-block; margin:0 auto; border:1px solid #fff;}
.brandlist .tw01:hover a,.brandlist .curr a{color:#0c4dad}
.brandlist .tw01:hover .a-pic,.brandlist .curr .a-pic{ border:1px solid #3a84f2;color:#0c4dad}
.choose{ padding:14px 0; border-bottom:1px solid #ebebeb; position:relative; z-index:99; background:#fff;}
.choose .a-key{ float:left; width:68px; margin-right:14px; position:relative;}
.choose .cs-icon{ position:absolute; display:block; width:5px; height:9px; background-position:-79px -14px; right:0; top:7px;}
.choose .v-fold{ float:left; width:1010px;}
.choose .cs-list a{ float:left; display:block; color:#808080; height:22px; line-height:21px; background:#f5f5f5; padding:0 24px 0 8px; overflow:hidden; margin-right:8px; position:relative;}
.choose .cs-list a:hover{color:#fff; background:#0c4dad;}
.choose .cs-close{ display:inline-block; width:9px; height:9px; background-position:-80px 0px; position:absolute; top:6px; right:8px;}
.choose .cs-list a:hover .cs-close{background-position:-91px 0px;}
.choose .cs-list .remove{ color:#0c4dad; cursor:pointer;}
.choose .updown{ position:absolute; left:50%; bottom:-23px; margin-left:-46px; width:90px; height:22px; line-height:22px; border:1px solid #ebebeb; border-top:none; font-size:12px; text-indent:14px; vertical-align:middle; background:#fff; z-index:99; cursor:pointer;}
.choose .updown:hover{ color:#0c4dad;}
.choose .updown i{ display:inline-block; width:11px; height:6px; margin:-1px 0 0 4px; vertical-align:middle;}
.choose .updown-u i{ background-position:-63px -10px;}
.choose .updown-d i{ background-position:-63px 0;}
.choose .updown-u:hover i{ background-position:-80px -38px;}
.choose .updown-d:hover i{ background-position:-80px -28px;}


/*searchcar-result*/
.searchcar-result{ position:relative;}
.sc-result-hd{ font-size:14px; color:#808080; height:24px; line-height:24px; padding:10px 0;}
.sc-result-hd .hd-l{ float:left;}
.sc-result-hd .num{ color:#fd7b07;}
.sc-result-hd .hd-r{ float:right;}
.sc-result-hd .hd-r a{ float:left; margin-left:20px;}
.sc-result-hd .hd-r a .i-checkbox{ float:left; margin:7px 5px 0 0;}
.sc-result-hd .hd-r .curr{ color:#0c4dad;}
.sc-result-hd .hd-r .curr .i-checkbox{background-position:-64px -42px;}
.sc-result-bd{padding-bottom:40px;}
.cx-items{margin-bottom:30px;}
.cx-items-tit{ font-size:28px; font-family:"Arial"; color:#808080; height:38px; line-height:38px; padding-left:10px; background:#f5f5f5;}
.cx-items-con{padding-top:10px;}
.cx-items-con dl{margin-bottom:25px;}
.cx-items-con dt{overflow:hidden;}
.cx-items-con dt .a-img{ float:left; width:58px; height:58px; border:1px solid #ebebeb; margin-right:10px;}
.cx-items-con dt .a-tit{ float:left; color:#333; font-size:16px; line-height:58px;}
.cx-items-con dt .a-tit:hover{ color:#0c4dad;}
/* rank-box */
.rank-box{ margin-top:10px;}
.rank-tit{ font-size:16px; color:#333; line-height:30px;}
.rank-list-ul{ width:1120px; margin-top:-20px;}
.rank-list-ul li{ float:left; width:252px; padding:3px; border:1px solid #ebebeb; background:#fff; line-height:22px; margin:20px 20px 0 0;}
.rank-list-ul li:hover{background:#ebebeb;}
.rank-list-ul .a-img,.rank-list-ul .a-img img{ display:block; width:252px; height:190px;}
.rank-list-ul .car-info{ background:#fff; font-size:14px; padding:4px 8px 12px 8px; color:#808080;}
.rank-list-ul .car-info h4{ height:24px; line-height:24px; overflow:hidden;}
.rank-list-ul .car-info h4 a{ color:#333;}
.rank-list-ul .car-info h4 a:hover{ color:#0c4dad;}
.rank-list-ul .car-info .price{ color:#fe8401;}
.rank-list-ul .car-info .p1{ padding-top:5px;}
.rank-list-ul .car-info .a-btn{ display:inline-block; float:left; width:36px; height:20px; line-height:20px; font-size:12px; text-align:center; border:1px solid #dbdbdb; margin-right:4px; color:#808080;}
.rank-list-ul .car-info .a-btn:hover{ border:1px solid #0c4dad; color:#fff; background-color:#0c4dad;}
.rank-list-ul .car-info .chai{ float:left; width:22px; height:22px; color:#fff; background:#e74243; text-align:center; margin-left:2px;}
.rank-box .more-rank{ width:100%; line-height:32px; height:32px; text-align:center; cursor:pointer; color:#808080; border:1px solid #ebebeb; margin-top:10px; background-color:#f5f5f5;}
.rank-box .more-rank:hover{color:#0c4dad;}
.rank-box .more-rank i{ display:inline-block; width:11px; height:6px; vertical-align:middle; background-position:-63px -10px; margin-left:5px;}
.rank-box .more-rank:hover i{background-position:-80px -38px;}

.side-nav{ position:absolute; top:44px; width:48px; border:1px solid #ebebeb; left:50%; margin-left:560px; text-align:center; background-color:#fff;}
.side-letter{border-bottom:1px solid #ebebeb;}
.side-letter li{ height:28px; line-height:28px; overflow:hidden; background-color:#fff;}
.side-letter .li-2{background-color:#f7f7f7;}
.side-letter li a{ display:block; float:left; width:24px; height:28px; color:#808080; font-size:14px; font-family:'Arial';}
.side-letter li a.curr,.side-letter li a:hover{ color:#0c4dad; font-weight:bold;}
.side-letter li .no{ color:#ccc;}
.side-letter li .no:hover{ color:#ccc; cursor:default;}
.side-nav .gotop{ display:block; border-bottom:1px solid #ebebeb; cursor:pointer; padding:13px 0;}
.side-nav .gotop i{ display:block; width:30px; height:20px; background-position:-30px 0px; margin:0 auto;}
.side-nav .gotop:hover{ background-color:#0c4dad;}
.side-nav .gotop:hover i{ background-position:-30px -30px;}
.side-nav .sile-ewm{ position:relative; padding:12px 0; cursor:pointer; color:#0c4dad;}
.side-nav .sile-ewm .i-c{ display:block; width:26px; height:26px; margin:0 auto; background-position:0px 0px;}
.side-nav .sile-ewm:hover{background:#0c4dad; color:#fff;}
.side-nav .sile-ewm:hover .i-c{background-position:0px -28px}
.side-nav .ewmbox{ width:366px; position:absolute; bottom:0px; left:-385px; z-index:99; background:#eee; padding:16px 0px 12px 15px; color:#0a1737;}
.side-nav .ewmbox li{ float:left; width:106px; text-align:center; margin-right:15px;}