/***********************************PC样式*******************************************/
#topArea{
	background-color: #F2F2F2;
}

::-webkit-scrollbar {
	width: 5px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	background: rgba(144, 147, 153, .5);
	border-radius: 20px;
}

.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;
}
#branddIinitialsList {
	justify-content: space-between;
	height: 100%;
}

.brand-list-initial,.brand-list-item {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}

.container-pc{
	width:60%;
	height: 100%;
	margin:0 auto;
}
.top-menu-list {
	height: 40px;
	align-items: center;
	color: #666666;
}
.top-page {
	height: 150px;
	padding: 30px 0;
}
.img-pc-logo {
	height: 70px;
	width: 100%;
	object-fit: contain;
}
.tc-left {
	float: left;
	list-style: none
}

.tc-left li {
	display: inline-block;
    list-style: none;
	margin-left: 35px;
}

.tc-left li.first {
	margin-left: 5px;
}

.tc-right {
	float: right;
	list-style: none
}

.tc-right li {
	float: right;
	margin-right: 35px;
	display: flex;
	align-items: center;
}

.tc-right li.last {
	margin-right: 5px;
}

.tc-right img {
	height: 16px;
	width: 16px;
	object-fit: contain;
	margin-right: 4px;
}

#levelPCLogo,#LevelIndex_VehicleTab{
	width: 25%;
	height: 100%;
	float: left;
}
#clickTab,#hotVehicle{
	width:73%;
	height: 100%;
	float: right;
}
#productDetailPageArea .nav-tabs>li{
	width:90px;
	max-width: 33%;
	text-align:center;
}

#productDetailPageArea .nav-tabs>li>a {
    background-color: #EDEDED;
	border: 1px solid #CCCCCC;
	font-weight: 500;
    margin: 0;
	border-radius: 0;
	padding: 0;
	height: 40px;
	line-height: 40px;
	color: #000000;
}
#vehicleContent{
	min-height: 600px;
	background: #F7F7F7;
	padding-top: 15px;
}
#clickTabArea{
	height:150px;
	background-color: #FFFFFF;
}
#vehicleTitle{
	text-align:center;
	font-size:16px;
	color:#FFF;
	height: 40px;
	line-height: 40px;
}
#LevelSortBrandsArea{
	height: 100%;
	width:80%;
	float:right;
	overflow-y: scroll;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	scrollbar-width: none; /* firefox */
	-ms-overflow-style: none; /* IE 10+ */
}

#LevelSortBrandsArea::-webkit-scrollbar {
	display: none; /* Chrome Safari */
}

#brand-indexs{
	height: 100%;
	width:20%;
	float:left;
	text-align:center;
	border:1px solid #D9D9D9;
	padding: 10px 0;
}

#brand-indexs ul li:last-child {
	margin-bottom: 0px;
}

#brand-indexs ul li{
	height: 20px;
	width: 20px;
	border: 1px solid #D9D9D9;
	list-style: none;
}

#brand-indexs ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	color: #4D4D4D;
}

#LevelSortBrandsArea ul li{
	border-bottom:1px solid #ccc;
}

#hotVehicle .input-group{
	background:#FFF;
	height:75px;
}
#hotVehicle .input-search{
	width: 70%;
} 

#LevelVehiclesByParaArea{
	margin-top:15px;
	background: #FFFFFF;
	width: 100%;
}

#LevelCommonBrandsArea ul{
	text-align:center;
}

#LevelCommonBrandsArea ul li{
	width: 20%;
	display: inline-block;
    list-style: none;
    text-align: center;
}

#LevelCommonBrandsArea ul li div {
	height: 100px;
	background: #FFF7F7;
	border: 1px solid #D9D9D9;
}

#LevelCommonBrandsArea {
	padding: 15px;
}

#LevelCommonBrandsArea .hot-brand-container .hot-brand-component {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	height: 100px;
	background: #FFF7F7;
	border: 1px solid #D9D9D9;
	padding: 0 10px;
}

.hot-brand-img {
	height: 50%;
	width: 60%;
	flex-grow: 0;
	flex-shrink: 0;
}

.hot-brand-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hot-brand-name {
	flex-grow: 1;
	padding: 0 5px;
	text-align: center;
}

#pcfix-ceng ul li{
	display: inline-block;
    list-style: none;
    text-align: center;
}

#vehicleConditionTitle{
	background: #FFF2E3;
	height: 40px;
}

#vehicleConditionTitle ul{
	flex-grow: 1;
	flex-wrap: wrap;
}

.item-title-right,.item-list-flag {
	flex-shrink: 0;
}

#LevelIndex_VinQBtn, #LevelIndex_ProductNoQBtn, #LevelIndex_OEQBtn, #LevelIndex_EngineModelQBtn, #LevelIndex_OEQBtnPARTSNO, #LevelIndex_ProductNoQBtnPRODUCTNO{
	color:#FFF;
}

#productsShowArea_VEHICLE{
	width: 100%;
}

#productCategoryArea {
	width: 100%;
	margin: 0 auto;
	min-height: 670px;
	background-color: #F7F7F7;
	padding-top: 15px;
}
#productCategoryArea>div {
	width: 60%;
	margin: auto;
}

#productCategoryComp {
	min-height: 600px;
	margin-top: 15px;
	padding: 10px;
	background-color: #FFFFFF;
}

#LevelModelAndBrandArea{
	width:70%;
	height:500px;
	margin-left:100px;
	overflow-y:scroll;
}

#LevelModelAndBrandArea ul li{
	border-bottom:1px solid #ccc;
}

#vehicleConditionTitle ul li{
	display: inline-block;
    list-style: none;
	margin-right: 5px;
}

#LevelSeriesArea,#LevelModelsArea,#LevelDisplacementArea,#LevelProducedYearArea{
	text-align:center;
}

#LevelSeriesArea ul li,#LevelModelsArea ul li,#LevelDisplacementArea ul li,#LevelProducedYearArea ul li{
	display: inline-block;
    list-style: none;
    border:1px solid #EAEAEA;
}

#LevelSeriesArea ul li p,#LevelModelsArea ul li p,#LevelDisplacementArea ul li p,#LevelProducedYearArea ul li p{
	margin:5px 0;
}

#LevelSeriesArea h4,#LevelModelsArea h4,#LevelDisplacementArea h4,#LevelProducedYearArea h4{
	background:#FFF2E3;
	padding:8px 0;
}

#LevelSelectVehiclesArea {
	margin-top:10px;
	height: 510px;
	overflow-y:scroll;
}

#LevelSelectVehiclesArea::-webkit-scrollbar {
	display: none; /* Chrome Safari */
}

#LevelSeriesArea>div,#LevelModelsArea>div,#LevelDisplacementArea>div,#LevelProducedYearArea>div{
	margin-bottom:10px;
}

#select-series h4 a,#select-models h4 a,#select-pail h4 a,#select-year h4 a{
	color: #000000;
	font-weight: 600;
	font-size: 14px;
}

#backfeedArea{
	padding:0 15px;
}

#backfeedArea span{
	padding:5px;
}

#backfeedArea #feedbackTitle{
	border:1px solid #ccc;
}

#backfeedArea #backToLevelProducts{
	color:#fff;
}

#backfeedArea #backToLevelProducts img{
	width:8px;
	margin:0 5px 3px 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: 50px;
    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;
}

#queryLogArea,#VinFavoritePage,#feedbackArea,#replayfeedbackContent,#replayfeedbackInputForm{
	width:60%;
	margin:0 auto; 
}

.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;
}

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

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

.result_list_item {
  height: 70px;
  padding: 10px;
  background-color: #FFFFFF;
  margin-bottom: 1px;
  border-bottom:1px solid #ccc;
}
.item-list-flag {
	width: 7px;
	height: 15px;
	display: inline-block;
	border-radius: 3px;
	margin-right: 10px;
}

.backToMyInfo4QueryLog{
	font-size:14px;
    width: 60px;
    text-align: center;
    color: #DA7400;
    padding: 2px 0;
}

.backToMyInfo4QueryLog img{
	width: 18px;
    margin: 0 0 3px 0;
    transform: rotate(270deg);
}

.backToMyInfo4Product{
	font-size:14px;
	width: 60px;
    text-align: center;
    color: #DA7400;
	height: 40px;
	line-height: 40px;
	flex-shrink: 0;
	border: 1px solid #D9D9D9;
	margin-right: 5px;
	padding-right: 5px;
	background-color: #FFF2E3;

}

.backToMyInfo4Product img{
	width: 18px;
    margin: 0 0 3px 0;
    transform: rotate(90deg);
}

.backTabArea{
/*	background:#FFF2E3;
	padding:8px 0;*/
	height:40px;
}

#feedbackInputForm .backTabArea {
	background:#FFF2E3;
}

.backTabArea .backTitleArea{
	flex-grow: 1;
	color:#DA7400;
    font-weight: 600;
}
#pinpai-ceng p,#chexi-ceng p,#chexing-ceng p,#pail-ceng p,#nianfen-ceng p{
    font-weight: normal;
    background-color: #FFFFFF;
    padding: 0 10px;
    height: 28px;
    line-height: 26px;
    border: 1px dashed #c15e1d;
	position: relative;
}

.vehicle-condition-item span:first-child {
	float: left;
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vehicle-condition-item span:last-child {
	float: right;
	position: absolute;
	top: -13px;
	right: -3px;
}

.vehicle-condition-item img {
	width: 12px;
	height: 12px;
}

#addVinFavArea .input-group,#editVinFavArea .input-group{
	width: 100%;
	margin-top: 25px;
}

.sub_page_footer{
	position:relative !important;
	width: 100% !important;
}

#vinCodeComp {
	height: 100%;
	width: 280px;
	flex-shrink: 0;
	border: 1px solid #D9D9D9;
	margin-right: 5px;
	padding: 0 5px;
	background-color: #FFF2E3;
}

.vehicleComp {
	color: #DA7400;
	background-color: #FFF2E3;
	flex-grow: 1;
	border: 1px solid #D9D9D9;
	height: 100%;
}

.input_message {
	padding: 15px;
	width: 20%;
	margin: auto;
	min-width: 160px;
}