﻿/*头部*/
a:hover{text-decoration: none;color: #82BB30;}
header{float: left;width: 100%;}
.top{background-color: #6f6f6f;}
.top_nav{width: 1100px;height: 32px;line-height: 32px;margin: 0 auto;}
.top_nav>ul>li{display: inline-block;}
.top_nav *{color: white;font-size: 14px;}
/*首页导航*/
.index{background-color: #f9f9f9;border-bottom: 1px solid #e2e2e2;box-shadow: 0px 1px 1px #f5f5f5;}
.index_nav{width: 1100px;height: 67px;margin: 0 auto;}
.index_nav_left{float: left;}
.index_nav_left>dl>dd{float: left;padding: 0 15px;font-size: 16px;line-height: 67px;}
.index_nav_left>dl>dd>a{color: #737373;}
.index_nav_right{float: right;}
.index_nav_right>dl>dd{float: left;line-height: 67px;font-size: 16px;padding: 0 15px;}
.index_nav_right>dl>dd>a{color: #737373;}
.user{width: 100%;}
.user_nav{width: 1100px;margin: 0 auto;height: 58px;line-height: 58px;}
.user_nav>dl>dt,
.user_nav>dl>dd{float: left;}
.user_nav *{color: #999999;font-size: 14px;}
.user_search{float: right;}
#search{width: 227px;height: 30px;border: 1px solid #d3d3d3;text-indent: 10px;}
#btn_search{width: 62px;height: 30px;border: 0;color: white;background-color: #526370;cursor: pointer;}
/*商品导航*/
.com{width: 100%;}
.com_nav{width: 1100px;margin: 0 auto;}
.com_nav_left{float: left;}
.com_nav_left>div{float: left;line-height: 40px;}
.com_nav_left>div>ul>li{float: left;}
.com_nav_right{float: right;background: #82bb30;height: 40px;line-height: 40px;padding-left: 10px;padding-right: 10px;margin-top: 16px;}
.com_nav_right>ul>li{float: left;font-size: 16px;color: white;padding-top: 2px;}
.com_nav_right>ul>li>a{padding: 8px 14px;background: #82bb30;color: white;background: url(../img/solid.png) center left no-repeat;}
.com_nav_right>ul>li:first-of-type>a{background: url();}
.com_nav_right>ul>li:hover>a{background: white;color: black;margin-top: 5px;margin-right: -1px;}
.nav_color{background: white!important;color: black!important;margin-top: 5px;margin-right: -1px;}

/*本站地址*/
.sitelink-box{ width: 1100px; margin: 20px auto; color:#999;}
.sitelink-box a{ color:#999;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;}
.sitelink-box a:hover{ color: #82bb30; text-decoration: none;}
.sitelink-box em{ font-style: normal; color:#999; margin: 0 3px; font-family: "SimSun";}
.sitelink-box .dealer-box{ float: right;}
.sitelink-box .dealer-box a{ display: block; float: left; height: 33px; line-height: 33px; color:#FFF; padding: 0 15px;}
.sitelink-box .dealer-box .dealer-add{ background: #82bb30;}
.sitelink-box .dealer-box .dealer-login{ background: #ff811b; margin-left: 10px;}
.sitelink-box .search-box{ float: right;}
.sitelink-box .search-box input[type=text]{ display: block; float: left; width: 220px; height: 32px; border:1px solid #cbcacb; border-right: none; color:#666; padding: 0 5px 0 30px; background: url("/images/auto/series/search2.jpg") no-repeat 4px 50%;}
.sitelink-box .search-box input[type=submit]{ display: block; float: left; width: 58px; height: 34px; border:none; background:#52626f;color:#FFF; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;font-family: "Microsoft YaHei","SimSun",Arial,Helvetica,sans-serif;}
.sitelink-box .search-box input[type=submit]:hover{ background: #82bb30;}

.details-brand{ width: 1100px; margin: 0 auto; height: 45px; position: relative;}
.details-brand2{ border-bottom: 2px solid #e4e4e4;box-sizing: border-box;background: white;}
.details-brand2 .menu{ float: right; background: #82bb30; height: 37px; margin-top: 8px; padding: 0 3px;}
.details-brand2 .menu li{ float: left; margin-top: 3px; background: url("/images/auto/series/solid.png") no-repeat 0 50%;}
.details-brand2 .menu li a{ display: block; line-height: 32px; height: 32px; padding: 0 20px; color:#FFF; font-size: 16px;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; }
.details-brand2 .menu li a:hover{ text-decoration: none; }
.details-brand2 .menu li.onimg{ background: none;}
.details-brand2 .menu li.on{ background: #FFFFFF; height: 35px;}
.details-brand2 .menu li.on a{ color:#333;}
.details-brand2 .menu li a.menu-hide{ opacity: 0.5;cursor:default;}
.details-brand .img-box{ height: 45px; min-width: 60px; position: relative; float: left;}
.details-brand .img-box img{ display: block; max-height: 45px; max-width: 100%; position: absolute;top:0;left:0;right:0;bottom:0;}
.details-brand .name-box{ float: left; line-height: 45px; height: 45px; overflow: hidden; font-size: 24px; margin-left: 3px;}
.details-brand .name-box a{ color:#010101;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;}
.details-brand .name-box a:hover{ color: #82bb30; text-decoration: none;}
.details-brand .car-box{ color:#666; float: left; margin: 18px 0 0 10px; cursor: pointer; position: relative;}
.details-brand .car-box>a{display: inline-block;margin-right: 10px;color: #666;position: relative;}
.details-brand .car-box>a:after{content: "|";position: absolute;right: -10px;top: 0;color: #DBDBDB;}
.details-brand .car-box>a:last-child:after{content: "";}
.details-brand .car-box em{position:absolute;top:4px;right:-13px;z-index:1;width:7px;height:7px;border-left:1px solid #666;border-bottom:1px solid #666;content:" ";transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.details-brand .car-show{ padding: 15px; position: absolute; display: none; z-index: 100; top:45px;left:0; background: #FFF; border:1px solid #e7e7e7; border-top-color:#3598db;box-shadow: 1px 1px 5px #e7e7e7; -moz-box-shadow:1px 1px 5px #e7e7e7;-webkit-box-shadow:1px 1px 5px #e7e7e7; -ms-box-shadow:1px 1px 5px #e7e7e7; -o-box-shadow:1px 1px 5px #e7e7e7; }
.details-brand .car-show li{ line-height: 25px;}
.details-brand .car-show li a{ color:#666;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;}
.details-brand .car-show li a:hover{ color: #5eba9a; }
.details-brand .yong{ float: right; margin-right: 10px; color:#666; margin-top: 18px;}
.details-brand .yong a{ color:#04548a;}
.details-brand .search-box{ float: right; margin: 5px 0 0;}
.details-brand .search-box input[type=text]{ display: block; float: left; width: 220px; height: 32px; border:1px solid #cbcacb; border-right: none; color:#666; padding: 0 5px 0 30px; background: url("/images/auto/series/search2.jpg") no-repeat 4px 50%;}
.details-brand .search-box input[type=submit]{ display: block; float: left; width: 58px; height: 34px; border:none; background:#fa9301;color:#FFF; cursor: pointer;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;font-family: "Microsoft YaHei","SimSun",Arial,Helvetica,sans-serif;}
.details-brand .search-box input[type=submit]:hover{ background: #82bb30;}


/*主题*/
section{float: left;clear: both;width: 100%;}
/*left*/
.big_list{width: 1100px;margin: 0 auto;padding-top: 24px;}
.bl_left{float: left;}
.bl_type{float: left;text-align: center;background: #f6f6f6;width: 70px;}
.bl_type>ul>li{height: 30px;width: 70px;line-height: 30px;font-size: 14px;margin: 2px 0;}
.type_yes{background: white;border-left: 4px solid #82bb30;}
.bl_cars{float: left;margin-left: 20px;width: 632px;}
.bl_cars>dl>dd{width: 100%;height: 120px;border-bottom: 1px dashed #e0e0e0;margin-bottom: 40px;}
.cars_list{position: relative;}
.cars_list>ul>li{font-size: 14px;color: #999999;height: 25px;}
.cars_list>ul>li:first-of-type{font-size: 18px;color: #333;margin-bottom: 5px;}
.cars_list>ul>li>span{font-size: 12px;}
.cars_list>ul>li:last-of-type{color: red;margin-top: 5px;}
.c_l_abs{position: absolute;top: 0;right: 0;}
.c_l_abs>ul>li{height: 40px;line-height: 40px;font-size: 14px;}
.c_l_abs>ul>li:first-of-type{color: red;}
.c_l_abs .btn-xunjia{display:block; width: 96px;border: 0;background: #ff9400;color: white;outline: none;cursor: pointer;font-size: 16px;line-height:32px;text-align:center;}
.merchant{border: 1px solid #89bf3c;color: #89bf3c;padding: 2px 5px;margin-right: 10px;}
.bl-hide{opacity:.5;}
/*list_num*/
.list_num>div{float: left;margin: 0 30px 0 0;}
.list_num li{float: left;}
.pagingUl{float: right;padding: 0 10px;margin: 0 10px;border-left: 1px solid #82bb30;border-right: 1px solid #82BB30;}
.pagingUl li{float: left;width: 30px;height: 30px;list-style: 30px;text-align: center;}
.pagingUl li a{display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 28px;padding: 0;color: #666;font-size: 12px;}
.num_yes{background: #82bb30!important;color: white!important;}
.prv,
.next{height: 30px;float: left;text-align: center;line-height: 30px;cursor: pointer;font-size: 14px;}
.first,
.last{height: 30px;font-size: 14px;text-align: center;line-height: 30px;cursor: pointer;}
/*right*/
.bl_right{float: left;margin-left: 78px;}
.bl_r_1f{width: 280px;height: 340px;background: #f9f9f9;padding: 10px;}
.bl_r_1f>dl>dt{font-size: 18px;color: black;border-left: 6px solid #82bb30;text-indent: 15px;}
.bl_r_1f>dl>dd>dl{border-bottom: 1px dashed #e6e6e6;}

.special-right{width: 300px; float: right;}
/*推荐车型*/
.title-box{background-color: #f9f9f9;font-size: 18px;color: #1c1c1c;text-indent: 15px;padding:10px 0;}
.title-box span{border-left: 6px solid #82bb30;padding-left: 10px;}
.special-right .recommend-nano{font-size: 16px; background:#f9f9f9; padding: 0 0 10px; height: 230px;}
.special-right .recommend-nano .recommend-one-title{ width: 280px; margin: 0 auto; color:#666; border-bottom:1px dashed #e6e6e6; height: 42px; line-height: 42px; overflow: hidden; cursor: pointer;}
.special-right .recommend-nano .recommend-one-title.on{ display: none;}
.special-right .recommend-nano .recommend-one-title em{ font-style: normal; float: left; height: 20px; width: 20px; line-height: 20px; text-align: center; background: #bfbfbf; color:#FFF; margin: 11px 5px 0 0;}
.special-right .recommend-nano .recommend-one-title em.e{background: #82bb30;}
.special-right .recommend-nano .recommend-one{width: 270px; margin: 0 auto; display: none; background:#f9f9f9; padding:15px 5px; border-bottom:1px dashed #e6e6e6; }
.special-right .recommend-nano .recommend-one.on{ display: block}
.special-right .recommend-nano .recommend-one .lead-box:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.special-right .recommend-nano .recommend-one .img-box{ width: 160px; position: relative; height: 105px; float: left; margin-right: 5px;}
.special-right .recommend-nano .recommend-one .img-box a{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.special-right .recommend-nano .recommend-one .img-box a img{ display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.special-right .recommend-nano .recommend-one .text-box { display: table-cell; }
.special-right .recommend-nano .recommend-one .text-box p{ height: 44px; line-height: 22px; overflow: hidden; margin-top: 10px;}
.special-right .recommend-nano .recommend-one .text-box p a{ color:#444; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.special-right .recommend-nano .recommend-one .text-box p a:hover{ text-decoration: none; color: #74a131; }
.special-right .recommend-nano .recommend-one .text-box .goto{ margin-top: 10px; display: block; float: left; height: 26px; line-height: 26px; width: 76px; border:1px solid #74a131; color: #74a131; text-align: center;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;}
.special-right .recommend-nano .recommend-one .text-box .goto:hover{ text-decoration: none;}
.special-right .recommend-nano .recommend-one .meta{ height: 26px; line-height: 26px; color:#666; padding-top: 5px;font-size: 14px;}
.special-right .recommend-nano .recommend-one .meta span{ float: left;}
.special-right .recommend-nano .recommend-one .meta span em{ font-style: normal; color:#38a47e;}
.special-right .recommend-nano .recommend-one .meta .s { float: right;}

/*专题*/
.special-right .special-mian{ background:#f9f9f9}
.special-right .special-mian -box{ width:260px; overflow:hidden; position:relative; padding: 20px 0; margin: 0 auto; }
.special-right .special-mian .special-mrap-box .hd{ width: 258px; height:30px; overflow:hidden; z-index:1;}
.special-right .special-mian .special-mrap-box .hd ul{ overflow:hidden; zoom:1; text-align: center; margin-top: 10px;  }
.special-right .special-mian .special-mrap-box .hd ul li{ display: inline-block; width: 10px; height: 10px; margin: 0 3px; background:#e3e2e2;  float: none; padding:0; cursor: pointer;}
.special-right .special-mian .special-mrap-box .hd ul li.on{ background:#82bb30; border:none; }
.special-right .special-mian .special-mrap-box .bd{ position:relative;z-index:0;margin: 0px 20px;padding-top: 10px;}
.special-right .special-mian .special-mrap-box .bd li{ zoom:1; vertical-align:middle; width:260px; }
.special-right .special-mian .special-mrap-box .bd li img{ display: block; width:260px; height:173px; }
.special-right .special-mian .special-mrap-box .bd li p{ line-height: 22px; margin-top: 10px; padding: 0 10px; height: 44px; overflow: hidden; }
.special-right .special-mian .special-mrap-box .bd li p a{ color:#666; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.special-right .special-mian .special-mrap-box .bd li p a:hover{ text-decoration: none; color: #74a131; }
.special-right .special-mian .special-mrap-box .bd li div{ line-height: 22px; color:#999; height: 22px; overflow: hidden; padding: 0 10px; }

/*最新热帖*/
.special-right .hot-tiezi{ background: #F9F9F9; height: 200px; padding-bottom: 10px;font-size: 12px;}
.special-right .hot-tiezi .one{ width: 280px; margin: 0 auto; border-bottom: 1px dashed #e6e6e6;padding: 20px 0;}
.special-right .hot-tiezi .title-name{ line-height: 22px; color:#666;}
.special-right .hot-tiezi .title-name em{ font-style: normal; float: left; height: 20px; width: 20px; line-height: 20px; text-align: center; background: #bfbfbf; color:#FFF;margin-right: 10px;}
.special-right .hot-tiezi .title-name h3{ display: table-cell;}
.special-right .hot-tiezi .title-name h3 a{color:#666; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;}
.special-right .hot-tiezi .title-name h3 a:hover{color: #82bb30; text-decoration: none;}