/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("page.css?v=1062");
/********************************************************************/
.item_goods{ background:#f1f1f1; padding:50px 0}
.goods_brand{ margin-top:20px}
.goods_brand .brand_item{ position:relative; background:#eef4fc; padding-left:100px;
-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.1);box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.goods_brand .brand_item label{ position:absolute; left:25px; top:25px}
.brand_ulist{ background:#fff; padding-top:15px; padding-left:5px; padding-right:100px; height:75px; overflow:hidden}
.brand_ulist span{ display:block; float:left;position:relative; margin-left:15px; margin-bottom:10px; padding-left:25px; cursor:pointer}
.brand_ulist span:before{ content:""; display:block; width:12px; height:12px; border:1px solid #9b9b9b; position:absolute; left:0; top:3px}
.readmore{ position:absolute; right:25px; top:15px; color:#9b9b9b; cursor:pointer}
.readmore.on{ position:static; text-align:center; display:block; padding:10px 0}
.postion *,.postion a{ color:#9b9b9b; vertical-align:middle}
.postion em{ vertical-align:middle; margin:0 10px}
.postion font{ color:#333}
.goods_ulist{ background:#fff;-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.1);box-shadow:2px 2px 5px rgba(0,0,0,0.1); margin-top:15px;}
.total_info{background:#eef4fc; padding:10px 25px;}
.total_info font{ color:#3963ef; font-weight:bold; margin:0 3px}
.isshowgoods{ position:relative; padding-left:20px; margin-left:35px; cursor:pointer}
.isshowgoods:before{content:""; display:block; background:#fff; width:12px; height:12px; border:1px solid #9b9b9b; position:absolute; left:0; top:3px}
.isshowgoods.on,.brand_ulist span.on{ color:#3963ef;}
.isshowgoods.on:before,.brand_ulist span.on:before{ border-color:#3963ef; background:#3963ef}
/***/
#pages{ text-align:center; margin-top:25px}
#pages .layui-laypage a, #pages .layui-laypage span{ padding:0 10px; margin-left:3px; margin-right:3px;}
#pages .layui-laypage .layui-laypage-curr .layui-laypage-em{ background:#3963ef}
/**/
.goods_item_lt{ float:left; width:55%;display:flex; display:-webkit-flex}
.goods_item_rt{ float:right; width:45%;display:flex; display:-webkit-flex}
/**/
.goods_item_box{ padding:25px;}
.goods_item{ float:left; width:100%; line-height:1.8; border-top:1px solid #e4e4e4; padding:10px 0;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.goods_no{ float:left; width:30%;}
.goods_no.tableitme{border-left:0; padding-left:0}
.goods_address{float:left; width:20%}
.goods_stock{width:25%; float:left;}
.goods_date{width:25%; float:left;}

.goods_price{width:45%; float:left;}
.goods_buy{width:30%; float:left;}
.goods_button{width:25%; float:left;}

.tableitme{ padding-right:15px; padding-left:15px; border-left:1px solid #eee; font-size:13px;}
.goods_price{ padding-left:105px; position:relative;}
.goods_price label{ position:absolute; left:15px; top:0}
.goods_price p span{ display:inline-block; width:48%}
.goods_address a{ color:#3963ef; background:url(../images/thumbs.jpg) no-repeat left center; background-size:auto 15px; padding-left:26px}
.goods_address a.pdf{ background-image:url(../images/pdf.jpg); color:#da251c}
.goods_price p.on{ color:#ff6600}
.goods_price p{ color:#8a8989}
.goods_buy .price{ display:block; padding-top:5px}
.goods_buy .price font{color:#ff6600}
.goods_buy.tableitme{ padding:0 30px}
.goods_button.tableitme{ padding:0 30px; padding-right:0}
.goods_button button{ border:1px solid #3963ef; background:#3963ef; color:#fff; width:100%; padding:10px 0; cursor:pointer; margin-bottom:10px;
-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; font-size:12px}
.goods_button button.create_order_btn{ background:#fff; color:#3963ef}
.goods_button button.online_btn{ background-color:#ff6600; border-color:#ff6600}
.goods_date p{color:#999}
.goods_date p:first-child{ color:#333}
.goods_stock p{color:#999}
.goods_stock p:first-child{ color:#333}
.goods_no p{color:#999}
.goods_no p:first-child{ color:#333}
/**/


.nosearch{ text-align:center; margin-top:25px}
.nosearch img{ width:100px; height:auto; margin-right:15px; float:left;}
.search_tips{ display:inline-block; text-align:left; font-size:20px; line-height:1.6; margin-bottom:15px}
.search_tips font{ color:#3963ef}
.online_contact{border:1px solid #3963ef; background:#3963ef; color:#fff; width:250px; padding:15px 0; cursor:pointer; margin-bottom:10px;
-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; font-size:12px; display:inline-block}
@media(max-width:1674px){
.item_goods{ padding:50px 85px}
}
@media(max-width:1500px){
.goods_item_lt{ width:50%}
.goods_item_rt{ width:50%}
}
@media(max-width:1360px){
.item_goods{ padding:50px 50px}
.goods_item_lt,.goods_item_rt{display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.goods_no{ width:60%}
.goods_address{ width:40%}
.goods_stock{ width:60%; border-left:0; padding-left:0}
.goods_date{ width:40%}
.goods_price{ width:70%}
.goods_buy{ width:30%}
.goods_button{ width:30%; margin-left:70%}
}
@media(max-width:1200px){
.goods_price{ width:60%}
.goods_buy{ width:40%}
.goods_button{ width:40%; margin-left:60%}
}
@media(max-width:1000px){
.goods_no,.goods_address,.goods_stock,.goods_date{ width:100%; border:0; padding-left:0}
.goods_item_lt{ display:block; width:60%}
.goods_item_rt{ display:block; width:40%}
.goods_price{ border:0; width:100%; margin-bottom:25px}
.goods_price label{ left:0}
.goods_buy{ padding-left:0; border:0; width:50%; padding-left:0; padding-right:0}
.goods_buy.tableitme{ padding-left:0; padding-right:0}
.goods_button{ margin-left:0; border:0; width:50%}
}
@media(max-width:700px){
.goods_item_lt{ display:block; width:50%}
.goods_item_rt{ display:block; width:50%}
}
@media(max-width:600px){
.item_goods{ padding:50px 25px}
.goods_item_lt{ display:block; width:100%}
.goods_item_rt{ display:block; width:100%;margin-top:15px;}
.goods_ulist{ background:none;-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0);
    -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 0%);
    box-shadow: 2px 2px 5px rgb(0 0 0 / 0%);}
.goods_item_box{ padding:0}	
.goods_item{ background:#fff; padding:15px; border:0; margin-top:15px; border:1px solid #eee}
.brand_ulist{ padding-right:80px}
.item_goods{ background:#fff; border-top:1px solid #ddd; padding-top:30px}
.goods_brand .brand_item{ padding-left:0}
.goods_brand .brand_item label{ position:static; padding:15px; display:block}
}
@media(max-width:500px){
	
}