section,
.section {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.section>div {
	margin-top: 40px;
}


/*公用*/

.title {
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #c5cae9;
}

.title span {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	line-height: 40px;
	border-bottom: 4px solid #536DFE;
}

.solute {
	position: absolute;
	right: 0px;
	top: 15px;
}

.solute li {
	position: relative;
	float: left;
	font-size: 18px;
	padding: 0 20px;
}

.solute li a {
	color: #030303;
}

.solute li.on a {
	color: #536DFE;
}

.solute li:first-child:after {
	background: transparent;
}

.solute li:after {
	position: absolute;
	left: 0px;
	top: 6px;
	width: 2px;
	height: 14px;
	background: #666;
	content: "";
}

.more {
	position: absolute;
	right: 0px;
	top: 14px;
	color: #7A7A7A;
	font-size: 16px;
}

.change {
	display: block;
	position: absolute;
	right: 0px;
	top: 15px;
	padding-left: 30px;
	color: #536DFE;
	background: url(../images/change.png) left center no-repeat;
}


/*车辆数据*/

.data {
	padding-bottom: 20px;
	border-bottom: 1px solid #c5cae9;
}

.data>div {
	display: inline-block;
	vertical-align: top;
}

.data .data_left {
	width: 640px;
}

.data .data_left img {
	display: inline-block;
	width: 495px;
	height: 330px;
	margin: 0 auto;
}

.data .data_left>div {
	position: relative;
	height: auto;
}

.data .data_left dt,
.data .data_left dd {
	display: inline-block;
	vertical-align: top;
}

.data .data_left .select-color {
	width: auto;
	height: auto;
	overflow: hidden;
}

.data .data_left .select-color div {
	display: inline-block;
	position: relative;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	margin: 5px;
}

.data .data_left .select-color div:after {
	position: absolute;
	height: 18px;
	width: 18px;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	border: 1px solid #e7e7e7;
	transform: translate(-50%, -50%);
	content: "";
}

.data .data_left .more-color {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 26px;
	font-size: 14px;
	cursor: pointer;
}

.data .data_right {
	width: 540px;
	margin-left: 10px;
    margin-top: 39px;
}

.data .data_right>ul li {
	float: left;
	width: 100px;
	height: 128px;
	padding: 20px 15px;
	text-align: center;
	border: 1px solid #f1f1f1;
}

.data .data_right>ul li>* {
	margin-bottom: 5px;
}

.data .data_right>ul li img {
	width: 60px;
	height: 60px;
}

.data .data_right>ul li p.r_1 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.data .data_right>ul li p.r_2 {
	color: #626262;
}

.data .data_right>.r_bottom {
	position: relative;
	margin-top: 50px;
}

.data .data_right>.r_bottom ul li {
	color: #000;
	font-size: 16px;
	line-height: 32px;
}

.data .data_right>.r_bottom .inquiry {
	position: absolute;
	top: 50px;
	right: 0px;
	display: inline-block;
	background: #D51C17;
	color: #fff;
	width: 120px;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	border-radius: 25px;
}


/*车款*/

.vehicle .table {
	display: none;
	width: 1200px;
}

.vehicle .table tr {
	line-height: 40px;
	border-bottom: 1px solid #eee;
}

.vehicle .table tr {
	background: #fff;
}

.vehicle .table tr:hover {
    background: #d7ddff;
}

.vehicle .table th {
	color: #fff;
	font-size: 18px;
	font-weight: 100;
	background: #536DFE!important;
}

.vehicle .table tr .t1 {
	font-size: 16px;
	line-height: 24px;
	padding: 10px 30px;
}

.vehicle .table tr .t2,
.vehicle .table tr .t3,
.vehicle .table tr .t4,
.vehicle .table tr .t5,
.vehicle .table tr .t6,
.vehicle .table tr .t7,
.vehicle .table tr .t8 {
	font-size: 16px;
	text-align: center;
}

.vehicle .table tr .t3 {
	color: #D51C17;
}

.vehicle .table tr .t7 a {
	color: #536DFE;
	border: 1px solid #536DFE;
}

.vehicle .table tr .ratio,
.vehicle .table tr .ask {
	display: inline-block;
	width: 78px;
	height: 23px;
	color: #536DFE;
	line-height: 23px;
	border-radius: 15px;
	border: 1px solid #536DFE;
}

.vehicle .table tr .ratio:hover,
.vehicle .table tr .ask:hover {
	color: #fff;
	background-color: #536DFE;
}


/*车图*/

.picture .solute {
	right: 80px;
}

.picture .box ul {
	display: none;
}

.picture .box ul li {
	float: left;
	width: 280px;
	height: 186px;
	margin-right: 25px;
}

.picture .box ul li:last-child {
	margin-right: 0px;
}

.picture .box ul li a,
.picture .box ul li a img {
	display: block;
	width: 280px;
	height: 186px;
}

.picture .box ul li a:hover {
	box-shadow: 0px 0px 5px #E1E1E1;
}

/*车系车型*/

.ve_type .box dl {
	position: relative;
	float: left;
	width: 260px;
	padding: 10px;
	margin-right: 25px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

.ve_type .box dl:hover {
	box-shadow: 0px 0px 5px #999;
}

.ve_type .box dl:hover dd a {
	color: #536DFE;
}

.ve_type .box dl:last-child {
	margin-right: 0px;
}

.ve_type .box dl .gl {
	position: absolute;
	left: 5px;
	top: 5px;
	color: #536DFE;
	text-align: center;
	border-radius: 50%;
	padding: 10px 15px;
	border: 1px solid #536DFE;
}

.ve_type .box dl dt {
	text-align: center;
	margin-bottom: 10px;
}

.ve_type .box dl dt a,
.ve_type .box dl dt a img {
	display: block;
	width: 240px;
	height: 160px;
	margin: 0 auto;
}

.ve_type .box dl dd {
	font-size: 20px;
	line-height: 30px;
}


/*热门PK*/

.hot_pk .box>ul {
	float: left;
	width: 580px;
}

.hot_pk .box>ul:first-child {
	margin-right: 40px;
}

.hot_pk .box>ul li {
	position: relative;
	float: left;
	width: 240px;
	height: 230px;
	padding: 25px;
}

.hot_pk .box>ul li.left_p {
	background: url(/images/home/2019/left_p.jpg) center no-repeat;
}

.hot_pk .box>ul li.right_k {
	color: #fff;
	background: url(/images/home/2019/right_k.jpg) center no-repeat;
}

.hot_pk .box>ul li.right_k a {
	color: #fff;
}

.hot_pk .box ul li dl dt .gl {
	position: absolute;
	left: 5px;
	top: 5px;
	color: #536DFE;
	text-align: center;
	border-radius: 50%;
	padding: 10px 15px;
	background: #FFFFFF;
	border: 1px solid #536DFE;
}

.hot_pk .box>ul li dt {
	position: relative;
	width: 240px;
	margin-bottom: 20px;
}

.hot_pk .box>ul li dt a,
.hot_pk .box>ul li dt a img {
	display: block;
	width: 240px;
	height: 160px;
}

.hot_pk .box>ul li dd {
	font-size: 16px;
}


/*相关文章*/

.articles .box dl {
	float: left;
	width: 590px;
	margin-bottom: 20px;
}

.articles .box dl:nth-child(2n+2) {
	margin-left: 20px;
}

.articles .box dl dt,
.articles .box dl dd {
	float: left;
}

.articles .box dl dt a,
.articles .box dl dt a img {
	display: block;
	width: 270px;
	height: 180px;
}

.articles .box dl dd {
	position: relative;
	width: 310px;
	height: 180px;
	margin-left: 10px;
}

.articles .box dl dd a {
	display: block;
	height: 90px;
	color: #000000;
	font-size: 18px;
	overflow: hidden;
	font-weight: bold;
	line-height: 30px;
	text-align: justify;
}

.articles .box dl dd a:hover {
	color: #536DFE;
}

.articles .box dl dd span {
	color: #333;
}

.articles .box dl dd p {
	position: absolute;
	bottom: 0px;
}

.articles .box dl dd span:first-child {
	margin-right: 20px;
}


/*经销商*/

.dealer .box dl {
	display: inline-block;
    vertical-align: top;
	width: 380px;
	font-size: 18px;
    margin-right: 24px;
    margin-bottom: 20px;
}

.dealer .box dl:nth-child(3n+3) {
    margin-right: 0px;
}

.dealer .box dl dt {
	position: relative;
	margin-bottom: 20px;
	padding-left: 70px;
}

.dealer .box dl dt span {
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	width: 62px;
	color: #536DFE;
    font-size: 16px;
	line-height: 24px;
	border-radius: 5px;
	text-align: center;
	margin-right: 10px;
	border: 1px solid #536DFE;
}

.dealer .box dl dt a {
	display: block;
	line-height: 30px;
}

.dealer .box dl dd {
	margin-bottom: 10px;
}

.dealer .box dl dd .gain {
	display: inline-block;
	width: 110px;
	height: 26px;
	color: #FFFFFF;
    font-size: 16px;
	line-height: 26px;
	text-align: center;
	border-radius: 15px;
	background-color: #536DFE;
}

.dealer .box dl dd span {
	color: #536DFE;
}


/*浏览过*/

.viewed .box div {
	float: left;
	width: 380px;
	padding: 20px 0;
	/*margin-left: 30px;*/
	text-align: center;
	transition: all .3s;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
}

.viewed .box div:first-child {
	margin-left: 0px;
}

.viewed .box div:hover {
	box-shadow: 0px 0px 5px #E0E1E1;
}

.viewed .box div:hover a {
	color: #536DFE;
}

.viewed .box div a {
	display: block;
	width: 280px;
	margin: 0 auto 10px;
	font-size: 18px;
}

.viewed .box div a img {
	width: 280px;
	height: 186px;
}