@charset "utf-8";
/* CSS Document */

.params-body{ border:1px solid #ffcc00; padding:20px 0; margin:15px auto 25px; }
.param{ width:100%; float:left; margin:2px 0;}
.param a{ color:#fff;}
.param a:hover{ color:#ffcc00;}
ram {
    background: #f5f5f5 none repeat scroll 0 0;
    overflow: hidden;
    padding: 5px 60px 5px 105px;
}

.param.show-all-values .values {
    height: auto;
}
.param.show-all-values .more-btn i {
    border-width: 0 6px 8px;
}
.param .label, .param .values, .param .more-btn {
    float: left;
    font-size: 13px;
}
.param .label {
    border-right: 1px solid #ddd;
    color: #ffcc00;
    line-height: 20px;
    margin: 5px 0 5px 0;
    padding-right: 15px; margin-right:20px;
    text-align: right;
    width: 70px;
}
.param .values {
    height: 30px;
    overflow: hidden;
    width: 600px;
}
.param .values a, .param .values b {
    display: inline-block;
    line-height: 26px;
}
.param .values b {
    color: #fb9515;
    cursor: default;
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
}
.param .values a {
    margin: 2px 20px 2px 0;
}
.param .values .active, .param .values .selected {
    color: #ffcc00;
}
.param .values .highlight {
    color: #da5b00;
    font-weight: 700;
}
.param .more-btn {
    display: none;
    font-size: 12px;
    line-height: 30px;
    margin-right: -60px;
    width: 50px;
}
.param .more-btn i {
    border-color: #888 transparent;
    border-style: solid;
    border-width: 8px 6px 0;
    display: inline-block;
    height: 0;
    margin-right: 3px;
    vertical-align: middle;
    width: 0;
}
div {
    display: block;
}


html, body { min-width: 1200px; }
.grid-c1 { width: 1000px; margin: 0px auto; }
.grid-c-l { float: left; }
.grid-c-r { float: right; }
.clearfix {  }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
input, textarea, select, .input-text { border-color: rgb(176, 176, 176); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
input:hover, textarea:hover, select:hover, .input-text:hover { border-color: rgb(255, 149, 73); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); box-shadow: 0px 0px 3px 1px rgba(255, 149, 73, 0.5); }
input:focus, textarea:focus, select:focus, .input-text:focus { border-color: rgb(255, 149, 73); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); box-shadow: 0px 0px 3px 1px rgba(255, 149, 73, 0.5); }


body { }
a { color: rgb(51, 51, 51); transition: color 0.15s ease 0s; }

textarea.template-data { display: none; }
.location-nav, .crumbs { cursor: default; }
.location-nav li, .crumbs li { float: left; height: 40px; line-height: 40px; font-size: 13px; margin: 0px 5px 0px 0px; }
.location-nav .split, .crumbs .split, .location-nav .split i, .crumbs .split i { width: 0px; height: 0px; border-style: solid; line-height: 0; display: block; border-width: 6px 0px 6px 6px; border-color: transparent transparent transparent rgb(51, 51, 51); font-size: 0px; }
.location-nav .split, .crumbs .split { margin-top: 14px; position: relative; }
.location-nav .split i, .crumbs .split i { position: absolute; top: -6px; left: -7px; border-left-color: rgb(255, 255, 255); }
body { min-width: 1250px; }
body *::-moz-selection { background: rgb(234, 85, 20) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.category-nav-bar .all-brand ul li:nth-child(2n+1) { clear: left; }
#akd_content .grid-c1, #akd_content .grid-c1-em { margin-bottom: 10px; }
.mod { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(228, 228, 228); position: relative; z-index: 1; left: 0px; top: 0px; transition: border-color 0.2s ease 0s; overflow: hidden; }
.mod:hover { border-color: rgb(235, 86, 21) ! important; z-index: 20; }
.speciality ul, .speciality-small ul { margin: 0px auto; padding: 20px 0px; }
.speciality li, .speciality-small li { overflow: hidden; float: left; cursor: default; }
.speciality li:hover em, .speciality-small li:hover em { color: rgb(235, 86, 21); }
.speciality span, .speciality-small span { display: block; margin: 0px auto; position: relative; overflow: hidden; }
.speciality i, .speciality-small i { position: absolute; }
.speciality em, .speciality-small em { display: block; font-size: 12px; text-align: center; margin-top: 10px; font-style: normal; overflow: hidden; color: rgb(102, 102, 102); }
.speciality li:hover i, .speciality-small li:hover i { animation: 0.3s ease 0s normal none 1 running specialityIconHover; }
.speciality ul { width: 1000px; }
.speciality li { width: 123px; height: 81px; margin-bottom: 10px; }
.speciality li:hover span { background-repeat: no-repeat; }
.speciality span { width: 51px; height: 51px; background-repeat: no-repeat; }
.speciality i { position: absolute; }
.speciality .notbad i { width: 39px; height: 38px; left: 6px; top: 6.5px; background-repeat: no-repeat; }
.speciality .check_360 i { width: 48px; height: 50px; left: 1.5px; top: 0.5px; background-repeat: no-repeat; }
.speciality .choiceness i { width: 51px; height: 50px; left: 0px; top: 0.5px; background-repeat: no-repeat; }
.speciality .new_car_standa i { width: 37px; height: 35px; left: 7px; top: 8px; background-repeat: no-repeat; }
.speciality .O2O i { width: 43px; height: 26px; left: 4px; top: 12.5px; background-repeat: no-repeat; }
.speciality .one_year_ok i { width: 42px; height: 28px; left: 4.5px; top: 11.5px; background-repeat: no-repeat; }
.speciality .km i { width: 42px; height: 44px; left: 4.5px; top: 3.5px; background-repeat: no-repeat; }
.speciality .free_upkeep i { width: 38px; height: 31px; left: 6.5px; top: 10px; background-repeat: no-repeat; }
.speciality .free_year_check i { width: 40px; height: 43px; left: 5.5px; top: 4px; background-repeat: no-repeat; }
.speciality .hover_24 i { width: 46px; height: 23px; left: 2.5px; top: 14px; background-repeat: no-repeat; }
.speciality span { background-position: -302px -125px; }
.speciality li:hover span { background-position: -360px 0px; }
.speciality .check_360 i { background-position: -360px -56px; }
.speciality .choiceness i { background-position: -360px -111px; }
.speciality .km i { background-position: -360px -276px; }
.speciality .free_year_check i { background-position: -48px -350px; }
.speciality .notbad i { background-position: -204px -398px; }
.speciality .new_car_standa i { background-position: -328px -398px; }
.speciality .free_upkeep i { background-position: -408px -398px; }
.speciality .one_year_ok i { background-position: -211px -445px; }
.speciality .O2O i { background-position: -258px -445px; }
.speciality .hover_24 i { background-position: -41px -480px; }
#mobile_entry .c1, #mobile_entry .c2, .sidebar-nav .qrcode .dropdown span, #mobile_entry .c3, #mobile_entry .c4 .qrcode, .car-list .customizer-btn.mod i, .speciality span, .speciality li:hover span, .speciality .check_360 i, .speciality .choiceness i, .car-list .mod.is-kyj-car .flag, .car-mod .mod.is-kyj-car .flag, .car-list .mod.is-new-car .flag, .car-mod .mod.is-new-car .flag, .speciality .km i, .speciality-small li:hover span, .speciality .free_year_check i, .speciality-small .check_360 i, .speciality-small span, .speciality-small .choiceness i, #akd_header .header-wrap.category-nav-container .brand .icon, .category-nav-bar .nav .brand.active .icon, #akd_header .header-wrap.category-nav-container .country .icon, .category-nav-bar .nav .country.active .icon, .category-nav-bar .nav .cc .icon, #akd_header .header-wrap.category-nav-container .price .icon, .category-nav-bar .nav .price.active .icon, .category-nav-bar .nav .country .icon, #akd_header .header-wrap.category-nav-container .cartype .icon, .category-nav-bar .nav .cartype.active .icon { background-image: url(../base_z.png); }
.category-nav-bar .nav .color .icon, .category-nav-bar .nav .year .icon, .category-nav-bar .nav .price .icon, #akd_header .header-wrap.category-nav-container .year .icon, .category-nav-bar .nav .year.active .icon, .category-nav-bar .nav .cartype .icon, .category-nav-bar .nav .brand .icon, #akd_header .header-wrap.category-nav-container .color .icon, .category-nav-bar .nav .color.active .icon, #akd_header .header-wrap.category-nav-container .cc .icon, .category-nav-bar .nav .cc.active .icon, #akd_nav .nav-bar .split, #akd_nav .nav-bar .first-item, #akd_nav .nav-bar .last-item, .speciality .notbad i, .speciality-small .free_year_check i, .speciality-small .km i, .speciality .new_car_standa i, .speciality-small .notbad i, .speciality .free_upkeep i, .col-head .nav li:hover .right, .col-head .nav li.active .right, .col-head .nav .last-nav-item:hover .left, .col-head .nav li.last-nav-item.active .left, .col-head .nav li:hover .left, .col-head .nav li.active .left, .col-head .nav .last-nav-item:hover .right, .col-head .nav li.last-nav-item.active .right, .speciality-small .new_car_standa i, #akd_header.fixed .header-wrap .logo { background-image: url(../base_z.png); }
.speciality .seven i, .speciality .one_year_ok i, .speciality .O2O i, .speciality-small .free_upkeep i, .speciality-small .seven i, #akd_footer .tel i, .sidebar-nav .loan i, #akd_footer .weibo-entry i, .sidebar-nav .compare i, .sidebar-nav .traffic i, .sidebar-nav .insure i, .sidebar-nav .qrcode i, .sidebar-nav .history i, .sidebar-nav .mobile i, .sidebar-nav .reserve i, .speciality-small .one_year_ok i, .sidebar-nav .map i, .sidebar-nav .top i, .speciality .hover_24 i, .speciality-small .O2O i, .sidebar-nav .dropdown .head h3 i, .speciality-small .hover_24 i, .sidebar-nav .compare .count, .sidebar-nav .reserve .count, .sidebar-nav .history .count, #akd_nav .buyout-entry i, #akd_header .submit-btn i, #mobile_entry .close-btn, .col-head .label .icon, .col-head .label .split { background-image: url(../base_z.png); }

.sidebar { width: 225px; margin-left: -245px; }
.sidebar .mod { margin-bottom: 10px; padding: 10px 20px 15px; border-color: rgb(228, 228, 228) ! important; }
.sidebar h3 { font-size: 16px; line-height: 30px; border-bottom: 1px solid rgb(228, 228, 228); cursor: default; color: rgb(68, 68, 68); }
.sidebar .button { display: block; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-align: center; background: rgb(235, 86, 21) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border: 0px none; padding: 0px; border-radius: 0px; line-height: 26px; height: 26px; width: 100%; transition: all 0.2s ease 0s; }
.sidebar .button:hover { color: rgb(255, 255, 255) ! important; background: rgb(205, 74, 17) none repeat scroll 0% 0%; }
.sidebar ul { color: rgb(102, 102, 102); }
.sidebar li { display: list-item; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.sidebar a { color: rgb(102, 102, 102); }
.faq-entry { height:auto; margin-bottom: 0px; }
.faq-entry h3 { border-bottom: 0px none; margin-bottom: 20px; }
.faq-entry ul { list-style: outside none none; font-size: 12px; margin-bottom: 15px; }
.faq-entry li { line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }


#akd_content .grid-c1 { background-color: transparent ! important; }
#akd_content .grid-c2 { background-color: rgb(255, 255, 255) ! important; }
.cover .head { height: 110px; background-repeat: repeat-x; }
.cover .head b, .cover .head div { height: 110px; }
.cover .left-border { width: 2px; background-repeat: no-repeat; }
.cover .right-border { width: 2px; background-repeat: no-repeat; }
.cover .split-1 { width: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.cover .car-logo { width: 110px; height: 110px; }
.cover .car-logo a { display: block; width: 104px; margin: 0px; }
.cover .car-base-info { width: 420px; padding: 0px 0px 0px 10px; cursor: default; }
.cover .car-base-info h1 { font-size: 28px; display: block; margin: 15px 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.cover .car-base-info p { margin: 0px; font-size: 14px; }
.cover .car-base-info span { color: rgb(153, 153, 153); display: inline-block; vertical-align: baseline; line-height: 24px; margin: 0px 10px; }
.cover .split-2 { width: 84px; background-repeat: no-repeat; }
.cover .car-price { margin-left: -55px; padding-left: 15px; width: 397px; cursor: default; color: rgb(234, 86, 20); }
.cover .car-price strong { display: block; font-size: 25px; margin:25px 0px 10px; text-align: right; padding-right:10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.cover .car-price .label { font-weight: 400; }
.cover .car-price p { font-size: 14px; font-weight: 700; line-height: 24px; padding-right:10px; text-align: right; margin: 0px; }
.cover .car-price a { font-size: 14px; font-weight: 400; line-height: 16px; margin-left: 10px; }
.cover .car-price a i { display: inline-block; margin-right: 5px; width: 16px; height: 16px; vertical-align: middle; background-repeat: no-repeat; }
.car { position: relative; margin-top: 15px; }
.car .cover-pic, .car .cover-pic img { width: 712px; height: 490px; }
.car .cover-pic { position: relative; overflow: hidden; }
.car .compare-btn { position: absolute; right: 20px; bottom: 10px; color: rgb(234, 86, 20); line-height: 22px; }
.car .compare-btn .t2 { display: none; }
.car .compare-btn i { display: inline-block; vertical-align: middle; margin-right: 5px; width: 22px; height: 22px; background: transparent url(../check-o-1.png) no-repeat scroll 0% 0%; }
.car .base-info { width: 275px; margin-left: 10px; height:auto; border: 1px solid rgb(228, 228, 228); border-bottom:0 }
.car table { width: 275px; table-layout: fixed; }
.car table td { width: 160px; cursor: default; border-bottom: 1px solid rgb(228, 228, 228); }
.car .label, .car .value { height: 32px; line-height: 32px; font-size: 14px; }
.car .label { width: 130px; padding-right: 30px; text-align: right; background: rgb(246, 246, 246) none repeat scroll 0% 0%; color: rgb(153, 153, 153); }
.car .value { text-align: left; text-indent: 20px; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.car .guwen { width: 320px; height: 142px; overflow: hidden; font-size: 13px; padding: 0px; text-align: right; transition: all 0.2s ease 0s; }
.car .guwen:hover { background: rgb(241, 131, 27) none repeat scroll 0% 0%; }
.car .guwen:hover span, .car .guwen:hover strong { color: rgb(255, 255, 255) ! important; }
.car .guwen:hover .tel i { background-repeat: no-repeat; }
.car .guwen .wrap { width: 640px; height: 70px; }
.car .guwen .btn, .car .guwen .tel { float: left; width:285px; height: 70px; }
.car .guwen .btn i, .car .guwen .tel i { display: inline-block; vertical-align: middle; }
.car .guwen .tel { padding:0px 20px 0px 35px; width: 230px; }
.car .guwen .tel i { width: 52px; height: 60px; float: left; margin:7px 0px 0px -25px; background-repeat: no-repeat; }
.car .guwen .tel span, .car .guwen .tel strong { text-align: right; display: block; }
.car .guwen .tel span { line-height: 30px; font-size: 13px; padding-top: 5px; }
.car .guwen .tel strong { font-weight: 400; font-size: 28px; color: rgb(241, 131, 27); }
.car .button { width: 320px; font-size: 12px; padding: 5px 0px 0px 10px; color: rgb(51, 51, 51); border: 0px none; overflow: hidden; }
.car .button .reserve-btn, .car .button .reserve-list-entry { display: inline-block; margin-right: 10px; line-height: 30px; text-align: center; width: 110px; background: rgb(235, 86, 21) none repeat scroll 0% 0%; color: rgb(255, 255, 255); vertical-align: middle; font-size: 16px; font-weight: 700; letter-spacing: 2px; }
.car .button .reserve-btn:hover, .car .button .reserve-list-entry:hover { color: rgb(255, 255, 255) ! important; background: rgb(190, 68, 16) none repeat scroll 0% 0%; }
.car .button .reserve-btn .tip-2 { display: none; }
.car .button .reserve-list-entry { display: none; }
.car .auth-flag, .car .state-flag { display: none; position: absolute; top: 10px; left: 10px; }
.car .state-flag { left: auto; right: 10px; }
#akd_content .speciality { background: rgb(250, 250, 250) none repeat scroll 0% 0%; }
.sidebar { margin-left: 0px; }
.car-param { width: 761px; margin-right: 10px; margin-bottom: 10px; }
.car-param table { table-layout: fixed; width: 761px; border-width: 1px 0px 0px 1px; border-style: solid; border-color: rgb(228, 228, 228); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.car-param td { font-size: 14px; padding-left: 50px; height: 35px; vertical-align: middle; border-width: 0px 1px 1px 0px; border-style: solid; border-color: rgb(228, 228, 228); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.car-param .label { width: 105px; background: rgb(239, 239, 239) none repeat scroll 0% 0%; color: rgb(102, 102, 102); }
.car-param .remark { height:auto; vertical-align: middle; padding-right: 30px; }
.car-param p { line-height: 24px; margin: 0px; }
.car-param-wrap { margin-bottom: 0px ! important; }
#speciality {  }
.reserve-tip{ display:block; margin:10px 0; }
.cover .head { background-position: 0px 0px; }
.cover .head { background-image: url(../detail_x.png); }
.cover .left-border { background-position: 0px 0px; }
.cover .right-border { background-position: -8px 0px; }
.cover .split-2 { background-position: -15px 0px; }
.car .guwen:hover .tel i { background-position: -104px 0px; }
.car .guwen .tel i { background-position: -161px 0px; }
.cover .car-price a i { background-position: -104px -65px; }
.cover .left-border, .cover .right-border, .cover .split-2, .car .guwen:hover .tel i, .car .guwen .tel i, .pic-category .label .split, .car .loan-calc i, .car .insurance-calc i, .pic-category .nav-bar i, .cover .car-price a i { background-image: url(../detail_z_001.png); }
.reserve-btn{ margin-top:3px;}

.bdshare-button-style0-16 .bds_qzone { background-position: 0px -52px; }
.bdshare-button-style0-16 .bds_tsina { background-position: 0px -104px; }
.bdshare-button-style0-16 .bds_tqq { background-position: 0px -260px; }
.bdshare-button-style0-16 .bds_douban { background-position: 0px -468px; }
.bdshare-button-style0-16 .bds_more { background-position: 0px 0px; }
.bdshare-button-style0-16 .bds_weixin { background-position: 0px -1612px; }
.bdshare-button-style0-16 {  }
.bdshare-button-style0-16::after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../icons_0_16.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0px; }
.bdshare-button-style0-16 a:hover { color: rgb(51, 51, 51); opacity: 0.8; }
.bdshare-button-style0-16 .bds_more { color: rgb(51, 51, 51); float: left; }
.bdshare-button-style0-16 .bds_count { color: rgb(51, 51, 51); background: transparent url(../sc.png) no-repeat scroll 0px -30px; width: 42px; height: 16px; padding: 0px; margin: 6px 0px 0px; text-align: center; }
.bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; }
.firebugResetStyles { z-index: 2147483646 ! important; top: 0px ! important; left: 0px ! important; display: block ! important; border: 0px none ! important; margin: 0px ! important; padding: 0px ! important; outline: 0px none ! important; min-width: 0px ! important; max-width: none ! important; min-height: 0px ! important; max-height: none ! important; position: fixed ! important; transform: rotate(0deg) ! important; transform-origin: 50% 50% 0px ! important; border-radius: 0px ! important; box-shadow: none ! important; background: transparent none repeat scroll 0% 0% ! important; pointer-events: none ! important; white-space: normal ! important; }
style.firebugResetStyles { display: none ! important; }
.firebugResetStyles::before, .firebugResetStyles::after { content: "" ! important; }
