@charset "utf-8";
/* CSS Document */
/*------ top -----*/
.active{
	border:2px solid red;
	padding:3px 5px;
}
.carData {
	border-bottom-style: solid;
	border-bottom-width: 4px;
	padding: 0 0 30px;
}
.carData-Img {
	border-style: solid;
	border-width:1px; 
}
.carData-detail  {
	box-sizing:border-box;
	padding: 0 0 0 20px;
}
.carData-detail h3 {
	border-bottom-style: solid;
	border-bottom-width: 4px;
	padding: 0 0 10px;
	font-size: 22px;
	margin: 10px auto 20px;
}
.carData-detail table {
	width: 100%;
}
.carData-detail table th {
	padding:7px 0;
	width: 30%;
	text-align: center;
	font-weight: normal;
	border-bottom: 3px solid #fff;
}
.carData-detail table td {
	padding:7px 10px;
}
.price {
	font-size:26px;
	font-weight: bold;
	color: #f00
}
#newcarGallery {
	margin: 30px auto 0;
}
#newcarGallery .owl-wrapper {
	width:100% !important;
}
#sync2  .owl-item{
	width: 101px !important;
	margin: 0 4px 0 0;
	cursor:  pointer;
	border: 2px solid #fff;
}

/*------ gradeList ------*/
.gradeList {
	overflow-x:scroll;
}
.gradeList ul{
	width: 980px !important;
}
.gradeList li:first-child .gradeSell {
	border: none;
	text-align: center !important;
}
.gradeList li .gradeSell:first-child {
	border-left:none;
	width: 100%;
	text-align: left;
	border-left-style: none;
}
.gradeList li .gradeSell:nth-child(2) {
	text-align: right;
}
.gradeList li {
	text-align: center;
}
.gradeList li .gradeSell {
	border-left-style: dashed;
	border-left-width: 1px;
	border-top-style: dashed;
	border-top-width: 1px;
	padding: 15px;
	box-sizing: border-box;
}
.gradeList li:first-child:hover   {
	background-color:#fff !important;
}
.class1 {width: 407px !important; float: left;}
.class2 {width: 244px; float: left}
.class3 {width: 163px; float: left}

/* ===============================================
  media (max-width:768px)
=============================================== */
@media (max-width:768px) {
	.price {
		font-size:22px;
		font-weight: bold;
		color: #f00
	}
}
@media (max-width:576px) {
	.carData-detail  {
		box-sizing:border-box;
		padding: 0;
	}
	.carData-detail h3 {
		margin: 20px auto 30px;
}
.carData-detail table {
	width: 100%;
	margin: 20px auto 0;
}
.carData-detail table th {
	padding:7px 0;
	width: 40%;
	text-align: center;
	font-weight: normal;
	border-bottom: 3px solid #fff;
	}
}