/*********************************************锟斤拷锟斤拷筛选*****************************************/
#LevelBrandsArea{
	/* margin-bottom: 10px; */
}
#contianer{
	margin:0 15px;
}
#topLunbotu img{
	margin-top:15px !important;
	border-radius: 10px;
}
#businessCard{
    margin: 15px 0 0 0;
    background: #FFF;
    padding: 15px;
    border-radius: 10px;
    font-size:16px;
	font-weight:700;
}
#cardDetail{
	margin-left:10px;
}
#toCardDetail{
	float:right;
	margin-right:10px;
}
#toCardDetail img,#cardImg img{
	width:20px;
	margin-bottom:5px;
}
.cardImg{
	background-image: url(../../img/front25/gongsi.png);
    background-size: cover;
	
}
.cardImg1 {
    background-image: url(../../img/front25/gongsi.png), linear-gradient(#333, #f00);
    background-blend-mode: lighten;
    background-size: cover;
}
#vinTitle,#vehicleTitel{
	font-size: 16px;
	margin: 15px;
}
#vehicleTitel{
	padding-top:15px;
}
#vinInput{
	margin:15px;
}
#indexShouCang img{
	width:20px;
	margin:0 10px 10px 0;
}
#vehicelAndPhoto img{
	width:55px;
}
.bottomArea{
	background: #FFF;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align:center;
  padding:5px 0;
}
.bottomArea img{
	width:30px;
}
#LevelVinCodeInputGroupArea panel-body{
	border-radius: 10px;
}
#vehicelAndPhoto{
	border-radius: 10px;
	background:#FFF;
}
#vehicelAndPhoto .row{
	padding:15px 20px;
	text-align:center;
	font-size:16px;
	
}
#support{
	text-align:center;
	color:#B8B8B8;
	margin-top:15px;
}
#brand-indexs{
    position: fixed;
    z-index: 1002;
	top: 140px;
	right: 0px;
}
#brand-indexs ul li{
	list-style: none;
	margin-bottom: 2px;
    /* text-align: center; */
}
.touch_active {
    font-weight: 600;
    font-size: 20px;
}
#vehilceTitleArea{
	background:#eaeaea;
	padding:15px 15px;
    height: 60px;
}
.headerLogo img{
	height:30px;
}
.homeBack{
	font-size:16px;
}
#LevelVehiclesByParaArea{
	margin-right:15px;
	position:absolute;
	overflow:auto; 
}

/*锟斤拷锟斤拷品锟狡憋拷锟斤拷*/
#hotBrandsTitle{
	background: #eaeaea;
}
#hotBrandsTitle h4{
	font-size: 14px;
	margin-left:5%;
	padding:5px 0 5px 0;
}
#indexShouCang{
	float:right;
}
/*锟斤拷锟斤拷品锟斤拷*/
#LevelCommonBrandsArea ul{
    margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
    width: auto; /* 锟斤拷雀锟斤拷元锟斤拷锟斤拷锟捷碉拷锟斤拷 */
    margin-top:10px;
}
#LevelCommonBrandsArea ul li {
    display: inline-block;
    list-style: none;
    text-align: center;
    font-size: 16px;
}
/*锟斤拷锟斤拷品锟狡憋拷锟斤拷*/
#LevelSortBrandsArea h4{
	font-size: 16px;
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
	padding:5px 0 5px 0;
	background: #eaeaea;
}
#LevelSortBrandsArea h4 a{
	padding:1px 3px;
	display:inline-block;
	/* border:1px solid #fff; */
	margin-left: 5%; 
	/* background:#5872AE; */
	color:#333;
}
/*锟斤拷锟斤拷品锟狡憋拷锟斤拷*/
#LevelSortBrandsArea ul{
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
    width: auto; /* 锟斤拷雀锟斤拷元锟斤拷锟斤拷锟捷碉拷锟斤拷 */
}
#LevelSortBrandsArea ul li{
	display: inline-block;
    list-style: none;
    font-size: 16px;
    border-bottom: 1px solid #eaeaea;
}
#LevelSortBrandsArea ul li p{
	margin:10px 0 10px 5%; 
}
/*锟斤拷锟叫筹拷系锟斤拷锟斤拷*/
#LevelSeriesArea h4{
	font-size: 14px;
	margin: 5px 0 0 0; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
	padding:8px 0 8px 0;
	background: #F2F2F2;
}
/* .input-search{
	background:url(../../img/search-icon.png) no-repeat;
	padding-left:40px;
	background-size:25px 25px;
	background-position: 5px 12px;
} */
#LevelSeriesArea h4 a{
	margin-left: 20px; 
	letter-spacing: 2px;
	color:#333;
	font-weight:700;
}
/*锟斤拷锟叫筹拷锟斤拷*/
#LevelModelsArea h4{
	font-size: 14px;
	margin: 5px 0 0 0; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
	padding:8px 0 8px 0;
	background: #F2F2F2;
}
#LevelModelsArea h4 a{
	margin-left: 20px; 
	letter-spacing: 2px;
	color:#333;
	font-weight:700;
}
.modlesInfoUnflod{
	display:none;
}
.modlesInfoflod{
	display:block;
}
/*锟斤拷锟叫筹拷系*/
#LevelSeriesArea ul{
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
    width: auto; /* 锟斤拷雀锟斤拷元锟斤拷锟斤拷锟捷碉拷锟斤拷 */
}
#LevelSeriesArea ul li{
	display: inline-block;
    list-style: none;
    font-size: 14px;
}
#LevelSeriesArea ul li p{
	border-bottom: 1px solid #eaeaea;
	width:90%;
	margin:10px auto 10px auto; 
}
/*锟斤拷锟叫筹拷锟斤拷*/
#LevelModelsArea ul{
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
    width: auto; /* 锟斤拷雀锟斤拷元锟斤拷锟斤拷锟捷碉拷锟斤拷 */
}
#LevelModelsArea ul li{
	display: inline-block;
    list-style: none;
    font-size: 14px;
}
#LevelModelsArea ul li p{
	border-bottom: 1px solid #eaeaea;
	width:90%;
	margin:10px auto 10px auto; 
}
/*锟斤拷锟斤拷锟斤拷锟斤拷*/
#LevelDisplacementArea h4{
	font-size: 14px;
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
	padding:6px 0 6px 0;
	background: #F2F2F2;
}
#LevelDisplacementArea h4 a{
	margin-left: 5%; 
    color: #333;
    font-weight: 700;
}
#LevelDisplacementArea ul{
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
    width: auto; /* 锟斤拷雀锟斤拷元锟斤拷锟斤拷锟捷碉拷锟斤拷 */
}
#LevelDisplacementArea ul li{
	display: inline-block;
    list-style: none;
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
}
#LevelDisplacementArea ul li p{
	margin:10px 0 10px 5%; 
}
/**年份**/
#LevelProducedYearArea .table{
	text-align:center;
}
#LevelProducedYearArea .table thead{
	background-color:#F2F2F2;
	color: #333;
    font-weight: 700;
}
#LevelProducedYearArea ul li p{
	margin:10px 0 10px 5%; 
}
/*锟斤拷锟叫憋拷锟斤拷锟斤拷锟斤拷锟斤拷*/
#SalesName ul{
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
    width: auto; /* 锟斤拷雀锟斤拷元锟斤拷锟斤拷锟捷碉拷锟斤拷 */
}
#SalesName ul li{
	display: inline-block;
    list-style: none;
    font-size: 16px;
    border-bottom: 1px solid #eaeaea;
}
#SalesName ul li p{
	margin:10px 0 10px 5%; 
}
/*锟斤拷品锟斤拷锟斤拷*/
#ProductName h4{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	padding: 5px 0 5px 0;
	background: #eaeaea;
} 
#ProductName h4 a{
	margin-left: 5%; 
}
/************************************模锟斤拷锟窖�****************************/
#LevelHideVehiclesArea ul{
	margin: 0px;
    padding: 0px;
    width: auto;
}
#LevelHideVehiclesArea ul li{
	display: inline-block;
    list-style: none;
    font-size: 16px;
    border-bottom: 1px solid #eaeaea;
}
#LevelHideVehiclesArea ul li p{
	margin:10px 0 10px 5%; 
}
/*品锟狡和筹拷锟斤拷*/
#LevelModelAndBrandArea ul{
	margin: 0px; /* 锟斤拷锟斤拷锟皆拷氐木锟斤拷锟轿� */
    padding: 0px; /* 锟斤拷锟节诧拷元锟截的撅拷锟斤拷为0 */
    width: auto; /* 锟斤拷雀锟斤拷元锟斤拷锟斤拷锟捷碉拷锟斤拷 */
}
#LevelModelAndBrandArea ul li{
	display: inline-block;
    list-style: none;
    font-size: 16px;
    border-bottom: 1px solid #eaeaea;
}
#LevelModelAndBrandArea ul li p{
	margin:10px 0 10px 5%; 
}


#fix-ceng{
	position: absolute;
	top:15px;
	left:5px;
	z-index: 1002;
}
#fix-ceng ul li{
	display: inline-block;
    list-style: none;
    background: #5872AE;
    text-align: center;
    border-radius:2px;
    color:#fcfcfc;
}
#fix-ceng ul li p{
	margin: 2px 5px 2px 5px ;
}
#back-ceng{
	position: absolute;
	top:14px;
	right:5px;
	z-index: 1002;
	width:24px;
	height:24px;
	background:#dfdfdf;
	border-radius: 12px;
	text-align: center;
	font-size: 18px;
}
.com-t-bg {
	background: #FFF;
	color: #FFF;
	background:#5872AE;
	background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%;
}

.com-t-left {
	height: 100%;
	padding-left: 0;
	line-height: 38px;
	font-size: 14px;
	margin-top:5px;
}

.com-t-right {
	line-height: 38px;
	text-align: center;
	font-size: 20px;
	margin-top:5px;
}
/*锟街伙拷锟借备*/
@media screen and (max-width:374px) {
	#topLunbotu img{
		margin-top:8px !important;
	}
	#businessCard{
		margin:8px 0 0 0 !important;
	}
	#LevelVinCodeInputGroupArea{
		margin-top:8px !important;
	}
	#LevelVinCodeInputGroupArea .panel-group{
		margin-bottom:0px !important;
	}
	#vehicleTitel{
		padding-top:8px !important;
		margin:8px !important;
	}
	#vehicelAndPhoto .row{
		padding:8px 10px !important;
	}
	#support{
		margin-top:8px;
	}
	#brand-indexs{
		right: 5px;
		bottom: 10px;
        top: auto;
	}
}
@media screen and (min-width:375px) and (max-width:414px) {
	/* #topLunbotu img{
		margin-top:8px !important;
	}
	#businessCard{
		margin:8px 0 0 0 !important;
	}
	#LevelVinCodeInputGroupArea{
		margin-top:8px !important;
	}
	#LevelVinCodeInputGroupArea .panel-group{
		margin-bottom:0px !important;
	}
	#vehicleTitel{
		padding-top:8px !important;
		margin:8px !important;
	}
	#vehicelAndPhoto .row{
		padding:8px 10px !important;
	} */

	#brand-indexs ul li{
		margin-bottom: 3px;
	}
}
@media screen and (min-width:415px) and (max-width:768px) {
	#brand-indexs ul li{
		margin-bottom: 3px; 
	}
}
/*平锟斤拷锟借备*/
@media screen and (min-width:769px) and (max-width:1024px) {
	/*锟斤拷锟斤拷*/
	#brand-indexs{
		right: 5px;
		/* top:50%; */
	}
	#brand-indexs ul li{
		list-style: none;
		/* margin-bottom: 5px; */ 
	}
}
/*锟斤拷锟斤拷锟借备锟酵分憋拷锟斤拷锟借备*/
@media screen and (min-width:1025px) and (max-width:1359px) {
	#indexArea {
		margin: 10px auto 10px auto;
		background: #F1F1F1;
		width: 30%;
	}
	/*锟斤拷锟斤拷*/
	#brand-indexs{
		right:35%;
		/* top:50%; */
	}
	#brand-indexs ul li{
		list-style: none;
		/* margin-bottom: 5px; */
	}
}
/*锟斤拷锟斤拷锟借备锟竭分憋拷锟斤拷锟借备*/
@media screen and (min-width:1360px) {
	/*锟斤拷锟斤拷*/
	#brand-indexs{
		position: fixed;
		right: 35%;
		/* top:20%; */
	}
	#brand-indexs ul li{
		list-style: none;
		/* margin-bottom: 5px; */
	}
}
#brand-indexs a{
	color:#5872AE;
}
#VehicleSwitchModelArea {
	padding: 0 5px;
	background: #EAEAEA;
	margin: 0;
}

#VehicleSwitchModelArea .panel-heading {
	color: #333;
	background-color: #FFF;
}

.panel-heading {
	/* padding: 5px 15px; */
	font-size: 14px;
}

#Index_navTab li a {
	background: #005BAC;
	border-radius: 0;
	font-size: 16px;
	border: none;
	color: #fff;
	padding: 12px 22px;
}

#Index_navTab  li.active a {
	background: #382321;
	border-radius: 0;
	font-size: 16px;
	border: none;
	color: #fff;
	padding: 12px 22px;
}

#Index_navTab li.active a:after {
	content: "";
	position: absolute;
	left: 45%;
	bottom: -14px;
	border: 7px solid transparent;
	border-top: 7px solid #382321;
}

#VehicleInfoArea tr td {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.panel-body-button button{
	 border-radius:2px;
}
.btn-custom{
	color: #fff;
    background-color: #124098;
    border-color: #124098;
    border-radius:2px;
}
#LevelVinCodeInputGroupArea{
	margin-top:20px;
}
/************************* 锟揭碉拷 *********************/
#inforTitle{
	background:#FFF;
	padding:20px 0;
	margin-bottom:50px;
}
#inforTitle img{
	width: 40px;
	margin:0 20px 0 20px;
}
#inforContent .row {
	font-size:16px;
	width:90%;
	margin:0 auto;
	border-radius:10px;
	background: #FFF;
	
}
#myArea .right img{
	width:20px;
	float:right;
	right:0px;
	margin-top:3px;
}
.mytubiao img{
	width:20px;
}
.myClickArea{
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
#inforContent .mid{
	margin-top:2px;
}
/***************锟秸藏硷拷*****************/
#vinFavHead{
	margin-bottom:10px;
	border-radius:3px;
	padding:10px 0;
}
#vinFavTitle{
	font-size:16px;
	color:#FFF;
	text-align:center;
}
#backAndAddBtn{
	position:absolute;
	bottom:10px;
}
#backAndAddBtn button{
	border-radius:10px;
}
#addVinFavArea .modal-footer,#editVinFavArea .modal-footer{
	margin-top:20px;
}
#addVinFavArea .input-group,#editVinFavArea .input-group{
	width:100%;
	margin-top:25px;
}
#addVinFavArea .input-group input,#editVinFavArea .input-group input{
	height:40px;
}
.vinFavContent{
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.vinFavContent>div{
	width:50%;
	display:inline
}
.vinFavContent img{
	width:16px;
}
.editVinBtn span{
	float:right;
	margin-right:5px;
}
.vinCodeContent{
	margin-left:5px;
	text-decoration:underline;
}
.vinBeizhu{
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#topLunbotu img {
  border-radius: 4px;
}

#businessCard {
  height: 60px;
  border-radius: 4px;
}

#cardLogoImg>img,
#toNameCardDetail>img {
  height: 16px;
  width: 16px;
  margin: 0;
}

#companyName {
  flex-grow: 1;
  font-size: 16px;
  font-weight: 600;
  margin: 0 10px;
  line-height: 30px;
}

#vehicelAndPhoto {
  border-radius: 6px;
}

.flexbox {
  display: flex;
  align-items: center;
}

.flexbox_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexbox_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flexbox_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.img_icon {
  display: flex;
  align-items: center;
  width: 16px;
  height: 100%;
}

.img_fit {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.title_home {
  font-size: 15px;
  font-weight: 600;
}

.title_content {
  padding: 15px 0 5px 0;
}

.input-group-btn {
  height: 40px;
}

.function_btn {
  width: 48px;
  height: 48px;
}

.function_btn>img {
  width: 100% !important;
  height: 100%;
  object-fit: contain;
}

#LevelVinCodeInputGroupArea {
  margin-top: 15px;
}

#myFavorites {
  /* color: #D3271C; */
  font-size: 14px;
}

#vehicelAndPhoto {
  padding: 15px;
}

#LevelVinCodeInputGroup_VinCode {
  border-radius: 2px 0 0 2px;
  width: 100%;
  height: 40px;
  padding-left: 46px;
}

#LevelIndex_VinQBtn {
  margin: 0;
  padding: 0;
  border-radius: 0 2px 2px 0;
  width: 70px;
  height: 40px;
}

.bottomArea {
  position: fixed;
  bottom: 0;
  box-shadow: 0 -3px 10px #E6E6E6;
}

.define_color {
  /* overflow: hidden; */
}

.define_color img {
  /* transform: translateY(-100px);
  filter: drop-shadow(${sessionScope.siteDecoration.appColorSys} 0 100px);
  -webkit-filter: drop-shadow(${sessionScope.siteDecoration.appColorSys} 0 100px);
  -moz-filter: drop-shadow(${sessionScope.siteDecoration.appColorSys} 0 100px);
  -ms-filter: drop-shadow(${sessionScope.siteDecoration.appColorSys} 0 100px);
  -o-filter: drop-shadow(${sessionScope.siteDecoration.appColorSys} 0 100px); */
}

.index_navi_btn {
  font-size: 10px;
}

.index_navi_btn img {
  height: 24px;
  width: 24px;
}

.navi_active {
  /* color: #D3271C; */
}

.info_header {
  height: 100px;
  padding: 15px;
  /* background-color: #D3271C; */
  color: #FFFFFF;
}

#usrNameOrTel {
  font-size: 18px;
  font-weight: 600;
  margin-left: 16px;
}

#usrHeadPortrait {
  width: 55px;
  height: 55px;
}

.func_list {
  padding-top: 10px;
}

.func_list_item {
  height: 55px;
  padding: 15px;
  background-color: #FFFFFF;
  margin-bottom: 10px;
}

.items_img {
  width: 20px;
  height: 100%;
}

.items_content {
  flex-grow: 1;
  margin: 0 15px;
  font-size: 16px;
}

.right_gray {
  height: 100%;
  width: 14px;
  flex-shrink: 0;
}

.items_img_big {
  width: 28px;
  height: auto;
  flex-shrink: 0;
}

.items_content_semibold {
  flex-grow: 1;
  margin: 0 10px;
  font-size: 14px;
  font-weight: 500;
}

.result_list_item {
  height: 70px;
  padding: 10px;
  background-color: #FFFFFF;
  margin-bottom: 1px;
}

.items_time {
  width: 70px;
  text-align: center;
  color: #AAAAAA;
  font-size: 12px;
  flex-shrink: 0;
  margin-right: 10px;
}

.store_property_value {
  display: none;
}

.vehicle_info_content {
  color: #AAAAAA;
  font-size: 12px;
}

.remind_notes {
  color: #CCCCCC;
  padding: 15px;
  text-align: center;
}
.sub_page_head {
    height: 42px;
    border-radius: 0;
    padding: 10px 0;
    margin-bottom: 10px;
  }

.sub_page_title {
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
}

.sub_page_head_left, 
.sub_page_head_right {
  width: 20%;
  padding: 0 15px;
  color: #FFFFFF;
}
  
.sub_page_content {
  overflow: scroll;
}

.sub_page_content::-webkit-scrollbar {
  display: none;
}
#VehicleInfoArea table td{
	border:0;
}
.tabvehicle{
	color:#A6A6A6;
}

.cycle_btn_parent {
    position: relative;
    display: flex;
    justify-content: center;
    height: 40px;
}

 .cycle_btn {
    position: absolute;
    bottom: 0;
}

.cycle_btn_img {
    width: 46px;
    height: 46px;
    bottom: 0;
    border-radius: 50%;
    background-color: #FFFFFF;
    padding: 8px;
    box-shadow: 0 0 15px #e6e6e6;
}

.cycle_btn img {
    width: 30px;
    height: 30px;
}

#usrNameOrTel{
	flex-grow: 1;
}