﻿

.main {
	width: 100%;
	overflow: hidden;
}

.main .wrapper {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
}

.main .wrapper .wrapper-r {
	float: right;
	width: 895px;
	overflow: hidden;
}
.brand{
	display: none;
}
.main .wrapper .wrapper-r .list-empty {
	margin: 20px 0 40px;
	background: #fff;
}

.main .wrapper .wrapper-r .book-content {
	padding: 30px 0 107px;
	text-align: center;
}

#booking-car h2 {
	font-size: 20px;
	color: #5b5e7b;
	line-height: 28px;
}

#booking-car .phone-area {
	width: 470px;
	height: 44px;
}

#booking-car .phone-area .phone-input {
	width: 350px;
	padding: 11px 14px;
	border: 1px solid #c6c8d6;
	border-right: none;
}

#booking-car .phone-area .phone-btn {
	width: 120px;
	font-size: 18px;
	line-height: 25px;
}

#side-menu {
	float: left;
	width: 270px;
	background: #fff;
	box-shadow: 0 2px 15px 0 rgba(63,67,89,.02);
	z-index: 100;
}

#side-menu .menu-list {
	padding-bottom: 25px;
}

#side-menu .menu-item {
	position: relative;
}

#side-menu .menu-item:hover.brand {
	box-shadow: 0 2px 5px 0 rgba(63,67,89,.1);
	border-radius: 1px;
}

#side-menu .menu-item:hover.brand .sub-menu {
	display: block;
	box-shadow: 0 2px 5px 0 rgba(63,67,89,.1);
}

#side-menu .menu-item:hover.brand .sub-menu:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 20px;
	height: 100%;
	max-height: 114px;
	background: #fff;
}

#side-menu .menu-item.brand .item-name:after {
	content: "";
	float: right;
	width: 18px;
	height: 18px;
	margin-right: -6px;
	background: url(../images/arrow-more.png) no-repeat 100%;
}

#side-menu .menu-item.brand .item-list .item-icon {
	width: 25%;
}

#side-menu .menu-item.brand .item-list .item-icon:nth-child(4n+1) {
	text-align: left;
}

#side-menu .menu-item.brand .item-list .item-icon:nth-child(4n+4) {
	text-align: right;
}

#side-menu .menu-item.prePay .item-icon,#side-menu .menu-item.price .item-icon {
	width: 33.33%;
}

#side-menu .menu-item.prePay .item-icon:nth-child(3n+1),#side-menu .menu-item.price .item-icon:nth-child(3n+1) {
	text-align: left;
}

#side-menu .menu-item.prePay .item-icon:nth-child(3n+3),#side-menu .menu-item.price .item-icon:nth-child(3n+3) {
	text-align: right;
}

#side-menu .menu-item.monthPay .item-icon,#side-menu .menu-item.monthPay .item-list {
	padding: 0 10px;
}

#side-menu .menu-item .item-name {
	padding: 20px 20px 22px;
	font-size: 16px;
	font-weight: 500;
	color: #3f4359;
	line-height: 16px;
}

#side-menu .menu-item .item-list {
	padding: 0 20px;
}

#side-menu .menu-item .item-icon {
	float: left;
	margin-bottom: 14px;
	text-align: center;
	line-height: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor:pointer !important;
}

#side-menu .menu-item .item-icon.focus .icon {
	color: #ff5a37;
	cursor: default;
}

#side-menu .menu-item .item-icon .icon {
	font-size: 14px;
	color: #3f4359;
	line-height: 14px;
}

#side-menu .menu-item .item-icon .icon:hover {
	color: #ff5a37;
}

#side-menu .menu-item .sub-menu {
	display: none;
	position: absolute;
	top: 0;
	left: 270px;
	width: 360px;
	padding: 17px 26px 26px 20px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 1px;
	z-index: 10;
}

#side-menu .menu-item .sub-menu .sub-wrap {
	overflow: hidden;
}

#side-menu .menu-item .sub-menu .sub-list {
	margin-left: -1px;
}

#side-menu .menu-item .sub-menu .sub-item {
	float: left;
	position: relative;
	padding: 0 10.5px;
	font-size: 14px;
	color: #3f4359;
	line-height: 32px;
	text-align: center;
}

#side-menu .menu-item .sub-menu .sub-item.focus {
	color: #ff5a37;
	cursor: default;
}

#side-menu .menu-item .sub-menu .sub-item:hover {
	color: #ff5a37;
}

#side-menu .menu-item .sub-menu .sub-item:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background: #c6c8d6;
}

#modles-sort {
	width: 893px;
	background: #fff;
	border: 1px solid #ececf2;
}

#modles-sort .sort-bar {
	float: left;
	padding-left: 5px;
}

#modles-sort .sort-bar a {
	float: left;
	height: 58px;
	padding: 0 30px 0 15px;
	font-size: 16px;
	color: #3f4359;
	line-height: 60px;
	background: url(../images/arrow-m.png) no-repeat 77% 24px;
}

/* #modles-sort .sort-bar .btn.def {
	
} */
#modles-sort .sort-bar a:nth-child(1) {
	padding: 0 15px;
	background: none;
}

#modles-sort .sort-bar .low {
	color: #ff5a37;
	background: url(../images/arrow-low.png) no-repeat 77% 24px;
}

#modles-sort .sort-bar .high {
	color: #ff5a37;
	background: url(../images/arrow-high.png) no-repeat 77% 24px;
}

#filter-bar {
	height: 59px;
	border: 1px solid #ececf2;
	border-top: none;
}

#filter-bar .filter-name {
	float: left;
	height: 100%;
	padding-left: 20px;
	font-size: 16px;
	color: #3f4359;
	line-height: 59px;
}

#filter-bar .filter-list {
	float: left;
	height: 100%;
	padding-left: 6px;
	line-height: 61px;
}

#filter-bar .filter-list .item {
	float: left;
	margin: 18px 7px 0;
	padding: 2px 27px 2px 9px;
	background: url(../images/icon-close.png) #fff no-repeat 94%;
	border: 1px solid #ececf2;
	font-size: 14px;
	color: #3f4359;
	line-height: 20px;
}

#filter-bar .filter-list .item.reset {
	float: right;
	margin: 18px 7px 0 0;
	padding-left: 7px;
	padding-right: 7px;
	background: none;
	border: 1px solid transparent;
}

#filter-bar .filter-list .item:hover {
	background-image: url(../images/icon-close-active.png);
	color: #ff5a37;
	border: 1px solid #ff5a37;
}

#filter-bar .filter-list .item:hover.reset {
	background: none;
	border: 1px solid transparent;
}

#models-list {
	margin-top: 20px;
}

#models-list .list-wrap {
	min-height: 557px;
	margin-right: -20px;
	padding-bottom: 20px;
}

#models-list .car-item {
	float: left;
	position: relative;
	width: 895px;
	height: 159px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: -webkit-transform .2s linear;
	transition: -webkit-transform .2s linear;
	transition: transform .2s linear;
	transition: transform .2s linear,-webkit-transform .2s linear;
}

#models-list .car-item:hover {
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0);
}

#models-list .car-item:hover:after {
	opacity: 1;
}

#models-list .car-item:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 2px 12px 0 rgba(63,67,89,.15);
	opacity: 0;
	z-index: -10;
}

#models-list .car-item .car-photo {
	display: block;
	float:left;
	height: 120px;
	width:160px;
	margin:20px;
}

#models-list .car-item .car-photo img {
	display: block;
	width: 100%;
	height: 100%;
}

#models-list .car-item .car-detail {
	padding: 20px 20px 0;
}

#models-list .car-item .car-detail .car-info {
	font-weight: inherit;
}

#models-list .car-item .car-detail .car-info .info {
	display: block;
	height: 30px;
	font-size: 16px;
	color: #3f4359;
	line-height: 22px;
	text-align: justify;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.car-price i.i-orange {
	color: #ff9650;
	background: #ffeeda;
}

.car-price i {
	float: right;
	width: 60px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 12px;
	margin: 5px 0 0 5px;
}

.car-price i.i-green {
	color: #3fc56e;
	background: #e8f6ed;
}

.car-price i {
	float: right;
	width: 46px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 12px;
	margin: 5px 0 0 5px;
}

.car-price em.line-through {
	text-decoration: line-through;
	float: left;
	margin-top: 7px;
	margin-left: 10px;
	color: #a5abb2;
}

#models-list .car-item .car-detail .t-i {
	padding-right: 20px;
	color: #a5abb2;
	font-size: 12px;
	padding-bottom: 2px;
}

#models-list .car-item .car-detail .car-price {
	height: 30px;
	margin-top: 5px;
	overflow: hidden;
}

#models-list .car-item .car-detail .car-price .pre-price {
	float: left;
	font-size: 14px;
	color: #ff5a37;
	line-height: 30px;
}

#models-list .car-item .car-detail .car-price .pre-price .hot {
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	vertical-align: baseline;
}

#models-list .car-item .car-detail .car-price .for-month {
	float: right;
	font-size: 14px;
	color: #8d91ac;
	line-height: 37px;
}

#models-list .car-item .info-status {
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
}


#gz-pagination {
	width: 100%;
	height: 38px;
	margin-bottom: 40px;
	text-align: center;
}

#gz-pagination .wrap {
	display: inline-block;
	white-space: nowrap;
}

#gz-pagination .wrap .page-num {
	display: inline-block;
	width: 34px;
	height: 36px;
	margin: 0 5px;
	background-color: #fff;
	font-size: 16px;
	color: #8d91ac;
	line-height: 38px;
	border: 1px solid #ececf2;
	border-radius: 2px;
	overflow: hidden;
	vertical-align: middle;
}

#gz-pagination .wrap .page-num.active,#gz-pagination .wrap .page-num:hover {
	background-color: #ff5a37;
	color: #fff;
	border: 1px solid #ff5a37;
}

#gz-pagination .wrap .prePage {
	background: url(../images/page-left.png) #fff no-repeat 50%;
}

#gz-pagination .wrap .prePage.n {
	background-image: url(../images/page-left-null.png);
}

#gz-pagination .wrap .nextPage {
	background: url(../images/page-right.png) #fff no-repeat 50%;
}

#gz-pagination .wrap .nextPage.n {
	background-image: url(../images/page-right-null.png);
}

.result-content {
	width: 895px;
	padding: 230px 0 42px;
	background: url(../images/nocar.png) #fff no-repeat center 90px;
}

.result-content .desc {
	font-size: 20px;
	color: #5b5e7b;
	line-height: 28px;
	text-align: center;
}
.mask{
width: 160px;
    height: 120px;
    background: url(../images/opbg.png) repeat;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 118px;
}
a{
	cursor:pointer;
}

.page_div button{ cursor:pointer;}