﻿.Reagent-Mall ul li@charset "utf-8";
/* CSS Document */
.sea_type{clear:both;overflow:hidden;}
.sea_type ul li{float:left;padding:5px 15px;}
.sea_type ul li a:link{color:#000;font-family:'微软雅黑'}
.sea_type ul li a:visited{color:#000}
.sea_type ul li a:hover{color:#ff7300}
.current_type{background:#29b5ce;border-top-left-radius:3px;border-top-right-radius:3px;}
.sea_type ul .current_type a:link, .sea_type ul .current_type a:visited{color:#fff;}
.line{border-bottom:1px dotted #ccc;margin:10px 0;}
.fold b{width:16px;height:10px;background:url(../image/icon_productlist.png?v=1.1) no-repeat 0px 0px;display:inline-block}
.font12{font-size:12px;}
.dow{
width:12px;
height:12px;
margin-right:3px;
background-position:0 -26px !important;
position:relative
}
.more{
width:7px;
height:11px;
background-position:-16px -26px !important;
position:relative;
margin-right:3px;
}
.SelBox{width:888px;border:1px solid #dbdbdb;background:#fff}
.SelBox a{color:#222}
.SelBox a:hover{color:#f00}
div[class="Sel_img"]{
border:none
}
.Sel_Option, .Sel_img{border-top:1px dotted #ccc;overflow:hidden;}
.Sel_t{
width:80px;
float:left;
font-weight:bold;
color:#646464;
margin-left:5px;
}
.Sel_c{float:left;width:692px;}
.Sel_O{
clear:both;
line-height:25px;
overflow:hidden;
margin:5px 0;
height:25px;
position:relative
}
.Sel_O ul li, .Sel_g ul li{
margin-right:20px;
float:left;
cursor:pointer;
}
.SelBox1 ul li{
margin-right:5px; float:none; display:inline-block;
}
.Sel_O ul li:hover{
color:#F00;
cursor:pointer
}
.Sel_img .Sel_O{
height:49px;
padding-top:1px
}
.mul_but{
text-align:center;
clear:both;
padding-top:15px
}
.Sel_jt{
width:8px;
height:8px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat 0 1px;
display:inline-block
}
.Sel_Y{
background:#fff !important;
padding:10px 0;
width:100%;
overflow:hidden;
border-bottom:1px solid #eee;
}
.caibox.allw{ background:#f5f5f5; width:calc(100% - 2px); border:1px solid #d7d7d7;position:relative;top:2px;
left:0px; height:36px; line-height:36px}
.caibox.allw span{padding:0 20px; display:inline-block; cursor:pointer; font-size:14px; color:#333}
.caibox.allw span i{width:19px; height:19px; display:inline-block; background:url(../image/icon_icon.png) no-repeat; margin-right:5px; position:relative; top:5px}
.caibox.allw .alli1{background-position:-83px -524px !important}
.caibox.allw .alli2{background-position:-144px -524px !important}
.caibox.allw .alli3{background-position:-147px -607px !important}
.caibox.allw .alli4{background-position:-116px -607px !important}
.caibox.allw .alli5{background-position:-85px -607px !important}
.caibox.allw .allwa{background-color:#ff7800;  height:38px; color:#fff !important; position:relative; top:-1px; line-height:38px;left:-1px}
.caibox.allw .alli1{background-position:-83px -524px !important}
.caibox.allw .alli2{background-position:-113px -524px !important}
.caibox.allw .alli3{background-position:-144px -524px !important}
.caibox.allw .alli4{background-position:-147px -607px !important}
.caibox.allw .alli5{background-position:-116px -607px !important}
.caibox.allw .alli6{background-position:-85px -607px !important}
.caibox.allw .allwa .alli1{background-position:-83px -553px !important}
.caibox.allw .allwa .alli2{background-position:-113px -553px !important}
.caibox.allw .allwa .alli3{background-position:-144px -553px !important}
.caibox.allw .allwa .alli4{background-position:-147px -628px !important}
.caibox.allw .allwa .alli5{background-position:-116px -628px !important}
.caibox.allw .allwa .alli6{background-position:-85px -628px !important}
.caibox.allw span:hover{color:#ff7800}

.paix{ float:right; margin-right:20px;}
.paix span{ display:inline-block; margin-left:20px; color:#333;     cursor: pointer;}
.paix span::after{ content:''; width:12px; height:13px; display:inline-block; background:url(../image/icon_productlist.png) no-repeat -55px -31px; margin-left:5px; position:relative; top:1px;}
.paix span:hover{ color:#ff7800;}
.paix span:hover::after{background:url(../image/icon_productlist.png) no-repeat -74px -31px;}
.paixa{color:#ff7800 !important;}
.paixa::after{content:''; width:12px; height:13px; display:inline-block; background:url(../image/icon_productlist.png) no-repeat -74px -31px !important; }

.SortW{width:100%; display:inline-block; border:1px solid #eee} 
.Sel_Y ul li{
float:left;
background:#fafafa;
border:1px solid #d2d2d2;
margin-right:15px;
color:#F00;
line-height:22px;
padding:0 25px 0 5px;
position:relative
}
.Sel_Y ul li b{
width:18px;
height:21px;
background-position:-188px -53px;
cursor:pointer;
border-left:1px solid #d2d2d2;
right:-1px;
top:-1px;
position:absolute;
}
.Sel_Y ul li b:hover{
border:1px solid #f00;
width:18px;
height:20px;
}
.Sel_h{
color:#F00 !important;
}
.icon_Pro{
background:url(../image/icon_productlist.png?v=1.1) no-repeat;
display:inline-block;
}
.Sel_MM{
width:95px;
text-align:right;
margin-right:5px;
}
.Sel_dx{
width:8px;
height:8px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -21px 0;
display:inline-block
}
.Sel_MMBox{
border:1px solid #ccc;
background:#efefef;
padding:0 2px;
color:#585858;
font-size:12px;
cursor:pointer
}
.Sel_MMBox:hover{
border:1px solid #F00;
color:#F00;
background:#fff
}
.Sel_MMBox:hover .Sel_dx{
background-position:-21px -8px;
}
.Sel_MMBox:hover .Sel_jt{
background-position:0 -7px
}
.Sel_img ul li{
margin:-1px -1px 0 0;
border:1px solid #efefef;
width:125px;
height:48px;
background:#fff;
position:relative;
verflow:hidden
}
.Sel_img a{
width:116px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
display:inline-block;
line-height:46px;
padding:0 3px
}
.Sel_img li img{
width:111px;
height:40px;
margin:5px;
display:block
}
.Sel_img li:hover img{
display:none
}
.Sel_img li:hover a{
border:1px solid #f00;
}
.Sel_more .Sel_O, .Sel_multiple .Sel_O{
height:auto;
overflow:hidden
}
.Sel_more .Sel_jt{
width:8px;
height:8px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -10px 1px;
display:inline-block
}
.Sel_multiple li:before, .Sel_g li:before,.xboxdx ul li:before{
content:"";
height:13px;
width:13px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -17px -220px;
display:inline-block;
margin-right:2px;
position:relative;
top:2px;
}
.Sel_multiple .Sel_h:before, .Sel_g .Sel_h:before,.xboxdx .Sel_h:before{background-position:-43px -220px}
.Sel_multiple .Sel_MM, .Sel_more .mul_but{display:none}
.Sel_multiple{background:#fffccc}
.Sel_multiple .Sel_c{max-height:300px;overflow:auto}
.Sel_more .Sel_c{max-height:300px;overflow:auto}
.Sel-sort{position:relative;top:5px;}
.Sel-sort a{
float:left;
padding:0 10px;
height:23px;
border:1px solid #CCC;
line-height:23px;
font-size:12px;
margin-right:-1px;
background:#FFF;
color:#333
}
.Sel-sort a:hover{
position:relative;
text-decoration:none;
border-color:#e4393c;
color:#e4393c
}
.Sel-sort a.curr{
background:#e4393c;
color:#FFF;
border-color:#e4393c
}
.Sel-sort .orderby-up, .Sel-sort .orderby-down{
font-style:normal;
}
.Buyhelp{
width:890px;
height:auto;
border:#01a16a solid 3px;
margin-bottom:10px;
color:#6e6e6e;
z-index:666;
}
.headImg{
background:url(../image/p-1.png) #01a16a;
width:890px;
height:97px;
}
.Buybox{text-align:center;}
.Buybox tr td{
padding:7px 4px;
word-wrap:break-word;
}
.Buybox tr.bj-color{
background:#fbfbfd;
border-top:#eeeeee solid 1px;
border-bottom:#eeeeee solid 1px;
}
.trap{height:500px;overflow:auto;}
.color_red{color:#F00;}
.Sel_img li:before{content:none}
.Sel_img .Sel_h:before{
content:"";
height:13px;
width:13px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -72px -220px;
display:block;
margin-right:2px;
position:absolute;
top:33px;
right:0px;
}
.BulkInquiry{
background:#ff7300;
padding:5px 10px;
width:122px;
font:18px "微软雅黑",Arial, Helvetica, sans-serif;
color:#fff;
margin:15px 0;
cursor:pointer;
}
.BulkInquiry b{
width:41px;
height:30px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat 0px -60px;
display:block;
float:right
}
.BulkInquiry:hover{
background:#ff8900;
}
.BulkInquiry_s{
font-size:13px;
width:80px;
margin:0
}
.BulkInquiry_s b{
width:20px;
height:15px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -85px -64px;
display:block;
float:right
}
.ProLbox{
line-height:150%;
border:1px solid #cfcfcf;
padding-bottom:15px;
clear:both;
display:inline-table;
width:888px;
position:relative;
margin-bottom:10px;
border-radius:3px
}
.ProLboxTit{
background:#f5f5f5;
padding:8px;
height:23px;
margin-bottom:15px;
}
.stockicon{
background:#01a16a;
font-style:normal;
font:13px "宋体";
padding:2px;
color:#fff;
}
.stockicon i{
background:#ccffed;
border:1px solid #01a16a;
color:#01a16a;
text-align:center;
position:relative;
top:0;
right:-2px;
font:13px "宋体";
display:inline-block;
}
.stockicon i:before{
content:"";
width:0;
height:0;
border-width:5px 5px 5px 0;
border-style:solid;
border-color:transparent #ccffed transparent transparent;
display:inline-block;
position:absolute;
left:-4px;
top:3px;
}
.goodRSicon{
width:40px;
height:25px;
border-radius:20px;
background:#01a16a;
color:#fff;
padding:3px 5px 2px 5px;
font-size:13px;
margin-left:5px;
font-style:normal;
}
.type1{
height:16px;
background:#fef1c9;
border:1px solid #fc9c33;
border-radius:2px;
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 1px;
color:#f00;
margin:0 3px;
position:relative;
top:-1px;
display:inline-block;
}
.type2{
height:16px;
background:#effff9;
border:1px solid #01a16a;
border-radius:2px;
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 1px;
color:#01a16a;
margin:0 3px;
position:relative;
top:-1px;
display:inline-block;
}
.type3{
height:16px;
background:#fff;
border:1px solid #f00;
border-radius:1px;
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 1px;
color:#f00;
margin:5px 3px;
position:relative;
display:inline-block;
}
.xinpin{
height:16px;
background:red;
border-radius:3px;
font:normal 12px Arial, Helvetica, sans-serif;
padding:1px 4px;
color:#fff;
margin:5px 3px;
position:relative;
display:inline-block;
cursor:pointer;
}
.Honest{
position:relative;
display:inline-block;
color:#efefef;
font-size:0;
width:19px;
height:20px;
margin-right:5px;
top:-3px;
}
.Honest1{
background:url(../image/icon_icon.png) no-repeat 0 -120px;
width:19px;
height:20px;
display:block;
position:absolute;
top:0px
}
.Honestvip{
background:url(../image/icon_icon.png) no-repeat 0 -142px;
width:75px;
height:20px;
display:block;
position:absolute;
top:-5px
}
.goldlogo{
margin-left:78px;
display:inline-block
}
.goldlogo img{
max-width:300px;
max-height:80px;
}
.PLPrice{
padding:8px 0;
overflow:hidden;
clear:both
}
.PLPrice li{
float:left;
padding-right:8px;
margin-right:8px;
border-right:1px solid #ddd;
font-size:0px;
line-height:100%;
}
.PLPrice li:last-child{
border:none
}
.PLPrice td{
border-bottom:1px dotted #ddd;
text-align:right;
}
.PLPrice tr:last-child td, .zxb-PLPrice{
border:none
}
.PLPrice strong{
color:#f00;
font-size:15px;
margin-right:5px;
}
.PLPrice strong i{
font-style:normal;
}
.PLPrice li span{
font:13px Arial, Helvetica, sans-serif
}
.ProCname{
color:#000;
position:relative
}
.ProLbox h1{
font:14px/22px Arial, Helvetica, sans-serif;
padding:0;
float:left
}
.ProLbox h2{
font:13px/150% Arial, Helvetica, sans-serif;
padding:0;
display:inline-block
}
.ProLbox h3{
font:13px/150% Arial, Helvetica, sans-serif;
padding:0
}
.gold{
color:#F00;
display:inline-block;
margin:0 3px;
font-size:13px;
font-weight:normal
}
.ProDetaName .gold{
position:relative;
top:0;
width:80px;
}
.OverH{
max-width:610px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
position:relative; /* display:inline-block; display:table;*/
float:left
}
/*.OverH1{max-width:600px}*/
.ProTab{
}
.ProTab a{
padding:0 8px;
border:1px solid #d2d2d2;
display:inline-block;
background:#fff;
margin:5px 5px 5px 0;
color:#222;
}
.ProTab a:hover{
border:1px solid #ff7300;
cursor:pointer;
color:#ff7300
}
.MoreIcon{
width:5px;
height:9px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -195px 0;
display:inline-block;
margin-left:5px;
}
/*.td2 ul li{position:relative;display:table}*/
.ProimgBox{
margin-right:15px;
}
.Proimg, .std1img{
border:1px solid #ccc;
width:122px;
height:94px;
text-align:center;
background:#fff;
display:table-cell;
vertical-align:middle
}
.Proimg img, .std1img img{
max-width:120px;
max-height:92px;
border:1px solid #fff;
vertical-align:middle
}
.Proimg{/* display:table;*/
margin-bottom:6px
}
.Proimg a{
width:122px;
height:94px;
display:table-cell;
vertical-align:middle
}
.ProLinquiry{
float:right
}
.ProLinquiry input{
width:70px;
height:23px;
padding:2px 0;
}
.Sel_t1{
width:48px;
float:left;
background:#555;
color:#eee;
height:35px;
line-height:35px;
text-align:center;
display:inline-block;
margin-right:10px
}
.itema{width:calc(100% - 47px);
  float:left;
  position:absolute;
  left:48px;
  padding-left:10px;
  background:#f5f5f5;
  border-right:1px solid #cfcfcf;
  border-bottom:1px solid #cfcfcf;
  border-left:1px solid #cfcfcf; z-index:999; box-sizing:border-box}
.itemal{width:769px; float:left;height:35px; overflow:hidden; }
.itemalr{width:58px; float:right; height:36px}
.itemalr::before{content:''; width:1px; height:15px; display:inline-block; background-color:#d7d7d7; margin-right:10px; position:relative; top:3px}
.itemalr span{color:#ff7800; font-size:13px; cursor:pointer}
.itemalr span:hover{color:red}
.itspan1::after{content:''; width:10px; height:5px; display:inline-block; background:url(../image/icon_productlist.png) no-repeat -114px -104px; margin-left:4px; position:relative; top:-2px}
.itspan2::after{content:''; width:10px; height:5px; display:inline-block; background:url(../image/icon_productlist.png) no-repeat -129px -104px; margin-left:4px; position:relative; top:-2px}
/*.itema:has(.itemalr:hover)  .itemal{height:auto; overflow:auto}*/


.Sel_g{
padding:0;
line-height:35px;
background:#f5f5f5;
border-right:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
width:889px;
height:35px;
	position:relative;
}
.Sel_g input[class="Sel_cb"], .Sel_O input[class="Sel_cb"]{
border:1px solid #ccc;
background:none;
margin-right:3px
}
.Sel_g ul li:hover{
color:#F00;
background:#f5f5f5
}
.SelBox1 .Sel_c{
width:900px;
padding-left:15px;
}
.DetailBox{
background:#fff;
border:1px solid #999;
padding:10px;
white-space:normal;
line-height:125%;
word-break:break-all;
display:none;
z-index:9;
font-size:12px;
box-shadow:2px 2px 2px #666;
}
.DetailBox div{
border-bottom:1px dotted #ccc;
padding:5px 0;
}
.ProCname:hover .DetailBox{
display:block;
position:absolute;
top:24px;
width:192px;
}
.DetailBox:before{
content:"";
width:16px;
height:8px;
display:inline-block;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -184px -92px;
position:absolute;
top:-8px;
left:28px;
}
.pageBox{
overflow:hidden;
margin:20px 0;
clear:both
}
.t{
width:19px;
height:16px;
display:inline-block;
margin:0 5px;
background:url(../image/icon_icon.png) no-repeat;
position:relative;
top:3px;
}
.t1{
background-position:0 -40px;
}
.t2{
background-position:-30px -40px;
}
.t6::before{
content:'';
width:17px;
height:13px;
background:url(../image/icon_icon.png) no-repeat -162px -177px;
display:inline-block;
margin-right:3px;
position:relative;
top:2px;
}
.t7::before{
content:'';
width:15px;
height:12px;
background:url(../image/icon_icon.png) no-repeat -164px -198px;
display:inline-block;
margin-right:3px;
position:relative;
top:2px;
}
.t1big{
background-position:0 0;
width:78px;
height:23px;
}
.t2big{
background-position:0 -80px;
width:78px;
height:23px;
}
.ProInfBox{
width:430px
}
.t3_box{
margin-left:3px;
}
.t3{
position:relative;
text-decoration:none;
color:#fff;
background:#01a16a;
font:13px "宋体";
padding:2px 3px;
font-style:normal;
}
.t3_num{
border:1px solid #01a16a;
color:#01a16a !important;
font-style:normal;
padding:1px 2px;
font:13px "宋体";
}
.t4{
background-position:-0px -60px
}
.Top:before{
content:"";
width:21px;
height:71px;
display:block;
position:absolute;
top:0;
left:0;
z-index:9;
}
.Top1:before{
background:url(../image/icon_productlist.png?v=1.1) no-repeat 0 -100px
}
.Top2:before{
background:url(../image/icon_productlist.png?v=1.1) no-repeat -21px -100px
}
.Top3:before{
background:url(../image/icon_productlist.png?v=1.1) no-repeat -42px -100px
}
.Top{
border:1px solid #f00;
}
.Top .ProLboxTit{
padding-left:30px
}
.Top .b1{
padding-left:30px;
width:420px
}
.zt:before{
content:"展台";
background:#ff7300;
color:#fff;
padding:1px 2px;
font-size:12px;
margin-right:3px;
font-weight:normal;
}
.za{
width:10px;
height:10px;
background-position:-11px -220px;
margin:12px 0 0 2px
}
.az{
width:10px;
height:10px;
background-position:0 -220px;
margin:12px 0 0 2px
}
.Currency{
font-size:11px;
display:inline-block;
margin-right:2px;
}
.PriceTime{
font-size:12px;
color:#999;
text-align:center;
}
.bookq{
background:#ff7300;
color:#fff !important;
padding:1px 4px;
font-size:13px;
margin:0 3px;
}


.TwoWeek{
width:889px;
height:30px;
margin-top:15px;
z-index:555
}
.TwoWeektitle, .TwoWeek a{
margin:0 10px 0 0;
padding:5px 8px;
position:relative;
display:block;
float:left
}
.TwoWeektitle{
border:1px solid #ccc;
position:relative;
line-height:20px
}
.TwoWeektitle:after{
content:"";
width:6px;
height:26px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -100px -220px;
position:absolute;
right:-5px;
top:6px;
}
.TwoWeek1{
visibility:hidden;
position:absolute;
top:35px;
left:-17px;
min-width:180px;
height:auto;
padding:10px 30px 20px 30px;
background:#fff;
box-shadow:0px -1px 8px #999;
z-index:4;
color:#888;
transition:all 100ms;
-moz-transition:all 100ms;
-webkit-transition:all 100ms;
-o-transition:all 100ms;
opacity:0.01;
line-height:25px;
}
.TwoWeek a:hover .TwoWeek1{
visibility:visible;
top:26px;
left:-17px;
opacity:1
}
.TwoWeek1:before{
content:"▲";
color:#fff;
position:absolute;
top:-14px;
left:60px;
}
.TwoWeek1 dl dt{
display:inline-block;
width:68px;
}
.TwoWeek1 dl dd{
padding:2px 10px;
color:#333;
display:inline-block;
margin:1px
}
.TwoWeekbut{
padding:10px 0
}
.choiceness{
width:95px;
height:39px;
background:url(../image/icon_icon.png) no-repeat 0 -399px;
display:inline-block;
float:left;
position:relative;
top:-8px;
left:-8px;
}
.ChoNessBj{
background:-webkit-linear-gradient(left, #29b5ce 0%, #a9def1 25%,#f5f5f5 40%);
}
.ChoNessBj{
background:-ms-linear-gradient(left, #29b5ce 0%, #a9def1 25%,#f5f5f5 40%);
}

/*直销宝优惠券右侧增加*/
.cb-toolbar-panels{
width:270px;
height:100%;
background:#f0efef;
position:fixed;
top:0;
right:0;
z-index:99;
border-left:5px solid #29b5ce;
}
.cb-tbar-panel-header{
position:relative;
width:270px;
height:40px;
line-height:40px;
}
.cb-tbar-panel-header .title{
font-size:16px;
margin-left:15px;
color:#666666
}
.cb-tbar-panel-header .explanation{
font-size:12px;
color:#999;
margin-left:10px;
}
.icon-no-coupon{
background:url(../image/icon_code.png) no-repeat -261px 0;
width:134px;
height:99px;
position:relative;
left:70px;
display:block;
}
.nothing p{
text-align:center;
color:#666666;
margin-top:20px
}
.nothing{
margin:10px 0px;
}
.coupon-wrap{
width:250px;
font-size:12px;
text-align:left;
margin:0 auto;
}
.coupon-wrap .coupon-type{
width:250px;
height:19px;
line-height:0px;
font-family:"microsoft yahei";
font-size:14px;
color:#666;
margin-top:32px;
text-align:center;
background:url(../image/icon_code.png) no-repeat;
_background:url(../image/icon_code.png) no-repeat;
background-position:-155px -109px;
}
.coupon-wrap .coupon-item{
margin:10px 0 0 2px;
width:240px;
min-height:106px;
background-color:#fff;
position:relative;
}

/*券*/
.cb-tbar-panel-main::-webkit-scrollbar{
width:5px;
}
.cb-tbar-panel-main::-webkit-scrollbar-thumb{
-webkit-border-radius:2px;
border-radius:2px;
background:rgba(0,0,0,0.5);
}
.coupon-wrap .coupon-item .item-wrap{
min-height:110px;
padding:8px 10px 5px 15px;
position:relative;
font-family:"Microsoft Yahei";
}
.coupon-wrap .coupon-item .coupon-price{
float:left;
width:180px;
font-family:Arial;
font-size:0;
font-weight:700;
display:inline;
padding-top:12px;
color:#ff6800;
}
.coupon-item .coupon-price .token{
position:relative;
font-size:16px;
top:-8px;
_top:-8px;
left:2px;
font-weight:400;
}
.coupon-wrap .coupon-item .coupon-price span.coupon-val{
font-size:28px
}
.coupon-item .coupon-name{
font-size:12px;
font-weight:normal;
padding-left:8px;
}
.coupon-wrap .coupon-item .coupon-info{
float:left;
display:inline;
width:180px;
margin:0 2px 0 0;
height:auto;
line-height:18px;
color:#666;
position:relative
}
.coupon-wrap .coupon-item .coupon-info p{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#999
}
.coupon-info .condition{
display:inline-block;
*display:inline;
*zoom:1;
height:18px;
color:#777;
margin:0 auto;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:130px;
vertical-align:middle;
}
.coupon-info .tag{
display:inline-block;
padding:0 3px;
border-radius:2px;
line-height:18px;
border:1px solid #333;
vertical-align:middle;
}
.coupon-item .btn-get:before{
content:'';
background:url(../image/icon_code.png) no-repeat -389px -131px;
_background:url(../image/icon_code.png) no-repeat -389px -131px;
width:8px;
height:123px;
position:absolute;
left:-3px;
top:0px
}
.coupon-item .btn-get{
display:block;
text-decoration:none;
cursor:pointer;
margin:0 auto;
width:12px;
line-height:19px;
color:#fff;
clear:both;
position:absolute;
right:0;
top:0;
bottom:0;
background:#ff6800;
padding:20px 10px 0;
}
.coupon-item .btn-get:hover{
color:#933c00;
}
.coupon-item .coupon-time{
clear:both;
width:190px;
color:#999;
}
.coupon-item .exfire{
position:absolute;
background:#fcdbb8;
color:#333;
width:60px;
height:25px;
line-height:25px;
text-align:center;
top:0;
right:40px;
}
.coupon-get-success{
width:220px;
background:#fff3e2;
padding:10PX;
}
.coupon-get-success H2{
text-align:center;
color:#d21623
}
.coupon-get-success P{
color:#8a5f20
}
/*直销宝优惠券右侧增加*/
.quan-item{
position:relative;
float:left;
height:16px;
padding-left:2px;
line-height:16px;
text-align:center;
border-top:1px solid #df3033;
border-bottom:1px solid #df3033;
background:#ffdedf;
font-size:14px;
white-space:nowrap;
margin-right:13px;
cursor:pointer
}
.quan-item b, .quan-item s{
position:absolute;
top:-1px;
display:block;
height:18px;
width:2px;
overflow:hidden;
background:url(../image/zxb-icon.png) no-repeat
}
.quan-item s{
left:0;
background-position:-114px 0
}
.quan-item b{
right:-2px;
background-position:-112px 0
}
.quan-item .text{
padding:0 8px;
color:#df3033;
font-size:12px
}
.J-open-jf{
height:16px;
background:#fff;
border:1px solid #fc9c33;
border-radius:2px;
padding:0 8px;
color:#f00;
font-size:12px;
position:relative;
font-style:normal;
top:-1px;
}
.p-icons{
padding:0px 10px;
box-sizing:border-box;
height:20px;
position:relative;
top:-2px
}
.p-icons .I-r{
float:right;
}
/*优惠券标识以上*/
.customer-card{
width:90%;
background:#e5e5e5 url(../image/icon_code.png) no-repeat 14px -112px;
height:70px;
margin:0px auto;
border-radius:5px;
}
.customer-card h2{
color:#29b5ce;
font-size:22px;
padding:12px 0px 0 80px;
}
.customer-card p{
color:#666;
margin:0px 0 0 80px;
}
.markerting{
width:168px;
height:380px;
background:#fff;
box-shadow:0px 0px 6px #a8a8a8;
display:block;
position:fixed;
bottom:80px;
right:10px;
}
.markerting .T-T{
background:#29b5ce;
height:30px;
font-weight:bold;
width:100%;
text-align:center;
line-height:30px;
font-size:15px;
color:#FFF;
}
.markerBox{
line-height:26px;
padding:10px 0 0 50px;
position:relative;
border-bottom:1px dotted #b8b8b8;
}
.markerBox:before{
content:'';
background:url(../image/icon_code.png) no-repeat 0 -186px;
width:24px;
height:24px;
display:inline-block;
position:absolute;
left:15px;
top:24px;
}
.markerBox .M-1{
font-weight:bold;
font-size:15px;
color:#666;
}
.markerBox .M-2{
font-weight:bold;
font-size:18px;
color:#29b5ce;
}
.markerBox .M-2 span{
font-size:12px;
margin:0px 3px
}
.markerBox img{
margin-bottom:10px;
}
.BISbutton{
border-top:0px dotted #ccc;
padding-top:10px;
margin-top:10px;
line-height:30px;
width:240px;
}
.RBBox{
height:auto;
position:absolute;
bottom:50px;
left:-39px;
text-align:right;
z-index:99;
}
.RBBox1{
margin-bottom:3px;
z-index:10;
height:36px;
width:35px;
position:relative;
}
.RBBox1 .coupon-float-box{
width:35px;
height:36px;
}
.RBBox1 .coupon-float-box:hover{
background-position:-35px 0;
}
.RBBox1 .coupon-float-box .coupon-icon{
background:url(../image/icon_code.png) no-repeat 0px -66px;
width:35px;
height:36px;
display:block;
left:12px;
top:16px;
position:relative
}
.RBBox1 .qr-code{
background-position:0 -111px;
position:relative;
}
.RBBox1 .qr-code p{
margin-top:136px;
text-align:center;
font-size:14px;
line-height:20px;
color:#666;
}
.RBBox1 .code{
width:142px;
height:185px;
background:#FFF url(../image/icon_code.png) no-repeat 7px -258px;
position:absolute;
box-shadow:0px 0px 3px #666;
left:-150px;
visibility:hidden
}
.RBBox1 .qr-code:hover{
background-position:-174px -111px;
}
.RBBox1 .qr-code:hover .code{
visibility:visible;
}
.RBBox a{
height:36px;
width:35px;
font-size:0px;
line-height:0;
display:block;
float:right;
background:url(../image/icon_right2.png) no-repeat;
transition:width 0.1s;
-webkit-transition:width 0.1s;
border-radius:3px;
}
.RBBox1 .buy{
background-position:0 -74px;
}
.RBBox1 .buy:hover{
background-position:-174px -74px;
}
.RBBox1 .yhq{
background-position:0 0;
}
.RBBox1 .yhq:hover{
background-position:-65px 0;
width:144px;
box-shadow:0 0 5px #999;
border-left:1px solid #ff7300
}
.RBBox1 .QQ{
background:url(../image/icon_right2.png) no-repeat 0 -148px;
height:36px;
width:35px;
cursor:pointer;
position:relative
}
.RBBox1 .QQ:hover{
background-position:-174px -148px;
}
.RBBox1 .QQ .QQ_1{
display:none;
position:absolute;
top:-75px;
right:36px;
width:120px;
padding:20px;
background:#fff;
border:1px solid #ff7300;
text-align:left;
line-height:24px;
}
.RBBox1 .QQ:hover .QQ_1{
display:block;
}
.RBBox1 .QQ_2{
height:auto;
float:none;
width:auto;
background:none
}
.RBBox1 .User{
background-position:0 -37px
}
.RBBox1 .User:hover{
background-position:-80px -37px;
width:129px;
box-shadow:0 0 5px #999;
border-left:1px solid #ff7300
}
.RBBox1 .Toprb{
background-position:0 -185px
}
.RBBox1 .Toprb:hover{
background-position:-80px -185px;
width:129px;
box-shadow:0 0 5px #999;
border-left:1px solid #ff7300
}
.UserNo{
background:#f00;
border:2px solid #fff;
padding:0 5px;
color:#fff;
position:absolute;
bottom:14px;
left:-14px;
font:11px Arial, Helvetica, sans-serif;
border-radius:20px;
}
.RBBox1 .Tel{
background-position:0 -222px;
}
.RBBox1 .Tel:hover{
background-position:-174px -222px;
box-shadow:0 0 5px #999;
border-left:1px solid #ff7300
}
.forum p{
font-size:17px;
margin:10px 0 0 0;
font-weight:bold;
padding:10px 0 9px 78px;
}
.forum .bubu{
background:#26C6DA;
padding:3px 10px;
border-radius:18px;
color:#Fff;
margin:1px 0 0 75px;
}



.gold_p1{
height:45px;
background:#ccc;
display:inline-block;
float:left;
width:40px;
clear:none;
background:url(../image/icon_productlist.png?v=1.1) no-repeat 0 -240px;
margin-right:5px;
margin-bottom:10px;
}
.gold_p{
height:21px;
display:inline-block;
width:21px;
background:url(../../Content/img/en-icon_productlist.png?v=1.1) no-repeat -63px -27px;
float:left;
}
.brand_p{
height:25px;
display:block;
width:30px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat 0 -290px;
position:absolute;
}

brand_p + h1{
padding-left:50px;
}
.gold_p1, .brand_p{
margin-right:15px;
}
.gold_p + h1{
margin-left:15px;
}
/*宽屏样式*/
.TitleBox_w{
padding:20px 0;
margin-top:20px;
box-shadow:2px 2px 2px #ccc;
border-bottom:1px solid #aaa\9;
}
.Supplier1{
position:relative;
min-height:68px;
}
.Supplier1 ul{
display:inline-table;
}
.Supplier1 li{
display:table-cell;
vertical-align:top;
min-height:50px;
padding-right:25px
}
.Supplier1 .t{
top:1px
}
.SupLogo{
text-align:center
}
.SupName{
max-width:360px;
word-break:break-all;
}
.SupName h2{
padding:0
}
.Supicon{
width:200px;
}
.SupLogo img{
max-height:60px;
width:auto;
max-width:180px;
}
.playicon{
height:136px;
width:270px;
background:url(../image/zzh.png) no-repeat 0 0;
position:absolute;
display:block;
right:-15px;
top:-45px
}
.rabbit{
position:relative;
margin-bottom:5px;
display:block
}
.SamePbox{
height:auto;
padding:20px 0;
overflow:hidden
}
.SamePth, .SamePtd{
font-size:0;
-webkit-text-size-adjust:none;
display:inline-table
}
.SamePth li, .SamePtd li{
display:table-cell;
font-size:13px;
vertical-align:top;
word-break:break-all;
line-height:22px;
min-height:80px;
}
.SamePth li{
line-height:30px;
min-height:30px
}
.SamePth{
border-bottom:1px solid #ddd;
color:#999;
padding:0 5px;
}
.SamePtd{
border-bottom:1px solid #ddd;
padding:15px 5px;
float:left
}
.SamePtd:hover{
background:#f9f9f9
}
.SameGold{
display:inline-block;
font-size:14px;
font-weight:normal
}
.std1{
width:140px;
text-align:center;
}
.std2{
width:440px;
}
.std3{
width:150px;
text-align:center;
}
.std4{
width:200px;
text-align:center
}
.std5{
width:185px;
text-align:center
}
.std6{
width:85px;
text-align:right
}
.std5 .a{
padding-right:5px;
min-width:50px;
text-align:left;
display:inline-block
}
.std4 table td strong{
padding-left:6px;
}
.up > a{
width:37px;
height:13px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -123px -322px;
display:block;
margin:1px auto
}
.up > a:hover{
background-position:-163px -322px;
}
.open > a{
width:37px;
height:13px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -123px -336px;
display:block;
margin:1px auto
}
.open > a:hover{
background-position:-163px -336px;
}
.up .o{
display:none
}
.o{
border:1px dashed #ccc;
width:146px;
color:#333;
background:#fff;
padding:8px 10px 8px 0;
text-align:right;
margin:auto
}
.o span{
margin-left:10px;
}
.o p{
margin-top:5px;
font-size:12px;
}
.noF:after{
content:".";
clear:both;
display:block;
visibility:hidden;
}
.orcblistbox{
width:800px;
clear:both;
}
.orcblist{
padding:10px 0;
border-bottom:1px solid #cfcfcf;
overflow:hidden;
display:inline-table;
}
.orcblist .Proimg a{
width:122px;
height:auto;
display:inline;
vertical-align:middle
}
.ADboxR{
width:168px;
margin-left:22px;
}
.ADboxR img{
width:166px;
max-height:166px;
border:1px solid #555;
margin-bottom:1px
}
.proinfolist{
margin:0 20px;
width:476px;
}
.proinfolist li span{
color:#aaa;
min-width:80px;
display:inline-block
}
.proinfolist li{
width:100%;
display:inline-block;
margin-bottom:5px;
}
.Supplier2{
width:160px;
}
.Supplier2 a{
display:block;
padding:2px 10px;
border-bottom:1px dotted #ccc;
}
.Supplier2 a:hover{
background:#f5f5f5
}
.Supplier2 a:last-child{
border:none
}
.imgbox{
display:inline-table
}

li[class="liw"]{
padding-right:20px;
width:auto
}

li[class="liw"] span{
min-width:20px;
}
.myAD{
background:#fff;
width:168px;
text-align:center;
display:block;
margin:10px 0 0 0
}
.ProBox{
padding:20px 0;
}
.ProBox:after{
content:".";
height:0;
visibility:hidden;
clear:both;
display:block
}
.ProSearchbox{
background:#fff;
width:890px;
}
.ProListBox{
margin-top:15px;
}
.ProListLeft{
width:285px;
}
.PLbox{
padding:10px 10px;
background:#fff;
border:1px solid #ccc;
word-break:break-all;
margin-bottom:10px
}
.warn{
background:#fcf9e5 url(https://www.chemicalbook.com/image/warn.png) no-repeat 5px 5px;
background-size:23px 19px;
margin-bottom:15px;
min-height:24px;
position:relative;
padding:5px 0;
}
.warn img{
width:23px;
height:19px;
position:absolute;
top:6px;
left:5px;
}
.warn_1{
font-size:14px;
color:red;
margin-left:7px;
margin-right:10px;
}
.warn_2, .warn_3{
font-size:12px;
color:#999;
display:block;
padding-left:40px;
}
.warn_3{
color:#F00
}
.HowMany{
background:rgba(0,0,0,0.2);
color:#FFF;
padding:2px 6px;
position:absolute;
bottom:0px;
left:0px;
font-size:10px;
border-radius:10px;
line-height:100%;
}
.PLbox1{
background:#fff;
border:1px solid #ccc;
word-break:break-all;
margin-bottom:10px;
}
.PLbox1 h3{
padding-left:10px;
background:#efefef;
}
.errbox{
width:280px;
margin:10px auto
}
.ProListLeft .img{
width:280px;
max-height:260px;
margin:10px 0 15px 0;
position:relative
}
.ProListLeft a.bookzs{
background:#090;
color:#fff;
padding:1px 10px;
border-radius:20px;
font-size:13px;
display:block;
margin-top:10px;
width:34px;
text-align:center
}
.ProListLeft a.bookzs:hover{
background:#29b5ce
}
.ProListLeft img{
max-height:168px;
max-width:285px;
border:none
}
.ProListLeft h2{
color:#0b7b99;
font:18px/20px '微软雅黑',arial;
padding:0;
}
.ProD a{
width:110px;
display:inline-block;
margin-top:5px;
}
.FoldBox{
word-break:break-all;
margin-top:15px;
line-height:25px;
}
.FoldBox img{
max-width:40px
}
.FoldBox dl{
clear:both;
margin-bottom:1px;
overflow:hidden
}
.FoldBox dt{
display:block;
float:left;
word-break:break-all;
width:85px;
background:#efefef;
margin-right:5px;
padding-left:5px;
}
.FoldBox dd{
display:block;
float:left;
word-break:break-all;
width:185px;
}
.FoldBox .b{
clear:both;
width:100%
}


.SupplyInf ul{
margin-bottom:15px
}
.SupplyInf i, .NewPro i{
font-size:12px;
color:#888;
font-style:normal;
line-height:25px;
}
.SupplyInf p{
margin-bottom:5px;
}
.SupplyInf li, .NewPro li{
border-bottom:1px dotted #ccc;
padding:5px 0;
line-height:120%;
margin:0 10px;
overflow:hidden
}
.NewPro a{
width:200px;
}
.NewPro .w80{
width:80px;
}
.NewPro span{
width:220px;
overflow:hidden;
display:block;
text-overflow:ellipsis;
white-space:nowrap;
margin-right:5px;
line-height:25px;
}
.NewPPrice{
color:#f00;
float:right;
line-height:25px;
}
.w600{
width:760px;
}
.MorupBox ul{
display:table;
border-bottom:1px dotted #aaa;
width:100%
}
.MoreSupBox ul li{
display:table-cell;
vertical-align:top;
padding:5px 0
}
.l1{
width:260px;
padding-left:5px;
}
.l2{
width:340px
}
.l3{
width:230px;
}
.l4{
width:100px;
}
.l5{
width:70px;
}
.l6{
width:80px;
text-align:right
}
.MoreSupTh .l6{
text-align:center
}
.MoreSupTh li{
color:#999;
}
.MoreSupBox .MoreSupTr:last-child{
border:none
}
.MoreSupTr .PLPrice li{
display:block;
float:none;
border:none;
text-align:right;
margin:0;
padding:0
}
.MoreSupTr .PLPrice strong{
margin:0 0 0 4px
}
.MoreSupTr .PLPrice{
border:none;
padding:0
}
.b1{
width:450px;
padding-left:8px;
outline:0px solid #f00;
}
.b2{
width:380px;
padding:0 0 0 40px;
outline:0px solid #ccc;
}
.b3{
text-align:right;
height:23px;
}
.b11 li, .b22 li, .b23 li{margin:5px 0;overflow:hidden}
.b223 li{ width:100%;    text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.b11 li span{min-width:70px;display:block;float:left}
.PrdName a{color:#333}
.b11 a{word-break:break-all}
.b11 li .marginR10{color:#005aa0 !important}
 
.b11 a:hover, .b11 li a:hover i{
color:#ff7300 !important;
}
.b11 li a i{
color:#005aa0;
}
.b11 b{
font-weight:normal;
display:block;
float:left;
width:380px;
word-break:break-all
}
.n{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:380px;
display:block;
}
.b11 a[class="n"]{
color:#f00 !important;
}
.b11 a[class="n"]:hover{
color:#ff7300 !important;
}

.cosd1,.cosd2{ width:100%; height:24px; line-height:24px; background-color:#fff; cursor: pointer; font-size:12px; color:#999 !important;}
.cosd1:hover,.cosd2:hover{ color:#ff7800 !important;}
.cosd1:hover::after{ color:#ff7800;}
.cosd2:hover::after{ color:#ff7800;}
.cosd1::after{  content: '﹀'; color: #999; display: inline-block; font-size:8px; position:relative;top:2px; margin-left:8px;}
.cosd2::after{  content: '︿'; color: #999; display: inline-block; font-size:8px; position:relative;top:2px; margin-left:8px;}

.CL a[class="n"]{
color:#f00 !important;
}
.CL a[class="n"]:hover{
color:#ff7300 !important;
}
.Top .b11 b, .Top .n{
width:300px
}
.CL li span{
float:left
}
.b3 > a{
height:22px;
margin-right:5px;
display:inline-block;
}
.b23 b{
font-weight:normal;
display:block;
float:left;
width:330px;
word-break:break-all
}
.b23 li span{
display:block;
float:left;
width:70px
}
.b22 b, .b22 h2{
font-weight:normal;
display:block;
float:left;
width:310px;
word-break:break-all
}
.b22 li span{
display:block;
float:left;
width:70px;
}
.Sel_qy{ position:relative;}
.Sel_qy ul li{
min-width:60px;
margin-right:5px;
}
.Sel_YW ul li{
width:120px;
height:30px;
margin:0px !important;
}
.Sel_YW ul li img{
width:22px;
height:15px;
}
.helpbuy{
background:#01a16a;
text-align:center;
margin-bottom:10px
}
.helpbuy_1{
background:#fac257;
overflow:hidden;
padding:12px 18px;
}
.helpbuy_1 li{
float:left;
border:1px solid #eaae3d;
width:20px;
height:32px;
background:#fff;
text-align:center;
margin-right:-1px;
font:bold 20px/32px Arial, Helvetica, sans-serif;
color:#ff7300
}
.helpbuy_1 .text1{
font:13px Arial, Helvetica, sans-serif;
width:30px;
}
.helpbuybutton{
background:#ff7300;
color:#fff;
border:none;
padding:5px 20px;
font:16px '微软雅黑';
cursor:pointer
}
.helpbuybutton:hover{
background:#e84e2b;
}
.helpRZ{
padding:12px 18px;
text-align:left;
position:relative;
background:#01a16a;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.helpRZ:before{
content:"";
border-top:8px solid #fac257;
border-left:11px solid transparent;
border-right:11px solid transparent;
height:0;
width:0;
position:absolute;
top:0;
left:50px
}
.helpRZ a{
color:#f9ecd4;
font:18px '微软雅黑';
}
.helpRZ:hover{
color:#FC0;
background:#ff7300;
cursor:pointer;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.SellLevel{
border:1px solid #ff7300;
border-right:0;
width:auto;
height:15px;
padding:2px 4px 4px 18px;
float:right;
color:#333;
position:relative;
color:#01a16a
}
.SellLevel:before{
content:'';
height:13px;
width:13px;
background:url(../image/icon_productlist.png?v=1.1) no-repeat 0 -175px;
display:block;
position:absolute;
left:2px;
top:6px
}
.popbuy{
border:3px solid #01a16a;
padding:30px 60px;
width:500px;
height:auto;
margin:auto
}
.AddShopping{
margin-top:40px
}
.AddShopping li{
margin:10px 0;
}
.AddShopping li span, .Buying li span{
text-align:right;
padding:0px;
}
.AddShopping .checkbox{
width:auto
}
.AddShopping .InputBox .button_green{
border:none;
width:auto;
background:#01a16a none repeat scroll 0 0;
color:#fff;
padding:5px 15px;
height:auto
}
.AddShopping .InputBox .button_green:hover{
background:#ff7300;
}
.popbuy{
position:relative
}
.popbuy .InputBox input, .popbuy .InputBox .textearea, .popbuy .InputBox .select, .Addwrap .InputBox input, .Addwrap .InputBox .select{
border:1px solid #85c0ac;
}
.popbuy .InputBox .select{
height:27px;
width:108px;
margin-right:0px
}
.popbuy h2{
color:#01a16a;
font:22px '微软雅黑';
}
.popbuy .close, .close{
width:26px;
height:26px;
background:url(../image/inon_pop.png) no-repeat -32px -35px;
display:block;
cursor:pointer;
position:absolute;
right:10px;
top:10px
}
.popbuy .close:hover, .close:hover{
background:url(../image/inon_pop.png) no-repeat 0 -35px
}
.helplc{
background:url(../image/helplc.jpg) no-repeat right top;
height:70px;
width:325px;
position:absolute;
top:20px;
right:70px;
z-index:5
}
.AD_moreCB{
height:60px;
width:1020px;
background:url(../image/helpbuy_b.gif) no-repeat left top;
display:block;
margin-top:5px;
position:relative
}
.AD_moreCB .helpbuybutton{
position:absolute;
right:40px;
top:15px;
color:#fff;
}
.AD_moreCB .helpbuyinf{
width:720px;
height:60px;
display:block
}
.show, .show_p{
padding:30px 20px;
position:relative;
margin:50px 0
}
.show i{
width:190px;
height:60px;
border:5px solid #fff;
background:#fff url(../image/show.png) no-repeat;
position:absolute;
top:-35px;
left:20px
}
.show_p i{
width:190px;
height:60px;
background:url(../image/show.png) no-repeat;
display:block
}

div[ class="show_p show2 round3"]{
background:#f6f6f6;
border:none;
border-bottom:1px solid #aaa7a7;
border-right:1px solid #aaa7a7;
margin:10px 0 10px 0
}
.show_p span{
width:47px;
height:51px;
background:#fff url(../image/show.png) no-repeat -253px 0;
display:block;
position:absolute;
top:0;
right:-2px;
}
.show1{
border:1px solid #9aa112;
padding-top:50px;
}
.show2{
border:1px solid #aa8b1c;
}
.show3{
border:1px solid #188bb0;
}
.show1 i{
background-position:0 0
}
.show2 i{
background-position:0 -60
}
.show3 i{
background-position:0 -120;
width:155px;
}
.show1 .show1L, .show1 .show1R{
width:49%;
display:inline-block;
height:auto;
}
.show1 .show1L{
border-right:1px solid #bbb;
margin-right:8px;
padding-right:8px;
}
.show1 .show1L ul, .show1 .show1R ul{
border:none
}
.show1 ul{
border-bottom:1px solid #ccc;
overflow:hidden;
background:#fff;
}
.show1 li{
width:570px;
height:80px;
float:left;
padding:10px 0;
margin-right:26px;
display:table;
}
.show1 li:last-child{
margin-right:0;
border:none
}
.show1 li .showlogo{
width:160px;
height:70px;
overflow:hidden;
text-align:center;
border:1px solid #eee;
display:table-cell;
vertical-align:middle;
}
.show1 li .showtext{
padding-left:10px;
}
.show h3, .show h4, .mlpro h3{
padding:0;
margin-bottom:5px;
}
.show2 ul, .show3 ul{
border-bottom:1px dashed #ccc;
overflow:hidden;
padding:5px 0
}
.show2 ul li, .show3 li{
float:left;
}
.show2 .td1{
width:100px;
}
.show2 .td2{
width:500px;
}
.show2 .td3{
width:80px;
margin-right:70px;
color:#f00;
text-align:right
}
.show3 .td1{
width:150px;
}
.show3 .td2{
width:600px;
}
.show p{
max-height:60px;
overflow:hidden;
}
.show1 a:link{
font-weight:normal
}
.show_p .ml{
padding-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ddd;
}
.show_p .ml li{
width:25%;
padding:5px 0;
list-style-type:disc;
list-style-position:inside;
border-bottom:1px solid #ddd;
margin-bottom:-7px;
margin-top:12px;
}
.show_p a{
color:#333;
}
.show_p a:hover{
color:#f00
}
.mlpro{
border-bottom:1px solid #ddd;
padding:30px 0;
line-height:25px;
}
.mlpro li .PLPrice{
clear:none
}
.mlimg{
width:122px;
height:94px;
outline:1px solid #ccc;
margin-right:10px;
}
.mlpro li{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.mlimg img{
width:120px;
height:92px;
border:1px solid #fff;
}
.Q{
width:16px;
height:16px;
background:url(/UserProfile/PublishProduct/img/icon_wel.png) no-repeat 0 -34px;
display:inline-block;
margin:0 2px;
position:absolute;
}
.Q .A, .A .sj{
display:none;
}
.Q:hover .A{
display:block;
background:#fff;
border:1px solid #8bb2bd;
padding:20px 30px;
font:13px/20px Arial, Helvetica, sans-serif;
color:#05749b;
position:absolute;
top:23px;
left:-80px;
width:300px;
height:auto;
z-index:200;
border-radius:3px;
box-shadow:2px 2px 2px #ccc;
text-align:left
}
.A .sj{
display:block;
width:16px;
height:10px;
background:url(/UserProfile/PublishProduct/img/icon_wel.png) no-repeat 0 -51px;
position:absolute;
top:-10px;
left:80px;
}
.A p{
padding:5px 0
}
.InputBox .Q{
position:relative;
float:right
}
.floorbox{
margin:15px 0;
background:#f9f9f9;
padding:40px 30px;
}
.floorbox h2{
color:#19313e;
font:24px '微软雅黑', arial;
margin-bottom:10px;
}
.deal{
overflow:hidden;
height:240px;
width:100%;
font-size:14px;
color:#333;
line-height:22px;
text-align:left;
}
.floorbox table{
border-collapse:collapse;
border:none;
margin:0
}
.floorbox table td{
border:none;
border-bottom:1px dashed #ccc;
padding:8px 3px;
font:13px Arial, Helvetica, sans-serif
}
.floorbox table th{
color:#888;
font-weight:normal;
border:none;
padding:3px;
}
.floorbox table td a:link, .c-name a, .l1 a, .l3 a{
color:#333;
}
.floorbox table td a:hover, .c-name a:hover, .l1 a:hover, .l3 a:hover{
color:#ff7300
}
.floorbox span{
width:40px;
height:36px;
background:url(../image/deal.png) no-repeat;
display:block;
float:left;
margin-right:5px;
}
.floorbox .d1{
background-position:0 0
}
.floorbox .d2{
background-position:0 -36px;
}
.floorbox .d3{
background-position:0 -72px;
}
.RS{
width:300px;
padding:9px 0 9px 590px;
height:30px;
background:url(../image/goodRS_1.gif) no-repeat 0 0;
margin-bottom:10px;
position:relative;
text-align:center
}
.headbj{
background:url(../../image/1_03.jpg) no-repeat;
position:relative;
height:auto;
width:100%;
overflow:hidden
}
.headbj img{
width:1210px;
min-height:200px;
max-height:380px;
}
.member-logo{
background:url(../image/icon_2.png) no-repeat 0 0;
position:absolute;
width:200px;
height:39px;
line-height:39px;
display:block;
top:30px;
right:0px;
background:#ffe676;
border-radius:3px;
}
.member-logo p{
margin-left:30px;
}
.member-logo .gs-badge-con{
font-size:16px;
color:#cc5e14;
font-weight:700;
}
.member-logo .year-digit{
font-size:22px;
font-weight:700;
display:block
}
.member-logo .year-ext{
font-size:14px;
font-weight:700;
margin-top:-4px;
display:block
}
.not{
background:#CCC
}
.not .gs-badge-con{
font-size:16px;
color:#666;
font-weight:700;
}
.not .gs-badge-con:before{
content:'|';
color:#CCC
}
.head-info{
margin-left:35px;
height:auto;
margin-top:10px;
}
.head-info h1{
color:#c71c00;
font-size:24px;
margin:25px 0 15px 0;
}
.head-info .main-product{
width:500px;
border-bottom:#000 solid 1px;
padding-bottom:10px;
margin-bottom:10px;
}
.con-Box{
margin-top:10px;
width:1210px;
height:auto
}
.LeftBox{
width:272px;
}
.left-wrap{
width:220px;
margin:0px auto;
background:#FFF;
padding:20px 26px;
border-top:solid 1px #ff7f00;
margin-bottom:20px;
}
.small-logo img{
max-width:220px;
max-height:48px;
}
.left-wrap .contact-info li{
padding-top:8px;
color:#777777
}
.Dividing-line{
border-top:#dadada dashed 1px;
}
.RightBox{
width:928px;
height:auto
}
.BackLine{
background:#FFF;
margin-bottom:10px;
border-top:solid 1px #ff7f00;
padding:18px;
}
.part-one{
color:#333;
line-height:26px;
margin-top:10px;
padding-top:10px;
position:relative
}
.part-one .intro-detail{
text-indent:2em;
}
.part-one .certificate{
background:url(../../image/icon_2.png) no-repeat 0 -154px;
width:56px;
height:38px;
display:block;
margin:10px 30px;
}
.part-one .certificate p{
font-weight:700;
color:#ff6600;
position:relative;
top:40px;
}
.part-one .conpany-base-Info li{
width:222px;
display:inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.part-one .conpany-base-Info li.diff{
width:100%;
}
.getname tr th{
text-align:center;
padding-bottom:15px;
}
.getname tr td{
padding:0px 30px;
}
.getname tr td em{
width:104px;
height:104px;
padding:1px;
border:#bbb solid 1px;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.getname tr td img{
max-width:104px;
max-height:104px;
}
.supplier-info ul li{
width:300px;
float:left;
margin-right:10px;
}
.supplier-info ul li .BackLine{
height:140px;
background:none;
border:none
}
.supplier-info .nomargin{
margin-right:-10px;
}
.sup-mes-common .pro-img img{
width:88px;
height:88px;
border:#bbb solid 1px;
}
.pro-item{
margin-top:10px;
padding-top:15px;
overflow:hidden
}
.pro-info{
width:162px;
margin-left:10px;
}
.pro-info ul li{
font-size:12px;
width:162px;
color:#666;
line-height:22px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
height:22px;
}
.pro-info .cg, .list-txt .cg{
font-weight:bold;
font-size:14px;
color:#ff6600;
width:180px;
display:block;
}
.marginB10{
margin-bottom:10px;
}
.overflow222{
width:250px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.loadmore{
height:50px;
line-height:50px;
background:#FFF;
text-align:center;
cursor:pointer
}
.position{
position:relative;
}
.Enterprise{
background:url(../../image/icon_2.png) no-repeat 0 -40px;
width:102px;
height:104px;
display:block;
position:absolute;
top:15px;
right:15px;
}
.part-one .conpany-base-Info li.nomargin{
margin-right:-80px;
}


.guide{
height:40px;
margin:10px 0;
}
.guide a{
line-height:40px;
font:16px/40px '微软雅黑',Arial, Helvetica, sans-serif;
margin-right:30px;
color:#333;
}
.guide a:hover, .guide .current{
color:#ff7300
}
.newslist_sup li{
overflow:hidden;
height:40px;
border-bottom:1px dashed #ccc;
line-height:50px;
}
.newslist_sup li a{
max-width:500px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:inline-block;
}
.newslist_sup li span{
float:right;
}
.left-wrap p{
color:#777;
line-height:26px;
margin-top:10px;
padding-top:10px;
}
.BackLine h1{
margin-bottom:20px
}
.timeANDauthor{
font-size:12px;
color:#aaa;
border-bottom:0px solid #eee;
margin:12px 0
}
.RelatedNews li{
border-bottom:1px dotted #ccc;
color:#999;
padding:15px 0;
word-break:break-all;
}
.RelatedNews li h1{
font-size:14px;
color:#333;
margin:0;
}
.RelateTitle{
font:18px '微软雅黑';
color:#777;
margin-bottom:10px;
}
.hr1{
border:none;
border-bottom:1px solid #ccc;
margin:50px 0 30px 0;
}
.qyrz_icon{
background:url(../../UserManager/Themes/Red/Images/icon_common.png) no-repeat scroll 0 0;
display:inline-block;
height:23px;
width:78px;
}
.qytj_icon{
background:url(../../UserManager/Themes/Red/Images/icon_common.png) no-repeat scroll 0 -80px;
display:inline-block;
height:23px;
width:78px;
}
.qyrz_icon_x, .qytj_icon_x{
width:19px;
height:16px;
display:inline-block;
margin:0 3px;
background:url(../image/icon_icon.png) no-repeat 0 -40px;
position:relative;
}
.qytj_icon_x{
background-position:-30px -40px;
}
.Certification_1 li{
padding-top:8px;
color:#777777;
overflow:hidden
}
.Certification_1 li span{
height:23px;
line-height:23px;
display:inline-block;
float:left
}
.imgAtext li{
padding:0 0 25px 0;
height:81px;
}
.imgAtext_i img{
max-width:121px;
max-height:81px;
}
.imgAtext_i{
width:121px;
margin-right:10px;
float:left
}
.imgAtext_t{
width:150px;
height:81px;
float:left;
overflow:hidden
}
.imgAtext_t h1{
font-size:15px;
margin-top:0;
margin-bottom:4px;
padding:0
}
.imgAtext_t p{
margin:0;
color:#888
}
.hot{
background:#f00;
color:#fff;
font:14px arial;
padding:1px 2px;
}
.wx_0{
margin-top:40px;
margin-left:80px;
}
.wx_1{
height:128px;
width:128px;
background:url("https://www.chemicalbook.com/cd_03.png");
float:left;
border:1px solid #ddd
}
.wx_2{
height:128px;
text-align:left;
width:240px;
float:left;
margin-left:40px;
}
.wx_2 h2{
line-height:180%;
color:#9c9c9c;
font-weight:bold;
font-size:18px;
margin-top:20px;
}
.wx_3{
position:relative
}
.wx_3 .wx_1{
display:none
}
.wx_3:hover .wx_1{
display:block;
position:absolute;
top:10px;
left:-20px;
}
.home-product-list{
background:#fff;
overflow:hidden
}
.home-product-list .list-pro-img{
width:150px;
text-align:center;
height:150px;
background:#FFF;
border:#dbdbdb solid 1px;
margin-bottom:10px;
display:table
}
.home-product-list .list-pro-img img{
width:150px;
height:150px;
}
.home-product-list .list-block ul li{
width:180px;
}
.home-product-list .list-txt p{
width:180px;
}
.tit-catalog{
height:40px;
border-bottom:solid 2px #0488c6;
margin-bottom:20px;
padding:10px 10px 0;
}
.tit-catalog a{
margin-right:8px;
margin-top:6px;
}
.list-pro-img{
width:200px;
text-align:center;
height:160px;
background:#FFF;
border:#dbdbdb solid 1px;
margin-bottom:10px;
display:table
}
.list-pro-img img{
width:180px;
height:160px;
}
.txt-date{
font-size:12px;
color:#666;
}
.list-txt{
height:72px;
}
.list-txt p{
line-height:24px;
width:220px;
}
.list-block ul li{
margin-bottom:20px;
height:244px;
float:left;
width:222px;
}
.list-block ul{
margin-left:20px;
}
.over-point{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.list-pro-img a{
display:table-cell;
text-align:center;
vertical-align:middle
}
.BreadcrumbNav{
height:20px;
}
.BreadcrumbNav span{
float:left;
}
.BreadcrumbNav a:before{
content:'>';
margin:0px 8px;
color:#999
}
/*直销宝*/

.bjgarybox{
background:#e6e9ed;
width:898px;
margin:10px auto;
height:auto;
box-shadow:0px 0px 5px #666;
position:relative;
min-height:280px;
}
.bjgarybox h1{
font-size:22px;
font-family:'微软雅黑',Arial, Helvetica, sans-serif;
padding:20px;
}
.to-top{
padding:12px 20px;
overflow:hidden;
}
.icon-people{
background:#c3c3c3 url(../image/zxb-icon.png) no-repeat;
background-position:4px 5px;
width:26px;
height:26px;
border-radius:50%;
display:inline-block;
}
.icon-shopcar{
background:url(../image/zxb-icon.png) no-repeat 0px -20px;
width:24px;
height:21px;
display:block
}
.icon-shopcargray{
background:url(../image/zxb-icon.png) no-repeat 0px -44px;
width:24px;
height:21px;
display:block
}
.icon-pic{
background:url(../image/zxb-icon.png) no-repeat -54px -22px;
width:16px;
height:14px;
display:inline-block;
margin-left:8px;
position:relative
}
.icon-message{
background:url(../image/zxb-icon.png) no-repeat -75px 0px;
width:29px;
height:21px;
display:block;
position:absolute;
top:-5px;
right:-5px;
cursor:pointer;
z-index:12
}
.icon-tel{
background:url(../image/zxb-icon.png) no-repeat -81px 0px;
width:25px;
height:23px;
display:block;
cursor:pointer;
}
.User-entrance{
float:left
}
.User-entrance a{
color:#333;
}
.User-entrance span{
position:relative;
top:-7px;
left:10px;
}
.stepBystep{
display:inline-block;
margin-left:100px;
width:500px;
}
.dashedline{
border-bottom:#000 dashed 1px;
width:350px;
margin:0px auto;
position:relative;
top:-40px;
z-index:0
}
.bjwhite{
background:#FFF;
width:100%;
height:auto;
}
.lightning{
background:url(../image/zxb-icon.png) no-repeat;
width:11px;
height:21px;
background-position:-36px 0px;
position:relative;
top:5px;
display:inline-block
}
.TitName{
border-bottom:#dcdcdc solid 1px;
height:40px;
line-height:40px;
padding:0px 10px
}
.TitName span.Font16{
font-size:16px;
color:#0b9d4c
}
.Addwrap{
width:500px;
margin:0px auto;
padding-bottom:20px;
}
.open_arrow{
background:url(../image/zxb-icon.png) no-repeat;
width:11px;
height:7px;
background-position:-38px -41px;
position:relative;
top:18px;
display:inline-block;
float:right;
cursor:pointer
}
.close_arrow{
background:url(../image/zxb-icon.png) no-repeat;
width:11px;
height:7px;
background-position:-38px -30px;
position:relative;
top:18px;
display:inline-block;
float:right;
cursor:pointer
}
.ChooseCompany tr td{
padding:10px;
width:33.3%
}
.ChooseCompany .listCompany, .choosed{
border:#cfcfcf solid 1px;
padding:6px 10px;
height:52px;
position:relative
}
.ChooseCompany .listCompany li, .choosed li{
line-height:22px;
}
.ChooseCompany .ChooseCompany-tit{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:230px;
display:inline-block
}
.ChooseCompany .listCompany:hover, .choosed{
border:#29b5ce solid 1px;
cursor:pointer;
position:relative;
}
.choosed .Checked{
background:url(../image/zxb-icon.png) no-repeat;
background-position:-54px 0;
width:17px;
height:16px;
display:block;
position:absolute;
top:0px;
left:0px;
}
.button_G, .Buying .button_G{
padding:8px 18px;
background:rgba(0,235,66,0.2);
border:#0b9d4c solid 1px;
color:#0b9d4c;
border-radius:3px;
cursor:pointer;
transition:background .3s,color .3s;
-webkit-transition:background .3s,color .3s;
}
.Buying .button_G:hover{
background:#ff7400;
}
.button_G:hover{
background:#0b9d4c;
color:#FFF;
}
.button_R{
padding:8px 18px;
background:rgba(250,0,0,0.2);
border:#e55058 solid 1px;
color:#e55058;
border-radius:3px;
cursor:pointer;
transition:background .3s,color .3s;
-webkit-transition:background .3s,color .3s;
}
.button_R:hover{
background:#e55058;
color:#FFF;
}
.ButBox{
text-align:center;
padding:20px 0;
}
.finish-prompt{
padding:20px 40px;
}
.werw:before{
content:"";
width:26px;
height:26px;
background:url(../image/inon_pop.png) no-repeat 0px -62px;
display:block;
display:inline-block;
position:relative;
top:6px;
right:8px;
}
.f-qr-code{
background:url(https://www.chemicalbook.com/cd_03.png) no-repeat;
width:128px;
height:128px;
}
.choose-invoice{
padding:20px;
position:relative;
border-bottom:#cfcfcf solid 1px;
}
.choose-invoice .invoice-box{
display:inline-block;
padding:4px 15px;
color:#333
}
.invoice-nomal{
border:#cfcfcf solid 1px;
}
.delete-line{
text-decoration:line-through;
}
.listCompany .float-prompt{
position:absolute;
padding:10px;
border:1px solid #f00;
border-radius:3px;
box-shadow:2px 2px 4px rgba(83,100,122,.35);
background:#FFF;
left:10px;
top:10px;
z-index:99
}
.BuyList{
width:1200px;
border:#dbdbdb solid 1px;
border-radius:2px;
margin-bottom:10px;
background:#fff;
}
.Buy-wrap tr th{
padding:15px 10px;
text-align:center;
color:#999;
}
.Buy-wrap tr td.com-icon{
background:#fff;
text-align:left;
padding:15px 10px;
background:#f7f7f7;
border-top:solid 1px #dbdbdb
}
.Buy-wrap tr td{
border-bottom:#e8edf2 solid 1px;
padding:10px 8px;
text-align:center;
font-size:14px;
word-break:break-all;
}
.Buy-wrap tr:hover{
background:#eaf3fc;
color:#000
}
.selector{
display:inline-block;
float:right
}
.s-more{
text-align:right;
transition:border-color .15s ease-in-out,opacity 0.25s;
opacity:1;
filter:Alpha(opacity=100);
}
.c-name:hover .s-more{
opacity:1;
filter:Alpha(opacity=100);
}
.sm-wrap{
position:relative;
display:inline-block;
height:24px;
line-height:25px;
padding:0 10px 0 10px;
border-width:1px;
border-style:solid;
border-color:#ddd #DDD #DDD;
background:#fff;
cursor:pointer;
color:#999;
transition:border-color .15s ease-in-out;
}
.c-name{
position:relative;
line-height:26px;
}
.s-more:hover .sm-wrap:hover{
color:#e4393c;
border-color:#e4393c #e4393c #e4393c;
}
.p-quantity{
position:relative;
overflow:hidden;
height:22px;
width:80px;
}
.M-w160{
max-width:160px;
}
.M-w120{
max-width:120px;
}
.p-quantity .decrement, .p-quantity .increment{
border:1px solid #cacbcb;
border-right:0;
height:18px;
line-height:18px;
padding:1px 0;
width:16px;
text-align:center;
color:#666;
margin:0;
background:#fff;
}
.p-quantity .increment{
float:right;
border:1px solid #cacbcb;
border-left:0;
color:#666;
}
.p-quantity .itxt{
position:absolute;
left:17px;
top:0;
border:1px solid #cacbcb;
width:42px;
height:18px;
line-height:18px;
text-align:center;
padding:1px;
margin:0;
font-size:12px;
font-family:verdana;
color:#333;
-webkit-appearance:none;
}
.p-quantity .disabled{
cursor:default;
color:#e9e9e9
}
.TitName .self-txt{
border:#85c0ac solid 1px;
color:#666;
height:18px;
width:110px;
padding:0px 5px;
}
.pro-wrap .invoice-type{
border:#cacbcb solid 1px;
}
.QQ-s{
background:url(../../image/button_111.jpg) no-repeat;
width:24px;
height:22px;
display:inline-block;
position:relative;
}
.limit-width{
width:220px;
word-break:break-all;
white-space:pre-wrap;
}
.direct-top{
border:#e43f2b solid 1px;
margin-bottom:10px;
}
.direct-top .top-banner{
position:relative
}
.direct-top .banner-bj{
height:0px;
}
.direct-top .banner-bj .zxb-logo{
padding:15px 0 0 75px;
display:inline-block
}
.direct-top .banner-bj .zxb-yhq{
width:250px;
height:23px;
background:url(../../image/zxb-q.jpg) no-repeat 0 0;
display:inline-block;
margin-left:60px;
transition:all 2s;
}
.direct-top .banner-bj .zxb-yhq:hover{
background-position:50px 0;
transition:all 0.1s;
}
.direct-top .banner-bj .zxb-p{
float:right;
margin:0px 0px 0 0;
text-align:center;
padding:8px 20px;
}
.direct-top .banner-bj .zxb-p a{
font:16px '微软雅黑';
color:#fff;
}
.direct-top .banner-bj .zxb-p:hover a{
color:#000;
}
.Direct-pro-list .Sold, .TitName .Sold{
background:#e7f1fb;
border:#d6e9f8 solid 1px;
color:#666;
border-radius:3px;
padding:2px 4px;
}
.Direct-pro-list .green-bj{
background:#01a16a;
color:#fff;
border-radius:2px;
padding:0px 4px;
width:40px;
}
.Direct-pro-list .green-font{
color:#60ebbb;
margin-left:5px
}
.Direct-pro-list tr td{
padding:8px 10px;
}
.Direct-pro-list tr.BLine td{
border-bottom:#eaeaea solid 1px;
padding:8px 10px
}
.now-buy{
background:#f00;
border:none;
color:#fff;
padding:2px 15px;
border-radius:20px;
cursor:pointer;
}
.now-buy:hover{
background:#ff7300;
}
.zxb-on .now-buy{
background:#e43f2b;
color:#FFF;
position:relative
}
.now-buy:after{
content:"2";
width:200px;
height:200px;
background:#03F;
display:block;
position:absolute;
top:0;
right:0;
}
.Ellipsis{
overflow:hidden;
display:block;
text-overflow:ellipsis;
white-space:nowrap;
}
.letter b:before{
content:"✔";
border-radius:30px;
height:28px;
width:28px;
font-size:24px;
display:inline-block;
line-height:28px;
color:#093;
border:2px solid #093;
text-align:center;
margin-right:5px;
}
.letter{
font-size:22px;
color:#093;
font-family:"微软雅黑";
font-weight:700;
position:relative;
}
.product-info{
padding:15px;
background:#f9fbff;
}
.enter-mgs b:before{
content:"✔";
font-size:24px;
display:inline-block;
line-height:34px;
color:#093;
}
.popupbox{
background:#FFF;
width:50%;
min-width:810px;
height:80%;
position:relative;
box-shadow:0px 0px 5px #666;
margin:0px auto;
overflow:hidden
}
.prompt-box{
position:relative;
display:inline-block;
}
.prompt-box span.p{
color:#f00;
font:13px Arial, Helvetica, sans-serif;
position:absolute;
width:200px;
text-align:left;
top:-14px;
left:10px
}
.Addwrap .InputBox input.error, .Addwrap .InputBox select.error{
border:#F00 solid 1px;
box-shadow:0px 0px 3px #F00
}
.Addwrap .InputBox .select, .Buying .InputBox .select{
height:36px;
width:108px;
margin-right:0px;
padding:0px 10px;
border-radius:3px
}
.Addwrap .InputBox input{
height:35px;
border-radius:3px;
padding-left:10px
}
.border-color-red{
border:#F00 solid 1px;
color:#F00;
padding:0px 4px;
border-radius:2px;
margin-right:4px;
}
.border-color-red:hover{
background:#f00;
color:#fff;
cursor:pointer
}
.tip_box{
position:relative
}
.tip_box span{
color:#888;
line-height:24px;
}
.tip{
border:1px solid #ffc000;
background:#fffeef;
padding:6px 15px;
position:absolute;
color:#000;
top:22px;
right:0px;
border-radius:20px;
display:none
}
.tip:before{
content:"";
width:8px;
height:8px;
display:block;
border:1px solid #ffc000;
border-right:0;
border-bottom:0;
background:#fffeef;
position:absolute;
top:-5px;
left:50%;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
}
.tip_box:hover .tip{
display:block
}
.t_w{
width:220px;
}
.tip2{
border:1px solid #ccc;
background:#f5f5f5;
padding:15px 30px;
position:absolute;
color:#000;
top:24px;
left:-80px;
border-radius:3px;
display:none;
width:300px;
z-index:999;
box-shadow:1px 3px 3px #666
}
.tip2:before{
content:"";
width:8px;
height:8px;
display:block;
border:1px solid #ccc;
border-right:0;
border-bottom:0;
background:#f5f5f5;
position:absolute;
top:-5px;
left:80px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
}
.promit-pack{
margin:3px 3px 0 0;
background:#f00;
color:#FFF;
padding:0px 4px;
height:14px;
line-height:14px;
border-radius:20px;
font-size:10px;
float:left;
font-style:normal
}
.Direct-pro-list .zxb-onnext .zxb-PLPrice tr td{
padding:2px 8px 2px 0;
}
.zxb-onnext .tit td{
background:#FFD4D4;
}


.step{
margin:0 auto;
display:block;
height:60px;
}
.step li{
position:relative;
text-align:center;
float:left
}
.step .line_bg{
height:3px;
background:#999;
display:inline-block;
width:50%;
top:13px;
position:absolute;
z-index:1;
}
.step .lbg-l{
left:0;
}
.step .lbg-r{
right:0;
}
.step .num{
position:relative;
z-index:2;
width:54px;
height:30px;
text-align:center;
display:inline-block;
}
.step .num em, .num i{
width:24px;
height:24px;
display:inline-block;
left:15px;
top:2px;
position:absolute;
}
.step .num em{
background:#999;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
z-index:2;
}
.step .num i{
z-index:3;
color:#fff;
font-style:normal;
font-weight:700;
top:4px;
}
.step .lbg-txt{
position:relative;
color:#999;
font-size:13px;
}
.step .on .lbg-txt{
color:#01a16a;
}
.step .on .line_bg, .step .on .num em{
background:#01a16a
}
.col-xs-4{
width:33.33333333%
}
.f-r5{
border-radius:5px;
-moz-border-radius:5px;
}




/*直销宝企业专题*/
.showbanner{
background:url(../image/showbanner_02.jpg) no-repeat center;
height:450px;
}
.pany-with-coupon{
background:#fff;
box-shadow:0px 5px 5px #d4d6db;
min-height:80px;
}
.pany-item{
border-bottom:#CCC dashed 1px;
overflow:hidden;
height:60px;
}
.pany-item .pany-name{
}
.pany-item .pany-name h1{
font-size:24px;
color:#00a6c4;
display:inline-block;
line-height:50px;
}
.pany-item .pany-logo{
width:180px;
height:40px;
margin-top:10px;
}
.pany-item .pany-logo img{
max-width:180px;
}
.pany-cuopon{
padding:10px 0px;
}
.pany-c-item{
height:90px;
width:173px;
position:relative;
display:inline-block;
margin-bottom:4px;
}
.pany-c-price .token{
position:relative;
font-size:16px;
top:-8px;
_top:-8px;
left:2px;
font-weight:400;
}
.pany-c-price .coupon-val{
font-size:28px
}
.pany-c-price{
background:#ff7400;
width:120px;
padding:15px 10px;
height:60px;
color:#FFF
}
.pany-c-item .cou-btn-get{
display:block;
text-decoration:none;
cursor:pointer;
margin:0 auto;
width:12px;
line-height:19px;
color:#fff;
clear:both;
position:absolute;
right:0px;
top:0;
background:#ff7400;
padding:8px 10px 0;
height:82px;
border-left:solid 1px #FFF;
font-size:12px
}
.pany-c-price .buytype{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#fff;
font-size:12px
}
.pany-c-price .condition{
font-size:12px
}
.pany-show-pro{
border:#ddd solid 1px;
border-radius:3px;
width:100%;
height:auto;
background:#FFF;
margin-bottom:20px
}
.pany-show-pro .show-pro-tit{
background:#29b5ce;
color:#fff;
height:40px;
line-height:40px;
}
.show-pro-tit .search-smoli{
border:none;
background:#fff;
height:31px;
color:#333;
width:180px;
padding:0 10px;
}
.show-pro-tit .search-smoli-btn{
background:#ff7400;
color:#FFF;
padding:6px 10px;
height:31px;
border:none;
cursor:pointer
}
.show-pro-wrap{
padding:10px;
overflow:hidden
}
.show-pro-wrap .file-tit{
background:#e5eaf6;
height:36px;
line-height:36px;
}
.file-tit ul li{
float:left;
margin-left:25px;
}
.file-tit .on{
background:#99afe4;
color:#FFF;
padding:3px 0 3px 8px;
border-radius:3px;
}
.item-pro-img{
float:left;
margin-left:20px;
}
.item-pro-img a{
border:#eeeeee solid 1px;
width:100px;
height:100px;
display:table-cell;
vertical-align:middle;
text-align:center
}
.item-pro-img img{
max-height:100px;
max-width:100px;
}
.item-pro-txt{
float:left;
margin-left:10px;
font-size:12px;
width:88%
}
.item-pro-txt p{
line-height:24px;
}
.item-pro-txt p:first-child{
font-size:15px;
color:#29b5ce
}
.direct-pro-wrap{
padding:10px 0;
background:#FFF;
margin-right:12px
}
.direct-pro-wrap ul li{
padding:15px 0px;
border-bottom:1px #dbdbdb dashed;
position:relative
}
.add-Prolist{
border:none;
border:#d1dbf3 solid 1px;
background:#f4f5fb;
color:#0496dc;
padding:8px 15px;
border-radius:3px;
cursor:pointer;
margin-top:20px;
}
.show-pro-tit2{
height:40px;
position:relative;
top:0px
}
.show-pro-tit2 span{
background:#29b5ce;
width:100px;
display:inline-block;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
}
.show-pro-wrap .main_text{
line-height:26px;
padding:10px;
}
.more-packge th{
padding:10px;
background:#f7f7f7;
border-top:#e9e9e9 solid 1px;
text-align:center
}
.more-packge td{
padding:8px 10px;
text-align:center
}
.black-bj{
background:url(../image/black.png);
padding:40px 0;
}
.photo-bj{
background:url(../image/photo-bg.jpg);
min-height:160px;
padding:50px 0
}
.pany-show-contact{
border:#ddd solid 1px;
padding:80px;
overflow:hidden;
border-radius:3px;
height:auto;
background:#FFF;
}
.pany-show-contact .info-l{
float:left;
width:233px
}
.pany-show-contact .info-l p{
line-height:24px;
margin-bottom:10px
}
.pany-show-contact .info-l p span{
display:inline-block;
width:52px;
text-align:left;
vertical-align:top;
font-size:14px;
color:#555
}
.pany-show-contact .info-l p em{
display:inline-block;
width:178px;
font-size:14px;
color:#888
}
.pany-show-contact ul{
position:relative;
width:622px;
height:257px;
float:right
}
.pany-show-contact ul li{
float:left;
width:288px;
height:34px;
line-height:34px;
border:1px solid #ccc;
margin-right:20px;
margin-bottom:15px
}
.pany-show-contact ul li span{
font-size:14px;
color:#555;
margin:0 8px
}
.pany-show-contact ul li input{
width:227px;
border:0;
border-left:1px solid #eee;
padding-left:8px
}
.pany-show-contact ul li textarea{
vertical-align:top;
margin-top:8px;
width:530px;
height:80px;
border:0;
padding-left:8px
}
.pany-show-contact ul .remark{
width:598px;
height:98px;
border:1px solid #ccc
}
.pany-show-contact ul button{
position:absolute;
right:22px;
bottom:-20px;
font-size:16px;
width:130px;
height:40px;
line-height:40px;
cursor:pointer;
background:#29b5ce;
color:#fff;
border:0
}
.pany-show-contact ul button:hover{
background:#009999
}
.pany-show-contact ul .error-info{
position:absolute;
left:0;
bottom:20px;
font-size:12px;
line-height:24px;
color:#fd5548
}
.pany-show-contact ul .error-info i{
display:inline-block;
padding-right:7px;
width:16px;
vertical-align:middle
}
.pany-show-contact ul .error-info i img{
width:18px
}
.pany-show-contact ul .error{
border:1px solid #fdaaa8;
box-shadow:0 0 10px #fdaaa8
}
.strat{
position:absolute;
right:20px;
top:40px
}
.strat a{
color:#333
}


.wechat-wrap{
width:128px;
margin:0px auto;
height:128px;
border:#dbdbdb solid 1px;
}
.has-prompt{
background:#fff3e2;
padding:10px;
color:#8a5f20;
text-align:center;
font-size:13px
}
.cphi2016{
display:block;
width:100px;
height:100px;
background:url(../image/2016cphi.png) no-repeat;
position:absolute;
top:0;
right:-100px;
}

/.RS1{
height:30px;
width:139px;
background:url(../image/goodRS.png) no-repeat 0 -50px;
display:block;
margin:auto;
display:inline-block
}
.RS1:hover{
background:url(../image/goodRS.png) no-repeat 0 -80px;
}
.RS2{
height:30px;
width:110px;
background:url(../image/goodRS.png) no-repeat -150px -50px;
margin:auto;
display:inline-block
}
.RS2:hover{
background:url(../image/goodRS.png) no-repeat -150px -80px;
}
.RS3{
height:30px;
width:110px;
background:url(../image/goodRS.png) no-repeat -637px -50px;
margin:auto;
display:inline-block
}
.RS3:hover{
background:url(../image/goodRS.png) no-repeat -637px -80px;
}
.RS4{
height:26px;
width:100px;
background:#fff;
border:#e43f2b solid 1px;
color:#ff0000;
border-radius:20px;
cursor:pointer;
text-align:center;
line-height:26px;
display:block;
}

a.RS4:hover{
background:#fac257;
color:#f00;
border:#fac257 solid 1px;
box-shadow:1px 2px 1px #555;
}
.goodlc{
width:358px;
height:55px;
background:url(../image/goodRS.png) no-repeat -532px -50px;
display:block;
float:right
}
.RSQQ{
float:left;
margin-top:25px;
}
.RSQQ a{
width:112px;
height:34px;
background:url(../image/goodRS.png) no-repeat -280px -50px;
display:block;
}
.RSQQ a:hover{
width:112px;
height:34px;
background:url(../image/goodRS.png) no-repeat -399px -50px;
display:block;
}
.RSbuy{
float:left;
margin:25px 0 0 10px;
}
.RSbuy input{
border-radius:15px;
padding:6px 18px;
font:14px Arial, Helvetica, sans-serif;
height:34px;
}
.RSpname{
clear:both;
position:relative;
}
.RSpname h2{
font-size:16px;
}
.RStime{
text-align:right;
margin-top:15px;
margin-right:15px;
}
.RSorder a{
background:#01a16a;
display:block;
width:80px;
height:26px;
text-align:center;
color:#fff;
line-height:26px;
float:right
}
.RSorder a:hover{
color:#FF9
}
.RSlist li{
padding:15px 0;
border-bottom:1px dashed #ccc;
}
.textR{
text-align:right
}
.RSprice{
display:block;
background:#d8edf0;
overflow-x:auto;
}
.RSprice .PLPrice{
margin:auto;
text-align:center;
overflow:hidden;
padding-left:10px;
padding-top:20px;
}
.notsigned{
text-align:center;
padding:20px 0
}
.notsigned b{
width:100px;
height:100px;
background:url(../image/goodRS.png) no-repeat 0 -125px;
display:block;
margin:5px auto
}
.labeltype{
overflow:hidden;
margin:10px 0
}
.labeltype li{
border:1px solid #999;
padding:5px 10px;
margin:0 5px;
cursor:pointer;
min-width:auto;
margin-right:20px;
display:block;
float:left
}
.labeltype .current, .labeltype li:hover{
border:1px solid #C60;
background:#fff;
color:#C60
}
.RSlc{
height:50px;
margin:30px auto;
width:665px;
background:url(../image/RS-lc.gif) no-repeat;
}
.lc1{
background-position:0 0;
}
.lc2{
background-position:0 -50px;
}
.lc3{
background-position:0 -100px;
}
.RSorder{
width:580px;
margin:auto;
border:0px solid #ccc;
overflow:hidden
}
.RSorder p{
line-height:25px;
}
.order1{
font-family:'微软雅黑';
border-bottom:1px solid #999;
padding:10px 0 10px 0;
overflow:hidden;
padding-left:20px;
font-size:14px;
}
.order1 ul, .supplier-info{
overflow:hidden
}
.order1 ul li{
float:left;
color:#333;
}
.order1 ul li span{
color:#C60
}
.order1 .pack{
padding:8px 0 8px 15px;
}
.order1 .pack:hover{
background:#FFEFDF
}
.order1 .pack i{
margin:0 5px;
color:#999;
font-size:10px;
font-style:normal
}
.order1 .pack span{
padding-right:20px;
visibility:hidden;
float:right
}
.order1 .pack:hover span{
visibility:visible
}
.order1 hr{
border:none;
border-top:1px dotted #bbb;
clear:both
}
.color_c60{
color:#c60
}
.order1 .color_c60:after{
content:"";
height:16px;
width:16px;
background:url(../img/buy.png) -42px 0;
display:inline-block;
margin-left:8px
}
.order1 .InputBox li{
clear:both;
margin:3px 0
}
.order1 .infolist{
margin:0 0 20px 0;
border-bottom:1px dashed #ccc;
padding-bottom:20px;
}
.order1 h4{
font:bold 14px Arial, Helvetica, sans-serif;
}
.orderOK{
margin:30px 0;
text-align:center
}
.orderOK h1{
font:30px Arial, Helvetica, sans-serif '微软雅黑';
margin:20px 0
}
.RSorder .order1 a{
background:none;
width:auto;
height:auto;
float:left;
text-align:left;
margin:0 2px;
color:#00C
}
.pricetablebox{
min-width:156px;
padding:0 3px;
}
.pricetablebox p{
background:;
margin-bottom:2px;
padding:2px 0;
color:#3f99a6;
border-bottom:1px dashed #fff
}
.pricetable td{
padding:2px 10px;
}
.stockbox{
position:relative;
display:inline-block;
}
.stockbox .stockdetail, .stock_hw .stocklist_hw{
position:absolute;
top:24px;
left:-150px;
min-width:500px;
min-height:200px;
background:#fff;
border:1px solid #01a16a;
z-index:9999;
padding:35px 25px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}
.stocklistbox{
max-height:260px;
overflow-y:auto
}
.stocklist{
background:#f5f5f5;
}
.stockdetail table{
border-collapse:inherit
}
.stocklist td{
padding:5px;
text-align:right;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
}
.stocklist .kc{
width:150px;
text-align:center
}
.stocklist li{
float:left;
padding:3px 5px;
}
.stocklist tr:last-child td{
border-bottom:none
}
.stockdetail p{
margin:15px 0 5px 0;
color:#01a16a
}
.stockdetail:after, .stock_hw .stocklist_hw:after{
content:"";
width:21px;
height:10px;
display:block;
background:url(../image/icon_0723.png) no-repeat 0 0;
position:absolute;
top:-10px;
left:165px
}
.stockbox .stock-none{
background:url(../../images/sskc.jpg) no-repeat;
text-align:center;
font-size:18px;
line-height:30px;
padding-top:180px;
min-height:30px;
}
.stockbox .stock-none a{
background:#01a16a;
color:#fff;
padding:7px 44px 7px 20px;
border-radius:5px;
position:relative;
}
.stockbox .stock-none a:hover{
background:#ff7300
}
.stockbox .stock-none a:after{
content:">";
position:absolute;
right:12px;
top:4px;
font:bold 22px "宋体";
}
.Honest2{
display:none;
position:absolute;
top:0;
left:0;
width:370px;
padding:30px 40px;
border:1px solid #01a16a;
background:#fff url(../image/Hbg.jpg) no-repeat;
font:13px "宋体";
color:#01a16a;
z-index:100
}
.Honest:hover .Honest2{
display:block;
}
.H-title:before{
content:"";
height:50px;
width:42px;
background:url(../image/icon_icon.png) no-repeat 0 -164px;
display:inline-block;
position:absolute;
left:0px;
}
.H-title{
font-size:30px;
color:#01a16a;
position:relative;
padding-left:50px;
height:50px;
line-height:50px;
font-family:"黑体";
display:inline-block
}
.H-RMB{
display:inline-block;
}
.Honest2 p{
margin:15px 0
}
.Hbox{
font-size:13px;
color:#888;
margin:6px 0;
height:16px;
}
.Hbox:hover{
cursor:pointer
}
.Hbox span{
height:13px;
width:94px;
display:inline-block;
background:url(../image/icon_icon.png) no-repeat;
}
.Evaluation span{
height:13px;
width:94px;
display:inline-block;
margin-top:4PX;
background:url(../image/icon_icon.png) no-repeat;
}
.Hbox:hover span{
display:none
}
.Hbox .s5, .Evaluation .s5{
background-position:0px -214px;
}
.Hbox .s4, .Evaluation .s4{
background-position:0px -227px;
}
.Hbox .s3, .Evaluation .s3{
background-position:0px -240px;
}
.Hbox .s2, .Evaluation .s2{
background-position:0px -253px;
}
.Hbox .s1, .Evaluation .s1{
background-position:0px -266px;
}
.Hbox .s0, .Evaluation .s0{
background-position:0px -279px;
}
.Hbox i{
visibility:hidden;
}
.Hbox:hover i{
visibility:visible;
font-style:normal;
color:#01a16a;
height:13px;
}
.Hn{
height:16px;
width:16px;
background:url(../image/icon_icon.png) no-repeat -20px -120px;
display:block;
float:left;
margin-right:5px;
}
.Hbz{
margin:15px 0;
}
.Hbz i{
width:75px;
height:20px;
background:url(../image/icon_icon.png) no-repeat 0 -142px;
display:block;
float:left
}
.Hbz span{
padding-left:10px;
}
.Hbz span:before{
content:"√";
height:16px;
width:16px;
color:#01a16a;
font:bold 10px Verdana, Geneva, sans-serif;
margin-right:8px
}
.ProListADbox{
width:1210px;
margin:auto;
height:80px;
background:url(../image/ADhome-long.jpg) no-repeat center center;
}
.ProListADbox a{
width:1210px;
height:130px;
display:block;
margin:auto
}
.stockcar{
font:13px/15px "宋体";
position:relative;
background:url(../image/stockcar.png) no-repeat 0 -282px;
width:102px;
display:inline-block;
padding:2px 1px
}
.stockcar-d{
font:13px/15px "宋体";
position:relative;
background:none;
display:inline-block;
padding:0
}
.stockcar i, .stockcar-d i{
color:#fff;
font-style:normal;
padding-left:3px;
display:inline-block
}
.stockcar em, .stockcar-d em{
color:#01a16a;
display:inline-block;
padding-left:4px;
}
.stockcar:hover .stockcarDetail, .stockcar-d:hover .stockcarDetail{
display:block
}
.stockcarDetail{
display:none;
width:460px;
border:1px solid #01a16a;
position:absolute;
top:17px;
left:0;
z-index:500;
background:#fff url(../image/stockcar.png) no-repeat 100px 0px;
}
.stockcarDetail .title{
height:52px;
font:24px/52px "微软雅黑";
color:#fff;
padding-left:180px;
}
.stockcarDetail .title span{
font:13px Arial, Helvetica, sans-serif;
display:block;
text-align:center;
padding:10px 30px;
float:right;
color:#ff0;
}
.stockcarDetail .conbox{
font-size:14px;
padding:30px 0px 20px 40px;
}
.stockcarDetail .conbox p{
color:#bbb;
font:13px/160% Arial, Helvetica, sans-serif
}
.stockcarD_DZ{
background:#fff url(../../images/dz.jpg) no-repeat top right;
}
.accuracy_rate{
width:50px;
height:50px;
position:absolute;
left:38px;
top:8px;
}
.grade_A{
width:50px;
height:50px;
display:inline-block;
background:url(../image/stockcar-0.png) no-repeat 0 -317px;
padding:0;
cursor:pointer;
}
.grade_B{
width:50px;
height:50px;
display:inline-block;
background:url(../image/stockcar-0.png) no-repeat -90px -317px;
padding:0;
cursor:pointer;
}
.grade_C{
width:50px;
height:50px;
display:inline-block;
background:url(../image/stockcar-0.png) no-repeat -185px -317px;
padding:0;
cursor:pointer;
}
.accuracy_rate_W{
position:absolute;
left:-38px;
display:none;
}
.accuracy_bg{
background-color:#fff;
opacity:0.7;
width:460px;
height:238px;
}
.accuracy_table{
width:209px;
height:155px;
border:1px solid #cecece;
border-radius:5px;
background-color:#fff;
position:absolute;
top:10px;
left:30px;
}
.accuracy_table::before{
content:'';
width:0;
height:0;
border-width:0 7px 7px;
border-style:solid;
border-color:transparent transparent #cecece;
position:absolute;
top:-7px;
left:25px;
}
.accuracy_table table{
border-collapse:collapse;
padding:0;
width:159px;
margin:14px auto 0;
font-size:14px;
color:#333;
}
.accuracy_table table td{
line-height:32px;
text-align:center;
}
.table_grade_A{
width:21px;
height:21px;
display:inline-block;
background:url(../image/stockcar-0.png) no-repeat 0 -378px;
padding:0;
}
.table_grade_B{
width:21px;
height:21px;
display:inline-block;
background:url(../image/stockcar-0.png) no-repeat -55px -378px;
padding:0;
}
.table_grade_C{
width:21px;
height:21px;
display:inline-block;
background:url(../image/stockcar-0.png) no-repeat -111px -378px;
padding:0;
}
.accuracy_table_border{
color:#999;
border-bottom:1px solid #f3f3f3;
}
.accuracy_rate:hover .accuracy_rate_W{
display:block;
}
.Fback a{
color:#01a16a;
height:36px;
line-height:36px;
display:inline-block;
margin:20px 10px 5px 0;
}
.Fback a:hover{
color:#ff7300
}
.Fback .Fback1 i{
width:32px;
height:36px;
display:block;
background:url(../image/stockcar.png) no-repeat -242px -264px;
float:left;
margin-right:5px;
}
.Fback .Fback1:hover i{
width:32px;
height:36px;
display:block;
background:url(../image/stockcar.png) no-repeat -278px -264px;
float:left;
margin-right:5px;
}
.Fback .Fback2 i{
width:32px;
height:36px;
display:block;
background:url(../image/stockcar.png) no-repeat -314px -264px;
float:left;
margin-right:5px;
}
.Fback .Fback2:hover i{
background:url(../image/stockcar.png) no-repeat -350px -264px;
}
.stockcarDetail .text{
border-top:1px dashed #ccc;
background:#fff;
padding:20px 30px 20px 40px;
font:12px/160% Arial, Helvetica, sans-serif
}
.brand{
height:33px;
}
.Excellent{
position:absolute;
right:10px;
top:50px;
}
.goldlogo + .brand{
height:0;
}


.hide-data{
width:400px;
height:auto;
background:#FFF;
border:#004dff solid 1px;
color:#6e6e6e;
z-index:666;
position:absolute;
left:0px;
top:17px;
overflow:hidden;
visibility:hidden;
}
.hidebox{
text-align:center;
}
.hidebox tr td{
padding:7px 4px;
word-wrap:break-word;
}
.hidebox tr.bj-color{
background:#fbfbfd;
border-top:#eeeeee solid 1px;
border-bottom:#eeeeee solid 1px;
}
.Purchase_pdt:hover .hide-data{
visibility:visible;
position:absolute;
}
.Purchase_pdt{
background-color:#004dff;
color:#FFF;
font:13px "宋体";
padding:2px 3px 2px 7px;
font-style:normal;
margin-right:5px;
cursor:pointer;
position:relative;
border-radius:10px;
}
.number{
padding:1px 4px;
background-color:#00b6d0;
color:#FFF;
}
.thebox{
width:500px;
overflow:auto;
text-align:center
}
.thebox table{
border:#CCC solid 1px;
}
.thebox tr.title-name{
background:#f1f1f1
}
.thebox tr td{
padding:3px 3px;
border:#CCC solid 1px;
width:5em;
word-wrap:break-word;
}


.icon_arrow{
width:16px;
height:16px;
background:url(../../image/arrow.png) no-repeat
}
.ad_a{
padding:15px;
background-color:#FFF;
overflow:hidden;
margin:10px auto;
border:#ccc solid 1px;
}
.ad_a table{
margin-bottom:6px;
text-align:center
}
.ad_a table tr td img{
border:#000 solid 1px;
}
.ad_a .R_title em{
position:relative;
display:inline-block;
width:21px;
height:18px;
top:4px;
margin-left:8px;
background-position:-27px -62px
}
.ad_a .R_title span.title_new{
color:#29b5ce;
font-size:16px
}
.ad_a .list_info .Buyhelp{
width:840px;
height:auto;
border:#01a16a solid 3px;
margin-bottom:10px;
color:#6e6e6e;
z-index:666;
}
.state_r{
color:#fd4a26;
}
.state_g{
color:#0ba973;
}
.state_b{
color:#005ed4;
}
.ad_a .purchases_right .R_title{
border-bottom:#29b5ce solid 3px;
padding:0px 5px 15px 5px;
}
.ad_a .R_list_info .information{
margin:0px 8px;
font-size:12px
}
.ad_a .R_list_info .information tr.header_line{
border-bottom:#eff0f4 solid 1px;
}
.ad_a .R_list_info .information tr td{
padding:7px 3px;
}
.ad_a .R_list_info .information a{
color:#000;
}
.Pro-main-interduce, .Pro-main-filter{
border:#e4f2ff solid 1px;
width:100%;
height:auto;
overflow:hidden;
padding-bottom:10px;
}
.Pro-main-interduce .interduce-tit, .Pro-main-filter .interduce-tit{
background:#f7fbff;
height:38px;
line-height:38px;
padding:0px 10px;
}
.Pro-main-interduce .interduce-tit h1{
display:inline-block;
line-height:28px;
}
.interduce-con-img{
display:inline-block;
width:150px;
height:150px;
text-align:center;
position:relative;
}
.interduce-con-img img{
max-width:150px;
max-height:150px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.interduce-con-info, .filter-con-info{
padding:15px;
}
.interduce-con-info ul li{
line-height:28px;
}
.filter-con-info ul li.Selected{
background:#eee;
}
.filter-con-info ul li.Selected a{
color:#317ee7;
}
.filter-con-info ul li{
float:left;
width:80px;
text-align:center;
line-height:28px;
}
.filter-con-info ul li a{
color:#000;
}
.filter-con-info ul li a:hover, .Sup-info-con h2 a:hover, .step-text a:hover, .User-entrance a:hover{
color:#ff7300;
text-decoration:underline
}
.Sup-wrap{
height:30px;
}
.Sup-list{
background:#29b5ce;
padding:5px 10px;
color:#fff;
}
.update-time{
position:relative
}
.update-time p:before{
content:'';
width:30px;
height:19px;
background:url(../image/icon_index.png) 0 -100px;
display:block;
position:absolute;
right:150px;
}
.Sup-info-box{
border:#dddddd solid 1px;
padding:10px;
height:auto;
}
.Sup-info-box .info-bjgray{
background:#f7f7f7;
padding:10px;
height:auto;
display:flow-root;
border-bottom:1px #ccc dotted;
}
.Sup-info-con h2 a, .step-text a{
font-weight:normal;
color:#317ee7;
}
.basic-con-info{
padding-left:160px
}
.basic-con-info h2{
padding:0 0 10px 0
}
.basic-con-info ul li{
margin-bottom:10px;
}
.basic-con-info ul li strong{
color:#888;
font-weight:normal
}
.basic-con-info ul li span{
font-size:15px
}
.Sup-basic-info ul li.etd1{
float:left
}
.same-product{
width:218px;
border:#dddddd solid 1px;
padding:15px;
float:right
}
.same-product-tit{
border-bottom:#dddddd solid 1px;
padding-bottom:10px;
margin-bottom:10px;
}
.same-pro ul li{
margin-bottom:10px;
height:80px;
overflow:hidden
}
.same-pro .step-img{
border:#ddd solid 1px;
overflow:hidden;
margin-right:10px;
max-height:78px;
max-width:80px;
}
.same-pro .step-img img{
width:80px;
height:80px;
}
.same-pro .step-text p{
color:#666;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:120px;
}
.same-pro .step-text .update{
font-size:12px;
float:right;
color:#999
}
.more-info{
position:relative;
cursor:pointer;
color:#317ee7;
}
.more-info .Manufacturer-info{
border:#cccccc solid 1px;
background:#FFF;
padding:10px;
width:280px;
height:auto;
color:#000;
position:absolute;
top:20px;
left:0px;
z-index:9;
visibility:hidden
}
.more-info:hover .Manufacturer-info{
visibility:visible
}
.more-info .Manufacturer-info td{
padding:2px 4px;
vertical-align:top
}
.more-info .Manufacturer-info .text_overflow{
width:200px;
word-break:break-all;
white-space:pre-wrap;
}
.Ql{
width:14px;
height:14px;
background:#F90;
border-radius:14px;
text-align:center !important;
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
display:inline-block;
position:relative
}
.Ql_1{
display:none;
width:260px;
min-height:80px;
background:#fff;
position:absolute;
bottom:20px;
right:-70px;
border:1px solid #ccc;
color:#333;
text-align:left;
padding:15px;
font-size:14px;
font-weight:normal;
z-index:12px
}
.Ql_1:before{
content:"";
width:8px;
height:8px;
display:block;
border:1px solid #ccc;
border-top:0;
border-left:0;
background:#fff;
position:absolute;
bottom:-5px;
right:72px;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
.Ql:hover .Ql_1{
display:block
}
.Ql_1 b{
border-bottom:#CCC dashed 1px;
display:block;
margin-bottom:8px;
padding-bottom:8px;
}
.Ql_1_detail p{
line-height:22px;
font-size:12px;
}
.sjsc{
font:36px/80px '微软雅黑';
margin-left:20px;
color:#333;
}
.Q1_2{
position:absolute;
top:60px;
right:20px;
color:#666;
line-height:24px;
border:#888 dashed 1px;
padding:10px 10px 5px 20px;
max-width:240px;
border-top-left-radius:50px;
border-bottom-left-radius:50px;
}
.more_p{
width:100%;
clear:both;
background:#fff;
text-align:center;
border-top:1px solid #efefef;
position:relative;
top:8px;
padding-top:8px;
}
.more_p i{
margin-left:5px
}
.more_p span{
background:#f00;
padding:2px 4px;
text-align:center;
color:#fff;
border-radius:20px;
font-size:11px;
margin-right:5px;
}
.xh{
color:#333;
border:1px solid #f00;
color:#555;
margin:10px 0;
border-radius:3px;
overflow:hidden;
float:left;
line-height:28px
}
.xh i{
font-style:normal;
margin-right:10px;
padding:5px;
}
.xh i:first-child{
background:#f00;
color:#fff;
}
.more_listbox{
width:97%;
margin:auto;
font-size:12px;
clear:both;
padding-top:20px
}
.more_list td{
border:1px solid #ccc;
border-collapse:collapse;
padding:15px 8px
}
.more_ti td{
background:#676767;
color:#d9d9d9;
border:1px solid #676767;
border-bottom:1px solid #ccc;
padding:3px;
text-align:center
}
.m1{
width:200px
}
.m2{
text-align:center;
width:180px;
}

td.m3{
padding:0
}
.m3 table td{
border:none;
border-bottom:1px solid #ccc;
text-align:right
}
.m3 table tr:last-child td{
border:none
}
.m3_price i{
font-size:10px;
font-style:normal
}
.m3_price{
color:#f00;
font-size:14px;
width:25%
}
.m3_page{
width:22%
}
.backg-one{
background:-webkit-radial-gradient(#29b5ce, #0d97d6); /* Safari 5.1 - 6.0 */
background:-o-radial-gradient(#29b5ce, #0d97d6); /* Opera 11.6 - 12.0 */
background:-moz-radial-gradient(#29b5ce, #0d97d6); /* Firefox 3.6 - 15 */
background:radial-gradient(#29b5ce, #0d97d6);
height:750px;
position:relative;
}
.backg-two{
background:#aa4bc1;
height:600px;
}
.backg-three{
background:#ed5353;
height:600px;
}
.backg-four{
background:#04b377;
height:700px;
}
.First-screen{
position:relative;
}
.search-wrap{
width:720px;
margin:0px auto;
padding-top:200px;
}
.search-wrap .s-text{
background:#FFF;
border:none;
height:48px;
padding:0 15px;
width:480px;
}
.search-wrap .s-select{
border:none;
height:48px;
padding:0 26px 0 14px;
border-left:#CCC solid 1px;
color:#999;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:#fff url(../image/arrow.png) no-repeat 75px center;
}
.search-wrap .s-select option{
height:48px;
}
.pic-pro-big{
position:absolute;
width:260px;
height:180px;
background-color:#FFF;
box-shadow:0px 0px 5px #CCC;
top:15px;
z-index:11;
display:none;
display:table none;
}
.pic-pro-big a{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.pic-pro-big img{
max-width:260px;
max-height:180px
}
.icon-pic:hover .pic-pro-big{
display:block;
display:table;
}
.close-org{
background:url(../image/icon5.png) no-repeat -54px -91px;
width:12px;
height:12px;
display:block;
position:absolute;
right:-4px;
top:22px;
cursor:pointer
}
.get-Coupon-box{
width:86px;
height:84px;
position:absolute;
left:-60px;
top:-75px;
z-index:999
}
.get-Coupon{
width:86px;
height:84px;
background:url(../image/icon5.png) 0px 0px;
display:block
}
.get-Coupon{
-webkit-animation:two-up-down .8s ease infinite 80ms alternate;
animation:two-up-down .8s ease infinite 80ms alternate;
}

@keyframes two-up-down{
from{
-webkit-transform:translate(0,8px);
transform:translate(0,8px)
}

to{
-webkit-transform:translate(0,-8px);
transform:translate(0,-8px)
}
}


.search-wrap .s-button{
border:none;
padding:0 30px;
height:48px;
background:#0090ff;
color:#FFF;
cursor:pointer;
}
.brands{
background:rgba(0,0,0,0.3);
padding:30px 15px;
border-radius:3px;
width:690px;
margin:40px auto;
overflow:hidden
}
.brands a{
background:#FFF;
border-radius:3px;
width:163px;
height:72px;
display:inline-block;
text-align:center;
vertical-align:middle;
margin:5px 3px;
}
.brands a img{
width:160px;
max-width:160px;
height:70px;
}
.brands ol{
white-space:nowrap;
width:690px;
overflow:hidden
}
.brands ol li{
display:inline-block;
}
.brands .qq{
white-space:nowrap;
float:left
}
.guide img{
position:absolute;
top:600px;
left:370px;
z-index:99
}
.backg-two .con-txt{
color:#FFF;
padding:100px 0 0 0px;
}
.backg-two .con-txt p:first-child, .backg-four .con-txt p:first-child, .backg-four .con-right p:nth-of-type(2){
font-size:28px;
line-height:42px
}
.backg-two .con-txt p:nth-of-type(2), .backg-four .con-txt p:nth-of-type(2){
font-size:18px;
font-family:Verdana, Geneva, sans-serif
}
.backg-three .con-left{
width:390px;
display:inline-block
}
.backg-three .con-txt{
color:#FFF;
padding:100px 0 0 0px;
text-align:right;
}
.backg-three .con-txt h2{
font-size:36px;
}
.backg-three .con-txt p{
font-size:18px;
line-height:32px;
border-top:#fff solid 1px;
padding-top:6px;
}
.backg-three .con-input{
text-align:center;
color:#FFF;
margin-top:50px;
}
.backg-three .con-input input{
border:none;
background:#ffa0a0;
padding:10px 40px;
border-radius:30px;
color:#FFF;
font-size:16px;
margin-bottom:10px;
cursor:pointer
}
.backg-three .zxb-picture{
margin-top:80px;
}
.backg-four .con-txt{
color:#FFF;
padding:50px 0 50px 0px;
}
.backg-four .con-left{
width:600x;
display:inline-block
}
.backg-four .con-right{
color:#fff;
position:relative;
width:450px;
height:600px;
overflow:hidden;
margin-top:60px;
}
.backg-four .con-right p:first-child{
font-size:28px;
line-height:42px;
text-align:center;
font-weight:bold
}
.backg-four .con-right .Buying{
background:rgba(255,255,255,0.8);
width:420px;
min-height:340px;
margin-top:20px;
position:absolute;
padding:40px 30px 0px 0;
border-radius:3px;
z-index:100
}
.product-mesg{
width:1200px;
margin-bottom:10px;
padding:20px 0px;
background:#FFF
}
.is-control .SelBox, .is-control .Sel_g{
width:1200px;
}
.is-control .menu{
height:2px;
margin-top:20px;
border-bottom:none
}
.is-control .Sel_c{
width:960px
}
.product-info-img a{
width:160px;
height:140px;
text-align:center;
vertical-align:middle;
display:table-cell;
}
.product-info-img img{
max-width:140px;
max-height:140px;
}
.product-info-txt{
margin-left:20px;
display:inline-block
}
.product-info-txt p{
line-height:26px;
color:#666
}
.product-info-txt span{
margin-right:10px;
}
.product-info-txt p:first-child{
font-size:16px;
color:#29b5ce;
display:inline-block
}
.product-mesg .ad_a{
width:300px;
margin:inherit;
padding:2px 15px;
border:#f3f3f3 solid 1px;
background:#f7f7f7
}
.product-mesg .ad_a .purchases_right .R_title{
border-bottom:#29b5ce solid 1px
}
.promit-error{
margin-left:110px;
text-align:left;
color:#ff4700;
font:13px Arial, Helvetica, sans-serif;
}
.mark{
background:#ff4700;
color:#FFF;
padding:0px 6px;
height:16px;
line-height:18px;
display:inline-block;
border-radius:20px;
font-size:12px;
font-style:normal;
margin-right:6px
}
.less-more-mesg{
padding-right:20px;
text-align:right;
line-height:24px;
}
.less-more-mesg .less-more-btn a:after{
content:'∨';
color:#0CF;
font-size:16px;
font-weight:bold
}
.less-more-mesg .less-more-btn .b:after{
content:'∧';
color:#0CF;
font-size:16px;
}
.less-more-mesg a{
color:#333
}
.less-more-btn a:hover, .less-more-mesg .b, .less-more-mesg .china-supplier a:hover{
color:#ff7300;
}
.MSDS-mesg{
clear:both
}
.MSDS-mesg{
padding:0px 20px;
overflow:hidden;
margin:10px 0 0 0;
}
.MSDS-mesg ul li{
width:380px;
overflow:hidden;
float:left
}
.MSDS-mesg h2{
color:#0b7b99;
font:16px/20px '微软雅黑',arial;
padding:0;
}
.MSDS-mesg .base-fold{
word-break:break-all;
margin-top:6px;
line-height:25px;
}
.MSDS-mesg .base-fold dl{
clear:both;
margin-bottom:1px;
overflow:hidden
}
.MSDS-mesg .base-fold dt{
display:block;
float:left;
word-break:break-all;
width:110px;
background:#efefef;
margin-right:5px;
padding-left:5px;
}
.MSDS-mesg .base-fold dt strong{
font-weight:normal;
color:#000
}
.MSDS-mesg .base-fold dd{
display:block;
float:left;
word-break:break-all;
width:240px;
}
.company-box, .E-txt{
display:none;
}
.pro-wrap .M-w120 a:hover .company-box{
display:block;
position:absolute;
width:600px;
height:auto;
background:#FFF;
padding:30px 40px;
box-shadow:0px 0px 3px #999;
left:-20px;
top:30px;
text-align:left;
z-index:99
}
.company-box:before{
content:"";
width:15px;
height:15px;
display:block;
border:1px solid #ccc;
border-right:0;
border-bottom:0;
background:#fff;
position:absolute;
top:-9px;
left:29px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
}
.company-box .c-tit{
font-weight:bold;
color:#333;
font-size:16px;
}
.level{
margin-top:20px;
width:270px;
float:left
}
.level .l-tit{
border-bottom:#CCC solid 1px;
padding:10px 0px;
margin-bottom:10px
}
.level .Evaluation{
display:inline-block;
position:relative
}
.level .Evaluation:hover .E-txt{
color:#333;
background:#FFF;
position:absolute;
width:150px;
left:0px;
top:0px;
display:block
}
.level ul li{
line-height:28px;
}
.level .l-name{
width:100px;
color:#333;
display:inline-block
}
.services{
width:260px;
float:right;
margin-top:20px
}
.services .Avatar{
border:#ff7300 solid 1px;
width:40px;
height:40px;
display:inline-block;
border-radius:30px;
overflow:hidden;
text-align:center
}
.services .Avatar img{
width:35px;
max-width:35px;
max-height:35px;
height:35px
}
.services .Avatar-txt{
margin-left:10px;
}
.services .Eval-tag{
clear:both;
padding-top:10px
}
.services .Eval-tag span{
border:#DEDEDE solid 1px;
padding:3px 10px;
color:#929292;
display:inline-block;
margin:0 8px 8px 0
}
.xh{
color:#333;
border:1px solid #f00;
color:#555;
margin:10px 0;
border-radius:3px;
overflow:hidden;
float:left;
line-height:28px
}
.xh i{
font-style:normal;
margin-right:10px;
padding:5px;
}
.xh i:first-child{
background:#f00;
color:#fff;
}
.more_listbox{
width:97%;
margin:auto;
font-size:12px;
clear:both;
padding-top:20px
}
.more_p{
width:100%;
clear:both;
background:#fff;
text-align:center;
border-top:1px solid #efefef;
position:relative;
top:8px;
padding-top:8px;
}
.more_p i{
margin-left:5px
}
.more_p span{
background:#f00;
padding:2px 4px;
text-align:center;
color:#fff;
border-radius:20px;
font-size:11px;
margin-right:5px;
}
.more_list{
}
.more_list td{
border:1px solid #ccc;
border-collapse:collapse;
padding:15px 8px
}
.more_ti td{
background:#676767;
color:#d9d9d9;
border:1px solid #676767;
border-bottom:1px solid #ccc;
padding:3px;
text-align:center
}
.m1{
width:200px
}
.m2{
text-align:center;
width:180px;
}

td.m3{
padding:0
}
.m3 table td{
border:none;
border-bottom:1px solid #ccc;
text-align:right
}
.m3 table tr:last-child td{
border:none
}
.m3_price i{
font-size:10px;
font-style:normal
}
.m3_price{
color:#f00;
font-size:14px;
width:25%
}
.m3_page{
width:22%
}
.more_ti .m3_price{
font-size:12px;
}
.more_ti .m3_add{
text-align:center
}
.Direct-pro-list{
position:relative
}
.yhq1{
width:72px;
height:51px;
background:url(../image/yhq.png) no-repeat 0 0;
position:absolute;
top:-3px;
left:10px;
cursor:pointer
}
.yhq1:hover{
background:url(../image/yhq.png) no-repeat 0 -51px;
}
/*右侧现货商城修改*/
.cgbxh{
width:301px;
height:189px;
border:1px solid #d21e00;
margin-bottom:10px;
position:relative;
background:url(../image/xianhuo.jpg?v=1.1) no-repeat;
}
.cgbbox{
margin-top:76px;
width:100%;
display:table;
}
.cgblist{
text-align:center;
font-size:14px;
color:#333;
display:table-cell;
}
.cgblist span{
display:block;
color:#d21e00;
font-weight:bold;
font-size:15px;
margin-bottom:5px;
}
.cgba{
width:105px;
height:28px;
line-height:28px;
text-align:center;
color:#fff !important;
font-size:14px;
background-color:#d21e00;
display:block;
margin:20px auto 0;
border-radius:5px;
cursor:pointer;
border:0;
}
.cgba:hover{
background-color:#ff7800 !important;
}
.cgp{
width:50%;
text-align:center;
float:left;
margin-bottom:10px;
}
.cgp span{
font-weight:bold;
color:#d21e00;
font-size:15px;
margin-right:5px;
}
.cgtxt{
text-align:center;
color:#d21e00;
font-weight:bold;
font-size:15px;
}
.cgbbox1{
margin-top:75px;
width:100%;
display:inline-block;
padding:0 40px;
box-sizing:border-box;
}
/*右侧现货商城修改*/
.Reagent-Mall{
width:274px;
height:130px;
background:#f5f5f5;
border:#e60012 solid 1px;
border-radius:3px;
padding:10px 15px;
margin-bottom:10px;
position:relative
}
.Reagent-Mall .red-btn{
background:#e60012;
border:none;
color:#FFF;
padding:4px 10px;
border-radius:3px;
position:relative;
top:-5px;
cursor:pointer
}
.Reagent-Mall .red-btn:hover{
background:#ff7300
}
.Reagent-Mall .bj-tit{
background:url(../image/reagent-tit.png) no-repeat;
width:268px;
height:30px;
display:block;
margin-top:4px
}
.Reagent-Mall ul li{
width:49%;
display:inline-block;
padding:6px 0
}
.Reagent-Mall ul li .color_red{
font-weight:bold;
margin-right:5px
}
.brand-name{
margin-top:10px;
color:#646464;
width:100%;
white-space:nowrap;
overflow:hidden
}
/* .wtcg{background:#fac257 url(https://www.chemicalbook.com/images/cgb1.jpg) no-repeat left center;
height:49px;
margin-bottom:10px;
background-size:180px auto;
position:relative;
}*/
.wtcg{
background:url(../image/cgbg1.jpg?v=1.1) no-repeat center 0;
width:303px;
height:45px;
position:relative;
margin-bottom:10px;
}
.wtcg .cgb1{
background:#ff7800 none repeat scroll 0 0;
border:medium none;
color:#fff;
cursor:pointer;
font:14px "微软雅黑";
position:absolute;
right:13px;
top:10px;
border-radius:5px;
height:26px;
width:75px;
}
.wtcg .cgb1:hover{
background:#e84e2b;
}
.yf{
height:29px;
position:relative;
top:-15px;
}
.yf ul{
max-width:1000px;
height:44px;
overflow:hidden;
border-right:0px solid #ccc;
}
.yf ul li{
display:block;
border-left:1px solid #ccc;
padding:0 20px;
color:#888;
height:44px;
line-height:44px;
float:left;
font-family:"宋体"
}
.yf ul li span{
padding-right:6px;
color:#333;
}
.yf ul li b{
color:#e4393c;
font:14px Arial, Helvetica, sans-serif
}
.yf_box{
float:right;
height:44px;
line-height:40px;
padding:0 20px;
position:relative;
cursor:pointer;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
.yf_d{/* */
display:none;
position:absolute;
top:-1px;
right:-1px;
background:#fff;
width:600px;
padding:40px 30px;
z-index:9999;
border:1px solid #ccc;
box-shadow:2px 3px 3px #ccc;
}
.yf_box:hover .yf_d{
display:block
}
.yf_box td{
line-height:25px;
border-bottom:1px dotted #ccc;
padding:5px 8px;
}
.product-catalog-tit{
height:30px;
}
.product-catalog-tit .catalog-tit{
font-size:14px;
}
.ProCatalog .part-menu a{
font-weight:bold;
font-size:14px;
color:#333;
border-bottom:#dbdbdb dashed 1px;
display:block;
padding:6px 0px;
width:220px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.ProCatalog .part-menu a:hover, .part-ch li:hover{
background:#f5f5f5
}
.ProCatalog .part-menu a:before{
content:'▸';
color:#999;
font-size:14px;
margin-right:6px
}
.ProCatalog .part-ch a{
color:#777777;
padding:6px 20px;
display:block;
border-bottom:#dbdbdb dashed 1px;
width:200px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.ProCatalog .part-ch a:before{
content:'—';
margin-right:4px;
}
.nav{
height:50px;
line-height:50px;
background:#665252
}
.nav .headerbox{
padding:0px
}
.nav .nav-wrap ul li{
float:left;
}
.nav .nav-wrap ul li a{
color:#fff;
padding:0px 15px;
}
.nav .nav-wrap ul li a:hover, .nav .nav-wrap .on{
background:#776565;
display:block
}
.t4:hover .Certificate-des{
display:block;
}
.Certificate-des{
width:220px;
background:#fffee4;
border:#ffe1b8 solid 1px;
z-index:99;
padding:10px;
position:absolute;
top:20px;
display:none;
box-shadow:0px 0px 6px #CCC
}
.Certificate-des .cer-t{
color:#ff6000;
font-weight:bold
}
.Certificate-des .cer-t2{
color:#01a16a;
font-size:16px;
font-weight:bold;
text-align:center
}
.Certificate-des .cer-t2:before{
content:'✔';
margin-right:6px;
}
.Certificate-des .cer-t3{
color:#898989;
text-align:center
}
.Certificate-des .cer-img{
padding:6px;
}
.Certificate-des .cer-img img{
width:190px;
max-height:220px;
border:#ffe1b8 solid 1px;
background:#FFF;
padding:6px;
}
.company-logo{
float:left;
margin-right:20px;
width:140px;
height:80px;
display:table
}
.company-logo a{
display:table-cell;
vertical-align:middle
}
.company-logo img{
max-width:140px;
max-height:90px;
}
.yhq_icon{
background:#e4393c;
border-radius:2px;
height:16px;
width:16px;
color:#fff;
line-height:16px;
text-align:center;
font-size:12px;
cursor:pointer
}

ul.mian{
height:auto
}

ul.mian li{
border:none;
color:#333;
font:14px/120% Arial, Helvetica, sans-serif;
padding:10px 20px;
background:#efefef;
margin:0 2px 2px 0;
height:auto;
display:inline-block
}
.nav .headerbox{
height:50px;
}
.product-list ul li p{
font-size:12px;
line-height:20px;
margin:0px;
padding:0px
}
.product-list ul li{
border-bottom:1px dashed #dddddd;
padding-bottom:6px;
margin-bottom:6px;
overflow:hidden
}
.promotion:before{
content:"【促】";
color:#F00;
font-size:12px;
}
.ProDetailBox h3{
padding:5px 10px;
margin-top:20px;
background:#ccdbfb;
border:1px solid #6093ff;
color:#1953d1;
}
.ProDetailBox .evaluateBox h3{
background:none;
border:none;
padding:5px 0;
margin:20px 0 0 0;
font-weight:bold
}
.ProBaseInf{
margin:5px 0;
padding:10px 0;
background:#efefef;
}
.ProBaseInf ul li{
display:inline-block;
padding:5px 10px;
color:#666
}
.ProDetail{
font-size:12px;
line-height:22px;
}
.ProDetailTop{
padding-bottom:20px;
overflow:hidden
}

hr{
border:none;
border-top:1px dotted #ccc;
margin:20px 0;
}
.PinfBox{
padding-left:15px;
width:555px;
}
.PinfBox ul li{
border-bottom:1px dotted #ccc;
padding:5px 2px;
}
.PinfBox ul li span{
color:#888;
}
.pack_price b{
display:inline-block;
margin-right:20px;
}
.pack_price{
margin-bottom:15px;
}
.clear{
clear:both
}
.ProBaseInf{
margin:5px 0;
padding:10px 0;
background:#efefef;
}
.ProBaseInf ul li{
display:inline-block;
padding:5px 10px;
color:#666
}
.ProDetailTop{
padding-bottom:20px;
overflow:hidden
}

hr{
border:none;
border-top:1px dotted #ccc;
margin:20px 0;
}
.FRQsupplier, .fillBox{
display:table-cell;
}
.InputBox .mL105, .mL105{
padding-left:105px;
}
.InputBox .mL105{
font-size:13px;
}
.err{
color:#f00;
}
.InputBox li{
margin:8px 0;
font-size:0;
}
.InputBox .must::after{
color:#f00;
content:"*";
}
.InputBox .Tit{
color:#666;
display:inline-block;
padding-right:5px;
width:100px;
font-size:13px
}
.InputBox .Tit1{
float:left;
height:100px;
font-size:13px
}
.InputBox input, .InputBox .textearea, .InputBox .select{
background:#fff none repeat scroll 0 0;
border:1px solid #999;
color:#666;
font:13px/25px Arial,Helvetica,sans-serif;
height:25px;
padding:0 3px;
width:300px;
}
.InputBox .select{
margin-right:5px;
}
.InputBox .w100{
width:100px;
}



.InputBox .radio{
height:auto;
margin:0 3px;
width:auto;
}
.InputBox .textearea{
color:#999;
height:120px;
line-height:20px;
width:300px;
}
.Inquiry, .InquiryBig{
background:#ff7300;
padding:3px 0;
width:70px;
text-align:center;
display:block;
}
.InquiryBig{
padding:5px;
width:100px;
font-size:16px;
font-weight:bold;
}
.Inquiry:hover, .InquiryBig:hover{
background:#ff8900;
}
.AW{
color:#fff;
}
.paddTB10{
padding:20px 0 10px 0
}
.PimgSBox{
text-align:center;
}
.PimgSBox ul li{
border:1px solid #dedede;
display:inline-block;
height:42px;
margin:5px;
width:42px;
cursor:pointer
}
.PimgSBox ul li img{
border:1px solid #fff;
height:40px;
width:40px;
}
.evaluate_text{
width:800px;
}
.red{
color:#F00
}



.pictop{
padding:15px 0;
}
.other select{
border:1px solid #ccc;
padding:2px 5px;
}
.pictop span{
padding-right:15px;
font-weight:bold;
color:#333;
}
.picturebox{
position:relative;
display:table;
text-align:center;
width:500px;
height:400px;
overflow:hidden;
display:block\9;
}
.picturetd{
display:table-cell;
vertical-align:middle;
display:block\9;
}
.picturebox img{
max-width:500px;
margin:auto;
height:auto;
}
.picturebox a{
background:#fff;
position:absolute;
top:40%;
height:80px;
width:40px;
font:bold 56px Verdana, Geneva, sans-serif;
color:#999;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
}
.picturebox a:hover{
background:#333;
color:#fff;
}
.picturebox a[class="prev"]{
float:left;
left:0;
border-radius:40px 0 0 40px
}
.picturebox a[class="prev"]:before{
content:"﹤";
position:absolute;
left:-8px;
top:3px
}
.picturebox a[class="next"]{
float:right;
right:0;
border-radius:0 40px 40px 0
}
.picturebox a[class="next"]:before{
content:"﹥";
position:absolute;
right:-8px;
top:3px
}
.picturebox1{
width:216px;
}
.picturebox1 ul{
clear:both;
padding-top:15px;
overflow:hidden
}
.picturebox1 ul li{
float:left;
border:1px solid #ccc;
margin:1px;
width:50px;
height:50px;
}
.picturebox1 ul li:hover{
border:1px solid #ff7300;
cursor:pointer
}
.picturebox1 ul li img{
width:50px;
height:50px;
}
.picturebox1 a[class="prev"], .picturebox1 a[class="next"]{
position:absolute;
top:46px;
height:40px;
width:20px;
font:bold 30px Verdana, Geneva, sans-serif;
color:#ff7300;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
}
.picturebox1 a[class="prev"]:hover, .picturebox1 a[class="next"]:hover{
background:#CCC
}
.picturebox1 .pb1{
position:relative;
width:216px;
clear:both
}
.picturebox1 .pb1 a[class="prev"]{
float:left;
left:-20px;
border-radius:40px 0 0 40px
}
.picturebox1 .pb1 a[class="prev"]:before{
content:"﹤";
position:absolute;
left:-5px;
top:1px
}
.picturebox1 .pb1 a[class="next"]{
float:right;
right:-20px;
border-radius:0 40px 40px 0
}
.picturebox1 .pb1 a[class="next"]:before{
content:"﹥";
position:absolute;
right:-5px;
top:1px
}
.picpro{
margin-top:50px;
}
.picpro b{
background:#efefef;
display:block;
padding:5px 10px;
border-bottom:1px solid #ccc;
}
.picpro ul li{
border:none;
width:216px;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
padding:15px 10px;
height:auto;
background:#efefef;
margin:0
}
.picpro ul li:hover{
border:none;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
}
.picproname{
width:145px;
}
.picproname a{
word-break:break-all;
word-wrap:break-word;
height:42px;
overflow:hidden;
display:inline-block;
margin-bottom:3px;
line-height:22px
}
.picpro ul{
padding-top:0
}
.picpro ul li img{
margin-right:5px;
}
.picpro .button_o{
background:#ff7300;
color:#fff;
display:inline-block;
padding:3px 10px;
cursor:pointer;
margin-right:20px;
}
.picpro .button_o:hover{
background:#ff8900;
color:#fff;
}
.price-range{
font:bold 22px Arial, Helvetica, sans-serif;
color:#F00
}
.PackBox a{
display:inline-block;
border:1px solid #ccc;
padding:1px 6px;
margin:2px 8px 2px 0px;
color:#666;
position:relative
}
.PackBox a:hover{
border:1px solid #F00;
color:#f00;
}
.PackBox ul li{
border-bottom:1px #fff;
}
.TouchArr2{
display:none;
}
.TouchArr2 a[class="prev"], .TouchArr2 a[class="next"]{
background:#000;
position:absolute;
top:35%;
height:50px;
width:32px;
font:bold 36px Verdana, Geneva, sans-serif;
color:#999;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
opacity:0.3;
z-index:99;
}
.TouchArr2 a[class="prev"]{
float:left;
left:0;
}
.TouchArr2 a[class="prev"]:before{
content:"﹤";
position:absolute;
left:-4px;
top:-0px
}
.TouchArr2 a[class="next"]{
float:right;
right:0;
}
.TouchArr2 a[class="next"]:before{
content:"﹥";
position:absolute;
right:-4px;
top:-0px
}
.CPicture{
width:220px;
height:184px;
display:table;
position:relative;
overflow:hidden;
margin-right:20px;
}
.CPicture a{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.CPicture .HowMany{
background:rgba(0,0,0,0.5);
color:#FFF;
padding:4px 10px;
position:absolute;
bottom:0px;
left:0px; font-weight:bold; font-size:12px;
}
 .CPicture .HowMany i{font-style:normal; font-size:12px; font-weight:400}
.CPicture img{
max-height:179px;
max-width:220px;
}
.CPicture:hover .TouchArr2{
display:block;
}

a.other_s{
padding:0 10px;
background:#29b5ce;
color:#fff;
border-top-left-radius:30px;
border-bottom-left-radius:30px;
position:absolute;
top:50%;
right:5px;
margin-top:-14px;
height:28px;
line-height:28px;
}

a.other_s:hover{
background:#ff7300;
color:#fff;
}
.ZXBIcon{
font:13px "宋体";
display:inline-block;
color:#fff;
margin-right:5px;
background:#f00;
padding:1px 3px;
border-radius:2px;
}


.CNess{
background:#fff;
border:1px solid #29b5ce;
word-break:break-all;
margin-bottom:10px;
min-width:300px;
}
.CNess .tit{
background:#29afc8; /* Old browsers */
background:-moz-linear-gradient(left, #29afc8 0%, #a9def1 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(left, #29afc8 0%,#a9def1 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right, #29afc8 0%,#a9def1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#29afc8', endColorstr='#a9def1',GradientType=1 ); /* IE6-9 */
}
.ChoiceIcon{
background:url(../image/CNess.png);
width:96px;
height:28px;
display:inline-block
}
.ProImgMin{
width:70px;
height:70px;
border:#e5e5e5 solid 1px;
position:relative;
text-align:center;
float:left
}
.ProImgMin img{
width:68px;
height:68px;
border:1px solid #fff;
}
.ProInner i{
font-size:12px;
display:block;
color:#888;
font-style:normal;
margin-top:5px;
}
.ProInner{
float:left;
width:200px;
margin-left:8px;
}
.ProInner .ProName{
height:16px;
margin:3px 0 6px 0
}
.ProInner .ProName a{
float:left;
width:140px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.ProInner .ProName span{
float:right;
}
.ProInner .ComName{
width:200px;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.Tab{
border:#ff7300 solid 1px;
color:#ff7300;
display:inline-block;
padding:2px 9px;
border-radius:15px;
margin-top:8px;
margin-right:2px;
line-height:100%;
max-width:76px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.Tab:hover{
background:#ff7300;
color:#fff
}
.Tab1box{
background:#f5f5f5;
padding:5px 10px;
clear:both;
position:relative;
top:15px;
}

a.Tab1{
color:#777;
display:inline-block;
padding:2px 8px;
line-height:100%;
max-width:90px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

a.Tab1:hover{
background:#ff7300;
color:#fff;
border-radius:20px;
}
.CNess li{
border-bottom:1px dotted #ccc;
padding-top:10px;
line-height:120%;
margin:0 10px;
overflow:hidden;
height:95px;
}
.NewPro li:last-child{
border-bottom:none
}
.ProImgWrap{
width:180px;
height:140px;
display:table;
position:relative;
overflow:hidden;
margin-right:10px;
margin-left:10px;
}
.ProImgWrap a{
display:table-cell;
vertical-align:middle;
position:relative;
}
.ProImgWrap img{
max-height:140px;
max-width:180px;
}
.Top .MyProBox{
margin-left:20px
}
.MyProBox{
padding:0 5px 8px 5px;
}
.MyProBox a{
width:70px;
height:70px;
display:inline-block;
border:1px solid #ddd;
overflow:hidden;
margin:0 2px;
text-decoration:none
}
.MyProBox img{
width:68px;
height:68px;
border:1px solid #fff;
}
.group{
background:#FFF;
padding:15px;
box-shadow:0px 0px 4px #CCC;
overflow:hidden
}
.group .search input[type=text]{
border:1px solid #ddd;
width:360px;
height:28px;
line-height:28px;
padding-left:20px;
background:url(../../img_mall_v1/ico/ico.png) 5px -390px no-repeat;
float:left
}
.group .col2 .search button{
width:76px;
height:30px;
line-height:30px;
color:#fff;
font-size:14px;
text-align:center;
border:0;
float:left;
margin-left:10px;
cursor:pointer
}


.group .col2 .search button.btn-store{
background:#ff8c1d
}
.LandP{
height:82px;
position:relative;
}
.goldlogo + .MyProBox{
position:absolute;
left:490px;
display:inline-block
}


.group .col2 .search button.btn-store:hover{
background:#f78517
}
.group .col2 .search button.btn-station{
background:#29b5ce
}
.group .col2 .search button.btn-station:hover{
background:#22a6bd
}
.group .f-pager .fp-text{
line-height:23px;
margin-right:10px;
font-family:verdana
}
.group .f-pager .fp-text b, .group .f-pager .fp-text em, .group .f-pager .fp-text i{
font-weight:400;
font-style:normal
}
.group .f-pager .fp-text b{
color:#ff7300;
font-weight:700
}
.group .f-pager .fp-next, .group .f-pager .fp-prev{
width:46px;
height:23px;
border:1px solid #DDD;
background:#FFF;
line-height:23px;
font-family:"\5b8b\4f53";
text-align:center;
font-size:16px;
color:#AAA;
display:inline-block;
}
.group .f-pager .fp-prev{
margin-right:-1px
}
.group .f-pager .fp-next:hover, .group .f-pager .fp-prev:hover{
text-decoration:none
}
.group .f-pager .fp-next.disabled, .group .f-pager .fp-prev.disabled{
padding:0;
background:#F1F1F1;
color:#CCC;
cursor:default
}
.stock-box{
background:#fff;
border:1px solid #dddddd;
padding:20px;
margin-top:20px;
overflow:hidden
}
.s-item-l{
width:36%;
float:left
}
.s-item-l .pro-name{
font-size:16px;
color:#29b5ce;
}
.s-item-l .N{
margin-bottom:10px;
color:#666
}
.s-item-l .SPImg{
width:102px;
height:102px;
border:1px solid #eeeeee;
background:#fff;
display:table;
float:left;
margin-right:10px;
}
.s-item-l .SPImg a{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.s-item-l .SPImg img{
max-width:100px;
max-height:100px;
}
.s-item-l .SPText span{
color:#999999;
margin-right:4px;
}
.s-item-l .SPText li{
line-height:24px;
}
.s-item-r{
width:64%;
float:left
}
.s-item-r tr th{
background:#f7f7f7;
padding:10px;
border-top:1px solid #e9e9e9
}
.s-item-r tr td{
padding:10px;
}
.org_btn{
padding:0px 25px;
height:34px;
background:#ff7300;
color:#fff;
border:#e05b07 solid 1px;
border-radius:2px;
cursor:pointer;
}
.s-item-r .tips a{
background:#e2e0e0;
padding:4px 6px;
display:inline-block;
margin-right:30px;
font-size:12px;
border-radius:2px;
color:#333333;
position:relative;
margin-bottom:8px;
}
.s-item-r .tips a:after{
content:'';
width:0;
height:0;
border-top:14px solid transparent;
border-left:18px solid #e2e0e0;
border-bottom:14px solid transparent;
display:block;
position:absolute;
right:-17px;
top:0px;
}
.AD{
font-size:10px;
color:#ccc;
position:absolute;
bottom:2px;
right:5px;
}
.TypeC{
height:35px;
width:100px;
border-left:1px solid transparent;
border-right:1px solid transparent;
text-align:center;
position:relative
}
.TypeC:hover{
background:#fff;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
}
.TypeC i{
width:8px;
height:4px;
display:inline-block;
background:url(../image/icon_productlist.png?v=1.1) no-repeat -80px 0;
margin:3px;
}
.TypeC .TypeE{
display:none;
background:#fff;
border:1px solid #cfcfcf;
border-top:1px solid #fff;
padding-bottom:10px;
width:100px;
line-height:25px;
position:absolute;
top:35px;
left:-1px;
z-index:12;
}
.TypeC:hover .TypeE{
display:block;
background:#ffff;
}
.TypeC .TypeE li{
width:98px;
text-align:center;
padding-right:0;
color:#666;
margin:0
}
.TypeC .TypeE li:before{
background:none;
display:none
}


/*专题系列*/
.Series_0{
font-size:22px;
line-height:100%;
padding:50px 0 30px 0;
text-align:center;
position:relative;
margin-bottom:10px
}
.Series_0:after{
content:"︿﹀︿﹀︿﹀︿﹀︿﹀︿﹀︿";
position:absolute;
bottom:5px;
left:50%;
margin-left:-65px;
font-size:10px;
color:#bbb
}
.Series_1{
padding:10px 0;
}
.Series_2, .Series_4{
overflow:hidden
}
.Series_2 a{
width:300px;
height:60px;
margin-right:-1px;
display:block;
float:left;
overflow:hidden;
border:1px solid #ccc;
text-align:center;
vertical-align:middle
}
.Series_2 img{
border:none;
max-height:60px;
width:auto;
}
.Series_3{
overflow:hidden;
}
.Series_31{
width:230px;
height:325px;
display:block;
float:left;
border:1px solid #ccc;
border-radius:5px;
padding:30px;
margin:0 14px 14px 0
}
.Series_31:hover{
border:1px solid #ff7300;
transition:all 0.3s;
}
.Series_31:hover h2 a, .Series_31:hover h3 a{
color:#ff7300;
transition:all 0.3s;
}
.Series_311{
padding-bottom:20px;
text-align:center;
width:230px;
height:100px;
overflow:hidden
}
.Series_311 img{
max-width:230px;
max-height:100px;
}
.Series_312 h2, .Series_312, .Series_41 h2, .Series_41 h3, .Series_5 a, .Series_312 h4{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
}
.Series_312{
height:110px
}
.Series_313{
padding-top:15px;
}
.Series_313 h3, .Series_41 h3{
padding:0;
font-weight:normal
}
.Series_313 a{
color:#777;
width:200px;
padding:2px 0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:block
}
.Series_313 a:hover{
text-decoration:underline
}
.Series_31:nth-child(4n+0){
margin-right:0px;
float:right
}
.Series_3131 a{
font-size:12px;
margin-top:5px;
color:#333
}
.Series_41{
WIDTH:210px;
display:block;
float:left;
border-right:1px dotted #aaa;
padding:15px;
}
.Series_41:hover{
background:#efefef
}
.S_41img{
width:210px;
height:120px;
text-align:center;
overflow:hidden;
display:block
}
.Series_41 img{
max-height:120px;
width:auto;
}
.Series_41:last-child{
border-right:0
}
.Series_411{
font-size:15px;
padding-top:12px;
}
.Series_5 a{
width:19%;
display:inline-block;
line-height:26px;
}
.GM{
background:#f4fff6;
border:1px solid #01a16a;
width:100%;
height:auto;
float:left;
margin-bottom:10px;
position:relative;
}
.GM .GM-t{
position:absolute;
background:#01a16a;
color:#FFF;
width:14px;
padding:1% 6px;
top:0px;
bottom:0px;
}
.GM .GM-info{
width:690px;
float:left;
margin-left:50px;
}
.GM .GM-info th{
padding:4px 8px;
border-bottom:1px solid #d7f0d3;
}
.GM .GM-info td{
padding:4px 8px;
}
.GM .operate{
float:left;
margin:8px 0 0 20px
}
.CoA{
background-position:1px -303px;
width:22px;
height:20px;
position:relative;
top:-1px;
}
.Ar-box{
position:relative;
}
.Ar-box .Ar{
position:absolute;
width:100px;
height:100px;
background:#fff;
border:#CCC;
padding:2px;
box-shadow:0px 0px 5px #CCC;
top:25px;
z-index:99;
display:none;
}
.Ar-box .Ar img{
width:100px;
height:100px
}
.Ar-box:hover .Ar{
display:block;
}
.Ar-box a:before{
content:'';
width:18px;
height:15px;
background:url(../image/icon_icon.png) no-repeat -24px -303px;
display:inline-block;
position:absolute;
left:-15px;
top:6px;
}
.t-box:hover .t-info{
display:block
}
.t-info{
position:absolute;
top:0px;
right:142px;
color:#666;
display:none;
background:#fff;
padding:10px;
box-shadow:0px 0px 3px #198e19;
bottom:0px;
border-radius:5px;
}


.MoreWrap{
max-width:220px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
position:relative;
display:inline;
padding-right:25px;
}
.MoreWrap:after{
content:'';
width:18px;
height:15px;
background:url(../image/icon_icon.png) -49px -303px;
position:absolute;
top:2px;
right:2px;
cursor:pointer;
color:#999;
}
.window_update{
position:fixed;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
z-index:99;
}
.update_box{
position:absolute;
height:auto;
top:250px;
left:40%;
display:block;
background:#fff;
padding:30px 40px 30px;
font-size:14px;
z-index:99;
border-radius:5px;
}
.update_box ul{
margin:20px 0;
line-height:22px;
}
.update_box ul span:first-child{
color:#999;
width:60px;
display:inline-block
}
.prompt{
color:#999;
font-size:12px !important;
text-align:center;
border-top:1px solid #eee;
padding-top:10px;
}
/*.ProConrent{overflow:hidden}*/
/*新版入口*/
.SearchBox{
overflow:hidden;
padding:6px 0 0 6px;
}
.SearchList{
width:1030px;
float:left;
}
.SearchItem{
width:100%;
height:140px;
box-shadow:0px 0px 6px #d0d0d0;
padding:10px;
box-sizing:border-box;
margin-bottom:15px;
position:relative;
background:#fff
}
.SearchItem .Search-pro-figure{
width:224px;
height:100%;
text-align:center;
display:inline-table;
float:left;
margin-right:10px;
}
.aa{
width:100%;
height:100%;
display:table-cell;
vertical-align:middle
}
.SearchItem .Search-pro-mess{
width:360px;
height:100%;
float:left
}
.SearchItem .Search-pro-mess li{
line-height:20px;
}
.SearchItem .Search-pro-mess li span{
color:#999;
width:100px;
display:inline-block
}
.SearchItem .Search-pro-into{
float:left;
}
.SearchItem .Search-pro-into li a:before{
content:'➤';
color:#e2dede;
padding-right:10px
}
.SearchItem .Search-pro-into li{
line-height:24px;
}
.SearchItem a{
color:#2097ad
}
.SearchItem a:hover{
color:#ff7300
}
.Supplier-list-group{
position:absolute;
background:#f2f2f2;
border:1px solid #dcdcdc;
padding:10px 15px;
height:140px;
width:260px;
box-sizing:border-box;
top:0px;
right:-280px
}
.Supplier-list-group:before{
content:"";
width:12px;
height:12px;
display:block;
border:1px solid #dcdcdc;
border-top:0;
border-right:0;
background:#f2f2f2;
position:absolute;
top:6px;
left:-8px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
}
.S-CNess{
width:750px;
}
.destoon_ad_place{
width:160px;
float:right;
}
.Supplier-list-group ul li{
line-height:24px;
}
.Supplier-list-group ul li a{
width:200px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.Supplier-list-group .top{
color:#F00;
}
.CNessflog{
width:34px;
height:45px;
background:url(../image/icon_icon.png) no-repeat 0 -329px;
display:inline-block;
float:left;
position:absolute;
top:-4px;
right:10px;
}
.img_list{
background:#fff;
padding:3px 0;
}
.img_list a img{
width:158px;
margin-bottom:2px;
border:1px solid #000;
}


#maskBg{
width:0;
height:0;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:10000 !important
}

#mask{
width:0;
height:0;
position:absolute;
z-index:1;
border:0 solid #000;
opacity:.6;
transition:all .3s
}

#mask::before{
content:"";
width:100%;
height:100%;
border:100px solid #000;
position:absolute;
left:-100px;
top:-100px
}

#maskTitle{
width:400px;
height:400px;
position:absolute;
z-index:2
}

#pointer{
width:400px;
height:70px;
background-repeat:no-repeat;
background-position:left center
}

#mianWarn{
width:400px;
height:160px;
padding-top:20px;
position:relative
}

#nextStep{
display:block;
width:60px;
height:26px;
margin:0 auto;
line-height:26px;
font-size:13px;
text-align:center;
border-radius:2px;
border:1px solid #390;
color:#390;
position:absolute;
top:145px;
right:113px;
}

#warnData{
height:200px;
text-align:center;
line-height:150px;
color:#390;
background-repeat:no-repeat;
background-position:center;
font-weight:bold;
font-size:18px;
}

#closeMaskWarn{
font-size:22px;
position:absolute;
right:68px;
top:40px;
width:19px;
height:20px;
text-align:center;
line-height:20px;
font-weight:600;
color:#FFF;
}

#outPointer{
position:absolute;
right:0;
bottom:0;
width:80px;
text-align:center;
line-height:20px;
height:20px;
font-size:14px;
color:#FFF
}
.stockD{
padding-top:20px;
font-size:13px;
overflow:hidden;
line-height:130%;
}
.inquiry-body{
border:1px #d7d7d7 solid;
overflow:hidden;
position:relative;
}
.inquiry-body:before{
content:'';
width:111px;
height:104px;
display:block;
position:absolute;
top:0px;
left:45%;
z-index:99;
}
.inquiry-body .Inquiry-fill, .inquiry-body .QR-follow{
padding:85px 50px 90px;
width:60%;
float:left;
box-sizing:border-box;
border-right:1px solid #eee;
}
.inquiry-body .QR-follow{
width:40%;
border:none
}
.inquiry-body ul{
overflow:hidden
}
.Inquiry-fill .title, .QR-follow .title2{
font-size:18px;
color:#666
}
.Inquiry-fill .title span:before{
content:'';
background:url(../image/icon_code.png) no-repeat 0px -224px;
display:inline-block;
width:22px;
height:24px;
position:relative;
top:6px;
margin-right:6px;
}
.QR-follow .title2 span:before{
content:'';
background:url(../image/icon_code.png) no-repeat -35px -224px;
display:inline-block;
width:32px;
height:26px;
position:relative;
top:6px;
margin-right:6px;
}
.Inquiry-fill .title a{
font-size:13px;
color:#29b5ce;
}
.Fill_item, .follow-item{
margin-top:30px;
}
.follow-item img{
width:400px;
}
.Fill_item td{
padding:6px;
vertical-align:top
}
.Fill_item .txt{
color:#666;
position:relative;
}
.Fill_item .fill_style{
border:1px solid #d6d6d6;
height:32px;
padding:0px 8px;
box-sizing:border-box;
}
.Fill_item .fill_style:hover{
box-shadow:0px 0px 3px #00b8d0;
border:1px solid #00BCD4;
}
.Fill_item .w345{
width:345px;
max-width:345px;
}
.Fill_item .w170{
width:170px;
}
.Fill_item .must::after{
color:#f00;
content:"*";
position:absolute;
left:-3px;
top:7px;
}
.Fill_item textarea{
min-height:140px;
font-size:13px;
padding:8px !important;
line-height:120%;
}
.Fill_item .Morepage{
font-size:24px;
border:1px #999 dotted;
color:#999;
width:30px;
height:30px;
line-height:26px;
text-align:center;
display:inline-block;
font-weight:bold;
cursor:pointer;
border-radius:4px;
}
.Fill_item .Morepage:hover{
border:1px #00BCD4 solid;
color:#00BCD4;
}
.arrow-U:after{
content:'﹀';
font-size:16px;
margin-left:6px;
position:relative;
top:3px;
}
.ui-popup{
position:relative
}
.ui-popup:hover .ui-popup-dropdown{
display:block
}
.ui-popup .ui-popup-foucs{
position:absolute;
height:30px;
line-height:30px;
border:1px solid #fff;
width:75px;
padding:0px 8px;
left:-10px;
cursor:pointer;
}
.ui-popup .ui-popup-foucs:hover{
border:1px solid #d6d6d6;
}
.ui-popup .ui-popup-dropdown{
position:absolute;
top:31px;
border:#CCC 1px solid;
background:#fff;
z-index:99;
width:91px;
text-align:center;
display:none;
left:-10px;
}
.ui-popup .ui-popup-dropdown li{
height:30px;
line-height:30px;
list-style:none;
}
.ui-popup .ui-popup-dropdown li:hover{
background:#eee
}
.btn-box{
margin:40px 0 80px;
}
.btn-FQR{
padding:10px 100px;
background:linear-gradient(to right,#139c68, #15c985);
border:none;
border-radius:3px;
color:#fff;
font-size:15px;
}
.Fill_item .error{
border:#F00 solid 1px;
box-shadow:0px 0px 3px #F00;
}
.Inquiry-fill .secess{
font-size:20px;
color:#01a16a;
}
.cutover_btu{
padding:6px 10px 6px 15px;
background:#c5fae8;
border-radius:3px;
color:#01a16a !important;
border-radius:15px;
cursor:pointer;
}
.cutover_btu:before{
content:'';
width:15px;
height:15px;
display:inline-block;
background:url(../image/icon_code.png) no-repeat -86px -230px;
position:relative;
left:-4px;
top:2px
}

.crumbs{
font-size:12px;
margin-bottom:10px;
color:#666;
}
.crumbs a{
color:#666;
}
.crumbs a:after{
content:'>';
color:#999;
margin:0px 6px;
}
.supply_item{
overflow:hidden;
padding-top:20px;
}
.supply_item .P25{
padding:25px;
}
.supply_left_item{
width:920px;
}
.supply_left_item .supply_base_info, .supply_left_item .supply_detail_info, .Other_supplier{
background:#fff;
margin-bottom:20px;
clear:both
}
.supply_left_item .supply_base_info h1{
font-size:22px;
padding:0 0 20px 0;
position:relative; line-height:30px;
}
.supply_left_item .supply_base_info h1 span{
font-size:12px;
font-weight:normal;
background:#f00;
padding:3px;
color:#fff;
border-radius:3px;
position:relative;
height:12px;
line-height:12px;
top:-3px;
margin-left:5px;
}
.supply_left_item .PimgBox{
width:300px;
height:300px;
border:1px solid #dedede;
text-align:center;
display:table-cell;
vertical-align:middle;
background:#fff;
clear:both
}
.supply_left_item .PimgBox img{
max-width:300px;
max-height:300px;
vertical-align:bottom;
border:1px solid #fff
}
.supply_left_item .PimgSBox{
}
.supply_left_item .PimgSBox ul li{
border:1px solid #dedede;
width:52px;
height:52px;
display:block;
margin:5px 10px 5px 0;
float:left;
}
.supply_left_item .PimgSBox ul li:last-child{
margin-right:0px
}
.supply_left_item .PimgSBox ul li img{
width:50px;
height:50px;
border:1px solid #fff;
cursor:pointer
}
.P_detail .P_img_item{
width:300px;
float:left;
}
.P_detail .P_txt_item{
float:left;
margin-left:20px;
width:600px
}
.P_detail .P_txt_item ul:first-child{
border-bottom:1px solid #f5f5f5;
width:100%;
margin-bottom:10px;
}
.P_detail .P_txt_item li{
padding:10px;
}
.P_detail .P_txt_item li.pricebg{
background:#fff6f1;
}
.priceTable{
background:#fff6f1;
margin-bottom:20px
}
.priceTable .priceTitle{
width:70px;
color:#999
}
.priceTable td{
padding:10px;
max-width:90px;
}
.priceTable td i{
font-style:normal
}
.priceTable .pricePrice{
color:#f00;
font-size:22px;
}
.priceTable .pricePrice i{
font-size:14px;
}
.producttable2 td{
padding:5px 10px
}
.producttable2 td:nth-of-type(1){
width:90px;
color:#999
}
.producttable2 td a{
margin-right:15px;
}
.producttable3 td{
padding:5px 0;
width:50%;
line-height:1.2
}
.producttable3 .attribute_name{
width:110px;
color:#999;
display:block;
float:left
}
.producttable3 .attribute_value{
width:350px;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.P_detail .P_txt_item .Price{
color:#f00;
font-size:24px;
}
.P_detail .P_txt_item .Inquiry_large{
background:linear-gradient(to right, #ff7301, #ff9d33);
padding:8px 0;
display:inline-block;
color:#fff;
margin:17px 0;
cursor:pointer;
border:none;
border-radius:3px;
font-size:16px;
width:160px;
text-align:center
}
.P_detail .P_txt_item .Inquiry_large:hover{
background:#ff7300;
}
.P_detail .Inquiry_tel{
background:#fff;
padding:7px 0;
display:inline-block;
color:#ff7300;
margin:17px 5px;
cursor:pointer;
border:1px solid #ff7300;
border-radius:3px;
font-size:16px;
width:160px;
}
.P_detail .Inquiry_QQ{
background:#fff url(../image/QQ.gif) no-repeat 37px 7px;
padding:7px 30px 7px 60px;
display:inline-block;
color:#999;
margin:17px 0;
cursor:pointer;
border:1px solid #ccc;
border-radius:3px;
font-size:16px;
width:70px;
}
.P_detail .Inquiry_tel:hover{
color:#ff7300;
background:#FFF1EA;
}
.P_detail .PackBox a{
display:inline-block;
border:none;
padding:1px;
margin:2px 10px 2px 0px;
color:#333;
position:relative;
font-size:15px;
}
.P_detail .PackBox a:hover, .P_detail .PackBox .selected{
border-bottom:1px solid #ff7300;
}
.showstock .Inquiry_large, .showstock .Inquiry_tel{
width:120px !important
}
.stock{
display:none;
position:relative
}
.showstock .stock{
background:#01a16a;
padding:7px 0;
color:#fff;
display:inline-block;
margin:17px 5px;
cursor:pointer;
border:1px solid #01a16a;
border-radius:3px;
font-size:16px;
width:120px;
text-align:center
}
.stock .stockdetail{
position:absolute;
top:40px;
left:-120px;
font-size:14px;
text-align:left;
}
.Tab_title{
border-bottom:1px solid #dedede;
height:30px;
}
.Tab_title h2{
line-height:30px;
font-size:18px;
font-weight:500;
color:#666;
border-bottom:2px solid #ffa71b;
display:inline-block;
padding:0px 5px;
}
.Tab_title a{
float:right;
color:#666;
font-size:15px;
}
.supply_detail_info .Attribute_item{
margin:20px 0;
overflow:hidden;
}
.supply_detail_info .Attribute_item ul li{
float:left;
display:block;
margin-bottom:2px;
margin-right:10px;
width:48%;
font-size:13px;
}
.supply_detail_info .cleartxt{
line-height:22px;
overflow:hidden;
margin:20px 0;
}
.iqqx, .iwxx{
display:inline-block;
color:#999 !important;
cursor:pointer;
font-size:16px;
margin:17px 5px;
}
.iqqx::before{
content:'';
width:23px;
height:23px;
display:inline-block;
background:url(../image/QQ.gif) no-repeat center 0;
position:relative;
top:5px;
margin-right:5px;
}
.iwxx::before{
content:'';
width:23px;
height:23px;
display:inline-block;
background:url(../image/wxb.png) no-repeat center 0;
position:relative;
top:5px;
margin-right:5px;
}
.iqqx:hover{
color:#ff7800 !important;
}
.iwxx:hover{
color:#ff7800 !important;
}
.iwximg{
width:200px;
height:200px;
margin:0 auto;
}
.iwximg img{
width:200px;
height:200px;
}
.iwxp{
text-align:center;
margin-top:8px;
}
.supply_detail_info .cleartxt table{
width:100%;
border-collapse:collapse;
margin-bottom:10px;
}
.supply_detail_info .cleartxt img{
max-width:100% !important;
}
.supply_detail_info .cleartxt .KeyWord{
color:#999;
margin:15px 0;
overflow:hidden;
width:100%;
}
.supply_detail_info .cleartxt .KeyWord span{
margin:0px 3px;
}
.meber_info{
padding:20px;
background:linear-gradient(to bottom, #efefef -24%, white 53%);
border:1px solid #eee;
width:275px;
box-sizing:border-box;
margin-bottom:15px;
position:relative;
}
.info_center .name{
font-size:18px;
text-align:center;
width:100%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
color:#666;
}
.info_center ul li{
line-height:20px;
max-height:98px;
overflow:hidden;
padding:6px 0
}
.info_center ul li .I_tit{
color:#999;
float:left
}
.info_center ul li .I_key{
width:160px;
display:block;
float:left;
}
.info_bottom{
padding:16px 0 0;
}

a.jrdp{
padding:10px 0 0 0;
border-top:1px solid #eee;
text-decoration:none;
color:#888;
margin:auto;
display:block;
text-align:center;
}
a.jrdp:hover, .P_detail .Inquiry_QQ:hover{
color:#ff7300;
border-color:#888
}
.member-mode{
height:16px;
line-height:16px;
display:block;
margin:10px auto 20px;
}
.member-mode .unlight{
font-size:16px;
color:#666;
font-weight:700;
display:block;
padding-left:15px;
}
.sws100{
width:100% !important;
}
.attribute_table{
width:100%;
border-collapse:collapse;
margin-bottom:20px !important;
margin-top:10px;
}
.attribute_table td{
font-size:14px;
color:#333;
line-height:20px;
padding:10px;
border:1px solid #f7f7f7;
}
.attribute_td{
color:#999 !important;
width:220px;
}
.attribute_div{
margin-bottom:15px;
}
.attribute_div p{
font-size:14px;
color:#666 !important;
line-height:20px !important;
}
.attribute_div .attribute_p{
color:#333 !important;
font-weight:bold;
margin-bottom:3px;
}
.offs{
width:100%;
margin-top:10px;
}
.offsimg{
width:182px;
height:146px;
margin:0 auto;
}
.offsimg img{
width:182px;
}
.offst{
text-align:center;
font-size:20px;
margin-top:25px;
}
.offsa{
width:310px;
margin:25px auto 30px;
}
.offsa a{
width:132px;
display:inline-block;
height:32px;
line-height:32px;
text-align:center;
margin-left:10px;
margin-right:10px;
font-size:14px;
color:#fff;
background-color:#ff7800;
border-radius:5px;
}
.VIP{
background:linear-gradient(to bottom, #efefef -24%, white 53%);
border:1px solid #eee;
}
.VIP .ISvip .light{
color:#ba7647;
text-align:center
}
.VIP .ISvip .light .vipicon{
border:1px solid #ff7300;
display:inline-block;
border-radius:3px;
height:13px;
font:13px/13px arial;
padding:1px 5px 1px 0;
color:#ff7300;
overflow:hidden
}
.VIP .ISvip .light .vipicon span{
text-align:center;
background:#ff7300;
color:#fff;
padding:1px 4px;
margin-right:4px;
line-height:100%;
font-weight:bold;
}
.meber_info .light{
text-align:center
}
.VIP .ISvip .year-digit{
font-size:15px;
display:inline-block;
margin-left:10px;
color:#ba7647
}
.VIP .ISvip .unlight{
display:none
}
.VIP .name{
color:#333
}
.withdraw{
display:inline-block;
font-size:12px;
color:#FF3B30;
background:#FFF0EF;
padding:3px 6px;
position:relative;
top:-2px;
line-height:12px;
}
.ChoNess{
background:linear-gradient(to bottom, #c3efff -23%, white 53%, #baedff 108%);
border:1px solid #17e7e9;
}
.ChoNess a.jrdp{
border-top:1px solid #17e7e9;
}
.ChoNess .ChoNess-wrap{
padding:0px 10px 18px;
box-sizing:border-box;
display:block;
}
.ChoNess .member-mode{
display:none
}
.ChoNess .ChoNess-icon{
background:url(../../UserManager/Themes/Red/Images/icon_common.png) no-repeat 0px -110px;
margin:0px auto;
display:block;
width:131px;
height:40px;
position:relative;
}
.ChoNess .ChoNess-icon:after{
content:'';
height:1px;
width:126%;
background:-webkit-linear-gradient(left, #fff0 0%, #29b5ce 80%,#fff0 100%);
display:block;
position:absolute;
bottom:-6px;
}
.ChoNess .name{
color:#00b0cf;
}
.Other_supplier{
width:275px;
box-sizing:border-box;
background:#f9f9f9;
border:1px solid #efefef;
padding:25px;
}
.Other_supplier .S_tit{
text-align:center;
font-size:18px
}
.Other_supplier_d{
position:fixed;
top:46px;
}
.Other_pro .Price{
font-size:16px;
font-weight:bold
}
.O_Pro_name{
white-space:nowrap;
overflow:hidden;
width:260px;
text-overflow:ellipsis;
font-weight:600;
padding:5px 0;
}
.O_Pro_name a, .tjcp a{
color:#333;
}
.O_Pro_name a:hover, .tjcp a:hover{
color:#ff7300;
}
.OthProList{
float:left;
margin:12px;
}
.OtherImgbox{
width:280px;
height:280px;
border:1px solid #fff;
text-align:center;
display:table-cell;
vertical-align:middle;
background:#fff;
}
.OtherImgbox img{
width:100%;
height:100%
}
.xpbz{
width:206px;
height:100px;
border:1px solid #ccc;
padding:8px;
font-size:13px;
margin:5px 0;
font-family:Arial, Helvetica, sans-serif;
resize:none
}
.xpbz:hover{
border:1px solid #888;
}
.fqxp{
width:225px;
background:#29b5ce;
color:#fff;
border:none;
padding:4px 0;
margin:5px auto;
display:block;
font-size:16px;
cursor:pointer
}
.fdj{
position:absolute;
right:0;
bottom:0;
background:#b6b7b6 url(../image/fdj.png) no-repeat;
display:block;
width:19px;
height:18px;
}
.ProListLeft .img:hover .fdj{
background:#ff7300 url(../image/fdj.png) no-repeat;
}
.sm{
padding:10px 20px;
color:#999;
border:1px solid #ddd;
background:#f9f9f9;
margin-top:40px;
}
.suppliertable3{
margin:20px 0
}
.suppliertable3 .vipicon{
border:1px solid #ff7300;
display:block;
border-radius:3px;
height:12px;
font:12px/12px arial;
padding:1px 5px 1px 0;
color:#ff7300;
overflow:hidden;
float:right;
}
.suppliertable3 .vipicon span{
text-align:center;
background:#ff7300;
color:#fff;
padding:1px 4px;
margin-right:4px;
line-height:100%;
font-weight:bold;
}
.suppliertable3 a:link{
color:#333;
}
.suppliertable3 a:hover{
color:#ff7300
}
.suppliertable3 a:visited{
color:#666
}
.suppliertable3 th{
padding:5px;
color:#888;
font-size:12px;
}
.suppliertable3 td{
padding:10px 5px;
border-bottom:1px dotted #ccc
}
.suppliertable3 tr:hover{
background:#fafafa
}
.woh200, .woh201{
width:300px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.woh201{
width:250px;
}
.NoInfo{
margin:100px auto;
width:600px;
overflow:hidden
}
.NoInfo .img1{
float:left;
}
.NoInfo .txt{
float:left;
margin-left:20px;
text-align:center
}
.NoInfo .txt p:first-child{
font-size:16px;
color:#333;
margin:10px 0
}
.NoInfo .txt p:nth-child(2){
font-size:14px;
color:#999;
margin:10px 0
}
.search_button{
background:#29b5ce;
border:3px solid #4194aa;
color:#fff;
padding:6px 20px;
border-radius:20px;
font-size:18px;
font-weight:bold;
cursor:pointer;
position:relative;
top:-30px;
}
.KZtable{
overflow:auto;
width:100%;
max-height:400px;
margin:10px 0;
box-shadow:0px 0px 5px #ddd;
}
.KZtable::-webkit-scrollbar{
width:5px;
height:5px;
}
.KZtable::-webkit-scrollbar-thumb{
border-radius:10px;
box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
background:#b9b9b9;
}
.KZtable::-webkit-scrollbar-track{
box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius:10px;
background:#ededed;
}
.survey{
position:absolute;
top:40px;
right:-74px;
z-index:99;
opacity:0;
transition:all 0.1s ease 0.1s;
-moz-transition:all 0.1s ease 0.1s;
-webkit-transition:all 0.1s ease 0.1s;
-o-transition:all 0.1s ease 0.1s;
}
.survey li{
width:67px;
height:26px;
border-radius:3px;
background:#e7e7e7;
text-align:center;
line-height:26px;
cursor:pointer;
box-shadow:0px 0px 20px #fff;
margin-bottom:4px;
position:relative
}
.survey li:hover, .survey .on{
background:#29b5ce;
color:#fff
}
.survey li:hover a, .survey .on a{
color:#fff
}
.survey li a{
color:#666
}
.ProLbox:hover .survey{
opacity:1;
}
.survey .tip3{
display:none;
position:absolute;
top:0;
left:-67px;
width:100px;
}
.survey .tip3:before{
content:"";
background:url(../../images/icon_2.png) no-repeat -34px -27px;
width:16px;
height:16px;
display:inline-block;
position:relative;
top:3px;
margin-right:4px;
}
.survey li:hover .isbox{
display:block
}
.isbox{
position:absolute;
top:27px;
width:160px;
background:#fff;
padding:12px;
box-shadow:0px 0px 1px 1px #e8e8e8;
display:none;
}
.isbox textarea{
border:1px solid #e0e0e0;
width:100%;
max-width:100%;
height:100px;
max-height:100px;
padding:8px;
margin-bottom:10px;
box-sizing:border-box;
font-size:13px;
}
.isbox textarea:hover{
box-shadow:0px 0px 1px 1px #33eaff;
}
.supplier-list-logo{
float:left;
width:220px;
height:120px;
text-align:center;
margin:10px 20px 0 10px !important;
}
.supplier-list-logo img{
max-width:220px;
max-height:120px;
}
.Get-price{
float:left;
width:70%;
margin-top:10px
}
.Get-price .P_name{
color:#333;
}
.Get-price th{
padding:6px 10px;
color:#777;
border-bottom:1px solid #ddd;
}
.Get-price tr:hover{
background:#f0fdff
}
.Get-price tr td{
padding:5px 10px;
word-break:break-all;
}
.Get-price tr td p{
color:#777
}
.show-all{
text-align:center;
}
.show-all a{
cursor:pointer;
color:#29b5ce;
}
.show-all a:hover, .Get-price .P_name:hover{
color:#ff7300;
}
.show-all a em{
font-weight:bold;
font-size:12px;
position:relative;
top:-1px;
left:3px;
}
.Get-title{
float:right;
margin-right:20px;
}
.Get-title ul li{
float:left;
margin-right:20px;
}
.Get-title ul li i{
margin-right:6px;
}
.Get-title .Country_icon img{
width:24px;
height:16px;
position:relative;
top:2px;
}
.Get-title .Tel_icon{
background-position:-96px -127px;
width:16px;
height:15px;
position:relative;
top:3px;
}
.otp{
width:76px;
height:19px;
display:inline-block;
background:url(../image/otp.png) no-repeat
}
.Chanpin{
width:180px;
height:180px;
float:left;
margin-left:10px;
margin-right:30px;
position:relative;
overflow:hidden;
}
.CL{
width:310px;
float:left;
margin-right:25px;
margin-top:10px;
}
.CR{
width:330px;
float:left;
margin-top:10px;
}
.CL li, .CR li{
line-height:24px;
color:#333;
}
.CL b, .CR b{
font-weight:normal;
word-break:break-all;
}
.CL a:link{
color:#222
}
.CL a:visited{
color:#222
}
.CL a:hover, .CL li a:hover i{
color:#ff7300
}
.CL li a i{
color:#005aa0;
}
.Chanpin img{
max-width:180px;
max-height:180px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
#Banner{
width:939px;
height:299px;
float:left;
position:relative;
overflow:hidden;
}
#Banner .oUlplay{
width:99999px;
position:absolute;
left:0;
top:0;
}
#Banner .oUlplay li{
float:left;
}
#Banner .pre{
cursor:pointer;
width:45px;
height:45px;
background:url(../image/l.png) no-repeat;
position:absolute;
top:50px;
left:10px;
z-index:10;
}
#Banner .next{
cursor:pointer;
width:45px;
height:45px;
background:url(../image/r.png) no-repeat;
position:absolute;
top:50px;
right:10px;
z-index:10;
}
#Banner .smalltitle{
width:939px;
height:10px;
position:absolute;
bottom:15px;
z-index:10
}
#Banner .smalltitle ul{width:120px;margin:0 auto;}
#Banner .smalltitle ul li{
width:10px;
height:10px;
margin:0 5px;
border-radius:10px;
background:#ffffff;
float:left;
overflow:hidden;
*display:inline;
*zoom:1;
}
#Banner .smalltitle .thistitle{background:#69aaec;}
.Downwards{
position:relative;
display:inline-block;
line-height:25px;
}
.downwards_icon{
font-size:12px;
display:inline-block;
margin-left:3px;
margin-right:5px;
}
.downwards_icon::after{
content:'\e872';
font-family:"fontello" !important;
}
.Downwards:hover .Certify{
visibility:visible;
}
.Certify{
position:absolute;
width:620px;
padding:20px;
background-color:#FFF;
border:#ccc solid 1px;
border-radius:3px;
z-index:9999;
font-size:12px;
display:inline-block;
visibility:hidden;
left:0;
top:25px;
box-shadow:3px 3px 10px #ccc;
}
.Certify::before{
content:'';
box-sizing:content-box;
width:0px;
height:0px;
position:absolute;
top:-16px;
left:41px;
padding:0;
border-bottom:8px solid #FFFFFF;
border-top:8px solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
display:block;
z-index:12;
}
.Certify::after{
content:'';
box-sizing:content-box;
width:0px;
height:0px;
position:absolute;
top:-18px;
left:40px;
padding:0;
border-bottom:9px solid #cccccc;
border-top:9px solid transparent;
border-left:9px solid transparent;
border-right:9px solid transparent;
display:block;
z-index:10
}
/*.Certifyright{right:0; left:auto}
.Certifyright::before{right:41px; left:auto}
.Certifyright::after{right:40px; left:auto}*/
.noterm .Certifyright{right:0; left:auto}
.noterm .Certifyright::before{right:41px; left:auto}
.noterm .Certifyright::after{right:40px; left:auto}


.Certify_name{
font-weight:bold;
color:#333;
}
.Certify_name p{
padding:5px 7px;
border-radius:2px;
display:inline-block;
margin-right:10px;
line-height:12px !important;
font-weight:500;
}
.Certify_name .TYC_span1{
color:#339f57;
background-color:#ebf7ef;
}
.Certify_name .TYC_span2{
color:#7e85d5;
background-color:#ecedf9;
}
.Certify_name .TYC_span3{
color:#e7f2fc;
background-color:#469ce5;
}
.Certify_name .TYC_span4{
color:#d3ac48;
background-color:#faf5e8;
}
.Certify_name .TYC_span5{
color:#fdf1eb;
background-color:#eb9562;
}
.Certify_more{
display:inline-block;
float:right;
color:#ff8a42 !important;
}
.Certify_more:hover{
color:red !important;
}
.Certify p{
line-height:18px;
color:#666;
margin-top:5px;
margin-bottom:5px;
}
.Certify p span{
display:inline-block;
width:73px;
color:#999;
float:left;
}
.Certify_force{
display:inline-block;
width:535px;
font-weight:500;
color:#666;
}
.Certify_left p{
display:inline-block;
width:55%;
}
.Nian{
float:none !important;
color:red !important;
margin-left:10px;
}
.Certify_width{
width:45% !important;
}
.sxqqhmw{
display:inline-block;
margin-top:1px;
position:relative;
}
.sxqqhmb{
position:absolute;
top:28px;
left:-55px;
display:none;
padding-top:3px;
z-index:99;
}
.sxqqhm{
background-color:#e4e4e4;
padding:5px 13px;
width:165px;
margin-left:-5px;
display:inline-block;
}
.sxqqhm::after{
content:'';
position:absolute;
left:85px;
top:-13px;
display:inline-block;
width:0px;
height:0px;
border:8px solid;
border-left-color:transparent;
border-right-color:transparent;
border-top-color:transparent;
border-bottom-color:#e4e4e4;
}
.sxqqhm span{
font-size:14px;
color:#000;
margin-right:15px;
float:left;
width:auto !important;
}
.sxqqhm a{
float:right;
}
.sxqqhm span::before{
content:'';
width:14px;
height:16px;
background:url(../../images/icon_common.png) no-repeat -166px -163px;
display:inline-block;
margin-right:7px;
position:relative;
top:2px;
}
.sxqqhmw:hover .sxqqhmb{
display:block;
}
.wxqt{
background-color:#fff;
border:1px solid #e4e4e4;
text-align:center;
width:188px;
position:relative;
left:-4px;
padding:10px 0;
top:-4px;
}
.wxqt div img{
width:150px;
margin-bottom:5px;
}


.qqbg{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background-color:#000;
opacity:0.4;
z-index:9999;
}
.qqbox{
padding:40px;
background-color:#fff;
position:fixed;
left:50%;
top:150px;
border-radius:10px;
margin-left:-230px;
z-index:99999;
}
.qqclose{
color:#fff !important;
position:absolute;
top:0;
right:-30px;
font-size:30px;
display:inline-block;
}
.qqp1{
margin-top:10px;
color:#333;
font-size:18px;
}
.qqp2{
font-size:20px;
font-weight:bold;
color:#333;
margin-top:20px;
}
.qqa{
width:144px;
height:36px;
line-height:36px;
background-color:#2db3cd;
color:#fff !important;
border-radius:5px;
display:block;
margin:70px auto 0;
font-size:18px;
text-align:center;
}
.qqhmw{
float:left;
margin-top:1px;
margin-right:5px;
position:relative;
}
.qqhmb{
position:absolute;
left:-213px;
top:-4px;
display:none;
padding-right:1px;
padding-left:15px;
z-index:999;
}
.qqhm{
background-color:#e4e4e4;
padding:5px 13px;
width:165px;
margin-left:-5px;
height:26px;
}
.qqhm::after{
content:'';
position:absolute;
right:-11px;
top:8px;
display:inline-block;
width:0px;
height:0px;
border:8px solid;
border-left-color:#e4e4e4;
border-right-color:transparent;
border-top-color:transparent;
border-bottom-color:transparent;
}
.qqhm span{
font-size:14px;
color:#000;
margin-right:15px;
float:left;
}
.qqhm span::before{
content:'';
width:14px;
height:16px;
background:url(../../images/icon_common.png) no-repeat -166px -163px;
display:inline-block;
margin-right:7px;
position:relative;
top:2px;
}
.qqhmw:hover .qqhmb{
display:block;
}
.qrxbg{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background-color:#000;
opacity:0.5;
z-index:9999;
}
.qrxx{
width:300px;
background-color:#fff;
position:fixed;
top:30%;
left:50%;
margin-left:-150px;
padding-bottom:10px;
z-index:999999;
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1);
}
.qrxxt{
font-size:16px;
color:#333;
width:100%;
line-height:40px;
border:1px solid #ededed;
padding:0 10px;
box-sizing:border-box;
}
.qrxxp{
text-align:center;
margin-top:30px;
font-size:16px;
color:#333;
font-weight:bold;
}
.qrxxt a{
color:#333;
float:right;
font-size:22px;
}
.qrxxpa{
width:80px;
height:30px;
line-height:30px;
color:#fff !important;
font-size:14px;
background-color:#29b5ce;
text-align:center;
display:block;
float:right;
margin-top:50px;
margin-right:10px;
}
.fast{
width:994px;
border:1px solid #e3e8f2;
padding-bottom:12px;
margin:20px auto 0;
}
.fastt{
height:40px;
line-height:40px;
background-color:#f7f8fa;
width:100%;
padding-left:30px;
font-size:18px;
box-sizing:border-box;
}
.fastb{
padding:15px 30px;
box-sizing:border-box;
width:100%;
display:inline-block;
}
.fal{
float:left;
width:420px;
}
.falt{
font-size:14px;
font-weight:bold;
}
.falist{
margin-top:10px;
width:100%;
display:inline-block;
}
.fspan{
width:75px;
display:inline-block;
float:left;
line-height:36px;
color:#666;
font-size:14px;
position:relative;
}
.fspan i{
color:red;
position:absolute;
top:0;
left:-9px;
font-style:normal;
font-size:16px;
}
.fsdiv, .fxk1, .fxk2, .fxk3{
width:340px;
height:36px;
float:left;
}
.fsdiv, .fxk2{
border:1px solid #dbdee5;
border-radius:5px;
}
.fsdiv input{
width:200px;
height:36px;
float:left;
margin-left:15px;
border:0;
outline:none;
border-radius:5px;
}
.fxk2 input, .linput{
width:100%;
padding:0 15px;
box-sizing:border-box;
border:0;
height:36px;
outline:none;
border-radius:5px;
}
.fsdiv select{
float:left;
width:110px;
height:36px;
border:0;
background-color:#fff;
}
.fxk1 select{
width:49%;
display:inline-block;
height:36px;
border:1px solid #dbdee5;
border-radius:5px;
background-color:#fff;
padding:0 15px;
box-sizing:border-box;
}
.fxk1 label{
font-size:14px;
color:#333;
margin-right:10px;
line-height:36px;
}
.fxk1 label input{
margin-right:3px;
outline:none;
position:relative;
top:2px;
}
.falef{
margin-left:90px;
}
.fsbtn{
width:170px;
height:36px;
margin:10px auto 0;
}
.fsbtn input{
width:100%;
height:36px;
border:0;
font-size:16px;
color:#fff;
background:-webkit-linear-gradient(left, #ffa758, #ff7801);
background-color:#29afc8;
border-radius:36px;
cursor:pointer;
}
.fsbtn input:hover{
background:#ff7800;
}
.ftxt{
width:975px;
margin:20px auto 0;
height:55px;
display:block;
border-radius:5px;
overflow:hidden;
position:relative;
top:5px;
}
.ftxt span, .fasp1{
height:16px;
background:#fef1c9;
border:1px solid #fc9c33;
border-radius:2px;
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 8px;
color:#ff7800;
display:inline-block;
border-radius:3px;
margin-right:7px;
}
.fasp1{
margin-left:5px;
}
.fasp2{
float:right;
color:#333;
font-size:13px;
margin-right:30px;
}
.linput{
width:193px !important;
display:inline-block;
border:1px solid #dbdee5;
border-radius:5px;
}
.yzm{
width:130px;
height:34px;
border:1px solid #ff7800;
text-align:center;
color:#ff7800;
line-height:34px;
font-size:14px;
border-radius:5px;
display:inline-block;
background-color:#fff6ee;
text-decoration:none;
outline:none;
}
.yzm:hover{
background-color:#ff7800;
color:#fff;
}
.shadow{
width:100%;
height:100%;
background-color:#333;
opacity:0.5;
position:fixed;
top:0;
left:0;
z-index:999;
}
.pointw{
width:400px;
background-color:#fff;
padding:20px 30px;
border-radius:5px;
position:fixed;
top:150px;
left:50%;
margin-left:-200px;
z-index:9999;
box-shadow:1px 1px 8px 1px #b8b8b8;
}
.ptc{
position:absolute;
right:10px;
top:1px;
color:#333;
font-size:24px;
text-decoration:none;
outline:none;
}
.mimg{
width:60px;
height:60px;
margin:30px auto 0;
}
.mjf{
text-align:center;
margin-top:20px;
color:#ff798a;
font-size:22px;
margin-bottom:10px;
font-weight:bold;
}
.mjs{
text-align:center;
font-size:15px;
color:#666;
}
.ovb{
width:100px;
padding:0 20px;
height:32px;
background-color:#1d9fff;
text-align:center;
line-height:32px;
color:#fff;
border-radius:3px;
font-size:14px;
display:block;
margin:40px auto 20px;
cursor:pointer;
}
@media screen and (min-width:1024px){
.SupplyInf i, .SupplyInf a{
display:inline-block
}
.BulkInquirySup{
filter:alpha(opacity=1);
-moz-opacity:0.01;
opacity:0.01;
}
.BulkInquiryBox:hover .BulkInquirySup{
filter:alpha(opacity=92);
-moz-opacity:0.92;
opacity:0.92;
}
.Top .goldlogo{
margin-left:100px
}
}

@media screen and (max-width:1279.9px){
.sea_input{
width:213px !important;
}
.Reagent-Mall, .Reagent-Mall .bj-tit{
width:100%;
box-sizing:border-box;
}
.CNess{
min-width:100%;
box-sizing:border-box;
}
.ProInner, .ProInner .ComName{
width:65%;
}
.ProInner .ProName a{
width:120px;
}
.fdj{
right:15px;
}
.SearchList{
width:815px;
}
.SearchItem .Search-pro-figure{
width:160px
}
.Supplier-list-group{
right:-65px
}
.S-CNess .Search-pro-figure{
display:none
}
.keywords{
width:460px;
}
.Direct-pro-list .l3{
width:140px;
}
.backg-three .con-left{
width:260px;
display:inline-block
}
.backg-three .zxb-picture{
margin-right:-20px;
}
.guide img{
position:absolute;
top:600px;
left:240px;
}
.now-buy{
background:#fff;
border:#ff0000 solid 1px;
color:#ff0000;
padding:4px 10px;
border-radius:20px;
cursor:pointer
}
.l1{
width:220px;
padding-left:5px;
}
.headImg{
background:url(../image/p-2.png) #01a16a;
width:688px;
height:74px;
}
.Buyhelp{
width:688px;
}
.ProLbox{
width:685px;
}
.BuyList{
width:690px;
}
.SelBox, .TwoWeek{
width:688px;
}
.ProSearchbox{
width:690px
}
.FoldBox dd{
width:165px;
}
.Sel_c{
width:500px
}
.Sel_g{
width:689px;
}
.b1, .Top .b1{
width:330px;
}
.b2{
width:305px;
padding:0 0 0 10px;
}
.b22 b, .b22 h2{
width:235px
}
.Top .b11 b, .Top .n, .b11 b{
width:260px;
}
.Top{
width:683px;
}
.show1 li{
width:460px
}
.show1 .show1L, .show1 .show1R{
width:48%;
}
.show p{
max-height:auto
}
.show2 .td1{
width:80px;
}
.show2 .td2{
width:400px;
}
.show2 .td3{
width:80px;
margin-right:20px;
color:#f00;
text-align:right
}
.show3 .td2{
width:430px;
}
.noterm .SelBox, .noterm .TwoWeek{
width:988px;
}
.noterm .ProSearchbox{
width:990px
}
.noterm .Sel_c{
width:800px
}
.noterm .Sel_g{
width:989px;
}
.noterm .b1, .noterm .Top .b1{
width:470px;
}
.noterm .Top .b11 b, .noterm .Top .n, .noterm .b11 b, .n{
width:400px;
}
.noterm .Top, .noterm .ProLbox{
width:988px;
}
.noterm .b2{
width:420px;
padding-left:50px;
}
.noterm .b22 b, .noterm .b22 h2{
width:350px
}
.AD_moreCB{
height:60px;
width:778px;
background:url(../image/helpbuy_l.gif) no-repeat left top;
display:block;
margin-top:5px;
position:relative
}
.AD_moreCB .helpbuybutton{
position:absolute;
right:20px;
top:15px
}
.AD_moreCB .helpbuyinf{
width:560px;
height:60px;
display:block
}
.RS{
width:300px;
padding:9px 0 9px 390px;
height:30px;
background:url(../image/goodRS_1.gif) no-repeat 0 -49px;
margin-bottom:10px;
position:relative;
text-align:center
}
}
.tj{
background:#f00;
color:#fff;
padding:0 3px;
width:50px;
text-align:center;
margin:auto
}
.marginRn{
margin-right:160px;
margin-top:30px;
}
.divContent{
line-height:24px;
}
.divContent p{
word-break:break-all;
}
.divContent img{
max-width:100%
}
.Discount{
width:888px;
height:95px;
background-color:#fbfbfb;
border:1px solid #dadada;
margin-bottom:10px;
position:relative;
cursor:pointer;
}
.discount_icon{
width:61px;
height:61px;
background:url(../image/icon_icon.png) no-repeat -75px -448px;
display:inline-block;
position:absolute;
top:0;
left:0;
}
.Discount_L{
width:600px;
float:left;
margin-left:60px;
margin-top:5px;
}
.Discount_L table{
width:100%;
border-collapse:collapse;
border:none;
margin:0;
}
.Discount_L table td{
font-size:14px;
color:#333;
line-height:28px;
text-align:center;
}
.Discount_L table td .PDF{
width:17px;
height:21px;
background:url(../image/icon_icon.png) no-repeat 0 -303px;
display:inline-block;
position:relative;
top:4px;
}
.Discount_L table td .money_BR{
color:red;
font-weight:bold;
}
.td_width_56{
width:40px;
}
.td_width_160{
width:170px;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.td_width_90{
width:90px;
}
.td_width_92{
width:92px;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.td_width_84{
width:84px;
}
.td_width_77{
width:77px;
}
.td_B{
border-bottom:1px solid #f3f3f3;
}
.Discount_R{
width:168px;
float:right;
margin-right:20px;
margin-top:10px;
}
.Dissj{
clear:both;
width:100%;
position:relative;
top:9px;
}
.Dissj::before{
content:'';
width:15px;
height:15px;
display:inline-block;
background:url(../../img/icon11.png) no-repeat -68px -140px;
margin-right:5px;
position:relative;
top:2px;
}
.ZK_portrait{
width:50px;
height:50px;
border-radius:50px;
overflow:hidden;
float:left;
}
.ZK_portrait img{
width:50px;
height:50px;
}
.ZK_name{
font-size:14px;
color:#333;
float:left;
margin-left:10px;
width:70px;
line-height:24px;
margin-top:2px;
}
.ZK_name_9{
display:block;
color:#999;
}
.Discount_RA{
width:148px;
float:right;
margin-top:30px;
display:none;
}
.Discount_RA a{
width:125px;
height:33px;
border-radius:5px;
background-color:#e60012;
color:#fff;
font-size:16px;
text-align:center;
line-height:33px;
display:inline-block;
}
.Discount:hover .Discount_R{
display:none;
}
.Discount:hover .Discount_RA{
display:block;
}
.disw:hover .Discount_R{
display:none;
}
.disw:hover .Discount_RA{
display:block;
}
.disw{
width:888px;
height:95px;
border:1px solid #e50019;
margin-bottom:10px;
position:relative;
cursor:pointer;
background-color:#fbfbfb;
background-position-y:30px;
background-position-x:530px;
}
.diswicon{
width:61px;
height:61px;
background:url(../image/icon_icon.png) no-repeat -75px -448px;
display:inline-block;
position:absolute;
top:0;
left:0;
}
.diimg{
width:83px;
height:83px;
background-color:#fff;
position:relative;
float:left;
margin-left:65px;
margin-top:7px;
}
.diimg img{
max-width:75px;
max-height:75px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.disl{
float:left;
width:530px;
margin-left:20px;
margin-top:8px;
}
.disp1{
font-size:15px;
font-weight:bold;
}
.disp2{
font-size:13px;
color:#666;
margin-top:5px;
}
.disp2 span{
display:inline-block;
margin-right:15px;
max-width:230px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.disp3{
margin-top:10px
}
.disp3 span{
font-weight:bold;
color:#fff;
display:inline-block;
font-size:14px;
margin-right:10px;
padding:2px 10px;
background-color:#e50019;
border-radius:30px;
}
.dimg{
color:#2e9a3b;
}
.dimg img{
width:29px;
position:relative;
top:1px;
margin-left:3px;
}
.dep{
width:86px;
height:45px;
position:absolute;
top:55px;
right:5px;
background:url(../../img/icon11.png) no-repeat 0 -221px;
text-align:center;
font-size:16px;
font-weight:bold;
color:#32993d;
line-height:22px;
padding-top:22px;
box-sizing:border-box;
}
.w105{
width:170px !important;
display:inline-block !important;
}
.debox{
margin-top:10px;
}
.delist{
display:inline-block;
margin-right:25px;
width:75px;
position:relative;
padding-bottom:8px;
}
.delimg{
width:75px;
height:75px;
display:block;
border:1px solid #eee;
position:relative;
}
.delimg img{
max-width:75px;
max-height:75px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.delimg span{
width:30px;
height:30px;
background:url(../../img/icon11.png) no-repeat 0 -176px;
display:inline-block;
position:absolute;
top:0;
left:0;
z-index:1;
}
.del{
width:100px;
height:100px;
float:left;
position:relative;
margin-bottom:20px;
}
.del img{
max-width:100px;
max-height:100px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.der{
width:280px;
float:left;
margin-left:20px;
font-size:14px;
line-height:24px;
margin-bottom:10px;
}
.der div{
width:100%;
display:inline-block;
}
.despan1{
width:70px;
float:left;
color:#999;
display:inline-block;
}
.despan2{
width:210px;
float:left;
display:inline-block;
}
.wwt{
width:120px;
height:28px;
background:#ff7300;
text-align:center;
line-height:28px;
border-radius:28px;
display:block;
margin:0 auto;
clear:both;
color:#fff !important;
}
.wwt:hover{
background:#ec6f00;
}
.delist:hover .cfy{
display:block;
}
.cfy{
position:absolute;
width:400px;
padding:15px;
background-color:#FFF;
border:#ccc solid 1px;
border-radius:3px;
z-index:9999;
font-size:12px;
left:-192px;
top:85px;
display:none;
}
.cfy::before{
content:'';
box-sizing:content-box;
width:0px;
height:0px;
position:absolute;
top:-16px;
left:221px;
padding:0;
border-bottom:8px solid #FFFFFF;
border-top:8px solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
display:block;
z-index:12;
}
.cfy::after{
content:'';
box-sizing:content-box;
width:0px;
height:0px;
position:absolute;
top:-18px;
left:220px;
padding:0;
border-bottom:9px solid #cccccc;
border-top:9px solid transparent;
border-left:9px solid transparent;
border-right:9px solid transparent;
display:block;
z-index:10
}
.syi{
width:45px;
height:44px;
background:url(../../img/icon11.png) no-repeat 0 -71px;
display:inline-block;
position:absolute;
top:0;
left:0;
}
.deadline_bg{
width:100%;
height:100%;
background-color:#000;
opacity:0.5;
position:fixed;
top:0;
left:0;
z-index:9;
}
.deadline{
width:600px;
background-color:#fff;
border-radius:10px;
position:fixed;
top:150px;
left:50%;
margin-left:-300px;
z-index:99;
padding:20px 30px;
}
.deadline_icon{
width:61px;
height:61px;
background:url(../image/icon_icon.png) no-repeat -75px -448px;
display:inline-block;
position:absolute;
top:0;
left:0;
}
.deadline_close{
font-size:24px;
color:#999 !important;
position:absolute;
top:15px;
right:15px;
}
.deadline_close:hover{
color:#333 !important;
}
.deadline_T{
font-size:18px;
color:#333;
text-align:center;
}
.deadline_table{
margin-top:30px;
}
.deadline_table table{
width:100%;
border-collapse:collapse;
border:none;
margin:0;
}
.deadline_table table td{
border-bottom:1px solid #efefef;
height:76px;
line-height:76px;
text-align:center;
}
.deadline_table table th{
height:34px;
line-height:34px;
font-size:14px;
color:#333;
font-weight:400;
background-color:#f5f5f5;
text-align:center;
}
.el_input_number{
position:relative;
overflow:hidden;
height:38px;
width:120px;
margin:0 auto;
}
.el_minus{
width:35px;
height:36px;
border:1px solid #dde0e7;
background-color:#f5f7fa;
font-size:20px;
text-align:center;
line-height:36px;
color:#a0a8aa;
display:inline-block;
float:left;
}
.input_number{
width:40px;
height:36px;
line-height:36px;
font-size:14px;
color:#333;
display:inline-block;
text-align:center;
margin:0;
float:left;
border-left:0;
border-right:0;
border-top:1px solid #dde0e7;
border-bottom:1px solid #dde0e7;
}
.Immediate_purchase{
width:94px;
height:36px;
background-color:#fff1e5;
border:1px solid #ff7800;
font-size:14px;
color:#ff7800 !important;
line-height:36px;
text-align:center;
display:inline-block;
}
.Immediate_purchase:hover{background-color:#ff7800;color:#fff !important;}
.deadline_table_red{color:red;}
.width_82{width:82px;}
.width_70{width:70px;}
.width_90{width:90px;}
.width_97{width:97px;}
.Other_packaging{
font-size:14px;
color:#999 !important;
display:inline-block;
margin-top:20px;
margin-bottom:40px;
}
.Other_packaging:hover{
color:#ff7800 !important;
}
.customer_service{height:59px;}
.customer_information{
float:left;
margin-left:20px;
margin-top:5px;
}
.customer_information p{
font-size:16px;
color:#333;
line-height:26px;
}
.customer_information p span{margin-right:15px;}
.customer_information .customer_information_9{
font-size:14px;
color:#999;
}
.customer_QQ{
width:77px;
height:21px;
display:inline-block;
float:right;
margin-top:10px;
}
.inquiry_p{
width:469px;
margin:15px auto 0;
}
.inquiry_p span{
width:75px;
color:#999;
display:inline-block;
line-height:34px;
}
.inquiry_input{
width:382px;
height:34px;
line-height:34px;
border:1px solid #d5d5d5;
display:inline-block;
padding-left:10px;
box-sizing:border-box;
font-size:14px;
color:#333;
}
.inquiry_input_count{
width:187px;
height:34px;
line-height:34px;
border:1px solid #d5d5d5;
display:inline-block;
padding-left:10px;
box-sizing:border-box;
font-size:14px;
color:#333;
margin-right:5px;
}
.inquiry_input_count br{display:none;}
.District{width:390px !important;}
.inquiry_p textarea{
width:382px;
float:right;
box-sizing:border-box;
display:inline-block;
float:right;
height:50px;
padding:10px;
border:1px solid #d5d5d5;
font-size:14px;
color:#333;
margin-right:8px;
}
.Other_packaging_1{
margin-left:64px;
margin-top:30px;
}
.customer_service_1{
width:465px;
margin:0 auto;
}
.inquiry_submit{
margin-top:40px;
}
.inquiry_submit input{
width:180px;
height:30px;
line-height:30px;
border-radius:5px;
font-size:16px;
color:#fff;
background-color:#ff7800;
margin:0 auto;
border:none;
display:block;
}
.sdi_icon{
width:46px;
height:46px;
background:url(../image/icon_icon.png) no-repeat 0 -522px;
float:left;
margin-top:28px;
margin-left:100px;
margin-right:40px;
}
.sdi_div{
float:left;
padding-top:20px;
padding-bottom:20px;
}
.sdi_div p{text-align:left !important;}
.shanshi{
display:inline-block;
width:251px;
height:229px;
background:url(../../image/shanshi1.png) no-repeat center 0;
position:fixed;
margin-left:890px;
}
@media (max-width:1700px){
.shanshi{width:138px;height:122px;background:url(../../image/shanshi2.png) no-repeat center 0;margin-left:890px;}
}
@media (max-width:1280px){
.shanshi{margin-left:690px;}
.Reagent-Mall ul li .color_red{font-size:13px !important;}
.Reagent-Mall ul li{font-size:13px !important;}
.disw{width:100%;}
.diimg{margin-left:38px;}
.Discount_R{margin-right:5px;}
.disl{width:390px;margin-left:5px;}
.disp3 span{font-size:13px;font-weight:400;margin-right:5px;padding:2px 5px;}
}
.Deal{
display:inline-block;
position:relative;
margin:0 3px;
top:4px;
z-index:999;
}
.Deal .deal_A{
width:18px;
height:18px;
display:inline-block;
background:url(../image/icon_icon.png?v=20220704) no-repeat 0 -587px;
}
.deal_box{
padding-left:20px;
width:245px;
background-color:#fff;
border:1px solid #ccc;
font-size:12px;
color:#666;
position:absolute;
top:27px;
left:-15px;
padding:15px 15px 12px 15px;
line-height:18px;
display:none;
}
.deal_box .deal_box_s{
display:block;
width:0;
height:0;
border-width:0 8px 8px;
border-style:solid;
border-color:transparent transparent #ccc;
position:absolute;
top:-8px;
left:15px;
}
.deal_box .deal_box_s em{
display:block;
width:0;
height:0;
border-width:0 8px 8px;
border-style:solid;
border-color:transparent transparent #fff;
position:absolute;
top:1px;
left:-8px;
}
.deal_box p{margin-bottom:8px;}
.deal_box p span{
width:42px;
height:14px;
display:inline-block;
background:url(../image/icon_icon.png?v=20220704) no-repeat -90px -587px;
margin-right:3px;
position:relative;
top:2px;
}
.Deal:hover .deal_box{display:block;}
.deal_B{
width:18px;
height:18px;
display:inline-block;
background:url(../image/icon_icon.png?v=20220704) no-repeat -42px -587px;
}
.percentage{
width:39px;
height:39px;
position:absolute;
top:21px;
right:15px;
background:url(../image/baifen.png?v=20220707) no-repeat;
}
.percentage_icon0{background-position:0 0;}
.percentage_icon1{background-position:-50px 0;}
.percentage_icon2{background-position:-101px 0;}
.percentage_icon3{background-position:-151px 0;}
.percentage_icon4{background-position:0 -51px;}
.percentage_icon5{background-position:-50px -51px;}
.percentage_icon6{background-position:-101px -51px;}
.percentage_icon7{background-position:-151px -51px;}
.percentage_icon8{background-position:0 -100px;}
.percentage_icon9{background-position:-50px -100px;}
.percentage_icon10{background-position:-101px -100px;}
.percentage_icon11{background-position:-151px -100px;}
.percentage_icon12{background-position:0 -151px;}
.percentage_icon13{background-position:-50px -151px;}
.percentage_icon14{background-position:-101px -151px;}
.percentage_icon15{background-position:-151px -151px;}
.xpw{display:inline-block;position:relative;z-index:999}
.xpw:hover .deal_box{display:block}
.deal_ru{border-radius:5px;width:225px;top:32px;left:-3px}
.newicon{
width:39px;
height:39px;
position:absolute;
top:21px;
right:15px;
background:url(../image/newtime.png) no-repeat;
}
.newtime1{background-position:0 0}
.newtime2{background-position:-56px 0}
.newtime3{background-position:-111px 0}
.newtime4{background-position:0 -51px}
.newtime5{background-position:-56px -51px}
.newtime6{background-position:-111px -51px}
.newtime7{background-position:0 -104px}
.newtime8{background-position:-56px -104px}
.newtime9{background-position:-111px -104px}
.newtime10{background-position:0 -153px}
.newtime11{background-position:-56px -153px}
.newtime12{background-position:-111px -153px}
.newtime13{background-position:0 -204px}
.newtime14{background-position:-56px -204px}
.newtime15{background-position:-111px -204px}
.newtime16{background-position:0 -258px}
.newtime17{background-position:-56px -258px}
.newtime18{background-position:-111px -258px}
.newtime19{background-position:0 -311px}
.newtime20{background-position:-56px -311px}
.newtime21{background-position:-111px -311px}
.nogoods_L{
width:41%;
float:left;
margin-top:40px;
padding-left:50px;
box-sizing:border-box;
}
.nogoods_h2{
position:relative;
}
.nogoods_L .nogoods_h2::before{
content:'';
width:37px;
height:37px;
background:url(../image/icon_icon.png?v=20221014) no-repeat 0 -625px;
display:inline-block;
position:absolute;
top:8px;
left:-50px;
}
.nogoods_L .nogoods_h2 h2{
font-size:20px;
line-height:32px;
font-weight:400;
}
.nogoods_L p{
margin-bottom:20px;
font-size:14px;
color:#999;
line-height:30px;
}
.nogoods_R{
width:40%;
float:right;
margin-top:40px;
margin-bottom:60px;
}
.nogoods_name{
font-size:20px;
color:#333;
position:relative;
}
.nogoods_name::before{
content:'';
width:4px;
height:18px;
display:inline-block;
background-color:#ff7800;
position:absolute;
top:1px;
left:-15px;
}
.nogoods_table{
margin-top:20px;
}
.nogoods_table td{
vertical-align:top;
padding-bottom:17px;
}
.nogoods_table .txt{
color:#666;
position:relative;
}
.nogoods_table .fill_style{
border:1px solid #d6d6d6;
height:32px;
padding:0px 8px;
box-sizing:border-box;
}
.nogoods_table .w345{
width:345px;
max-width:345px;
}
.nogoods_table .w170{
width:170px;
}
.nogoods_table .must::after{
color:#f00;
content:"*";
position:absolute;
left:-10px;
top:1px;
}
.nogoods_table textarea{
min-height:140px;
font-size:13px;
padding:8px !important;
line-height:120%;
}
.nogoods_table .Morepage{
font-size:22px;
border:1px #ccc dotted;
color:#ccc;
width:28px;
height:28px;
line-height:24px;
text-align:center;
display:inline-block;
font-weight:bold;
cursor:pointer;
border-radius:4px;
margin-top:1px;
margin-left:3px;
}
.nogoods_table .Morepage:hover{
border:1px #00BCD4 solid;
color:#00BCD4;
}
.nogoods_btn{
margin:10px auto 0;
width:160px
}
.nogoods_btn a{
width:160px;
height:34px;
border-radius:5px;
background-color:#ff7800;
color:#fff !important;
font-size:16px;
line-height:34px;
text-align:center;
display:inline-block;
}
.literature{
display:inline-block;
position:relative;
margin:0 3px;
}
.liicon{
display:inline-block;
cursor:pointer;
color:#00399d;
font:normal 13px Arial, Helvetica, sans-serif;
height:18px;
line-height:20px;
background:#dcdfeb url(../image/icon_icon.png?v=1.2) no-repeat -37px -678px;
padding-left:18px;
border-radius:18px;
position:relative;
top:4px;
}
.liicon:hover{background-color:#00399d; color:#fff}
.liicon span{
padding-left:4px;
padding-right:8px;
display:inline-block;
float:left; width:auto !important;
}
.liicon i{width:13px; height:13px; display:inline-block; position:absolute; right:-5px; top:-5px; background:url(../image/icon_icon.png?v=1.1) no-repeat -166px -650px}
.frame{
width:600px;
padding:20px;
box-sizing:border-box;
background:#fff url(../image/wenxbg.jpg) no-repeat center bottom;
border:#ccc solid 1px;
border-radius:5px;
z-index:9999;
position:absolute;
top:27px;
left:-262px;
display:none;
}
.literature:hover .frame{
display:block;
}
.frame::before{
content:'';
width:0;
height:0;
border:5px solid transparent;
border-bottom-color:#ccc;
position:absolute;
top:-10px;
left:265px;
}
.frh1{
font-size:16px;
font-weight:bold;
width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
line-height:22px;
}
.frbox{
width:100%;
display:inline-block;
margin-top:15px;
}
.frbox div{
float:left;
width:48%;
height:70px;
border-radius:5px;
margin-left:1%;
margin-right:1%;
}
.frbox a span{
display:block;
font-size:22px;
font-weight:bold;
margin-top:3px;
}
.frl1{
background:-webkit-linear-gradient(top, #ebf1ff, #f8f9fe);
background-color:#ebf1ff;
}
.frbox div:hover{
box-shadow:0 1px 8px 0 rgba(0,57,157,.2);
}
.frl3{
width:98% !important;
}
.frl1 a, .frl2 a{
display:inline-block;
width:100%;
height:70px;
padding-top:10px;
box-sizing:border-box;
}
.frl1 a{
background:url(../image/frl1.png) no-repeat right bottom;
color:#00399d;
}
.frl2 a{
background:url(../image/frl2.png) no-repeat right bottom;
color:#0b5084;
}
.frl1 a::before{
content:'';
width:34px;
height:34px;
display:inline-block;
background:url(../image/icon_icon.png?v=1.1) no-repeat -123px -674px;
margin:7px 20px;
float:left;
}
.frl2 a::before{
content:'';
width:31px;
height:34px;
display:inline-block;
background:url(../image/icon_icon.png?v=1.1) no-repeat -76px -674px;
margin:7px 20px;
float:left;
}
.frl2{
background:-webkit-linear-gradient(top, #e9f7ff, #f8fcff);
background-color:#e9f7ff;
}
.frlist{
width:100%;
display:inline-block;
margin-top:15px;
padding-bottom:20px;
border-bottom:1px solid #eee;
}
.frame div:nth-last-child(2){
border-bottom:0 !important;
padding-bottom:0 !important;
}
.caption{
font-size:15px;
color:#333 !important;
font-weight:bold;
font-family:Roboto,Georgia,serif,arial;
width:100%;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.substance .Pub{
color:#999;
margin-left:10px;
max-width:50%;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
position:relative;
top:7px;
}
.author{color:#666; font-size:13px; overflow:hidden;
word-break:break-all;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; margin-top:7px; letter-spacing:-0.2px}
.substance .IF, .substance .fq1, .substance .fq2, .substance .fq3, .substance .fq4, .substance .fq5 , .substance .fq6{
font-size:12px;
line-height:18px;
color:#fff;
border-radius:3px;
display:inline-block;
padding:0 8px;
margin-right:3px;
}
.substance .IF,.substance .fq1,.substance .fq2,.substance .fq3,.substance .fq4,.substance .fq5,.oa,.bdhxsp,.substance .IF1,.substance .IF2,.substance .IF3,.substance .IF4,.substance .qe1,.substance .qe2,.substance .qe3,.substance .qe4{font-size:12px; line-height:20px;color:#fff; border-radius:3px; display:inline-block; padding:0 8px; margin-right:5px; }
.substance .IF{background-color:#ff7800}
.substance .IF1{background-color:#ff7800}
.substance .IF2{background-color:#ff7800}
.substance .IF3{background-color:#ff7800}
.substance .IF4{background-color:#ff7800}
.substance .fq1{background-color:#b78890}
.substance .fq2{background-color:#8187ac}
.substance .fq3{background-color:#8eb28c}
.substance .fq4{background-color:#b1b1b1}
.substance .qe1{background-color:#8eb28c}
.substance .qe2{background-color:#b78890}
.substance .qe3{background-color:#8187ac}
.substance .qe4{background-color:#b1b1b1}
.substance .fq5{background-color:#1d9fff}
.oa{background-color:#75c675}
.IF{background-color:#ff9c00;color:#fff; border-radius:3px; display:inline-block; padding:0 8px}
.bkxs{
   color:#666;
font-size:13px;
margin-top:5px;
position:absolute;
bottom:0;
background-color:#f8fbfc;
width:30%;
display:inline-block;
padding-bottom:10px;
}
.bkxs img{
margin:0 6px;
position:relative;
top:2px;
}
.wxtub{width:100%; display:inline-block; margin-top:30px}
.wxtubl{width:284px; float:left}
.wxtubl div,.wxtubr div{width:100%}
.wxtubr{width:259px; float:right}
.tubtit{height:26px; line-height:26px; color:#333; font-size:14px; padding-left:15px; box-sizing:border-box; background-color:#eef2ff; margin-bottom:10px}
.dcbg{width:100%; height:100%; background-color:#145d6b; position:fixed; top:0; left:0; z-index:99999}
.dcbox{width:70%; background-color:#fff; border-radius:5px; position:fixed; z-index:999999; top:0; inset:0px; margin:50px 15%; overflow:hidden; height:calc(100% - 120px)}
.dcl{width:33%; padding:20px 20px 35px 20px; box-sizing:border-box; background-color:#f8fbfc; border-right:1px solid #e7eced; border-top-left-radius:5px;border-bottom-left-radius:5px; float:left; height:100%; overflow:auto}
.gslo{width:100%; display:inline-block}
.gslimg{width:85px; height:85px; border:1px solid #e7eced; border-radius:5px; background-color:#fff; float:left; position:relative}
.gslimg img{max-width:80px; max-height:80px;position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)}
.gslp{font-size:18px; font-weight:bold; line-height:26px; color:#333; }
.wtit{font-size:20px; font-weight:bold; margin-top:25px}
.wtit::before{content:''; width:3px; height:18px; display:inline-block; background-color:#4855d2; margin-right:10px; position:relative; top:2px}
.wtit a{color:#4855d2}
.wtit a:hover{color:#003c9c}
.wimg{margin-top:15px}
.dcr{width:67%; float:left; padding:20px; box-sizing:border-box; height:100%; overflow:hidden}
.pcwxt span{ font-size:14px; font-weight:400; margin-left:5px;}
.pcwxt{font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:10px; }
.wxsift{width:100%; display:inline-block}
.wxsel{ width:200px;  line-height:36px; float:left; margin-right:20px; margin-top:10px}
.wxsel select{width:200px; height:36px; border-radius:5px; background-color:#f9f9f9; border:1px solid #eee; padding:5px 15px; box-sizing:border-box; font-size:16px; }
.sslist{margin-top:20px; border-bottom:1px solid #eee; padding-bottom:20px}
.Cut{margin:12px auto ; text-align:center}
.pageiconl{width:10px; height:17px; display:inline-block; margin-right:20px; position:relative; top:4px;cursor:pointer}
.pageiconl::before{content:'＜'; font-size:20px; font-weight:bold; display:inline-block; position:relative; top:-3px}
.pageiconr::after{content:'＞'; font-size:20px; font-weight:bold; display:inline-block; position:relative; top:-3px}
.pageiconr{width:10px; height:17px; display:inline-block; margin-left:20px;position:relative; top:4px;cursor:pointer}
.pageiconr:hover::after{color:#ff7800}
.pageiconl:hover::before{color:#ff7800}
.Cut p{display:inline-block; color:#666}
.Cut p span{color:#333; margin-left:5px; margin-right:5px; display:inline-block}
.ssnav{overflow:auto; height:calc(100% - 120px)}
.dca{position:absolute; right:15px; font-size:28px; color:#333 !important; top:15px}
.dca:hover{color:#ff7800 !important;}
.ho{margin-top:15px}
.ho span{margin-right:25px; color:#8187ac; font-size:12px}
.diny{margin-top:10px; border:1px solid #dd7800; height:26px; cursor:pointer; border-radius:26px; color:#ff7800; text-align:center; display:inline-block; padding:0 15px 0 10px}
.diny span{width:30px; background-color:#ff7800; height:26px; border-top-left-radius:26px;  border-bottom-left-radius:26px; text-align:center; color:#fff; font-size:20px; font-weight:bold; display:inline-block; position:relative; left:-10px}
.gslr{float:left; margin-left:15px;  width:60%}
.diny:hover{background-color:#ff7800; color:#fff}
.subscrbe{width:500px; position:fixed; top:150px; left:50%; margin-left:-250px; background-color:#fff; position:fixed; border-radius:6px; z-index:99999; box-shadow:0 1px 15px 0 rgba(0,0,0,.35)}
.sst{border-bottom:1px solid #eee; height:48px; line-height:48px; font-size:16px; font-weight:bold; padding-left:20px; position:relative; }
.sst a{font-size:24px; color:#999; position:absolute; right:20px; top:0px; font-weight:400; }
.sst a:hover{color:#000}
.skinput{padding:40px; }
.skinput input{background:#fff; border:1px solid #ccc; border-radius:4px; width:300px; box-sizing:border-box;  font-size:14px; padding:11px; color:#333; line-height:1px; margin-left:20px}
.fo1{background-color:#ff7800; color:#fff !important;  width:120px; height:36px; line-height:36px; border-radius:5px; font-size:16px; display:block; margin:10px auto 30px; text-align:center; }
.ydy{background-color:#e6e6e6; color:#666;  margin-top:10px;  height:26px; line-height:26px;  border-radius:26px;  text-align:center; display:inline-block; padding:0 20px}
.subcg img{display:block; margin:30px auto 20px}
@media (max-width:1280px){
.dcbox{width:90%;  margin:50px 5%}	
.dcl{width:35%; }
.dcr{width:65%}
	}
.sdrz{
display:inline-block;
position:relative;
margin:0 3px;
	display:none;
}
.sdicon{
display:inline-block;
cursor:pointer;
background:url(../image/icon_icon.png) no-repeat -54px -625px;
position:relative;
top:5px;
width:18px;
height:18px;
}
/*.certify{
width:480px;
padding:20px;
box-sizing:border-box;
background:#fff url(../image/sdbg.jpg) no-repeat center 0;
border:#ccc solid 1px;
border-radius:5px;
z-index:9999;
position:absolute;
top:27px;
left:-240px;
}
.certify::before{
content:'';
width:0;
height:0;
border:5px solid transparent;
border-bottom-color:#ccc;
position:absolute;
top:-10px;
left:243px;
}*/
.rzico, .rzxx{
width:100%;
display:inline-block;
}
.rzicol{
float:left;
position:relative;
top:-20px;
margin-left:10px;
}
.rzicor{
float:left;
margin-left:40px;
}
.rzsp1{
color:#ff7800;
font-size:24px;
font-weight:bold;
display:block;
width:100%;
padding-bottom:13px;
border-bottom:1px solid #eee;
}
.rzsp2{
margin-top:10px;
font-size:18px;
color:#333;
width:100%;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.rexlist{
width:43%;
float:left;
margin-left:3%;
margin-right:4%;
}
.rexlist span{
width:100%;
display:inline-block;
color:#666;
font-size:13px;
margin-top:10px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.zhuny{
width:100%;
background-color:#f9f9f9;
display:inline-block;
padding:10px;
box-sizing:border-box;
border-radius:5px;
margin-top:20px;
}
.zyimg{
width:38px;
height:38px;
border-radius:38px;
overflow:hidden;
float:left;
border:1px solid #eee;
margin-top:2px;
}
.zyimg img{
width:38px;
height:38px;
}
.zyc{
float:left;
margin-left:10px;
font-size:12px;
color:#999;
}
.zyr{
float:right;
}
.zyr a{
width:60px;
height:40px;
display:inline-block;
margin-left:2px;
}
.zyr a img{
width:60px;
height:40px;
}
.zyc span{
color:#333 !important;
font-size:14px;
margin-right:5px;
}
.ytable table{
width:100%;
}
.ytable table tr th{
height:34px;
line-height:34px;
background-color:#f9f9f9;
font-weight:400;
padding-left:10px;
box-sizing:border-box;
}
.ytable table tr td{
padding:10px;
border-bottom:1px solid #eee;
}
.yybox{
width:600px;
background-color:#fff;
position:fixed;
left:50%;
margin-left:-300px;
top:150px;
z-index:9999;
border-radius:10px;
}
.yyt{
font-size:20px;
font-weight:bold;
height:58px;
line-height:58px;
padding:0 30px;
box-sizing:border-box;
border-bottom:1px solid #eee;
}
.yyt a{
float:right;
color:#333;
font-size:26px;
}
.yyt a::hover{
color:#ff780;
}
.yycon{
padding:30px;
box-sizing:border-box;
}
.yygs{
width:100%;
display:inline-block;
margin-bottom:10px;
}
.yygs span{
width:80px;
float:left;
color:#999;
display:inline-block;
font-weight:400;
}
.yygsc{
color:#ff7800;
font-weight:bold;
}
.yylist{
width:100%;
display:inline-block;
margin-top:15px;
}
.yylist span{
width:80px;
float:left;
display:inline-block;
color:#999;
line-height:38px;
}
.yylist input{
float:left;
width:440px;
height:38px;
line-height:38px;
border-radius:5px;
background-color:#f9f9f9;
border:0;
padding-left:20px;
box-sizing:border-box;
}
.yybtn{
width:220px;
height:35px;
margin:40px auto 0;
}
.yybtn input{
width:220px;
height:38px;
line-height:38px;
font-size:16px;
background-color:#ff7800;
border:0;
color:#fff;
border-radius:5px;
cursor:pointer;
}
.yybtn input:hover{
background-color:#e66c00;
}
.yya{
display:block;
text-align:center;
color:#ff7800 !important;
margin-top:15px;
}
.yya:hover{color:#e66c00 !important}
.xianhuo{
position:relative;
text-decoration:none;
color:#fff;
background:#01a16a;
font:13px "宋体";
padding:2px 3px;
font-style:normal;
position:relative;
top:-1px;
}
.bread_nav{
width:1200px;
margin:0 auto;
color:#999;
font-size:12px;
line-height:45px;
height:45px;
clear:both;
}
.bread_nav a{
font-size:12px;
color:#999;
}
.bread_nav span{
color:#333;
}
.bread_nav a:hover{
color:#ff7800;
}
.factory_wap{
width:1210px;
margin:10px auto 0;
}
.factory_left{
width:270px;
border:1px solid #e5e5e5;
float:left;
}
.detailed_con{
width:90%;
margin:0 auto;
border-bottom:1px solid #e5e5e5;
padding-bottom:20px;
margin-bottom:20px;
}
.detailed_con .detailed_con_p ul li{
line-height:20px;
margin-top:5px;
font-size:13px;
color:#333;
}
.detailed_con .detailed_con_p a{
color:#333;
}
.detailed_con .detailed_con_p img{
max-width:90%;
margin-top:20px;
margin-bottom:20px;
}
.detailed_con .detailed_con_p span{
color:#999;
width:83px;
display:inline-block;
}
.detailed_con .detailed_con_span{
display:block;
color:#333 !important;
width:100% !important;
}
.fold_div{
margin-top:5px;
}
.fold_div span{
color:#999;
}
.fold_div p{
line-height:20px;
margin-top:2px;
}
.fold_div a{
font-size:12px;
color:#999;
display:inline-block;
margin-top:5px;
position:relative;
}
.a_more, .a_packup{
font-size:12px;
color:#999 !important;
display:inline-block;
margin-top:5px;
position:relative;
}
.a_more::after{
content:'';
width:0;
height:0;
border-top:6px solid #ccc;
border-right:6px solid transparent;
border-left:6px solid transparent;
position:absolute;
top:6px;
margin-left:5px;
}
.a_packup::after{
content:'';
width:0;
height:0;
border-bottom:6px solid #ccc;
border-right:6px solid transparent;
border-left:6px solid transparent;
position:absolute;
top:6px;
margin-left:5px;
}
.Latest_product{
width:90%;
margin:0 auto;
padding-bottom:20px;
}
.factory_right_T{
font-size:14PX;
color:#333;
font-weight:bold;
}
.Latest_product_ul li{
margin-top:15px;
height:80px;
margin-bottom:5px;
display:inline-block;
}
.LPU_img{
width:80px;
height:80px;
position:relative;
float:left;
}
.LPU_img img{
width:80px;
height:80px;
}
.LPU_W{
width:146px;
float:left;
margin-left:10px;
}
.LPU_W a{
font-size:14px;
color:#333;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:156px;
display:inline-block;
}
.LPU_cas{
font-size:14px;
color:#333;
line-height:24px;
}
.LPU_price{
font-size:16px;
color:red;
line-height:22px;
}
.LPU_time{
font-size:12px;
color:#999;
}
.factory_list{
width:917px;
float:right;
}
.factory_sift{
padding:5px 15px;
border-bottom:1px solid #e2e2e2;
position:relative;
background:#f9f9f9;
}
.factory_sift a{
display:inline-block;
width:80px;
margin-right:5px;
line-height:28px;
font-size:13px;
color:#333;
}
.factory_sift a.now{
color:#ff7800;
}
.factory_ul{
border-bottom:1px solid #e5e5e5;
margin-top:20px;
padding-bottom:10px;
min-height:165px;
display:inline-block;
width:100%;
}
.factory_tu{
width:150px;
height:150px;
position:relative;
border:1px solid #efefef;
float:left;
margin-right:20px;
display:inline-block;
}
.factory_tu img{
width:150px;
height:150px;
}
.factory_li_xq{
width:470px;
float:left;
}
.factory_li_T:hover{
color:#ff7800 !important;
}
.factory_li_T{
font-size:18px;
color:#333 !important;
line-height:24px;
margin-bottom:10px;
display:inline-block;
}
.factory_characteristic div{
width:49%;
display:inline-block;
font-size:13px;
color:#333;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
line-height:18px;
}
.factory_characteristic div span{
color:#333;
margin-right:5px;
}
.factory_P{
font-size:13px;
color:#999;
margin-top:5px;
overflow:hidden;
display:-webkit-box;
text-overflow:-o-ellipsis-lastline;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.factory_company{
float:right;
text-align:right;
width:240px;
position:relative;
}
.FC_span{
color:#999;
width:70px;
display:inline-block;
}
.factory_company_Q{
font-size:18px;
color:red;
margin-top:40px;
}
.factory_btn{
width:88px;
height:26px;
background-color:#ff7800;
color:#fff;
font-size:14px;
position:absolute;
top:120px;
right:0px;
cursor:pointer;
border:0;
}
.factory_btn:hover{
background:#ff8900;
}
.factory_company_name{
color:#666;
font-size:13px;
margin-top:10px;
position:relative;
}
.factory_company_name a{
color:#666;
display:inline-block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding-right:20px;
position:relative;
width:100%;
box-sizing:border-box;
}
.factory_company_name a::after{
content:'\e872';
font-family:"fontello" !important;
position:absolute;
top:0;
right:0;
}
.factory_company_name a:hover{
color:#ff7800;
}
.factory_company_box{
padding:20px;
background-color:#fff;
border-radius:3px;
position:absolute;
top:22px;
right:0;
width:310px;
text-align:left;
display:none;
z-index:99;
box-shadow:1px 2px 5px 1px #dfdfdf;
}
.factory_company_box::before{
content:'';
position:absolute;
display:inline-block;
top:-5px;
right:20px;
width:0;
height:0px;
content:'';
border-style:solid;
border-width:7px;
border-color:#fff #fff #fff #fff;
transform:rotate(135deg);
box-shadow:-1px 1px 1px #f0f0f0;
z-index:9999;
}
.factory_company_box div{
line-height:20px;
text-align:left;
display:inline-block;
width:100%;
margin-top:1px;
margin-bottom:1px;
}
.factory_company_box div span{
display:inline-block;
word-break:break-all;
max-width:240px;
float:left;
}
.factory_company_name:hover .factory_company_box{
display:block;
}


.round3{
border-radius:3px;
}
.R_products_W{
width:100%;
clear:both;
border-top:1px solid #e4e4e4;
padding-bottom:20px;
margin-top:40px;
display:inline-block;
}
.R_products{
width:1200px;
margin:0 auto;
}
.R_products_T{
font-size:18px;
color:#333;
line-height:30px;
margin-top:20px;
margin-bottom:8px;
}
.R_products_A a{
width:23%;
display:inline-block;
font-size:14px;
color:#333;
line-height:22px;
margin-right:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.page{
padding:20px 0;
width:630px;
margin:auto;
text-align:center;
font-size:14px;
}
.page a:link{
color:#a4a4a4;
}
.page a:visited{
color:#a4a4a4;
}
.page a:hover, .ad_a .R_list_info .information a:hover{
color:#ff7300;
}
.page span, .page ul{
display:inline-block
}
.page ul{
position:relative;
top:6px;
display:inline-block;
}
.page ul li{
border:1px solid #ccc;
float:left;
margin:0 5px;
height:22px;
line-height:22px;
text-align:center;
}
.page ul li a{
height:22px;
padding:3px 8px
}
.page ul a li{
height:22px;
padding:3px 8px
}
.page .CC, .page ul li:hover{
border:1px solid #ff9600;
background:#fff1dd;
cursor:pointer;
color:#ff7300
}
.page span{
padding:0 5px;
color:#a4a4a4;
line-height:24px;
}
.page .pageNo{
height:22px;
border:1px solid #a4a4a4;
width:45px;
text-align:center;
font-family:Arial, Helvetica, sans-serif
}
.page .pageGo{
border:none;
background:#666;
height:24px;
padding:0 5px;
color:#eee;
cursor:pointer
}
.page .pageGo:hover{
background:#ff8900
}
.page .NN, .page .NN:hover{
border:1px solid #fff;
background:none;
cursor:auto
}
.pageTop a{
border-left:1px solid #d2d2d2;
padding:0 5px;
font-size:12px;
height:33px;
display:inline-block
}
.pageTop a:hover{
background:#fafafa
}
.pageTop span{
margin:0 8px;
}
.pageTop span b{
padding-right:2px
}
.likePro{
padding:10px;
border:1px solid #ccc;
margin:30px 0;
}
.likePro a{
padding:0 10px;
border-right:1px solid #ccc;
}
.dim{
filter:blur(4px);
-webkit-filter:blur(4px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
pointer-events:none;
}
.pointer{pointer-events:none}
.danger{
line-height:25px;
background-color:#fcf9e5;
padding-top:5px;
padding-bottom:10px;
min-height:25px;
padding-left:20px;
box-sizing:border-box;
margin-bottom:20px;
}
.danger div{display:inline-block}
.danger div img{position:relative;top:5px;margin-right:10px}
.danger_2{color:#000;font-size:18px}
.fengx{height:28px; line-height:28px; display:inline-block; padding:0 10px; background-color:#fff6f6; margin-top:10px; clear:both; border-radius:5px; float:left; margin-left:30px; cursor:pointer}
.fengx:hover{background-color:#ffe1e1}
.fxicon{display:inline-block; color:red; font-size:14px; float:left; margin-right:8px}
.fxicon::after{content:''; width:1px; height:14px; display:inline-block; background-color:#ffa2a2; margin-left:8px; position:relative; top:2px}
.fxicon img{height:16px; margin-right:5px; position:relative; top:2px}
.fxts{display:inline-block; font-size:13px; color:#666}
.fxts span{font-size:14px; color:red; margin-right:3px}
.fex{width:500px; background-color:#fff;  border-radius:5px; position:fixed; left:50%; margin-left:-250px; top:150px; z-index:9999; }
.feimg{height:40px; line-height:40px; background-color:#fff6f6;border-radius:5px; padding:0 20px;box-sizing:border-box; font-size:18px; color:red}
.feimg img{height:20px; margin-right:5px; position:relative; top:3px}
.feimg a{float:right; color:#333; font-size:24px}
.feimg a:hover{color:red}
.feicon{padding:15px 120px 40px 30px; box-sizing:border-box; position:relative; min-height:120px}
.feicon span{display:block; position:absolute; right:30px; width:90px; height:90px; top:10px}
.feicon span img{max-width:90px; max-height:90px}
.feicon div{margin-top:15px}
.feicon div::before{content:''; width:5px; height:5px; display:inline-block; border-radius:4px; background-color:red; margin-right:10px; position:relative; top:-4px}
.type4{
color:#fff;
margin-right:2px;
background:#ff7800;
border-radius:2px;
text-decoration:none;
font-size:12px;
position:relative;
cursor:pointer;
	padding:2px 5px;
	line-height:14px;
	height:14px;
	display:inline;
}
.type4:hover{background:#ff4f01}
.type4 i{background:url(../image/icon_icon.png) no-repeat -163px -746px; width:16px; height:16px;  position:relative;top:4px; left:-4px; display:inline-block}
.blbg{width:100%; height:100%; background-color:#000; opacity:0.5; position:fixed; top:0; left:0; z-index:999}
.bltc{width:1000px; background-color:#fff; padding:20px; box-sizing:border-box; border-radius:5px; position:fixed; left:50%; margin-left:-500px; top:80px; z-index:9999}
.dlloge{width:100%; display:inline-block}
.dll{width:74px; height:63px; border:1px solid #eee; border-radius:5px; float:left; position:relative}
.dll img{max-width:64px; max-height:53px; position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)}
.dlr{float:left; margin-left:15px; width:850px}
.dln{font-size:18px; font-weight:bold; color:#333; margin-top:5px}
.dlp{font-size:14px; color:#666; width:100%;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; margin-top:10px}
.wdbox{width:100%; display:inline-block; margin-top:15px}
.wdn{font-size:18px; font-weight:bold; color:#333; margin-bottom:5px}
.wdn::before{content:'▶'; font-size:12px; color:#29b5ce; margin-right:8px; position:relative; top:-1px}
.wda span{display:inline-block;  min-width:44px; margin-left:18px; text-overflow:ellipsis; white-space:nowrap;  overflow:hidden;  margin-top:5px; font-size:14px; color:#666;  padding:2px 20px; cursor:pointer; border-radius:3px;  text-align:center; float:left}
.wda span:hover{background-color:#29b5ce; color:#fff}
.wdqa{background-color:#29b5ce; color:#fff !important; border-radius:3px}
.wbnav{width:100%; max-height:480px; overflow-y:auto}
.ebtit{font-size:18px; font-weight:bold; color:#ff7800}
.ebli{width:100%; display:inline-block; margin-top:20px;padding-left:18px; box-sizing:border-box}
.ebcs{font-size:16px;font-weight:bold}
.ebgs{font-size:14px; font-weight:bold; margin-top:8px}
.ebdz{float:left; width:40%; line-height:20px;margin-top:8px}
.ebr{float:right; width:40%; line-height:24px;margin-top:8px}
.ebr span{margin-right:5px; color:#666}
.bltca{position:absolute; top:10px; right:10px; font-size:26px; color:#333 !important}
.ppinquiry{margin-top:10px}
.ppinquiry input{width:120px;  height:30px; padding:2px 0; border-radius:5px}
/*生物列表*/
.hx.allw{width:100%; margin-top:20px;height:40px; display:inline-block; position:relative; top:3px; }
.hx.allw span{width:148px; height:41px; display:inline-block;/* border:1px solid #cfcfcf; */background-color:#f5f5f5; line-height:40px; text-align:center; font-size:16px; cursor:pointer; float:left; border-radius:5px 5px 0px 0px;margin-right:2px}
.hx.allw span:hover{ background-color:#ff7800 !important;  color:#fff !important}
.hx .allwa{/*  border:1px solid #ff7800 !important; */background-color:#ff7800 !important;  color:#fff !important}
.hx.allw span i{width:19px; height:19px; display:inline-block; background:url(../image/icon_icon.png) no-repeat; margin-right:5px; position:relative; top:5px}
.hx.allw .alli1{background-position:-83px -524px !important}
.hx.allw .alli2{background-position:-113px -524px !important}
.hx.allw .alli3{background-position:-144px -524px !important}
.hx.allw .alli4{background-position:-147px -607px !important}
.hx.allw .alli5{background-position:-116px -607px !important}
.hx.allw .alli6{background-position:-85px -607px !important}
.hx.allw .allwa .alli1{background-position:-83px -553px !important}
.hx.allw .allwa .alli2{background-position:-113px -553px !important}
.hx.allw .allwa .alli3{background-position:-144px -553px !important}
.hx.allw .allwa .alli4{background-position:-147px -628px !important}
.hx.allw .allwa .alli5{background-position:-116px -628px !important}
.hx.allw .allwa .alli6{background-position:-85px -628px !important}
.hx.allw span:hover .alli1{background-position:-83px -553px !important}
.hx.allw span:hover .alli2{background-position:-113px -553px !important}
.hx.allw span:hover .alli3{background-position:-144px -553px !important}
.hx.allw span:hover .alli4{background-position:-147px -628px !important}
.hx.allw span:hover .alli5{background-position:-116px -628px !important}
.hx.allw span:hover .alli6{background-position:-85px -628px !important}
.SortW{width:100%; display:inline-block; border:1px solid #eee} 
.SWlist{clear:both; line-height:25px; padding:10px;box-sizing:border-box;  position:relative; width:100%; display:inline-block; border-bottom:1px solid #eee}
.SWr{float:left;   width:100px; font-weight:bold; color:#333; }
.SWc{ float:left; width:800px; overflow:hidden; height:25px}
.SWc span{cursor:pointer; margin-right:25px; color:#333}
.SWc span:hover{color:#ff7800}
.orange{ color:#000;}
.xxW{float:left; margin:2px 8px 0 0; padding-bottom:3px; }
.xaa{height:24px; line-height:24px; padding:0 10px; background-color:#f7f7f7; border:1px solid #f7f7f7; border-radius:5px; display:inline-block; cursor:pointer; position:relative; top:2px;transition: 0s 0.2s;}
.xaa::after{content:'﹀'; color:#999; margin-left:8px; position:relative; top:1px; display:inline-block; font-size:10px}
.xaa:hover{color:#ff7800}
.xaa:hover::after{color:#ff7800}
.xbox{padding:25px;  background-color:#fff;  border:1px solid #ff7800; position:absolute; left:-1px; width:calc(100% + 2px); z-index:9999; box-sizing:border-box; visibility: hidden;transition: 0s 0.2s;}
.xxW:hover .xaa{color:#ff7800; background-color:#fff; border:1px solid #ff7800; position:relative;transition: none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.xxW:hover .xaa::after{content:'︿'; color:#ff7800; position:relative; top:-3px;transition: none;}
.xxW:hover .xaa::before{ content:''; width:100%; height:5px; display:inline-block; background-color:#fff; position:absolute; left:0; top:23px; z-index:99999; transition: none;}
.xbox::-webkit-scrollbar{width:4px; background-color:#f4f3f3; }
.dxdd{ float:right; width:50px; height:22px; line-height:22px; text-align:center; background-color:#f6f6f6; color:#666; font-size:12px; border-radius:3px;    cursor: pointer;}
.dxdd span{ font-size: 14px;
  font-weight: bold;
  color: #989898 !important;
  display: inline-block !important;
  line-height: 22px !important;
  margin-left: 3px;}
.dxdd:hover{ color:#ff7800;}
.dxdd:hover span{color:#ff7800;}
.xbox ul{max-height:400px; overflow-y:auto; width:90%; float:left;}
.xbox ul li{ white-space: nowrap;overflow: hidden; margin-right:25px !important; margin-bottom:10px; cursor: pointer;}
.xbox ul li input{ margin-right:8px; position:relative; top:1px;}
.xbox i{display:inline-block;  position:absolute;  width:0;  height:0;  border:6px solid transparent; border-bottom-color:#ccc; top:-12px; left:160px}
.xbox span{display:block; line-height:30px; cursor:pointer; color:#333;}
.xbox span:hover{color:#ff7800!important; }
.xbab{ width:180px; clear:both; margin:10px auto 0;}
.xbab a{ width:45%; margin-left:1%; margin-right:1%; display:inline-block; float:left; height:24px; line-height:24px; text-align:center;border-radius:5px; border:1px solid #ff7800; font-size:13px;}
.xbab a.xba1{ color:#666; border:1px solid #ccc;}
.xbab a.xba2{ background-color:#ff7800; color:#fff;}
.xbab a.xba3{ background-color:#dadada !important; color:#666 !important; border:1px solid #dadada !important;}
.xbab a.xba3:hover{ background-color:#dadada; color:#666; }
.xbab a:hover{ background-color:#ff9b42; color:#fff; border:1px solid #ff9b42; }
.gxs{ width: 100%;
  height: 32px;
  border: 1px solid #ccc;
  position: relative;
  border-radius: 30px;
  box-sizing: border-box;
  margin-bottom: 15px;
  margin-top: 5px; }
.gxsi{ width: 100%;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  padding-left: 16px;
  box-sizing: border-box;
  font-size: 14px;
  border: 0;}
.gxsb{ width: 16px; height: 17px; background: #fff url(../image/icon_icon.png) no-repeat 0 -887px;  display: inline-block;
  border: 0;
  position: absolute;
  right: 0px;
  top: 7px;
  padding-right: 32px;
  box-sizing: border-box;
  border-radius: 30px;}
.xxW:hover .xbox{visibility: visible;transition: none;}
.wenX{height:20px; line-height:20px; padding:0 10px; border:1px solid #8bafef; background-color:#eef4ff; color:#00399d; font-size:12px; display:inline-block; border-radius:3px; margin-bottom:10px}
.gbs{height:100px}
.gbs img{max-width:200px; max-height:80px}
.ppdl{border-radius:3px; padding:0 10px; height:23px; line-height:23px; color:#fff !important; background-color:#ff4b47; float:right; margin-left:10px}
.ppdl:hover{background-color:#ff7800}
.ppdW{float:left}
.ppjX{width:800px; background-color:#fff; padding:20px; box-sizing:border-box;  border-radius:5px; position:fixed;  left:50%;  margin-left:-400px; top:80px;  z-index:9999}
.ppimg{width:110px; height:110px; border:1px solid #eee; border-radius:5px; float:left; position:relative}
.ppimg img{max-width:90px; max-height:90px; position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)}
.PPr{float:left; margin-left:15px; width:630px; margin-top:5px}
.dln{font-size:18px; font-weight:bold; color:#333; margin-top:5px}
.PPtxt{font-size:14px; color:#666; width:100%;overflow:hidden; line-height:22px;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical; margin-top:10px}
.wpcon{width:100%; background-color:#f6f6f9; padding:10px; box-sizing:border-box; border-radius:5px;  margin-top:15px;  max-height:350px; overflow-y:auto; position:relative}
.aglist{margin-top:20px; padding-bottom:20px;  border-bottom:1px solid #d9d9d9}
.aglist:first-child{margin-top:0}
.aglist:last-child{padding-bottom:0;  border-bottom:0}
.agt{font-size:14px; font-weight:bold; color:#333}
.agcon{width:100%; display:inline-block; margin-top:5px}
.agdiv{width:49%; float:left}
.dlicon{display:inline-block; position:relative}
.dlspan{width:16px; height:13px; display:inline-block; background:url(../image/icon_icon.png) no-repeat -164px -588px; position:relative;cursor:pointer; }
.dlnav{ background-color:#fff; box-shadow:0 1px 10px 0 rgba(0,0,0,.07); padding:20px; position:absolute; top:20px; display:none; }
.dlicon:hover .dlnav{display:block}
.dlnav img{width:150px}
.wxqw{width:400px;
background-color:#fff;
position:fixed;
top:350px;
left:50%;
display:none;
border-radius:5px;
padding:20px;
box-sizing:border-box;
z-index:999;
box-shadow:0 1px 10px 0 rgba(0,0,0,.07);
margin-left:-200px}
.Gname{font-size:14px; font-weight:bold; width:100%; text-align:center; margin-bottom:15px}
.Qbox{text-align:center; }
.Qbox span{font-weight:bold; font-size:16px; margin-right:10px}
.Wimg img{width:150px; height:auto; border:5px solid #fff; display:block; margin:0 auto}
.Wimg span{display:block; text-align:center; margin-top:3px}
.qwnav{margin-left:5px; display:inline-block}
.qwnav:hover .wxqw{display:block}
.tsnav{width:400px; background-color:#fff;  padding:20px 30px 30px 30px;  box-sizing:border-box; border-radius:5px; position:fixed; top:200px; left:50%; margin-left:-200px; box-shadow:0 1px 10px 0 rgba(0,0,0,.2); z-index:9999 !important;}
.prt{font-size:16px; font-weight:bold; }
.prt a{font-weight:400; float:right; color:#333; font-size:24px}
.prt a:hover{color:#ff7800}
.prp{margin-top:25px; line-height:22px}
.pra{margin-top:40px; width:60px; height:28px; line-height:28px; text-align:center; background-color:#ff7800; color:#fff; cursor:pointer; float:right; border-radius:3px}
.pra:hover{background-color:#e45000}
/*品牌代理商*/
.agebg{    width:940px; background-color: #fff; border-radius:10px; position: fixed; z-index: 999999;  top: 0; inset: 0px; left:50%; margin-left:-470px; top:100px; overflow: hidden; height: calc(100% - 220px); padding:35px; box-sizing: border-box;}
.agel{ float:left; width:270px; padding-right:30px; border-right:1px solid #eee;height: 100%; overflow: auto;}
.agpp{ width:100%; display:inline-block;}
.ppimg{ width:90px; height:60px; border:1px solid #eee;  border-radius:5px; float:left; position:relative;}
.ppimg img{max-width:80px; max-height:50px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.ppn{ float:left; font-size:16px; font-weight:bold; width:145px; margin-left:15px; line-height:26px;    word-break: break-all;}
.agtxt{ font-size:13px; color:#666; line-height:22px; margin-top:20px;overflow:hidden; text-overflow:ellipsis;
display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical; width:100%;}
.agcp{ width:100%; background-color:#f8f9fc; margin-top:25px; border-radius:5px; padding:20px; box-sizing: border-box;}
.agcpimg{ width:100%; border-radius:5px; background-color:#fff; height:180px; position:relative; overflow:hidden;}
.agcpimg img{width:100%;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.agcpt{ font-size:14px; font-weight:bold; margin-top:15px;}
.ppjg{ font-size:14px; color:#666; margin-top:8px;}
.ppjg span{ color:red; font-weight:bold; margin-right:10px;}
.ppbh{ font-size:13px; color:#666; margin-top:8px;}
.ppxj{ width:150px; height:32px; line-height:32px; border-radius:5px; background-color:#ff7800; color:#fff; font-size:14px; text-align:center; margin:20px auto 10px; cursor: pointer;}
.ager{ width:500px; float:left; margin-left:40px;}
.dltit{ width:100%; display:inline-block;}
.dlbt{ float:left; font-size:18px; font-weight:bold; line-height:29px; margin-bottom:10px;}
.dlqu{ float:right; width:180px; height:29px; padding:0 15px;  box-sizing: border-box; border:1px solid #eee; background-color:#f5f6fa; border-radius:5px;}
.dllist{ width:100%; margin-top:20px; display:inline-block; padding-bottom:20px; border-bottom:1px solid #e7eaf5;}
.dlname{ width:100%; display:inline-block; font-size:15px; font-weight:bold; margin-bottom:5px;}
.dlqq{ float:right; font-size:13px; font-weight:400; color:#666; position:relative;}
.dlqq a img{ height:22px;}
.dllx{ color:#666; margin-top:5px; font-size:13px;}
.dllist:last-child { padding-bottom: 0; border-bottom:0;}
.dlqq:hover .qqhmb{ display:block;}
/*生物列表*/

@media screen and (min-width:1280px){
.Sel_qy{width:720px}
.ProListLeft{width:303px}
.proinfolist{width:696px}
.Supicon{width:auto}
.orcblistbox{width:1020px;clear:both}
.BulkInquirySup{filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01}
.BulkInquiryBox:hover .BulkInquirySup{filter:alpha(opacity=92);-moz-opacity:0.92;opacity:0.92}
.noterm .ProSearchbox{width:1210px}
.noterm .SelBox,.noterm .TwoWeek{width:1208px}
.noterm .Sel_c{width:1000px}
.noterm .Sel_g{width:1209px}
.noterm .Top, .noterm .ProLbox{width:1208px}
.noterm .b2{width:465px;padding-left:100px}
.noterm .b22 b, .noterm .b22 h2{width:395px}
}

