@charset "utf-8";
/* CSS Document */
/*common css*/
@font-face {
	font-family: 'Conv_POPPINS-LIGHT';
	src: url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-LIGHT.eot');
	src: local('☺'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-LIGHT.woff') format('woff'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-LIGHT.ttf') format('truetype'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-LIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_POPPINS-BOLD';
	src: url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-BOLD.eot');
	src: local('☺'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-BOLD.woff') format('woff'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-BOLD.ttf') format('truetype'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_POPPINS-REGULAR';
	src: url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-REGULAR.eot');
	src: local('☺'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-REGULAR.woff') format('woff'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-REGULAR.ttf') format('truetype'), url('/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/font/POPPINS-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{ margin:0; padding:0; text-decoration:none; list-style:none;font-family: 'Conv_POPPINS-LIGHT';}
h2,h3,h4,h5,h6{ font-weight:normal; margin:0; padding:0}
p,ol,ul{ margin:0; padding:0}
img,input,button,select,textarea{ border:none; outline:none}
.clearfix{ clear: both}
.left{ float:left}
.right{ float:right}
.container{ width:1200px; margin:0 auto; padding:0} 

/*******国际站已有样式*********/
.layout-size1 .layout-size1-left {float: left;width: 74.5%;margin-right: 1%;}
.pdp-message-img .pdp-message-img-box{ width:100%; height:100%; font-size:0}
.pdp-message-img .pdp-message-img-box img {width: 100%; height: 100%;display: none !important;}
.pdp-message-img .pdp-message-img-box img.active {display: inline-block !important;}
.layout-size1 .layout-size1-right {float: left;width: 24.5%;}


/*******国际站已有样式修改*********/
.pdp-message{ padding:45px 0; background:none; border:none}
.pdp-message-img{ float:left; width:350px; margin:0 40px 0 0; height:350px}
.pdp-message-img .pdp-message-img-list{ width:100%; margin-top:20px; height:74px; overflow:hidden; position:static; background:none}
.pdp-message-img .pdp-message-img-list div.swiper-slide img {width:68px;height: 68px; border:1px solid #e1e1e1}
.pdp-message-img .pdp-message-img-list div.slide-target img {border: 2px solid #ff780a;}
.pdp-message-img .pdp-message-img-list div.swiper-slide {font-size: 0; margin-right:12px;}


/*******国际站已有样式新增*********/
.prodetail-message-right{ float:left; margin-top:12px; width:440px;}
.prodetail-message-right h3{ font-weight:bold; color:#333; line-height:24px; font-size:18px; margin-bottom:12px;}
.prodetail-message-right table td{ line-height:28px; font-size:14px; color:#333;}
.prodetail-message-right table th{ line-height:28px; font-size:14px; color:#7a7a7a; font-weight:normal; width:120px;}
.prodetail-message-right table td span{ font-size:20px; color:#ff780a; font-weight:bold}
.prodetail-message-right table td a{ color:#1c70c9; text-decoration:underline; display:inline-block; margin-left:10px;}
.prodetail-message-right ul{ padding:15px 0; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; margin-top:12px; margin-bottom:20px;}
.prodetail-message-right ul li{ display:inline-block; margin-right:25px; cursor:pointer; }
.prodetail-message-right ul li img{ width:16px;}
.prodetail-message-right ul li img:nth-child(2){ display:none}
.prodetail-message-right .prodetail-message-right-inquiry a{ width:160px; height:40px; line-height:40px; background:#fa5d57; color:#fff; font-size:18px; display:block; text-align:center; border-radius:4px;}
.prodetail-description-main{ background:#fff; border:1px solid #e5e5e5; margin-bottom:20px;}
.prodetail-description-tabnv{ background:#e5e5e5; height:50px;}
.prodetail-description-tabnv li{float:left; display:inline-block; }
.prodetail-description-tabnv li a{ padding:0 21px; line-height:48px; color:#333; font-size:18px; display:block;border-top:2px solid transparent;}
.prodetail-description-tabnv li a.active{ background:#fff; border-top:2px solid #1c70c9; color:#1c70c9;}
.navFix{ position:fixed; width:894px; top:0; left:calc((100% - 1200px)/2);background:#e5e5e5; z-index:2; box-shadow:0 0px 8px #ccc; }
.prodetail-description-content{ padding:21px}
.prodetail-description-content h3{ font-size:20px; color:#333; position:relative; line-height:40px; margin-bottom:10px;}
.prodetail-description-content h3:after{ content:''; position:absolute; width:740px; height:10px; left:100px; top:15px; background:#e5e5e5; z-index:1}
.prodetail-description-content h3#prodetail-company:after{ content:''; position:absolute; width:660px; height:10px; left:175px; top:15px; background:#e5e5e5; z-index:1}
.prodetail-description-content h3#prodetail-send-inquiry:after{ content:''; position:absolute; width:700px; height:10px; left:140px; top:15px; background:#e5e5e5; z-index:1}
.prodetail-description-content h3#prodetail-similar-products:after{content:''; position:absolute; width:490px; height:10px; left:355px; top:15px; background:#e5e5e5; z-index:1}
.prodetail-description-content-list h4{ font-size:16px; color:#1c70c9; line-height:24px;margin-bottom:15px; border-bottom:1px dashed #1c70c9; display:inline-block; z-index:1; }
.prodetail-description-content-list h4 img{ margin-right:5px;}
.prodetail-description-content-list li{ width:50%; float:left; line-height:27px; font-size:14px;}
.prodetail-description-content-list li span.product-info-left {
	display: inline-block;
	width: 39%;
	color: #7a7a7a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.prodetail-description-content-list li span.product-info-right {
	display: inline-block;
	width: 58%;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.prodetail-description-content-list{ margin-bottom:35px;}
.prodetail-description-content-list a{ color:#1c70c9; text-decoration:underline; font-size:14px; display:block; padding-top:10px; clear:both}
.product-certificates-image{ text-align:center; margin-right:20px; max-width:250px; float:left}
.product-certificates-image img{ height: 165px;width: 200px;}
.product-certificates-image p{ font-size:16px; height:50px; line-height:20px; padding:15px 0}
.prodetail-description-content-list>p{ font-size:14px; line-height:24px; color:#333;}
.prodetail-description-content-list h5{ font-weight:bold; color:#333; font-size:14px;}
.prodetail-company-profile-left{ width:485px; float:left}
.prodetail-company-profile-left p{ font-size:14px; line-height:24px; color:#333333; margin-bottom:15px;}
.prodetail-company-profile-left a,.prodetail-send-inquiry td button{padding: 0 20px;background-color: #1c70c9;color: #fff;font-size: 14px;line-height: 34px; display:inline-block}
.prodetail-company-profile-right{ width:330px; height:215px; float:left; margin-left:25px;}
.prodetail-company-profile-right img{ display:block; width:100%; height:100%;}
.prodetail-send-inquiry td{ padding:8px 5px 8px 0; font-size:14px; color:#7a7a7a; }
.prodetail-send-inquiry td input{ line-height:34px; border-radius:4px; height:34px; border:1px solid #e5e5e5; padding-left:12px; width:160px; margin-right:10px;}
.prodetail-send-inquiry td select{ line-height:34px; border-radius:4px; height:34px; border:1px solid #e5e5e5; padding-left:12px; width:120px;}
.prodetail-send-inquiry td font{ color:#ff4545}
.prodetail-send-inquiry td textarea{ line-height:24px; border-radius:4px; height:120px; border:1px solid #e5e5e5; padding-left:12px; width:100%; padding-top:8px;}
.prodetail-send-inquiry td p{position:relative; padding-left:20px;}
.prodetail-send-inquiry td input[type="checkbox"],.prodetail-inquiry-right div h4 input[type="checkbox"]{
    width: 16px;
    height: 16px;
    opacity: 0;
    vertical-align: middle;
}
.prodetail-send-inquiry td .checkbox_bg,.prodetail-inquiry-right div h4 .checkbox_bg{
    background: url(/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/images/label_check_active.jpg) no-repeat left center;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
}

.prodetail-send-inquiry td .uncheck-active,.prodetail-inquiry-right div h4 .uncheck-active{
    background: url(/public/f4vu-fld2/20220222210548oe_/https://wcdn.okchem.com/resources/okchem/images/label_check.jpg) no-repeat left center;
}
.prodetail-send-inquiry td span{ color:#333; font-size:14px;}
.prodetail-store-info{ margin:45px 0 20px; padding:25px 20px; background:#e9f1fa}
.prodetail-store-info h3 a{ font-size:14px; text-decoration:underline; color:#333; line-height:20px; font-weight:bold}
.prodetail-store-info h3 img{ margin-left:5px; margin-top:5px;}
.prodetail-store-info div{ margin:15px 0}
.prodetail-store-info p{ color:#333; line-height:20px; font-size:12px; margin-bottom:15px;}
.prodetail-store-info p span{ font-weight:bold;}
.prodetail-store-info>a{ font-size:16px; display:block; margin-bottom:10px; line-height:34px; border-radius:34px; height:34px; border:1px solid #1c70c9; text-align:center;background:#1c70c9; color:#fff}
.prodetail-store-info>a img{ margin-right:5px;}
.prodetail-store-recommend{ background:#fff; border:1px solid #e5e5e5; margin-bottom:20px; padding-bottom:20px;}
.prodetail-store-recommend h3{ font-size:16px; font-weight:bold; color:#333; padding-left:10px; line-height:48px; background:#e9f1fa}
.prodetail-recommend-list{ padding:12px 0; margin:0 10px; border-bottom:1px solid #e5e5e5;}
.prodetail-recommend-list-pic{ width:65px; height:65px; border:1px solid #e5e5e5; float:left}
.prodetail-recommend-list-pic img{ display:block; width:100%; height:100%;}
.prodetail-recommend-list-text{ width:175px; float:left; margin-left:12px;}
.prodetail-recommend-list-text h4,.prodetail-recommend-list-text p{ font-size:12px; color:#333; line-height:18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prodetail-recommend-list-text h5 a{ color:#fa5d57; font-size:12px; line-height:24px;}
.prodetail-recommend-list-text>a{ color:#1c70c9; font-size:14px;}
.prodetail-inquiry-right{padding:25px 20px; background:#e9f1fa; position:fixed; top:20px; width:294px; display:none}
.prodetail-inquiry-right h3{ font-size:14px; color:#7a7a7a; line-height:20px; border-bottom:1px solid #aaa; padding-bottom:5px; margin-bottom:15px;}
.prodetail-inquiry-right h3 span{ display:block; color:#333;}
.prodetail-inquiry-right div{ margin-bottom:12px;}
.prodetail-inquiry-right div p{ font-size:14px; color:#7a7a7a; line-height:24px;}
.prodetail-inquiry-right div p font{ color:#ff4545}
.prodetail-inquiry-right div input{ background:#fff; border:1px solid #e5e5e5; line-height:32px; font-size:12px; height:34px; border-radius:4px; padding-left:12px;}
.prodetail-inquiry-right div select{ background:#fff; border:1px solid #e5e5e5; line-height:32px; font-size:12px; height:34px; border-radius:4px; width:105px; margin-left:8px;}
.prodetail-inquiry-right div:nth-child(2) input{ width:135px;}
.prodetail-inquiry-right div:nth-child(3) input{ width:100%;}
.prodetail-inquiry-right div textarea{ width:100%; padding:5px 12px; height:90px; background:#fff;border:1px solid #e5e5e5; line-height:20px; font-size:12px;}
.prodetail-inquiry-right div h4{ position:relative; padding-left:20px; font-size:12px; color:#7a7a7a; line-height:18px;}
.prodetail-inquiry-right button{ display:inline-block; padding:6px 28px; border-radius:4px; background:#1c70c9; color:#fff; font-size:16px; font-weight:bold;}

.pdp-message-out {
  font-size: 12px;
  color: #7a7a7a;
  min-height: 40px;
  line-height: 20px;
  padding: 0px 10px 10px 45px;
  background-color: #f5f5f5;
  position: relative;
}
.pdp-message-out img {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-60%);
}