body{
	color: #4B4B4B;
}
.hide{
	display: none;
}
.fr{
	float: right;
}
.lh20{
	height: 20px;
	line-height: 20px;
}
.lh22{
	height: 22px;
	line-height: 22px;
}

.rend-list-item{
	padding: 20px;
	margin-bottom: 4px;
	overflow: unset !important;
}

.car-big-img{
	position: relative;
	width: 198px;
	height: 123px;
	background-color: #ddd;
}
.car-big-img .img-mask{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
	line-height: 123px;
}
.car-big-img .img-mask span{
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}
.car-big-img:hover .img-mask{
	display: block;
}
.car-big-img img{
	width: 100%;
	height: 100%;
}
.info-item{
	margin-bottom: 6px !important;
}
.info-item .car-name{
	height: 25px;
	font-size: 18px;
	color: #4B4B4B;
	line-height: 25px;
}
.info-item .car-attribute{
	color: #666666;
}
.info-item .car-attribute .layui-breadcrumb span[lay-separator]{
	margin: 0 3px;
}
.info-item #rate .layui-rate{
	height: 25px;
	padding: 6px 0 0;
	box-sizing: border-box;
}
.info-item #rate .layui-rate li{
	width: 12px;
	height: 12px;
}
.info-item #rate .layui-rate li i{
	font-size: 12px;
	line-height: 12px;
}
.info-item .comment-score{
	font-size: 14px;
}
.info-item .comment-num,
.info-item .consult-num{
	color: #4987DB;
	text-decoration: underline;
}
.info-item .consult-num{
	font-size: 13px;
}
.info-item .comment-num{
	font-size: 14px
}
.info-item .identifier,.info-item .stock{
	color: #666666;
	font-size: 13px;
}
.info-item .read-more{
	color: #F6B027;
	line-height: 20px;
	font-size: 13px;
}
.info-item .adress-bg{
	padding-left: 20px;
	margin-right: 5px;
	background: url(../img/adress.png) no-repeat left center;
}

.bottom-info{
	width: 580px;
	height: 30px;
	line-height: 30px;
}
.bottom-info .contact{
	cursor: pointer;
}
.bottom-info .contact,
.bottom-info .driver-name{
	color: #F6B027;
}
.bottom-info>:first-child{
	position: relative;
}
.bottom-info .contact-detail-info{
	position: absolute;
	top: -198px;
	left: -160px;
	z-index: 11;
	width: 487px;
	height: 188px;
	padding: 20px;
	padding-top: 18px;
	background: #fff;
	border-radius: 4px;	
	box-shadow: 0 0 15px 5px #E5E5E5;
	box-sizing: border-box;
}
.bottom-info .contact-detail-info:after{
	position: absolute;
	bottom: -8px;
	left: 240px;
	content: '';
	display: block;
	border-width: 8px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
	border-style: solid;
}
.bottom-info .contact-detail-info:hover,
.bottom-info>:first-child:hover .contact-detail-info{
	display: block;
}
.bottom-info .contact-detail-info .detail-info-item{
	margin-top: 5px;
	font-size: 12px;
	color: #9A9A9A;
	line-height: 17px;
}
.bottom-info .contact-detail-info .detail-info-item span.w95{
	display: inline-block;
	width: 95px;
}
.bottom-info .contact-detail-info .detail-info-item.h33{
	height: 33px;
	margin-top: 0;
	line-height: 33px;
	color: #4B4B4B;
}
.bottom-info .contact-detail-info .detail-info-item .consultor-name{
	margin-right: 10px;
	font-size: 22px;
}
.bottom-info .contact-detail-info .detail-info-item .consultor-phone{
	font-size: 20px;
}
.bottom-info .contact-detail-info .detail-info-item .consultor-phone i{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #ddd;
	background: url(../img/tel.png) center center;
	background-size: 20px 20px;
	margin-top: 7px;
	vertical-align: top;
}
.bottom-info .contact-detail-info .consultor-img{
	width: 90px;
	height: 90px;
}
.bottom-info .contact-detail-info .qrcode-img{
	float: right;
	width: 90px;
	height: 90px;
}
.bottom-info .contact-detail-info .detail-info-btns{
	height: 40px;
	margin-top: 15px;
	text-align: center;
}
.bottom-info .contact-detail-info .detail-info-btns>:first-child{
	border-color: #FF5D3D;
	color: #FF5D3D;
}
.bottom-info .contact-detail-info .detail-info-btns button{
	width: 215px;
	font-size: 16px;
}
.bottom-info .img{
	overflow: hidden;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: #ddd;
}
.bottom-info .img img{
	width: 100%;
	height: 100%;
}
.bottom-info .wechat{
	display: block;
	padding-left: 25px;
	background: url(../img/wechat.png) no-repeat left center;
	color: #000000;
	font-weight: 500;
}
.consult-price{
	height: 30px;
	margin-bottom: 10px;
	line-height: 30px;
}
.consult-price>:first-child{
	font-size: 12px;
	color: #9B9B9B;
}
.consult-price .price{
	color: #FF5D3D;
}
.consult-price .price>span{
	font-size: 24px;
}
.consult-btn{
	margin-bottom: 10px;
	text-align: right;
}
.consult-btn button{
	height: 36px;
	width: 135px !important;
}
.QR-code{
	text-align: center;
}
.QR-code img{
	width: 72px;
	height: 72px;
}
.QR-code span{
	display: block;
	font-size: 12px;
	font-weight: 500;
}