﻿
.nav
 {
	width: 100%;
	max-width: 640px;
	margin: 0 auto
}

.nav {
	width: 100%;
	height: 44px;
	background: white;
	border-bottom: 1px solid #ebe9e9
}
.nav nav {
	width: 100%;
	position: relative
}

.nav a,
.nav a:visited {
	color: #ff5a37
}
.nav nav aside {
	font: normal 17px/44px 'Microsoft YaHei'
}
.nav nav aside a {
	color: #888888 !important;
	display: inline-block;
	position: relative
}
.nav nav aside a:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 1px solid #888888;
	border-right: 1px solid #888888;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	display: inline-block;
	margin: 0 6px 1px
}
.nav nav aside a:last-of-type:after {
	content: "";
	border: none !important
}
.nav nav aside a:last-of-type {
	color: #3c3c3c !important
}
.sousuo {
	position: absolute;
	top: 1px;
	right: 47px;
	font: normal 16px/44px 'Microsoft YaHei' !important;
	display:none
}

.shaixuan {
	position: absolute;
	top: 1px;
	right: 0;
	font: normal 16px/44px 'Microsoft YaHei' !important;
	color: white
}

.shaixuankuang {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 46px;
	display: table;
	background: white;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:5px;
}
.shaixuankuang a {
	width: 25%;
	display: table-cell;
	color: #3c3c3c;
	position: relative;
	text-align: center;
	font: normal 15px/46px Arial, Microsoft Yahei
}
.shaixuankuang a.ac {
	color: #ff5a37;
	border-bottom: 2px solid #ff5a37
}
.shaixuankuang a:after {
	content: '';
    width: 0.7rem;
    height: 0.3rem;
    background: url('../images/weixuanzhong.png') no-repeat;
    background-size: 0.607rem 0.25rem;
    display: inline-block;
    margin-left: 0.429rem;
    margin-bottom: 0.2rem;
}
.shaixuankuang a.ac:after {
	background: url('../images/xuanzhong.png') no-repeat;
    background-size: 0.607rem 0.25rem;
}
.shaixuankuang a:before {
	content: '';
	width: 1px;
	height: 24px;
	background: #e5e5e5;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px;
	display: block
}
.shaixuankuang a:last-child:before {
	width: 0
}



/*列表样式开始*/
.CarPageList {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}.CarListContent {
	width: 100%;
	padding: 0.5rem 0.5rem;
	background:#f3f3f3;
}
.CarListContent div   
{
  width: 100%;
	max-width: 640px;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	position:relative;
	overflow:hidden;
	background:#fff;
	margin-top:1px;
	
}
.CarListContent div:first-child{
	margin-top:0!important;
}

.CarListContent div:last-child {
	margin-bottom: 0;
		border-bottom:0;
}
.CarListContent a {
	width: 100%;
	background: white;
	display: table;
	position: relative
}
.CarListContent .JinRong{
	
	width:57% !important;
	font-size:0.857rem;
	color:#ff5a37;
	border-top:1px solid #e5e5e5;
	margin-top:0.6rem;
	padding-top: 0.5rem;
	float:right;
}
.CarListContent a:last-child {
	margin-bottom: 0
}
.CarListContent a aside {
	display: table-cell;
	vertical-align: middle;
	position: relative
}
.CarListContent a aside:first-child {
	width: 40%;
	height: 5rem
}
.CarListContent a aside:last-child {
	width: 60%;
}
.CarListContent a aside:first-child img {
	width: 100%;
	display: table-cell
}
.CarListContent a aside p:first-child {
	font-size: 0.892rem;
	line-height: 1.1rem;
	height: 2.2rem;
	color: #3c3c3c;
	margin: 0 0.8rem;
	overflow: hidden;
	text-justify: distribute-all-lines;
	position: relative
}
.CarListContent a aside p:first-child img{
	display:block;
	height:2.2rem;
	float:right;
}
.CarListContent a aside p:last-child {
	margin-left: 0.8rem;
	margin-top: 0.2rem
}
.CarListContent a aside p:last-child span:first-child {
	font-size: 1rem;
	color: #ff5a37;
	float: right;
	margin-right: 0.7rem
}
.CarListContent a aside p:last-child span:first-child em {
	font-size: 1rem;
	font-weight: bold;
	padding-right: 0.1rem
}
.CarListContent a aside p:last-child span:last-child {
	font-size: 0.678rem;
	float: left;
	color: #575757;
	display: inline-block;
	margin-top: 0.2rem
}
.CarListContent a aside p:last-child span:last-child em {
	padding-left: 0.357rem
}
.CarListContent .s,
.CarListContent .y,
.CarListContent .n {
	width: 0.857rem;
	height: 0.857rem;
	position: absolute;
	bottom: 0.37rem;
	right: 0;
	text-indent: -9999em;
	display: inline-block
}
.CarListContent .s {
	background: url('') no-repeat;
	background-size: 0.857rem 0.857rem
}
.CarListContent .y {
	background: url('') no-repeat;
	background-size: 0.857rem 0.857rem
}
.CarListContent .n {
	background: url('') no-repeat;
	background-size: 0.857rem 0.857rem
}
.CarListContent a aside:first-child i.sale {
	position: absolute;
	width: 2.142rem;
	height: 2.142rem;
	top: 0;
	left: 0;
	background: url('') no-repeat;
	background-size: 2.142rem 2.142rem;
	display: block
}
.CarListContent a aside:first-child i.aPrice {
	position: absolute;
	width: 38px !important;
	height: 19px !important;
	margin: 0.4rem 0 0 -0.23rem !important;
	background: url('') no-repeat;
	background-size: 38px 19px !important;
	display: block
}
.CarListContent a aside:first-child i.newIcon {
	position: absolute;
	width: 2.142rem;
	height: 2.142rem;
	top: 0;
	left: 0;
	background: url('') no-repeat;
	background-size: 2.142rem 2.142rem;
	display: block
}

.CarAddConent {
	padding:0px 0px 2px 0px !important;
}
.CarAddConent div {
	padding: 0.5rem;
	margin-bottom: 0 !important;
	position: relative;
	background:#fff;
}
.CarAddConent a aside:last-child {
	vertical-align: top;
	padding-left: 0.5rem
}
.CarAddConent a aside p:nth-child(1) {
	height: 2.2rem;
	font-size: 0.857rem;
	line-height: 1.1rem;
	margin: 0 0 !important
}
.CarAddConent div ._mobile {
	width: 2.7rem;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	z-index: 9;
}
.CarAddConent a aside p:nth-child(2) {
	font-size: 14px;
	line-height: 18px;
	color: #ababab;
	padding-top: 0.3rem
}
.CarAddConent a aside p:nth-child(3) {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 1rem;
	line-height: 1rem;
	color: #ff5a37;
	padding-left: 0.5rem
}
.CarAddConent a aside p:nth-child(3) em {
	font-weight: bold
}
.CarAddConent a aside p:nth-child(4) {
	height: 1.05rem;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block
}
.CarAddConent a aside p:nth-child(4) img {
	height: 0.8rem;
	margin-left: 2px
}
.CarAddConent a aside:first-child i.newIcon {
	position: absolute;
	width: 1.4rem !important;
	height: 1.4rem !important;
	top: 0;
	left: 0;
	background: url('') no-repeat !important;
	background-size: 1.4rem 1.4rem !important;
	display: block
}
.CarAddConent a aside:first-child i.sale {
	position: absolute;
	width: 38px !important;
	height: 19px !important;
	top: 0;
	left: 0;
	margin: 0.4rem 0 0 -0.23rem !important;
	background: url('') no-repeat !important;
	background-size: 38px 19px !important;
	display: block
}
.CarContent_List {
	padding-bottom: 0.5rem
}



.CarLeiXing,.CarJiaGe {
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin: 91px auto 0;
	display: block;
	background: rgba(0, 0, 0, .6);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100
}
.CarLeiXing .PaiXuList,
.CarJiaGe .PaiXuList {
	width: 100%;
	display: block;
	background: #e5e5e5;
	border-top: 1px solid #ededed
}
.CarLeiXing .PaiXuList a,
.CarJiaGe .PaiXuList a {
	width: 100%;
	height: 2.857rem;
	line-height: 3rem;
	display: block;
	border-bottom: 1px solid #ededed;
	color: #3c3c3c;
	font-size: 15px;
	padding: 0 1rem;
	position: relative;
	background: #fff
}
.CarHideBg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index:-1
}


/*浮动按钮*/
.foot {
	width: 100%;
	max-width: 640px;
	height:  2.571rem;
	line-height:  2.571rem;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #f3f3f3;
	
}
.foot .Sale {
	color: #fff;
	font: normal 1rem/2.571rem "Microsoft Yahei";
	text-align: center;
	background: #f3663f;
	width: 50%;
	height: 2.571rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	
	float: left;
}
.foot .Sale i {
	width: 1.607rem;
	height: 1.607rem;
	background: url('../images/sale.png') no-repeat center;
	background-size: 1.607rem 1.607rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.642rem;
	margin-bottom: 0.2rem;
}
.foot .Phone {
	color: #fff;
	font: normal 1rem/2.571rem "Microsoft Yahei";
	text-align: center;
	background: #10c08c;
	width: 50%;
	height: 2.571rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;

	float: right;
}
.foot .Phone i {
	width: 1.25rem;
	height: 1.25rem;
	background: url('../images/tele.png') no-repeat center;
	background-image: url('../images/tele.png');
	background-size: 1.25rem 1.25rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.642rem;
}

.xiaobox  
{
    width: 100%;
	max-width: 640px;
	  margin: auto;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	background-color:#ffffff;
}
.xiaobox  aside
{
  margin-left:0.5rem; 
}

.xiaobox  aside p i
{
    width: 1.25rem;
	height: 1.25rem;
	background: url('../images/mendian.png') no-repeat center;
	background-image: url('../images/mendian.png');
	background-size: 1.25rem 1.25rem;
	display: inline-block;
	vertical-align: middle;
}


.tjtopbox  
{
    width: 100%;
	 max-width: 640px;
	  margin: auto;
	
	
}
.tjtopimgbox  
{
    width: 100%;
	 max-width: 640px;
	  margin: auto;
	
}

.Cars .carsjg span.zidingyijiage{width:40%;height:30px;}
/*浮动按钮*/

.PriceInput {
    width:60px;height:30px;border: 1px solid #ccc;border-radius: 3px;
}
.PriceButton {
    background:#fff;color: #ff5a37;border:1px solid #ff5a37;width:60px;height:30px;border-radius: 3px;margin-left:50px;
}
