.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:1100px;
	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 #ff6600; color: #fff; background: #ff6600;}
.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 #ff6600; color: #fff; background: #ff6600;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: 14px 20px; box-sizing: border-box; width: 100%;}
.pageWrapper .top-head.transparent{ background: #fff; padding: 14px 20px 0;}
.container01{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.logo01{ width: 20%; min-width: 171px;}
.top_r{ width: 20%;}
.top_r>a{ float: right; margin-left: 26px; display: block; width: 30px; height: 30px; margin-top: 10px;}
.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: #d70937; color: #fff; line-height: 18px;}
.top_m{ width: 60%;}
.top_search{ width: 80%; margin: 6px auto 0; height: 40px; position: relative;}
.top_search_l{ width: 48px; height: 40px; background: #d70937; 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: 40px; line-height: 40px; font-size: 16px; color: #272838; outline: none; border: none; background: none; padding: 0; }
/*.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; z-index:99; position: relative; margin-bottom: -1px;}
.container02 a{ float: left; display: inline-block; padding: 0 10px; margin-right: 2px; line-height: 40px; font-size: 14px; color: #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; font-weight: bold;}
.container02 .active{ background: #f5f5f5; color: #ff562b;}
.container02 a:hover{ background: #f5f5f5; color: #ff562b;}

/*首页内容*/
.export_box { display: flex; padding: 6px 20px; overflow: hidden; background: #f5f5f5; box-shadow: 0 3px 5px #eaebec;  height: 34px; position: relative;}
.export_box .userchk { position: absolute; right: 90px; top: 6px; transform: translateY(0); color: #fff; text-decoration: none; padding: 2px 10px 2px 10px; border-radius: 3px; background: #188ca6; font-size: 12px; border: none;}
.export_box .export { position: absolute; right: 20px; top: 6px; transform: translateY(0); color: #fff; text-decoration: none; padding: 2px 10px 2px 22px; border-radius: 3px; background: url(../images/icon/icon29.jpg)no-repeat 6px 5px #188ca6; font-size: 12px;}
.export_box .export:hover{ background: url(../images/icon/icon29.jpg)no-repeat 6px 5px #188ca6; color: #fff;}
.content.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: #d70937; color: #fff;}
.content_nav a:hover{ background: #d70937; color: #fff;}

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

@media screen and (max-width: 1600px) {
	.content.main .section{ width: 19.04%; margin: 0 1.2% 1.2% 0;}
	.content.main .section:nth-of-type(6n){ margin: 0 1.2% 1.2% 0;}
	.content.main .section:nth-of-type(5n){ margin: 0 0 1.2% 0;}
}
@media screen and (max-width: 1400px) {
	.content.main .section{ width: 24.1%; margin: 0 1.2% 1.2% 0;}
	.content.main .section:nth-of-type(5n){ margin: 0 1.2% 1.2% 0;}
	.content.main .section:nth-of-type(4n){ margin: 0 0 1.2% 0;}
}
.content.main .section h3{ font-size: 16px; color: #272838; font-weight: bold;  overflow : hidden; text-overflow: ellipsis; white-space:nowrap;  margin-bottom: 12px; padding-right: 10px; box-sizing: border-box;} 
.content.main .section .collect{ content: '';width: 30px; height: 30px; position: absolute; top: 12px; right: 4px; background: url(../images/icon/icon02.png)no-repeat center center; cursor: pointer;}
.content.main .section .collect.active{ background: url(../images/icon/icon02_1.png)no-repeat center center;}
.content.main .section ul{ height: 192px; overflow-y:auto; padding: 0 0; margin-bottom: 10px;}
.content.main .section ul li{ padding-left: 20px; background: url(../images/icon/icon25.png)no-repeat 2px 5px;} 
.content.main .section .section_link{ display: inline-block; padding: 0 20px; font-size: 14px; font-weight: bold; color: #272838; line-height: 30px; border: 1px solid #272838; border-radius: 3px;}
.content.main .section ul li a{ display: block;}
.content.main .section ul li a:hover{ color: #d70937;}
.content.main .section .section_link:hover{ background: #d70937; color: #fff; border-color: #d70937;}

#topSearchContainer{display: flex;}
.top_search_l2{ width: 58px; height: 40px; background: #ff562b; 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:40px; box-sizing: border-box; background: url(../images/icon/icon15.jpg) no-repeat center #f5f5f5; background-position: 8px 5px; border-radius: 3px; height: auto;}
.top_search_r2 .btn{ 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;} 
.top_search_m2 .top_text{ display: block; width: 100%; height: 40px; 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 5px; box-sizing: border-box;}
.expand-container {height: 100px;}

/*侧边*/
.sidebar h3 { font-size: 15px!important; margin-bottom: 10px; color: #333; font-weight: bold; background: url(../images/icon/icon30.png)no-repeat 0 6px; padding-left: 18px;}
.sidebar .form-group select, .sidebar .form-group input { padding: 4px 6px!important; border: 1px solid #ddd; font-size: 12px; color: #333;}
.sidebar .form-group select{ display: block; background: url(../images/icon/icon32.png)no-repeat right center #fff;  -webkit-appearance: none; appearance: none;}
.sidebar .form-group input#chooseCate{ background: #eee; padding-left: 6px!important;}
.sidebar .form-group input{ background: url(../images/icon/icon31.png)no-repeat 4px center; padding-left: 28px!important;}
.form-group.buttons { display: flex; gap: 5px;}
.buttons .btn-reset{ width: 24%; background: url(../images/icon/icon33.png)no-repeat center center #0052cf; height: 28px; min-width: 26px; margin-top: 10px; outline: none; border: none; border-radius: 4px; margin-right: 5px;}
.buttons .btn-search{ background: url(../images/icon/icon34.png)no-repeat center center #ff562b; height: 28px;}
.btn-search { width: 100%; padding: 8px; background-color: #ff6600; color: #fff; border: none; border-radius: 4px; cursor: pointer;  margin-top: 10px;}
.form-group.buttons{ display: flex;}
/*内容*/
.table-header { background-color: #0052cf!important; color: #fff; padding: 6px 15px!important; margin-bottom: 0!important ; border-radius: 4px 4px 0 0; position: relative; font-size: 16px; min-height: 30px;}
table thead { background-color: #f2f2f2; border: 1px solid #ddd; border-top: none; }
table thead th{ border: none; background: url(../images/icon/icon36.png)no-repeat right center;}
table tbody{ border: 1px solid #ddd; border-bottom: none;}
table tbody td{ border: none;border-bottom: 1px solid #ddd;}
table tbody tr:nth-of-type(2n){ background: #fafafa;}
table tbody td:nth-of-type(1) a{ color: #0052cf; font-weight: bold;}

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

.pro_list td a{ color: #d70937; 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: #d70937;}

.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: 4px; display: inline-block; width: 16px; height: 16px; background: url(../images/icon/icon37.png)no-repeat 0 bottom; margin-bottom: -2px;}
.model-list .brand-tr { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-list .brand-tr.isopen .mod-li::before { content: ""!important; margin-right: 4px; display: inline-block; width: 16px; height: 16px; background: url(../images/icon/icon38.png)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: #d70937; border-color: #d70937; 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: #d70937;}
.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;}
.itemdes-top-left>.marb10{ margin: 0;}
.left.itemdes-img{ border: none;  box-sizing: border-box; width: 400px; text-align: left; height: 226px; margin: 0;}
.itemdes-top-left { width: 100%!important; float: left; margin-right: 0!important;}
.bigpic{ float: left; width: 300px; height: 226px;}
#viewerPic{ max-height: 500px; width: 80px; float: left; height: 226px; overflow: hidden;}
#viewerPic ul{ height: 300px; max-height: 226px; overflow: hidden;}
.marb10 .bigpic img { width: 300px; height: 226px;}
.marb10 .middlepart{ box-sizing: border-box; padding: 0 30px; border: none; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; height: 226px!important; width: 330px!important;}
.marb10 .middlepart h2{ color: #d70738; border-bottom: none; margin-bottom: 0; line-height: 24px; padding: 0 0 8px 0; font-size: 16px;}
.marb10 .middlepart h2.middlepart_name{ font-size: 24px;  padding: 0 0 14px 0;}
.parameter{ float: left; padding-left: 30px; height: 226px; width: auto!important;}
.item-img li { height: 48px!important; width: 60px!important;}
.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;}


.mod-type{font-weight:700;margin: 5px 0; border-bottom: 1px solid #ccc;}

.export2 {
	transform: translateY(0);
	color: #fff;
	text-decoration: none;
	padding: 2px 10px 2px 22px;
	border-radius: 3px;
	background: url(../images/icon/icon29.jpg) no-repeat 6px 5px #188ca6;
	font-size: 12px;
	border: none;
	cursor: pointer;
}


/* 左侧边栏 */
.sidebar { width: 240px; background: #fff; border: 1px solid #e5e7eb; border-radius: 4px;height: fit-content; }
.sidebar-header { background: #ff5722; color: #fff; padding: 10px 15px; font-weight: bold; border-radius: 4px 4px 0 0; }
.sidebar-list {
    background-image: url(../images/nav/nav_bg.png);
    background-size: cover;
}
.sidebar-item { 
	padding: 12px 15px; 
	border-bottom: 1px solid #f3f4f6; 
	cursor: pointer; 
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	/* background: #fff; */
	transition: all 0.2s;
}
.sidebar-item:hover { background: #f9fafb; }
.sidebar-item.active .cat-name { color: #ff5722; font-weight: 700; }
.cat-icon1 { width: 24px;
    height: 24px;
    background-image: url('../images/nav/1.png');
    background-size: 24px 48px; 
    background-position: 0 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; 
}

.cat-icon79 { width: 24px;
    height: 24px;
    background-image: url('../images/nav/79.png');
    background-size: 24px 48px; 
    background-position: 0 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; 
}

.cat-icon261 { width: 24px;
    height: 24px;
    background-image: url('../images/nav/261.png');
    background-size: 24px 48px; 
    background-position: 0 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; 
}

.cat-icon324 { width: 24px;
    height: 24px;
    background-image: url('../images/nav/324.png');
    background-size: 24px 48px; 
    background-position: 0 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; 
}

.cat-icon421 { width: 24px;
    height: 24px;
    background-image: url('../images/nav/421.png');
    background-size: 24px 48px; 
    background-position: 0 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; 
}

.cat-icon431 { width: 24px;
    height: 24px;
    background-image: url('../images/nav/431.png');
    background-size: 24px 48px; 
    background-position: 0 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; 
}

.cat-icon438 { width: 24px;
    height: 24px;
    background-image: url('../images/nav/438.png');
    background-size: 24px 48px; 
    background-position: 0 0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; 
}
.sidebar-item.active .cat-icon1,
.sidebar-item.active .cat-icon79,
.sidebar-item.active .cat-icon261,
.sidebar-item.active .cat-icon324,
.sidebar-item.active .cat-icon421,
.sidebar-item.active .cat-icon431,
.sidebar-item.active .cat-icon438{
    background-position: 0 -24px;
}
.cat-icon { width: 24px; height: 24px; background: #f3f4f6; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.cat-name { font-size: 14px; color: #333;font-weight: 700; }
.cat-sub-desc {
    font-size: 11px; 
    color: #999; 
    margin-top: 4px; 
    
    /* 核心代码：实现多行省略 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    
    /* 可选：增加行高让文字更易读 */
    line-height: 1.4; 
    height: 2.8em;  
}

/* 紧贴式二级弹窗面板 */
.sub-panel {
	position: absolute;
	left: 250px; /* sidebar 宽度 + 间隙 */
	top: 10px;
	bottom: auto; 
	width: 1100px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 5px 0 15px rgba(0,0,0,0.05);
	z-index: 90;
	padding: 20px 20px 10px 20px;
	/* overflow-y: auto; */
	overflow-y: visible;
	display: none;
	min-height: 450px;
	/* height: 450px; */
}
.panel-close { position: absolute; right: 15px; top: 15px; cursor: pointer; color: #ff5722; font-size: 12px; }
.sub-group { margin-bottom: 25px; }
.sub-group-title { font-weight: bold; color: #333; margin-bottom: 12px; font-size: 13px; }
.sub-links { display: flex; flex-wrap: wrap; gap: 8px 12px; color: #999; font-size: 12px; }
.sub-link { color: #777; text-decoration: none; cursor: pointer; }
.sub-link:hover { color: #ff5722; }
.sub-link.highlight { color: #ff5722; font-weight: bold; background: #fff7ed; padding: 2px 6px; border-radius: 3px; }
.link-sep { color: #eee; }
/* 右侧主要展示区 */
.main-view { flex: 1;  }
.card { background: #fff; border-radius: 4px; border: 1px solid #e5e7eb; padding: 15px; margin-bottom: 10px; }
.hidden { display: none; }

/* 筛选标签 */
.filter-section { position: relative; margin-bottom: 10px; }
.filter-group { display: flex; align-items: flex-start; margin-bottom: 8px; font-size: 14px; }
.filter-label { width: 60px; color: #333; font-weight: 500; display: flex; align-items: center; padding-top: 4px; }
.filter-label i { font-size: 13px; margin-right: 4px; color: #666; }
.tag-list { display: flex; flex-wrap: wrap; gap: 8px; }
.tag { padding: 3px 12px; border-radius: 8px; cursor: pointer; color: #333; border: 1px solid #e5e7eb; background: #fff;transition: all 0.2s;}
.tag.active { color: #ff5722;border-color: #ff5722; }
.tag.solid-active { background: #ff5722; color: #fff; border-color: #ff5722; }
/* 数据表格 */
.parts-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.parts-table thead th { text-align: left; padding: 10px;background: #f9fafb; font-weight: normal; border-bottom: 1px solid #eee; }
.parts-table tbody td { padding: 15px 10px; border-bottom: 1px solid #f5f5f5; vertical-align: top; }

.part-oe { font-weight: bold; font-size: 13px; }
.part-code { color: #999; margin-top: 3px; }
.part-img { width: 100px; height: 75px; background: #fdfdfd; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; }
.status-badge { font-weight: bold; }
.status-green { color: #10b981; }
.status-red { color: #ef4444; }

/* 右侧操作卡片区 */
.op-card { display: flex; flex-direction: column; gap: 15px; border-left: 1px solid #eee; padding-left: 20px; }
.price-info { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 30px; }
.price-label { color: #999; margin-right: 5px; }
.price-val { font-weight: 500; color: #333; }
.btn-action { border: none; border-radius: 12px; padding: 5px 12px; color: #fff; font-size: 13px; cursor: pointer; display: flex; align-items: center; gap: 4px; }
.btn-edit { background: #334155; color: #fff;}
.btn-edit:hover{color: #fff;}
.btn-confirm { background: #10b981; }
.btn-reject { background: #ef4444; }


/* 二级面板头部样式 */
.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.panel-title {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.panel-actions {
    display: flex;
    gap: 8px;
    align-items: center;
	height: 15px;
}
.btn-sm {
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s;
}
.btn-outline {
    background: #fff;
    border-color: #ddd;
    color: #666;
}
.btn-outline:hover, .btn-outline.active {
    background: #fff1f2;
    border-color: #fecaca;
    color: #e11d48;
}
.btn-primary {
    background: #ff5722;
    color: #fff;
}
.btn-primary:hover {
    background: #e64a19;
}
.panel-close-icon {
    color: #999;
    cursor: pointer;
    margin-left: 8px;
}
.panel-close-icon:hover {
    color: #ff5722;
}

/* 多选模式下的子链接包装器 */
.sub-link-wrapper {
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    color: #666;
}
.sub-link-wrapper input[type="checkbox"] {
	margin: 0px 5px 0px 0px;
    cursor: pointer;
}
.sub-link-wrapper.selected span {
    color: #ff5722;
    font-weight: bold;
}
.sub-link-wrapper:hover span {
    color: #ff5722;
}

/* 搜索类型下拉框样式 */
.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;
}

/* 发动机输入框样式 */
.engine-input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}
.cate-name{ font-weight: 700;}