@charset "utf-8";
body,div,p,header,section,article,h1,h2,h3,dl,dt,dd,ul,li {
 margin:0;
 padding:0
}
li {
 list-style:none
}
body,
td,
th,
input,
h1,
h2,
h3 {
 font-size:medium;
 line-height:1.5em
}
body {
 font-size:13px;
 font-family:Arial,Helvetica,sans-serif;
 background:#fff
}
@font-face {
 font-family:logofont;
 src:url('font/ARLRDBD.TTF')
}
a:link {
 color:#039;
 text-decoration:none
}
a:visited {
 color:#039
}
a:hover {
 color:#3182a1
}
.color_red {
 color:red
}
.marginTB20 {
 margin:20px 0
}
.marginT20 {
 margin-top:20px
}
#head,
#search,
#foot,
#content,
#Keywords,
#ChemDirec {
 max-width:1000px;
 margin:auto
}
#head,
#ChemDirec {
 background:#fff;
 padding:15px 0
}
.top {
 text-align:right;
 color:#777;
 font-size:12px;
 height:30px;
 line-height:30px
}
.wel {
 color:#999
}
.headL {
 float:left
}
.logo {
 font-size:22px;
 font-family:logofont;
 text-shadow:1px 1px 1px #888;
 color:#ef811c
}
.logo a {
 color:#ef811c
}
.headR {
 font:13px Arial;
 text-align:right;
 color:#999;
 height:25px;
 line-height:25px
}
.login {
 float:right;
 padding:5px 6px;
 border:1px solid #ddd;
 text-align:center;
 font:13px Arial;
 color:#3182a1;
 margin-left:1px;
 background:#efefef;
 position:relative
}
.login:hover {
 background:#e8f3fd;
 border:1px solid #64b7d7;
 color:#3182a1
}
.country {
 text-align:center;
 padding:10px
}
.country a {
 background:#efefef;
 color:#333;
 padding:5px 10px;
 margin:1px;
 width:80px
}
.country a:hover {
 color:red;
 background:#ccc
}
#search {
 padding:5px 0;
 border:1px solid #d5f2bd;
 FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f0fae9,endColorStr=#d2f1b9);
 background:-moz-linear-gradient(top,#f0fae9,#d2f1b9);
 background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f0fae9),to(#d2f1b9));
 background-image:-webkit-gradient(linear,left bottom,left top,color-start(0,#f0fae9),color-stop(1,#d2f1b9));
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0fae9',endColorstr='#d2f1b9');
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0fae9', endColorstr='#d2f1b9')"
}
#search .s1 {
 border:1px solid #d3f1ba;
 height:27px;
 font-size:13px;
 width:75%;
 max-width:400px;
 padding-left:5px;
 font-family:Arial;
 margin-left:10px
}
#search .s2 {
 height:29px;
 background:#faca6a;
 border:1px solid #e0ab3f;
 font-size:13px
}
#search .s2:hover {
 background:#fad66a;
 border:1px solid #e0ab3f
}
#Keywords {
 padding:5px 0;
 color:#999;
 height:25px;
 line-height:25px;
 overflow:hidden
}
#Keywords a {
 margin-right:5px
}
.title {
 padding:5px 10px;
 background:#deeef4;
 border-top:1px solid #64b7d7;
 font-weight:bold
}
.title a {
 margin-left:20px;
 font-weight:normal
}
.AD {
 padding:0 10px
}
.buybox {
 max-width:982px;
 margin:auto;
 border:4px solid #fac257;
 overflow:hidden;
 padding:10px 5px
}
.buybox .BuyInf:first-child {
 border-right:1px dotted #bbb
}
.BuyInf {
 width:49%;
 float:left
}
.cg,
.xs {
 font-size:14px;
 color:#01a16a
}
.BuyInf li {
 margin:2px 0;
 display:block;
 float:left;
 min-width:130px;
 padding-left:20px
}
li[class="cg"],
li[class="xs"] {
 width:100%
}
.ad1 {
 max-width:1000px;
 height:100px;
 background:#01a16a url(images/AD1.jpg) no-repeat center right;
 margin:auto
}
.ad1 a {
 height:100px;
 width:100%;
 display:block
}
#foot {
 background:#f2f2f2;
 border-top:1px solid #d7d7d7;
 padding:10px 0;
 color:#777;
 text-align:center;
 line-height:25px;
 margin-top:5px
}
#foot a {
 margin:0 8px;
 display:inline-block;
 color:#29b5ce
}
#foot a:hover {
 color:#777
}
.list {
}
.list li {
 line-height:35px;
 border-bottom:1px dotted #aaa;
 padding:0 10px;
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.list li:hover {
 background:#f0f0f0
}
.list li span {
 width:100px;
 color:#777
}
.note {
 color:#999
}
#ChemDirec li {
 padding:3px 6px;
 border:1px solid #ccc;
 display:inline-block;
 width:90px;
 margin:5px 2px 0 0;
 text-align:center
}
#ChemDirec .ChemDirec_1 li {
 width:220px;
 text-align:left
}
input:focus {
 outline:none
}
select:focus {
 outline:none
}
.black-bj {
 background:rgba(0,0,0,.5);
 height:100%
}
.marginT10 {
 margin-top:10px
}
.bjfff {
 background:#fff
}
.Padding10 {
 padding:10px
}
.fl {
 float:left
}
.fr {
 float:right
}
.w-1000 {
 width:1000px;
 margin:0 auto
}
.list-head-box {
 z-index:99px
}
.head-top {
 height:36px;
 margin-top:10px
}
.logo-new {
 width:150px;
 max-width:150px
}
.logo-new img {
 max-width:150px
}
.search {
 border:#d2d2d2 solid 1px;
 height:38px;
 border-radius:3px;
 line-height:38px;
 position:relative;
 overflow:hidden;
 width:100%;
 background:#fff
}
.search input {
 border:none;
 height:99%;
 width:80%;
 font-size:12px;
 padding:0 8px
}
.mune-box .the-icon {
 background:#29b5ce;
 width:45px;
 height:45px;
 border-radius:30px;
 display:block;
 text-align:center;
 line-height:45px;
 color:#fff;
 margin:0 auto
}
.mune-box {
 padding:10px;
 overflow:hidden
}
.mune-box span {
 font-size:18px;
 font-weight:bold
}
.mune-box ul li {
 float:left;
 width:25%;
 text-align:center
}
.mune-box p {
 margin-top:8px;
 color:#333
}
.tit-height {
 border-bottom:#dbdbdb solid 1px;
 height:42px;
 line-height:42px;
 color:#7c7c7c;
 font-size:12px;
 padding:0 10px
}
.pro-category {
 background:#f8f8f8;
 line-height:42px;
 overflow:hidden
}
.pro-category ul {
 background:#fff;
 overflow:hidden
}
.pro-category ul li {
 float:left;
 width:27%;
 text-align:left;
 padding-left:15px
}
.pro-category ul li:before {
 content:'';
 width:0;
 height:0;
 position:relative;
 display:inline-block;
 margin-left:6px;
 right:6px;
 border-top:4px solid transparent;
 border-bottom:4px solid transparent;
 border-left:6px solid #7b7b7b
}
.pro-category-box {
 height:auto;
 overflow:hidden
}
.hover-con {
 position:absolute;
 left:0;
 right:0;
 width:auto;
 padding:10px;
 line-height:24px;
 color:#7c7c7c;
 max-width:1000px;
 margin:0 auto
}
.btn-bule {
 border:#29b5ce solid 1px;
 padding:4px 15px;
 background:#fff;
 color:#29b5ce;
 font-size:12px;
 border-radius:3px;
 -webkit-appearance:none;
 -moz-appearance:none
}
.btn-orange {
 background:#ff8200;
 color:#fff;
 padding:4px 15px;
 font-size:12px;
 border-radius:3px;
 border:none
}
.lightbule {
 color:#29b5ce
}
.c-gray {
 color:#999;
 font-size:12px
}
.contact {
 height:220px;
 overflow:hidden
}
.contact ul li {
 margin-bottom:10px
}
.contact ul li p:first-child {
 font-weight:bold;
 display:block
}
.contact ul li p:nth-child(2) {
 color:#666
}
.bjblue-btn {
 background:#29b5ce;
 color:#fff!important;
 padding:6px 10px;
 margin-right:10px;
 border:none;
 font-size:13px
}
.icon-img {
 background:url(images/icon-new.png) no-repeat;
 display:inline-block;
 position:relative
}
.person {
 background-position:-35px -110px;
 background-size:150px;
 width:32px;
 height:32px;
 top:-3px
}
.search-icon {
 background-position:0 0;
 background-size:160px;
 width:24px;
 height:24px;
 position:absolute;
 right:6px;
 top:9px
}
.speaker {
 background-position:-18px 0;
 background-size:110px;
 width:24px;
 height:20px;
 top:3px;
 right:6px
}
.back-icon {
 background-position:0 -32px;
 background-size:100px;
 width:18px;
 height:18px;
 top:12px;
 left:8px
}
.point-icon {
 background-position:0 -108px;
 background-size:140px;
 width:24px;
 height:22px;
 top:14px;
 left:8px
}
.SecurityPro {
 background-position:-37px 0;
 background-size:92px;
 width:20px;
 height:24px;
 top:-2px;
 left:8px
}
.GoldProdct {
 background-position:-66px -44px;
 background-size:164px;
 width:73px;
 height:18px;
 top:0;
 left:8px
}
.GoldSupplier {
 background-position:-40px -40px;
 background-size:99px;
 width:20px;
 height:20px;
 top:-2px;
 left:0;
 margin-right:5px
}
.m-container {
 background:#29b5ce;
 width:100%;
 height:44px;
 position:relative
}
.m-container .hear-icon-back {
 width:40px;
 height:44px;
 position:absolute
}
.m-container .hear-icon-shirtcut {
 position:absolute;
 right:0;
 top:0;
 width:40px;
 height:44px
}
.m-container .hear-new-search {
 margin:0 40px;
 background:#fff;
 height:34px;
 border-radius:20px;
 position:relative;
 top:5px
}
.hear-new-search input {
 border:none;
 height:96%;
 width:80%;
 font-size:12px;
 padding:0 8px;
 margin-left:14px;
 -webkit-appearance:none;
 -moz-appearance:none
}
.screen-box-one {
 height:44px;
 background:#f8f8f8;
 line-height:44px;
 font-size:14px;
 color:#333
}
.screen-box-one li {
 display:inline-block;
 width:24%;
 text-align:center;
 color:#333
}
.on {
 color:red
}
.orderby-up,
.orderby-down {
 font-style:normal
}
.screen-box-detail {
 border-bottom:#ececec solid 1px;
 height:42px;
 background:#fff
}
.screen-box-detail li {
 width:24%;
 display:inline-block;
 padding:0 4px;
 height:28px;
 line-height:28px;
 font-size:12px;
 margin:7px 0;
 vertical-align:middle;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.screen-box-detail li span {
 display:block;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 text-align:center;
 width:100%;
 color:#232326;
 height:100%;
 background-color:#f0f2f5;
 border:solid 1px #f0f2f5;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px;
 font-size:12px;
 line-height:28px;
 vertical-align:middle
}
.screen-box-detail li span.on {
 border:solid 1px red;
 color:red
}
.screen-box-detail li span.failure {
 color:#ccc
}
.screen-box-detail li span.failure .common-triangle-down {
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 border-top:6px solid #ccc
}
.common-triangle {
 width:0;
 height:0;
 position:relative;
 display:inline-block;
 vertical-align:middle;
 margin-top:-1px;
 margin-left:6px;
 float:right;
 top:12px;
 right:2px
}
.common-triangle-up {
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 border-bottom:6px solid #7b7b7b
}
.common-triangle-down {
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 border-top:6px solid #7b7b7b
}
.inline-span {
 font-style:normal;
 display:inline-block;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 text-align:right;
 max-width:100%
}
.screen-box-detail .show {
 background-color:#fff;
 border-color:#bfbfbf;
 border-bottom-color:#fff;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 box-sizing:content-box;
 z-index:99;
 position:relative;
 padding-bottom:7px;
 color:#232326
}
.custom-search-box {
 background-color:#fff;
 width:100%
}
.custom-info-list {
 padding:0 8px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 max-height:225px;
 overflow-y:auto
}
.sidebar-iteam {
 position:relative;
 width:50%;
 display:inline-block;
 border-bottom:solid 1px #fff;
 float:left
}
.sidebar-iteam .sort-of-brand {
 width:90%;
 height:40px;
 line-height:40px;
 font-size:13px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 display:inline-block;
 color:#333;
 border-bottom:#fff solid 1px
}
.checked .sort-of-brand {
 border-bottom:#f23030 solid 1px
}
.custom-search-box .custom-btn,
.filter_bottom_buttons {
 height:44px;
 line-height:44px;
 background:#fff;
 border-top:#dbdbdb solid 1px
}
.custom-search-box .custom-btn a,
.filter_bottom_buttons a {
 display:inline-block;
 font-size:16px;
 color:#232326;
 text-align:center;
 width:50%
}
.custom-search-box .custom-qure,
.filter_bottom_buttons .custom-qure {
 background:#29b5ce;
 color:#fff!important
}
.pro-info-iteam .advising {
 background:red;
 color:#fff;
 padding:0 12px;
 border-radius:20px;
 height:26px;
 line-height:26px
}
.FoldBox {
 word-break:break-all;
 margin-top:28px;
 line-height:25px;
 font-size:14px
}
.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:70%
}
.pad-btm-line {
 padding:10px;
 border-bottom:#ececec solid 1px;
 overflow:hidden
}
.org-btn {
 border:none;
 background:#ff7300;
 color:#fff;
 padding:2px 8px;
 font-size:13px;
 border-radius:3px;
 -webkit-appearance:none;
 -moz-appearance:none
}
.Pro-tit-info {
 height:24px
}
.Pro-tit-info .color_red {
 color:red;
 margin-left:4px
}
.Pro-tit-info .QQ {
 margin-left:4px
}
.Pro-con {
}
.Pro-con .bjgray {
 display:inline-block;
 background:#f5f5f5;
 padding:2px 6px;
 margin:8px 6px 0 0
}
.Pro-con-info ul li {
 font-size:12px;
 word-wrap:break-word;
 word-break:break-all
}
.Pro-con-info .W-tit {
 color:#999;
 width:72px;
 vertical-align:top;
 display:inline-block
}
.Vague{ margin-top:5px;}
.Vague .W-tit{ display:none}
.Pro-con .Pro-prec{ width:100px; height:85px; float:left; margin-right:8px;display: table;}
.Pro-con .Pro-prec a{    display: table-cell; text-align: center; vertical-align: middle;}
.Pro-con .Pro-prec img{width:100px;}
.Pro-con .info_txt_item{    float: left;display: inline-block;width: 68%;}
.Pro-con .Pro-img {
 max-width:160px;
 max-height:180px
}
.Pro-con .Pro-img img {
 max-width:160px;
 width:160px
}
.Pro-con .Pro-same {
 border:#d2d2d2 solid 1px;
 padding:2px
}
.bjlightgray {
 background:#f2f2f6;
 min-height:600px
}
.promit-box {
 position:relative;
 margin-bottom:10px
}
.promit-box a.close {
 position:absolute;
 top:0;
 right:0
}
.promit-box p {
 color:#666
}
.make-order-box {
 border-radius:3px;
 padding:10px 20px;
 box-shadow:0 2px 4px #ccc
}
.make-order-box li {
 border-bottom:#efefef solid 1px;
 height:36px;
 font-size:13px;
 line-height:36px
}
.make-order-box li.Remarks-box {
 height:80px
}
.make-order-box .tit-w {
 width:80px
}
.make-order-box .con-w {
 width:70%;
 float:right
}
.make-order-box ul li input {
 border:none;
 height:32px;
 font-size:13px;
 width:100%
}
.make-order-box .s {
 width:50%;
 display:inline-block
}
.make-order-box .Remarks {
 min-height:80px;
 min-width:96%;
 font-size:14px;
 color:#999;
 border:none;
 padding:10px 0
}
.make-order-box .chooes_info {
 height:96%;
 border-left:#dbdbdb solid 1px;
 border-top:none;
 background:#fff;
 border-right:none;
 border-bottom:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 width:60px
}
.ButBox {
 text-align:center;
 padding:20px 0
}
.button_G {
 background:rgba(0,235,66,.2);
 border:#0b9d4c solid 1px;
 color:#0b9d4c
}
.button_G:hover {
 background:#0b9d4c;
 color:#fff
}
.button_R {
 background:rgba(250,0,0,.2);
 border:#e55058 solid 1px;
 color:#e55058
}
.button_R:hover {
 background:#e55058;
 color:#fff
}
.subjoin {
 padding:6px 18px;
 border-radius:3px;
 cursor:pointer;
 transition:background .3s,color .3s;
 -webkit-transition:background .3s,color .3s;
 -webkit-appearance:none;
 -moz-appearance:none;
 font-size:13px
}
.directly-icon {
 background:#f73226;
 border-radius:3px;
 padding:0 4px;
 color:#fff;
 margin-right:6px;
 float:left
}
.now-buy {
 background:#fff;
 border:#e43f2b solid 1px;
 color:red;
 padding:2px 15px;
 border-radius:20px;
 cursor:pointer;
 font-size:12px;
 -webkit-appearance:none;
 -moz-appearance:none
}
.green-bj {
 background:#01a16a;
 color:#fff;
 border-radius:2px;
 padding:0 4px;
 width:40px
}
.Evaluation span {
 height:13px;
 width:94px;
 display:inline-block;
 margin-top:-4PX;
 background:url(images/icon_icon.png) no-repeat
}
.W-120 {
 width:120px
}
.Hbox .s5,
.Evaluation .s5 {
 background-position:0 -214px
}
.Hbox .s4,
.Evaluation .s4 {
 background-position:0 -227px
}
.Hbox .s3,
.Evaluation .s3 {
 background-position:0 -240px
}
.Hbox .s2,
.Evaluation .s2 {
 background-position:0 -253px
}
.Hbox .s1,
.Evaluation .s1 {
 background-position:0 -266px
}
.Hbox .s0,
.Evaluation .s0 {
 background-position:0 -279px
}
.flog-price ul li.title-w {
 font-size:14px;
 background:#f1f1f1;
 padding:6px 0
}
.flog-price ul li {
 padding:4px;
 vertical-align:top;
 line-height:22px;
 height:auto
}
.flog-price .tt {
 display:inline-block;
 vertical-align:top;
 word-wrap:break-word;
 margin-left:8px
}
.flog-price .t1 {
 width:25%
}
.flog-price .t2 {
 width:15%
}
.flog-price .t3 {
 width:50%
}
.flog-pro span {
 font-size:16px;
 color:#29b5ce;
 font-weight:bold
}
.Ellipsis {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 display:block
}
.company-n {
 max-width:170px
}
.product-n {
 max-width:80%;
}
.Pro-tit-info a.card {
 color:#29b5c3;
 border:1px solid #29b5c3;
 padding:2px 4px;
 margin-left:6px;
 border-radius:3px;
 position:relative
}
.p-quantity {
 position:relative;
 overflow:hidden;
 height:22px;
 width:80px
}
.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
}
.below-out {
 position:fixed;
 background:#f7f7f7;
 bottom:0;
 width:100%;
 height:80%;
 overflow:scroll;
 z-index:20;
 max-width:1000px
}
.below-out .below-main-title {
 position:relative
}
.below-out .below-main-title p {
 height:40px;
 line-height:40px;
 color:#999
}
.close {
 position:absolute;
 top:10px;
 right:10px
}
.center {
 text-align:center
}
.float-box-wrap {
 width:94%;
 margin:0 auto
}
.level {
 margin:20px 0;
 width:270px;
 float:left
}
.level .l-tit {
 border-bottom:#ccc solid 1px;
 padding:10px 0;
 margin-bottom:10px
}
.level .Evaluation {
 display:inline-block;
 position:relative
}
.level .E-txt {
 display:none
}
.level .Evaluation:hover .E-txt {
 color:#333;
 font-style:normal;
 background:#f7f7f7;
 position:absolute;
 width:150px;
 left:0;
 top:-10px;
 display:block
}
.level ul li {
 line-height:28px
}
.level .l-name {
 width:100px;
 color:#333;
 display:inline-block
}
.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
}
.postion-fixd {
 position:fixed;
 z-index:10;
 top:0;
 max-width:1000px;
 width:100%
}
.t {
 width:19px;
 height:16px;
 display:inline-block;
 margin:-3px 3px;
 background:url(images/icon_icon.png) no-repeat;
 position:relative
}
.t1 {
 background-position:0 -37px
}
.t2 {
 background-position:-30px -37px
}
.QQ img {
 width:20px;
 height:18px
}
.letter {
 font-size:22px;
 color:#60be41;
 font-family:"微软雅黑";
 font-weight:700;
 position:relative
}
.letter b:before {
 content:"✔";
 border-radius:30px;
 height:28px;
 width:28px;
 font-size:24px;
 display:inline-block;
 line-height:28px;
 color:#60be41;
 border:2px solid #60be41;
 text-align:center;
 margin-right:5px
}
.float-mune-box {
 background:#fbfbfb;
 position:absolute;
 box-shadow:0 0 4px #999;
 right:10px;
 top:45px;
 z-index:100;
 padding:10px 0
}
.float-mune-box .menu-detail li {
 padding:10px 40px 6px 15px;
 font-size:14px
}
.float-mune-box select {
 border:none;
 background-color:transparent;
 box-sizing:border-box;
 -webkit-appearance:none;
 font-size:14px
}
.direct-guide-box {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 height:0;
 z-index:10;
 min-height:0
}
.line-through {
 text-decoration:line-through;
 color:#999
}
.promit-pack {
 background:red;
 color:#fff;
 padding:0 4px;
 height:16px;
 line-height:18px;
 display:inline-block;
 font-style:normal;
 top:-5px;
 right:0;
 border-radius:20px;
 font-size:12px
}
.icon-shopcar {
 background:url(images/icon_sj.png) no-repeat 0 -20px;
 width:24px;
 height:21px;
 display:block
}
.BgG {
 margin-right:6px;
 position:relative;
 text-decoration:none;
 color:#fff;
 background:#01a16a;
 font:13px "宋体";
 padding:2px 3px;

}
.factory {
 height:16px;
 background:#fef1c9;
 border:1px solid #fc9c33;
 border-radius:2px;
 font:normal 12px Arial,Helvetica,sans-serif;
 padding:0 1px;
 color:red;
 margin:0 3px;
 position:relative;
 top:-1px
}
.keyword {
 margin-top:30px
}
.sf_layer {
 width:85%;
 top:0;
 bottom:0;
 height:100%;
 color:#333;
 background-color:#e8e8ed;
 position:absolute;
 right:-85%
}
.mod_list {
 margin-bottom:15px;
 background-color:#fff
}
.mod_list.padding_left {
 padding-left:10px
}
.mod_list li {
 position:relative;
 line-height:25px;
 padding:10px
}
.mod_list li:not(:first-child)::before {
 content:"";
 position:absolute;
 z-index:1;
 pointer-events:none;
 background-color:#e5e5e5;
 height:1px;
 left:0;
 right:0;
 top:0
}
.mod_list li.check_li {
 padding:10px 10px 10px 30px
}
.mod_list li.arrow_li::after {
 content:">";
 display:inline-block;
 vertical-align:middle;
 margin-top:-2px;
 width:6px;
 height:10px;
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 top:0;
 right:13px;
 margin-top:10px;
 font-size:14px;
 font-weight:bold;
 color:#999
}
.mod_list li.check_li::after {
 position:absolute;
 top:50%;
 left:0;
 -webkit-transform:translate(0,-50%);
 transform:translate(0,-50%);
 content:"";
 width:18px;
 height:18px;
 background-image:url(images/base.png);
 background-size:18px auto
}
.mod_list li.check_li.checked::after {
 background-image:url(images/checked.png)
}
.tags_selection {
 margin-bottom:15px;
 padding:10px 0 0 10px;
 font-size:14px;
 text-align:center;
 background-color:#fff;
 overflow:hidden
}
.tags_selection .option {
 box-sizing:border-box;
 float:left;
 width:33.33%;
 padding-right:10px;
 height:30px;
 line-height:30px;
 margin-bottom:10px;
 overflow:hidden
}
.tags_selection .option a {
 position:relative;
 display:block;
 background-color:#f7f7f7;
 border-radius:3px;
 color:#333
}
.tags_selection .option.selected a {
 border:1px solid #e93b3d;
 color:#e93b3d;
 height:28px;
 line-height:28px
}
.mod_list .li_line {
 display:-webkit-box;
 display:-webkit-flex;
 display:flex
}
.mod_list .li_line .big {
 max-width:250px;
 overflow:hidden;
 font-size:14px;
 color:#333;
 text-overflow:ellipsis
}
.mod_list .li_line .right {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 -webkit-box-flex:1;
 -webkit-flex:1;
 flex:1;
 margin-left:5px;
 text-align:right;
 font-size:12px;
 color:#999
}
.mod_list .li_line .right.color_red {
 color:#e93b3d
}
.words_10 {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 display:inline-block;
 vertical-align:middle;
 text-align:right;
 max-width:110px
}
.mod_list li.arrow_li {
 padding-right:27px
}
.s_btn {
 display:block;
 width:auto;
 height:40px;
 line-height:40px;
 text-align:center;
 border-radius:2px;
 font-size:16px;
 background:#fff;
 position:relative;
 color:#333;
 margin:15px 10px
}
.filter_bottom_buttons {
 display:-webkit-box;
 display:-webkit-flex;
 display:flex;
 z-index:10;
 position:absolute;
 bottom:0;
 left:0;
 right:0
}
.sub_title {
 z-index:10;
 position:absolute;
 top:0;
 left:0;
 right:0;
 padding:0 10px;
 height:46px;
 line-height:46px;
 font-size:14px;
 color:#333;
 background-color:#fff;
 display:-webkit-box;
 display:-webkit-flex;
 display:flex
}
.sub_title::after {
 content:"";
 position:absolute;
 z-index:1;
 pointer-events:none;
 background-color:#e5e5e5;
 height:1px;
 left:0;
 right:0;
 bottom:0
}
.layer_con {
 -webkit-overflow-scrolling:touch;
 overflow:hidden;
 overflow-y:auto;
 box-sizing:border-box;
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:1;
 margin-bottom:50px
}
.with_sub_title {
 top:46px
}
.round-line {
 height:22px
}
.right-txt {
 float:left;
 overflow:hidden;
 height:26px;
 line-height:26px;
 width:90%
}
.control-s h2 {
 color:#fff;
 text-align:center;
 font-size:18px
}
.control-s ul li {
 background:#fff;
 width:32%;
 height:46px;
 display:inline-block;
 text-align:center;
 border-radius:3px;
 overflow:hidden;
 vertical-align:middle;
 margin:5px 0
}
.control-s ul li img {
 width:100%;
 max-height:46px
}
.backg-gradient .search {
 border:none
}
.screen-box-Trisection li {
 width:32%!important
}
img {
 max-width:100%;
 height:auto;
 width:auto\9;
 -ms-interpolation-mode:bicubic
}
ul li p {
 display:inline-block
}
.yhq_icon {
 background:#e4393c;
 border-radius:2px;
 height:16px;
 width:16px;
 color:#fff;
 line-height:16px;
 text-align:center;
 font-size:12px;
 font-weight:normal;
 display:inline-block;
 font-style:normal;
 margin-left:5px
}
.list_detail {
 background:#fff;
 border-bottom:#dbdbdb solid 1px;
 padding-left:12px
}
.list_detail ul li {
 line-height:40px;
 border-bottom:#efefef solid 1px;
 overflow:hidden
}
.list_detail ul li select {
 border:none;
 background-color:transparent;
 box-sizing:border-box;
 -webkit-appearance:none;
 font-size:14px
}
.list_detail li a {
 color:#333
}
.list_detail ul li.noLine {
 border:none
}
.J-open-jf {
 height:16px;
 background:#fff;
 border:1px solid #fc9c33;
 border-radius:2px;
 padding:0 6px;
 color:red;
 font-size:12px;
 position:relative;
 font-style:normal;
 top:-1px;
 cursor:pointer;
 margin-left:5px
}
.BDBottom {
 width:340px;
 margin:0 auto;
 padding:10px 0
}
.BDBottom a {
 color:#29b5ce!important;
 background:#fff;
 padding:8px 8px;
 border-radius:3px;
 float:right;
 border:1px solid #29b5ce
}
.attentiontext {
 border-top:1px dashed #ccc;
 background:#fff;
 padding:20px 0;
 font:12px/160% Arial,Helvetica,sans-serif
}
.stocklistbox {
 max-height:450px;
 overflow-y:auto
}
.stocklistbox ul {
 display:table;
 width:100%
}
.stocklistbox ul li {
 display:table-row
}
.stocklistbox ul li span {
 display:table-cell;
 text-align:center;
 max-width:60%;
 min-width:30px
}
.stocklistbox .stock-item li span {
 line-height:20px;
 padding:6px 0
}
.stocklistbox .title-w {
 background:#f1f1f1
}
.color_blue {
 color:#29b5ce
}
.fixd {
 position:fixed;
 width:100%;
 height:100%
}

.bj-black{background:rgba(0,0,0,0.5);
   width:100%;
   height:100%;
   position:fixed;
   top:0px;
   bottom:0px;
   z-index:667;}
   .pupup {
   background:#fff;
   border-radius:5px;
   padding:20px;
   width:80%;
   margin:100px auto;
   position:relative;
   z-index:99;
}

.com-info {
    margin-top:10px;
    line-height:180%;
    font-size:15px;
}
.pupu-close {
    position:absolute;
    background:#fff;
    opacity:0.6;
    color:#555;
    font-size:24px;
    width:40px;
    height:40px;
    border-radius:30px;
    margin-left:-20px;
    left:50%;
    bottom:-52px;
    line-height:40px;
    text-align:center;
   
}.com-info .company-name {
   font-size:18px;
   font-weight:700;
   color:#29b5ce;
}
.messg span{ color:#999;}
.telbutbox{text-align: center;padding: 20px 0;}
.callbut {
font-size: 16px;
border-radius: 30px;
width: 106px;
text-align: center;
display: inline-block;
padding: 0 5px;
background: #29b5ce;
}
.callbut span{color:#fff}
.callbut span::after {
 content:" ";
 width:20px;
 height:20px;
 background:url(../images/phone.png) no-repeat 0 0;
 background-size:14px;
 display:block;
 float:left;
 margin:3px 0 0 8px
}
.copybut{font-size: 16px;color: #999;border: 1px solid #efefef;border-radius: 30px;width: 80px;text-align: center;display: inline-block;padding: 0 5px;margin-right: 10px;background: #f5f5f5;}
/*新增*/
.control {
    height: 45px;
    line-height: 45px;
    background-color: #fcf9e5;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .control img {
        width: 30px;
        height: 25px;
        margin-top: 7px;
        margin-left: 20px;
        float: left;
    }

.control_1 {
    font-size: 16px;
    color: red;
    margin-left: 10px;
    margin-right: 30px;
    float: left;
}

.control_2 {
    font-size: 12px;
    color: #999;
    float: left;
}
/*新增*/
.combox{padding:10px;border-top:3px solid #f5f5f6;border-bottom:3px solid #f5f5f6;}
.combox h2{font-weight:normal;font-size:16px;}
@media screen and (max-width:960px) {
 #head {
  background:#fff;
  padding:0 10px 15px 10px
 }
 #Keywords {
  padding:5px 10px;
  color:#999;
  height:25px;
  line-height:25px;
  overflow:hidden
 }
 #ChemDirec {
  padding:15px 10px
 }
}
.MoreCon{width:18px;height:15px;background:url(https://www.chemicalbook.com/control/image/icon_icon.png) -48px -299px;cursor:pointer; display:inline-block;background-size:178px;margin-left:2px;}