.fl {
	float: left;
}

.fr {
	float: right;
}

body {
	background-color: #f5f5f5;
}
.row2, .row3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.row2{

	-webkit-line-clamp: 2;
}
.row3{
	line-clamp: 3;
	-webkit-line-clamp: 3;
}
.lazy {
    display: block;
	vertical-align: middle;
}
/* .ind-recom span.prev,
.ind-recom span.next {
	background: url(../images/icon/ico_left_right.png) no-repeat;
} */
.index_newsbox dl:first-child dt a{
	color:red
} 

.ind-common-title,
.hotrank-bd .item .title,
.hotrank-bd .item .list li .views .icon,
.video-bd .item-left a .icon,
.video-bd .item-right a .icon,
.vehicle-item .v-left .info .tit,
.hotfoll-bd .item dd label::before,
.ind-hotfollow .btn button .icon,
.ind-evaluation .eval-hd ul .on{
	background: url(../images/icon/index-icon.png) no-repeat;
}

.eval-bd .eval-box .sPrev,
.eval-bd .eval-box .sNext,
.live-bd .prev,
.live-bd .next,
.ind-focus span.prev,.ind-focus span.next,
.newscar-bd .prev,
.newscar-bd .next{
	background: url(../images/icon/prev-next.png) no-repeat;
}

.motorcycle-type a .icon,
.outBox .hd ul li .icon,
.hd-select .select-btn .icon{
	background: url(../images/icon/chexing.png) no-repeat;
}



.ind-common-title {
	width: 120px;
	height: 27px;
	text-indent: -9999px;
}

.ind-common-more a {
	display: inline-block;
	line-height: 27px;
	font-size: 14px;
	color: #3a7be6
}
.ind-common-more a:hover {
	font-weight: bold;
}


/*今日焦点*/
.ind-recom {
	height: 93px;
	padding: 10px 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #fff;
}

.ind-recom .recom_tit {
	width: 54px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	line-height: 73px;
}

.ind-recom .recom_con {
	position: relative;
	padding: 0 20px;
	width: 1065px;
}

.ind-recom ul {
	height:76px;
	overflow: hidden;
}

.ind-recom li {
	float: left;
	width: 128px;
}

/* .ind-recom li:hover {
	background-color: #f5f5f5;
} */

.ind-recom li a.img {
	display: block;
	width: 86px;
	height: 56px;
	margin: 0 auto;
}

.ind-recom li a.img img {
	display: block;
	object-fit: cover;
	width: 100%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.ind-recom li a.img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.ind-recom li a.txt {
	display: block;
	height: 20px;
	font-size: 14px;
	line-height: 18px;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333;
	text-align: center;
}

.ind-recom li a.txt:hover {
	color: #4e76e0;
}

.ind-recom li p {
	font-size: 12px;
	line-height: 14px;
	color: #999;
	text-align: center;
	margin-top: 5px;
}

.ind-recom li em {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #4e76e0;
	margin-top: 5px;
	text-align: center;
}

.ind-recom span.prev,
.ind-recom span.next {
	position: absolute;
	top: 24px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	background-color: #f8fafd;
}

.ind-recom span.prev {
	left: -10px;

}

.ind-recom span.next {
	right: -10px;
	
}

.ind-recom span.prev:hover,
.ind-recom span.next:hover {

	background-color: #0088fe;
	color:#fff;
}

.ind-recom li:hover .txt,
.ind-recom li:hover p,
.ind-recom li:hover em {
	font-weight: 700;
}
.ind-recom span.prevStop,
.ind-recom span.nextStop {
display:none;
}

.headlines {
	padding: 20px;
	background-color: #fff;
}

.index_newsbox {
	float: right;
	width: 440px;
	height: 405px;

}

.ind-focus {
	position: relative;
	width: 640px;
	height: 405px;
	overflow: hidden;
}

.ind-focus::before {
	display:none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	content: '';
	background-color: rgba(0,0,0,0.7);
	z-index: 6;
}
.ind-focus ul.img {
	position: relative;
	width: 640px;
	height: 405px;
	object-fit: cover;
}
.ind-focus ul.img a {
	display: block;
	width: 640px;
	height: 405px;
}
.ind-focus ul.img a img {
	display: block;
	object-fit: cover;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.ind-focus ul.img a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.ind-focus ul.btn {
	position: absolute;
	bottom: 10px;
	right: 0;
	left:0;
	height: 20px;
	overflow: hidden;
	z-index: 9;
	text-align: center;

}
.ind-focus ul.btn li {
		display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.75);
	font-size: 0;
	margin-left: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
}
.ind-focus ul.btn li.on {
	width: 25px;
	background-color: #4284d9;
}
.ind-focus h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	right:0;
	padding: 0 15px;
	text-align: center;
	font-size: 20px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	z-index: 8;
}
.ind-focus span.prev,.ind-focus span.next {
	opacity: 0.5;
	position: absolute;
	top: 178px;
	width: 30px;
	height:60px;
	cursor: pointer;
}
.ind-focus span.prev {
	left: 0;
	background-position: 0 -221px;
}
.ind-focus span.next {
	right: 0;
	    background-position: -75px -221px;
}
.ind-focus span.prev:hover {
	background-position: -181px -221px;
}
.ind-focus span.next:hover {
	background-position: -261px -221px;
}

/*index_newsbox*/
.index_newsbox {
	float: right;
	width: 500px;
	height: 405px;
}

.index_newsbox dl {
	padding: 15px 0;
	border-top: solid 1px #e6e6e6;
}

.index_newsbox dl:first-child {
	border-top: none;
	padding-top: 0;
}

.index_newsbox dl:last-child {
	padding-bottom: 0;
}

.index_newsbox dt {
	height: 22px;
	line-height: 22px;
	font-size:18px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.index_newsbox dt a {
	transition: all .3s;
	color: #444;
}

.index_newsbox dt a:hover {
	color: #0088fe;
}

.index_newsbox dd {
	margin-top: 8px;
	font-size:14px;
	line-height: 24px;
	color: #999;
}

.index_newsbox dd a {
	transition: all .3s;
	color: #666;
}

.index_newsbox dd a:hover {
	color: #0088fe;
}


/*精彩测评*/
.ind-evaluation {
	padding: 20px;
	height: 345px;
	background-color: #fff;
	overflow: hidden;
}

.ind-evaluation .eval-hd {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
}

.ind-evaluation .eval-hd ul {
	margin-left: 100px;
}

.ind-evaluation .eval-hd ul li {
	float: left;
	padding-left: 20px;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	color: #666;
	cursor: pointer;
}

.ind-evaluation .eval-hd ul .on {
	font-size:16px;
	background-position: right 0;
	color: #fff
}

.ind-evaluation .eval-hd .ind-common-title {
	margin-top: 5px;
	background-position: 0 -62px;
}

.eval-bd .eval-box {
	overflow: hidden;
	zoom: 1;
	position: relative;
	height: 258px;
	padding: 10px 0px 10px 20px;
}


.eval-bd .eval-box .sPrev,
.eval-bd .eval-box .sNext {
	display: inline-block;
	width: 18px;
	height: 29px;
	position: absolute;
	top: 80px;
}

.eval-bd .eval-box .sPrev {
	left: 0;
	background-position: 0 0;
}

.eval-bd .eval-box .sNext {
	right: 0;
	background-position: -82px 0;
}

.eval-bd .eval-box .prevStop {
	background-position: 0 -118px;
	cursor: no-drop;
}
.eval-bd .eval-box .nextStop {
	background-position: -82px -118px;
	cursor: no-drop;
}

.eval-bd .eval-box ul {
	overflow: hidden;
	zoom: 1;
}

.eval-bd .eval-box li {
	float: left;
	margin: 0 10px;
	_display: inline;
	overflow: hidden;
	text-align: center;
}
.eval-bd .eval-box li .pic {
	width: 260px;
	height: 180px;
	overflow: hidden;
	margin-bottom: 10px;
}

.eval-bd .eval-box li .pic img {
	width: 260px;
	height: 180px;
	transition: all .3s;
	object-fit: cover;
}
.eval-bd .eval-box li:hover .pic img {
	transform: scale(1.1);
}
.eval-bd .eval-box li .title{
	width: 260px;
}
.eval-bd .eval-box li .title a{
	display: inline-block;
	height:48px;
	text-align: left;
	font-size:15px;
	line-height: 24px;
	overflow: hidden;
	color:#444;
}
.eval-bd .eval-box li .title a:hover{
	color:#0088fe;
}

/*热点关注*/
.ind-hotfollow {
	padding: 20px;
	width: 860px;
	height: 900px;
	background-color: #fff;
}

.ind-hotfollow .hotfoll-hd {
	height: 40px;
	margin-bottom: 20px;
}

.hotfoll-hd .ind-common-title {
	float: left;
	background-position: 0 -99px;
}
.hotfoll-hd .h-box{
	float: left;
	padding-left:80px;
	overflow: hidden;
	}
.hotfoll-hd .h-box li {
	float: left;
	width: 80px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #eee;
	border-radius: 20px;
	margin-right: 20px;
	text-align: center;
	font-size: 15px;
	color: #444;
	cursor: pointer;
}

.hotfoll-hd .h-box .on {
	background-color: #1981eb;
	border: 1px solid #1981eb;
	color: #fff;
}

.ind-hotfollow .hotfoll-bd {}

.hotfoll-bd {
	width: 880px;
}

.hotfoll-bd .item {
	overflow: hidden;
}

.hotfoll-bd .item dl {
	float: left;
	width: 260px;
	height: 360px;
	margin: 0 0 20px 20px;
	overflow: hidden;
	border:2px solid #fff;
}


.hotfoll-bd .item dl:nth-child(3n+1) {
	margin-left: 0;
}

.hotfoll-bd .item dt {
	width: 260px;
	height: 180px;
	overflow: hidden;
}

.hotfoll-bd .item dt a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.hotfoll-bd .item dt span {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	font-size:14px;
	line-height: 30px;
	color: #fff;
	padding: 0 15px;
	background-color: #ff9600;
	z-index: 9;
}

.hotfoll-bd .item dt img {
	display: block;
	object-fit: cover;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.hotfoll-bd .item dt:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.hotfoll-bd .item dd {
	height: 176px;
	border: solid 1px #ededed;
	padding: 15px 20px 15px;
	overflow: hidden;
}

.hotfoll-bd .item dd h4 {
	height: 48px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	color: #444;
	margin-bottom: 20px;
	text-align: justify;
	cursor: pointer;
	overflow: hidden;
}

.hotfoll-bd .item dd a:hover {
	color: #0088fe;
}

.hotfoll-bd .item dd p {
	margin-bottom:15px;
	height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	overflow: hidden;
}

.hotfoll-bd .item dd span {
	float: right;
	font-size:12px;
	line-height: 16px;
	color: #999;
	margin-top: 10px;
}

.hotfoll-bd .item dd em {
	display: block;
	height: 36px;
	padding: 10px 0;
	color: #999;
	border-bottom: solid 1px #e6e6e6;
}

.hotfoll-bd .item dd em::before {
	float: left;
	width: 16px;
	height: 16px;
	content: '';
	margin-right: 5px;
	background: url(../img/ico_newslist.png) no-repeat 50% 0;
}

.hotfoll-bd .item dd label {
	position: relative;
	display: block;
	width:100px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	margin-top: 10px;
	padding-left: 20px;
	overflow: hidden;
	
}

.hotfoll-bd .item dd label::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	content: '';
	background-position: right -198px;
}

.hotfoll-bd .item dd label a {
	color: #666;
}

.hotfoll-bd .item dd label a:hover {
	color: #0088fe;
}

.hotfoll-bd .item dl:hover {
/* 	box-shadow: 0 5px 14px rgba(125, 125, 125, 0.1); */
border:2px solid #0088fe;
}

.ind-hotfollow .btn {
	height: 38px;
}

.ind-hotfollow .btn button {
	display: block;
	width: 130px;
	height: 38px;
	margin: 0 auto;
	border: solid 1px #1981eb;
	background-color: #fff;
	border-radius: 5px;
	font-size:14px;
	line-height: 38px;
}

.ind-hotfollow .btn button {
	position: relative;
	color: #1981eb;
}
.ind-hotfollow .btn button span .icon{
	display: inline-block;
	vertical-align: top;
	margin: 11px 5px 0 0; 
	width:16px;
	height:15px;
	background-position: right -224px;
}
.ind-hotfollow .btn button:hover{
	background-color: #1981eb;
	color: #fff;
}
.ind-hotfollow .btn button:hover .icon{
	background-color: #1981eb;
	background-position: -358px -224px;
}







/*新车发布*/
.ind-newscar {
	padding: 20px;
	width: 320px;
	height: 900px;
	background-color: #fff;
}

.ind-newscar .newscar-hd {
	height: 40px;
	margin-bottom: 20px;
}

.ind-newscar .newscar-hd .ind-common-title {
	background-position: 0 -138px;
}
.ind-newscar .newscar-bd { 
	padding: 20px 0;
	position: relative;
	}
.ind-newscar .newscar-bd ul{ 
	overflow:hidden; 
	zoom:1;
	}
.newscar-bd ul li{
	margin-bottom: 10px;
}
.newscar-bd .box {
	padding: 20px 10px 18px;
	width: 280px;
	height: 140px;
	border: 1px solid #eee;
	
}
.newscar-bd .box:hover{
		padding: 19px 9px 17px;
	border:2px solid #0088fe;
}
.newscar-bd .pic {
	margin-right: 10px;
}
.newscar-bd .pic img{
	object-fit: cover;
}

.newscar-bd .info {
	width:118px;
}

.newscar-bd .info p {
	text-align: left;
	margin-bottom: 8px;
}

.newscar-bd .info .p01 {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 18px;
	font-weight: 600;
	color: #444
}

.newscar-bd .info .p02 {
	font-size: 14px;
	color: #999
}

.newscar-bd .info .p03 {
	font-size: 16px;
	color: #444
}

.newscar-bd .info span {
	color: #1981eb
}
.newscar-bd .prev,
.newscar-bd .next{
	display: inline-block;
	width:30px;
	height: 18px;
	position: absolute;
	left:50%;
	right:0;
	margin-left: -15px;
	cursor: pointer;
}
.newscar-bd .prev{
	top:-10px;
	background-position: 0 -180px;
}
.newscar-bd .next{
	bottom: 0;
	background-position: -78px -182px;
}
.newscar-bd .prev:hover{
	background-position: -184px -180px;
}
.newscar-bd .next:hover{
	background-position: right -182px;
}

/*精选视频*/
.ind-video {
	padding: 20px;
	height: 482px;
	background-color: #fff;
}

.video-hd {
	height: 27px;
	margin-bottom: 30px;
}

.video-hd .ind-common-title {
	background-position: 0 -178px;
}

.video-bd .item-left {
	width: 600px;
	overflow: hidden;
}
.video-bd .item-left a{
	position: relative;
	display:inline-block;	
}
.video-bd a img{
	object-fit: cover;
	transition: all .3s;
}
.video-bd a:hover img{
		transform: scale(1.1);
	}
.video-bd .item-left a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/* background:rgba(0,0,0,.2); */
	z-index: 1;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;

}
.video-bd .item-left a .icon{
	margin: -32px 0 0 -32px;
   width:64px;
   height:64px;
   background-position: right -252px;
}
.video-bd .item-left a .tit{
	margin: 50px 0 0 -140px;
   width:280px;
   height:48px;
   line-height: 24px;
   overflow: hidden;
   text-align: center;
  font-size:16px;
  color:#fff;
}
.video-bd .item-left a .icon,
.video-bd .item-left a .tit{
	z-index: 2;
	position: absolute;
	top:50%;
	left:50%;
	display: inline-block;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	}
	

.video-bd .item-left a:hover::before{
	/* background:rgba(0,0,0,0); */
}
/* .video-bd .item-left a:hover .icon,
.video-bd .item-left a:hover .tit{
  opacity: 0;
} */
.video-bd .item-right {
	width: 560px;
}

.video-bd .item-right a {
	position: relative;
	float: left;
	margin: 0 0 20px 20px;
	overflow: hidden;
}
.video-bd .item-right a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/* background:rgba(0,0,0,.2); */
	z-index: 1;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;

}
.video-bd .item-right a .icon,
.video-bd .item-right a .tit,
.video-bd .item-right a .type{
	z-index: 2;
	position: absolute;
	top:35%;
	left:50%;
	display: inline-block;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	}
.video-bd .item-right a .icon{
  margin: 0 0 0 -20px;
  width:40px;
  height:40px;
  background-position: right -372px;
}
.video-bd .item-right a .type{
   top:45%;
   left:0;
   right:0;
   width:100%;
   height:24px;
   line-height: 24px;
   overflow: hidden;
   text-align: center;
    font-size:14px;
   color:#fff;
}
.video-bd .item-right a .tit{
	top:60%;
	left:50%;
	margin-left:-100px;
	width:200px;
   height:24px;
   line-height: 24px;
   overflow: hidden;
   text-align: center;
  font-size:14px;
  color:#fff;
}

.video-bd .item-right a:hover::before{
	/* background:rgba(0,0,0,0); */
}
/* .video-bd .item-right a:hover .icon,
.video-bd .item-right a:hover .tit,
.video-bd .item-right a:hover .type{
  opacity: 0;
} */

/*漫画说*/
.ind-cartoon {
	padding: 20px 0 20px 20px;
	width: 860px;
	height: 480px;
	background-color: #fff;
}

.cartoon-hd {
	margin-bottom: 30px;
	height: 27px;
	padding-right: 20px;
}

.cartoon-hd .ind-common-title {

	background-position: 0 -216px;
}

.cartoon-bd li {
	width: 260px;
	height: 180px;
	float: left;
	margin: 0 20px 20px 0;
}

.cartoon-bd li a {
	position: relative;
	display: block;
	width: 260px;
	height: 180px;
	overflow: hidden;
}

.cartoon-bd li a img {
	display: block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.cartoon-bd li a p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 36px;
	padding: 0 15px;
	font-size:14px;
	line-height: 36px;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background-color: rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.cartoon-bd li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.cartoon-bd li a:hover p {
	background-color: rgba(78, 118, 224, 0.85);
}




/*直播说*/
.ind-live {
	padding: 20px;
	width: 320px;
	height: 480px;
	background-color: #fff;
}

.ind-live .live-hd {
	height: 27px;
	margin-bottom: 30px;
}

.ind-live .live-bd {
	position: relative;
}

.live-hd .ind-common-title {
	background-position: 0 -254px;
}

.live-bd .hd {
	z-index: 2;
	position: absolute;
	left: 0;
	right:0;
	bottom: 10px;
	height: 10px;
    text-align: center;
	align-items: center;
}

.live-bd .hd ul li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.75);
	font-size: 0;
	margin-left: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
}

.live-bd .hd ul .on {
	width: 25px;
	background-color: #4284d9;
}

.live-bd .prev,
.live-bd .next {
	display: inline-block;
	width: 30px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.live-bd .prev {
	left: 0px;
	background-position: 0 -221px;
}

.live-bd .next {
	right: 0px;
	background-position: -75px -221px;
}

.live-bd .prev:hover {
	background-position: -181px -221px;
}
.live-bd .next:hover {
	background-position: -261px -221px;
}
.live-bd .bd a img {
	transition: all .3s;
}
.live-bd .bd a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/*车型推荐*/
.ind-recom-vehicle {
	position: relative;
	padding: 20px;
	height: 560px;
	background-color: #fff;
}
.ind-recom-vehicle .recom-vehicle-hd{
	height: 27px;
	margin-bottom: 20px;
}
.recom-vehicle-hd .ind-common-title{
	background-position: 0 -290px;
}
.recom-vehicle-bd{}
.recom-vehicle-bd .vehicle-item{}
.vehicle-item .v-left{}
.vehicle-item .v-left .info{
	width:540px;
	height: 50px;
	line-height: 50px;
	background-color: #1981eb;
	margin-bottom: 20px;
	border-radius: 5px;
}
.vehicle-item .v-left .info .tit{
	padding: 0 30px 0 15px;
	margin-right: 15px;
	display: inline-block;
	font-size:18px;
	font-weight: bold;
	font-style:italic;
	color:#fff;
	background-position: right -513px;
	border-radius:5px  0px 0 5px;
}
.vehicle-item .v-left .info .prices{
	padding: 0 5px;
	font-size:14px;	
	color:#fff;
}
.vehicle-item .v-left .info .prices .pr01{
	font-size:16px;
	font-weight: bold;
	color:#fff;
}




.vehicle-item .v-left .tech-data{
	padding: 0 17px;
	width:540px;
	height: 190px;
	border:1px solid #eee;
	margin-bottom: 20px;
	text-align: center;
}
.tech-data .tit,
.basics-data .tit{
	height:45px;
	line-height: 45px;
	font-size:16px;
	color:#444
}
.tech-data .item li{
	float:left;
	margin: 0 20px 20px 0;
	width:160px;
	height:50px;
	line-height: 50px;
	background-color: #1981eb;
	border-radius: 5px;
	font-size:16px;
	color:#fff;
}
.tech-data .item li:hover{
	opacity: .8;
}
.tech-data .item li:nth-child(3n){
	width: 144px;
	margin-right: 0;
}



.vehicle-item .v-left .basics-data{
	padding: 0 17px;
	width:540px;
	height: 150px;
	border:1px solid #eee;
	text-align: center;
}

.ind-recom-vehicle ul.btn {
	position: absolute;
	bottom: 25px;
	right: 0;
	left:0;
	height: 20px;
	overflow: hidden;
	z-index: 9;
	text-align: center;

}
.ind-recom-vehicle ul.btn li {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #e3e3e3;
	margin-left: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
	text-indent: -88888px;
}
.ind-recom-vehicle ul.btn li.on {
	border: 1px solid #4284d9;
	background-color: #4284d9;
}
.vehicle-item .v-right a{
	display: inline-block;
    width:600px;
	height:430px;
	overflow: hidden;
}
.vehicle-item .v-right a img{
	transition: all .3s;
}
.vehicle-item .v-right a img:hover{
	transform: scale(1.1);
}

/*政策解读*/
.ind-policy {
	padding: 20px 25px;
	width: 590px;
	height: 660px;
	background-color: #fff;
}
.ind-policy .policy-hd{
	height: 27px;
	margin-bottom: 30px;
}
.policy-hd .ind-common-title {
	background-position: 0 -326px;
}
.policy-bd .pic{
	margin-bottom: 30px;
}
.policy-bd .pic a {
	position: relative;
	display: block;
	width: 540px;
	height: 360px;
	overflow: hidden;
}

.policy-bd .pic a img {
	display: block;
	object-fit: cover;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.policy-bd .pic a p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 36px;
	padding: 0 15px;
	font-size:14px;
	line-height: 36px;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background-color: rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.policy-bd .pic a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.policy-bd .pic a:hover p {
	background-color: rgba(78, 118, 224, 0.85);
}
.policy-bd .list ul li{
	position: relative;
	padding-left: 30px;
	height: 42px;
	line-height: 42px;
	font-size:16px;
}
.policy-bd .list ul li::before{
	    content: "";
	    position: absolute;
	    top: 50%;
	    left: 0;
	    display: block;
	    width: 8px;
	    height: 8px;
	    margin-top: -4px;
		background-color: #1b9dff;
}
.policy-bd .list ul li a{
	display: inline-block;
    font-size: 16px;
    color: #444;
    width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.policy-bd .list ul li a:hover{
	color:#0088fe;
}








/*车主说*/
.ind-vehicle-owner {
	padding:20px 25px;
	width: 590px;
	height: 660px;
	background-color: #fff;
}
.ind-vehicle-owner .vehicle-owner-hd{
	height: 27px;
	margin-bottom: 30px;
}
.vehicle-owner-hd .ind-common-title {
	background-position: 0 -362px;
}


/*精彩活动*/
.ind-active{
	padding: 20px;
	height:250px;
	background-color: #fff;
}
.ind-active .active-hd{
	height: 27px;
	margin-bottom: 30px;
}
.active-hd .ind-common-title{
	background-position: 0 -398px;
}

.ind-active .active-bd ul li{
	float: left;
	margin-right: 13px;
	overflow: hidden;
}
.ind-active .active-bd ul li a img{
	transition: all .3s;
}
.ind-active .active-bd ul li a:hover img{
	transform: scale(1.1);
}
.ind-active .active-bd ul li:last-child{
	margin-right: 0px;
}


/*热点排行*/
.ind-hotrank{
	padding: 20px;
	height:650px;
	background-color: #fff;
}
.hotrank-hd{
	height: 27px;
	margin-bottom: 20px;
}
.hotrank-hd .ind-common-title{
	background-position: 0 -434px;
}
.hotrank-bd .item{
    float:left;
	margin-right: 20px;
	width:370px;
	height:560px;
	border: 1px solid #eee;
}
.hotrank-bd .item:nth-child(1){
    width:380px;
}
.hotrank-bd .item:nth-child(3){
	margin-right: 0px;
}
.hotrank-bd .item .title{
	padding-left: 15px;
	margin:0 0 10px -5px;
	width:180px;
	height:45px;
	line-height: 40px;
	font-size:16px;
	color:#fff;
	background-position: right -50px;
}
.hotrank-bd .item .title02{
	width:200px;
	background-position: right -99px;
}
.hotrank-bd .item .title03{
	width:200px;
	background-position: right -149px;
}
.hotrank-bd .item .list li{
	padding: 10px;
	height:50px;
	line-height: 50px;

}
.hotrank-bd .item .list li .num{
	display: inline-block;
	margin-right: 10px;
	width:20px;
	height:20px;
	line-height: 20px;
	text-align: center;
	border-radius: 5px;
	background-color: #aaa;
	font-size:12px;
	color:#fff
}
.hotrank-bd .item .list li:nth-child(1) .num{
	background-color: #1658c6;
}
.hotrank-bd .item .list li:nth-child(2) .num{
	background-color: #0c7cfa;
}
.hotrank-bd .item .list li:nth-child(3) .num{
	background-color: #3eacff;
}
.hotrank-bd .item .list li .tit{
	width:240px;
	height:20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow:ellipsis;
}
.hotrank-bd .item .list li .tit a{
	font-size:14px;
	color:#444;
}
.hotrank-bd .item .list li .tit a:hover{
	color:#0088fe;
}
.hotrank-bd .item .list li .views{
	height:20px;
	line-height: 20px;
	color:#999
}
.hotrank-bd .item .list li .views .icon{
	display: inline-block;
	width:17px;
	height:10px;
	background-position: right -351px;
}

/*友情链接*/
.ind-links{
	padding: 20px;
	height: 140px;
	background-color: #fff;
}
.ind-links .links-hd{
	height: 27px;
	margin-bottom: 20px;
}
.links-hd .ind-common-title{
	background-position: 0 -473px;
}
.links-bd a{
	display: inline-block;
	margin: 0 8px;
	line-height: 30px;
	font-size:14px;
	color:#444;
}
.links-bd a:hover{
	color:#0088fe;
}

.chart {
	position: relative;
    float: left;
    margin-right: 15px;
}
.chart:last-child {
    margin-right: 0px;
}
.chart .p01,
.chart .p02{
	position: absolute;
	left:0;
	right:0;
	font-size:12px;
	color:#999
}
.chart .p01{
	top:14px;
}
.chart .p02{
	top:55px;
}
.percentage,
.label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 1.2em;
    margin-bottom: 0.3em;
}
.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.percentage-light span{
	display: inline-block;
	margin-top: 4px;
	font-size:20px;
	font-weight: bold;
	color:#444;
}


/* .circliful {
    position: relative
}

.circle-text,.circle-info,.circle-text-half,.circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block
}

.circle-info,.circle-info-half {
    color: #999
}

.circliful .fa {
    margin: -10px 3px 0;
    position: relative;
    bottom: 4px
} */



/*20210120 */
.car-type-box{
	padding:30px 20px 15px;
	width:1200px;
	margin: 0 auto 20px;
	background-color: #fff;
}
.motorcycle-type{
	margin-bottom: 30px;
}
.motorcycle-type a{
	display: inline-block;
	padding: 0 20px;
	float: left;
}
.motorcycle-type a .icon{
	display: inline-block;
	margin-right: 2px;
	vertical-align: middle;
	width:56px;
	height:25px;
	transition: all .3s;
}
.motorcycle-type a .txt{
	display: inline-block;
	height:25px;
	line-height: 25px;
}
.motorcycle-type a:hover .txt{
	color:#0088fe
}
.motorcycle-type a .icon01{
	width:36px;
	height:23px;
	background-position: 0 0;
}
.motorcycle-type a .icon02{
	width:50px;
	height:25px;
	background-position: -45px 0;
}
.motorcycle-type a .icon03{
	width:50px;
	height:25px;
	background-position: -100px 0;
}
.motorcycle-type a .icon04{
	width:54px;
	height:25px;
	background-position: -158px 0;
}
.motorcycle-type a .icon05{
	width:56px;
	height:24px;
	background-position: -222px 0;
}
.motorcycle-type a .icon06{
	width:59px;
	height:22px;
	background-position: -288px 0;
}
.motorcycle-type a .icon07{
	width:55px;
	height:25px;
	background-position: -353px 0;
}
.motorcycle-type a .icon08{
	width:60px;
	height:24px;
	background-position: -417px 0;
}
.motorcycle-type a .icon09{
	width:58px;
	height:22px;
	background-position: -485px 0;
}
.motorcycle-type a:hover .icon01{
	width:36px;
	height:23px;
	background-position: 0 -31px;
}
.motorcycle-type a:hover .icon02{
	width:50px;
	height:25px;
	background-position: -45px -31px;
}
.motorcycle-type a:hover .icon03{
	width:50px;
	height:25px;
	background-position: -100px -31px;
}
.motorcycle-type a:hover .icon04{
	width:54px;
	height:25px;
	background-position: -158px -31px;
}
.motorcycle-type a:hover .icon05{
	width:56px;
	height:24px;
	background-position: -222px -31px;
}
.motorcycle-type a:hover .icon06{
	width:59px;
	height:22px;
	background-position: -288px -31px;
}
.motorcycle-type a:hover .icon07{
	width:55px;
	height:25px;
	background-position: -353px -31px;
}
.motorcycle-type a:hover .icon08{
	width:60px;
	height:24px;
	background-position: -417px -31px;
}
.motorcycle-type a:hover .icon09{
	width:58px;
	height:22px;
	background-position: -485px -31px;
}
.outBox {
	
}

.outBox .hd {
	width:534px;
	height: 44px;
	line-height: 44px;
	position: relative;
}

.outBox .hd ul {
	float: left;
	position: absolute;
	left: 0px;
	top: -1px;
	height: 32px;
}

.outBox .hd ul li {
	float: left;
	margin-right: 10px;
	width:123px;
	text-align: center;
	padding: 0 15px;
	cursor: pointer;
    background-color: #F0F3FA;
	border-radius: 2px;
	font-size: 16px;
	color:#143258;
}
.outBox .hd ul li .icon{
	display: inline-block;
	vertical-align: top;
	margin: 14px 2px 0 0;
	width:16px;
	height:18px;
}
.outBox .hd ul li .icon01{
	width:16px;
	height:18px;
	background-position:  0 -65px;
}
.outBox .hd ul li .icon02{
	width:18px;
	height:18px;
	background-position:  -27px -65px;
}
.outBox .hd ul li .icon03{
	width:20px;
	height:18px;
	background-position:  -54px -65px;
}
.outBox .hd ul li .icon04{
    width:17px;
	height:17px;
	background-position:  -85px -65px;
}
.outBox .hd ul li:hover .icon01,
.outBox .hd ul li.on .icon01{
	background-position:  0 -90px;
}
.outBox .hd ul li:hover .icon02,
.outBox .hd ul li.on .icon02{
	background-position:  -27px -90px;
}
.outBox .hd ul li:hover .icon03,
.outBox .hd ul li.on .icon03{
	background-position:  -54px -90px;
}
.outBox .hd ul li:hover .icon04,
.outBox .hd ul li.on .icon04{
	background-position:  -85px -90px;
}

.outBox .hd ul li.on {
	background: #0088FE;
	color:#fff;
}
.hd-select{}
.hd-select .select-item{
	position: relative;
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	width: 246px;
	height: 44px;
	line-height: 44px;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #C5CAD4;
	font-size: 16px;
	color: #0F1E36;
	cursor: pointer;
}
.hd-select .select-item:hover{
	border: 1px solid #1993FE
}
.hd-select .select-item.disabled{
    color: #999cab;
    border-color: #e6ebf5;
}
.hd-select .select-item .icon-xiala{
	position: absolute;
	top:0px;
	right:10px;
	transition: all .3s;
}

.hd-select .select-item.active  .icon-xiala{
    -webkit-transform: scale(.9) rotate(180deg);
    -ms-transform: scale(.9) rotate(180deg);
    transform: scale(.9) rotate(180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.hd-select .select-btn{
	display: inline-block;
	width: 114px;
	height: 44px;
	line-height: 44px;
	background-color: #0088FE;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	color: #FFFFFF;
}
.hd-select .select-btn .icon{
	display: inline-block;
	width:21px;
	height:17px;
	background: url(../images/icon/chexing.png) no-repeat;
	background-position:  -111px -65px;
	vertical-align: top;
	margin-top: 14px;
}


.outBox .bd{
	height:123px;
	overflow: hidden;
}
.inBox {
	padding: 15px 0px 0 0px;
}

.inBox .inHd {
	float: left;
	width:123px;
	line-height: 24px;
}

.inBox .inHd .lab{
	display: block;
	height: 52px;
	line-height: 52px;
	font-size:18px;
	font-weight: 700;
	text-align: center;
	color:#333;
}
.inBox .inHd ul {
	overflow: hidden;
	zoom: 1;
}

.inBox .inHd ul li {
	margin-bottom: 5px;
    height: 24px;
    width: 100px;
    text-align: left;
    float: left;
    cursor: pointer;
    border-left: 3px solid #fff;
    padding-left: 10px;
	font-size:14px;
	color: #333;
}
.inBox .inHd3 ul li {
	margin:10px 0;
}
.inBox .inHd ul li.on {
	border-left:3px solid #1993fe;
	background: linear-gradient(to right,#d7edff,#f3fbff);
	color: #1993fe;
}
.inBox .inBd{
	float: right;
	width:1036px;
}
.inBox .inBd ul {
	padding: 0 15px;
	zoom: 1;
	overflow: hidden;
	background: url(../images/icon/line5.png) repeat-x 0 51px;
	border-left: 1px solid #E5E5E5;
}
.inBox .inBd2{
	background: url(../images/icon/line5.png) repeat-x 0 51px;
}
.inBox .inBd2 ul {
	padding: 0 15px;
	zoom: 1;
	overflow: hidden;
	background:none;
	border-left: 1px solid #E5E5E5;
}
.inBox .inBd li {
	padding: 8px 0;
	width: 125px;
	float: left;
	line-height: 24px;
	text-align: center;
}
.inBox .inBd li a:hover .desc_name{
	color:#0088FE
}

.descContainer{}
.descContainer .desc_name{
	height:14px;
	line-height: 14px;
	font-size:14px;
	font-weight: 600;
	color:#333;
	    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.descContainer .disc_wrapper{}
.descContainer .disc_wrapper .desc_price,
.descContainer .disc_wrapper .desc_division,
.descContainer .disc_wrapper .desc_endurance{
	font-size:12px;
	color:#666;
	}


.brand_wrap { width: 980px; margin: 0 auto; display: block; }
.clear { clear: both; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.ml9 { margin-left: 9px; }
.mr9 { margin-right: 9px; }
.brand_left {z-index: 2; position:absolute;top:42px;left:-1px; width: 246px; background:#fff; }
.brand_right { width: 745px; float: right; }
/*brand_nav*/
.brand_head { background: #eff2f5; border: 1px solid #e6e6e6; border-bottom: 0; width: 216px; height: 40px; font:bold 16px/40px "Microsoft YaHei"; color: #444; padding-left: 9px;}
.brand_nav { width: 246px; border: 1px solid #e6e6e6; display: block; position: relative; z-index: 1; }
.brand_nav .brand_side { width: 32px; height: 100%;position: absolute; left: 0; top: 0; }
.brand_nav .numA-Z { padding: 5px 0; width: 32px; text-align: center; background-color: #111E36;float:left}
.brand_nav .numA-Z a { width: 22px;height: 22px; line-height: 22px;   text-align: center;  margin: 5px auto 0; display: block; color: #fff; }
.brand_nav .numA-Z a:hover { text-decoration: none; background: #1993FE; color: #FFF; }
.brand_nav .numA-Z .active { width: 22px; height: 22px; line-height: 22px;  font-size: 14px; text-align: center; background: #0088FE; color: #FFF; }
/*brand_col*/
.brand_col { width: 188px; margin: 0 0 0 32px;}
.brand_left2 .brand_col { width: 244px; margin: 0;}
.brand_col .brand_list { width: 212px;height:576px; margin: 0; display: block; overflow-y: scroll; background-color:#fff;}
.brand_left2 .brand_col .brand_list  { width: 244px;height:auto; margin: 0; display: block; overflow-y: hidden; }
.brand_col .list_cont li { display: block; height: 31px; line-height: 31px; }
.brand_col .list_cont li a { display: block; padding-left: 10px; position: relative;font-size:14px;}
.brand_col .list_cont li a .iconfont{display: none; position: absolute; top:0;right:10px;}
.brand_col .list_cont li a:hover {text-decoration: none; }
.brand_col .list_cont li a:hover .iconfont{ display: block; color: #cecece; }
.brand_col .list_cont  .active a .iconfont{ display: block; color: #0088FE; }
.brand_col .list_cont .sign { width: 31px; height: 31px; float: left; display: inline; margin: 0 7px;}
.brand_col .list_cont .name { height: 23px; background: #F1F3F6; line-height: 22px; padding-left: 10px;}
.brand_col .list_cont .a2 { padding-left: 28px; height: 24px; line-height: 24px; }
.brand_col .list_cont .menu_li { padding-left: 46px; height: 24px; line-height: 24px; }
.brand_col .list_cont .menu_li a { width: 93px; height: 18px; display: inline-block; line-height: 18px; padding: 0 2px; }
.brand_col .list_cont .menu_li a:hover { background: #3697db; color: #FFF; text-decoration: none; }
.brand_col .list_cont .a1 { height: auto; padding-left: 0; display:none }
.brand_col .list_cont .a1 ul { padding:0; margin: 8px 0; background: url("../images/line05.png") repeat-y 10px top }
.brand_col .list_cont .a1 li { border-bottom: 0; }
.brand_col .list_cont .a2 { background: url("../images/line01.png") no-repeat;}
.brand_col .list_cont .a2 a:hover { background-color: #FFF;}
.brand_col .list_cont .menu_li { line-height: 20px; height: 21px; background: url("../images/line03.png") no-repeat 32px top;}
.brand_col .list_cont .menu_no { background: url("../images/line06.png") no-repeat 32px bottom;}
/*bread_nav*/
.bread_nav { display: block; height: 20px; width: 980px; margin: 10px auto 0 auto; }
.bread_nav .nav_l { float: left; font: 14px/20px "Microsoft YaHei"; color: #838383; }
.bread_nav .nav_l a { color: #3697db; }
.bread_nav .nav_l em { padding: 0 5px; font-family: "SimSun"; }