@charset "utf-8";
/*@font-face {
    font-family: 'stxiheiregular';
    src: url('../fonts/stxihei-webfont.ttf') format('truetype'),
         url('../fonts/stxihei-webfont.svg#stxiheiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

*, *::before, *::after {
	 box-sizing: border-box;
	 font-family: 'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif,'Helvetica';
}
html {
	font-size: 10px;
}
::-webkit-scrollbar {
    height: 0px;            
 }
/*@media only screen and (min-width: 481px) {
 html {font-size: 94%!important;}
}
@media only screen and (min-width: 561px) {
 html {
font-size: 109%!important;
}
}
@media only screen and (min-width: 641px) {
 html {
font-size: 125%!important;
}
}*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body {
	font-size: 1.2rem;
	color: #666;
	background: #f2f2f2;
	width: 100%;
	overflow: hidden;
}
a, button, input, textarea {
}
fieldset, img {
	border: 0;
}
ol, ul {
	list-style: none;
}
em {
	font-style: normal;
}
input, button, select, textarea {
	outline: none;
}
textarea {
	resize: none;
}
p {
	text-align: justify;
	text-justify: distribute;
}

a {
	color: #666;
	text-decoration: none;
}
.y_child{color: #42ABE4;margin-top: 3px;}
.keep_out {
	background: #333;
	opacity: 0.85;
	z-index: 300;
	position: fixed;
	height: 100%;
	width: 100%;
	display: none;
	bottom: 0;
}
.view {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.view.active {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
header {
	position: relative;
	overflow: hidden;
	display: block;
	z-index: 250;
	height: 4.5rem;
	left: 0rem;
	right: 0rem;
	background: #f2f2f2 none repeat scroll 0% 0%;
	color: inherit;
}
header h1 {
	position: absolute;
	width: 83%;
	z-index: 1;
	height: 4.5rem;
	line-height: 2.4rem;
	font-size: 1.8rem;
	font-weight: normal;
	left: 0px;
	padding: 0.75rem 0rem 0.75rem 1.5rem;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333333;
}

header .backButton {
	background: url(../images/return.png) no-repeat 1.5rem center/auto 2rem;
	left: 0;
}

footer {
	z-index: 180;
	height: 51px;
	display: block;
	left: 0rem;
	right: 0rem;
	bottom: 0rem;
	position: relative;
	border-top: 1px solid #d4d9d8;
	background: #fff;
}
.mainfooter{background-color: #f7f7f7;}
.mainfooter a {
	width:20%;
	float:left;
	height: 100%;
	line-height:75px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	position: relative;
}
.pages {
	z-index: 180;
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}
.panel {
	background: #f2f2f2;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
}
.panel.active, .panel.animation-active {
	display: block !important;
	z-index: 100;
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
}
.animation-active {
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
}
.panel.animation-active {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}
select, input[type="text"], input[type="search"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .input-group {
	width: 100%;
	height: 3rem;
	padding: 0.5rem;
	background-color: #FFF;
	border: 0.1rem solid #CCC;
	border-radius: 0.3rem;
	font-size: 1.4rem;
	font-weight: normal;
}
input[type="search"] {
	border-radius: 0.3rem;
	background: #fff url("../images/seach.png") no-repeat scroll 0.8rem center;
	padding-left: 3.2rem !important;
}



.mainfooter a::after{content: "";position: absolute;min-height: 25px;left: 50%;background-repeat: no-repeat;}

.add::after{background-size: 44px auto;width: 44px;height:44px;background-image: url(../images/common/index_mid_add.png);margin-left: -22px;top: -16px;}
.add_hover{color:#3497DB;}
.add_hover::after{background-size: 44px auto;width: 44px;height:44px;background-image: url(../images/common/index_mid_add.png);margin-left: -22px;top: -16px;}

.car::after{background-size: 30px auto;width: 30px;background-image: url(../images/common/tab_btn_cy_def@3x.png);margin-left: -13px;top: 8px;}
.car_hover{color:#3497DB;}
.car_hover::after{background-size: 30px auto;width: 30px;background-image: url(../images/common/tab_btn_cy_sel@3x.png);margin-left: -13px;top: 8px;}
.find::after{background-size: 28px auto;width: 28px;background-image: url(../images/common/tab_btn_sc_def@3x.png);margin-left: -12px;top: 6px;}
.find_hover{color:#3497DB;}
.find_hover::after{background-size: 28px auto;width: 28px;background-image: url(../images/common/tab_btn_sc_sel@3x.png);margin-left: -12px;top: 6px;}

.news::after{background-size: 23px auto;width: 23px;background-image: url(../images/common/tab_btn_xx_def@3x.png);margin-left: -10px;top: 6px;}
.news_hover{color:#3497DB;}
.news_hover::after{background-size: 23px auto;width: 23px;background-image: url(../images/common/tab_btn_xx_sel@3x.png);margin-left: -10px;top: 6px;}

.self::after{background-size: 20px auto;width: 20px;background-image: url(../images/common/tab_btn_wd_def@3x.png);margin-left: -10px;top: 6px;}
.self_hover{color:#3497DB;}
.self_hover::after{background-size: 20px auto;width: 20px;background-image: url(../images/common/tab_btn_wd_sel@3x.png);margin-left: -10px;top: 6px;}




.showImgUpIng {
	position: fixed;
	opacity: 0.8;
	z-index: 999999;
	background: #000 url(../images/ajax-loader.gif) no-repeat center 1.5rem;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	width: 7.7rem;
	height: 7.7rem;
	overflow:hidden;
	left: 50%;
	top: 50%;
	margin-top: -3.85rem;
	margin-left: -3.85rem;
}
header .ltext {
	font-size: 1.6rem;
	color: #333;
	padding: 0px;
	height: 44px;
	line-height: 44px;
	top: 0px;
	margin: 0px;
	text-align: center;
	width: 22.5%;
	left: 0px;
	position: absolute;
}
header .rtext {
	font-size: 1.6rem;
	color: #333333;
	padding: 0px;
	height: 4.5rem;
	line-height: 4.5rem;
	top: 0px;
	margin: 0px;
	text-align: center;
	width: 17%;
	right: 0px;
	position: absolute;
}

.analoginput {
	border-radius: 3px;
	padding: 0px 0px 0px 30px;
	height: 3rem;
	line-height: 3rem;
	color: #cccccc;
	background: #FFF url("../images/seach.png") no-repeat scroll 5px center;
	text-align: left;
	font-size: 1.4rem;
	border: 0.1rem solid #CCC;
}
.analoginputl {
	height: 2.8rem;
	line-height: 2.8rem;
	border-radius: 1.4rem;
	width: 79%;
	float: left;
	padding-left: 4.0rem;
	padding-right: 1.0rem;
	font-size: 1.3rem;
	margin-top: 0.8rem;
	margin-left: 1.5rem;
	color: #888888;
	background: #dbdbdb url("../images/seach.png") no-repeat scroll 1.0rem center;
}
.analoginputdel{
	border-radius: 3px;
	padding: 0px 30px 0 30px;
	height: 3rem;
	line-height: 3rem;
	color: #cccccc;
	background: #FFF url("../images/seach.png") no-repeat scroll 5px center;
	text-align: left;
	font-size: 1.4rem;
	border: 0.1rem solid #CCC;
}
.analoginputdel::after{
	display: block;
	content: '';
	height: 20px;
	width: 20px;
	border-radius: 50%;
	margin-top: -10px;
	top: 50%;
	right: 8px;
	position: absolute;
	background: #666666 url("../images/x.png") no-repeat center center/13px auto;
}

.analoginputs {
	border-radius: 3px;
	padding: 0px 0px 0px 30px;
	height: 3rem;
	line-height: 3rem;
	background: #FFF url("../images/seach.png") no-repeat scroll 5px center;
	text-align: left;
	font-size: 1.4rem;
	border: 0.1rem solid #CCC;
}
.analog_s_search {
	border-radius: 3px;
	padding: 0 0 0 30px;
	height: 3rem;
	line-height: 2.8rem;
	color: #cccccc;
	background: #FFF url("../images/seach.png") no-repeat scroll 5px center;
	text-align: left;
	font-size: 1.4rem;
	border: 0.1rem solid #CCC;
}

.carlist li{
	border-top: 1px solid #e6e6e6;
    padding: 0.5rem 1.5rem;
    margin-top: 0.7rem;
    background: #fff;
}
.carlist li:last-child{
	border-bottom: 1px solid #e6e6e6;
}
.carlist li.haspic{background: url("../images/CarSource_Picture.png") no-repeat left top/auto 18px;}

.carlist li h2{
	font-size: 1.4rem;
	color: #191919;
    height: 2rem;
    line-height: 2.5rem;
    font-weight:normal;
    overflow: hidden;
}
.detail{
	position: relative;
	line-height: 3rem;
}
.detail .lt{
	 color: #888888;
	 font-size: 1.1rem;
	 max-width: 76%;
	 overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.detail .rt{
	position: absolute; 
	right: 0; 
	top: 0;
	color:#ff3c4e; 
	font-size: 1.6rem;
}

.intro{
	position: relative;
	line-height: 1.75rem;
	min-height: 1.75rem;
	overflow: hidden;
}
.intro .lt{
	font-size: 1.1rem;
	margin-right: 14rem;
	max-height: 3.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #888888;
}
.intro .rt{
	font-size: 1.1rem;
	position: absolute; 
	right: 0; 
	top: 0; 
	color: #888888;
}

.attach{
	position: relative;
	line-height: 2.5rem;
	min-height: 2.5rem;
	overflow: hidden;
}
.attach .lt{
	width: 78%;
	color: #888888;
}
.attach .rt{
	position: absolute; 
	right: 0; 
	top: 0; 
	color: #888888;
	font-size: 1.0rem;
}
.carlist li h2 p{
	font-size: 1.2rem;
	color: #808080;
}


@-webkit-keyframes fadeOutLeft {
  from {
    -webkit-transform: none;
    transform: none;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    -webkit-transform: none;
    transform: none;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}



@-webkit-keyframes fadeInLeft {
  from {
    opacity:0;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }

  to {
    opacity:1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity:0;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(	25%, 0, 0);
  }

  to {
    opacity:1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  z-index: 9999 !important;
}
.fadeOutLeft{
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important;
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  z-index: 99999 !important;
}






.filter_main_box{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -ms-flexbox;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.filter_left_box{
	z-index: 180;
	width: 85px;
	display: block;
	left: 0rem;
	right: 0rem;
	position: fixed;
	background: #fff;
}
.filter_rigt_box{
	z-index: 180;
	left: 85px;
	display: flex;
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	height:100%;
}
.filter_left_box ul{
	background: #f2f2f2;
}


.filter_left_box ul li{
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	color: #333333;
}
.filter_left_box ul li.on{
	background: #3598dc;
	border-bottom: none;
	color: #ffffff;
}
.filter_item{
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 1;
	display: none;
}
.filter_item.active{ z-index: 8888;overflow-y: auto;touch-action: pan-y;-webkit-overflow-scrolling: touch; display: block;}
.filter_brandList .li-divider{ height: 30px; line-height: 30px; padding-left: 15px;border-bottom: 1px solid #e5e5e5;background: #f2f2f2;}
.filter_brandList .li-static{ height: 45px; position: relative;}
.filter_brandList .li-static.on{font-weight: bold; color: #3598dc;}

.filter_brandList .li-static img{ position: absolute; left: 10px; top: 5px; height: 35px; width: 35px;}
.filter_brandList .li-static h2{margin-left: 55px;line-height:25px;padding:10px 0;font-weight: normal;font-size:14px;border-bottom:1px solid #e5e5e5;}

.filter_categoryList .title{height: 45px; line-height: 44px; padding-left: 55px; font-size: 14px; font-weight: normal; position: relative; border-bottom:1px solid #e5e5e5;background: url(../images/filter_brand_exit.png); background-position: 95% center; background-repeat: no-repeat; background-size: 20px 20px;}
.filter_categoryList img{ position: absolute; left: 10px; top: 5px; height: 35px; width: 35px;}

.filter_carmodelList .title{height: 45px; line-height: 44px; padding-left: 15px; font-weight: normal; font-size: 14px;border-bottom:1px solid #e5e5e5;background: url(../images/filter_brand_exit.png); background-position: 95% center; background-repeat: no-repeat;background-size: 20px 20px;}

.filter_categoryList .li-divider,.filter_carmodelList .li-divider{ height: 30px; line-height: 30px; padding-left: 15px;border-bottom: 1px solid #e5e5e5;background: #f2f2f2;}
.filter_categoryList .li-static,.filter_carmodelList .li-static{  height: 45px; line-height: 45px; padding-left: 15px;border-bottom: 1px solid #e5e5e5;background: #fff; overflow: hidden; position: relative; padding-right: 60px;}
.filter_categoryList .li-static h2,.filter_carmodelList .li-static h2{margin-left: 55px;line-height:25px;padding:10px 0;font-weight: normal;font-size:14px;border-bottom:1px solid #e5e5e5;}
.filter_carmodelList .li-static.on{ font-weight: bold; color: #3598dc;}
#filter .empty{
	        float: left;
			width: 44%;
			margin-left: 4%;
			height: 35px;
			line-height: 33px;
			margin-top: 10px;
			margin-bottom: 10px;
			border: 1px solid #e5e5e5;
			border-radius: 5px;
			font-size: 14px;
			text-align: center;
}
#filter .confirm{
			float: right;
			width: 44%;
			margin-right: 4%;
			height: 35px;
			line-height: 35px;
			margin-top: 10px;
			margin-bottom:10px;
			border-radius: 5px;
			background: #3598dc;
			color: #fff;
			font-size: 14px;
			text-align: center;
}
.ordinarylist{ padding-left: 10px;}
.ordinarylist li{ height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding-left: 5px;}
.ordinarylist li.on{ color: #3598dc;font-weight: bold;}


.loginBox{ width:88%;height:auto;background:#FFF;border-radius:5px;position: fixed;z-index:999999;line-height:40px; overflow: hidden; padding:10px 15px 10px 15px;top: 50%; left: 50%;-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.loginBox #login-fast{ margin-left:6%;}
.loginBox .title{ color:#C9CECC; position:relative; line-height:20px; line-height:20px;}
.loginBox .title .close{ display:block; width:20px; height:20px; background: url(../images/login/login_close.png) no-repeat 0px 0px/20px; position:absolute; right:0px; top:0px;}
.loginBox .text{ text-align:center; height:60px; line-height:60px; font-size:16px; color:#767676;}
.loginBox .formbox{margin:0 auto;padding:10px 0px 15px 0px;}
.loginBox .checkon{ float:left;box-sizing:border-box; width:47%; height:40px;color:#0099FF;font-size:16px; background:#fff; border:1px solid #0099FF;border-radius:5px;}
.loginBox .notcheckon{box-sizing:border-box;float:left; width:47%; height:40px;border:1px solid #b3b3b3;border-radius:5px; color:#b3b3b3; font-size:16px;}
.loginBox .account{background: url(../images/login/username.png) no-repeat 10px 0px;font-size:14px;border-radius:5px;height:35px; line-height:35px; padding-left:50px; border:1px solid #b3b3b3; overflow:hidden;}
.loginBox .account input{border:none;width: 100%;}
.loginBox .verify { position:relative;background: url(../images/login/verify2.png) no-repeat 10px 4px/26px;font-size:14px;border-radius:5px;height:35px; line-height:35px; padding-left:50px; margin-top:12px; border:1px solid #b3b3b3;overflow:hidden;}
.loginBox .verify input{ border:none;width: 100%;}
.loginBox .ver{ position:absolute; right:2px; top:3px;width:75px; height:27px; line-height:27px; border:1px solid #b3b3b3; font-size:12px; color:#0099FF; text-align:center; border-radius:5px;}
.loginBox .token{background: url(../images/login/password.png) no-repeat 8px 2px;font-size:14px;border-radius:5px;height:35px; line-height:35px; padding-left:50px; margin-top:12px; border:1px solid #b3b3b3;overflow:hidden;}
.loginBox .token input{border:none; width: 100%;}
.loginBox .loginButton{text-align:center;height:35px; line-height:35px; color:#fff; background:#3499dc; font-size:16px; border-radius:5px; margin:0 auto;}
.loginBox .findpwdbox{text-align:center; font-size:12px; line-height:35px;margin-top:13px;}
.loginBox .findpwdbox a{color:#808080;}
.loginBox .findpwdbox span{color:#808080; padding:0px 6px;}
.loginBox .telphone a{ display:block;color:#118EDF; font-size:14px; line-height:28px; padding-left:15px; font-family:Arial, Helvetica, sans-serif;text-align:center; background: url(../images/login/telphone.png) no-repeat 28% 0px/28px; margin-top:10px;}

.loginBox .agreement {
	text-align:center;
	color:#808080;
	margin-top:10px;
	font-size:14px;
	line-height:28px;
}
.loginBox .agreement a{
	color:#0099FF;
	font-size:14px;
}
.loginBox .checkbox {
	
}
.loginBox .check{
  background: url(../images/login/check.png) no-repeat left center;
  padding-left: 16px;
  background-size: 13px;
}
	
.loginBox .uncheck{
	background: url(../images/login/notcheck.png) no-repeat left center;
	padding-left: 16px;
	background-size: 13px;
}

.ykj {
    float: right;
    margin-top: 5px;
    display: inline-block;
    color: rgb(255, 255, 255) !important;
    background: rgb(255, 60, 78) none repeat scroll 0% 0%;
    text-align: center;
    border-radius: 10px;
    font-size: 10px !important;
    line-height: 15px;
    height: 15px;
    width: 45px;
    margin-right: 3px;
}

.filterBrandList .li-divider{ height: 30px; line-height: 30px; padding-left: 15px;border-bottom: 1px solid #e5e5e5;background: #f6f6f6;}
.filterBrandList .li-static{ height: 50px; position: relative;border-bottom:1px solid #e5e5e5;}
.filterBrandList .li-static img{ position: absolute; left: 10px; top: 5px; height: 40px; width: 40px;}
.filterBrandList .li-static h2{margin-left: 60px;line-height:30px;padding:10px 0;font-weight: normal;font-size:12px;}
.filterBrandList .li-static h2 a{ display: block;}

.filterCategoryList .li-divider{height: 30px; line-height: 29px; padding-left: 15px;border-bottom: 1px solid #e5e5e5;background: #f6f6f6;}
.filterCategoryList .li-static{height: 35px; line-height:34px;padding-left: 15px;border-bottom:1px solid #e5e5e5;}
.filterCategoryList .li-static a{ display: block;}

.filterModelList .li-divider{height: 30px; line-height: 29px; padding-left: 15px;border-bottom: 1px solid #e5e5e5;background: #f6f6f6;}
.filterModelList .li-static{height: 35px; line-height:34px;padding-left: 15px;border-bottom:1px solid #e5e5e5; overflow: hidden;}
.filterModelList .li-static a{ display: block;}

.resultbox{width:250px;height:296px;background: url(../images/icon_certification_Popup@3x.png) no-repeat 0 0/100% auto;position: absolute;z-index: 999;left: 50%;top: 40%;margin-left: -125px;margin-top:-131px; text-align: center;}
.resultbox .title{margin-top:70px; line-height: 45px; font-size: 16px; font-weight: bold; color: #4d4d4d;}
.resultbox .contant{ font-size: 12px; font-weight: bold; color: #999999; line-height: 17px; height: 34px;}
.resultbox .button{ display: block; height: 30px; line-height: 30px; margin: 10px 15px 0px; background: #3c97f0; border-radius: 5px; color: #ffffff; font-weight: bold;}
.resultbox .endmsg{ font-size: 10px; color: #3c97f0; line-height: 55px;}
.banner{}
.banner_txt{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.banner_txt .car_num{color:#B3B3B3; font-size: 48px;}

/*
.indexlist{}
.indexlist h3{height:31px; line-height: 31px; font-weight: normal; background: #f2f2f2; font-size: 15px; padding-left: 16px; padding-top: 8px;}
.indexlist h3 span{ border-left:3px solid #3598dc; padding-left: 8px; height:15px; line-height: 15px; display: block;}
.indexlist ul{background: #fff;}
.indexlist ul li{
	min-height: 50px; position: relative; border-top: 1px solid #d4d9d8;
}
.indexlist ul li .logo{ position: absolute;left:10px;top:0; }

#HomePanel{background: #f2f2f2;}

#HomePanel .column{ margin-top: 7px; background: #fff;}
#HomePanel .column ul{height: 190px;width: 100%;padding: 0 3%;}
#HomePanel .column ul li{float: left;text-align: center;width: 33%;height: 90px;font-size: 1.2rem;background-repeat: no-repeat;background-position: center center;padding-top: 15px;}
#HomePanel .column ul li a{border-radius: 50%;display: block;height: 50px;margin: 0 auto 30px;width: 50px;line-height: 125px;}
.findcar a{background: url(../images/car_source.png) no-repeat #fc4f48 center center / 60% auto;}
.group_resources a{background: url(../images/resource.png) no-repeat center center / 100% auto;}
.mydisplay a{background: url(../images/logistics.png) no-repeat #ffb121 center center / 50% auto;}
.mydan a{background: url(../images/icon_home_securedtransaction@2x.png) no-repeat #ffb121 center center / 100% auto;}
.add_cars a{background: url(../images/published_car.png) no-repeat #56b0ee center center / 50% auto;}
.find_buy a{background: url(../images/find_buy.png) no-repeat #8e87e4 center center / 50% auto;}
.mycars a{background: url(../images/shop.png) no-repeat #ff5c71 center center / 50% auto;}
.maininfo{ margin-left: 65px; margin-right: 75px;}
.maininfo h2{ font-weight: normal; font-size: 14px; line-height: 28px;height: 28px; overflow: hidden; color: #333333;}
.maininfo p{color: #666666; font-size: 12px;}
.attachinfo{ position: absolute; right: 16px;top: 0; text-align: right;}
.attachinfo .price{ line-height: 30px; height: 30px; font-size: 14px; color: #ff3c4e;}
.attachinfo span{ font-size: 10px;}
.HomeHeader .logo{padding: 0px;height: 4.5rem;top: 0px;margin: 0px;width: 23%;left: 0px;position: absolute;background:url(../images/new_logo.png) no-repeat center center/auto 30px;}
.HomeHeader h1{position: absolute;width: 60%;z-index: 1;height: 4.5rem;line-height: 2.4rem;font-size: 1.8rem;font-weight: normal;left: 23%;padding: 0.75rem 0rem;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333333;}
.HomeHeader .msg{padding: 0px;height: 4.5rem;top: 0px;margin: 0px;width: 17%;right: 0px;position: absolute;background:url(../images/msg.png) no-repeat center center/auto 25px;}
 */
.HomeHeader{background: #fff !important;}
.HomeHeader::before{position: absolute;content:''; display: block; height: 25px; width: 50px;background: url(../images/nav_logo@3x.png) no-repeat 0 0/50px auto;left: 20px;top: 10px;}
.HomeHeader .analoginput{ border-radius: 20px;background: #dbdbdb; color: #888888; margin-left: 75px; margin-right: 15px;border:0 none;padding:0; text-align: center;font-size: 14px;}
#HomePanel .column{padding:15px 0px; background: #ffffff;height: 165px; overflow: hidden;}
#HomePanel .column li{float: left;width: 25%; text-align: center;position: relative;line-height: 100px;height: 75px;overflow: hidden;}
#HomePanel .column li a{display: block;height: 75px;}
#HomePanel .column::after{display: block;content: '';clear: both;}


#HomePanel li.findcar{background:url(../images/index/home_icon_zxcy@3x.png) no-repeat center top/38px 38px;}
#HomePanel li.group_resources{background:url(../images/index/home_icon_4stj@3x.png) no-repeat center top/38px 38px;}
#HomePanel li.mydan{background:url(../images/index/home_icon_wlfw@3x.png) no-repeat center top/38px 38px;}
#HomePanel li.add_cars{background:url(../images/index/home_icon_jjxc@3x.png) no-repeat center top/38px 38px;}
#HomePanel li.find_buy{background:url(../images/index/home_icon_djdb@2x.png) no-repeat center top/38px 38px;}
#HomePanel li.mycars{background:url(../images/index/home_icon_csjr@3x.png) no-repeat center top/38px 38px;}


#HomePanel .horizontal{ background: #ffffff;margin-top: 10px;}
#HomePanel .horizontal li{font-size: 14px;color: #444444;position: relative;height: 45px;line-height: 45px;border-bottom:1px solid #e1e1e1;padding-left: 45px;}
#HomePanel .horizontal li span{float: right;margin-right: 30px;font-size: 11px;color: #888888;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:right;}
#HomePanel .horizontal li::before{content:'';position:absolute;left: 15px;top: 50%;margin-top: -10px;height: 20px;width: 20px;}
#HomePanel .horizontal li::after{content:'';position:absolute;right: 13px;top: 50%;margin-top: -6.5px;height: 13px;width: 8px;background: url(../images/gray_right_ico.png) no-repeat 0 0/8px auto;}
#HomePanel .horizontal li.re_car::before{background: url(../images/home_icon_tjcs@3x.png) no-repeat 0 0/20px auto;}
#HomePanel .horizontal li.fix_time::before{background: url(../images/home_icon_xssg@3x.png) no-repeat 0 0/20px auto;}
#HomePanel .horizontal li.special_fight::before{background: url(../images/home_icon_tjph@3x.png) no-repeat 0 0/20px auto;}
#HomePanel .recent_title{height: 28px;line-height: 28px;font-size: 15px;color: #191919;padding-left: 15px;}
#HomePanel .recent_list{background: #ffffff;}
#HomePanel .recent_list li{float: left;width:16.66%;position: relative;height: 44px;}
#HomePanel .recent_list li img{position: absolute;height: 30px;width: 30px;top: 50%;left:50%;margin-top: -15px;margin-left: -15px;}
#HomePanel .recent_list::after{display: block;content: '';clear: both;}
#HomePanel .index_brandlist{}
#HomePanel .index_brandlist dt{padding-left: 20px;height: 20px;line-height: 20px;font-size: 15px;color: #191919;}
#HomePanel .index_brandlist dd{padding-left: 50px;background: #ffffff;font-size: 14px;color: #444444;height: 44px;line-height: 44px;border-top:1px solid #e1e1e1;position: relative;}
#HomePanel .index_brandlist dd img{position: absolute;left: 15px;top: 50%;margin-top: -15px;height: 30px;width: 30px;}

#Home .keyword,#filter .keyword {position: fixed; top: 12%;right: 0px; width: 2.4rem;z-index: 888;text-align: center;display:none;}
#Home .keyword a,#filter .keyword a {display: block;color: #29A7F4;font-size: 1.2rem;}
#Home .showkeyword,#filter .showkeyword {position: fixed;height: 6.0rem;width: 6.0rem; top: 40%;left: 50%;margin-left: -3.0rem;margin-top: -3.0rem;background: rgba(20,20,20,0.6);border-radius: 0.5rem;color: #fff;text-align: center;line-height: 6.0rem; font-size: 2.0rem;
display: none;z-index: 10001;
}

.addpage{position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background:#ffffff; z-index: 900;display: none;}
.addpage .close{position:absolute;left:0;right:0;height:50px;bottom:0;background:url(../images/common/fb_btn_gbw@3x.png) no-repeat center center/25px auto;}
.addpage .conlist{position: absolute;left: 15px;right: 15px;bottom: 100px;text-align: center;}
.addpage .conlist li{float: left;width: 33.33%;line-height: 20px;}
.addpage .conlist li a{font-size: 14px;color: #444444;display: block;padding-top:65px;}

.addcarbutton{background:url(../images/common/fb_btn_fcy@3x.png) no-repeat center top/auto 70%;}
.addfindbutton{background:url(../images/common/fb_btn_fxc@3x.png) no-repeat center top/auto 70%;}
.addguarantee{background:url(../images/common/fb_btn_dbjy@3x.png) no-repeat center top/auto 70%;}
.addapp{background:url(../images/common/fb_btn_fdjxc@3x.png) no-repeat center top/auto 70%;}
.addapp2{background:url(../images/common/fb_btn_fjjxc@3x.png) no-repeat center top/auto 70%;}








