html { color: #333; background: #f9f9fc; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

a { color: #333; text-decoration: none; outline: none; }

a:hover { color: #ff6c00; }

ol, ul, li { list-style: none; }

em { font-style: normal; }

img { vertical-align: top; }

fieldset, img { border: 0; }

input { margin: 0; padding: 0; border: 0; }

body, button, input, select, textarea { font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", Arial, Helvetica, sans-serif; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

table { border-collapse: collapse; border-spacing: 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.cb { clear: both; }

.fl { float: left; }

.fr { float: right; }

.tal { text-align: left; }

.tac { text-align: center; }

.tar { text-align: right; }

.show { display: block; }

.hide { display: none; }

.clear { height: 0; overflow: hidden; clear: both; }

::-webkit-input-placeholder { color: #b4b4b4; }

:-moz-placeholder { color: #b4b4b4; }

::-moz-placeholder { color: #b4b4b4; }

:-ms-input-placeholder { color: #b4b4b4; }

body { background-color: #f9f9fc; }

body.web-bg-white { background-color: #fff; }

.hide { display: none; }

.wrapper { width: 100%; }

.container { width: 1200px; margin: 0 auto; }

.content { float: left; width: 850px; }
.content.content2 { width: 870px; background-color: #fff; }

.side { float: right; width: 300px; }
.side.side2 { width: 280px; }

.header { width: 100%; height: 80px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(142, 142, 142, 0.3); box-shadow: 0 0 10px rgba(142, 142, 142, 0.3); }
.header .container { height: 44px; padding: 18px 0; }
.header .logo { float: left; width: 300px; height: 43px; overflow: hidden; margin-right: 54px; line-height: 500px; background: url(../images/icons.png) no-repeat; background-position: 0 0; }
.header .header-city-position { position: relative; float: left; height: 28px; line-height: 28px; font-size: 16px; border: 1px solid #eaeaea; margin-top: 7px; margin-right: 46px; }
.header .header-city-position .selected-city-text { position: relative; top: 0; left: 0; z-index: 3; padding: 0 27px 0 10px; background-color: #fff; cursor: pointer; }
.header .header-city-position .selected-city-text .icon-arrow1 { position: absolute; top: 12px; right: 10px; display: inline-block; width: 10px; height: 5px; background: url(../images/icons.png) no-repeat; background-position: -188px -54px; }
.header .header-city-position .selected-city-text span { display: block; white-space: nowrap; }
.header .header-city-position .header-city-layer { position: absolute; top: 27px; left: -1px; z-index: 2; width: 598px; height: 283px; overflow: hidden; border: 1px solid #eaeaea; background-color: #fff; display: none; }
.header .header-city-position.on { color: #ff6c00; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.header .header-city-position.on .icon-arrow1 { background-position: -229px -54px; }
.header .header-city-position.on .header-city-layer { display: block; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.header .nav { float: left; height: 44px; line-height: 44px; font-size: 16px; }
.header .nav li { float: left; margin-right: 55px; }
.header .nav li:last-child { margin-right: 0; }
.header .nav li a { position: relative; display: block; height: 44px; }
.header .nav li a::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; background-color: #ff6c00; display: none; }
.header .nav li.current a { color: #ff6c00; }
.header .nav li.current a::after { display: block; }
.header .nav li.app-download .show-app-download-qrcode { position: absolute; top: 80px; left: -40px; z-index: 10; width: 120px; height: 120px; padding: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); display: none; }
.header .nav li.app-download .show-app-download-qrcode img { width: 120px; height: 120px; }
.header .nav li.app-download .show-app-download-qrcode i { position: absolute; top: -20px; left: 50%; z-index: 1; width: 0; height: 0; margin-left: -10px; border-width: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; }
.header .nav li.app-download:hover .show-app-download-qrcode { display: block; }
.header .hotline { float: right; font-size: 22px; font-weight: 700; line-height: 44px; color: #ff6c00; }
.header .hotline .icon-tel { float: left; width: 20px; height: 19px; margin-top: 12px; margin-right: 10px; background: url(../images/icons.png) no-repeat; background-position: -239px -73px; }

.header-city-province { width: 100%; height: 100%; }
.header-city-province h5 { padding: 20px 20px 16px; font-size: 14px; font-weight: 400; line-height: 1; color: #999; }
.header-city-province .header-city-province-tit { padding: 20px 20px 10px; }
.header-city-province .header-city-province-tit a { float: left; width: 20px; height: 20px; margin-right: 12px; line-height: 20px; text-align: center; font-size: 14px; border-radius: 10px; }
.header-city-province .header-city-province-tit a.current { color: #fff; background-color: #ff6c00; }
.header-city-province .header-city-province-main { height: 232px; overflow-y: auto; border-top: 1px solid #eaeaea; }
.header-city-province .header-city-province-main ul { position: relative; padding: 2px 0 20px 20px; clear: both; }
.header-city-province .header-city-province-main ul li { position: relative; display: block; margin-top: 10px; padding: 0 15px 0 100px; line-height: 20px; font-size: 14px; clear: both; }
.header-city-province .header-city-province-main ul li i { position: absolute; left: 0; top: 1px; float: left; display: inline-block; width: 20px; text-align: center; font-style: normal; color: #333; }
.header-city-province .header-city-province-main ul li strong { position: absolute; left: 34px; top: 0; float: left; display: inline-block; width: 60px; font-weight: normal; color: #333; }
.header-city-province .header-city-province-main ul li .header-city-province-text { display: block; width: 100%; clear: both; }
.header-city-province .header-city-province-main ul li .header-city-province-text a { float: left; margin-right: 20px; display: inline; margin-bottom: 10px; color: #666; white-space: nowrap; }
.header-city-province .header-city-province-main ul li .header-city-province-text a.current { color: #ff6c00; }

.footer { height: 286px; background-color: #363b3f; }
.footer .container { position: relative; padding: 58px 0; }
.footer .footer-logo { float: left; width: 177px; height: 77px; overflow: hidden; margin-right: 132px; line-height: 500px; background: url(../images/icons.png) no-repeat; background-position: 0 -48px; }
.footer .footer-info { float: left; width: 80px; margin-right: 132px; font-size: 14px; }
.footer .footer-info .footer-nav { padding-top: 5px; }
.footer .footer-info .footer-nav li { float: left; line-height: 1; padding-bottom: 36px; }
.footer .footer-info .footer-nav li a { color: #d7d8d9; }
.footer .footer-info .footer-nav li a:hover { color: #ff6c00; }
.footer .footer-contact-us { float: left; }
.footer .footer-contact-us h2 { font-size: 28px; font-weight: 700; line-height: 1; color: #d7d8d9; }
.footer .footer-contact-us p { line-height: 1; color: #737679; padding-top: 20px; }
.footer .qrcode-wrap { position: absolute; top: 50px; width: 150px; font-size: 12px; text-align: center; color: #afb1b2; }
.footer .qrcode-wrap img { width: 148px; height: 148px; border: 1px solid #f3f3f4; }
.footer .qrcode-wrap p { padding-top: 10px; }
.footer .qrcode-wrap.app-download-show { right: 200px; }
.footer .qrcode-wrap.weixin { right: 0; }
.footer .copyright { color: #737679; height: 20px; padding: 15px 0; line-height: 20px; text-align: center; white-space: nowrap; background-color: #1c1e20; }
.footer .copyright .wangan { position: relative; top: 4px; display: inline-block; width: 18px; height: 20px; margin-right: 5px; background: url(../images/icons.png) no-repeat; background-position: -281px -117px; }
.footer .copyright a { color: #737679; }
.footer .copyright a:hover { color: #ff6c00; }

.base-title1 { font-size: 24px; font-weight: 400; padding: 50px 0 30px; }
.base-title1 .more { float: right; margin-top: 10px; color: #ff6c00; font-size: 16px; line-height: 1; }
.base-title1 .more .icon-more { position: relative; top: 2px; display: inline-block; width: 8px; height: 13px; margin-left: 8px; background: url(../images/icons.png) no-repeat; background-position: -206px -73px; }

.mask { position: absolute; top: 0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; overflow: hidden; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; }

.popup-layers { position: absolute; z-index: 1001; display: none; }
.popup-layers .popup-close { position: absolute; top: 32px; right: 42px; display: block; width: 16px; height: 16px; overflow: hidden; line-height: 100px; background: url(../images/icons.png) no-repeat; background-position: -284px -72px; }

.custom-select a, .custom-select a:hover { text-decoration: none; color: #666; }

.custom-select { position: relative; display: inline-block; width: 260px; }

.custom-select dt { position: relative; z-index: 99; display: block; height: 46px; padding: 0 56px 0 16px; border: 1px solid #ff6c00; font-weight: 400; line-height: 46px; background: #fff url(../images/icon-select-triangle.png) no-repeat 221px center; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.custom-select dt:hover, .custom-select dt.cur { border: 1px solid #409dfe; -webkit-box-shadow: 0 0 3px #409dfe; box-shadow: 0 0 3px #409dfe; }

.custom-select dd { position: absolute; left: 0; top: 46px; z-index: 100; display: block; width: 100%; background: #fff; }

.custom-select dd ul { padding: 8px; max-height: 230px; overflow-x: hidden; overflow-y: auto; border: 1px solid #d2ccc4; }

.custom-select dd ul li a { line-height: 28px; display: block; padding: 0 8px; }

.custom-select dd ul li a:hover { background: #f5f5f5; }

.pagination { padding: 30px 0; font-size: 16px; text-align: center; }
.pagination li { display: inline-block; padding: 0 5px; }
.pagination li a { display: inline-block; padding: 7px 10px; border: 1px solid #e9e9e9; line-height: 1; background-color: #fff; color: #999; border-radius: 4px; }
.pagination li.current a { color: #fff; border-color: #ff6c00; background-color: #ff6c00; }
.pagination li.text a { border: 0; width: auto; padding-left: 0; padding-right: 0; background-color: transparent; }
.pagination li.text.disabled a { display: none; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c1c1c1; background-color: #c1c1c1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #c1c1c1; background-color: #c1c1c1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #ebebeb; background-color: #ebebeb; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mr10 { margin-right: 10px; }

.index-banner { position: relative; height: 520px; }
.index-banner .swiper-container { width: 100%; height: 520px; }
.index-banner .swiper-container .swiper-slide { width: 100%; height: 520px; background-repeat: no-repeat; background-position: top center; }
.index-banner .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; }
.index-banner .swiper-container .container { position: relative; }
.index-banner .swiper-container .container .partner-more-btn { position: absolute; top: 360px; left: 10px; display: inline-block; width: 204px; height: 48px; border: 1px solid #fff; border-radius: 4px; background-color: transparent; color: #fff; font-size: 26px; font-weight: 400; line-height: 48px; text-align: center; }
.index-banner .swiper-container .container .partner-more-btn:hover { border-color: #fff; background-color: #fff; color: #333; }
.index-banner .swiper-button-next, .index-banner .swiper-button-prev { position: absolute; top: 50%; z-index: 1; width: 80px; height: 80px; margin-top: -40px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.4); background-size: 20px 38px; border-radius: 50%; }
.index-banner .swiper-button-next:hover, .index-banner .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.8); }
.index-banner .swiper-button-next { right: 160px; background-image: url(../images/btn-focus-side-next.png); }
.index-banner .swiper-button-prev { left: 160px; background-image: url(../images/btn-focus-side-prev.png); }
/* 2020 */
.index-banner .activity-consult {padding:20px 47px;box-sizing:border-box; position: absolute; left: 50%; bottom: -61px; z-index: 997; width: 1198px; height: 122px; margin-left: -599px; background: url(http://www.suncars.com.cn/v3/pc/v5/images/icon/banner@2x.png) center center no-repeat;background-size: 1160px 122px; }
.activity-consult ul li .qrcode{width:77px;height:77px;}
.activity-consult ul {width: 100%;}
.activity-consult ul li {float: left;}
.activity-consult ul li:nth-child(2) {margin-left: 35px; padding-top:10px;}
.activity-consult ul li:nth-child(3) {margin-left: 461px; padding-top:10px;}
.activity-consult ul li .title {font-size:22px;line-height:30px;color:rgba(255,108,0,1);}
.activity-consult ul li .sub-title {font-size:18px;line-height:25px;color:rgba(51,51,51,1);}
/* 2020 */
.index-banner .activity-consult .data { float: left; width: 410px; height: 48px; line-height: 48px; text-align: center; font-size: 32px; font-weight: 400; }
.index-banner .activity-consult .data em { color: #ff6c00; padding: 0 10px; }
.index-banner .activity-consult .line { float: left; width: 1px; height: 48px; margin: 0 60px 0 10px; background-color: #eaeaea; display: inline; }
.index-banner .activity-consult .input-phone { float: left; width: 210px; height: 26px; padding: 10px; border: 1px solid #ff6c00; margin-right: 20px; font-size: 18px; line-height: 26px; outline: none; background-color: #fff; }
.index-banner .activity-consult .consult-btn { float: left; width: 180px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; color: #fff; background-color: #ff6c00; }
.index-banner .activity-consult .saoyisao { position: relative; float: left; width: 160px; height: 48px; margin-left: 20px; display: inline; background: url(../images/saoyisaoTips.png) no-repeat; }
.index-banner .activity-consult .saoyisao .show-saoyisao-qrcode { position: absolute; top: 66px; left: -20px; width: 166px; height: 166px; padding: 16px; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); display: none; }
.index-banner .activity-consult .saoyisao .show-saoyisao-qrcode img { width: 166px; height: 166px; }
.index-banner .activity-consult .saoyisao .show-saoyisao-qrcode i { position: absolute; top: -20px; left: 50%; z-index: 1; width: 0; height: 0; margin-left: -10px; border-width: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; }
.index-banner .activity-consult .saoyisao:hover .show-saoyisao-qrcode { display: block; }

.column1 { padding-top: 50px; padding-bottom: 30px; }
.column1 h2 { font-size: 28px; font-weight: 700; line-height: 1; }
.column1 h2 a { float: right; font-size: 18px; font-weight: 400; line-height: 28px; }
.column1.st2 { padding-top: 30px; }

.column2 { position: relative; padding: 50px 0 44px; }
.column2 h2 { font-size: 28px; font-weight: 400; line-height: 1; text-align: center; }
.column2 i { position: absolute; left: 50%; top: 87px; display: inline-block; width: 20px; height: 3px; margin-left: -10px; background-color: #ff6c00; }

.index-car-list { width: 1180px; }
.index-car-list ul { width: 1200px; }
.index-car-list li { float: left; margin-right: 20px; margin-bottom: 20px; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -moz-transform 0.3s; }
.index-car-list li a { position: relative; display: block; width: 240px; height: 260px; padding: 30px 20px; font-size: 18px; line-height: 1; background-color: #fff; }
.index-car-list li a .car-photo-box { position: relative; width: 240px; height: 171px; }
.index-car-list li a .car-photo-box .car-label { position: absolute; top: -10px; left: 0; width: 60px; height: 50px; }
.index-car-list li a .car-name { height: 20px; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-car-list li a .car-name.tenPercentPay { margin-top: 10px; margin-bottom: 20px; }
.index-car-list li a .car-financial-info, .index-car-list li a .slogan { padding-bottom: 20px; color: #999; }
.index-car-list li a .car-photo { position: relative; width: 240px; height: 171px; }
.index-car-list li a .first-money { color: #333; }
.index-car-list li a .first-money span { font-size: 24px; font-family: Arial, Helvetica, Tahoma, Verdana; line-height: 1; color: #ff6c00; padding: 0 8px; }
.index-car-list li a .tenPercentPayInfo { color: #999; font-size: 14px; line-height: 1; }
.index-car-list li a .tenPercentPayInfo span { color: #ff6c00; font-size: 20px; padding: 0 15px 0 6px; }
.index-car-list li:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); -webkit-box-shadow: 0 0 25px rgba(188, 188, 188, 0.75); box-shadow: 0 0 25px rgba(188, 188, 188, 0.75); }

.service-list { padding: 53px 0; background-color: #fff; }
.service-list li { position: relative; float: left; width: 20%; height: 114px; text-align: center; }
.service-list li i { display: inline-block; height: 46px; background: url(../images/icons.png) no-repeat; }
.service-list li i.icon1 { width: 39px; background-position: 0 -526px; }
.service-list li i.icon2 { width: 37px; background-position: -40px -526px; }
.service-list li i.icon3 { width: 51px; background-position: -78px -526px; }
.service-list li i.icon4 { width: 34px; background-position: -130px -526px; }
.service-list li i.icon5 { width: 41px; background-position: -165px -526px; }
.service-list li p { font-size: 14px; line-height: 1; color: #999; }
.service-list li p.bold { font-size: 20px; color: #333; padding-top: 16px; padding-bottom: 14px; }

.index-dealer-show { height: 732px; margin-bottom: 50px; }
.index-dealer-show .index-map { position: relative; float: left; width: 826px; height: 730px; overflow: hidden; border: 1px solid #e9e9e9; }
.index-dealer-show .city-list { float: left; width: 351px; height: 730px; overflow: hidden; border: 1px solid #e9e9e9; border-left: 0; }
.index-dealer-show .city-list ul { padding: 35px 0 35px 40px; }
.index-dealer-show .city-list ul li { margin-bottom: 40px; }
.index-dealer-show .city-list .city-letter { float: left; margin-right: 15px; font-size: 18px; font-weight: 700; font-family: Arial, Helvetica, Tahoma, Verdana; }
.index-dealer-show .city-list .city-content { overflow: hidden; }
.index-dealer-show .city-list .city-content .ctitle { padding-top: 20px; padding-bottom: 5px; font-size: 18px; font-weight: 700; }
.index-dealer-show .city-list .city-content .ctitle:first-child { padding-top: 0; }
.index-dealer-show .city-list .city-content .clist { overflow: hidden; font-size: 16px; }
.index-dealer-show .city-list .city-content .clist a { float: left; padding: 0 10px; margin-right: 10px; line-height: 30px; background-color: #f9f9fc; }
.index-dealer-show .city-list .city-content .clist a:hover { color: #fff; background-color: #ff6c00; }

.map-pop-outer { position: absolute; top: 200px; left: 168px; width: 424px; border: 1px solid rgba(195, 195, 195, 0.5); background: #fff; }
.map-pop-outer .pop-close { position: absolute; top: 5px; right: 5px; background: url(../images/img.png) no-repeat; height: 12px; width: 12px; background-position: 0 -64px; cursor: pointer; }
.map-pop-outer .triangle { position: absolute; left: 150px; bottom: -23px; background: url(../images/img.png) no-repeat; height: 23px; width: 30px; background-position: 0 -173px; }

.map-pop { padding: 12px; }
.map-pop dt { float: left; margin-right: 20px; }
.map-pop dt img { width: 130px; height: 96px; }
.map-pop dd { overflow: hidden; }
.map-pop dd h3 { font-size: 16px; font-weight: 400; line-height: 1.2; height: 38px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 5px; }
.map-pop dd p { color: #999; font-size: 14px; line-height: 1.2; }
.map-pop dd p.address { height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 5px; }
.map-pop dd p .send-address { position: relative; top: -6px; float: right; display: block; height: 24px; padding: 0 6px; font-size: 14px; line-height: 24px; color: #ff6c00; background-color: #fff; border: 1px solid #ff6c00; border-radius: 2px; }

.float-nav { position: fixed; top: 0; right: 0; z-index: 998; width: 80px; background-color: rgba(0, 0, 0, 0.8); }
.float-nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
.float-nav li.last { border: 0; }
.float-nav li a { position: relative; display: block; width: 80px; height: 26px; padding-top: 63px; font-size: 14px; line-height: 1; text-align: center; color: #fff; }
.float-nav li a i { position: absolute; left: 50%; display: block; height: 39px; background: url(../images/icons.png) no-repeat; }
.float-nav li a i.icon-car { top: 16px; width: 40px; margin-left: -20px; background-position: -169px -434px; }
.float-nav li a i.icon-qq { top: 12px; width: 34px; margin-left: -17px; background-position: -115px -434px; }
.float-nav li a i.icon-wx-service { top: 12px; width: 42px; margin-left: -21px; background-position: -229px -434px; }
.float-nav li a .wx-service-qrcode-show { position: absolute; top: 0; left: -140px; width: 110px; padding: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); display: none; }
.float-nav li a .wx-service-qrcode-show img { width: 110px; height: 110px; }
.float-nav li a .wx-service-qrcode-show p { font-size: 14px; line-height: 1; color: #333; padding-top: 6px; }
.float-nav li a:hover .wx-service-qrcode-show { display: block; }

.index-owner-story { height: 290px; }
.index-owner-story ul { width: 1200px; }
.index-owner-story li { float: left; width: 280px; height: 290px; margin-right: 20px; }
.index-owner-story .owner-story-photo { overflow: hidden; }
.index-owner-story .owner-story-photo img { width: 280px; height: 140px; -webkit-transition: all .5s; transition: all .5s; }
.index-owner-story .owner-story-con { width: 240px; height: 99px; padding: 25px 19px; border: 1px solid #eaeaea; border-top: 0; font-size: 16px; background-color: #fff; }
.index-owner-story .owner-story-con h3 { height: 54px; overflow: hidden; margin-bottom: 15px; font-size: 18px; font-weight: 400; }
.index-owner-story .owner-story-con .car-owner-info { font-size: 16px; color: #999; }
.index-owner-story a:hover img { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.buy-car-enroll { width: 644px; height: 480px; background-color: #fff; }
.buy-car-enroll .pop-con { padding: 0 42px 50px; }
.buy-car-enroll .pop-title { color: #ff6c00; font-size: 24px; font-weight: 400; line-height: 80px; text-align: center; margin-bottom: 40px; border-bottom: 1px solid #eaeaea; }
.buy-car-enroll li { padding-bottom: 28px; }
.buy-car-enroll li.btn-wrap { padding-top: 22px; padding-bottom: 0; }
.buy-car-enroll .form-hd { font-size: 24px; font-weight: 400; line-height: 1; color: #333; padding-bottom: 20px; }
.buy-car-enroll .form-bd .custom-select { float: left; }
.buy-car-enroll .form-bd .custom-select.mr { margin-right: 38px; }
.buy-car-enroll .form-bd .custom-select dt { font-size: 20px; }
.buy-car-enroll .form-bd .custom-select li { padding-bottom: 0; }
.buy-car-enroll .form-bd .inp-text { width: 526px; height: 46px; padding: 0 16px; border: 1px solid #ff6c00; font-size: 20px; line-height: 46px; }
.buy-car-enroll .form-bd .inp-text:hover { border: 1px solid #409dfe; -webkit-box-shadow: 0 0 3px #409dfe; box-shadow: 0 0 3px #409dfe; }
.buy-car-enroll .enroll-btn { display: block; width: 100%; height: 48px; color: #fff; font-size: 24px; font-weight: 400; line-height: 48px; text-align: center; background-color: #ff6c00; }

.apply-succeed-tips { width: 376px; height: 346px; border: 1px solid #c3c3c3; text-align: center; background-color: #fff; }
.apply-succeed-tips .popup-close { top: 19px; right: 26px; }
.apply-succeed-tips img { display: block; margin: 46px auto 34px; }
.apply-succeed-tips h2 { padding-bottom: 15px; font-size: 24px; font-weight: 400; line-height: 1; }
.apply-succeed-tips p { font-size: 16px; color: #999; padding-bottom: 30px; }
.apply-succeed-tips .btn { display: block; width: 240px; height: 48px; margin: 0 auto; color: #fff; font-size: 22px; line-height: 48px; text-align: center; background-color: #ff6c00; }

.message-tips { position: fixed; top: 50%; left: 50%; z-index: 99999; width: 378px; height: 90px; margin-top: -45px; margin-left: -189px; background-color: #666; background-color: rgba(0, 0, 0, 0.7); border-radius: 8px; display: none; }
.message-tips p { color: #fff; font-size: 18px; text-align: center; padding: 30px 10px 0; }

.message-tips2 { width: 400px; margin-left: -200px; }

.select-car-box { padding: 20px 0; font-size: 14px; }
.select-car-box dl { background-color: #fff; border-bottom: 1px solid #f6f6f6; }
.select-car-box dl dt { float: left; width: 80px; padding: 16px 0; line-height: 24px; text-align: center; color: #999; }
.select-car-box dl dd { float: left; overflow: hidden; padding: 16px 20px; border-left: 1px solid #f6f6f6; }
.select-car-box dl dd li { float: left; margin-right: 20px; }
.select-car-box dl dd li:last-child { margin-right: 0; }
.select-car-box dl dd li a { display: block; padding: 5px 8px; line-height: 1; color: #333; background-color: #fff; border-radius: 2px; }
.select-car-box dl dd li.current a { color: #fff; background-color: #ff6c00; }
.select-car-box dl dd.filtrate-tags a { position: relative; float: left; padding: 4px 29px 4px 4px; margin-right: 10px; border: 1px solid #999; line-height: 1; color: #999; background-color: #fff; border-radius: 2px; }
.select-car-box dl dd.filtrate-tags a::after { position: absolute; top: 6px; right: 6px; display: block; width: 10px; height: 10px; content: ''; background: url(../images/icons.png) no-repeat; background-position: -268px -48px; }
.select-car-box dl dd.filtrate-tags a:hover { color: #ff6c00; border-color: #ff6c00; }
.select-car-box dl dd.filtrate-tags a:hover::after { background-position: -268px -59px; }

.select-car-tool-bar { height: 36px; padding: 12px 28px; margin-bottom: 20px; background-color: #fff; }
.select-car-tool-bar .search { float: left; width: 276px; height: 32px; border: 2px solid #f4f4f4; margin-right: 50px; }
.select-car-tool-bar .custom-radio, .select-car-tool-bar .car-price-sort { cursor: pointer; float: left; height: 18px; line-height: 18px; font-size: 16px; padding: 9px 0; margin-right: 50px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select-car-tool-bar .selected-count { float: right; color: #999; font-size: 16px; line-height: 36px; }
.select-car-tool-bar .selected-count span { color: #ff6c00; padding: 0 3px; }

.search .search-text { float: left; width: 212px; height: 16px; line-height: 16px; padding: 8px 13px; border: 0; color: #333; background-color: #fff; outline: none; }
.search .serch-btn { display: block; overflow: hidden; width: 38px; height: 32px; }
.search .serch-btn i { display: block; width: 19px; height: 19px; overflow: hidden; margin: 7px auto 0; line-height: 100px; background: url(../images/icons.png) no-repeat; background-position: -111px -498px; }

.custom-radio i { float: left; width: 18px; height: 18px; overflow: hidden; margin-right: 6px; background: url(../images/icons.png) no-repeat; background-position: 0 -498px; }
.custom-radio.selected i { background-position: -19px -498px; }

.car-price-sort i { float: right; width: 9px; height: 13px; margin-top: 2px; margin-left: 6px; background: url(../images/icons.png) no-repeat; background-position: -140px -501px; }
.car-price-sort:hover { color: #ff6c00; }
.car-price-sort:hover i { background-position: -160px -501px; }
.car-price-sort.asc i { background-position: -140px -501px; }
.car-price-sort.asc:hover, .car-price-sort.asc.selected { color: #ff6c00; }
.car-price-sort.asc:hover i, .car-price-sort.asc.selected i { background-position: -160px -501px; }
.car-price-sort.desc i { background-position: -150px -501px; }
.car-price-sort.desc:hover, .car-price-sort.desc.selected { color: #ff6c00; }
.car-price-sort.desc:hover i, .car-price-sort.desc.selected i { background-position: -170px -501px; }

.selected-car-list { width: 1180px; }
.selected-car-list ul { width: 1200px; }
.selected-car-list li { float: left; margin-right: 20px; margin-bottom: 20px; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -moz-transform 0.3s; }
.selected-car-list li:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); -webkit-box-shadow: 0 0 25px rgba(188, 188, 188, 0.75); box-shadow: 0 0 25px rgba(188, 188, 188, 0.75); }
.selected-car-list li a { position: relative; display: block; width: 240px; height: 260px; padding: 30px 20px; background-color: #fff; }
.selected-car-list li a .car-photo-box { position: relative; width: 240px; height: 171px; }
.selected-car-list li a .car-photo-box .car-label { position: absolute; top: -10px; left: 0; width: 60px; height: 50px; }
.selected-car-list li a .car-photo { width: 240px; height: 171px; margin-bottom: 8px; }
.selected-car-list li a .car-name { height: 20px; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.selected-car-list li a .car-price-info, .selected-car-list li a .car-price-guide { font-size: 14px; line-height: 1; color: #999; }
.selected-car-list li a .car-price-guide { padding-bottom: 20px; }
.selected-car-list li a .car-price-info span { padding-right: 12px; font-size: 20px; font-family: Arial, Helvetica, Tahoma, Verdana; color: #ff6c00; }

.car-selected-pagination { padding: 30px 0 50px; }

.ineffectiveness-tips { padding: 125px 0 145px; text-align: center; }
.ineffectiveness-tips::before { display: inline-block; width: 65px; height: 51px; content: ''; background: url(../images/icons.png) no-repeat; background-position: -242px -521px; }
.ineffectiveness-tips p { padding-top: 12px; color: #999; font-size: 18px; }

.buy-car-advantage ul { width: 1200px; }
.buy-car-advantage ul li { position: relative; float: left; width: 380px; height: 256px; margin-right: 20px; background-color: #fff; text-align: center; }
.buy-car-advantage ul li .icon { position: absolute; top: -52px; left: 50%; width: 104px; height: 104px; margin-left: -52px; background: url(../images/icons.png) no-repeat; }
.buy-car-advantage ul li .icon.icon1 { background-position: 0 -227px; }
.buy-car-advantage ul li .icon.icon2 { background-position: -103px -227px; }
.buy-car-advantage ul li .icon.icon3 { background-position: -206px -227px; }
.buy-car-advantage ul li h3 { font-size: 22px; font-weight: 400; line-height: 1; padding-top: 90px; padding-bottom: 30px; }
.buy-car-advantage ul li p { color: #999; font-size: 16px; }

.buy-car-step { height: 220px; background-color: #fff; }
.buy-car-step li { position: relative; float: left; width: 295px; padding: 67px 0; font-size: 16px; line-height: 1; text-align: center; }
.buy-car-step li .icon { display: block; width: 61px; height: 55px; overflow: hidden; margin: 0 auto 15px; background: url(../images/icons.png) no-repeat; }
.buy-car-step li .icon.icon1 { background-position: 0 -356px; }
.buy-car-step li .icon.icon2 { background-position: -75px -356px; }
.buy-car-step li .icon.icon3 { background-position: -142px -356px; }
.buy-car-step li .icon.icon4 { background-position: -216px -356px; }
.buy-car-step li .triangle { position: absolute; top: 50%; right: -22px; width: 0; height: 0; margin-top: -15px; overflow: hidden; border-width: 15px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #e7e7e7; }

.service-banner { height: 420px; background: url(../images/service-banner1.jpg) no-repeat 50% 50%; }

.services { height: 294px; background-color: #fff; }
.services .service-list { padding: 0; }

.img-box1 { width: 100%; overflow: hidden; }
.img-box1 img { display: block; }

.buy-car-strategy { height: 267px; }
.buy-car-strategy ul { width: 1300px; }
.buy-car-strategy ul li { float: left; height: 267px; padding-right: 35px; margin-right: 35px; border-right: 1px solid #eaeaea; }
.buy-car-strategy ul li.w1 { width: 330px; }
.buy-car-strategy ul li.w2 { width: 390px; }
.buy-car-strategy ul li.w3 { width: 300px; border: 0; margin: 0; padding: 0; }
.buy-car-strategy ul li h3 { font-size: 22px; font-weight: 400; padding-bottom: 20px; }
.buy-car-strategy ul li p { color: #666; font-size: 15px; padding-bottom: 15px; }
.buy-car-strategy ul li p span { color: #333; font-size: 20px; padding-right: 8px; }
.buy-car-strategy ul li p:last-child { padding-bottom: 0; }

.buy-car-guide { height: 450px; background-color: #fff; }

.buy-car-steps { height: 292px; background-color: #f9f9fc; }

.service-buy-car-step { height: 112px; background-color: #f9f9fc; }
.service-buy-car-step li { padding-top: 12px; padding-bottom: 12px; }

.dealer-header { height: 36px; padding: 27px 0; }
.dealer-header .join-btn { float: right; width: 78px; height: 34px; font-size: 15px; line-height: 34px; text-align: center; color: #ff6c00; background-color: #fff; border: 1px solid #ff6c00; border-radius: 5px; }
.dealer-header .join-btn:hover { color: #fff; background-color: #ff6c00; }

.dealer-select-wrap { position: relative; float: left; margin-right: 84px; }
.dealer-select-wrap.mr0 { margin-right: 0; }
.dealer-select-wrap .select-city-list-box { position: absolute; top: 35px; left: 0; z-index: 1; width: 360px; padding: 20px 10px 10px; border: 1px solid #e9e9e9; background-color: #fff; display: none; }

.dealer-city-select-bar { float: left; border: 1px solid #e9e9e9; border-bottom: 0; cursor: pointer; }
.dealer-city-select-bar .selected-text { position: relative; z-index: 2; width: auto; min-width: 54px; padding: 10px 34px 10px 10px; border-bottom: 1px solid #e9e9e9; font-size: 14px; line-height: 1; background-color: #fff; }
.dealer-city-select-bar .selected-text::after { position: absolute; top: 13px; right: 10px; content: ''; display: inline-block; width: 14px; height: 8px; background: url(../images/icons.png) no-repeat; background-position: -206px -54px; }
.dealer-city-select-bar.current .selected-text { height: 15px; border-bottom: 0; }

.select-city-list-box .select-city-tab { height: 27px; margin-bottom: 15px; border-bottom: 1px solid #ff6c00; }
.select-city-list-box .select-city-tab li { float: left; margin-right: 10px; }
.select-city-list-box .select-city-tab li a { position: relative; display: block; padding: 0 10px; border: 1px solid #e9e9e9; border-bottom: 0; line-height: 26px; color: #666; }
.select-city-list-box .select-city-tab li.current a { height: 27px; color: #ff6c00; border-color: #ff6c00; background-color: #fff; }
.select-city-list-box .select-city-tab-con .select-city-tab-item { display: none; }

.select-city-tab-item ul { width: 395px; padding-left: 5px; }
.select-city-tab-item li { float: left; margin-right: 35px; margin-bottom: 15px; }
.select-city-tab-item li a { display: block; padding: 6px 5px; font-size: 14px; line-height: 1; color: #999; background-color: #fff; border-radius: 2px; }
.select-city-tab-item li a:hover { color: #fff; background-color: #ff6c00; }
.select-city-tab-item li.current a { color: #fff; background-color: #ff6c00; }

.dealer-statistics { float: left; font-size: 26px; font-weight: 400; line-height: 36px; }
.dealer-statistics span { color: #ff6c00; }
.dealer-statistics em { padding-left: 22px; font-size: 16px; color: #999; }

.dealer-info-show { height: 620px; padding-bottom: 107px; }
.dealer-info-show .dealer-list { position: relative; float: left; width: 274px; height: 618px; border: 1px solid #e9e9e9; background-color: #fafafa; }
.dealer-info-show .dealer-map { float: right; width: 882px; height: 618px; overflow: hidden; border: 1px solid #e9e9e9; }

.dealer-page { height: 572px; overflow-x: hidden; overflow-y: auto; }
.dealer-page a { position: relative; display: block; padding: 18px 13px 18px 44px; }
.dealer-page a .icon { position: absolute; top: 20px; left: 13px; display: inline-block; height: 21px; padding: 0 6px; color: #fff; background-color: #c4c4c4; border-radius: 4px; }
.dealer-page a h6 { height: 24px; font-size: 16px; font-weight: 400; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dealer-page a p { height: 26px; color: #999; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dealer-page a p span { float: right; padding: 0 6px; border: 1px solid #ffc389; height: 24px; line-height: 24px; color: #ff6c00; background-color: #fff; border-radius: 2px; display: none; }
.dealer-page li.current a { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left: 3px solid #ff6c00; }
.dealer-page li.current a .icon { background-color: #ff6c00; }
.dealer-page li.current a p span { display: block; }
.dealer-page li:first-child a { border-top: 0; }

.dealer-page-navigation { height: 46px; padding: 0 20px; line-height: 46px; }
.dealer-page-navigation .pagination-control { float: left; width: 26px; height: 16px; padding-top: 15px; }
.dealer-page-navigation .pagination-control .prev, .dealer-page-navigation .pagination-control .next { float: left; width: 10px; height: 16px; overflow: hidden; line-height: 100px; background: url(../images/icons.png) no-repeat; }
.dealer-page-navigation .pagination-control .prev { background-position: -6px -137px; }
.dealer-page-navigation .pagination-control .prev.disabled { background-position: -6px -166px; cursor: not-allowed; }
.dealer-page-navigation .pagination-control .next { float: right; background-position: -32px -137px; }
.dealer-page-navigation .pagination-control .next.disabled { background-position: -32px -166px; cursor: not-allowed; }
.dealer-page-navigation .pagination-page-number { float: right; color: #999; }
.dealer-page-navigation .pagination-page-number span { color: #333; }

.dealer-page .mCSB_scrollTools { right: 3px; width: 6px; }
.dealer-page .mCSB_inside > .mCSB_container { margin-right: 0; }
.dealer-page .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.site-map { padding: 20px 0; font-size: 16px; line-height: 1; color: #999; }
.site-map a { color: #999; }
.site-map a:hover { color: #ff6c00; }

.detail-header { padding-bottom: 60px; }
.detail-header .car-hd-photo { position: relative; float: left; width: 540px; height: 360px; padding: 40px 0 40px 50px; }
.detail-header .car-hd-photo img { width: 540px; height: 360px; }
.detail-header .car-hd-photo img.car-label { position: absolute; top: 40px; left: 40px; width: 90px; height: 76px; }
.detail-header .car-hd-photo .share-bar { position: absolute; right: 0; bottom: 34px; display: block; padding: 6px 12px 6px 36px; font-size: 16px; line-height: 1; background-color: #f2f2f2; color: #999; cursor: pointer; }
.detail-header .car-hd-photo .share-bar::before { position: absolute; top: 6px; left: 12px; content: ''; display: block; width: 15px; height: 16px; overflow: hidden; background: url(../images/icons.png) no-repeat; background-position: -240px -97px; }
.detail-header .car-hd-info { float: right; width: 510px; }

.share-weixin { position: absolute; top: 40px; right: 0; z-index: 10; width: 160px; padding: 20px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); display: none; }
.share-weixin .share_weixin_popup_head { padding-bottom: 10px; font-size: 16px; line-height: 1.5; color: #666; }
.share-weixin .erweima { width: 160px; height: 160px; overflow: hidden; }

.car-hd-info { color: #999; }
.car-hd-info h1 { padding-top: 15px; padding-bottom: 15px; font-size: 22px; font-weight: 400; line-height: 1; color: #333; }
.car-hd-info h2 { font-size: 18px; font-weight: 400; line-height: 1; color: #333; padding-left: 10px; margin-bottom: 12px; border-left: 3px solid #ff6c00; }
.car-hd-info h2 span { float: right; font-size: 14px; color: #999; }
.car-hd-info h2 span a { color: #ff6c00; padding-left: 12px; }
.car-hd-info .car-price { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea; font-size: 16px; line-height: 1; color: #999; }
.car-hd-info .car-jr-info { position: relative; padding: 20px; margin-bottom: 20px; color: #999; font-size: 16px; line-height: 1; background-color: #fafafa; }
.car-hd-info .car-jr-info .first-pay { padding-bottom: 20px; }
.car-hd-info .car-jr-info .first-pay span { color: #ff6c00; font-size: 36px; font-weight: 400; }
.car-hd-info .car-jr-info .fenqi span { display: inline-block; padding-right: 25px; }
.car-hd-info .car-jr-info .fenqi span em { color: #ff6c00; }
.car-hd-info .car-jr-info .detail { position: absolute; top: 53px; right: 20px; color: #999; font-size: 14px; line-height: 1; }
.car-hd-info .car-jr-info .detail:hover { color: #ff6c00; }
.car-hd-info .carTenPercentBuyInfo { height: 54px; padding: 24px 0; margin-bottom: 20px; font-size: 16px; line-height: 1; color: #999; background: #fafafa; }
.car-hd-info .carTenPercentBuyInfo li { position: relative; float: left; width: 33.33%; height: 54px; text-align: center; }
.car-hd-info .carTenPercentBuyInfo li::after { position: absolute; top: 0; right: 0; content: ''; display: block; width: 1px; height: 54px; background-color: #eaeaea; }
.car-hd-info .carTenPercentBuyInfo li:last-child::after { display: none; }
.car-hd-info .carTenPercentBuyInfo li span { display: block; margin-top: 10px; font-size: 28px; color: #ff6c00; }
.car-hd-info .pay-scale { margin-bottom: 20px; }
.car-hd-info .pay-scale .hd { float: left; margin-right: 30px; color: #999; font-size: 16px; line-height: 36px; }
.car-hd-info .pay-scale .bd { overflow: hidden; }
.car-hd-info .pay-scale .bd.pay-scale-tab { height: 36px; }
.car-hd-info .pay-scale .bd.pay-scale-tab a { display: block; float: left; padding: 9px 30px; border: 1px solid #eaeaea; margin-right: 20px; font-size: 16px; line-height: 1; color: #999; background-color: #fff; }
.car-hd-info .pay-scale .bd.pay-scale-tab a:last-child { margin-right: 0; }
.car-hd-info .pay-scale .bd.pay-scale-tab a.current { color: #ff6c00; border-color: #ff6c00; }
.car-hd-info .by { padding-bottom: 15px; margin-bottom: 15px; }
.car-hd-info .by.mb0 { margin-bottom: 0; }
.car-hd-info .by li { float: left; padding-left: 20px; margin-right: 33px; color: #999; font-size: 14px; line-height: 1; background: url(../images/icon-jr.png) no-repeat left center; }
.car-hd-info .buy-city { height: 34px; margin-bottom: 30px; font-size: 16px; line-height: 34px; }
.car-hd-info .look-car-area { height: 50px; }
.car-hd-info .look-car-area a.btn { float: left; width: 160px; height: 50px; line-height: 50px; margin-right: 20px; color: #fff; font-size: 16px; text-align: center; background-color: #ff6c00; }
.car-hd-info .look-car-area .consult-tel { float: left; }
.car-hd-info .look-car-area .consult-tel span { display: block; width: 100%; line-height: 1; }
.car-hd-info .look-car-area .consult-tel .text { font-size: 14px; color: #999; padding: 8px 0 6px; }
.car-hd-info .look-car-area .consult-tel .tel { color: #ff6c00; font-size: 18px; }
.car-hd-info .look-car-area .consult-tel { float: left; }
.car-hd-info .car-hd-tips { font-size: 14px; line-height: 1; color: #999; padding-bottom: 30px; }
.car-hd-info .pay-last-money { height: 40px; line-height: 40px; padding-bottom: 30px; }
.car-hd-info .pay-last-money li { float: left; width: 197px; padding: 0 20px; border-left: 3px solid #f8dac5; color: #999; text-align: right; background-color: #f6f6f6; }
.car-hd-info .pay-last-money li.fr { float: right; }
.car-hd-info .pay-last-money li span { float: left; color: #666; }

.credit-assess { width: 540px; height: 380px; background-color: #fff; }
.credit-assess .con { padding: 70px 30px 30px; text-align: center; }
.credit-assess .con h2 { color: #414141; font-size: 18px; line-height: 1; font-weight: 400; padding-bottom: 16px; }
.credit-assess .con .credit-assess-qrcode { width: 150px; margin: 0 auto 40px; }
.credit-assess .con .credit-assess-qrcode .qrcodeImg { padding: 10px; }
.credit-assess .con .credit-assess-qrcode .qrcodeImg img { width: 130px; height: 130px; }
.credit-assess .con .credit-assess-qrcode p { color: #999; font-size: 12px; line-height: 1; }
.credit-assess .con .credit-assess-tips { color: #999; font-size: 14px; line-height: 1.5; }

.loan-detail { width: 800px; min-height: 590px; background-color: #fff; }
.loan-detail .hd { padding: 30px 30px; margin-bottom: 12px; border-bottom: 1px solid #eaeaea; }
.loan-detail .hd h2 { font-size: 22px; font-weight: 400; }
.loan-detail .hd h2 span { color: #999; font-size: 16px; padding-left: 36px; }
.loan-detail .bd { width: 540px; margin: 0 auto 30px; }
.loan-detail .loan-select-tab { height: 52px; font-size: 16px; line-height: 52px; border-bottom: 1px solid #eaeaea; }
.loan-detail .loan-select-tab li { float: left; text-align: center; }
.loan-detail .loan-select-tab li a { position: relative; display: inline-block; }
.loan-detail .loan-select-tab li.current a { color: #ff6c00; font-size: 18px; }
.loan-detail .loan-select-tab li.current a::after { position: absolute; left: 0; bottom: -1px; content: ''; display: inline-block; width: 100%; height: 2px; background-color: #ff6c00; }
.loan-detail .loan-select-tab-wrap ul { display: none; }
.loan-detail .loan-select-tab-wrap li { position: relative; padding: 36px 30px 36px 0; border-bottom: 1px solid #eaeaea; cursor: pointer; }
.loan-detail .loan-select-tab-wrap li .loan-con { font-size: 16px; line-height: 1; color: #000; }
.loan-detail .loan-select-tab-wrap li .loan-con span { float: left; margin-right: 10px; }
.loan-detail .loan-select-tab-wrap li .loan-con span.last, .loan-detail .loan-select-tab-wrap li .loan-con span:last-child { margin-right: 0; }
.loan-detail .loan-select-tab-wrap li .loan-con span.lc1 { width: 158px; }
.loan-detail .loan-select-tab-wrap li .loan-con span.lc2 { width: 124px; }
.loan-detail .loan-select-tab-wrap li .loan-con span.lc3 { width: 190px; }
.loan-detail .loan-select-tab-wrap li.current { border-color: #ff6c00; }
.loan-detail .loan-select-tab-wrap li.current::before { position: absolute; top: 50%; right: 0; content: ''; display: inline-block; width: 19px; height: 13px; margin-top: -6px; background: url(../images/icons.png) no-repeat; background-position: -263px -97px; }
.loan-detail .loan-apply { padding-top: 40px; }
.loan-detail .loan-apply .loan-form { position: relative; width: 334px; height: 46px; margin: 0 auto; padding-bottom: 24px; }
.loan-detail .loan-apply .loan-form .loan-apply-phone { float: left; width: 188px; height: 18px; padding: 13px 20px; border: 1px solid #e1e1e1; border-right: 0; font-size: 16px; line-height: 18px; background-color: #fff; color: #333; outline: none; }
.loan-detail .loan-apply .loan-form .loan-apply-btn { float: left; height: 18px; padding: 14px 20px; font-size: 16px; line-height: 18px; background-color: #ff6c00; color: #fff; }
.loan-detail .loan-apply .loan-form .loan-form-error-tips { position: absolute; left: 0; bottom: 6px; width: 196px; font-size: 12px; line-height: 1; color: red; display: none; }
.loan-detail .loan-apply .loan-apply-tips { font-size: 14px; color: #999; }

.detail-page-nav { width: 1178px; height: 58px; border: 1px solid #f0f0f0; background-color: #fafafa; }
.detail-page-nav.dpn-fixed { position: fixed; top: 0; z-index: 999; }
.detail-page-nav ul { float: left; }
.detail-page-nav ul li { float: left; }
.detail-page-nav ul li a { display: block; height: 58px; padding: 0 20px; font-size: 16px; line-height: 58px; color: #333; }
.detail-page-nav ul li.current a { position: relative; top: -1px; left: -1px; height: 57px; border-top: 2px solid #ff6c00; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; background-color: #fff; }
.detail-page-nav .look-car-btn { float: right; width: 160px; height: 50px; margin-top: 4px; margin-right: 9px; color: #fff; font-size: 16px; line-height: 50px; text-align: center; background-color: #ff6c00; display: none; }

.detail-content .title { font-size: 24px; font-weight: 400; padding: 50px 0 40px; }
.detail-content .title .more { float: right; margin-top: 10px; color: #ff6c00; font-size: 16px; line-height: 1; }
.detail-content .title .more .icon-more { position: relative; top: 2px; display: inline-block; width: 8px; height: 13px; margin-left: 8px; background: url(../images/icon-more.png) no-repeat; }
.detail-content .car-config-info { font-size: 16px; border-bottom: 1px solid #f2f2f2; }
.detail-content .car-config-info ul { width: 518px; }
.detail-content .car-config-info ul.config-left { float: left; }
.detail-content .car-config-info ul.config-right { float: right; }
.detail-content .car-config-info ul li { overflow: hidden; border-bottom: 1px solid #f2f2f2; }
.detail-content .car-config-info ul li .config-hd { float: left; width: 258px; padding: 15px 0; color: #999; }
.detail-content .car-config-info ul li .config-bd { display: block; overflow: hidden; padding: 15px 0; }
.detail-content .car-config-info ul li:last-child { border-bottom: 0; }
.detail-content .dealer-map-show { position: relative; width: 1178px; height: 482px; border: 1px solid #ececec; }
.detail-content .apply-know { padding: 30px; background-color: #fafafa; }

.buy-car-know table { width: 100%; }
.buy-car-know table td { padding: 14px 28px; border: 1px solid #ececec; background-color: #fff; }
.buy-car-know table td.hd { width: 15%; font-size: 18px; text-align: center; color: #333; background-color: #fafafa; }
.buy-car-know table td.bd { width: 85%; font-size: 16px; color: #999; background-color: #fff; }

.apply-con.first { padding-bottom: 30px; }
.apply-con h2 { font-size: 18px; line-height: 1; color: #333; padding-bottom: 15px; }
.apply-con p { font-size: 16px; color: #999; }

.car-photo-show { width: 1180px; height: 330px; overflow: hidden; }
.car-photo-show ul { width: 1190px; }
.car-photo-show li { position: relative; float: left; width: 240px; height: 160px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }
.car-photo-show li img { width: 240px; height: 160px; }
.car-photo-show li.big { width: 430px; height: 330px; }
.car-photo-show li.big img { position: absolute; top: 0; left: -32.5px; width: 495px; height: 330px; }
.car-photo-show li a img { -webkit-transition: all .5s; transition: all .5s; }
.car-photo-show li a:hover img { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.car-original-photos { position: fixed; top: 50%; left: 50%; z-index: 1001; width: 1080px; height: 720px; margin-top: -360px; margin-left: -540px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; }
.car-original-photos .swiper-container { width: 1080px; height: 720px; }
.car-original-photos .swiper-slide { overflow: hidden; }
.car-original-photos .swiper-slide img { width: 100%; height: auto; }
.car-original-photos .close-photo-show-btn { position: fixed; right: 40px; display: inline-block; width: 36px; height: 34px; background: url(../images/icons.png) no-repeat; background-position: -70px -592px; }
.car-original-photos .swiper-button-prev, .car-original-photos .swiper-button-next { position: absolute; top: 50%; display: block; width: 40px; height: 54px; margin-top: -27px; background: url(../images/icons.png) no-repeat; }
.car-original-photos .swiper-button-prev { left: -76px; background-position: 0 -582px; }
.car-original-photos .swiper-button-next { right: -76px; background-position: -30px -582px; }
.car-original-photos .swiper-pagination-fraction { bottom: 20px; right: 20px; width: auto; color: #fff; font-size: 16px; line-height: 1; text-align: right; }
.car-original-photos .car-photo-nav { position: absolute; left: 0; bottom: -56px; z-index: 1; width: 100%; padding: 20px 0; font-size: 16px; line-height: 1; text-align: center; }
.car-original-photos .car-photo-nav a { display: inline-block; padding: 0 30px; color: rgba(255, 255, 255, 0.2); }
.car-original-photos .car-photo-nav a.current, .car-original-photos .car-photo-nav a:hover { color: #fff; }

@media screen and (max-width: 1366px) { .car-original-photos { width: 900px; height: 600px; margin-top: -300px; margin-left: -450px; }
  .car-original-photos .swiper-container { width: 900px; height: 600px; } }
.car-photo-mask { position: absolute; top: 0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; overflow: hidden; background: #000; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.detail-car-list { padding-bottom: 40px; }
.detail-car-list li { border: 1px solid #eae9e9; }
.detail-car-list li a { padding: 28px 18px; }

.book-con { padding: 26px 0 50px; }

.book-nav { height: 52px; border-bottom: 1px solid #e9e9e9; font-size: 18px; line-height: 52px; }
.book-nav li { float: left; margin-right: 60px; }
.book-nav li a { position: relative; display: block; color: #999; }
.book-nav li a i { display: none; }
.book-nav li.current a { color: #ff6c00; }
.book-nav li.current a i { position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 3px; background-color: #ff6c00; }

.book-nav-list .book-nav-item { display: none; }

.bn-con li { padding-top: 40px; }
.bn-con li h3 { font-size: 20px; font-weight: 400; padding-bottom: 20px; }
.bn-con li p { color: #999; font-size: 16px; }

.bn-pagination { padding: 50px 0 0; }

.side-con1 { height: 768px; padding: 35px; border: 1px solid #e9e9e9; text-align: center; }
.side-con1 .book-icon { padding: 10px 0 35px; }
.side-con1 h3 { font-size: 18px; font-weight: 400; padding-bottom: 110px; }
.side-con1 .question-btn { display: inline-block; width: 228px; height: 42px; margin-bottom: 80px; border: 1px solid #ff6c00; font-size: 20px; line-height: 42px; color: #ff6c00; background-color: #fff; }
.side-con1 .contact-us { color: #999; }
.side-con1 .contact-us .pb15 { padding-bottom: 15px; }
.side-con1 .contact-us .pb30 { padding-bottom: 30px; }
.side-con1 .contact-us h2 { color: #333; font-size: 24px; font-weight: 400; }
.side-con1 .contact-us .qrcode img { width: 130px; height: 130px; }
.side-con1 .contact-us .qrcode span { display: block; width: 100%; font-size: 14px; padding-top: 5px; }

.question-popup { width: 644px; height: 600px; background-color: #fff; }
.question-popup .con { padding: 0 40px 40px; }
.question-popup .con .title { height: 80px; color: #ff6c00; font-size: 24px; font-weight: 400; line-height: 80px; text-align: center; margin-bottom: 30px; border-bottom: 1px solid #eaeaea; }
.question-popup .con li { position: relative; padding-bottom: 40px; }
.question-popup .con li.btn-area { padding-bottom: 0; }
.question-popup .con .form-hd { float: left; width: 80px; height: 48px; font-size: 20px; font-weight: 400; text-align: right; line-height: 48px; }
.question-popup .con .form-bd { overflow: hidden; }
.question-popup .con .form-textarea-out { position: relative; }
.question-popup .con .form-textarea-out .inputTips1 { position: absolute; right: 15px; bottom: 15px; display: inline-block; font-size: 16px; color: #666; }
.question-popup .con .form-textarea-out .inputTips1 em { color: #ff6c00; }
.question-popup .con .form-textarea, .question-popup .con .form-inp-text { width: 452px; padding: 12px 15px; border: 1px solid #e1e1e1; font-size: 16px; outline: none; }
.question-popup .con .form-textarea.error-tips, .question-popup .con .form-inp-text.error-tips { border-color: red; }
.question-popup .con .form-textarea { height: 140px; line-height: 1.5; }
.question-popup .con .form-inp-text { height: 22px; line-height: 22px; }
.question-popup .con .form-inp-text.verify-code-text { float: left; width: 208px; margin-right: 10px; }
.question-popup .con .change-virify-code { float: left; color: #6498cc; line-height: 48px; }
.question-popup .con .change-virify-code img { float: left; width: 116px; height: 40px; margin-top: 4px; margin-right: 10px; }
.question-popup .con .btn { display: block; width: 484px; height: 48px; margin-left: 80px; color: #fff; font-size: 24px; line-height: 48px; text-align: center; background-color: #ff6c00; }
.question-popup .con .form-error-tips { position: absolute; top: -20px; left: 80px; font-size: 12px; color: red; }

.car-owner-list { padding: 60px 0; }
.car-owner-list .list { width: 1220px; }
.car-owner-list .list li { float: left; width: 570px; height: 475px; margin-right: 40px; margin-bottom: 40px; }
.car-owner-list .list li img { width: 570px; height: 285px; -webkit-transition: all .5s; transition: all .5s; }
.car-owner-list .list li .img-box { overflow: hidden; }
.car-owner-list .list li .con { height: 130px; padding: 30px 30px; background-color: #fff; }
.car-owner-list .list li .title { height: 22px; margin-bottom: 15px; font-size: 20px; font-weight: 400; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.car-owner-list .list li .txt { height: 48px; color: #666; font-size: 16px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.car-owner-list .list li .sub-txt { font-size: 14px; color: #999; }
.car-owner-list .list li .sub-txt span { padding: 0 10px; }
.car-owner-list .list li a:hover img { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.car-owner-list .car-owner-pagination { padding-top: 20px; padding-bottom: 0; }

.car-owner-con { padding: 40px 0 60px; }
.car-owner-con .car-ovner-hd { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ececec; }
.car-owner-con .car-ovner-bd { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ececec; font-size: 16px; word-wrap: break-word; }
.car-owner-con .more { font-size: 18px; }
.car-owner-con .more p.first { padding-bottom: 30px; }

.content2 .padding { padding: 60px; }

.car-ovner-hd h1 { font-size: 32px; font-weight: 400; line-height: 1.2; padding-bottom: 20px; }
.car-ovner-hd .hd-sub { color: #999; font-size: 16px; line-height: 1; }
.car-ovner-hd .hd-sub .bold { color: #666; font-size: 18px; padding-right: 40px; }
.car-ovner-hd .hd-sub .normal em { padding: 0 10px; }
.car-ovner-hd .hd-sub .look-counter { float: right; }

.car-ovner-bd p { padding: 10px 0; }
.car-ovner-bd img { display: block; max-width: 750px; height: auto; margin: 0 auto; padding: 10px 0; }

.side-car-list li { width: 280px; height: 300px; margin-bottom: 10px; background-color: #fff; }
.side-car-list li .car-photo { overflow: hidden; padding: 30px 20px 10px; }
.side-car-list li .car-photo img { width: 240px; height: 171px; }
.side-car-list li .car-inf-con { padding: 0 30px; font-size: 18px; line-height: 1; }
.side-car-list li .car-inf-con .name { height: 22px; padding-bottom: 10px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.side-car-list li .car-inf-con .first-pay span { color: #ff6c00; font-size: 24px; padding: 0 2px; }
.side-car-list li a:hover .first-pay { color: #333; }
.side-car-list li:hover { top: -2px; -webkit-transition: top .3s; transition: top .3s; -webkit-box-shadow: 0 0 25px rgba(188, 188, 188, 0.75); box-shadow: 0 0 25px rgba(188, 188, 188, 0.75); }
.side-car-list.fx { padding-bottom: 40px; }
.side-car-list.fx li { position: relative; height: 320px; margin-bottom: 0; }
.side-car-list.fx li .car-photo { padding-top: 52px; }
.side-car-list.fx li .icon-fx { position: absolute; top: 14px; left: 14px; display: inline-block; width: 54px; height: 54px; background: url(../images/icons.png) no-repeat; background-position: 0 -434px; }

.side-title { font-size: 20px; font-weight: 400; line-height: 1; padding-bottom: 20px; }

.about-us-con { margin-top: 40px; margin-bottom: 70px; background: #fff; }
.about-us-con .about-side { float: left; width: 159px; height: 100%; padding: 0 20px; }
.about-us-con .about-side li { padding: 25px 0; border-bottom: 1px solid #e9e9e9; }
.about-us-con .about-side li a { position: relative; display: block; padding-left: 60px; font-size: 18px; line-height: 1; }
.about-us-con .about-side li a::before { position: absolute; top: 5px; left: 29px; content: ''; display: inline-block; width: 10px; height: 10px; background-color: #000; }
.about-us-con .about-side li a:hover { color: #ff6c00; }
.about-us-con .about-side li a:hover::before { background-color: #ff6c00; }
.about-us-con .about-side li.current a { color: #ff6c00; }
.about-us-con .about-side li.current a::before { background-color: #ff6c00; }
.about-us-con .about-content { float: right; width: 960px; padding-left: 20px; border-left: 1px solid #e9e9e9; }
.about-us-con .about-content .about-content-item { display: none; }

.about-content-item .about-us-hd { padding: 25px 0 20px 0; border-bottom: 1px solid #e9e9e9; }
.about-content-item .about-us-hd h2 { font-size: 24px; font-weight: 400; line-height: 1; padding-left: 10px; border-left: 2px solid #ff6c00; }
.about-content-item .about-us-bd { padding: 20px 40px 12px 20px; }
.about-content-item .about-us-bd p { font-size: 18px; text-indent: 2em; }
.about-content-item .about-us-bd p .suncars-logo { position: relative; top: -5px; padding-right: 15px; }
.about-content-item .about-us-bd .growth-record { padding-top: 20px; padding-bottom: 56px; }
.about-content-item .about-us-bd .growth-record img { display: block; max-width: 900px; height: auto; }
.about-content-item .about-us-bd .dealser-show { width: 880px; margin: 0 auto; }
.about-content-item .about-us-bd .dealser-show h3 { font-size: 22px; font-weight: 400; line-height: 1; padding-bottom: 40px; }
.about-content-item .about-us-bd .dealser-show ul { width: 900px; }
.about-content-item .about-us-bd .dealser-show ul li { float: left; margin-right: 20px; margin-bottom: 20px; }
.about-content-item .about-us-bd .dealser-show ul li img { width: 430px; height: 256px; }
.about-content-item .about-us-bd .contact-us ul { float: left; width: 430px; margin: 0 20px 20px 0; display: inline; }
.about-content-item .about-us-bd .contact-us ul li { margin-top: 10px; font-size: 16px; color: #333; }
.about-content-item .about-us-bd .contact-us ul li.firm-name { font-size: 18px; color: #4F7FDB; }
.about-content-item .book-nav { padding-top: 16px; }
.about-content-item .book-nav-list { padding-bottom: 50px; padding-right: 40px; }

.photo-show { position: fixed; top: 50%; left: 50%; z-index: 1000; width: 750px; height: 500px; padding: 10px; background: #f9f9f9; margin-top: -250px; margin-left: -385px; display: none; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.photo-show img { width: 750px; height: 500px; }
.photo-show .close-photo-show { position: absolute; top: -12px; right: -12px; display: block; width: 24px; height: 24px; overflow: hidden; background: #fff url(../images/icon-close.png) no-repeat 50% 50%; border-radius: 50%; }

.photo-mask { position: absolute; top: 0; left: 0; z-index: 999; display: none; width: 100%; height: 100%; overflow: hidden; background: #000; filter: alpha(oppacity=50); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; }

.not-defined-info { padding: 190px 0; }
.not-defined-info .img404 { text-align: center; padding-bottom: 40px; }
.not-defined-info .img404 img { margin-right: -70px; }
.not-defined-info .content404 { text-align: center; }
.not-defined-info .content404 .tips404 { color: #ff6c00; font-size: 18px; line-height: 1; padding-bottom: 25px; }
.not-defined-info .content404 .tips-countdown { color: #999; font-size: 14px; line-height: 1; padding-bottom: 45px; }
.not-defined-info .content404 .tips-countdown span { color: #ff6c00; }
.not-defined-info .content404 .error-back-home { display: block; width: 130px; height: 40px; margin: 0 auto; font-size: 16px; line-height: 40px; color: #fff; background-color: #ff6c00; border-radius: 4px; }

.dealer-join-banner { height: 519px; background: url(../images/dealer-join-banner.jpg) no-repeat top center; }
.dealer-join-banner .container { position: relative; }
.dealer-join-banner .container .goto-join-btn { position: absolute; top: 322px; left: 0; display: block; width: 301px; height: 64px; overflow: hidden; line-height: 500px; background: url(../images/dealer-join-icon.png) no-repeat 0 -94px; }
.dealer-join-banner .container .goto-join-btn:hover { background-position: 0 -168px; }

.dealer-join-module { height: 598px; background: #fff; }
.dealer-join-module.bg-gray { background: #f9f9fc; }
.dealer-join-module .column { position: relative; padding-top: 60px; padding-bottom: 78px; font-size: 28px; font-weight: 500; text-align: center; line-height: 1; }
.dealer-join-module .column::after { content: ""; position: absolute; top: 98px; left: 50%; display: block; width: 20px; height: 3px; margin-left: -10px; background: #ff6c00; }

.odl .odl-text { float: left; width: 526px; padding-top: 38px; padding-left: 45px; font-size: 16px; line-height: 2; }
.odl .map-distribution { position: relative; top: -47px; float: right; width: 462px; padding-right: 84px; }
.odl .map-distribution p { font-size: 16px; text-align: center; padding-top: 15px; }

.aw-con li { float: left; width: 50%; }

.awc-box { width: 514px; margin: 0 auto; }
.awc-box p { font-size: 18px; line-height: 1; text-align: center; padding-bottom: 30px; }
.awc-box .show-box { position: relative; width: 508px; height: 214px; border: 3px solid #eaeaea; }
.awc-box .show-box img { position: absolute; top: -13px; left: -13px; }

.af-con { position: relative; height: 268px; }
.af-con::after { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background: #eaeaea; margin-left: -.5px; }
.af-con li { float: left; width: 50%; }

.af-info { text-align: center; }
.af-info h3 { font-size: 22px; font-weight: 500; line-height: 100%; padding-bottom: 80px; }
.af-info .afi-list .afi-item { float: left; }
.af-info.af-info1 .afi-list .afi-item { width: 50%; }
.af-info.af-info2 .afi-list .afi-item { position: relative; width: 33.333%; }
.af-info.af-info2 .afi-list .afi-item::after { content: ""; position: absolute; top: 17px; right: -5px; display: block; width: 10px; height: 16px; overflow: hidden; background: url(../images/dealer-join-icon.png) no-repeat 0 -68px; }
.af-info.af-info2 .afi-list .afi-item:last-child::after { display: none; }

.afi-item .icon { display: block; height: 58px; margin: 0 auto 20px; background-image: url(../images/dealer-join-icon.png); background-repeat: no-repeat; }
.afi-item .icon.icon1 { width: 45px; background-position: 0 0; }
.afi-item .icon.icon2 { width: 55px; background-position: -55px 0; }
.afi-item .icon.icon3 { width: 41px; background-position: -120px 0; }
.afi-item .icon.icon4 { width: 54px; background-position: -171px 0; }
.afi-item .icon.icon5 { width: 53px; background-position: -235px 0; }
.afi-item p { font-size: 16px; line-height: 1.5; color: #666; }

.six-adv-con li { float: left; width: 33.333%; height: 130px; padding-bottom: 40px; text-align: center; }
.six-adv-con li span { display: inline-block; width: 100%; }
.six-adv-con li span.sac-number { font-size: 36px; line-height: 1; color: #ff6c00; padding-bottom: 20px; }
.six-adv-con li span.sac-title { font-size: 20px; font-weight: 500; line-height: 1; padding-bottom: 15px; }
.six-adv-con li span.sac-desc { font-size: 16px; line-height: 1.5; color: #999; }

.dealer-join-signup { height: 600px; background: url(../images/signup-bg.jpg) no-repeat top center; }
.dealer-join-signup .tit { font-size: 24px; line-height: 1; font-weight: 400; text-align: center; color: #fff; padding-top: 70px; padding-bottom: 60px; }

.join-signup-box { width: 334px; margin: 0 auto; }
.join-signup-box li { padding-bottom: 30px; }
.join-signup-box li.btn-box { padding: 0; padding-top: 10px; }
.join-signup-box .input-text-1 { width: 298px; height: 16px; border: 0; padding: 14px 18px; background: rgba(255, 255, 255, 0.8); color: #333; font-size: 16px; line-height: 1; outline: none; }
.join-signup-box .input-text-1::-webkit-input-placeholder { color: #999; }
.join-signup-box .input-text-1:-moz-placeholder { color: #999; }
.join-signup-box .input-text-1::-moz-placeholder { color: #999; }
.join-signup-box .input-text-1:-ms-input-placeholder { color: #999; }
.join-signup-box .custom-select dt { height: 44px; line-height: 44px; border: 0; padding: 0 36px 0 18px; background: rgba(255, 255, 255, 0.8) url(../images/select-icon-gray01.png) no-repeat; font-size: 16px; color: #999; }
.join-signup-box .custom-select dt.selected { color: #333; }
.join-signup-box .custom-select dd { top: 44px; }
.join-signup-box .custom-select dd li { padding: 0; }
.join-signup-box .custom-select.province { width: 124px; }
.join-signup-box .custom-select.province dt { background-position: 88px center; }
.join-signup-box .custom-select.city { width: 196px; }
.join-signup-box .custom-select.city dt { background-position: 160px center; }
.join-signup-box .join-submit-btn { display: block; width: 100%; height: 54px; line-height: 54px; text-align: center; font-size: 24px; font-weight: 400; color: #fff; background: #ff8723; }
.join-signup-box .join-submit-btn:hover { background: #ff6c00; }

.djs-tips { background-color: rgba(0, 0, 0, 0.8); }

.img-responsive { display: block; max-width: 100%; height: auto; }

.mb50 { margin-bottom: 50px; }

.new-shine .outside { position: relative; height: 100%; width: 100%; }
.new-shine .outside .out-side-car { position: absolute; left: 50%; top: 50%; width: 376px; height: auto; margin-left: -188px; margin-top: -106.5px; }
.new-shine .outside .pluspop { width: 185px; height: auto; position: absolute; }
.new-shine .outside .plus1pop { left: 390px; top: 162px; }
.new-shine .outside .plus2pop { left: 435px; top: 205px; }
.new-shine .outside .plus3pop { left: 490px; top: 150px; }
.new-shine .outside .plus4pop { left: 535px; top: 70px; }
.new-shine .outside .plus5pop { left: 637px; top: 56px; }
.new-shine .outside .plus1 { left: 470px; top: 255px; }
.new-shine .outside .plus2 { left: 515px; top: 300px; }
.new-shine .outside .plus3 { left: 570px; top: 245px; }
.new-shine .outside .plus4 { left: 615px; top: 165px; }
.new-shine .outside .plus5 { left: 717px; top: 172px; }
.new-shine .inside { position: relative; height: 100%; width: 100%; }
.new-shine .inside .pluspop { width: 185px; height: auto; position: absolute; }
.new-shine .inside .plus1pop { left: 185px; top: 348px; }
.new-shine .inside .plus2pop { left: 436px; top: 48px; }
.new-shine .inside .plus3pop { left: 520px; top: 328px; }
.new-shine .inside .plus4pop { left: 706px; top: 73px; }
.new-shine .inside .plus5pop { left: 637px; top: 56px; }
.new-shine .inside .plus1 { left: 265px; top: 455px; }
.new-shine .inside .plus2 { left: 515px; top: 155px; }
.new-shine .inside .plus3 { left: 600px; top: 435px; }
.new-shine .inside .plus4 { left: 785px; top: 180px; }
.new-shine .plus { width: 28.545px; height: auto; position: absolute; cursor: pointer; }

.download { position: relative; width: 100%; height: 762px; background: url(../images/download_bgimg.jpg) no-repeat top center; }
.download .content-div { width: 1180px; margin: 0 auto; height: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.download .content-div .left-content { width: 50%; float: left; }
.download .content-div .left-content .left-phone { margin: 85px 0 115px 65px; }
.download .content-div .right-content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; color: #fff; font-family: 'Microsoft YaHei'; padding: 170px 0 0 115px; }
.download .content-div .right-content p { font-size: 32px; margin: 20px 0 0 0; }
.download .content-div .right-content h1 { font-size: 42px; margin: 10px 0; }
.download .content-div .right-content em { font-size: 18px; }
.download .content-div .right-content em span { display: inline-block; width: 5px; height: 5px; border-radius: 5px; background: #fff; position: relative; top: -3px; margin: 0 5px; }
.download .content-div .right-content .code-div { overflow: hidden; padding: 50px 0 0 0; }
.download .content-div .right-content .code-div img.phone { margin: 3px 0 30px 0; }
.download .content-div .right-content .code-div img.code { margin: 0 0 0 20px; width: 140px; }
.download .content-div .right-content .code-div .iphone { width: 50%; float: left; }
.download .content-div .right-content .code-div .android { width: 50%; float: left; }

.tags { position: absolute; right: -50px; top: -25px; }
.tags em { padding: 3px 5px; background: #ff6c00; color: #fff; position: relative; font-size: 12px; }
.tags .triangle-topleft { width: 0; height: 0; border-top: 10px solid #ff6c00; border-right: 10px solid transparent; position: absolute; bottom: 3px; left: 8px; }

.re { position: relative; }

.abs { position: absolute; }

.detail { background-color: #fff; }

.detail-buy-car-step ul.step-text { width: 100%; margin-top: 15px; }
.detail-buy-car-step ul.step-text li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 25%; font-size: 16px; color: #333; }
.detail-buy-car-step ul.step-text li:nth-of-type(4) { text-align: right; }
.detail-buy-car-step ul.step-text li:nth-of-type(3) { padding: 0 0 0 145px; }
.detail-buy-car-step ul.step-text li:nth-of-type(2) { padding: 0 0 0 70px; }

.arrow-icon { position: absolute; left: 120px; top: 40px; display: inline-block; background: url(../images/icons.png) no-repeat; height: 8px; width: 13px; background-position: -56px -138px; }

.pop-up .opened .arrow-icon { position: absolute; left: 120px; top: 40px; display: inline-block; background: url(../images/icons.png) no-repeat; height: 8px; width: 13px; background-position: -82px -138px; }

.s-selecte { position: absolute; left: 14px; display: inline-block; background: url(../images/icons.png) no-repeat; height: 22px; width: 18px; background-position: -95px -165px; }

.current .s-selecte { position: absolute; left: 14px; display: inline-block; background: url(../images/icons.png) no-repeat; height: 22px; width: 18px; background-position: -64px -165px; }

.look-car-area a.wap .qr-code { z-index: 2; width: 200px; height: 240px; -webkit-box-shadow: -5px 0px 30px 5px #f0f0f0; box-shadow: -5px 0px 30px 5px #f0f0f0; background-color: #fff; position: relative; left: -10px; margin: 40px 0 0 0; }
.look-car-area a.wap .qr-code:after { position: absolute; content: ''; top: 0; height: 25px; margin-top: -12.5px; width: 25px; left: 50%; margin-left: -12.5px; background-color: #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: 5px 0px 30px 5px #f0f0f0; box-shadow: 5px 0px 30px 5px #f0f0f0; z-index: -1; }
.look-car-area a.wap .qr-code .qr-image { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; background-color: #fff; }
.look-car-area a.wap .qr-code .qr-image img { max-width: 100%; height: auto; display: block; }
.look-car-area a.wap .qr-code img { float: none; }
.look-car-area a.wap .qr-code .remarks { font-size: 20px; color: #333; text-align: center; font-weight: bold; }

.pop-up { text-align: center; }
.pop-up .apply-code { width: 1060px; height: 580px; background-color: #fff; }
.pop-up .apply-code .apply-title { width: 100%; height: 105px; border-bottom: 1px solid #ececec; padding: 30px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pop-up .apply-code .apply-title h1 { font-size: 22px; color: #333; }
.pop-up .apply-code .apply-title h2 { font-size: 16px; color: #999999; margin-top: 15px; }
.pop-up .apply-code .apply-content { text-align: left; width: 100%; height: 100%; padding: 30px; }
.pop-up .apply-code .apply-content .arrow-left { position: relative; top: 4px; cursor: pointer; }
.pop-up .apply-code .apply-content .back-text { font-size: 16px; margin-left: 10px; color: #999999; }
.pop-up .apply-code .apply-content .code-div { width: 220px; height: 300px; margin: 50px 0 0 400px; text-align: center; }
.pop-up .apply-code .apply-content .code-div .mark { font-size: 16px; color: #999; }
.pop-up .opened { background-color: #f8f8f8; }
.pop-up .dealer-info-show { height: auto; padding-bottom: 0; margin: 25px 0 0 0; }
.pop-up .store-map-detail { width: 1060px; height: 900px; background-color: #fff; }
.pop-up .store-map-detail .title { width: 100%; height: 60px; background-color: #ff6c00; line-height: 60px; font-size: 18px; padding: 0 0 0 20px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pop-up .store-map-detail .close-btn { font-size: 20px; line-height: 20px; text-align: right; display: inline-block; top: 20px; right: 20px; float: right; position: relative; cursor: pointer; }
.pop-up .store-map-detail .close-btn:before { content: "\2716"; display: table; }
.pop-up .store-map-detail .container { width: 100%; height: 840px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 20px; }
.pop-up .store-map-detail .dealer-map { width: 720px; height: 620px; }
.pop-up .store-map-detail .btn-col { width: 100%; height: auto; padding: 40px 0 0 0; }
.pop-up .store-map-detail .btn-col button { width: 160px; height: 50px; float: right; outline: none; -webkit-box-shadow: none; box-shadow: none; border: none; cursor: pointer; }
.pop-up .store-map-detail .btn-col .cancel { background-color: #fff; color: #ff6c00; font-size: 16px; border: 1px solid #ff6c00; margin: 0 10px 0 0; }
.pop-up .store-map-detail .btn-col .confirm { background-color: #ff6c00; color: #fff; font-size: 16px; border: 1px solid #ff6c00; }
.pop-up .maa { width: 425px; height: 280px; background-color: #fff; }
.pop-up .maa h1 { font-size: 18px; font-weight: bold; margin: 55px 0 45px 0; }
.pop-up .maa h2 { font-size: 14px; }
.pop-up .maa h2 .left { color: #999; }
.pop-up .maa h2 .right { color: #ff6c00; }
.pop-up .maa .input-group { position: relative; display: table; border-collapse: separate; margin: 0 0 30px 40px; }
.pop-up .maa .input-group input { border: 1px solid #e1e1e1; width: 230px; height: 43px; line-height: 45px; text-align: center; color: #333; font-size: 16px; top: 1px; position: relative; }
.pop-up .maa .input-group button { display: inline-block; height: 45px; width: 110px; background-color: #ff6c00; -webkit-box-shadow: none; box-shadow: none; outline: none; border: none; color: #fff; font-size: 16px; cursor: pointer; }
.pop-up .maa-suc { background-color: #fff; width: 380px; height: 280px; }
.pop-up .maa-suc .suc-icon { margin: 35px 0 0 0; }
.pop-up .maa-suc h1 { font-size: 20px; color: #333; margin: 20px 0; }
.pop-up .maa-suc span { font-size: 16px; color: #999; margin: 0 50px; display: inline-block; }
.pop-up .config { background-color: #fff; width: 900px; height: 560px; padding: 20px 10px 20px 40px; }
.pop-up .config .config-scroll { width: 900px; height: 560px; overflow: hidden; }
.pop-up .config .popup-close { top: 20px; right: 30px; z-index: 9999; width: 18px; height: 18px; overflow: hidden; background: #fff url(../images/icon-close.png) no-repeat center center; border-radius: 4px; }
.pop-up .config .config-title { margin: 25px 0 30px 0; font-size: 20px; }
.pop-up .config .marks { margin: 0 0 10px 0; }
.pop-up .config .marks span { font-size: 16px; color: #333; margin: 0 30px 0 0; text-align: left; }
.pop-up .config .config-table { height: 540px; font-size: 14px; width: 870px; border: 1px solid #f3f3f3; margin: 0 0 30px 0; }
.pop-up .config .config-table th { height: 40px; line-height: 40px; padding: 0 10px; border-bottom: 1px solid #f3f3f3; background-color: #f3f3f3; }
.pop-up .config .config-table th.cfg-column { text-align: left; font-size: 16px; font-weight: 400; }
.pop-up .config .config-table td { padding: 14px 10px; border-right: 1px solid #f3f3f3; width: 25%; color: #999; text-align: left; border-bottom: 1px solid #f3f3f3; }
.pop-up .config .config-table td:nth-of-type(2) { color: #333; font-weight: 400; }
.pop-up .config .config-table td:nth-of-type(4) { color: #333; font-weight: 400; }

.dealer-map-show { background-color: #fff; }
.dealer-map-show #map { width: 100%; height: 100%; }
.dealer-map-show ul.store-list { width: 275px; height: 360px; border: 1px solid #ececec; background-color: #fff; overflow: hidden; position: absolute; top: 20px; left: 60px; z-index: 998; overflow-y: scroll; }
.dealer-map-show ul.store-list li { width: 100%; height: 120px; padding: 25px 0 20px 45px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dealer-map-show ul.store-list li .map-icon { position: absolute; left: 14px; }
.dealer-map-show ul.store-list li h1.store-name { font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.dealer-map-show ul.store-list li p.address-detail, .dealer-map-show ul.store-list li p.phone-number { font-size: 14px; color: #999; width: 95%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 10px; text-overflow: ellipsis; }

.highlight { width: 1180px; height: auto; }
.highlight .point-col { width: 100%; overflow: hidden; background-color: #fafafa; }
.highlight .point-col div { width: 590px; height: 375px; float: left; }
.highlight .point-col div h1 { margin: 110px 70px 20px; font-size: 22px; font-weight: 400; }
.highlight .point-col div section { margin: 0 70px; color: #999; font-size: 16px; line-height: 25px; }
.highlight .point-col:nth-of-type(even) div { float: right; }