.site-name{
    font-size: 18px;
    margin-left: 10px;
    font-weight: 700;
}
.smain{max-width: 1200px;margin: 0 auto;}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.weixi{line-height: 20px; background: url(../images/weixinlog.png) no-repeat 0 0; padding-left: 28px; float: left;}
.title-row{margin-bottom:5px;}
.title-modelext{margin-left:40px;}
.title-row>.name{font-weight:700;}
.item-title.pos{color:red;margin-bottom:5px;font-size:14px;}
.item-title.pos_node1{color:red;margin-bottom:5px;font-size:14px;}


.cat_select{display:none;max-width: 204px; background: #f7f7f7;overflow-x: auto;border:1px solid #ddd;}
.normal-nav {  max-width: 204px; float: left;}
.normal-nav li {height: 38px;line-height: 38px;min-width: 124px;max-width: 204px;padding: 0 10px;overflow: hidden;cursor: pointer;}
.normal-nav li:hover{ background: #fff; color: #e81d23;}
.normal-nav li.Current-nav{background: #fff;}
.normal-nav li.Current-nav a{ color: #e81d23;}
.normal-nav li span{ display: inline-block; padding: 0 6px;}
.normal-nav li.Current-nav span{ color: #e81d23;}
.normal-nav li a{color: #333;display: block;line-height: 37px;}
.normal-nav li a:hover{ color: #e81d23;}

.item-box{max-width:256px;}
.product-list{overflow: auto;}

.main-pageContent{ width: 100%;}

.item-img{ height: auto}
.item-img img{ width: 100%; height: auto;}
.itemnoimg{}

@media screen and (max-width: 992px) {
.col-md-3 { width: 33.33333%; float: left; padding: 0 8px;}
[class*="col-md-"] {clear: none!important;}
.shop-item {  margin-bottom: 14px!important;}
}
@media screen and (max-width: 768px) {
.col-md-3 { width: 50%; float: left; padding: 0 5px;}
[class*="col-md-"] {clear: none!important;}
h3.item-title{ font-size: 12px; color: #000; margin: 0 0 0;} 
h4.item-title.pos{ font-size: 12px; margin-bottom: 0;}
h4.item-title.pos_node1{ font-size: 12px; margin-bottom: 0;}
.item-price{ font-size: 14px!important;}
.shop-item {  margin-bottom: 10px!important;}
}

.acc-body .acc-content{border: 1px solid #eee;}

.normal-nav{ width: 100%;}
.cate-td{ width: 180px;}

@media screen and (max-width: 992px) {
.cate-td{ width: 140px;}
}

@media screen and (max-width: 768px){
.item-price { font-size: 14px!important; padding: 2px 0 0!important;}
.normal-nav li{ padding: 0 0 0 10px; max-width: 120px; min-width: 100px;}
.normal-nav{ width: 106px;}
.cate-td{ width: 108px;}
.form-group .modal-header.main-bg h4{ margin: 0 0 0 38px!important;}
}

.history-ul{
    max-height: 300px;
    overflow: auto;
    border:2px solid #eee;
	position: absolute;
	z-index: 1000;
	background: #fff;
	margin-top: 46px;
	text-align: left;
}
.history-ul li{
    cursor: pointer;
	line-height:30px;
	padding:2px 10px;
}
.history-ul li:hover{
 background: #1e90ff !important;color:#fff;
}

#vin-camera{ margin-right: 6px;}
.box-kong{ padding: 40px;}
.input-group.search-type{ width: 90%;}
.history-ul .info{margin-left:10px;}
.history-ul{ max-width: 655px; width: 100%;}
.history-ul .info{ float: right;}
.input-group-addon-box{ position: relative; display: block; width: 100%; height: auto;}
.input-group-addon-box .history-ul{ position: absolute; left: 0; top: 0;}
@media screen and (max-width: 740px) {
.input-group.search-type{ position: relative; padding: 30px 0 38px 0!important;}
span.input-group-addon-box{ position:static;}
.input-group.search-type .history-ul{ left: 0; top: 30px; z-index: 1; }
}

@media screen and (max-width: 640px) {
.input-group.search-type .history-ul{ left: 0; top: 0; z-index: 1; }
.history-ul li{ border-bottom: 1px dashed #eeeeee;}
.history-ul span{ display: block;}
.history-ul .info{ float: none; margin: 0;}
.input-group.search-type{  padding: 0 0 38px 0!important; width: 100%; }
.box-kong{ padding: 20px;}
.input-group-addon.input-group-addon01{ padding: 2px 0!important; width: 70px;}
#vin-camera{ margin-right: 0;}
.md-padding { padding-top: 30px; padding-bottom: 40px;}

/*20211119*/
body,html{ width: 100%; height: 100%; max-width: 640px;}
.modal-dialog{ margin: 2%; width: 96%; box-sizing: border-box;}
.modal.fade.modal-lg1.in{ width: 100%!important; max-width: 640px!important;}
.form-group h4{ margin: 10px 0 10px 10px!important;}
.form-group .modal-header.main-bg h4{ margin: 0 0 0 38px!important;}
}


/**/
.form-group h4{ margin: 10px 0;}



/*发布求购单样式---------------------*/
#addbuy_form{
	float:left;
	width:1120px;
	padding:0 0 20px;
}
.addbuy_form_title{
	width:100%;
	float:left;
	border-bottom:1px dashed #dcdcdc;
	padding:10px 10px;
	margin:0 0 15px;
}
.Pageaddbuy .addbuy_form_title{
	width:1100px;
	padding:14px 0;
}
.addbuy_form_title_i {
	float:left;
	padding: 0 0 20px;
}
.addbuy_form_title_i input{
	width:550px;
}
#addbuy_cart{
	margin:-15px 0 0;
}
.Pageaddbuy #addbuy_cart{
	border:1px solid #dcdcdc;
	margin:0;
}
.addbuy_form_title h2{
	float:left;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	border-left:5px solid #004C98;
	padding:0 0 0 10px;
	max-width:800px;
	_width:800px;
	width:auto;
	margin-bottom:0px;
}
.addbuy_form_title a{
	float:left;
}
.addbuy_des{
	padding:0 10px;
	line-height:24px;
}
.addbuy_form_des{
	float:left;
	padding:0 10px;
	width:1082px;
	line-height:24px;
    word-wrap: break-word;
}
#CartForm_d .addbuy_form_des table{
	width:940px;
}
#addbuy_form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),#addbuy_form select{
	height:28px;
	line-height:28px;
	border:1px solid #dcdcdc;
	padding:0 5px 0 5px;
}
#addbuy_form select{
	height:30px;
	line-height:30px;
	padding:0;
	cursor:pointer;
}
#addbuy_form #addbuy_cart input{
	margin:0;
}
#addbuy_form textarea, #AnyNum{
	border:1px solid #dcdcdc;
	padding:4px;
	font-size:12px;
}
#addbuy_form .pro_p textarea{
	width:194px;
	height:64px;
}
#addbuy_form .buydes{
	width:930px;
}
#addbuy_form .pro_m textarea{
	width:135px;
	height:64px;
}
#addbuy_form .pro_d textarea{
	width:112px;
	height:64px;
}
#CartForm_d #addbuy_e_c #buydes{
	width:912px;
}
#addbuy_cart tbody tr{
	border-bottom:1px solid #dcdcdc;
}
#addbuy_cart tbody td{
	padding:15px 0;
	word-break: break-all;
}
#addbuy_form #addbuy_cart .input_num input{
	margin:5px 0;
}
.part_name input{
	width:179px;
}
#CartForm_d #addbuy_cart .CartList_pic{
	padding:0 12px;
	width:100px;
}
.pic_l_a{
	float:left;
	width:100px;
	height:18px;
	position:relative;
	overflow:visible;
	margin:-18px 0 0;
}
.pic_l_a .magnifier{
	top:23px;
	right:0;
	width:18px;
	height:18px;
	border:1px solid #d3d3d3;
	background-color:#fff;
	background-position: -9px -320px;
}
.pic_l_a .magnifier:hover{
	background-position:-9px -350px;
}
.CartList_pic img{
	padding-top:5px;
	padding-bottom:5px;
}
#CartForm_d #addbuy_cart .input_num{
	width:190px;
	padding:0 10px 0 0; 
}
.input_num a:hover{
	color:#990000;
}
#CartForm_d #addbuy_cart .input_num li{
	width:195px;
}
#CartForm_d #addbuy_cart .input_num .part_name .required{
	width:182px;
}
#CartForm_d #addbuy_cart .input_num .part_sort input{
	width:77px;
}
#CartForm_d #addbuy_cart .input_num .part_sort .required{
	width:89px;
}
#CartForm_d #addbuy_cart .pro_p{
	width:200px;
	padding:0 10px 0 0;
}
#CartForm_d #addbuy_cart tbody .pro_p{
	padding:15px 10px 15px 0;
}
#CartForm_d #addbuy_cart .pro_m{
	width:150px;
}#CartForm_d #addbuy_cart .pro_d{
	width:126px;
}
#addbuy_form .pro_a,#addbuy_form #addbuy_cart .pro_s{
	padding:0 0 0 10px;
	width:16px;
}
#addbuy_form .addbuyplus{
	cursor:pointer;
	text-indent:-9999px;
	display:inline-block;
	width:12px;
	height:12px;
	background:url(Images/images5.png) no-repeat;
	background-position:left -997px;
}
.batchadd_btn .addbuyplus{
	padding:0 3px 0 0;
}
.batchadd_btn .addbuyline{
	margin:2px 5px 0px 5px;
	color:#A9B9C9;
}
#addbuy_form .pro_s .SetPic{
	margin:8px 0;
}
#CartForm_d #addbuy_cart .Cart_p_c{
	text-align:center;
	padding-right:10px;
	width:90px;
}
#addbuy_cart tbody .Cartprice,#addbuy_cart tbody .Cartcount{
	width:90px;
}
#addbuy_cart tbody .Cartprice{
	margin:0 0 10px;
	width:84px;
	padding:0 0 0 6px;
}
#addbuy_form #addbuy_cart tbody .Cartprice input{
	width:47px;
	text-align:center;
	padding:0;
	margin:0 20px 0 4px;
}
#addbuy_cart tbody .Cartprice input:hover{
	border:1px solid #999;
}
#addbuy_e_c tr td{
	padding:0 0 15px;
}
#FormMain #addbuy_e_c tr td{
	width:375px;
}
.c_show .addbuy_e_c_title,#CartForm_d .addbuy_e_c_title{
	padding:0 5px 15px 0;
	width:60px!important;
	text-align:right;
}
#FormMain #CartForm_d .addbuy_e_c_title{
	width:75px!important;
}
#expiry_day_count{
	font-weight:bold;
	color:#990000;
	padding:0 2px 0 6px;
}
.addbuy_e_c_input #buydes{
	width:805px;
	height:135px;
}
#addbuy_form .required{
	margin:0;
	background-position:right 1px;
}
.addbuy_e_c_input input{
	width:229px;
}
#addbuy_form .CartForm_btn{
	padding:20px 0 10px 411px;
	width:547px;
}
#addbuy_form .CartForm_btn1{
	margin:0 0 0 20px;
}
#addbuy_form .CartForm_btn input{
	padding:0 10px;
	float:left;
}
.buying_c{
	float:left;
	width:1108px;
	padding:0 0 0 10px;
	position:relative;
	overflow:visible;
}
.buying_c span{
	float:left;
	width:948px;
	margin:3px 0;
}
.buying_c_c,.buying_c_c2,.buying_c_c3{
	width:268px;
	height:50px;
	line-height:45px;
	padding:0 0 0 46px;
	background:url(Images/images.png) no-repeat;
	background-position:-519px -458px;
	position:absolute;
	right:3px;
	top:0;
}
.buying_c_c2{
	width:188px;
	background-position:-1119px -458px;
}
.buying_c_c3{
	width:200px;
	background-position:-1393px -458px;
	padding:0 0 0 34px;
}
.buying_c_c a{
	float:left;
	width:80px;
	height:23px;
	text-align:center;
	color:#ff8901;
}
.buying_c_c span,.buying_c_c2 span,.buying_c_c3 span{
	width:150px;
	margin:0;
	padding:0 0 0 25px;
	color:#fff;
}
.buying_c_c2 span{
	width:80px;
	text-align:center;
	padding:0;
	color:#aaa;
}
.buying_c_c3 span{
	width:200px;
	color:#fff;
	padding:0;
}
.batchadd_btn{
	padding:10px 10px 19px;
	float:left;
	width:1078px;
}
.batchadd_btn span{
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	color:#215687;
}
#AndAnyBox{
	float:left;
	width:1100px;
	text-align:center;
}
.Pageaddbuy #AndAnyBox{
	padding:10px 0 0;
}
.AndAnyBox_btn{
	clear:both;
	margin:10px 0;
}
#AndAnyBox .prompt_d{
	margin:0;
	display:inline-block;
}
#AndAnyBox .prompt_d .noteimg{
	float:none;
	display:inline-block;
	vertical-align:bottom;
}
#addbuy_form .AndAnyBox_btn input{
	padding:0 10px;
	color:#666;
	background:#fff;
	cursor:pointer;
	font-weight:bold;
	margin:0 10px 0 0;
}
#addbuy_form .AndAnyBox_btn input:hover{
	color:#000;
}
.signprompt{
	float:left;
	width:1100px;
	background:#fefeee;
	border-bottom:1px dashed #dcdcdc;
	padding:15px 10px;
}
.Pageaddbuy .signprompt{
	width:1076px;
	border:1px solid #dcdcdc;
	margin:10px 0 0;
}
.go-less{
	float:left;
	padding:0 20px 0 0;
}
.go-less a{
	color:#990000;
	margin:0 3px;
}
.sign_w{
	padding:2px 8px;
	background:#fff;
	border:1px dashed #dcdcdc;
}
.Pageaddbuy #addbuy_e_c .signprompt{
	padding:15px 10px;
	margin:0 0 10px;
	width:1076px;
}
#addbuy_e_c .signprompt a{
	margin:0 3px 0 0;
	color:#990000;
}
/*求购页面样式---------------------------*/

/* 分页 */
.page-box{height: 24px; margin:5px;line-height: 24px;margin:10px 0 20px 0;}
.page{overflow: hidden;float:left;}
.page li{float:left; margin-left: 5px; list-style-type: none;}
.page li a{border: 1px solid #cecece; display: inline-block;border-radius: 3px;padding: 0 8px; text-align: center;color: #595959;}
.page li:not(.page-disabled) a:hover{ border: 1px solid #225688; color: #fff; background: #225688;}
.page li.page-disabled{background:#d6d6d6;color:#fff}
.page li.page-disabled a{color:#fff;cursor:default}
.page li.page-choose a{ border: 1px solid #225688; color: #fff; background: #225688;cursor:default}
.page-box .page-go{float:left;margin:0 5px;}
.page-box .to_page_txt{width:32px;display: inline-block;height:26px}
.page-box .to_page_btn{padding:3px;}
.page-box .page-all{float:left;}
.page-box .to_pageall_txt{width:40px;display: inline-block;height:26px}

.top-head.transparent{background: #ededed;}
.top-head.transparent .logo{border-right:0}
.top-nav > ul > li > a > span, .top-nav > ul > li > span > a > span{font-size: 20px;}
.top-nav > ul > li.hasChildren > a > span:after, .child-arrow{font-size:20px}
.table-bordered thead tr{background: #D8E5E6; color: #188CA6;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 4px 6px;}


.form-box{margin-bottom: 10px;clear: both;}
.form-label{position: relative;float: left;
    display: block;
    padding: 9px 15px;
    width: 90px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;padding: 5px 5px 5px 10px;
    width: 80px;font-weight: 700;}
.form-input{position: relative;margin-left: 95px;
    min-height: 28px;}

.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.wb80{width:80%;}
.wb100{width:100%;}

/*---------*/
/*尾部*/
.footer-bottom{ background: #2f3641;}
.footer-bottom .container{ text-align: center; padding-bottom: 0;}
.footer-bottom .container a{ font-size: 14px; color: #fff;}
.footer-bottom .container span{ color: #fff; display: inline-block; margin: 0 12px;}
/*头部*/
.top-head.transparent{ background: #fff; padding: 24px 20px; box-sizing: border-box; width: 100%;}
.top-head.fixed-top-nav{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1005;  }
.container01{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%;}
.logo01{ width: 25%; min-width: 171px;}
.logo01 img{ margin-top: 12px;}
.top_r{ width: 25%;}
.top_r>a{ float: right; margin-left: 26px; display: block; width: 30px; height: 30px; margin-top: 20px;}
.top_r>a.top_search_r_l01{ position: relative; margin-left: 0;}
.top_r>a.top_search_r_l01 span{ display: block; font-size: 12px; padding: 0 6px; border-radius: 20px; position: absolute; top: -2px; left: 16px; background: #225688; color: #fff; line-height: 18px;}
.top_m{ width: 50%; min-width: 480px;}
.top_search{ width: 85%; margin: 0 auto 0; height: 70px; position: relative; max-width: 560px;}
@media screen and (max-width: 1200px) {
	.top_search{ width: 100%; }
}
.top_search_l{ width: 48px; height: 40px; background: #225688; border-radius: 3px 0 0 3px; position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer;}
.top_search_l>img{ display: block; margin: 0 auto; margin-top: 12px;}
.top_search_m{ position: relative; width: 100%; padding: 0 48px 0 90px; box-sizing: border-box; background: url(../images/icon/icon15.jpg) no-repeat 56px center #f5f5f5; border-radius: 3px; height: 40px;}
.top_search_m .btn{ display: block; width: 48px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/icon/icon14.png) no-repeat center center #e1e1e1; border-radius: 0 3px 3px 0; z-index: 2; outline: none;} 
.top_search_m .top_text{ display: block; width: 100%; height: 38px; line-height: 40px; font-size: 16px; color: #272838; outline: none; border: none; background: none; padding: 0; }

.search-type-list{ width: 100%; height: 30px;}
.search-type-list a{ float: left; line-height: 30px; color: 333; border-right: 1px solid #fff; background: #f0f0f0; padding: 0 10px;}
.search-type-list a.active{ background: #225688; color: #fff;}

/*语言*/
.top_r>div{ float: right; margin-left: 26px; height: 30px; margin-top: 20px; line-height: 30px; cursor: pointer; position: relative; transition: all 0.3s;}
.pdc_language:hover .pdc_language_second{ height: auto; padding: 10px 0;}
.pdc_language>a span{ display: inline-block;}
.pdc_language_tit{ font-size: 14px; color: #000; margin-left: 4px; line-height: 16px;}
.pdc_language_second{display: inline-block; background: #fff; position: absolute; box-shadow: 0 3px 3px #ccc; right: 0; top: 30px;  width: 120px; box-sizing: border-box;  transition: all 0.3s; height: 0; overflow: hidden;}
.pdc_language_second a{ display: block; font-size: 14px; color: #000; padding: 0 10px; text-align: right; line-height: 30px;}
.pdc_language_second a:hover{ background: #f0f0f0;}

/*.top_search_m::after{ content: '';width: 40px; height: 40px; position: absolute; top: 0; right: 48px; background: url(../images/icon/icon16.png)no-repeat center center; cursor: pointer;}
@media screen and (max-width: 1300px) {
		.top_search{ width: 90%;}
}*/
/*top导航*/
.container02{ padding: 20px 0 0; overflow: hidden; display: none;}
.container02 a{ float: left; display: inline-block; padding: 0 10px; margin-right: 4px; line-height: 40px; font-size: 14px; content: #333; border-radius: 3px; transition: all 0.3s;}
.container02 a span{ display: inline-block; line-height: 40px; padding-right: 8px;}
.container02 a span img{ margin-top: 10px; margin: 0 auto;}
.container02 a p{ display: inline-block; margin: 0;}
.container02 .active{ background: #225688; color: #fff;}
.container02 a:hover{ background: #225688; color: #fff;}

/*筛选工具栏*/
.container03{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #272838; padding: 0 16px; background: #ebebeb; margin: 0;  border: 1px solid #e1e1e1; border-right:none; box-shadow: 0 2px 4px rgba(0,0,0,0.12); display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; position:sticky; top:140px; z-index: 3; }
.container03.fixed-top-bar{ position: fixed; left: 0; width: 100%; z-index: 1004; }
.container03 .toolbar-left{ display: flex; align-items: center; gap: 12px; }
.container03 .header-back-btn{ padding: 0 10px; height: 28px; line-height: 28px; border-radius: 6px; border: 1px solid #ccc; background: #fff; cursor: pointer; font-size: 13px; }
.container03 .header-back-btn:hover{ border-color: #225688; color: #225688; }
.container03 .header-breadcrumb{ display: flex; align-items: center; gap: 6px; font-size: 13px; color: #666; }
.container03 .header-breadcrumb .breadcrumb-item{ display: none; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.container03 .header-breadcrumb .breadcrumb-item::before{ content: '/'; margin: 0 4px 0 0; color: #999; }
.container03 .header-breadcrumb .breadcrumb-item:first-child::before{ content: ''; margin: 0; }
.container03 .header-breadcrumb .active-breadcrumb:hover{ cursor: pointer; color: #225688; }

.container03 .header-filter{ display: flex; align-items: center; gap: 12px; }
.container03 .header-filter select{ height: 30px; line-height: 30px; padding: 0 10px; border-radius: 4px; border: 1px solid #ccc; background: #fff; color: #272838; min-width: 140px; }

/*首页内容*/
.main{ background: #f4f6f8;}
.content_nav{ height: 30px; width: 100%; margin-bottom: 20px;}
.content_nav a{ display: inline-block; height: 32px; line-height: 30px; font-size: 14px; color: #272838; padding: 0 10px; background: #fff; margin: 0; float: left; border: 1px solid #e1e1e1; border-right:none; }
.content_nav a:first-child{ border-radius: 3px 0 0 3px;}
.content_nav a:last-child{ border: 1px solid #e1e1e1; border-radius: 0 3px 3px 0;}
.content_nav a span{ display: inline-block; line-height: 30px; padding-right: 8px;}
.content_nav a span img{}
.content_nav a p{ display: inline-block; margin: 0;}
.content_nav .active{ background: #225688; color: #fff;}
.content_nav a:hover{ background: #225688; color: #fff;}

.content_list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.main .section{ width: 15.66%; margin: 0 1.2% 1.2% 0; position: relative; border-radius: 3px; min-height: 260px; padding: 20px; background: #fff;}
.main .section:nth-of-type(6n){ margin: 0 0 1.2% 0; }

@media screen and (max-width: 1600px) {
	.main .section{ width: 19.04%; margin: 0 1.2% 1.2% 0;}
	.main .section:nth-of-type(6n){ margin: 0 1.2% 1.2% 0;}
	.main .section:nth-of-type(5n){ margin: 0 0 1.2% 0;}
}
@media screen and (max-width: 1400px) {
	.main .section{ width: 24.1%; margin: 0 1.2% 1.2% 0;}
	.main .section:nth-of-type(5n){ margin: 0 1.2% 1.2% 0;}
	.main .section:nth-of-type(4n){ margin: 0 0 1.2% 0;}
}
.main .section h3{ font-size: 16px; color: #272838; font-weight: bold;  overflow : hidden; text-overflow: ellipsis; white-space:nowrap;  margin-bottom: 18px; padding: 0 30px 0 60px; box-sizing: border-box; background: #f2f6f9; height: 50px; line-height: 50px; position: relative;} 
.main .section h3::before{ content: ""; width: 45px; height: 45px; position: absolute; left: 6px; top: 4px; background: var(--pcate-icon, url(../../../files/cate/1.png)) no-repeat center center; background-size: contain;}
.main .section .collect{ content: '';width: 30px; height: 30px; position: absolute; top: 10px; right: 10px; background: url(../images/icon/icon02.png)no-repeat center center; cursor: pointer;}
.main .section .collect.active{ background: url(../images/icon/icon02_1.png)no-repeat center center;}
.main .section ul{ height: auto;  padding: 0 12px; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap:20px;}
.main .section ul li{ background: #f0f0f0; width: calc((100% - 20px) / 2); height: 50px; position: relative;} 
.main .section .section_link{ display: inline-block; padding: 0 20px; font-size: 14px; font-weight: bold; color: #272838; line-height: 24px; border: 1px solid #272838; border-radius: 3px; position: absolute; right: 50px; top: 12px;}
.main .section ul li a{ display: block; padding-left: 60px; line-height: 50px; font-size: 14px;}
.main .section ul li a::before{ content: ""; display: block; position: absolute; width: 40px; height: 40px; top: 5px; left: 5px; background: var(--cate-icon, url(../../../files/cate/22.png)) no-repeat center center #fff; border-radius: 3px; background-size: 36px auto;}
.main .section ul li a:hover{ color: #225688;}
.main .section .section_link:hover{ background: #225688; color: #fff; border-color: #225688;}
#topSearchContainer{display: flex;}
.top_search_l2{ width: 58px; height: 40px; background: #225688; border-radius: 3px 0 0 3px;cursor: pointer;}
.top_search_l2>img{ display: block; margin: 0 auto; margin-top: 12px;}
.top_search_m2{ position: relative; width: 100%; padding-left:12px; box-sizing: border-box; /*background: url(../images/icon/icon15.jpg) no-repeat center #f5f5f5; background-position: 8px 5px; border-radius: 3px;*/ height: 40px; border: 1px solid #225688;}
.form-group .top_search_m2{ position: relative; width: 100%; padding-left:40px; box-sizing: border-box; background: url(../images/icon/icon15.jpg) no-repeat center #f5f5f5; background-position: 8px 5px; border-radius: 3px; height: auto; border: none;}
.top_search_r2 .btn{ display: block; width: 48px; height: 40px; background: url(../images/icon/icon14.png) no-repeat center center #225688;  z-index: 2;} 
.top_search_m2 .top_text{ display: block; width: 100%; height: 38px; line-height: 40px; font-size: 16px; color: #272838; outline: none; border: none; background: none; padding: 0; }
.top_search_m2 .top_text2{height: 100px;line-height: normal;padding: 8px 5px 5px 0; box-sizing: border-box;}
.expand-container {height: 100px;}

/*列表页*/
.pageContent.pageContent_list{ padding: 20px 20px 40px; width: 100%; box-sizing: border-box; background: #f5f6f8;}
.pro_list td{ }
.pro_list th{ background: #225688; padding:6px 10px; }
.pro_list thead tr{ background: #225688;}
.pro_list thead{ padding-bottom: 4px;}
.pro_list td{ padding:10px;}

.pro_list td a{ color: #225688; font-weight: 700;}
.pro_list td a div{ color: #616161; font-weight: normal;}
.pro_list td a div.cate-name{ color: #000; font-weight: 700;}
.pro_list td a:hover{ color: #225688;}

.pro_list thead th{ border-bottom: 6px solid #f5f6f8;}
.pro_list tbody tr{ border-bottom: 10px solid #f5f6f8; position: relative;}
.pro_list tbody tr::after{ content: ""; height: 1px; background: #d1d1d1; width: 100%; position: absolute; left: 0; bottom: -6px;}
.pro_list tbody tr{ background: #fff;}
.model-list .brand-tr .mod-li::before { content: ""!important; margin-right: 8px; display: inline-block; width: 16px; height: 16px; background: url(../images/icon/icon26.jpg)no-repeat 0 bottom; margin-bottom: -2px;}
.model-list .brand-tr.isopen .mod-li::before { content: ""!important; margin-right: 8px; display: inline-block; width: 16px; height: 16px; background: url(../images/icon/icon27.jpg)no-repeat 0 bottom; margin-bottom: -2px;}
.model-list .mod1-tr .mod-li::before { content: ""!important; margin-right: 4px!important; display: inline-block; width: 16px; height: 16px; background: url(../images/icon/icon28.jpg)no-repeat right 10px; margin-bottom: -2px;}
.model-list .brand-tr .mod-li2::before { content: ""!important; margin-right: 8px; display: inline-block; width: 16px; height: 16px; background: url(../images/icon/icon27.jpg)no-repeat 0 bottom; margin-bottom: -2px;}
.pro_list .cate-name{ font-size: 16px; color: #000;}
.pro_list .parameter-item { margin: 4px 0;}
.mod1-tr{ margin-top: 4px;}
.page-box .to_page_btn{ color: #fff; background-color: #225688; border-color: #225688; padding: 3px 16px; display: inline-block;}

/*产品详情页*/
.itemdes{ padding: 20px 20px 40px;  width: 100%!important; box-sizing: border-box; background: #f5f6f8; clear: both;}
.table-bordered thead tr { color: #fff;}
.table.table-bordered{ background: #fff;}
.table.table-bordered thead tr{ background: #2f3541;}
.table.table-bordered thead tr th{ border: none;}
.marb10{ margin-bottom: 20px; background: #fff;}
.itemdes-model .brand-tr td:first-child { padding-left: 10px!important; color: #000!important; background: #f5f6f8;}
.itemdes-model .brand-tr tr:first-child{ padding: 10px; background: #fff;}
#to-top:hover{ background: #225688;}
.itemdes-nums .table.table-bordered tbody tr:nth-of-type(2n){ background: #f5f6f8}
.itemdes-nums .table.table-bordered>tbody>tr>td{ border:none; border-right: 1px solid #ddd; padding:6px;}
.table.table-bordered .mod-li{ color: #adadad; -webkit-transition: all 0.3s; transition: all 0.3s;}
.table.table-bordered .isopen .fa-caret-right{  -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.table.table-bordered .mod-tr .fa-caret-right:before { content: ""; width: 10px; height: 14px; display: inline-block; background: url(../images/icon/icon28.jpg)no-repeat 0 9px;}
.table.table-bordered .mod-tr{ background: #fafafa;}
.table.table-bordered  thead th{ padding: 6px;}
/*详情页多图*/
.itemdes-top.marb10{ padding: 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.itemdes-top-left>.marb10{ margin: 0; display: flex; box-sizing: border-box; justify-content: space-between; }
.left.itemdes-img{ border: none;  box-sizing: border-box; width: 400px; text-align: left; height: 300px; margin: 0;}
.itemdes-top-left { width: 100%!important; float: left; margin-right: 0!important;}
.bigpic{ float: left; width: 300px; height: 300px; border: 1px solid #dbdbdb; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; flex-grow: 1;}
#viewerPic{ max-height: 500px; width: 80px; float: left; height: 300px; overflow: hidden;}
#viewerPic ul{ height: 300px;  overflow: hidden; max-height: 300px;}
.marb10 .bigpic img { width: 100%; height: auto; }
.marb10 .middlepart{ box-sizing: border-box; padding: 0 0 0 30px; border: none; /*border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;*/ height: 300px!important; /*width: calc(100% - 460px)!important;*/ flex-grow: 1;}
.marb10 .middlepart h2{ color: #225688; border-bottom: none; margin-bottom: 0; line-height: 24px; padding: 0 0 8px 0; font-size: 16px;}
.marb10 .middlepart h2.middlepart_name{ font-size: 22px;  padding: 0 0 10px 0; border-bottom: 1px solid #d9d9d9; font-weight: 600;}
.marb10 .middlepart h2 p{ padding: 10px 0 10px 10px; background: #f5f6f8;}
.parameter{ float: left; padding-left: 30px; height: 226px; width: auto!important;}
.item-img li { height: 48px!important; width: 60px!important; margin: 0 0 15px 12px!important;}

.middlepart_usefor{ padding: 14px 0 50px 0;}
.middlepart_usefor p{ font-size: 16px; color: #000; line-height: 32px; font-weight: bold; padding-bottom: 4px;}
.middlepart_usefor span{ display: inline-block; font-size: 14px; color: #333; line-height: 22px; margin: 0 10px 10px 0; background: url(../images/icon/icon25.png)no-repeat 10px center #f5f6f8; padding: 0 8px 0 22px;}

.middlepart_cart a{ display: inline-block; padding: 0 20px 0 48px; line-height: 40px; font-size: 14px; border: 1px solid #333; color: #000; border-radius: 3px; background: url(../images/icon/icon19.png)no-repeat 10px center; float: left;}
.middlepart_cart a:hover{ border: 1px solid #225688; color: #fff; border-radius: 3px; background: url(../images/icon/icon41.png)no-repeat 10px center #225688;}
.middlepart_cart .collect{ display: inline-block; padding-left: 26px; line-height: 28px; background: url(../images/icon/icon02.png)no-repeat 0 center; margin-left: 8%; cursor: pointer; height: 26px; overflow: hidden; margin-top: 8px; float: left;}
.middlepart_cart .collect.active{ background: url(../images/icon/icon02_1.png)no-repeat 0 center; color: #225688;}

.itemdes01{  display: flex; width: 100%; justify-content: space-between; box-sizing: border-box; flex-wrap: wrap;}
.itemdes_left{ width: 68%; box-sizing: border-box;}
.itemdes-nums{ width: 30%; }

@media screen and (max-width: 1500px) {
	.itemdes01{ }
	.itemdes_left{ width: 100%; max-width: 1200px; margin: 0 auto;}
	.itemdes-nums{ width: 100%; max-width: 1200px; margin: 0 auto;}
	.itemdes-nums>div{ display: flex; width: 100%; justify-content: space-between; box-sizing: border-box; flex-wrap: wrap; }
	.itemdes-nums>div table{ width:49%; }

}




.collect2 {
	display: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	background-size: contain;
	background-image: url(../images/icon/icon02.png);
    background-repeat: no-repeat;
    background-position: center;
 }
 
 .collect2.active {
	display: block;
	background-size: contain;
	background-image: url(../images/icon/icon02_1.png);
    background-repeat: no-repeat;
    background-position: center;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
 }
 
 /* 鼠标经过时显示收藏按钮 */
 li:hover .collect2 {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
 }

.top-nav{float:right;}
.top-head.transparent .top-nav > ul > li.selected > a, .side-nav li.dl-back a, .side-nav ul li.selected > a, .tags li:hover a, .accordion h5.acc-head a:not(.collapsed), .icon-box.lg-icon:hover i:before, .widget_menu ul li.selected a, .TweetAuthor a, .section-bullets li.active a, .filter-by.style5 ul li.selected a span{color: #2f3540;}
.tabs.top-border .nav-tabs>li.active>a, .heading.style3:before, .tabs.top-border .nav-tabs>li.active>a:focus, .tabs.top-border .nav-tabs>li.active>a:hover, .bo_ribbon.bottom:before, .bo_ribbon.bottom:after, .top-nav ul li ul li:first-child, .top-nav .mega-menu .mega-content
,.main-bg, .top-nav ul li li, .header-2 .top-nav > ul > li.selected > a, .header-2 > .container:before, .sticky-nav .top-nav > ul > li.selected > a, .head-border, .top-head.header-2 .top-nav > ul > li > a:before, .social-list-empty li a:after, .sticky-nav .top-nav > ul > li:hover > a, .heading:after, ul.social-list li a.main-bg:after, .steps-1 i:after, .responsive-menu > ul, .testimonials-1 .testimonials-img:before, .testimonials-1 .testimonials-img:after, .center-v-menu ul li:hover a, .center-v-menu ul li.active a, .center-v-menu ul li.active a:focus, .rect-angles:before, .rect-angles:after, .rect-angles span:before, .rect-angles span:after, .pricing-tbl:not(.style-2).selected, .pricing-tbl:not(.style-2):hover, .main-border.btn-outlined:hover, .top-head.minimal .top-nav > ul > li:hover > a, .steps-2 .step-title:after, .top-head.minimal .top-nav > ul > li.selected > a, .slick-dots li.slick-active button, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .top-head.box-head .top-nav > ul > li >a:before, .pagination>.active>span:focus, .pagination>.active>span:hover, .tabs.bg-color .nav-tabs>li.active>a, .icon-bg.dark-bg:after, .icon-border.dark-bg:after, .accordion.shadowed h5.acc-head a:not(.collapsed), .tabs.bottom-border .nav-tabs>li.active>a:after, .icon-boxes-1 [class*="col-md-"]:before, .icon-boxes-1 [class*="col-md-"]:after, .filter-by.style2 ul li.selected a span, .filter-by.style3 ul li.selected a span, .filter-by.style4 ul li.selected a span, .list-grid a.selected, .heading.main .head-sep:before, .heading.main .head-sep:after, .slick-prev:hover, .slick-next:hover, #to-top:hover, .swiper-button:hover, .section-bullets li.active a:after, .top-head.box-head.light-head > .container:before, .top-head.box-head.dark-head > .container:before, .on-sale-inner
{background-color: #2f3540;}
.top-nav ul li ul{min-width:100px;}

/**对齐margin|padding|float begin**/
.mar5{margin:5px;}
.mar10{margin:10px;}
.marr5{margin-right:5px;}
.marr10{margin-right:10px;}
.marl10{margin-left:10px;}
.mart5{margin-top:5px;}
.mart10{margin-top:10px;}
.martb5{margin-top:5px;margin-bottom:5px;}
.martb10{margin-top:10px;margin-bottom:10px;}

.pad2{padding:2px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.padtb5{padding-top:5px;padding-bottom:5px;}
.padtb10{padding-top:10px;padding-bottom:10px;}
.padt15{padding-top:15px;}
.padt20{padding-top:20px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.clear{clear:both;}

.floatl{float:left;}
.floatr{float:right;}
.center{text-align:center;}
.text_left{text-align:left;}
/**对齐margin|padding|float begin**/

.hide{display:none;}

/**color begin**/
.orange{color:#ff6800}
.red,.error{color:red;}
.red2{color: #e02323;}
.red3{color: #a51d1d;}
.choose{color:#e02323}
.gray{color:gray}
.gray2{color:#808080;}
.green{color:green}
.blue{color:blue;}
.a_blue, .layui-card-header .layui-a-tips{color:#4040ff;}
.warn,.notice{color:#FF5722}
.required{color:red;padding:0 3px;font-weight:normal;font-style:normal}
.black{color:#3d3d3d}
.activetr{background: #e5f8ff;}
.nodata{color: #FF5722; padding: 10px;text-align: center;}
.bg{background: #f2f2f2;}
/**color end**/

/**字体大小 begin**/
.size14{font-size:14px}
.size16{font-size:16px}
.size18{font-size:18px}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w80{width:80px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
/**字体大小 end**/


.table.table-bordered tbody th {background: #2f3541; color: #fff;text-align:right}
.bgorg{background: #f1eed1;    color: #188CA6;}
.item-list-box {
  width: 1200px;
  overflow-x: auto; /* 如果表格超出则显示滚动条 */
}

.item-list-box .table{overflow: scroll;
    table-layout: fixed;
    width: auto;
}
.item-list-box .table th,td{white-space: nowrap;}
/* 搜索类型下拉框样式 */
.search-type-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
	justify-content: center
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    border: 1px solid #ddd;
    border-radius: 4px;
    top: 100%;
    left: 0;
}

.dropdown-content a {
    color: black;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.dropdown-content.show {
    display: block;
}

/* VIN 输入框样式 */
.vin-input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}
	/**webuploader begin**/
.webuploader-container {position: relative;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;background: #00b7ee;padding: 6px 8px;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.webuploader-pick-hover {background: #00a2d4;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
/**webuploader end**/
	/* vin图片搜索 */
	.vin-ocr-box {padding:2px;border: 2px dashed #e81d23;border-top:none;height: 30px; display: none;text-align: center;}
	#uploader .placeholder .webuploader-pick {font-size: 12px;letter-spacing: 3px;line-height: 25px;color: rgb(255, 255, 255);display: inline-block;cursor: pointer;box-shadow: rgb(0 0 0 / 10%) 0px 1px 1px;background: #ff6323;border-radius: 3px;padding: 0px 25px;overflow:unset;}
	.webuploader-container {position: relative;float: left;background-color: #e81d23;}
	.vin-ocr-box .webuploader-container{background-color: #ff6323;}
	.placeholder {position: relative;}
	.file-text {float: left;margin-top: 5px;color: #666;font-size: 12px;font-weight: normal;word-break: break-word;text-align: center;margin-left: 20px;}
	.btn100{width: 100%;}
	#dndArea p{color: #cccccc;text-align: left !important;font-size:13px;line-height:20px;} 
	.vin-ocr-result .layui-form{padding:0 10px;}
	.vin-ocr-result .recut-txt {font-size: 14px;display: inline-block;margin: 5px 5px 0 0;color: #333;}  
	.reocr-btns {padding: 8px 15%;background: #eee;}  
	.vin-ocr-result>h4 {color: #FF5722;text-align: center;margin-top: 10px;margin-bottom: 5px;}  
	.vinTxt .char {width: 5.88%;padding: 20px 2px;text-align: center;font-size: 16px;float: left;border-radius: 0;border-left: 0px;margin-bottom: 5px;} 
	.vinTxt .char:first-child{border-left: 1px solid #333}
	.vin-ocr-mask{position: fixed;top: 0;width: 100%;height: 100%;z-index: 1000;background: #000;filter: alpha(opacity=50);opacity: 0.5;display: none;}
	#VinScanning{position: fixed;top: 30%;left: 70%;z-index: 2001;background: #fff;display: none;width: 560px;height: 800px;margin: -250px 0 0 -562px;padding: 20px;border: 1px solid #e2e2e2;}
	#VinScanning .viewer-toolbar{margin-top: -50px;position: relative;}
	#VinScanning .layui-btn {display: inline-block;height: 38px;line-height: 38px; padding: 0 18px;background-color: #e81d23; color: #fff; white-space: nowrap; text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;}
	#VinScanning .closesub {zoom: 1;position: absolute;top: -1px;right: -1px;cursor: pointer;width: 19px;height: 19px;border-right: none;border-top: none; background-position: -499px -45px;}
	

	/* 加载状态样式 */
.loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

.error {
    text-align: center;
    padding: 20px;
    color: #225688;
    background-color: #ffecec;
    border: 1px solid #225688;
    border-radius: 4px;
    margin: 10px;
}

.nodata {
    text-align: center;
    padding: 40px;
    color: #999;
    font-size: 16px;
}


table {
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
}
th {
	background-color: #b20000;
	color: white;
	padding: 6px;
	text-align: left;
}
td {
	padding: 6px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}

.ypc-mod2-mod3{border-top:0px;margin:10px 0 20px 0px}
.mod2-name{height:30px;line-height:30px;padding-left:10px;font-size:14px;font-weight:600;color: #000;background: #f9f9f9;border:1px solid #e1e1e1;border-bottom:0px;border-left: 4px solid #cc0000;}

/* 右侧弹窗样式 */
.side-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: flex-end;
}

.side-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 900px;
    height: 100vh;
    background-color: white;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 10000;
}

.side-panel.slide-in {
    transform: translateX(0);
}

.side-panel.slide-out {
    transform: translateX(100%);
}

.side-panel-header {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
}

.side-panel-header h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
}

.side-panel-header .close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-panel-header .close-btn:hover {
    color: #333;
}

.side-panel-content {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

.side-panel-content .loading,
.side-panel-content .error-message,
.side-panel-content .nodata {
    text-align: center;
    padding: 50px 20px;
    color: #666;
}

.side-panel-content table.layui-table {
    margin: 0;
}
 /* 内容区域样式 */
 .content {
	display: flex;
	padding: 20px;
	flex-wrap: wrap;
 }

 .section {
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
 }

 .section h3 {
	margin-top: 0;
 }

 .section ul {
	list-style-type: none;
	padding-left: 20px;
 }

 li {
	position: relative;
	list-style: none;
 }

.buttons .btn-reset{ width: 24%; background: url(../images/icon/icon33.png)no-repeat center center #2eb8b8; height: 28px; min-width: 26px; margin-top: 10px; outline: none; border: none; border-radius: 4px; margin-right: 5px;}
.sidebar .buttons .btn-search{ height: 28px; color: #fff; line-height: 8px; background: url(../images/icon/icon14.png)no-repeat center center #225688;}
.sidebar .form-group select{ display: block; background: url(../images/icon/icon37.jpg)no-repeat 168px center #fff; -webkit-appearance: none; appearance: none; }

/* 技术信息容器 */
.tech-info-container {
    margin-bottom: 15px;
}

/* 技术信息表格 */
.tech-info-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}
.tech-info-table tr{
   padding: 6px 0;
}

.tech-info-table tr:nth-child(even) {
   background-color: #f8f9fa;
}

.tech-info-table td {
   padding: 8px 0;
   vertical-align: middle;
   word-wrap: break-word; /* 允许文字换行 */
   white-space: normal; /* 允许文本换行 */
}

.tech-info-table .label1 {
   text-align: left;
   padding-left: 5px;
   width: 70px;
   font-weight: bold;
}


.autocomplete-dropdown {
    position: fixed !important;
    z-index: 99999 !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    max-height: 200px !important;
    overflow-y: auto !important;
    min-width: 200px !important;
    max-width: 400px !important;
}

.autocomplete-item {
    padding: 8px 12px !important;
    cursor: pointer !important;
    border-bottom: 1px solid #eee !important;
}

.autocomplete-item:hover {
    background-color: #f5f5f5 !important;
}

.autocomplete-item:last-child {
    border-bottom: none !important;
}
.vin-ocr-box {
    padding: 10px;
    border: 2px dashed #e1e1e1;
	border-top:none;
    height: auto;
    display: none;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    z-index: 9;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0 0 6px 6px;
    margin-top: 2px;
}

/* 确保搜索容器有相对定位 */
.top_search_m2 {
    position: relative;
    /* 保留您原有的样式 */
}
.make-content-container .make-index,
.series-content .series-index {
    margin-bottom: 10px;
}

/* 当没有筛选按钮时，直接显示内容 */
.make-content-container > .make-group,
.series-content > .series-group {
    margin-top: 0;
}

#carmodecn-breadcrumb{display: none;}

.vin-search-container {
	background: #ffff;
	padding: 10px;
	position: sticky;
	top: 194px;
	z-index: 1000;
	background: radial-gradient(circle, #f3eff0, #f5d7cb);
 }
 
 .vin-search-form {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	/* gap: 10px; */
	background: #f7f9fb;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
 }
 
 .vinSearchContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
 }
 .vin_search_m2 {
	flex: 1;
	position: relative;
	width: 100%;
	padding-left: 40px;
	box-sizing: border-box;
	background: url(../images/icon/icon15.jpg) no-repeat center #f5f5f5;
	background-position: 8px 5px;
	border-radius: 3px;
	height: auto;
 }
 .vin_search_r2 .btn {
	flex: 1;
    display: block;
    width: 48px;
    height: 40px;
    background: url(../images/icon/icon14.png) no-repeat center center #e1e1e1;
    border-radius: 0 3px 3px 0;
    z-index: 2;
}
 .vin-ocr-box-search {
	padding: 10px;
	border: 2px dashed #e1e1e1;
	border-top:none;
	text-align: center;
	background: white;
	/* border-radius: 6px; */
 }
 .vin-ocr-box-search-form{
	padding: 10px;
	border: 2px dashed #e1e1e1;
	text-align: center;
	background: white;
 }

 .model-tabs .tab-item.active { color: #225688!important; }
.model-tabs .tab-item.active::before { background-color: #225688!important;}
.login-form-tip{ padding: 24px 0 10px; font-size: 14px; color: #225688;}
/*登录*/
.row.row01{ float: right; width: 40%; box-sizing: border-box; margin-top: 5%; min-width: 330px;}
.wid-50.gry-bg.tbl.p-a-3{  margin: 0; width: 100%; box-shadow: 0 10px 10px #a3bbd3;}
.modal-footer { padding: 15px; text-align: right; border-top: none;}
.btn.btn-login{ width: 100%; margin-top: 26px;}
.modal-body .form-group { position: relative;}
.modal-body .form-group input{ padding-left: 38px;}
.modal-body .form-group01::before{ content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 6px; top: 8px; background: url(../images/icon/icon38.png)no-repeat;}
.modal-body .form-group02::before{ content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 6px; top: 8px; background: url(../images/icon/icon39.png)no-repeat;}

/**/
.brand-index-btn.active { background-color: #225688!important; border: 1px solid #225688!important; color: #fff!important;}
.brand-index-btn {  border: 1px solid #225688!important; color: #225688!important;}
.brand-index-btn:hover { background-color: #225688!important; color: #fff!important;}
.brand-card-list{ padding-top: 6px;}
.brand-card{ transition: all 0.2s;} 
.brand-card:hover { color: #225688!important; /*transform: translateY(0)!important;*/}

/**/
.make-card-list,.series-card-list{ margin-top: 16px!important;}
.make-content { padding: 10px 20px 20px!important;}
.series-group-header { top: 204px!important; color: #225688!important;}
.make-group-header { top: 204px!important; color: #225688!important;}
.image-container img{ }
.brand-index { padding-bottom: 16px!important;}
.series-card-inner,.make-card-inner{ padding: 14px 12px!important;}
.make-card-inner:hover,.series-card-inner:hover { color: #225688!important;}
.model-table thead th{ background-color: #225688!important;}
.model-table tbody tr:hover { background-color: #f0f0f0!important;}
.sidebar #carModelInfo { border-left: 6px solid #225688!important;}

.content_list {  gap:20px;}
.main .section { width: calc((100% - 40px) / 3) !important; margin: 0!important; padding: 0 0 20px!important;}

.content.main .section { width: 100%!important; margin: 0 auto!important; padding: 40px 40px 0!important; background: #fff; border: none!important; max-width: 1600px; min-height: 60px;}
.content.main .content_list {  gap:0;}
.content.main .section .section_link{ display: none;}
.content.main .section .collect{ display: none;}
.content.main .section h3{ background: none; border-bottom: 1px solid #cbcbcb; padding-left: 0;}
.content.main .section h3::before{ display: none;}
.content.main .section ul{ padding: 0;}
.content.main .section ul li{ width: calc((100% - 100px) / 6) !important;}
.content.main .collect2{ display: none;}
.content.main .section:last-of-type{ padding-bottom: 50px!important;}


@media screen and (max-width: 1600px) {
.main .section {
    width: calc((100% - 40px) / 3) !important;
    margin: 0!important;}
}
@media screen and (max-width: 1400px) {
.main .section { width: calc((100% - 20px) / 2) !important;}
}


@media screen and (max-width: 1300px) {
.content.main .section ul li { width: calc((100% - 80px) / 5) !important;}
}
@media screen and (max-width: 1200px) {
.content.main .section ul li { width: calc((100% - 60px) / 4) !important;}
}
@media screen and (max-width: 980px) {
.content.main .section ul li { width: calc((100% - 40px) / 3) !important;}
}



.series-index-btn { border: 1px solid #225688!important; color: #225688!important;}
.series-index-btn.active { color: #fff!important; background-color: #225688!important;}
.series-index-btn:hover { background-color: #225688!important; color: #fff!important;}
.brand-group-header { color: #225688!important;}
.model-tabs { margin-bottom: 0!important; }
.brand-index{ padding-top: 10px;} 
.model-table thead th { top: 178px!important;}
.series-content { padding: 10px 20px 20px!important;}

/*个人中心*/
.content.my_center .forms-group{ width: 240px; }
.content.my_center{min-height: calc(100vh - 180px); max-width: 1600px; margin: 0 auto; position: relative; width: 100%;}
.my_center_box{ width: 220px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 15px; margin-right: 20px; border-radius: 4px; min-height: 400px; position: absolute; left: 20px;}
.my_center_nav{ border-bottom: 1px solid #f0f0f0; margin-bottom: 10px;}
.my_center_nav li{ line-height: 32px;}
.my_center_nav dl{ padding-bottom: 10px; padding-left: 26px;}
.my_center_nav dl dt a{ line-height: 28px; color: #999; display: block;}
.my_center_tit{ font-size: 16px; color: #000; padding-left: 26px; position: relative;}
.my_center_tit::after{ content: ""; width: 32px; height: 32px; position: absolute; right: 0; background: url(../images/icon/icon37.jpg)no-repeat center center;}
.my_center_tit01{ background: url(../images/icon/icon35.jpg)no-repeat 0 center;}
.my_center_tit02{ background: url(../images/icon/icon36.jpg)no-repeat 0 center;}
.model-brand{ background-color: #fff; border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); min-height: 400px; width: 100%; box-sizing: border-box; }
.my_center_nav dl dt button{ line-height: 32px; color: #999; text-shadow: none; font-size: 14px;}
.content.my_center .main{  flex-grow: 1;}

/*详情页*/
.table.table-bordered thead th{ background: #225688;}

/*我的询单*/
.pageContent.smain.smain01{ padding: 10px; box-sizing: border-box; width: 100%; max-width: 1800px;}


/* --- 1. 头部主容器：确保高度自适应且平滑过渡 --- */
.top-head.transparent {
    background: #fff;
    padding: 24px 20px;
    box-sizing: border-box;
    width: 100%;
    height: auto !important; /* 关键：允许高度随内容变化 */
    min-height: 118px;       /* 保持最小高度，防止收缩时太扁 */
    transition: all 0.3s ease-in-out; /* 平滑动画 */
}

/* --- 2. 顶部 Flex 布局容器：对齐方式优化 --- */
.container01 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start; /* 关键：顶部对齐，防止 Logo 被拉伸 */
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}


.top_search {
    width: 85%;
    margin: 0 auto;
    height: auto; 
    min-height: 70px;
    position: relative;
    max-width: 560px;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column; 
}


#topSearchContainer {
    display: flex;
    width: 100%;
}


.top_search_m2 {
    position: relative;
    width: 100%;
    padding-left: 12px;
    box-sizing: border-box;
    min-height: 40px;
    height: auto;         
    border: 1px solid #225688;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}


.top_search_m2:has(.top_text2) {
    align-items: flex-start;
}

.top_search_m2 .top_text {
    display: block;
    width: 100%;
    height: 38px; 
    line-height: 40px;
    font-size: 16px;
    color: #272838;
    outline: none;
    border: none;
    background: none;
    padding: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    resize: none;
}

.top_search_m2 .top_text2 {
    height: 120px; 
    line-height: 1.5;
    padding: 8px 5px;
    box-sizing: border-box;
    overflow-y: auto;
    white-space: pre-wrap;
}


.vin-ocr-box {
    padding: 10px;
    border: 2px dashed #e1e1e1;
    border-top: none; 
    height: auto;
    display: none;         /* 默认隐藏，JS控制显示 */
    text-align: center;
    
    position: relative;    
    top: auto;
    left: auto;
    width: 100%;
    background: white;
    /* z-index: 9; */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0 0 6px 6px;
    margin-top: 0;  
    transition: all 0.3s ease-in-out;
}
.vin-ocr-box #wrapper,
.vin-ocr-box #container {
    width: 100%;
    overflow: hidden;
}

body {
    transition: padding-top 0.3s ease-in-out;
}