div,
span,
p,
a,
button,
html,
body,
ul,
li,
i,
h1,
h2,
h3,
h4,
img,
input,
textarea {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: "SFPro-Display-Bold";
src: url("/frontend/web/font/SF-Pro-Display-Bold.eot");
src: url("/frontend/web/font/SF-Pro-Display-Bold.eot?#iefix")
format("embedded-opentype"),
format("woff"),
url("/frontend/web/font/SF-Pro-Display-Bold.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SFPro-Display-Light";
src: url("/frontend/web/font/SF-Pro-Display-Light.eot");
src: url("/frontend/web/font/SF-Pro-Display-Light.eot?#iefix")
format("embedded-opentype"),
url("/frontend/web/font/SF-Pro-Display-Light.woff") format("woff"),
url("/frontend/web/font/SF-Pro-Display-Light.ttf") format("truetype"),
url("/frontend/web/font/SF-Pro-Display-Light.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SFPro-Display-Regular";
src: url("/frontend/web/font/SF-Pro-Display-Regular.eot");
src: url("/frontend/web/font/SF-Pro-Display-Regular?#iefix")
format("embedded-opentype"),
url("/frontend/web/font/SF-Pro-Display-Regular.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "思源-Bold";
src: url("/frontend/web/font/SourceHanSansCN-Bold.eot");
src: url("/frontend/web/font/SourceHanSansCN-Bold?#iefix")
format("embedded-opentype"),
url("/frontend/web/font/SourceHanSansCN-Bold.woff") format("woff"),
url("/frontend/web/font/SourceHanSansCN-Bold.ttf") format("truetype"),
url("/frontend/web/font/SourceHanSansCN-Bold.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "思源-extralight";
src: url("/frontend/web/font/sourcehansanscn-extralight-webfont.eot");
src: url("/frontend/web/font/sourcehansanscn-extralight-webfont.eot?#iefix")
format("embedded-opentype"),
url("/frontend/web/font/sourcehansanscn-extralight-webfont.ttf")
format("truetype"),
url("/frontend/web/font/sourcehansanscn-extralight-webfont.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "思源-Light";
src: url("/frontend/web/font/SourceHanSansCN-Light.eot");
src: url("/frontend/web/font/SourceHanSansCN-Light.eot?#iefix")
format("embedded-opentype"),
url("/frontend/web/font/SourceHanSansCN-Light.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "思源-Medium";
src: url("/frontend/web/font/SourceHanSansCN-Medium.eot");
src: url("/frontend/web/font/SourceHanSansCN-Medium.eot?#iefix")
format("embedded-opentype"),
url("/frontend/web/font/SourceHanSansCN-Medium.woff") format("woff"),
url("/frontend/web/font/SourceHanSansCN-Medium.ttf") format("truetype"),
url("/frontend/web/font/SourceHanSansCN-Medium.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "思源-normal";
src: url("/frontend/web/font/sourcehansanscn-normal-webfont.eot");
src: url("/frontend/web/font/sourcehansanscn-normal-webfont.eot?#iefix")
format("embedded-opentype"),
format("truetype"),
url("/frontend/web/font/sourcehansanscn-normal-webfont.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Airal-Black-Italic";
src: url("/frontend/web/font/Airal-Black-Italic.eot");
src: url("/frontend/web/font/Airal-Black-Italic?#iefix")
format("embedded-opentype"),
url("/frontend/web/font/Airal-Black-Italic.woff") format("woff"),
url("/frontend/web/font/Airal-Black-Italic.ttf") format("truetype"),
url("/frontend/web/font/Airal-Black-Italic.svg#webfont34M5alKg")
format("svg");
font-weight: normal;
font-style: normal;
}
li {
list-style: none;
}
input,
button {
outline: none;
}
a {
text-decoration: none;
color: inherit;
}
body {
color: #333;
}
.warrper {
width: 1200px;
position: relative;
margin: 0 auto;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
width: 0;
height: 0;
display: block;
clear: both;
overflow: hidden;
}
.float-l {
float: left;
}
.float-r {
float: right;
}
.text-center {
text-align: center;
}
.cursor {
cursor: pointer;
}
.wave {
position: relative;
}
.wave canvas {
position: absolute;
left: 0;
top: 0;
z-index: 1;
border-radius: 12px;
}
.block {
display: block !important;
}
.hide {
display: none !important;
}
.line-clamp-1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
textarea {
resize: none;
outline: none;
}
.footer {
height: 298px;
background: #0b1854;
color: #fff;
}
.footer .link-group {
/*width: 700px;*/
height: 18px;
display: inline-block;
overflow: hidden;
margin-top: 40px;
font-size: 16px;
line-height: 18px;
color: #a4afe2;
}
.footer .link-group .label {
float: left;
font-family: "思源-Light";
}
.footer .link-group .link li {
float: left;
padding: 0 16px;
position: relative;
font-family: "思源-Light";
}
.footer .link-group .link li a {
display: block;
}
.footer .link-group .link li:after {
content: "";
position: absolute;
bottom: 3px;
right: 0;
width: 1px;
height: 14px;
background: #8791c3;
}
.footer .link-group .link li:first-child {
padding-left: 14px;
}
.footer .link-group .link li:last-child:after {
display: none;
}
.footer .company-name {
padding-top: 23px;
font-size: 16px;
line-height: 16px;
color: #a4afe2;
font-weight: 600;
font-family: "思源-Bold";
}
.footer .mobile {
width: 385px;
height: 40px;
display: inline-block;
margin-top: 20px;
background: #0b1853;
border: 1px solid #5b6cb6;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #a4afe2;
border-radius: 18px;
font-family: "思源-normal";
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
}
.footer .mobile a,
.footer .mobile a:hover {
color: #a4afe2;
}
.footer .text {
padding-top: 20px;
font-size: 16px;
line-height: 16px;
color: #a4afe2;
font-family: "思源-Light";
}
.footer .img-group {
padding-top: 20px;
}
.footer .img-group img {
width: 90px;
height: 33px;
margin-left: 18px;
}
.footer .img-group a img {
width: 33px;
}
.footer .img-group a img.zhaoltb {
height: 50px !important;
width: 50px !important;
}
.header {
position: absolute;
top: 27px;
width: 100%;
height: 14px;
z-index: 10;
font-size: 14px;
line-height: 14px;
color: #fff;
}
.header .left {
float: left;
width: auto;
}
.header .left ul,
.header .left li {
float: left;
}
.header .left-select {
width: 109px;
display: inline-block;
cursor: pointer;
}
.header .left-select:after {
content: "";
width: 0;
height: 0;
float: right;
margin: 5px 8px 0 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #fff;
}
.header .right-nav {
float: right;
}
.header .right-nav li {
float: left;
}
.header .right-nav li a,
.header .right-nav li a:hover,
.header .right-nav li a:focus {
color: #fff;
}
.header .right-nav li.dot {
position: relative;
}
.header .top-nav li {
position: relative;
padding: 0 16px;
cursor: pointer;
font-family: "思源-Light";
}
.header .top-nav li a,
.header .top-nav li a:hover,
.header .top-nav li a:focus {
color: #fff;
}
.header .top-nav li:last-child {
padding-right: 0;
}
.header .top-nav li:last-child:after {
display: none;
}
.header .top-nav li:after {
content: "";
position: absolute;
right: 0;
top: 2px;
width: 1px;
height: 11px;
background: #c0c0c0;
}
.home-page .home-top {
position: relative;
height: 1189px;
background: url("https://u-cdn.ibuychem.com/frontend/web/images/top_bg.jpg")
no-repeat scroll center / cover;
overflow: hidden;
}
.home-page .home-top .info {
padding-top: 230px;
width: 512px;
display: inline-block;
color: #fff;
position: relative;
z-index: 1;
margin-left: 40px;
}
.home-page .home-top .info .title {
font-size: 70px;
line-height: 70px;
font-weight: 100;
color: #d7d7d8;
font-family: "思源-extralight";
}
.home-page .home-top .info .subtitle {
padding-top: 20px;
line-height: 70px;
font-size: 70px;
font-weight: 400;
color: #d7d7d8;
font-family: "思源-normal";
}
.home-page .home-top .info .zn-title {
padding: 32px 0 0 14px;
font-size: 17px;
color: #d7d7d8;
font-family: "SFPro-Display-Light";
}
.home-page .home-top .info .home-search {
position: relative;
margin-top: 45px;
}
.home-page .home-top .info .home-search .search-box {
position: relative;
height: 53px;
float: left;
}
.home-page .home-top .info .home-search .search-box .search-input {
width: 464px;
height: 100%;
padding: 0 45px 0 35px;
border-radius: 30px;
border: 0;
font-size: 15px;
box-shadow: 4px 4px 24px #bbbec6 inset, -2px -2px 24px #bbbec6 inset;
}
.home-page .home-top .info .home-search .search-box .search-input::placeholder {
color: #0a1b5f;
}
.home-page .home-top .info .home-search .search-box .search-icon {
position: absolute;
top: 17px;
right: 20px;
width: 22px;
height: 21px;
display: inline-block;
z-index: 3;
background: url("../../images/search.png") no-repeat scroll center / cover;
cursor: pointer;
}
.home-page .home-top .info .home-search .search-btn {
padding-top: 10px;
width: 28px;
float: right;
font-size: 14px;
line-height: 17px;
cursor: pointer;
font-family: "思源-Medium";
}
.home-page .home-top .info .home-search .search-result {
display: none;
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: 182px;
overflow: auto;
padding: 22px 14px;
background: #eaedf7;
border-radius: 12px;
z-index: 3;
}
.home-page .home-top .info .home-search .search-result ul li {
height: 30px;
padding: 0 20px;
margin-bottom: 15px;
color: #333;
font-size: 13px;
line-height: 30px;
border-radius: 15px;
cursor: pointer;
}
.home-page .home-top .info .home-search .search-result ul li:hover {
background: #d1d6e7;
}
.home-page .home-top .info .home-search .natrue-box {
position: absolute;
top: 80px;
left: 0;
display: block;
width: 550px;
height: 242px;
background: #eaedf7;
border-radius: 12px;
display: none;
z-index: 5;
}
.home-page .home-top .info .home-search .natrue-box .select-list {
position: absolute;
top: 45px;
left: 0;
width: 180px;
height: 154px;
display: none;
padding: 20px 0;
background: #eaedf7;
z-index: 5;
color: #333;
box-shadow: 2px 2px 9px #dadde7, -2px -2px 12px #dadde7;
border-radius: 9px;
overflow: hidden;
}
.home-page
.home-top
.info
.home-search
.natrue-box
.select-list
.scroll-wrapper {
height: 100%;
}
.home-page
.home-top
.info
.home-search
.natrue-box
.select-list
.scroll-wrapper
.scroll-element.scroll-y {
top: 0;
}
.home-page .home-top .info .home-search .natrue-box .select-list ul {
height: 100%;
padding: 0 20px;
overflow-y: auto;
}
.home-page .home-top .info .home-search .natrue-box .select-list ul li {
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
color: #666;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-page .home-top .info .home-search .natrue-box .content {
position: relative;
width: 100%;
height: 100%;
}
.home-page .home-top .info .home-search .natrue-box .natrue-position {
position: relative;
}
.home-page .home-top .info .home-search .natrue-box .natrue-position:before {
content: "";
position: absolute;
top: -18px;
right: 40px;
width: 0;
height: 0;
display: inline-block;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
border-bottom: 18px solid #eaedf7;
}
.home-page .home-top .info .home-search .natrue-box .input-warrper {
height: 220px;
padding: 35px 30px 35px 35px;
overflow-y: auto;
}
.home-page .home-top .info .home-search .natrue-box .natrue-btn {
position: absolute;
bottom: -20px;
left: 50%;
width: 294px;
height: 48px;
display: inline-block;
margin-left: -147px;
background: #b4c4fb;
font-size: 18px;
line-height: 48px;
color: #0c2870;
text-align: center;
font-weight: 900;
border-radius: 40px;
z-index: 3;
cursor: pointer;
}
.home-page .home-top .info .home-search .natrue-box .input-item {
height: 39px;
margin-bottom: 16px;
}
.home-page .home-top .info .home-search .natrue-box .input-item .select-box {
position: relative;
width: 180px;
height: 100%;
float: left;
margin-right: 20px;
background: #eaedf7;
}
.home-page
.home-top
.info
.home-search
.natrue-box
.input-item
.select-box
input {
width: 100%;
height: 100%;
padding: 0 26px;
border: 0;
outline: none;
font-size: 14px;
border-radius: 30px;
overflow: hidden;
border: 1px solid #b5b5b5;
background: #fff;
font-family: "思源-Light";
}
.home-page
.home-top
.info
.home-search
.natrue-box
.input-item
.select-box
input::placeholder {
color: #999;
}
.home-page .home-top .info .home-search .natrue-box .input-item .input-box {
width: 100px;
height: 100%;
float: left;
border: 1px solid #b5b5b5;
border-radius: 30px;
overflow: hidden;
background: #eaedf7;
}
.home-page
.home-top
.info
.home-search
.natrue-box
.input-item
.input-box
input {
width: 100%;
height: 100%;
border: 0;
text-align: center;
outline: none;
font-size: 14px;
font-family: "思源-Light";
}
.home-page
.home-top
.info
.home-search
.natrue-box
.input-item
.input-box
input::placeholder {
color: #333;
}
.home-page .home-top .info .home-search .natrue-box .input-item .symbol {
float: left;
width: 10px;
height: 2px;
margin: 18px 10px 0;
background: #333;
}
.home-page .home-top .info .home-search .natrue-box .input-item .add {
float: right;
width: 29px;
height: 29px;
display: inline-block;
margin-top: 5px;
background: url("../../images/add.png") no-repeat;
cursor: pointer;
}
.home-page .home-top .info .home-search .natrue-box .input-item .remove {
float: right;
width: 29px;
height: 29px;
display: inline-block;
margin-top: 5px;
background: url("../../images/remove.png") no-repeat;
cursor: pointer;
}
.home-page .home-top .info .labels-box {
width: 358px;
padding: 27px 0 0 14px;
}
.home-page .home-top .info .labels-box .label-item {
display: inline-block;
margin: 0 21px 19px 0;
font-size: 14px;
line-height: 14px;
color: #6172b6;
font-family: "思源-Light";
}
.home-page .home-top .ball-wrapper {
position: absolute;
width: 860px;
height: 841px;
top: 0;
right: -100px;
}
.home-page .home-top .ball {
width: 600px;
height: 600px;
margin: 113px 0 0 146px;
background: url(../../images/ball-bg.png) no-repeat;
background-size: 100% 100%;
}
.home-page .home-top .data {
padding: 115px 28px 0;
color: #fff;
overflow: hidden;
}
.home-page .home-top .data .data-item {
float: left;
width: 330px;
height: 110px;
text-align: center;
border-bottom: 1px solid #fff;
}
.home-page .home-top .data .data-item:first-child {
width: 255px;
margin-right: 150px;
}
.home-page .home-top .data .data-item:last-child {
margin-left: 76px;
}
.home-page .home-top .data .data-item .num {
font-size: 44px;
line-height: 44px;
font-weight: 100;
font-family: "思源-extralight";
}
.home-page .home-top .data .data-item .text {
padding-top: 14px;
font-size: 20px;
line-height: 20px;
color: #597eff;
font-family: "思源-extralight";
}
.home-page .product-box {
background: #f7f7f7;
}
.home-page .product-box .product-center {
position: relative;
top: -175px;
padding: 69px 0 0;
background: #f2f2f2;
border-radius: 14px;
}
.home-page .product-box .product-center .content {
padding: 18px 47px 10px;
margin-top: 44px;
border-radius: 14px;
overflow: hidden;
box-shadow: -2px -2px 7px #f2f2f2, 2px 1px 7px #ececec, -2px 1px 7px #ececec;
}
.home-page .product-box .product-center .content .product-item {
float: left;
width: 189px;
height: 298px;
padding: 4px;
margin: 0 40px 60px 0;
background: #fff;
text-align: center;
border-radius: 10px;
box-shadow: 0px 10px 35px #d6d6d6;
cursor: pointer;
overflow: hidden;
}
.home-page
.product-box
.product-center
.content
.product-item.effect2
.product-itemw {
height: 100%;
}
.home-page
.product-box
.product-center
.content
.product-item.effect2
.product-itemw
.hide-box {
display: block;
animation: none;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
-webkit-transform: translateY(64%);
-moz-transform: translateY(64%);
-o-transform: translateY(64%);
-ms-transform: translateY(64%);
}
.home-page
.product-box
.product-center
.content
.product-item.effect2
.product-itemw
.hide-box
.type-group {
margin-top: 10px;
}
.home-page
.product-box
.product-center
.content
.product-item.effect2:hover
.hide-box {
animation: waveListAnimationEffect2 300ms linear;
-webkit-animation: waveListAnimationEffect2 300ms linear;
-moz-animation: waveListAnimationEffect2 300ms linear;
-o-animation: waveListAnimationEffect2 300ms linear;
-ms-animation: waveListAnimationEffect2 300ms linear;
animation-delay: 500ms;
animation-fill-mode: forwards;
}
.home-page .product-box .product-center .content .product-item .product-itemw {
border-radius: 9px;
overflow: hidden;
}
.home-page
.product-box
.product-center
.content
.product-item
.product-itemw
.bubble {
z-index: 11;
}
.home-page .product-box .product-center .content .product-item .product-itemc {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.home-page
.product-box
.product-center
.content
.product-item
.product-itemc
.product-itemr {
position: relative;
width: 100%;
height: 100%;
}
.home-page .product-box .product-center .content .product-item:nth-of-type(5n) {
margin-right: 0;
}
.home-page .product-box .product-center .content .product-item:hover .hide-box {
display: block;
}
.home-page .product-box .product-center .content .product-item .hide-box {
position: relative;
z-index: 10;
background: #eaedf7;
padding: 0 0 20px 0;
border-radius: 9px;
animation: waveListAnimation 1s linear;
-webkit-animation: waveListAnimation 1s linear;
-moz-animation: waveListAnimation 1s linear;
-o-animation: waveListAnimation 1s linear;
-ms-animation: waveListAnimation 1s linear;
animation-delay: 200ms;
animation-fill-mode: forwards;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%);
display: none;
}
.home-page .product-box .product-center .content .product-item .hide-box .name {
color: #09124f;
padding-top: 25px;
font-size: 17px;
line-height: 17px;
font-family: "思源-Medium";
}
.home-page
.product-box
.product-center
.content
.product-item
.hide-box
.zn-name {
color: #09124f;
padding-top: 10px;
font-size: 12px;
height: 34px;
word-break: break-all;
font-family: "SF-Pro-Display-Regular";
}
.home-page
.product-box
.product-center
.content
.product-item
.hide-box
.type-group {
height: 200px;
overflow: hidden;
padding: 5px 15px 0 0;
box-sizing: border-box;
margin-top: 5px;
}
.home-page
.product-box
.product-center
.content
.product-item
.hide-box
.type-group
li {
line-height: 20px;
margin-bottom: 17px;
position: relative;
float: left;
padding-left: 30px;
text-align: left;
box-sizing: border-box;
font-family: "思源-normal";
}
.home-page
.product-box
.product-center
.content
.product-item
.hide-box
.type-group
li:before {
content: "";
position: absolute;
top: 11px;
left: 22px;
width: 2px;
height: 2px;
float: left;
background: #666;
}
.home-page
.product-box
.product-center
.content
.product-item
.hide-box
.type-group
li
a {
font-size: 13px;
color: #666;
}
.home-page
.product-box
.product-center
.content
.product-item
.hide-box
.type-group
li:hover
a {
color: #001fee;
text-decoration: underline !important;
}
.home-page
.product-box
.product-center
.content
.product-item
.hide-box
.type-group
li:hover:before {
background: #001fee;
}
.home-page .product-box .product-center .content .product-item .img {
width: 90px;
height: 90px;
display: inline-block;
margin-top: 62px;
}
.home-page .product-box .product-center .content .product-item .info {
margin-top: 38px;
padding: 0 20px;
height: 100px;
background: #eaedf7;
border-radius: 9px;
color: #09124f;
position: relative;
}
.home-page .product-box .product-center .content .product-item .name {
padding-top: 24px;
font-size: 17px;
line-height: 17px;
}
.home-page .product-box .product-center .content .product-item .zn-name {
padding-top: 10px;
font-size: 12px;
word-break: break-all;
height: 34px;
}
.home-page .product-box .recommend-product {
position: relative;
top: -125px;
padding: 69px 0 0;
background: #f2f2f2;
border-radius: 14px;
margin-bottom: 88px;
}
.home-page .product-box .recommend-product .swiper-container2 {
overflow: hidden;
padding-bottom: 114px;
}
.home-page .product-box .recommend-product .swiper-slide {
width: 246px;
}
.home-page .product-box .recommend-product .content {
position: relative;
margin-top: 44px;
border-radius: 14px;
}
.home-page .product-box .recommend-product .content .left-icon {
position: absolute;
left: 15px;
top: 140px;
z-index: 2;
width: 17px;
height: 24px;
display: inline-block;
background: url("../../images/left_icon2.png") no-repeat scroll center / cover;
cursor: pointer;
outline: none;
}
.home-page .product-box .recommend-product .content .right-icon {
position: absolute;
right: 15px;
top: 140px;
z-index: 2;
width: 17px;
height: 24px;
display: inline-block;
background: url("../../images/right_icon2.png") no-repeat scroll center /
cover;
cursor: pointer;
outline: none;
}
.home-page .product-box .recommend-product .product-list {
width: 100%;
overflow-x: hidden;
padding-bottom: 104px;
padding: 18px 47px 0 47px;
white-space: nowrap;
}
.home-page .product-box .recommend-product .product-list .item {
position: relative;
width: 246px;
height: 306px;
display: inline-block;
margin-right: 37px;
border-radius: 12px;
padding: 4px;
background: #fff;
box-shadow: 0px 10px 15px #d6d6d6;
}
.home-page .product-box .recommend-product .product-list .item .title {
height: 95px;
padding: 22px 20px 18px;
background: #eaedf7;
border-radius: 12px;
white-space: initial;
}
.home-page .product-box .recommend-product .product-list .item .title h3 {
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #09124f;
}
.home-page .product-box .recommend-product .product-list .item .info {
margin: 0 10px;
padding: 0 9px 16px;
}
.home-page .product-box .recommend-product .product-list .item .info .cloumn {
margin-top: 20px;
font-size: 14px;
line-height: 14px;
color: #666;
}
.home-page .product-box .recommend-product .product-list .item .company {
position: absolute;
bottom: 20px;
width: 238px;
padding: 14px 18px 0 15px;
border-top: 2px solid #f5f7f8;
}
.home-page .product-box .recommend-product .product-list .item .company .img {
float: left;
width: 50px;
height: 50px;
}
.home-page .product-box .recommend-product .product-list .item .company .name {
float: left;
width: 150px;
margin-top: 5px;
padding-left: 12px;
font-size: 16px;
line-height: 23px;
white-space: initial;
}
.home-page .product-box .recommend-product .more {
position: absolute;
bottom: 0;
left: 50%;
width: 348px;
height: 56px;
display: inline-block;
margin: 0 0 -21px -174px;
text-align: center;
font-size: 20px;
line-height: 56px;
background: #fff;
border-radius: 48px;
color: #0c2870;
box-shadow: 0 20px 48px #dfded4;
font-family: "思源-normal";
}
.home-page .home-title {
text-align: center;
}
.home-page .home-title .zn-text {
font-size: 20px;
line-height: 20px;
color: #7e7e7e;
font-family: "SF-Pro-Display-Light";
}
.home-page .home-title .text {
padding-top: 15px;
font-size: 25px;
line-height: 25px;
color: #7e7e7e;
font-weight: bold;
font-family: "思源-Bold";
}
.home-page .trade-expert {
height: 950px;
background: #e6e9f2;
}
.home-page .trade-expert .expert-banner {
width: 100%;
}
.home-page .trade-expert .expert-banner .img {
width: 100%;
height: 182px;
margin-top: -127px;
}
.home-page .trade-expert .home-title {
padding-top: 90px;
}
.home-page .trade-expert .home-title .zn-text {
color: #7c86a6;
}
.home-page .trade-expert .home-title .text {
color: #7c86a6;
}
.home-page .trade-expert .expert-content {
padding: 66px 0 0 36px;
}
.home-page .trade-expert .expert-content .expert-item {
width: 544px;
height: 270px;
display: inline-block;
margin-bottom: 60px;
background: #fff;
border-radius: 12px;
}
.home-page .trade-expert .expert-content .expert-item:nth-of-type(2n) {
float: right;
}
.home-page .trade-expert .expert-content .expert-item:hover .right-box {
background: #989fb6 url("../../images/right_white_big.png") no-repeat scroll
center;
background-size: 11px 20px;
}
.home-page .trade-expert .expert-content .expert-item .img-warrper {
width: 160px;
height: 160px;
float: left;
border: 5px solid #fff;
margin: 50px 0 0 -33px;
border-radius: 50%;
overflow: hidden;
background: #fff;
box-shadow: 4px 4px 10px #e0e0e0, -4px -4px 10px #e0e0e0;
cursor: pointer;
}
.home-page .trade-expert .expert-content .expert-item .img-warrper .img {
width: 100%;
height: 100%;
}
.home-page .trade-expert .expert-content .expert-item .expert-info {
width: 287px;
height: 194px;
display: inline-block;
vertical-align: top;
padding-left: 16px;
margin-top: 35px;
color: #666;
cursor: pointer;
}
.home-page .trade-expert .expert-content .expert-item .name {
font-size: 26px;
line-height: 26px;
font-family: "思源-Bold";
}
.home-page .trade-expert .expert-content .expert-item .type {
margin-left: 16px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
font-family: "思源-Bold";
}
.home-page .trade-expert .expert-content .expert-item .title {
padding-top: 22px;
font-size: 16px;
line-height: 16px;
font-weight: 600;
font-family: "思源-Bold";
}
.home-page .trade-expert .expert-content .expert-item .trait {
padding-top: 15px;
height: 90px;
}
.home-page .trade-expert .expert-content .expert-item .trait li {
height: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 12px;
font-size: 14px;
line-height: 18px;
font-family: "思源-normal";
}
.home-page .trade-expert .expert-content .expert-item .bottom {
padding-top: 15px;
text-align: right;
}
.home-page .trade-expert .expert-content .expert-item .start {
display: inline-block;
font-size: 12px;
line-height: 22px;
color: #666;
font-weight: 600;
}
.home-page .trade-expert .expert-content .expert-item .start i {
width: 23px;
height: 22px;
display: inline-block;
margin-right: 6px;
background: url("../../images/start.png") no-repeat scroll center / cover;
vertical-align: text-bottom;
cursor: pointer;
}
.home-page .trade-expert .expert-content .expert-item .collect {
margin-left: 31px;
font-size: 12px;
color: #666;
font-weight: 600;
font-family: "Arial Black";
}
.home-page .trade-expert .expert-content .expert-item .collect i {
width: 20px;
height: 18px;
display: inline-block;
margin-right: 6px;
background: url("../../images/collect.png") no-repeat scroll center / cover;
vertical-align: text-bottom;
cursor: pointer;
}
.home-page .trade-expert .expert-content .expert-item .right-box {
width: 62px;
height: 100%;
float: right;
background: #f5f7f8 url("../../images/right_black_big.png") no-repeat scroll
center;
background-size: 11px 20px;
cursor: pointer;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.home-page .onLine-class {
height: 730px;
background: #f2f1e6;
}
.home-page .onLine-class .more {
width: 348px;
height: 56px;
display: inline-block;
margin-top: -21px;
text-align: center;
font-size: 20px;
line-height: 56px;
background: #fff;
border-radius: 48px;
color: #0c2870;
box-shadow: 0 20px 48px #dfded4;
font-family: "思源-normal";
}
.home-page .onLine-class .home-title {
padding-top: 108px;
}
.home-page .onLine-class .home-title .zn-text,
.home-page .onLine-class .home-title .text {
color: #9e9b7e;
}
.home-page .onLine-class .video-box {
width: 100%;
float: left;
height: 440px;
margin: 73px 0 0 0;
overflow: hidden;
}
.home-page .onLine-class .video-box .video-box-content {
position: relative;
height: 1px;
width: 1200px;
margin: 0 auto;
}
.home-page .onLine-class .video-box .video-box-content .left-tab {
display: none;
}
.home-page .onLine-class .video-box .video-box-content .left-tab.active {
display: block;
}
.home-page .onLine-class .video-box .left {
min-width: 260px;
position: absolute;
top: 80px;
max-width: 270px;
}
.home-page .onLine-class .video-box .left .title {
font-size: 35px;
line-height: 42px;
color: #666;
font-weight: 100;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
font-family: "思源-Light";
}
.home-page .onLine-class .video-box .left .name {
padding-top: 17px;
font-size: 27px;
line-height: 27px;
color: #666;
font-weight: 100;
font-family: "思源-Light";
}
.home-page .onLine-class .video-box .left .job {
padding-top: 14px;
font-size: 14px;
line-height: 14px;
color: #999;
font-family: "思源-Bold";
}
.home-page .onLine-class .video-box .left .collect {
padding-top: 27px;
font-size: 12px;
line-height: 18px;
color: #666;
font-weight: 900;
overflow: hidden;
font-family: "Arial-Black";
}
.home-page .onLine-class .video-box .left .collect i {
width: 20px;
height: 18px;
float: left;
background: url("../../images/collect.png") no-repeat scroll center / cover;
margin-right: 9px;
vertical-align: text-top;
}
.home-page .onLine-class .video-box .left .collect span {
float: left;
}
.home-page .onLine-class .video-box .content {
float: right;
width: 68%;
flex: 1 1 100%;
}
.home-page .onLine-class .video-box .content .video-group {
position: relative;
white-space: nowrap;
overflow: hidden;
}
.home-page .onLine-class .video-box .content .swiper-slide {
width: 670px;
}
.home-page .onLine-class .video-box .content .class-item {
position: relative;
width: 100%;
height: 345px;
display: inline-block;
margin-right: 30px;
padding: 10px;
}
.home-page .onLine-class .video-box .content .class-item .cover {
width: 100%;
height: 100%;
border-radius: 20px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.home-page .onLine-class .video-box .content .class-item .play {
position: absolute;
top: 50%;
left: 50%;
width: 152px;
height: 152px;
margin: -76px 0 0 -76px;
z-index: 3;
cursor: pointer;
background: url("../../images/play.png") no-repeat scroll center / cover;
}
.home-page .onLine-class .video-box .content .btn-box {
position: relative;
margin-top: -35px;
height: 49px;
text-align: left;
padding-left: 470px;
z-index: 3;
}
.home-page .onLine-class .video-box .content .btn-box .btn {
width: 49px;
height: 100%;
display: inline-block;
border-radius: 9px;
background: #fff url("../../images/left_gray.png") no-repeat scroll center;
background-size: 15px 13px;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.home-page .onLine-class .video-box .content .btn-box .btn:focus {
outline: none;
}
.home-page .onLine-class .video-box .content .btn-box .btn:hover {
background: #597eff url("../../images/left_white.png") no-repeat scroll center;
background-size: 15px 13px;
}
.home-page .onLine-class .video-box .content .btn-box .btn.right-btn {
margin-left: 16px;
background: #fff url("../../images/right_gray.png") no-repeat scroll center;
background-size: 15px 13px;
}
.home-page .onLine-class .video-box .content .btn-box .btn.right-btn:hover {
background: #597eff url("../../images/right_white.png") no-repeat scroll
center;
background-size: 15px 13px;
}
.search-result {
display: none;
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: 182px;
overflow: auto;
padding: 22px 14px;
background: #eaedf7;
border-radius: 12px;
z-index: 3;
}
.search-result ul li {
height: 30px;
padding: 0 20px;
margin-bottom: 15px;
color: #333;
font-size: 13px;
line-height: 30px;
border-radius: 15px;
cursor: pointer;
}
.search-result ul li:hover {
background: #d1d6e7;
}
.natrue-box {
position: absolute;
top: 80px;
left: 0;
display: block;
width: 103%;
height: 242px;
background: #eaedf7;
border-radius: 12px;
display: none;
z-index: 5;
}
.natrue-box .select-list {
position: absolute;
top: 45px;
left: 0;
width: 33%;
height: 154px;
display: none;
padding: 20px 0;
background: #eaedf7;
z-index: 5;
color: #333;
box-shadow: 2px 2px 9px #dadde7, -2px -2px 12px #dadde7;
border-radius: 9px;
}
.natrue-box .select-list .scroll-wrapper {
height: 100%;
}
.natrue-box .select-list .scroll-wrapper .scroll-element.scroll-y {
top: 0;
}
.natrue-box .select-list ul {
height: 100%;
padding: 0 20px;
overflow-y: auto;
}
.natrue-box .select-list ul li {
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
color: #666;
cursor: pointer;
font-family: "思源-Light";
}
.natrue-box .content {
position: relative;
width: 100%;
height: 100%;
}
.natrue-box .natrue-position {
position: relative;
}
.natrue-box .natrue-position:before {
content: "";
position: absolute;
top: -18px;
right: 40px;
width: 0;
height: 0;
display: inline-block;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
border-bottom: 18px solid #eaedf7;
}
.natrue-box .input-warrper {
height: 220px;
padding: 35px 30px 35px 35px;
overflow-y: auto;
}
.natrue-box .natrue-btn {
position: absolute;
bottom: -20px;
left: 50%;
width: 294px;
height: 48px;
display: inline-block;
margin-left: -147px;
background: #b4c4fb;
font-size: 18px;
line-height: 48px;
color: #0c2870;
text-align: center;
font-weight: 900;
border-radius: 40px;
z-index: 3;
cursor: pointer;
}
.natrue-box .input-item {
height: 39px;
margin-bottom: 16px;
}
.natrue-box .input-item .select-box {
position: relative;
width: 35%;
height: 100%;
float: left;
margin-right: 20px;
background: #eaedf7;
}
.natrue-box .input-item .select-box input {
width: 100%;
height: 100%;
padding: 0 26px;
border: 0;
outline: none;
font-size: 14px;
border-radius: 30px;
overflow: hidden;
border: 1px solid #b5b5b5;
background: #fff;
}
.natrue-box .input-item .select-box input::placeholder {
color: #333;
}
.natrue-box .input-item .input-box {
width: 20%;
height: 100%;
float: left;
border: 1px solid #b5b5b5;
border-radius: 30px;
overflow: hidden;
background: #eaedf7;
}
.natrue-box .input-item .input-box input {
width: 100%;
height: 100%;
border: 0;
text-align: center;
outline: none;
font-size: 14px;
}
.natrue-box .input-item .input-box input::placeholder {
color: #333;
}
.natrue-box .input-item .symbol {
float: left;
width: 10px;
height: 2px;
margin: 18px 10px 0;
background: #333;
}
.natrue-box .input-item .add {
float: right;
width: 29px;
height: 29px;
display: inline-block;
margin-top: 5px;
background: url("../../images/add.png") no-repeat;
cursor: pointer;
}
.natrue-box .input-item .remove {
float: right;
width: 29px;
height: 29px;
display: inline-block;
margin-top: 5px;
background: url("../../images/remove.png") no-repeat;
cursor: pointer;
}
.page-productDetails .more-icon {
width: 13px;
height: 7px;
display: inline-block;
margin-left: 7px;
background: url("../../images/more.png") no-repeat scroll center / cover;
}
.page-productDetails .more-icon.more-blue {
background: url("../../images/more_blue.png") no-repeat scroll center / cover;
}
.page-productDetails .productDetails-top {
height: 210px;
padding-top: 104px;
background: #0c317a;
}
.page-productDetails .productDetails-top .ylk-search {
display: flex;
height: 53px;
justify-content: space-between;
position: relative;
}
.page-productDetails .productDetails-top .ylk-search .logo {
width: 130px;
height: 48px;
margin: 3px 32px 0 0;
}
.page-productDetails .productDetails-top .ylk-search .search-box {
position: relative;
width: 81.66%;
height: 100%;
border-radius: 50px;
overflow: hidden;
}
.page-productDetails .productDetails-top .ylk-search .search-box .search-input {
width: 100%;
height: 100%;
padding: 0 45px 0 35px;
border-radius: 30px;
border: 0;
font-size: 15px;
box-shadow: 4px 4px 24px #bbbec6 inset, -2px -2px 24px #bbbec6 inset;
}
.page-productDetails .productDetails-top .ylk-search .search-box .search-icon {
position: absolute;
top: 17px;
right: 20px;
width: 22px;
height: 21px;
display: inline-block;
z-index: 3;
background: url(../../images/search.png) no-repeat scroll center / cover;
cursor: pointer;
}
.page-productDetails .productDetails-top .ylk-search .search-btn {
padding-top: 10px;
width: 28px;
font-size: 14px;
line-height: 17px;
cursor: pointer;
color: #fff;
}
.page-productDetails .productDetails-content {
position: relative;
background: #0d3078;
}
.page-productDetails .productDetails-content .left-bg {
position: absolute;
top: 0;
left: 0;
background: #f8f8f8;
width: 63.12%;
min-height: 100%;
border-top-left-radius: 40px;
}
.page-productDetails .productDetails-content .right-bg {
position: absolute;
top: 0;
right: 0;
background: #f5f3f3;
width: 36.88%;
height: 100%;
border-top-right-radius: 40px;
}
.page-productDetails .productDetails-content .right-bg + .warrper {
display: flex;
}
.page-productDetails .productDetails-content .warrper {
height: 100%;
overflow: hidden;
}
.page-productDetails .productDetails-content .left {
position: relative;
float: left;
width: 854px;
min-height: 100%;
padding-right: 68px;
border-top-right-radius: 40px;
background: #f8f8f8;
z-index: 3;
padding-bottom: 94px;
}
.page-productDetails .productDetails-content .left:before {
content: "";
position: absolute;
top: 0;
right: -8px;
width: 45px;
height: 41px;
display: inline-block;
z-index: 10;
background: url("../../images/top_radius.png") no-repeat;
}
.page-productDetails .productDetails-content .left:after {
content: "";
position: absolute;
bottom: 0;
right: -45px;
width: 45px;
height: 41px;
display: inline-block;
z-index: 10;
background: url("../../images/radius.png") no-repeat;
}
.page-productDetails .productDetails-content .left .get-invoice {
position: absolute;
top: 65px;
right: 50px;
width: 150px;
display: inline-block;
/* background: url(../../images/img1.png) no-repeat;
background-size: 100% 100%; */
text-align: center;
cursor: pointer;
}
/* .page-productDetails .productDetails-content .left .get-invoice:hover {
animation: scrollBottom 500ms;
animation-fill-mode: forwards;
} */
.page-productDetails .productDetails-content .left .get-invoice .search-icon {
width: 24px;
height: 24px;
display: inline-block;
margin-top: 32px;
background: url("https://u-cdn.ibuychem.com/frontend/web/images/invoice_search.png")
no-repeat;
}
.page-productDetails .productDetails-content .left .get-invoice .invoice-text {
display: inline-block;
height: 36px;
line-height: 36px;
width: 150px;
font-size: 15px;
color: #fff;
font-family: "思源-Bold";
background: #0c317a;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.page-productDetails .productDetails-content .left .base-info .tool {
padding-top: 36px;
}
.page-productDetails .productDetails-content .left .base-info .tool .tool-item {
display: inline-block;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item.collect
.icon {
background: url("../../images/details_collect.png") no-repeat scroll top /
cover;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item.choose
.icon {
background: url("../../images/details_choose.png") no-repeat scroll top /
cover;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item.active
.icon {
background: url("../../images/details_edit_active.png") no-repeat scroll top /
cover;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item.active.collect
.icon {
background: url("../../images/details_collect_active.png") no-repeat scroll
top / cover;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item.active.choose {
display: none;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item.active
.text {
color: #597eff;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item
.icon {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 7px;
background: url("../../images/details_edit.png") no-repeat scroll top / cover;
vertical-align: middle;
}
.page-productDetails
.productDetails-content
.left
.base-info
.tool
.tool-item
.text {
font-size: 14px;
line-height: 14px;
color: #999;
margin-right: 25px;
}
.page-productDetails .productDetails-content .left .base-info .title {
margin-top: 67px;
padding-right: 250px;
font-size: 34px;
line-height: 34px;
color: #333333;
font-family: "思源-Bold";
}
.page-productDetails .productDetails-content .left .base-info .title-warrper {
padding-right: 170px;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.base-info
.title-warrper
.title {
max-width: 550px;
float: left;
margin-top: 25px;
padding-right: 0;
font-size: 34px;
line-height: 46px;
color: #333333;
font-family: "思源-Bold";
}
.page-productDetails
.productDetails-content
.left
.base-info
.title-warrper
.choose-icon {
width: 50px;
height: 48px;
float: left;
margin-top: 19px;
margin-left: 10px;
background: url(../../images/detials_icon.png) no-repeat scroll top / cover;
}
.page-productDetails .productDetails-content .left .base-info .subtitle {
padding-top: 20px;
font-size: 19px;
color: #666;
font-family: "SFPro-Display-Light";
}
.page-productDetails .productDetails-content .left .base-info .introduce {
padding: 12px 0 53px;
}
.page-productDetails
.productDetails-content
.left
.base-info
.introduce
.introduce-item {
position: relative;
margin-right: 35px;
padding-left: 15px;
display: inline-block;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.base-info
.introduce
.introduce-item:before {
content: "";
position: absolute;
top: 7px;
left: 0;
width: 5px;
height: 5px;
display: inline-block;
border-radius: 50%;
background: #597eff;
}
.page-productDetails
.productDetails-content
.left
.base-info
.introduce
.introduce-item.block {
margin-top: 16px;
display: block;
}
.page-productDetails
.productDetails-content
.left
.base-info
.introduce
.introduce-item
.label {
margin-right: 9px;
font-size: 12px;
color: #999;
}
.page-productDetails
.productDetails-content
.left
.base-info
.introduce
.introduce-item
.text {
font-size: 14px;
}
.page-productDetails .productDetails-content .left .base-info .provider {
padding: 17px 200px 0 0;
font-size: 13px;
color: #999;
line-height: 21px;
font-family: "思源-Light";
}
.page-productDetails .productDetails-content .left .base-info .provider .gray {
margin: 0 5px 0 5px;
color: #666;
font-weight: 600;
font-family: "思源-Bold";
}
.page-productDetails
.productDetails-content
.left
.base-info
.provider
.qy_img_show {
width: 16px;
display: inline-block;
vertical-align: text-bottom;
margin: 0 5px 0;
}
.page-productDetails
.productDetails-content
.left
.base-info
.provider
.compony-icon {
width: 21px;
height: 21px;
display: inline-block;
margin-right: 6px;
background: url("../../images/company_icon.png") no-repeat scroll center /
cover;
vertical-align: bottom;
}
.page-productDetails .productDetails-content .left .base-info .evaluate {
padding-top: 75px;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.evaluate-item {
float: left;
margin-left: 25px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.evaluate-item:first-child {
margin-left: 0;
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.evaluate-item:after {
content: "";
width: 1px;
height: 12px;
float: right;
margin-top: 3px;
margin-left: 28px;
background: #cecece;
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.evaluate-item
.label {
font-size: 14px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.evaluate-item
.num {
font-size: 16px;
margin-left: 11px;
color: #666;
font-weight: 900;
font-family: "SFPro-Display-Bold";
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.evaluate-item
.start {
height: 17px;
display: inline-block;
vertical-align: top;
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.evaluate-item
.start
.start-img {
width: 17px;
height: 17px;
margin-left: 10px;
float: left;
}
.page-productDetails
.productDetails-content
.left
.base-info
.evaluate
.go-evaluate {
margin-left: 27px;
font-size: 14px;
color: #0c2870;
font-weight: 600;
cursor: pointer;
font-family: "思源-Bold";
}
.page-productDetails .productDetails-content .left .base-info .preface {
padding-top: 22px;
font-size: 13px;
line-height: 23px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails .productDetails-content .left .tab-btn {
display: block;
position: relative;
width: 385px;
height: 48px;
margin-top: 50px;
background-repeat: repeat-y;
background-size: 100% 100%;
border-radius: 40px;
overflow: hidden;
}
.page-productDetails .productDetails-content .left .tab-btn .btn-item {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 255px;
height: 100%;
float: left;
border-radius: 40px;
text-align: center;
line-height: 50px;
font-size: 15px;
color: #a1a1a1;
cursor: pointer;
font-family: "思源-normal";
background: url("../../images/btn_bg.png");
text-indent: -35px;
}
.page-productDetails
.productDetails-content
.left
.tab-btn
.btn-item:last-child {
left: auto;
right: 0;
text-indent: 70px;
}
.page-productDetails .productDetails-content .left .tab-btn .btn-item.active {
width: 220px;
background: #0c2870;
color: #fff;
font-family: "思源-Bold";
z-index: 1;
text-indent: 0;
}
.page-productDetails .productDetails-content .left .tab-content .tabs-item {
display: none;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.tabs-item.active {
display: block;
}
.page-productDetails .productDetails-content .left .tab-content .details-panel {
padding-top: 48px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.panel-item {
position: relative;
width: 100%;
padding: 0 28px 28px;
border-radius: 12px;
margin-bottom: 30px;
background: #fff;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.panel-item:after {
content: "";
position: absolute;
bottom: -45px;
left: 18px;
width: 9px;
height: 59px;
display: inline-block;
z-index: 3;
background: url("../../images/panel_icon.png") no-repeat scroll center / cover;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.panel-item:before {
content: "";
position: absolute;
bottom: -45px;
right: 18px;
width: 9px;
height: 59px;
display: inline-block;
z-index: 3;
background: url("../../images/panel_icon.png") no-repeat scroll center / cover;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.panel-item:last-child:after,
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.panel-item:last-child:before {
display: none;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.panel-title {
padding: 32px 0 0 30px;
font-size: 16px;
color: #0c2870;
font-weight: 900;
font-family: "思源-Bold";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.table-tr {
padding: 14px 30px;
background: #f2f4fb;
border-radius: 12px;
font-size: 12px;
overflow: hidden;
text-align: center;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.table-tr.margin {
margin-top: 30px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.table-tr.table-content {
padding: 20px 30px;
background: #fff;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.table-tr
.label {
float: left;
width: 10%;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.table-tr
.td {
float: left;
width: 30%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.process {
padding: 20px 0 0 30px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.process
li {
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.process
li:last-child {
margin-bottom: 0;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.guide {
padding: 20px 0 0 30px;
font-size: 14px;
color: #999;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-info {
margin-top: 25px;
padding: 20px 32px 0 32px;
border-radius: 12px;
background: #f2f4fb;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-info
.info {
display: inline-block;
margin: 0 70px 25px 0;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-info
.info-title {
font-size: 12px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-info
.info-name {
padding-top: 12px;
font-size: 14px;
color: #333;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-type {
padding: 27px 0 18px 32px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-type
.type {
display: inline-block;
overflow: hidden;
margin-right: 54px;
font-size: 13px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-type
.label {
float: left;
margin-right: 14px;
color: #999;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-type
.type-list {
float: left;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-type
.type-list
.gray {
color: #aaa;
margin: 0 6px 0 10px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.product-type
.type-list
li {
margin-bottom: 11px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.characteristic {
padding: 20px 30px 0;
background: #f2f4fb;
border-radius: 12px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.characteristic
.characteristic-title {
font-size: 13px;
color: #999;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.characteristic
.text {
padding: 6px 0 14px;
font-size: 13px;
line-height: 25px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.parameter {
padding-left: 30px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.parameter
.parameter-item {
display: inline-block;
margin-right: 38px;
padding-top: 28px;
font-size: 12px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.parameter
.parameter-item
.label {
margin-right: 7px;
color: #999;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.documents {
padding: 27px 0 0 30px;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.documents
.item {
margin-right: 30px;
cursor: pointer;
width: 100%;
margin-bottom: 20px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.documents
.item:nth-child(2n) {
margin-right: 0 !important;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.documents
.item
.documents-img {
width: 27px;
height: 28px;
margin: 0 16px 0 5px;
vertical-align: middle;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.documents
.item
.documents-info {
display: inline-block;
font-size: 14px;
color: #999;
font-family: "思源-normal";
vertical-align: middle;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.documents
.item
.name {
width: 100%;
line-height: 26px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.documents
.item
.text {
padding-top: 12px;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.base-list {
overflow: hidden;
padding: 8px 0 0 30px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.base-list
li {
padding-right: 15px;
margin-top: 14px;
font-size: 13px;
line-height: 15px;
display: inline-block;
}
.page-productDetails
.productDetails-content
.left
.tab-content
.details-panel
.base-list
li
.label {
margin-right: 8px;
color: #999;
}
.page-productDetails .productDetails-content .left .resemble-product {
padding-left: 18px;
font-family: "思源-Bold";
}
.page-productDetails
.productDetails-content
.left
.resemble-product
.resemble-title {
font-size: 16px;
font-weight: 900;
}
.page-productDetails
.productDetails-content
.left
.resemble-product
.product-list {
padding: 32px 0 35px;
border-bottom: 1px solid #e2e2e2;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.resemble-product
.product-list
.product-item {
position: relative;
float: left;
width: 25%;
padding-left: 16px;
font-size: 13px;
color: #666;
}
.page-productDetails
.productDetails-content
.left
.resemble-product
.product-list
.product-item:after {
content: "";
position: absolute;
top: 5%;
left: 0;
width: 2px;
height: 90%;
display: inline-block;
background: #597eff;
}
.page-productDetails
.productDetails-content
.left
.resemble-product
.product-list
.product-item
.text {
margin-bottom: 10px;
line-height: 20px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.resemble-product
.product-list
.product-item
.text:last-child {
margin-bottom: 0;
}
.page-productDetails
.productDetails-content
.left
.resemble-product
.product-list
.product-item
.text.gray {
color: #999;
font-family: "SFPro-Display-Light";
}
.page-productDetails .productDetails-content .left .resemble-product .more {
padding-top: 20px;
text-align: right;
font-size: 14px;
color: #999;
}
.page-productDetails .productDetails-content .left .concat {
padding: 120px 0 0 18px;
overflow: hidden;
}
.page-productDetails .productDetails-content .left .concat .concat-left {
float: left;
width: 248px;
margin-right: 64px;
padding-top: 42px;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-left
.concat-title {
padding: 0 0 15px;
font-size: 34px;
line-height: 42px;
font-family: "思源-Bold";
}
.page-productDetails .productDetails-content .left .concat .concat-left .text {
margin-bottom: 10px;
font-size: 13px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails .productDetails-content .left .concat .concat-right {
float: left;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item {
margin-bottom: 24px;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.label {
width: 50px;
display: inline-block;
font-size: 13px;
vertical-align: top;
margin-top: 3px;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.radio-group {
width: 360px;
display: inline-block;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.radio-warrper {
position: relative;
display: inline-block;
margin-right: 37px;
font-size: 14px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.radio-warrper
.radio {
position: relative;
width: 15px;
height: 15px;
opacity: 0;
z-index: 1;
vertical-align: middle;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.radio-warrper
.radio:checked
+ .radio-icon {
background: url("../../images/radio_active.png") no-repeat;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.radio-warrper
.radio:checked
+ .radio-label {
color: #597eff;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.radio-warrper
.radio-icon {
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
display: inline-block;
background: url("../../images/radio.png") no-repeat;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.input {
width: 250px;
height: 35px;
padding: 0 15px;
background: #fff;
border: 1px solid #c0c0c0;
border-radius: 4px;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.textarea {
width: 360px;
height: 154px;
padding: 15px;
border: 1px solid #c0c0c0;
border-radius: 4px;
outline: none;
resize: none;
font-size: 14px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.concat-form-item
.textarea::placeholder {
color: #999;
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.submit {
width: 410px;
text-align: right;
font-size: 14px;
line-height: 40px;
color: #aaa;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.concat
.concat-right
.submit
.submit-btn {
width: 120px;
height: 40px;
margin-left: 8px;
display: inline-block;
background: #597eff;
color: #fff;
outline: none;
border: 0;
cursor: pointer;
border-radius: 32px;
}
.page-productDetails .productDetails-content .left .recommend-expert {
padding: 38px 0 14px 20px;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.recommend-expert
.expert-item {
float: left;
width: 135px;
height: 210px;
margin: 0 42px 25px 0;
text-align: center;
}
.page-productDetails
.productDetails-content
.left
.recommend-expert
.expert-item:last-child {
margin-right: 0;
}
.page-productDetails
.productDetails-content
.left
.recommend-expert
.expert-item
.cover {
width: 135px;
height: 135px;
border-radius: 50%;
border: 6px solid #f2f4fb;
}
.page-productDetails
.productDetails-content
.left
.recommend-expert
.expert-item
.name {
padding-top: 7px;
font-size: 19px;
font-family: "思源-Light";
}
.page-productDetails
.productDetails-content
.left
.recommend-expert
.expert-item
.type {
padding-top: 12px;
font-size: 13px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails .productDetails-content .left .interact {
width: 668px;
margin-left: 30px;
}
.page-productDetails .productDetails-content .left .interact .start-interact {
padding-top: 30px;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.interact
.start-interact
.content {
width: 100%;
height: 100px;
padding: 16px;
background: #fcfcfc;
box-shadow: 3px 3px 6px #ededed inset, -3px -3px 6px #ededed inset;
border: 0;
border-radius: 10px;
font-size: 14px;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.interact
.start-interact
.start-btn {
float: right;
width: 90px;
height: 30px;
margin-top: 19px;
background: #597eff;
color: #fff;
font-size: 13px;
border: 0;
border-radius: 24px;
cursor: pointer;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.paging
a,
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.paging
span {
margin-left: 10px;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-list {
padding-bottom: 35px;
border-bottom: 1px solid #e2e2e2;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item {
margin-bottom: 42px;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item:last-child {
margin-bottom: 0;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user {
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.user-info {
float: left;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.cover {
float: left;
width: 50px;
height: 50px;
margin-right: 12px;
border-radius: 50%;
box-shadow: 4px 4px 12px #eaeaea;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.base {
float: left;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.name {
padding-top: 7px;
font-size: 14px;
font-weight: 600;
font-family: "思源-Bold";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.time {
padding-top: 10px;
font-size: 14px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.reply-btn {
float: right;
margin-top: 16px;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.reply-btn
.icon {
width: 14px;
height: 13px;
display: inline-block;
margin-right: 10px;
margin-bottom: -2px;
background: url("../../images/reply.png") no-repeat;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.user
.reply-btn
.reply-text {
padding-bottom: 4px;
border-bottom: 2px solid #597eff;
font-size: 13px;
color: #597eff;
cursor: pointer;
font-family: "思源-Medium";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.interact-warrper {
position: relative;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.interact-warrper
.interact-text {
overflow: hidden;
padding: 7px 0 0 62px;
font-size: 14px;
line-height: 24px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.interact-warrper
.show-btn {
display: none;
position: absolute;
bottom: 0;
right: 0;
padding: 0 12px;
font-size: 14px;
line-height: 24px;
background: #fff;
z-index: 1;
cursor: pointer;
font-family: "思源-Bold";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.replys {
display: none;
padding: 30px 0 0 62px;
overflow: hidden;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.replys
.content {
width: 100%;
height: 100px;
padding: 16px;
background: #fcfcfc;
box-shadow: 3px 3px 6px #ededed inset, -3px -3px 6px #ededed inset;
border: 0;
border-radius: 10px;
font-size: 14px;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.replys
.start-btn {
float: right;
width: 60px;
height: 30px;
margin-top: 12px;
background: #597eff;
color: #fff;
font-size: 13px;
border: 0;
border-radius: 24px;
cursor: pointer;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.blue {
color: #597eff;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.other-reply {
padding: 22px 0 38px;
margin-left: 62px;
border-bottom: 1px solid #e2e2e2;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.get-more {
padding: 20px 0 6px;
text-align: right;
cursor: pointer;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.get-more
.more-text {
font-size: 13px;
color: #999;
}
.page-productDetails
.productDetails-content
.left
.interact
.interact-content
.interact-item
.get-more
.down {
width: 7px;
height: 13px;
display: inline-block;
margin-left: 8px;
background: url("../../images/down.png") no-repeat;
}
.page-productDetails .productDetails-content .right {
position: relative;
float: left;
width: 346px;
height: 100%;
padding: 0 8px 0 26px;
background: #f5f3f3;
border-bottom-left-radius: 40px;
}
.page-productDetails .productDetails-content .right .scoring {
padding-top: 30px !important;
overflow: hidden;
}
.page-productDetails .productDetails-content .right .scoring .img-warrper {
float: left;
width: 100px;
height: 137px;
overflow: hidden;
margin-right: 38px;
}
.page-productDetails
.productDetails-content
.right
.scoring
.img-warrper
.scoring-img {
float: left;
width: 100%;
height: 100px;
cursor: pointer;
border-radius: 8px;
}
.page-productDetails
.productDetails-content
.right
.scoring
.img-warrper
.scoring-img2 {
float: left;
width: 100%;
height: 14px;
margin-top: 18px;
}
.page-productDetails .productDetails-content .right .scoring .scoring-list {
float: left;
width: 130px;
}
.page-productDetails
.productDetails-content
.right
.scoring
.scoring-list
.scoring-item {
margin-bottom: 16px;
font-size: 14px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.right
.scoring
.scoring-list
.scoring-item:last-child {
margin-bottom: 0;
}
.page-productDetails
.productDetails-content
.right
.scoring
.scoring-list
.scoring-item
.num {
float: right;
margin-left: 17px;
color: #666;
font-weight: 900;
font-family: "SFPro-Display-Bold";
}
.page-productDetails .productDetails-content .right .advert {
margin-top: 47px;
height: 200px;
}
.page-productDetails .productDetails-content .right .recommend-title {
font-size: 18px;
font-weight: bold;
line-height: 1;
}
.page-productDetails
.productDetails-content
.right
.recommend-title
.recommend-more {
font-size: 13px;
text-align: right;
color: #999;
font-family: "思源-normal";
line-height: 16px;
}
.page-productDetails .productDetails-content .right .recommend-product {
padding-top: 50px;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list {
padding-top: 26px;
border-bottom: 1px solid #e2e2e2;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item {
overflow: hidden;
margin-bottom: 20px;
cursor: pointer;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item:hover
.name {
color: #597eff;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item
.best-price {
color: #597eff;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item
.recommend-cover {
float: left;
width: 110px;
height: 110px;
margin-right: 20px;
border: 5px solid #fff;
border-radius: 12px;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item
.info {
float: left;
width: 180px;
padding-top: 10px;
font-size: 14px;
color: #999;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item
.name {
margin-bottom: 15px;
color: #000;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: "思源-normal";
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item
.text {
margin-bottom: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page-productDetails
.productDetails-content
.right
.recommend-product
.recommend-list
.recommend-item
.text:last-child {
margin-bottom: 0;
}
.page-productDetails .productDetails-content .right .expert {
margin-top: 40px;
text-align: center;
}
.page-productDetails .productDetails-content .right .expert .expert-title {
width: 290px;
height: 110px;
display: inline-block;
padding: 12px 40px 0;
border-radius: 15px;
text-align: center;
background: url("../../images/border_bg.png") no-repeat scroll top / cover;
font-size: 28px;
line-height: 40px;
color: #666;
font-weight: 100;
font-family: "思源-Light";
}
.page-productDetails .productDetails-content .right .expert .expert-time {
padding-top: 40px;
font-size: 14px;
color: #666;
font-weight: 900;
font-family: "Arial-Black";
}
.page-productDetails .productDetails-content .right .expert .job {
padding: 17px 0 15px;
font-size: 14px;
color: #999;
font-family: "思源-normal";
}
.page-productDetails .productDetails-content .right .expert .name {
margin-right: 20px;
font-size: 27px;
line-height: 27px;
font-family: "思源-Light";
}
.page-productDetails .productDetails-content .right .expert .num {
font-size: 14px;
color: #666;
font-weight: 900;
line-height: 27px;
vertical-align: text-bottom;
font-family: "Arial-Black";
}
.page-productDetails .productDetails-content .right .expert .num i {
width: 12px;
height: 11px;
display: inline-block;
background: url("../../images/red_heart.png") no-repeat;
}
.page-productDetails .productDetails-content .right .expert .expert-cover {
padding-top: 35px;
margin-bottom: 40px;
}
.page-productDetails .productDetails-content .right .expert .expert-cover .img {
width: 240px;
height: 240px;
margin-bottom: -3px;
}
.page-productDetails .productDetails-content .right .classroom {
padding-top: 40px;
}
.page-productDetails .productDetails-content .right .classroom .classroom-list {
padding-top: 26px;
}
.page-productDetails
.productDetails-content
.right
.classroom
.classroom-list
.item {
padding-bottom: 13px;
margin-bottom: 20px;
border-radius: 14px;
overflow: hidden;
background: #fff;
cursor: pointer;
}
.page-productDetails
.productDetails-content
.right
.classroom
.classroom-list
.item
.cover {
width: 100%;
height: 160px;
display: block;
}
.page-productDetails
.productDetails-content
.right
.classroom
.classroom-list
.item
.classroom-title {
padding: 12px 14px 0;
font-size: 16px;
line-height: 1;
}
.page-productDetails
.productDetails-content
.right
.classroom
.classroom-list
.item
.teacher {
padding: 12px 14px 0;
font-size: 13px;
line-height: 1;
color: #999;
}
.company-details .company-info {
padding-top: 50px;
overflow: hidden;
}
.company-details .company-info .info-left {
width: 500px;
float: left;
}
.company-details .company-info .info-left .cover {
width: 110px;
height: 110px;
border-radius: 15px;
overflow: hidden;
}
.company-details .company-info .info-left .info {
width: 365px;
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
.company-details .company-info .info-left .info .name {
padding-top: 12px;
font-size: 24px;
line-height: 1;
font-weight: bold;
}
.company-details .company-info .info-left .info-list {
padding-top: 30px;
}
.company-details .company-info .info-left .info-list li {
position: relative;
padding: 0 13px 0 15px;
float: left;
text-align: center;
}
.company-details .company-info .info-left .info-list li:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
border-right: 1px dashed #cecece;
}
.company-details .company-info .info-left .info-list li:first-child {
padding-left: 0;
}
.company-details .company-info .info-left .info-list li:last-child {
padding-right: 0;
}
.company-details .company-info .info-left .info-list li:last-child:after {
display: none;
}
.company-details .company-info .info-left .info-list li:nth-of-type(4):after {
height: 110%;
}
.company-details .company-info .info-left .info-list .info-text {
font-size: 12px;
color: #999;
line-height: 1;
}
.company-details .company-info .info-left .info-list .info-num {
padding-top: 12px;
font-size: 13px;
color: #597eff;
line-height: 1;
font-weight: 600;
}
.company-details .company-info .info-right {
float: right;
padding-top: 17px;
text-align: right;
}
.company-details .company-info .info-right .right-text {
font-size: 14px;
line-height: 1;
color: #999;
}
.company-details .company-info .info-right .right-text.margin {
margin-left: 38px;
}
.company-details .company-info .info-right .right-num {
margin-left: 7px;
font-size: 18px;
line-height: 1;
color: #666;
font-weight: 900;
}
.company-details .company-info .info-right .info-btn {
width: 100px;
height: 34px;
margin-top: 25px;
border: 0;
border-radius: 30px;
background: #597eff;
color: #fff;
font-size: 13px;
cursor: pointer;
}
.company-details .company-info .preface {
float: left;
width: 100%;
padding-top: 24px;
font-size: 14px;
line-height: 24px;
color: #999;
}
.company-details .warehouse-list {
padding-top: 30px;
}
.company-details .warehouse-list .item {
display: flex;
overflow: hidden;
margin-bottom: 24px;
border-radius: 10px;
background: #fff;
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.05);
}
.company-details .warehouse-list .item .warehouse-left {
float: left;
width: 618px;
padding: 29px 0 21px 38px;
}
.company-details .warehouse-list .item .warehouse-left .title .text {
max-width: 450px;
display: inline-block;
font-size: 24px;
line-height: 1.1;
font-weight: 600;
}
.company-details .warehouse-list .item .warehouse-left .title .title-icon {
width: 50px;
height: 24px;
display: inline-block;
margin-left: 16px;
vertical-align: top;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: 0 -49px;
}
.company-details .warehouse-list .item .warehouse-left .warehouse-info {
padding-top: 20px;
overflow: hidden;
}
.company-details .warehouse-list .item .warehouse-left .warehouse-info li {
float: left;
width: 33.33%;
margin-bottom: 10px;
padding-right: 10px;
font-size: 14px;
line-height: 1.1;
color: #aaa;
}
.company-details .warehouse-list .item .warehouse-left .wrap-class {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 24px;
line-height: 24px;
color: #aaa;
font-size: 14px;
}
.company-details .warehouse-list .item .warehouse-left .bottom {
padding-top: 18px;
font-size: 14px;
line-height: 25px;
}
.company-details .warehouse-list .item .warehouse-left .bottom .parfor-info {
display: inline-block;
color: #aaa;
}
.company-details
.warehouse-list
.item
.warehouse-left
.bottom
.parfor-info
.blue-text {
margin-right: 3px;
color: #597eff;
font-weight: 600;
}
.company-details .warehouse-list .item .warehouse-left .bottom .liaison {
padding-left: 27px;
color: #666;
font-weight: 600;
}
.company-details .warehouse-list .item .warehouse-left .bottom .parfor-btn {
width: 70px;
height: 25px;
margin-left: 24px;
border: 1px solid #aaa;
border-radius: 12px;
background: #fff;
color: #aaa;
font-size: 13px;
cursor: pointer;
}
.company-details .warehouse-list .item .warehouse-right {
position: relative;
float: right;
width: 168px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.company-details .warehouse-list .item .warehouse-right:after {
content: "";
position: absolute;
top: 50%;
left: 1px;
width: 1px;
height: 124px;
margin-top: -62px;
background: #e2e2e2;
}
.company-details .warehouse-list .item .warehouse-right:hover {
background-color: #eaedf7;
cursor: pointer;
}
.company-details .warehouse-list .item .warehouse-right:hover .icon {
background-position: 0 -140px;
}
.company-details .warehouse-list .item .warehouse-right:hover .go-detils {
color: #0c2870;
}
.company-details .warehouse-list .item .warehouse-right .icon {
width: 80px;
height: 60px;
display: block;
margin: 0 auto;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: 0 -80px;
transition-duration: 300ms;
}
.company-details .warehouse-list .item .warehouse-right .go-detils {
padding-top: 16px;
font-size: 13px;
line-height: 1.1;
color: #999;
}
.company-details .lattice-box {
padding-top: 50px;
}
.company-details .lattice-box .lattice-title {
padding-left: 13px;
font-size: 16px;
font-weight: 600;
font-family: "思源-Bold";
line-height: 1.1;
}
.company-details .lattice-box .lattice-list {
padding-top: 22px;
overflow: hidden;
}
.company-details .lattice-box .lattice-list .item {
float: left;
width: 90px;
margin-right: 20px;
text-align: center;
cursor: pointer;
}
.company-details .lattice-box .lattice-list .item:nth-of-type(3n) {
margin-right: 0;
}
.company-details .lattice-box .lattice-list .item .img-box {
width: 90px;
height: 90px;
padding: 5px;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.company-details .lattice-box .lattice-list .item .img-box .img {
width: 100%;
height: 100%;
display: block;
border-radius: 4px;
overflow: hidden;
}
.company-details .lattice-box .lattice-list .item .name {
height: 62px;
padding-top: 8px;
font-size: 14px;
color: #666;
line-height: 18px;
}
.page {
background-color: #0d3078;
}
.page.page-pdt {
padding-top: 20px;
}
.page .page-wrapper {
width: 100%;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
background-color: #f8f8f8;
}
.page .page-wrapper:after {
content: "";
display: block;
clear: both;
}
.page .page-search {
position: relative;
}
.page .page-search .page-search-tab {
position: absolute;
width: 45%;
left: 27.5%;
top: -25px;
box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.1);
border-radius: 12px;
overflow: hidden;
background-color: #fff;
font-family: "思源-normal";
}
.page .page-search .page-search-tab a {
width: 33.33%;
float: left;
color: #999;
font-size: 14px;
height: 50px;
line-height: 50px;
text-align: center;
box-shadow: inset 2px 0px 3px rgba(0, 0, 0, 0.12);
}
.page .page-search .page-search-tab a.active {
color: #fff;
background-color: #4f67b9;
box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.12);
font-family: "思源-Bold";
}
.page .page-search .page-search-tab a + a.active {
box-shadow: inset 5px 0 3px rgba(0, 0, 0, 0.12);
}
.page .page-search-left {
width: 20%;
float: left;
margin-top: 80px;
}
.page .page-search-left dl {
margin: 0 0 10px 0;
}
.page .page-search-left dl.active dt span {
background-position: -20px 0;
}
.page .page-search-left dl.active dd {
display: block;
}
.page .page-search-left dl dt {
background-color: #e8e8e8;
position: relative;
border-radius: 8px;
color: #000;
font-weight: bold;
font-size: 12px;
padding: 12px;
font-family: "思源-Bold";
}
.page .page-search-left dl dt span {
cursor: pointer;
display: block;
position: absolute;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -20px -20px;
top: 9px;
right: 12px;
}
.page .page-search-left dl dd {
padding: 10px;
margin: 0;
font-size: 12px;
display: none;
animation: searchLeftFilter 500ms;
animation-fill-mode: forwards;
}
.page .page-search-left dl dd.page-search-filter {
text-align: center;
padding: 20px 0;
font-family: "思源-normal";
}
.page .page-search-left dl dd.page-search-filter div {
margin-bottom: 10px;
}
.page .page-search-left dl dd.page-search-filter p {
display: inline-block;
border: 1px solid #ccc;
padding: 5px 5px 5px 10px;
border-radius: 20px;
line-height: 20px;
margin: 0 5px 10px 5px;
color: #666;
}
.page .page-search-left dl dd.page-search-filter p span {
display: inline-block;
vertical-align: top;
margin-left: 5px;
cursor: pointer;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
}
.page .page-search-left dl dd.page-search-filter a {
color: #aaa;
text-decoration: underline;
}
.page .page-search-left dl dd.page-search-scs .page-scs-input {
position: relative;
border: 1px solid #c0c0c0;
padding: 5px 8px;
border-radius: 20px;
margin-top: 10px;
}
.page .page-search-left dl dd.page-search-scs .page-scs-input input {
width: 80%;
background: none;
border: 0;
height: 20px;
line-height: 20px;
}
.page .page-search-left dl dd.page-search-scs .page-scs-input a {
display: block;
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: 5px;
right: 8px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: 0 -20px;
}
.page .page-search-left dl dd.page-search-scs .scrollbar {
height: 120px;
overflow: hidden;
margin-top: 10px;
}
.page .page-search-left dl dd.page-search-scs .scrollbar .scroll-wrapper {
height: 100%;
}
.page .page-search-left dl dd.page-search-scs .scrollbar .scroll-wrapper ul {
margin-top: 0;
}
.page .page-search-left dl dd.page-search-scs .scrollbar .scroll-bar {
background-color: #ccc;
}
.page .page-search-left dl dd.page-search-scs .scrollbar .scroll-y {
top: 0;
}
.page .page-search-left dl dd.page-search-scs ul {
margin-top: 10px;
}
.page .page-search-left dl dd.page-search-scs ul li {
color: #999;
overflow: hidden;
padding: 4px 5px;
font-family: "思源-normal";
}
.page .page-search-left dl dd.page-search-scs ul li.active > span {
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -40px 0px;
}
.page .page-search-left dl dd.page-search-scs ul li.active > p {
color: #000;
}
.page .page-search-left dl dd.page-search-scs ul li.active .page-scs-tab {
color: #000;
}
.page .page-search-left dl dd.page-search-scs ul li.active .page-scs-tab span {
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -40px 0px;
}
.page .page-search-left dl dd.page-search-scs ul li.active .page-sf-form {
display: block;
}
.page .page-search-left dl dd.page-search-scs ul li input {
display: none;
}
.page .page-search-left dl dd.page-search-scs ul li span {
content: "";
float: left;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -40px -20px;
margin-right: 5px;
cursor: pointer;
}
.page .page-search-left dl dd.page-search-scs ul li p {
float: left;
width: 80%;
line-height: 20px;
margin-top: 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page .page-search-left dl dd.page-search-scs ul .page-scs-tab {
position: relative;
}
.page .page-search-left dl dd.page-search-scs ul .page-scs-tab:after {
content: "";
display: block;
clear: both;
}
.page
.page-search-left
dl
dd.page-search-scs
ul
.page-scs-tab
.page-scs-tab-arrow {
display: block;
position: absolute;
top: 0;
right: -3px;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -60px -20px;
}
.page
.page-search-left
dl
dd.page-search-scs
ul
.page-scs-tab.active
.page-scs-tab-arrow {
background-position: -60px 0px;
}
.page .page-search-left dl dd.page-search-scs ul .page-scs-tabc {
display: none;
}
.page
.page-search-left
dl
dd.page-search-scs
ul
.page-scs-tabc
.page-scs-tab-arrow {
display: block;
position: absolute;
top: 4px;
right: -3px;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -60px -20px;
}
.page .page-search-left dl dd.page-search-scs ul .page-scs-tabc.active {
display: block;
}
.page .page-search-left dl dd.page-search-scs ul .page-scs-tabc ul {
margin: 0 0 0 17px;
padding: 10px 0;
}
.page .page-search-left dl dd.page-search-scs ul .page-scs-tabc ul li {
position: relative;
}
.page .page-search-left dl dd.page-search-scs ul .page-sf-form {
padding: 15px 0;
display: none;
}
.page .page-search-left dl dd.page-search-scs ul .page-sf-form input {
display: inline-block;
width: 28%;
height: 20px;
line-height: 20px;
border: 1px solid #c0c0c0;
border-radius: 20px;
margin: 0 3px;
padding: 2px 5px;
box-sizing: content-box;
text-align: center;
}
.page .page-search-left dl dd.page-search-scs ul .page-sf-form button {
cursor: pointer;
border: 0;
color: #999;
margin-left: 5px;
background: none;
}
.page .page-search-left .level-two-key.active {
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -60px 0px !important;
}
.page .page-search-left .level-three {
display: none;
}
.page .page-search-left .level-three.active {
display: block;
}
.page .page-search-left .level-three-item {
overflow: hidden;
width: 100%;
clear: both;
margin-left: 22px;
padding-top: 10px;
}
.page .page-search-left .level-three-item span {
content: "";
float: left;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -40px -20px;
margin-right: 5px;
cursor: pointer;
}
.page .page-search-left .level-three-item p {
float: left;
width: 80%;
line-height: 20px;
margin-top: 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page .page-search-left .level-three-item.active > span {
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -40px 0px;
}
.page .page-search-left .level-three-item.active > p {
color: #000;
}
.page .page-search-right {
float: right;
width: 915px;
margin-top: 80px;
}
.page .page-search-right .page-search-pro li {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
position: relative;
}
.page .page-search-right .page-search-pro li:after {
content: "";
display: block;
clear: both;
}
.page .page-search-right .page-search-pro li .page-search-ll {
position: relative;
float: left;
width: 69%;
color: #333;
box-sizing: border-box;
padding: 30px 0 30px 5%;
font-family: "思源-normal";
}
.page .page-search-right .page-search-pro li .page-search-ll .page-search-best {
position: absolute;
top: -7px;
right: 15px;
display: block;
width: 40px;
height: 60px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -80px -80px;
}
.page .page-search-right .page-search-pro li .page-search-ll strong {
font-size: 28px;
font-weight: 400;
color: #333;
line-height: 40px;
font-family: "思源-Bold";
}
.page .page-search-right .page-search-pro li .page-search-ll strong label {
display: inline-block;
vertical-align: text-bottom;
width: 60px;
height: 40px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: 0 -40px;
margin-left: 5px;
}
.page .page-search-right .page-search-pro li .page-search-ll table {
color: #aaa;
font-size: 14px;
width: 100%;
margin-top: 15px;
table-layout: fixed;
}
.page .page-search-right .page-search-pro li .page-search-ll table td {
padding: 2px 0;
vertical-align: text-bottom;
}
.page .page-search-right .page-search-pro li .page-search-ll .buy-info {
margin-top: 20px;
font-size: 12px;
color: #aaa;
}
.page .page-search-right .page-search-pro li .page-search-ll .buy-info p {
display: inline-block;
vertical-align: middle;
}
.page .page-search-right .page-search-pro li .page-search-ll .buy-info p span {
color: #597eff;
font-weight: bold;
font-size: 13px;
font-family: "SFPro-Display-Bold";
}
.page .page-search-right .page-search-pro li .page-search-ll .buy-info .strong {
color: #666;
font-weight: bold;
margin-left: 25px;
font-size: 13px;
font-family: "SF-Pro-Display-Regular";
}
.page .page-search-right .page-search-pro li .page-search-ll .buy-info a {
transition-duration: 300ms;
display: inline-block;
vertical-align: middle;
font-size: 14px;
border-radius: 20px;
height: 24px;
width: 80px;
text-align: center;
margin-left: 25px;
color: #aaa;
background-color: #fff;
border: 1px solid #c0c0c0;
}
.page .page-search-right .page-search-pro li .page-search-ll .buy-info a:hover {
background-color: #597eff;
color: #fff;
border-color: #597eff;
}
.page .page-search-right .page-search-pro li .page-search-lline {
position: absolute;
top: 20%;
right: 30%;
bottom: 20%;
width: 1px;
height: 60%;
background-color: #e2e2e2;
}
.page .page-search-right .page-search-pro li .page-search-lr {
position: absolute;
top: 0;
right: 0;
bottom: 0;
transition-duration: 300ms;
width: 30%;
height: 100%;
text-align: center;
font-size: 14px;
color: #999;
box-sizing: border-box;
font-family: "思源-normal";
}
.page .page-search-right .page-search-pro li .page-search-lr:hover {
background-color: #eaedf7;
color: #0c2870;
}
.page .page-search-right .page-search-pro li .page-search-lr:hover p {
background-position: 0 -140px;
}
.page .page-search-right .page-search-pro li .page-search-lr a {
display: block;
width: 100%;
height: 100%;
}
.page .page-search-right .page-search-pro li .page-search-lr a div {
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
}
.page .page-search-right .page-search-pro li .page-search-lr p {
transition-duration: 300ms;
display: inline-block;
width: 80px;
height: 60px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: 0 -80px;
margin-bottom: 8px;
}
.page .page-search-right .page-search-formula {
width: 100%;
position: relative;
overflow: hidden;
}
.page .page-search-right .page-search-formula ul {
width: 105%;
font-size: 0;
}
.page .page-search-right .page-search-formula li {
display: inline-block;
vertical-align: top;
width: 30.5%;
margin: 0 2% 30px 0;
font-size: 12px;
position: relative;
font-family: "思源-normal";
}
.page .page-search-right .page-search-formula li:before {
content: "";
display: block;
width: 60%;
height: 3px;
border-radius: 1px;
position: absolute;
left: 20%;
top: 0;
background-color: #597eff;
}
.page .page-search-right .page-search-formula li a {
display: block;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 10px;
overflow: hidden;
}
.page .page-search-right .page-search-formula li a:hover .page-search-fb {
color: #0c2870;
background-color: #eaedf7;
}
.page .page-search-right .page-search-formula li a:hover .page-search-fb span {
background-position: -120px -20px;
}
.page .page-search-right .page-search-formula li .page-search-ft {
padding: 40px 25px 0 25px;
font-family: "思源-normal";
}
.page .page-search-right .page-search-formula li .page-search-ft:after {
content: "";
display: block;
height: 1px;
background-color: #eee;
margin-top: 20px;
}
.page .page-search-right .page-search-formula li .page-search-ft strong {
color: #333;
height: 64px;
line-height: 32px;
font-size: 24px;
display: block;
margin: 0 10px;
overflow: hidden;
font-family: "思源-Bold";
}
.page
.page-search-right
.page-search-formula
li
a
.page-search-ft
.characteristic {
padding: 30px 0 15px 0;
margin: 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page
.page-search-right
.page-search-formula
li
a
.page-search-ft
.characteristic
span {
font-size: 12px;
color: #666;
margin-right: 15px;
}
.page
.page-search-right
.page-search-formula
li
a
.page-search-ft
.characteristic
span:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 8px;
height: 2px;
background-color: #999;
margin-right: 5px;
}
.page .page-search-right .page-search-formula li .page-search-ft p {
margin: 5px 10px 0 10px;
color: #666;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page .page-search-right .page-search-formula li .page-search-fb {
text-align: right;
padding: 20px 15px;
color: #999;
position: relative;
transition-duration: 500ms;
font-family: "思源-normal";
}
.page .page-search-right .page-search-formula li .page-search-fb label {
display: block;
position: absolute;
top: 5px;
left: 25px;
width: 60px;
height: 40px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: 0 -40px;
}
.page .page-search-right .page-search-formula li .page-search-fb span {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -120px 0;
margin: -3px 0 0 3px;
}
.paging {
padding: 20px 0;
font-size: 14px;
color: #666;
text-align: center;
line-height: 26px;
}
.paging a,
.paging span {
margin-left: 20px;
display: inline-block;
min-width: 26px;
height: 26px;
line-height: 26px;
font-family: "SFPro-Display-Regular";
}
.paging a.active,
.paging span.active {
background-color: #597eff;
color: #fff;
border-radius: 50%;
font-family: "SFPro-Display-Bold";
}
.paging .paging-prev {
display: inline-block;
vertical-align: text-bottom;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -80px 0;
}
.paging .paging-next {
display: inline-block;
vertical-align: text-bottom;
width: 20px;
height: 20px;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -80px -20px;
margin-left: 20px;
}
.paging .paging-go {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
border: 1px solid #aaa;
border-radius: 20px;
}
.paging .paging-go input {
display: inline-block;
vertical-align: middle;
height: 24px;
line-height: 24px;
border: 0;
background: none;
width: 50px;
color: #000;
font-size: 14px;
padding: 0 10px;
}
.paging .paging-go button {
cursor: pointer;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
border: 0;
background: url("../../images/search-icon-list.png") no-repeat;
background-position: -100px 0;
}
.dialog {
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
display: none;
}
.dialog.grade-dialog .content,
.dialog.score-dialog .content {
height: 600px;
}
.dialog .content {
position: relative;
top: 50%;
left: 50%;
display: inline-block;
transform: translate(-50%, -50%);
height: 90%;
}
.dialog .content .store {
overflow: auto;
height: 100%;
}
.dialog .close {
position: absolute;
top: -20px;
right: -25px;
width: 67px;
height: 67px;
display: inline-block;
background: url("https://u-cdn.ibuychem.com/frontend/web/images/dialog_close.png")
no-repeat scroll center / cover;
background-size: 100% 100%;
cursor: pointer;
}
.dialog .grade {
width: 590px;
background: #fff;
border-radius: 12px;
overflow: hidden;
}
.dialog .grade.form_dialog {
width: 600px;
height: 600px;
overflow-y: auto;
}
.dialog .grade .grade-title {
height: 45px;
background: #eaedf7;
font-size: 22px;
line-height: 45px;
color: #0c2870;
text-align: center;
font-family: "思源-Bold";
}
.dialog .grade .grade-content {
padding: 10px 38px 10px;
}
.dialog .grade .grade-content .evaluate-item {
font-size: 14px;
line-height: 30px;
margin: 0 0 39px;
font-family: "思源-normal";
}
.dialog .grade .grade-content .evaluate-item .label {
margin-right: 20px;
font-size: 14px;
color: #666;
}
.dialog .grade .grade-content .evaluate-item .num {
margin-left: 3px;
font-size: 19px;
line-height: 30px;
color: #001eed;
font-weight: 900;
font-family: "SFPro-Display-Bold";
}
.dialog .grade .grade-content .evaluate-item .level {
margin-left: 7px;
font-size: 15px;
color: #001eed;
}
.dialog .grade .grade-content .evaluate-item .start {
display: inline-block;
vertical-align: top;
}
.dialog .grade .grade-content .evaluate-item .start img {
width: 30px;
height: 30px;
margin-right: 14px;
}
.dialog .grade .grade-content .grade-btn {
width: 100%;
height: 35px;
font-size: 14px;
color: #51535a;
background: #eaedf7;
border: 0;
border-radius: 4px;
cursor: pointer;
font-family: "思源-normal";
}
.dialog .grade .grade-content .invoice-form {
font-family: "思源-normal";
}
.dialog .grade .grade-content .invoice-form .left {
float: left;
width: 400px;
}
.dialog .grade .grade-content .invoice-form .right {
float: right;
width: 400px;
}
.dialog .grade .grade-content .invoice-form .form-input {
margin-bottom: 10px;
}
.dialog .grade .grade-content .invoice-form .label {
margin-bottom: 5px;
font-size: 14px;
color: #999;
font-family: "思源-normal";
}
.dialog .grade .grade-content .invoice-form .input {
width: 100%;
height: 36px;
padding: 0 30px 0 10px;
border: 1px solid #c0c0c0;
border-radius: 3px;
}
.dialog .grade .grade-content .invoice-form .input.success {
background: url("../../images/success.png") no-repeat scroll;
background-position: 380px center;
background-size: 11px 11px;
}
.dialog .grade .grade-content .invoice-form .input.error {
background: url("../../images/error.png") no-repeat scroll;
background-position: 380px center;
background-size: 11px 11px;
}
.dialog .grade .grade-content .invoice-form textarea {
width: 100%;
height: 458px;
padding: 15px;
border: 1px solid #c0c0c0;
}
.dialog .grade .grade-content .invoice-form textarea::placeholder {
color: #999;
}
.dialog .store {
width: 540px;
padding: 13px 12px 45px;
background: #fff;
border-radius: 12px;
}
.dialog .store .store-banner {
width: 100%;
height: 175px;
}
.dialog .store .store-content {
padding: 0 24px;
}
.dialog .store .store-content .conpany {
padding-top: 40px;
font-size: 16px;
color: #597eff;
font-weight: 600;
font-family: "思源-Bold";
}
.dialog .store .store-content .conpany-text {
padding-top: 19px;
font-size: 13px;
line-height: 23px;
color: #999;
font-family: "思源-normal";
}
.dialog .store .store-content .company-data {
padding: 45px 0 48px;
overflow: hidden;
}
.dialog .store .store-content .company-data .data-box {
float: left;
padding-top: 17px;
margin-right: 23px;
text-align: center;
}
.dialog .store .store-content .company-data .data-box:first-child {
margin-left: 20px;
}
.dialog .store .store-content .company-data .data-box .num {
font-size: 23px;
font-weight: 900;
font-family: "SFPro-Display-Bold";
}
.dialog .store .store-content .company-data .data-box .text {
padding-top: 10px;
font-size: 13px;
color: #999;
font-family: "思源-normal";
}
.dialog .store .store-content .company-data .product-num {
width: 280px;
padding-left: 12px;
float: left;
background: none !important;
}
.dialog .store .store-content .company-data .product-num .num-item {
margin-bottom: 16px;
}
.dialog .store .store-content .company-data .product-num .num-item:last-child {
margin-bottom: 0;
}
.dialog .store .store-content .company-data .product-num .label {
width: 70px;
display: inline-block;
font-size: 14px;
line-height: 14px;
color: #999;
font-family: "思源-normal";
}
.dialog .store .store-content .company-data .product-num .number {
margin: 0 10px 0 6px;
font-size: 14px;
font-weight: 900;
font-family: "SFPro-Display-Bold";
}
.dialog .store .store-content .company-data .product-num .number.right {
float: none;
margin-right: 0;
width: auto;
padding: 0 5px 0 0;
background: transparent;
}
.dialog .store .store-content .go-store {
width: 100%;
height: 45px;
border: 0;
margin-top: 32px;
background: #597eff;
font-size: 15px;
color: #fff;
border-radius: 40px;
cursor: pointer;
font-family: "思源-Bold";
}
.dialog .store .store-content .user-content {
padding-top: 38px;
border-top: 1px dashed #cfcfcf;
}
.dialog .store .store-content .user-content .user-box {
margin-bottom: 42px;
}
.dialog .store .store-content .user-content .user-box:last-child {
margin-bottom: 0;
}
.dialog .store .store-content .user-content .name {
font-size: 14px;
font-weight: 600;
font-family: "思源-Bold";
}
.dialog .store .store-content .user-content .user-warrper .user-list {
width: 362px;
display: inline-block;
overflow: hidden;
padding-top: 17px;
white-space: nowrap;
}
.dialog .store .store-content .user-content .user-warrper .user-list .user-img {
width: 57px;
height: 57px;
margin-right: 15px;
display: inline-block;
}
.dialog .store .store-content .user-content .user-warrper .user-next {
width: 11px;
height: 20px;
display: inline-block;
background: url("../../images/right_black_big.png") no-repeat;
vertical-align: top;
margin: 37px 0 0 26px;
cursor: pointer;
}
.dialog .store .store-content .company-wrapper:after {
content: "";
display: block;
clear: both;
}
.dialog .store .store-content .company-wrapper .conpany {
float: left;
width: 70%;
padding-top: 26px;
}
.dialog .store .store-content .company-wrapper .go-store {
float: right;
width: 100px;
border-radius: 5px;
font-size: 14px;
height: 30px;
line-height: 30px;
margin: 20px 0 0;
}
@keyframes scrollBottom {
from {
top: -10px;
}
to {
top: 0px;
}
}
.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative;
}
.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element {
display: none;
}
.scroll-element,
.scroll-element div {
box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-inner > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
height: 95%;
right: 8px;
top: 15px;
width: 4px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-bar {
background-color: #0b1858;
}
.scrollbar-inner
> .scroll-element.scroll-x.scroll-scrolly_visible
.scroll-element_track {
left: -12px;
}
.scrollbar-inner
> .scroll-element.scroll-y.scroll-scrollx_visible
.scroll-element_track {
top: -12px;
}
.scrollbar-inner
> .scroll-element.scroll-x.scroll-scrolly_visible
.scroll-element_size {
left: -12px;
}
.scrollbar-inner
> .scroll-element.scroll-y.scroll-scrollx_visible
.scroll-element_size {
top: -12px;
}
.attention {
position: relative;
padding: 0 0 10px 16px !important;
}
.attention:hover .attention-c {
display: block;
}
.attention .attention-c {
position: absolute;
right: 0;
top: 25px;
width: 230px;
background-color: #fff;
overflow: hidden;
padding: 10px 10px 10px 0;
display: none;
}
.attention .attention-c li {
float: left;
width: 100px;
padding: 0;
margin-left: 10px;
}
.attention .attention-c li:after {
display: none;
}
.attention .attention-c li img {
display: block;
width: 100px;
height: 100px;
}
.attention .attention-c li p {
font-size: 12px;
text-align: center;
margin-top: 8px;
color: #000;
}
.formula-ingredient {
font-size: 12px;
width: 100%;
text-align: center;
margin-top: 20px;
font-family: "思源-normal";
}
.formula-ingredient thead td {
color: #999;
padding: 15px 0;
border: 0;
background-color: #f2f4fb;
}
.formula-ingredient thead td:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.formula-ingredient thead td:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.formula-ingredient tbody tr:last-child td {
border-bottom: 0;
}
.formula-ingredient tbody td {
color: #000;
padding: 20px;
border-bottom: 1px dotted #ddd;
line-height: 20px;
}
.popupR_cont dt {
line-height: 24px !important;
}
.expert-desc {
overflow: hidden;
font-size: 14px;
line-height: 20px;
margin-top: 15px;
}
.expert-desc span {
float: left;
width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.expert-company {
overflow: hidden;
font-size: 0;
line-height: 24px;
height: 24px;
margin-top: 5px;
}
.expert-company span {
max-width: 80%;
display: inline-block;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
height: 18px;
white-space: nowrap;
margin-right: 5px;
}
.expert-company img {
display: inline-block;
vertical-align: inherit;
width: 18px;
height: 18px;
}
.footer .link-group .link li a {
color: #a4afe2;
}
.footer .link-group .link li a:hover {
color: #666;
}
@keyframes searchLeftFilter {
from {
opacity: 0;
transform: translateY(-10%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes searchLeftFilter {
from {
opacity: 0;
-webkit-transform: translateY(-10%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes searchLeftFilter {
from {
opacity: 0;
-moz-transform: translateY(-10%);
}
to {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes searchLeftFilter {
from {
opacity: 0;
-o-transform: translateY(-10%);
}
to {
opacity: 1;
-o-transform: translateY(0);
}
}
@-ms-keyframes searchLeftFilter {
from {
opacity: 0;
-ms-transform: translateY(-10%);
}
to {
opacity: 1;
-ms-transform: translateY(0);
}
}
@keyframes waveListAnimation {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@-webkit-keyframes waveListAnimation {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@-moz-keyframes waveListAnimation {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@-o-keyframes waveListAnimation {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@-ms-keyframes waveListAnimation {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes waveListAnimationEffect2 {
from {
transform: translateY(64%);
}
to {
transform: translateY(0);
}
}
@-webkit-keyframes waveListAnimationEffect2 {
from {
transform: translateY(64%);
}
to {
transform: translateY(0);
}
}
@-moz-keyframes waveListAnimationEffect2 {
from {
transform: translateY(64%);
}
to {
transform: translateY(0);
}
}
@-o-keyframes waveListAnimationEffect2 {
from {
transform: translateY(64%);
}
to {
transform: translateY(0);
}
}
@-ms-keyframes waveListAnimationEffect2 {
from {
transform: translateY(64%);
}
to {
transform: translateY(0);
}
}
@media screen and (max-width: 1900px) {
.home-page .onLine-class .video-box .content {
width: 63%;
}
.page-productDetails .productDetails-content .left-bg {
width: 68.8%;
}
}
/*新增索样浮层*/
.xzsyCon {
max-width: 640px;
width: 95%;
height: 80%;
left: 50%;
transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
overflow-y: auto;
position: fixed;
display: none;
background: #fff;
z-index: 9999;
border-radius: 10px;
top: 8%;
}
.successBtn {
min-width: 250px;
min-height: 120px;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
overflow-y: auto;
position: fixed;
display: none;
background: #fff;
z-index: 9999;
border-radius: 10px;
top: 50%;
padding: 20px;
}
.successBtn p {
color: #333;
font-size: 20px;
padding: 15px 0;
text-align: center;
line-height: 48px;
}
.successBtn p img {
margin-right: 10px;
}
.sygl .fctop {
height: 50px;
line-height: 50px;
padding: 0 20px;
}
.sygl .fctop h3 {
font-size: 18px;
font-weight: normal;
text-align: center;
}
.sygl .fcbtm {
margin-top: 10px;
}
.sygl .close {
width: 14px;
height: 14px;
position: absolute;
right: 25px;
top: 14px;
cursor: pointer;
background: url(https://www.ibuychem.com/resource/stInfo/images/qgclose.png)
no-repeat;
}
.successBtn .close {
width: 14px;
height: 14px;
position: absolute;
right: 25px;
top: 14px;
cursor: pointer;
background: url(https://www.ibuychem.com/resource/stInfo/images/qgclose.png)
no-repeat;
}
#fullScreen {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3f000000, endColorstr=#3f000000);
z-index: 999;
}
.sygl .left_nav {
overflow: hidden;
}
.sygl .left_nav ul {
width: 94%;
margin: 0 auto;
}
.sygl .left_nav li {
color: #444;
font-size: 13px;
margin-bottom: 10px;
}
.sygl .left_nav li .t {
height: 35px;
line-height: 35px;
padding: 0 0 0 18px;
position: relative;
margin-bottom: 10px;
}
.sygl .left_nav li .t i {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 35px;
background: url(../../images/xpzk.png) no-repeat 0 center #fff;
cursor: pointer;
padding-left: 25px;
font-size: 14px;
box-sizing: border-box;
font-weight: bold;
font-style: normal;
}
.sygl .left_nav li .txt p {
line-height: 32px;
overflow: hidden;
font-size: 13px;
margin-right: 0 !important;
text-align: left !important;
}
.sygl .left_nav li .t.hover i {
background: url(../../images/xpsq.png) no-repeat 0 center #fff;
}
.sygl .left_nav .zsxq-list {
margin-bottom: 8px;
}
.sygl .zsxq-list {
overflow: hidden;
margin-bottom: 15px;
}
.sygl .zsxq-left {
float: left;
width: 17%;
line-height: 32px;
}
.sygl .zsxq-left span {
float: left;
text-align: right;
width: 100%;
font-size: 12px;
}
.sygl .zsxq-left span code {
color: #eb3323;
}
.sygl .zsxq-right p {
display: inline-block;
margin-right: 20px;
line-height: 32px;
}
.sygl .zsxq-right a {
display: inline-block;
color: #f64a42;
line-height: 32px;
}
.sygl .zsxq-right a:hover {
color: #f64a42;
}
.sygl .zsxq-right {
float: right;
width: 83%;
}
.sygl .zsxq-right input[type="text"] {
height: 32px;
padding: 3px 8px;
border: 1px solid #e8e8e8;
width: 90%;
outline: none;
font-size: 12px;
}
.sygl .zsxq-right textarea {
resize: none;
height: 100px;
padding: 3px 8px;
border: 1px solid #e8e8e8;
width: 90%;
outline: none;
line-height: 24px;
font-size: 12px;
}
.sygl .zsxq-right select {
float: left;
width: 29%;
border: 1px solid #e8e8e8 !important;
border-radius: 0;
height: 32px;
margin-right: 5px;
line-height: 32px;
background: #fff;
font-size: 12px;
}
.sygl .zsxq-right select:last-child {
margin-right: 0;
}
.sygl .zsxq-right label.dxk {
line-height: 32px;
font-size: 12px;
width: 14px;
height: 14px;
display: inline !important;
border: 0 !important;
padding: 0 !important;
margin-left: 0 !important;
margin-right: 4px;
}
.sygl .zsxq-right label.dxk input {
width: auto !important;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
.sygl .zsxq-right .qysc {
overflow: hidden;
}
.sygl .zsxq-right .qysc li {
width: 110px;
text-align: center;
margin-right: 30px;
float: left;
overflow: hidden;
}
.sygl .zsxq-right .qysc li i {
font-size: 12px;
color: #999;
text-align: center;
line-height: 18px;
margin: 10px 0;
}
.sygl .zsxq-right .add-btn {
border: 1px solid #0dba90;
color: #0dba90;
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 50%;
font-size: 18px;
margin-left: 6px;
margin-top: 3px;
cursor: pointer;
}
.sygl .czbtn {
width: 94%;
margin: 0 auto;
height: 28px;
}
.sygl .sybtn {
text-align: center;
margin-bottom: 30px;
margin-top: 20px;
}
.sygl .sybtn button {
height: 28px;
border-radius: 3px;
width: 70px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin: 0 10px;
}
.sygl .sybtn .sc-qr {
background: #3f89f7;
color: #fff;
border: 1px solid #3f89f7;
}
.sygl .sybtn .sc-qx {
background: #fff;
color: #666;
border: 1px solid #e8e8e8;
}
.loaders {
border: 5px solid #f3f3f3;
border-radius: 50%;
border-top: 5px solid #ccc;
width: 60px;
height: 60px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 99999;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.grade-dialog {
position: fixed;
width: 100%;
height: 100%;
}
.grade-dialog .grade.form_dialog {
width: 900px;
height: 600px;
}
.grade-dialog .content {
height: 600px !important;
}
.noresult {
line-height: 28px;
text-align: left;
width: 309px;
margin: 0 auto;
font-size: 15px;
}
.productDetails-content .get-invoice-syxq {
position: absolute;
top: 86px;
right: 50px;
width: 150px;
display: inline-block;
text-align: center;
cursor: pointer;
}
.get-invoice-syxq .invoice-text {
display: inline-block;
height: 36px;
line-height: 36px;
width: 150px;
font-size: 15px;
color: #fff;
font-family: "思源-Bold";
background: #ff8d6b;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.xzsyCon2,
.xzsyCon3 {
max-width: 640px;
width: 95%;
height: 80%;
left: 50%;
transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
overflow-y: auto;
position: fixed;
display: none;
background: #fff;
z-index: 9999;
border-radius: 10px;
top: 8%;
}
body {
font-family: Microsoft YaHei;
}
.sy_gg {
overflow: hidden;
border-radius: 10px;
margin-bottom: 30px;
background: #fff;
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.05);
}
.sy_gg img {
float: left;
width: 550px;
height: 150px;
}
.sy_gg .sy_gg_right {
width: 365px;
height: 150px;
float: right;
overflow: hidden;
padding: 10px;
box-sizing: border-box;
}
.sy_gg .sy_gg_right p {
width: 288px;
margin: 18px auto 12px;
font-size: 16px;
color: #0c317a;
}
.sy_gg .sy_gg_btn {
text-align: center;
}
.sy_gg .fbcp-btn,
.sy_gg .sy_gg_btn .fbsyxq-btn {
display: inline-block;
background: #0c317a;
color: #fff;
height: 36px;
line-height: 36px;
width: 135px;
font-size: 15px;
border-radius: 5px;
cursor: pointer;
margin: 0 6px;
}
.sy_gg .sy_gg_btn .fbsyxq-btn {
background: #ff8d6b !important;
}
.sy_gg .fbcp-btn:hover {
color: #fff;
}
.sy_gg_detail {
overflow: hidden;
border-radius: 10px;
margin-top: 30px;
margin-bottom: 30px;
background: #fff;
box-sizing: border-box;
border: 1px solid #e2e2e2;
}
.sy_gg_detail .sy_gg_right {
width: 100%;
height: 58px;
overflow: hidden;
padding: 10px 10px 10px 0;
box-sizing: border-box;
}
.sy_gg_detail .sy_gg_right p {
width: 490px;
font-size: 16px;
height: 38px;
line-height: 38px;
color: #0c317a;
float: left;
border-left: 5px solid #0c317a;
padding-left: 10px;
}
.sy_gg_detail .sy_gg_btn {
float: left;
text-align: center;
width: 280px;
}
.sy_gg_detail .fbcp-btn,
.sy_gg_detail .sy_gg_btn .fbsyxq-btn {
display: inline-block;
background: #0c317a;
color: #fff;
height: 32px;
line-height: 32px;
width: 120px;
font-size: 14px;
border-radius: 5px;
cursor: pointer;
margin: 3px 6px 0;
}
.sy_gg_detail .sy_gg_btn .fbsyxq-btn {
background: #ff8d6b !important;
}
.sy_gg_detail .fbcp-btn:hover {
color: #fff;
}
.sy_gg_sylist {
width: 282px;
height: 248px;
overflow: hidden;
border-radius: 10px;
margin-bottom: 30px;
background: #fff;
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.05);
position: absolute;
right: 0;
top: 0;
}
.sy_gg_sylist img {
float: left;
width: 100%;
height: auto;
max-height: 130px;
}
.sy_gg_sylist .sy_gg_right {
width: 100%;
float: right;
overflow: hidden;
padding: 18px 20px 10px;
box-sizing: border-box;
}
.sy_gg_sylist .sy_gg_btn {
text-align: center;
}
.sy_gg_sylist .fbcp-btn,
.sy_gg_sylist .sy_gg_btn .fbsyxq-btn {
display: inline-block;
background: #0c317a;
color: #fff;
height: 36px;
line-height: 36px;
width: 135px;
font-size: 15px;
border-radius: 5px;
cursor: pointer;
margin: 0 5px 10px;
}
.sy_gg_sylist .sy_gg_btn .fbsyxq-btn {
background: #ff8d6b !important;
}
.sy_gg_sylist .fbcp-btn:hover {
color: #fff;
}
.sycon .wygy-btn {
display: inline-block;
background: #0c317a;
color: #fff;
height: 36px;
line-height: 36px;
width: 135px;
font-size: 15px;
border-radius: 5px;
cursor: pointer;
margin: 0 6px;
text-align: center;
font-style: normal;
}
.sylist {
width: 100% !important;
}
.sylist li {
width: 23.5% !important;
}
.sylist li:nth-child(4n) {
margin-right: 0 !important;
}
.sylist .sycon {
display: block;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 10px;
overflow: hidden;
}
.sylist .page-search-ft strong {
margin: 0 10px 10px !important;
}
.sylist .page-search-fb {
padding: 10px 15px !important;
}
.sylist li:nth-child(4):before {
display: none !important;
}
.pdf-box {
width: 440px;
text-align: center;
border: 1px solid #e6e6e6;
background-color: #f5f5f5;
position: relative;
padding: 10px 0;
}
.pdf-box i {
display: inline-block;
font-size: 14px;
font-style: normal;
}
.pdf-box input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.file-div {
margin-left: 0 !important;
}
.explain {
height: 24px;
color: #999;
line-height: 24px;
font-size: 14px;
}
#tds {
display: block;
line-height: 24px;
color: #333 !important;
}
.pdf-del {
color: red;
cursor: pointer;
}
.red {
color: red;
}
.sy_gg_syjg {
width: 915px;
margin: 0 auto;
}
.product-video {
width: 380px;
height: 380px;
margin: 25px 0;
border-radius: 12px;
overflow: hidden;
}
.selects {
width: 60px;
border-radius: 5px;
float: right;
position: relative;
background-position: right -52px;
height: 20px;
cursor: pointer;
background: url(https://zt.ibuychem.com/cms/en/arr.png) 52px 5px no-repeat;
}
.selects:hover {
background-position: 52px -34px;
}
.selects span {
display: block;
cursor: pointer;
padding-left: 22px;
background: url(https://zt.ibuychem.com/crossborder/images/img_14.png)
no-repeat 0 center;
background-size: 14px 14px;
font-style: normal;
border-radius: 5px;
font-size: 12px;
color: #666;
position: relative;
}
.selects ul {
display: none;
overflow-y: auto;
background: #fff;
border: 1px solid #e1e1e1;
border-top: 0;
position: absolute;
right: 0;
width: 100%;
top: 20px;
}
.selects ul li {
cursor: pointer;
height: 24px;
line-height: 24px;
color: #666;
padding-left: 0 !important;
display: block;
float: none !important;
}
.selects ul li a {
color: #666!important;
display: block;
text-align: center;
margin-left: 0 !important;
margin-right: 0 !important;
}
.selects ul li a img {
display: inline-block;
vertical-align: middle;
width: 14px;
margin-right: 4px;
margin-top: -1px;
}