﻿@charset "utf-8";
/* CSS Document */
body { filter:gray; }

body, div, span, a, img, input, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol { margin: 0; padding: 0; border: 0; list-style: none; }
body { font-size: 12px; font-family:PingFang SC,microsoft yahei!important; color: #333; background:#f2f2f2; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 18px; }
a { color: #333; text-decoration: none; font-family:PingFang SC,microsoft yahei!important;}
a:hover { color: #333; text-decoration: none; font-family:PingFang SC,microsoft yahei!important;}
table { border-collapse: collapse; border-spacing: 0 }
button, input, select, textarea { font-size: 100%; outline: none; font-family:PingFang SC,microsoft yahei!important; }
i, em, strong { font-weight: normal; font-style: normal; }
img { display: block;/* margin: 0 auto;*/ }
.container { width: 1200px; height: auto; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
html,body{ height: 100%; overflow-x:hidden;}
.jhd .top, .spNav .top {
    background: #fff!important;
}

/*header*/
.jhr { float: right; }
.nav-title { float: left; height: 29px; line-height: 29px; position: relative; padding: 0 10px; position: relative; color: #333; }
.nav-title { background-position: right -145px; }
.nav-title { background-position: right -173px; }
.nav-title .purchaselist-value { line-height: 29px; }
.nav-title em { height: 15px; padding: 0 3px; line-height: 14px; color: red; position: relative; }
.nav-arrow { padding-left: 0!important; margin-left: 0!important; padding-right: 12px; display: inline-block; height: 29px; background-position: right -52px; cursor: pointer; background: url(../images/arr.png) right 12px no-repeat; }
.nav-house { padding-left: 0!important; margin-left: 0!important; display: inline-block; height: 29px; background-position: right -52px; cursor: pointer; }
.jhNav li { float: left; }
.jhNav li .nav-arrow>i, .jhNav li .nav-house>i { background: url(../images/icons.png) no-repeat; }
.iconlist { display: block; float: left; margin-right: 5px; width: 12px; height: 14px; line-height: 14px; margin-top: 8px; background-position: 0 -114px!important; }
.iconstart { display: block; float: left; margin-right: 5px; width: 13px; height: 13px; line-height: 14px; margin-top: 9px; background-position: 0 -182px!important; }
.jhNav li:hover .nav-arrow { background-position: right -27px; }
.jhNav li:hover .nav-title { border-bottom: 1px solid #FFF; background: #fff; }
.jhNav li:hover .nav-title a span { color: #333; }
.jhNav li:hover .iconlist { background-position: 0 -148px!important; }
.jhNav li:hover .iconstart { background-position: 0 -215px!important; }
.jhdCon { position: absolute; right: -150px; top: 29px; z-index: 999; width: 438px; border: 1px solid #ececec; border-top: 0; background: #fff; display: none; }
.jhdCon p { color: #666; text-align: center; line-height: 60px; }
.jhdCon .look { background: #f6f6f6; height: 50px; overflow: hidden; }
.jhdCon .look button { display: block; width: 80px; height: 26px; line-height: 26px; background: #0383ff; color: #fff; cursor: pointer; margin: 12px auto 0; }
.jhdCon dl { padding: 10px 0; margin: 0 15px; border-top: solid #f6f6f6 1px; overflow: hidden; }
.jhdCon dl dt { float: left; margin: 1px 8px 0 0; width: 42px; height: 42px; padding: 1px; text-align: center; }
.jhdCon dl dt img { width: 40px; height: 40px; }
.jhdCon a { margin: 0!important; padding: 0!important; color: #333!important; }
.jhdCon dl dd { float: left; width: 353px; }
.jhdCon dl .title { width: 160px; line-height: 40px; float: left; margin-right: 25px; }
.jhdCon dl .title a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.jhdCon dl .title a:hover, .jhdCon dl .action a:hover, .sc:hover, .jh:hover { color: #0383ff!important; }
.jhdCon dl .price { width: 165px; float: left; line-height: 40px; }
.jhdCon dl .price .rmb { color: #3b3a98; margin-right: 15px; font-weight: bold; }
.jhdCon dl .price .num { color: #888; }
.jhdCon dl .delete { float: right; width: 30px; text-align: right; color: #888!important; }
.follow { display: block; font-size: 12px; text-align: right; line-height: 24px; color: #2089ff; margin-right: 8px; }
.follow:hover { color: #2089ff; }
.collect{ font-size: 14px!important; padding-left: 5px;}
.collect b{ font-weight: normal;}
.collectCon { position: absolute; left: 0; top: 30px; z-index: 999; width: 222px; border: 1px solid #ececec; border-top: 0; background: #fff; display: none; }
.collectCon dl { float: left; padding: 4px 8px 8px; }
.collectCon dl dt { font-weight: bold; line-height: 28px; }
.collectCon dl dt a { color: #333!important; margin-left: 0!important; padding-left: 0!important; }
.collectCon dl dd { line-height: 22px; }
.collectCon dl dd a { color: #888!important; margin-left: 0!important; padding-left: 0!important; }
.collectCon dl dd a:hover { color: #0383ff!important; }
/***** ******/
.jhd { height: 80px; width: 1200px; margin: 0 auto; }
.jhdLeft { float: left; width: 600px; height: 80px; line-height: 80px; }
.jhdLeft h1 { height:44px; padding-right: 20px; /* border-right:2px solid #1558a0;*/ display: inline-block; vertical-align: middle; }
.jhdLeft h1 img { width: 120px; height: 44px; }
.jhdLeft .ljdg { display: table-cell; vertical-align: middle; width: 115px; height: 80px; }
.jhdLeft .ljdg img { width: 100%; margin: 0 auto; max-width: 115px; max-height: 30px; }
.jhdLeft span { display: inline-block; font-size: 24px; vertical-align: middle; max-height: 57px; max-width: 550px; line-height: 28px; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 2; overflow: hidden; }
.zhlogo { display: inline-block; vertical-align: middle; }
.jhdLeft .qrcode { display: inline-block; vertical-align: middle; margin-left: 40px; }
.jhdRight {  float: right; margin-top: 22px; width: 600px; }
.jhdRight .market { width: 610px; height: 36px; border: 1px solid #3c3a98; overflow: hidden; float: right; font-size: 0; }
.jhdRight .market i { width: 14px; height: 13px; float: left; margin-top: 11px; margin-left: 15px; background: url(../images/tz_03.png) no-repeat center; }
.jhdRight .market .textmarket { width: 440px;padding: 7px 8px; color: #999; font-size: 14px; display:inline-block;}
.jhdRight .market .searchmarket { width: 125px; height: 35px; background: #3c3a98; color: #fff; font-size: 14px; cursor: pointer; float:right;}
.jhdRight .Totalstation { width: 96px; height: 35px; background: #fff; color: #3b3a98; font-size: 14px; float: left; border: 1px solid #3b3a98; border-radius: 30px; cursor: pointer; }
/****20190620****/
.guide { margin-top: 20px;}
.guideNav { border-bottom: 2px solid #3b3a98; overflow: hidden; }
.guideNav .chemguide { width: 200px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; border-radius: 8px 8px 0 0; background: url(../images/iconguide.png) no-repeat 15px center #3b3a98; padding-left: 40px; float: left; }
.guideNav ul { overflow: hidden; float: left; margin-left: 20px; }
.guideNav ul li { float: left; line-height: 40px; padding: 0 20px; font-size: 14px; font-weight: bold; }
.guideNav ul li a:hover { color: #3b3a98; }
.guideLeft { width: 280px; float: left; background: #fff; margin-right: 10px; padding-top: 9px; padding-bottom: 9px; position: relative; margin-bottom: 20px; }
.ch-menu-item { padding: 0 15px; margin-bottom: 6px; }
.ch-menu-item h2 { font-size: 14px; line-height: 35px; background: url(../images/icons.png) no-repeat; cursor: pointer; background-position: 240px -237px; }
.ch-menu-item h2 span { display: inline-block; vertical-align: middle; }
.ch-menu-item ul { overflow: hidden; padding-left: 20px; }
.ch-menu-item ul li { float: left; margin-right: 20px; font-size: 14px; line-height: 30px; }
.ch-menu-item ul li a { color: #888; }
.ch-menu-item:hover { background: #e8f1fe; }
.ch-menu-item:hover h2 { background: url(../images/icons.png) no-repeat; background-position: 240px -268px; }
.sideBarLeft { width: 525px; overflow: hidden; padding-left: 15px; position: absolute; left: 280px; top: 10px; z-index: 99999; background: #fff; display: none; border: 1px solid #3b3a98; min-height:145px; }
.sideBarLeft h3 { font-size: 18px; color: #ee2e2c; padding: 15px 0 5px }
.sideBarLeft ul { overflow: hidden }
.sideBarLeft ul li { overflow: hidden; padding: 10px 0; line-height: 22px; }
.sideBarLeft span.sideBarLeftTit { display: block; white-space: nowrap; font-size: 14px; color: #3b3a98; font-weight: 700 }
.sideBarLeft .sideBarLinkBox { display: block; width: 510px; line-height: 25px; overflow: hidden }
.sideBarLeft .sideBarLinkBox a:hover { color: #3b3a98; }
.sideBarLeft .sideBarLinkBox a { margin-right: 15px; color: #666; display: block; float: left }
.sideBarLeft .sideBarLinkBox a.redColor { color: #ee2e2c }
.guideCen { width: 910px; float: left; margin-bottom: 20px; }
.guideCenTop { overflow: hidden; margin-bottom: 10px; }
.ch-menu-item h2 i { display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 5px; }
.ch-menu-item .chem i { background: url(../images/nav_chem.png) no-repeat; }
.ch-menu-item .coatings i { background: url(../images/nav_coatings.png) no-repeat; }
.ch-menu-item .pf i { background: url(../images/nav_pf.png) no-repeat; }
.ch-menu-item .xs i { background: url(../images/nav_xs.png) no-repeat; }
/****20190620****/

/* banner-box */
.banner-box { width: 610px; height: 290px; position: relative; overflow: hidden; margin-right: 10px; float: left; }
.banner-box .bd { width: 100%; }
.banner-box .bd li .m-width { width: 610px; margin: 0 auto; overflow: hidden; position: relative; }
.banner-box .bd li { width: 100% !important; height: 290px; }
.banner-box .bd li a { display: block; background-size: auto; }
.banner-box .bd li img { width: 610px; height: 290px; }
.banner-box .banner-btn a { display: none; width: 21px; height: 54px; position: absolute; top: 0; }
.banner-box .banner-btn a.prev { left: 20px; background: url(http://www.plas.hc360.com/zt/Monthzt/images/icon_left.png) no-repeat; }
.banner-box .banner-btn a.next { right: 20px; background: url(http://www.plas.hc360.com/zt/Monthzt/images/icon_right.png) no-repeat; }
.banner-box .banner-btn { width: 475px; position: absolute; top: 30%; left: 50%; margin-left: -230px; }
.banner-box .hd { position: absolute; top: 180px; left: 200px; }
.banner-box .hd ul li { width: 12px; height: 8px; border-radius: 5px; text-indent: -9999px; background: #fff; float: left; cursor: pointer; margin: 0 5px; }
.banner-box .hd ul li.on { width: 22px; }
/* */
.focus { width: 100%; height: 600px; position: relative; overflow: hidden; margin: 0 auto; }
.focus .hd { width: 100%; height: 11px; position: absolute; z-index: 1; bottom: 20px; text-align: center; }
.focus .hd ul { display: inline-block; height: 5px; padding: 3px 5px; vertical-align: top; }
.focus .hd ul li { display: inline-block; width: 15px; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #adaaa8; margin: 0 5px; vertical-align: top; overflow: hidden; color: #fff; text-indent: -9999px; }
.focus .hd ul .on { background: #fff; color: #fff; width: 30px; }
.focus .bd { position: relative; z-index: 0; margin: 0 auto; width: 100%!important; }
.focus .bd li { width: 100%; margin: 0 auto; height: 600px; overflow: hidden; position: relative; }
.focus .bd li img { position: absolute; left: 50%; margin-left: -960px; width:1920px;}
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; background-size: auto; }
.product { overflow: hidden; margin-top: 10px; clear: both; background: #fff; }
.product li { float: left; margin-right: 1px; }
.product li a { display: block; margin-bottom: 1px; }
.product li img { width: 202px; height: 109px; }
.product li .first { width: 300px; height: 220px; }
.product li p { margin: 8px 0; color: #888; height: 24px; line-height: 24px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product li:last-child { margin-right: 0; }
.guideRight { width: 250px; float: left; margin-top: 10px; }
.preferential { width: 250px; height: 460px; background: #86a8d7; float: left; }
.preferential span { display: block; }
.preferential span img { margin: 40px auto 30px; }
.preferential .preferentialImg { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; margin: 0 auto 30px; }
.preferential .preferentialImg img { width: 160px; height: 160px; }
.preferential p { padding: 0 20px; color: #fff; line-height: 24px; overflow: hidden; }
/* */
.brandstar { background: #fff; padding: 10px 0 20px; margin-bottom: 20px; }
.brandstar .title { text-align: center; margin-bottom: 10px; }
.brandstar .title h2 { font-size: 18px; line-height: 30px; }
.brandstar .title p { font-size: 14px; color: #888; }
.brandstar ul { overflow: hidden; }
.brandstar ul li { width: 220px; overflow: hidden; float: left; margin: 0 10px; }
.brandstar ul li .imgs { width: 220px; height: 215px; overflow: hidden; display: block; }
.brandstar ul li .imgs img { width: 220px; height: 215px; display: block; border: 0; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; }
.brandstar ul li .imgs:hover img { transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }
.brandstar ul li h3 a { font-size: 12px; line-height: 30px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.brandstar ul li h3 a:hover { color: #3b3a98; }
.brandstar ul li .buy { overflow: hidden; padding: 0 2px; }
.brandstar ul li .money { color: #3b3a98; font-size: 14px; font-weight: bold; float: left; }
.brandstar ul li .deal { float: right; color: #888; }
/****20190620****/
/*超市供应商*/
.moregoods { clear: both; }
.moregoods h1 { font-size: 24px; line-height: 48px; font-weight: bold; margin-bottom: 10px; }
.moregoods .more { overflow: hidden; margin-bottom: 20px; background: #fff; padding: 20px 0 10px 15px; }
.moregoods .more .morenav { width: 215px; background: #8c97cb; float: left; margin-right: 10px; }
.moregoods .more .morenav .floor { color: #fff; }
.moregoods .more .morenav .floor span { display: block; font-size: 18px; line-height: 50px; border-bottom: 1px solid #fff; font-weight: 700; text-align: center; }
.moregoods .more .morenav .floor ul { overflow: hidden; margin-top: 10px; margin-bottom: 10px; padding: 0 17px; height:185px;}
.moregoods .more .morenav .floor ul li { float: left; margin: 0 8px; font-size: 12px; text-align: center; width: 40%; height: 25px; line-height: 25px; margin-bottom: 5px; }
.moregoods .more .morenav .floor ul li a { color: #fff; display: block; }
.moregoods .more .morenav .floor ul li a:hover { background: #fff; color: #8c97cb; }
.moregoods .more .moresp { float: left; overflow: hidden; width: 952px; }
.moregoods .more .moresp li { width: 220px; overflow: hidden; float: left; margin: 0 9px 10px; }
.moregoods .more .moresp li .imgs { width: 213px; height: 213px; overflow: hidden; display: block; border:1px solid #eee; }
.moregoods .more .moresp li .imgs img { width: 215px; height: 215px; display: block; border: 0; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.moregoods .more .moresp li .imgs:hover img { transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }
.moregoods .more .moresp li h3 a { font-size: 12px; line-height: 30px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.moregoods .more .moresp li h3 a:hover { color: #3b3a98; }
.moregoods .more .moresp li .buy { overflow: hidden; padding: 0 2px; }
.moregoods .more .moresp li .money { color: #3b3a98; font-size: 16px; font-weight: bold; float: left; }
.moregoods .more .moresp li .deal { float: right; color: #888; }
.moregoods .more img { width: 215px; height: 288px; }
.csgys { position: relative; height: 100px; margin-bottom: 20px; overflow: hidden; }
#four_flash1 { margin: 0 auto; overflow: hidden; width: 1210px; position: absolute; left: 1px; }
.four_flash1frbox { position: relative; }
.four_flash1frBtnL { cursor: pointer; width: 23px; height: 42px; position: absolute; left: 7px; z-index: 99; display: inline; top: 11px; }
.four_flash1frUl { float: left; height: 100px; width: 1210px; }
.four_flash1frBtnR { cursor: pointer; width: 23px; height: 42px; position: absolute; right: 0; z-index: 99; display: inline; top: 11px; }
.four_flash1frUl ul li { display: inline; float: left; width: 190px; height: 100px; overflow: hidden; position: relative; margin: 0 5px; }
.four_flash1frUl ul li img { display: block; margin-bottom: 7px; }
.center { width: 190px; height: 100px; overflow: hidden; text-align: center; }
.center a { display: table-cell; vertical-align: middle; width: 190px; height: 100px; }
.center a img { margin: 0 auto; max-width: 190px; max-height: 100px; }
/*统计*/
.Statistics { height: 225px; background: #43bed8; margin: 20px 0 0; }
.Statistics ul { overflow: hidden; }
.Statistics ul li { width: 25%; float: left; text-align: center; margin-top: 55px; }
.Statistics ul li .count { margin-bottom: 10px; }
.Statistics ul li .count i { display: inline-block; margin: 0 2px; }
.Statistics ul li p { font-size: 28px; color: #fff; font-weight: bold; }
/*智选供应商*/
.zxgyl { background:#fff; padding-top:20px; padding-bottom:20px;}
.zxgyl h1 { font-size: 24px; line-height: 48px; font-weight: bold; margin-bottom: 10px; }
.zxgyl ul{ overflow:hidden;}
.zxgyl ul li{ float:left; margin-right:20px; margin-bottom:20px;}
.zxgyl ul li:nth-child(4n) { margin-right:0;}
/*现货超市*/
.markets { overflow: hidden; margin-bottom:20px;}
.markets .market-left { width: 795px; float: left; margin-right: 15px; }
.markets .market-left h1 { font-size: 24px; line-height: 48px; font-weight: bold; margin-bottom: 7px; }
.markets .market-left h1 span { color: #999; font-size: 16px; }
.markets .market-left .market-left-con{ height:432px;}
.list { width: 100%; background: #fff; }
.list .bg { text-align: center; }
.list tr { height: 48px; line-height: 48px; font-weight: normal; }
.list tr:hover { background: #EAF0FC; }
.list th{ display:inline-block; float:left;}
.list td { padding: 8px 0;text-align: center; vertical-align: center; -color: #323232; word-wrap: break-word; word-break: break-all; color: #000; font-family: "Microsoft YaHei"; font-size: 12px; display:inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; float:left;}
.list td p{ line-height:20px;}
.list .w1 { width: 90px; }
.list .w2 { width: 95px; }
.list .w3 { width: 110px; }
.list .w4 { width: 110px; }
.list .w5 { width: 110px; }
.list .w6 { width:240px; padding-left: 20px; text-align: left; }
.nbr { border-right: none; }
.gray { color: #848484; }
.Placeorder { width: 60px; overflow: hidden; height: 30px; margin-left: 0px; margin-top: 6px; }
.Placeorder a { width: auto; height: 28px; text-align: center; line-height: 28px; color: #3f88f5; font-size: 14px; background: #fff; display: block; border: 1px solid #3b3a98; border-radius: 15px; }
.Placeorder a:hover { color: #fff; background: #3f88f5; }
.propertieswxb { width: 55px; overflow: hidden; height: 30px; margin: 6px 0px 0px 0px; }
.propertieswxb a { width: auto; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;/*font-weight:bold;*/ background: #ff6600; display: block; }
.propertieswxb a:hover { color: #fff; background: #3f88f5; }
.Placeorderxj { width: 40px; overflow: hidden; height: 30px; margin-left: 0px; margin-top: 6px; }
.Placeorderxj a { width: auto; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 14px; background: #ff6600; display: block; }
.Placeorderxj a:hover { color: #fff; }
.news { width: 160px; overflow: hidden; margin-right: 0px; }
.news a { display: inline-block; vertical-align: middle; margin-right: 8px; cursor:default}
.news i { width: 16px; height: 16px; display: block; background: url(../images/qq_2019060301.png) no-repeat center; }
.markets .market-right { width: 390px; float: left; }
.markets .market-right h1 { font-size: 24px; line-height: 48px; font-weight: bold; margin-bottom: 10px; }
.markets .market-right .market-right-con { background: #fff; height:412px; padding: 10px 20px; overflow: hidden; }
.markets .market-right .market-right-con table { width: 100%; line-height: 32px; font-size: 14px; }
.markets .market-right .market-right-con table th { text-align: center; }
.markets .market-right .market-right-con table .sj1 { width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; }
.markets .market-right .market-right-con table .sj2 { width: 80px; text-align: center; display: inline-block; }
.markets .market-right .market-right-con table .sj3 { width: 60px; text-align: center; display: inline-block; }
.markets .market-right .market-right-con .zst{ height:205px;}
.markets .market-right .market-right-con .zst img { width: 100%; }
.mhs_content{ overflow: hidden;  width:100%; height: 170px; color:#666;margin-bottom: 15px;}
.mhs_content .ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mhs_content .w1a{ width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; text-align:center;}
.mhs_content .w2a{width: 80px; text-align: center; display: inline-block; }
.mhs_content .w3a{ width: 60px; text-align: center; display: inline-block;  }
/*快速采购*/
.quest { width: 270px; height: 290px; background: #fff; float: left; padding: 0 10px; }
.quest ul { overflow: hidden; margin: 15px 0; }
.quest ul li { float: left; font-size: 16px; line-height: 28px; margin: 0 10px; padding-bottom: 10px; cursor: pointer; }
.quest ul li.current { border-bottom: 2px solid #3b3a98; }
.quest-con { display: none; }
.quest-con .inputs { text-align: center; margin-bottom: 5px; }
.quest-con .inputs input { width: 158px; height: 30px; border: 1px solid #aaa; border-radius: 15px; padding-left: 20px; color: #888; margin-bottom: 15px; }
.quest-con .inputs span { margin-right: 10px; font-size: 14px; }
.quest-con .retrieval { display: block; width: 218px; height: 32px; line-height: 32px; background: #3b3a98; border-radius: 15px; color: #fff; margin: 10px auto 0; }
.block { display: block; }
/*用户详细信息*/
.Cardshow { width: 280px; height: auto; text-align: left; line-height: 24px; border: 1px solid #ededed; background: #fff; z-index: 1000; top: 155%\0; border-radius: 20px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2); box-shadow: 0 0 1px rgba(0, 0, 0, .2); }
.Cardpop { width: 280px; height: 318px; overflow: hidden; background: #FFFFFF; border-radius: 20px; }
.Cardpop2 { width: 280px; height:auto; overflow: hidden; background: #FFFFFF; border-radius: 20px; }
.Cardp_top { width: 280px; height: 154px; }
.Cardp_ttp { width: 280px; height: 112px; overflow: hidden; }
.Cardp_tlogo { width: 100%; height: 43px; position: relative; }
.Cardp_tlogo .p_logo { width: 90px; height: 89px; position: absolute; top: -45px; left: 30px; border-radius: 50%; overflow: hidden; border: 1px solid #ddd }
.Cardp_tlogo .p_shangbiao { position: absolute; bottom: 0px; right: 30px; }
.Cardp_tlogo .p_shangbiao img { width: 32px; height: 32px; }
.Cardp_tbt { width: 250px; height: auto; overflow: hidden; margin: 0 auto; padding: 4px 0px; }
.Cardp_tbt h1 { height: auto; line-height: 22px; font-size: 16px; color: #333333; font-weight: 800; padding: 5px 0px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Cardp_tbt div { height: 30px; line-height: 30px; font-size: 12px; color: #333333; }
.Cardp_tbt div b { color: #999999; font-weight: normal; }
.vcard_pzjktp { width: auto; height: 55px; overflow: hidden; padding: 4px 0px 4px 17px; }
.vcard_pzjktp i { width: 52px; height: 52px; float: left; display: block; padding-right: 10px;}
.vcard_pzjktp i img{width: 52px; height: 52px; border-radius:50%; border:1px solid #ddd;}
.Cardp_foot { width: auto; height: 53px; overflow: hidden; background: url(../images/mp_line.png) top no-repeat; }
.Cardp_foot .icon { width: 160px; height: auto; overflow: hidden; float: left; padding: 14px 0px 0px 20px; }
.Cardp_foot .icon i { width: 21px; height: 24px; float: left; padding-right: 10px; }
.Cardp_foot .iconze { width: 90px; height: auto; text-align: left; float: right; }
.Cardp_foot .iconze a { text-decoration: none !important; }
.Cardp_foot .iconze span { width: 80px; height: 50px; line-height: 50px; font-size: 14px; color: #000000; display: block; }
.vcard_pnr { width: auto; height: 281px; overflow: hidden; }
.vcard_pnr p { line-height: 35px; margin-top: 12px; font-size: 12px; color: #8f9394; word-break: break-all; }
.Cardp_pjj { width: auto; height: auto; padding-top: 0px; }
.Cardp_pjj div { width: 250px; height: 230px; line-height: 25px; overflow: hidden; margin: 0 auto; font-size: 12px; color: #222c2e; position: relative; }
.Cardp_pjj a { width: 100px; height: 30px; line-height: 30px; background: #66bbd5; border-radius: 10px; font-size: 14px; color: #ffffff !important; display: block; float: right; text-align: center; text-decoration: none !important; position: absolute; bottom: 20px; right: 0; }
.Cardp_pjj #iconjjgs { clear: both; padding: 15px; width: 150px; margin: 0 auto; }
.Cardp_pjj #iconjjgs span { display: block; height: 30px; line-height: 30px; border: 1px solid #999; text-align: center; font-family: Verdana, Geneva, sans-serif; }
.divheig { height: 257px !important; }
.divheig1 { height: 295px !important; }
#iconjjgs .hide { background: url(../images/mp_jiantou1.png) no-repeat 90% 50%; }
.Cardp_show { background: url(../images/mp_jiantou.png) no-repeat 90% 50%; }
.vcard_blank38 { width: 100%; height: 10px; overflow: hidden; }
/*名片弹出框*/
.closeBtn { display: block; width: 30px; height: 30px; position: absolute; left: 50%; margin-left: -15px; bottom: 20px; cursor: pointer; background: url(//moln5xfhw7.m.mall.ibuychem.com/static/media/close.9ca88391.png) no-repeat center; background-size: 100% 100%; }
.touming { width: 100%; height: 100%; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#5f000000);
position: fixed; left: 0; top: 0; display: none; z-index: 998; }
.touming.active { display: block; }
.touming1 { width: 100%; height: 100%; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#5f000000);
position: fixed; left: 0; top: 0; display: none; z-index: 1005; }
.touming1.active { display: block; }
.touming2 { width: 100%; height: 100%; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f000000, endColorstr=#5f000000);
position: fixed; left: 0; top: 0; display: none; z-index: 1005; }
.touming2.active { display: block; }
.shopCard8,.shopCard7,.shopCard6,.shopCard5,.shopCard4,.shopCard3,.shopCard2,.shopCard1 { width:600px; height:290px; position: fixed; top:10%; left:45%; margin-left: -18%; display: none; background: #fff; z-index: 999;/*overflow-y: auto;*/ border-radius: 20px; padding-bottom: 12px; padding: 2% 3%; }
.shopCard8 h2,.shopCard7 h2,.shopCard6 h2,.shopCard5 h2,.shopCard4 h2,.shopCard3 h2,.shopCard2 h2,.shopCard1 h2 { width:auto;text-align: center;font-weight: bold; font-size:22px; height: 25px; line-height: 25px; color: #333; border-bottom: 1px solid #333; margin-bottom: 1rem; }
.shopCard8 ul li,.shopCard7 ul li,.shopCard6 ul li,.shopCard5 ul li,.shopCard4 ul li,.shopCard3 ul li,.shopCard2 ul li,.shopCard1 ul li { overflow: hidden; height: 2.5rem; margin-bottom: 0.5rem; }
.shopCard8 ul li b,.shopCard7 ul li b,.shopCard6 ul li b,.shopCard5 ul li b,.shopCard4 ul li b,.shopCard3 ul li b,.shopCard2 ul li b,.shopCard1 ul li b { float: left; display: block; width: 18%; font-size: 0.875rem; }
.shopCard8 ul li span,.shopCard7 ul li span,.shopCard6 ul li span,.shopCard5 ul li span,.shopCard4 ul li span,.shopCard3 ul li span,.shopCard2 ul li span,.shopCard1 ul li span{ float: right; display: block; width: 81%; text-align: left; word-wrap: break-word; font-size: 0.875rem; padding-left: 1%; }
.shopCard8 ul li span.tel,.shopCard7 ul li span.tel,.shopCard6 ul li span.tel,.shopCard5 ul li span.tel,.shopCard4 ul li span.tel,.shopCard3 ul li span.tel,.shopCard2 ul li span.tel,.shopCard1 ul li span.tel { background: url(../images/lxr.png) no-repeat 40% 0; }
/****20190620****/

/****** ******/
.recruitment { width: 100%; height: 120px; background: url(../images/recruitment.jpg) no-repeat center; }
.recruitment .recruitmentLeft { float: left; height: 120px; line-height: 120px; margin-right: 240px; }
.recruitment .recruitmentLeft img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.recruitment .recruitmentLeft p { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; }
.recruitment ul { float: left; margin-top: 35px; }
.recruitment ul li { float: left; margin-left: 20px; }
.recruitment ul li img { display: inline-block; vertical-align: middle; }
.recruitment ul li span { width: 40px; height: 50px; display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; padding: 0 5px; text-align: center; }
.qrcode { float: right; margin-top: 20px; }

.spNav { height: 42px;background-color:#3c3a98 }
.spNav li { float: left; height: 40px; line-height: 40px; font-size: 14px; }
.spNav li a { display: inline-block; color: #fff; }
.spNav li a:hover { color: #3b3a98; border-bottom: 2px solid #3b3a98; }
.spNav .zdzbNav{ background:url(../images/tz_30.png) no-repeat center;}
.spNav .zdzbNav a:hover { color: #fff; border-bottom:0; }
/* .spNav .current a{padding: 0 !important;} */
.spNav .current a{color: #3b3a98;/*border-bottom: 2px solid #3b3a98;padding:0 25px;*/}

.hotsale { padding: 20px 0 40px; }
.hotsale .hotsale-title { text-align: center; padding: 10px 0 40px; }
.hotsale .hotsale-title h2 { font-size: 20px; line-height: 40px; font-weight: bold; font-style: italic; }
.hotsale .hotsale-title p { font-size: 24px; font-style: italic; color: #888; }
.hotsale ul { overflow: hidden; }
.hotsale ul li { width: 560px; float: left; padding: 10px 20px; }
.hotsale ul li a { display: block; overflow: hidden; }
.hotsale ul li .hotImg { float: left; margin-right: 20px; padding: 0 30px; }
.hotsale ul li .hotDetail { float: left; width: 300px; }
.hotsale ul li .hotDetail h3 { font-size: 18px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hotsale ul li .hotDetail p { width: 250px; font-size: 14px; line-height: 28px; height: 84px; overflow: hidden; }
.hotsale ul li .hotDetail span { display: block; font-size: 12px; line-height: 24px; margin-bottom: 10px; }
.hotsale ul li .hotDetail span i { font-size: 24px; color: #3b3a98; }
.hotsale ul li .hotDetail em { display: block; width: 90px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; background: #3b3a98; text-align: center; }
.categories { padding: 20px 0 40px; background: #1e1e1e; clear: both; }
.categories .categories-title { text-align: center; color: #fff; padding: 10px 0 40px; }
.categories .categories-title h2 { font-size: 20px; line-height: 40px; font-weight: bold; font-style: italic; }
.categories .categories-title p { font-size: 24px; font-style: italic; color: #888; }
.categories ul { overflow: hidden; }
.categories ul li { width: 180px; float: left; text-align: center; font-size: 16px; line-height: 35px; margin: 0 10px; }
.categories ul li a { display: block; color: #fff; }
.categories ul li img { width: 180px; height: 103px; }
.categories ul li span { display: inline-block; background: #3b3a98; padding: 0 10px; height: 24px; line-height: 24px; color: #fff; text-align: center; font-size: 14px; margin: 0 auto; }
.aboutus { padding: 20px 0 40px; clear: both; }
.aboutus .aboutus-title { text-align: center; padding: 10px 0 40px; }
.aboutus .aboutus-title h2 { font-size: 20px; line-height: 40px; font-weight: bold; font-style: italic; }
.aboutus .aboutus-title p { font-size: 24px; font-style: italic; color: #888; }
.aboutus .about { width: 1138px; height: 288px; border: 1px solid #333; float: right; position: relative; margin: 30px 0; }
/**2019 04 12 调整的css*/
.aboutus .about img { position: absolute; left: -50px; top: -30px; width: 500px; height: 290px; border: 1px solid #eee; }
.aboutus .about p { width: 620px; height: 230px; overflow: hidden; float: right; padding: 30px; font-size: 14px; line-height: 28px; text-indent: 2em; }
.morecontant { clear: both; overflow: hidden; width: 100%; background: #f2f2f2; padding: 20px 0 30px;}
.morecontant .more-title { text-align: center; padding: 0px 0 0px; }
.morecontant .more-title h2 { font-size: 20px; line-height: 40px; font-weight: bold; font-style: italic; }
.morecontant .more-title p { font-size: 24px; font-style: italic; color: #888; }
/*左侧商铺信息*/
.moreleft{ width:270px; height:auto; float:left;  margin-right:10px;}
.spxx{ width:auto; border:none!important; margin-bottom:20px; background: #fff; overflow:hidden;}
.spxx .sptit{ margin-bottom:10px; position:relative;}
.spxx .sptit img{ margin:0 auto 5px; height:60px;}
.spxx .sptit::before{ position:absolute; left:25px; top:35px; width:30px; height:1px; background:#fff; content:''; display:block;}
.spxx .sptit::after{ position:absolute; right:25px; top:35px; width:30px; height:1px; background:#fff; content:''; display:block;}
.spxx .sptit p{ text-align:center; color:#3c3a98; font-size:14px;}
.spxx h2{ width:auto;max-height:50px; line-height:25px; font-size:16px;  text-align:left;font-weight:600; overflow: hidden; }
.spxx h2 a{ display:block;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/ font-size:16px; color:#111; }
.spxx .icons{ text-align:center; margin-bottom:15px;}
.spxx .icons img{ display:inline-block; margin:0 3px; width: 20px;height: 20px;}
.spxx .lxr{ width: 230px; height:auto; margin:0 auto;  padding: 10px 0; border-top:1px dashed #e9e9e9; }
.spxx .lxr .lxr_p{ padding:0 0px; height:auto;  padding:7px 0; }
.spxx .lxr .lxr_p em{     width: 60px;text-align: right;margin-right: 0;    display: inline-block; vertical-align: middle;}
.spxx .lxr .lxr_p em b{ letter-spacing: 4px;}
.spxx .lxr .lxr_p i{ display:inline-block; vertical-align:middle; width:22px; height:auto; }
.spxx .lxr .lxr_p i img{ width:22px; height:auto;}
.spxx .lxr .lxr_p span{display:inline-block;vertical-align:middle;}
.spxx .spxx-div{background: url(../images/tz_01.jpg) no-repeat;background-size: 100% 100%;padding: 20px 20px 0!important;}
.spxx .spxx-div2{background: #fff;background-size: 100% 100%;color: #545454; padding: 0!important;}
.spxx .button.enter-wp{ float: left;}
.spxx .button.shop_collection{ float: right;}
.spxx .spxx-div{ background-size:270px 120px;}
.spxx .spfooter{padding: 0; text-align: center;border-top: 1px dashed #e9e9e9; overflow: hidden; margin: 0 auto; width: 230px;}
.spxx .button {  border: 1px solid #efefef;  padding: 8px 22px; background: #fafafa; cursor: pointer; vertical-align: middle; font-size:14px; color:#545454;}
.spxx .enter-sc{ background:#545454; color:#545454;}
.spxx .nxicon{ width:auto; padding:5px 20px 10px; }
.spxx .nxicon strong{ width:auto; font-size:14px; padding-right:10px; display:inline-block;vertical-align: middle;}
.spxx .nxicon strong a{ font-size:24px; color:#ff3d3d!important; padding-right:5px; font-weight:bold; cursor: text; }
.spxx .nxicon i{ width:1px; height:18px; background:#c6c6c6; margin:2px 5px 0px 0px; display:inline-block;overflow:hidden;vertical-align: middle;}
.spxx .nxicon span{ font-size:14px; display:inline-block;vertical-align: middle;}
.spxx .nxicon span img{ width:28px; height:auto; padding-left:5px; float:left; box-sizing: border-box; }


.lxrpop{width: auto;position: relative;display: inline-block;_display: inline-block; /*z-index:999999;*/}
.lxrpop img{ display:inline-block; vertical-align:middle; width:22px; height:auto; }
.lxrpop .lxrpup{ word-break:break-all;word-wrap:break-word;display: none;position: absolute;left:0;top:100%;width:115px;padding: 5px 10px 5px 10px;height: auto;text-align: left;line-height: 24px;background: #fff;z-index: 999;transform:translate(0,0px);-webkit-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px);-ms-transform:translate(0,0px);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .5); box-shadow:0 0 10px rgba(0, 0, 0, .5);}
.lxrpop .lxrpup1{word-break:break-all;word-wrap:break-word;display: none;position: absolute;left:0;top:100%;width:115px;padding: 5px 10px 5px 10px;height: auto;text-align: left;line-height: 24px;background: #fff;z-index: 999;transform:translate(0,0px);-webkit-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px);-ms-transform:translate(0,0px);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .5); box-shadow:0 0 10px rgba(0, 0, 0, .5);}
.lxrpop{ width:auto; height:24px; line-height:20px; font-size:12px; color:#333;text-align:center;}

.nxpop{width: auto;position: relative;display: inline-block;_display: inline-block;}
.nxpop .nxpop_cont{position:absolute;left:-7px;top:25px;width:220px;height:auto;text-align:left;line-height:24px;border: 1px solid #545454;background:#fff;z-index: 1000;display:none;top:155%\0;}
.nxpop .nxpop_cont s{background: transparent url(../images/icon_spjiantou.png) scroll 0px -168px;display: block;height:6px;position: absolute;top: -6px;left:15px;width: 14px;}
.nxpop .nxpop_cont p{padding:2px 8px; font-size:12px; color:#545454;}
.cpss{ width:268px; border:1px solid #f3f3f3; margin-bottom:10px;}
.cpss h3{ height:30px; line-height:30px; background:#efefef; font-size:14px; padding:0 10px; color:#333; margin-bottom:20px; font-weight:bold;}
.cpss .cpsearch,.moreleft .cpss .cpprice{ margin-bottom:15px;}
.cpss .cpsearch span{ width:60px; text-align:right; display:inline-block; margin-right:15px;}
.cpss .cpsearch input { display:inline-block; width: 140px; height: 28px; border: 1px solid #aaa; border-radius: 15px; padding-left: 20px;color: #888; }
.cpss .cpprice span{ width:60px; text-align:right; display:inline-block; margin-right:15px;}
.cpss .cpprice input { display:inline-block; width: 47px; height: 28px; border: 1px solid #aaa; border-radius: 15px; padding-left: 20px;color: #888; }
.cpss .cpprice em{ display:inline-block; margin:0 5px;}
.cpss button{ display:block; margin:0 auto; width:120px; height:30px; background:#3b3a98; color:#fff; border-radius:20px; margin-bottom:20px; cursor:pointer;}
.cpfl{ width:270px;  margin-bottom:20px; position: relative; border:1px solid #e7e3e2; box-sizing: border-box;}
.cpfl h3{ height:40px; line-height:40px; background:#3c3a98; font-size:16px; padding:0 10px; color:#fff; font-weight:bold;}
.cpfl ol{ display:none; position:absolute; left: 268px; top:0; background: #fff; width: 200px; border: 1px solid #3c3a98; z-index: 999; }
.cpfl ol li{ padding: 0 10px;line-height: 44px; height: 44px;}
.cpfl ol li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; color:#333;}
.cpfl .cpfl_menu ol li a:hover{ color: #3c3a98;}
.cpfl .left-list{ background: #3c3a98;}
.cpfl_menu{ position:relative; background:#fff;}
.crumbs-item{line-height: 44px; text-indent:20px; background: url(../images/tz_02.png) no-repeat 94% center; position: relative;}
.crumbs-item>a{ display:block;  border: 1px solid #f0f0f0; border-left: 0; border-right: 0; height: 46px;}
.curs{ cursor:pointer;border:1px solid #3c3a98!important; position:relative; color:#3c3a98;}
.curs:after{  position:absolute; content:''; width:2px; height:44px; background:#fff; top:0; right:-2px;  z-index:9999;}


.gycp { width:270px; margin-bottom:20px;}
.gycp h3{ height:40px; line-height:40px; background:#3c3a98; font-size:16px; padding:0 10px; color:#fff; margin-bottom:10px; font-weight:bold;}
.gycp dl { padding: 10px 0; margin: 0 10px; overflow:hidden;}
.gycp dl dt { float: left; margin: 1px 10px 0 0;width: 80px; height: 80px; padding: 1px; text-align: center;}
/**2019 04 12 调整的css*/
.gycp dl dt img{ width:80px; height:80px;border:1px solid #eee;}
.gycp dl dd { float: left; width: 153px; }
.gycp dl .title{ height:40px; line-height:20px; margin:8px 0; overflow:hidden; font-size: 14px;}
.gycp dl .title a:hover,.gycp dl .action a:hover,.sc:hover,.jh:hover{ color:#3b3a98!important;}
.gycp dl .price{ line-height:18px;}
.gycp dl .price .rmb{color:#3b3a98; margin-right:20px; font-size: 14px; }
.gycp dl .price .num{ color:#888; float:right;}
.gycp dl .delete { float: right; width: 30px;text-align: right;color:#888!important;}
.gycp .gd{ color:#888; border-top:1px solid #f3f3f3; display:block; height:44px; line-height:44px; text-align:center; margin-top: 10px;}
.lxfs { width:268px; border:1px solid #f3f3f3; margin-bottom:10px;}
.lxfs h3{ height:30px; line-height:30px; background:#efefef; font-size:14px; padding:0 10px; color:#333; margin-bottom:10px; font-weight:bold;}
.lxfs ul{ width:95%; margin:0 auto 10px;}
.lxfs ul li{ overflow:hidden; line-height:24px;}
.lxfs ul li span{ display:block; width: 70px; float:left; text-align:right;}
.lxfs ul li i{ display:block; width:180px; float:left;}
.lxfs img{ margin:0 auto; width:240px; height:280px;}
.lxfs .gd{ color:#888; border-top:1px solid #f3f3f3; display:block; height:30px; line-height:30px; text-align:center;}
.gsdt { width:268px; border:1px solid #f3f3f3; margin-bottom:10px;}
.gsdt h3{ height:30px; line-height:30px; background:#efefef; font-size:14px; padding:0 10px; color:#333; margin-bottom:10px; font-weight:bold;}
.gsdt ul{ width:90%; margin:0 auto 10px;}
.gsdt ul li{ height:24px; line-height:24px;}
.gsdt ul li a{display: block;color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gsdt ul li a:hover{ color:#3b3a98;}
.gsdt .gd{ color:#888; border-top:1px solid #f3f3f3; display:block; height:30px; line-height:30px; text-align:center;}
.zhitop{ background:url(../images/top.png) no-repeat 0 center; padding-left:35px;}
.moreright{ width:920px; float:left;}
.cpList{ border:none!important; margin-bottom:20px;}
.cpList-title{ height:45px; line-height:45px; padding:0 20px;  color: #222;background: #FBFBFB;}
.cpList-title b{ font-size: 16px;}
.cpList-title span{ float:right; font-size:12px;}
.cpList-title a{ color: #888;}
.cpList ul{ overflow:hidden; margin:15px 0; padding:20px 20px 0!important;}
.cpList ul li{ width:205px; overflow:hidden;float:left; margin-right:19px; margin-bottom: 20px;}
.cpList ul li:nth-child(4n){ margin-right: 0;}
/**2019 04 12 调整的css*/
.cpList ul li .imgs{width:203px; height:203px;overflow:hidden;border:1px solid #eee; display:block;}

.cpList ul li .imgs img{ width:202px; height:202px; display: block; border: 0; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.cpList ul li .imgs:hover img{ transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.cpList ul li h3 a{ font-size:14px; line-height:32px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cpList ul li h3 a:hover{ color:#3b3a98;}
.cpList ul li .buy{ overflow:hidden; padding:0 2px;}
.cpList ul li .money{ color:#3b3a98; font-size:14px; float:left;}
.cpList ul li .deal{ float:right; color:#888;}
/****** ******/
.spdetail { overflow: hidden; margin: -20px auto!important; }
.stockLeft { width: 910px; float: left; margin-right: 20px; background:#fff;}
.stockTop { overflow: hidden; margin-bottom: 20px; }
.stockCen { overflow: hidden; width:880px; margin:0 auto 20px;}
.stockBtm { overflow: hidden; }
.stockzs { width: 380px; float: left; margin-right: 30px; }
.stockzsCon { display: none; width: 380px; height: 380px; overflow: hidden; margin-bottom: 10px; }
/**2019 04 12 调整的css*/
.stockzsCon img { width: 400px; height: 400px; border: 1px solid #eee; }
.stockzsImg { width: 400px; overflow: hidden; margin-bottom: 5px; }
/**2019 04 12 调整的css*/
.stockzsImg li { float: left; width: 17%; height: 72px; border: 1px solid #eee; cursor: pointer; margin: 0 1%; }
.stockzsImg li img { width: 100%; height: 100%; }
.collect { font-size: 12px; height: 24px; line-height: 24px; color: #888; }
.collect a { background: url(../images/icons.png) no-repeat; padding-left: 20px; color: #888; margin-left: 10px; background-position: 0 -344px; }
.collect a.sc{ background: url(https://style-cdn.ibuychem.com/wiseshop/pc/images/starts.png) no-repeat;}
.stockfx { width: 470px; float: left;   }
.stockfx .xhfxBox { border: 1px solid #eee; display:none }
.stockfx .xhfx { width: 548px; height: 42px; background: #f8f8f8; }
.stockfx .xhfx li { float: left; width: 130px; line-height: 44px; font-size: 14px; min-width: 126px; text-align: center; color: #bfbfbf; border: 1px solid #eee; border-width: 0 1px; margin: -1px; margin-left: 0; margin-right: 0; border-left: 0; cursor: pointer; }
.stockfx .xhfx .current { position: relative; color: #3b3a98; background: #fff; }
.stockfx .xhfx li.current:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #3b3a98; }
.stockfx .xhfxCon { }
.stockfx .xhfxCon h2 { margin: 10px 0 20px; font-size:22px; max-height: 64px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#111; font-weight:bold;}
.stockfx .xhfxCon h2 img{display: inline-block;width: 96px;height: 26px;vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.stockfx .xhfxCon .fxjg { color: #888; overflow: hidden; }
.stockfx .xhfxCon .fxjg span { float: left; line-height: 28px; }
.stockfx .xhfxCon .fxjg span i { font-size: 24px; font-weight: bold; color: #3b3a98; }
.stockfx .xhfxCon .fxjg em { float: right; line-height: 40px; }
.stockfx .xhfxCon .qy { color: #888; line-height: 32px; font-size:16px; margin-top:15px; }
.stockfx .xhfxCon .qy span { display: inline-block; margin-right: 9px; }
.stockfx .xhfxCon .qy span b{ font-weight:normal; margin:0 8px;}
.stockfx .xhfxCon .qy a { color: #3b3a98; }
.stockfx .xhfxCon .qy i { display: inline-block; background: #f67328; height: 20px; line-height: 20px; color: #fff; margin: 0 5px; padding: 0 4px; border-radius: 3px; }
.stockfx .xhfxCon .pj { color: #888; line-height: 32px; }
.stockfx .xhfxCon .pj span { display: inline-block; vertical-align: middle; margin-right: 5px; }
.stockfx .xhfxCon .pj .star { line-height: 30px; display: inline-block; vertical-align: middle; }
.stockfx .xhfxCon .pj .star b { display: inline-block; width: 17px; height: 17px; background: url(../images/starts.png) no-repeat center; margin: 0 2px; }
.stockfx .xhfxCon .pj p { display: inline-block; vertical-align: middle; }
.stockfx .xhfxCon .pj p i { font-size: 12px; display: inline-block; color: #fea33c; }
.stockfx .xhfxCon .pj .pjnum { float: right; }
.stockfx .xhfxCon .pj .pjnum i { color: #fea33c; }
.stockfx .xhfxCon .line { height: 1px; background: #f3f3f3; margin: 20px 0; }
.stockfx .xhfxCon .amount_box { margin: 0 0 20px 0; height: 25px; position: relative; color: #888; display: inline-block; font-size:16px;}
.stockfx .xhfxCon .amount_box span { display: inline-block; vertical-align: middle; }
.stockfx .xhfxCon .amount_box .sumplus { display: inline-block; font-size: 0; vertical-align: middle; }
.stockfx .xhfxCon .amount_box input { width:60px; height: 28px; line-height: 28px; border: 1px solid #e6e3e2; color: #888; text-align: center; background: #fff; z-index: 2; display: inline-block; vertical-align: middle; font-size: 14px;border-radius:10px;}
.stockfx .xhfxCon .amount_box a { display: inline-block; height: 28px; width: 45px; border: 1px solid #e6e3e2; background: #fff; text-align: center;  font-size: 18px; vertical-align: middle; border-radius:10px; color:#888;}
.stockfx .xhfxCon .amount_box a:hover { border-color: #3c3a98; text-decoration: none; color: #3c3a98; z-index: 3; }
.stockfx .xhfxCon .amount_box .reSty { color: #cbcbcb; }
.stockfx .xhfxCon .amount_box .reSty:hover { border-color: #3c3a98; text-decoration: none; color: #cbcbcb; }
.stockfx .xhfxCon .amount_box i { margin-left: 10px; display: inline-block; vertical-align: middle; }
.stockfx .xhfxCon .fxbuy { margin: 10px 0 10px; }
.stockfx .xhfxCon .button { display: inline-block;/*20200628hill- 这两个样式冲突到 立即购买 加入进货单 按钮了 height: 22px; line-height: 22px; */padding: 10px 25px; background: #fff; cursor: pointer; vertical-align: middle; margin-right: 10px; font-size: 16px }
.stockfx .xhfxCon .enter-wp { background: #3c3a98; color: #fff; }
.stockfx .xhfxCon .enter-wp:hover{ color:#fff!important;}
/* .stockfx .xhfxCon .hi-click { background: #e8e8e8; color: #888; cursor:default;}
.stockfx .xhfxCon .hi-click:hover{ color: #888!important; } */
.stockfx .xhfxCon .enter-sc { background: #fff; color: #3c3a98; border:1px solid #3c3a98; }
.stockfx .xhfxCon .zffs { color: #888; line-height: 32px; font-size:16px;}
.stockfx .xhfxCon .zffs a { display: inline-block; margin-right: 15px; vertical-align: middle; color: #888; }
.stockfx .xhfxCon .zffs a:hover { color: #2089ff; }
.stockfx .xhfxCon .zffs span { display: inline-block; vertical-align: middle; margin-right: 10px; }
.stockfx .xhfxCon .zffs em { display: inline-block; vertical-align: middle; background: url(../images/icons.png) no-repeat 0 center; padding-left: 18px; margin-right: 15px; background-position: 0 0; }
.stockfx .xhfxCon p.flex-wrap { margin-bottom: 10px; }
.stockfx .xhfxCon .flex-wrap {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.stockfx .xhfxCon .fs-32 { font-size: 32px; }
.stockfx .xhfxCon .fs-20 { font-size: 20px; }
.stockfx .xhfxCon .fs-14 { font-size: 14px; color: #888; }
.stockfx .xhfxCon .co-red { color: #3b3a98; }
.stockfx .xhfxCon .co-999 { color: #999; }
.stockfx .xhfxCon .ds { display: inline-block;}
.stockfx .xhfxCon .dhl { display: none; margin-top: 12px; color: #888; }
.stockfx .xhfxCon .jg { display: inline-block; font-size:16px; margin-right: 5px; }
.stockfx .xhfxCon .mr30 { margin-right: 30px; }
.stockfx .xhfxCon .flex {/* flex: 1 1 0%;*/  display:inline-block; vertical-align: top;margin-top: -5px; margin-right:20px;}
.stockfx .xhfxCon .flex em{font-size:16px; color:#888;}
.stockfx .xhfxCon .small{ font-size:18px;}
.stockfx .xhfxCon .spysq{ margin-top:10px; margin-bottom:30px; width:100%; height:50px; line-height:50px; background:#e1e1e1; color:#fff; text-align:center; font-size:18px;}

.touming { width: 100%; height: 100%; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3f000000, endColorstr=#3f000000);
position: fixed; left: 0; top: 0; display: none; z-index: 99; }
.purchaseOrder { width: 560px; height: 300px; position: fixed; left: 50%; top: 50%; margin-left: -290px; margin-top: -160px; display: none; background: #fff; padding: 10px; z-index: 9999; overflow: hidden; }
.close { width: 14px; height: 14px; position: absolute; right: 10px; top: 10px; cursor: pointer; background: url(https://www.ibuychem.com/resource/stInfo/images/qgclose.png) no-repeat; z-index:999}
.close2 { width: 14px; height: 14px; position: absolute; right: 10px; top: 10px; cursor: pointer; background: url(https://www.ibuychem.com/resource/stInfo/images/qgclose.png) no-repeat;z-index:999 }
.close3 { width: 18px; height: 18px; position: absolute; right: 10px; top: 10px; cursor: pointer; background: url(../images/tz_29.png) no-repeat; z-index:999}
.order-top { width: 510px; margin: 0 auto; padding: 20px 0; }
.order-top p { font-size: 16px; line-height: 32px; background: url(https://style-cdn.ibuychem.com/wiseshop/pc/images/ok.png) no-repeat 0 center; padding-left: 30px; }
.order-top .choose { padding-left: 30px; }
.order-top .choose a { color: #0383ff; margin-left: 20px; }
.order-top .choose span { color: #888; }
.order-top .choose i { color: #0383ff; }
.order-btm { width: 510px; border-top: 1px solid #f3f3f3; margin: 0 auto; padding-top: 10px; }
.order-btm p { line-height: 28px; color: #888; }
.order-btm ul { overflow: hidden; width: 510px; margin: 0 auto; }
.order-btm ul li { width: 120px; height: 150px; float: left; margin-right: 10px; }
.order-btm ul li img { width: 120px; height: 120px; }
.order-btm ul li .title { line-height: 28px; color: #3b3a98; font-size: 14px; font-weight: bold; text-align: center; }
.order-btm ul li:last-child { margin-right: 0; }
.block { display: block!important; }
.detailedMsg { width: 910px; float: left; }
.information { overflow: hidden; border: 1px solid #e5e2e1; }
.information li { float: left; height: 40px; line-height: 40px; font-size: 14px; width: 20%; text-align: center; cursor: pointer; }
/*.information .curr{ color:#2089ff; border-bottom:2px solid #2089ff;}*/
.stockRight { width: 270px; float: left; }
.stockRight p { font-size: 14px; line-height: 28px; color: #888; text-align: center; margin-bottom: 5px; }
.picScroll-top { margin: 0 auto; width: 180px; overflow: hidden; position: relative; }
.picScroll-top .hd { overflow: hidden; padding: 0 10px; text-align: center; }
.picScroll-top .hd .prev, .picScroll-top .hd .next { display: inline-block; width: 25px; height: 15px; margin: 10px 5px; overflow: hidden; cursor: pointer; background: url(../images/icons.png) no-repeat center; }
.picScroll-top .hd .next { background-position: 0 -381px; }
.picScroll-top .hd .prev { background-position: 0 -416px; }
.picScroll-top .bd { }
.picScroll-top .bd ul { overflow: hidden; zoom: 1; }
.picScroll-top .bd ul li { text-align: center; zoom: 1; margin-bottom: 5px; }
.picScroll-top .bd ul li .pic { text-align: center; }
/**2019 04 12 调整的css*/
.picScroll-top .bd ul li .pic img { width: 178px; height: 178px; border: 1px solid #eee; }
.picScroll-top .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-top .bd ul li .title { line-height: 28px; color: #3b3a98; font-size: 14px; font-weight: bold; }
.inforCon { overflow: hidden; }
.inforCon .xqkc { overflow: hidden; }
.inforCon h3 { text-align: center; font-size: 18px; line-height: 36px; background: url(../images/title.png) no-repeat center; margin-top: 10px; }
.inforCon table { width: 100%; margin: 10px auto; }
.inforCon table td { word-wrap: break-word; word-break: break-all; text-align: left; font-size: 12px; vertical-align: text-top; }
.inforCon table td.de-feature { width: 15%; padding: 12px 14px 0; color: #999; }
.inforCon table td.de-value { width: 16%; padding: 10px 10px 0 0; }
.inforCon img { width: 100%; cursor:pointer;}
.inforCon dl { width: 348px; height: 120px; margin-top: 10px; display: inline-block; margin-right: 10px; vertical-align: top; }
.inforCon dl:nth-of-type(even) { margin-right: 0; }
.inforCon dl dt { float: left; margin-right: 10px; width: 120px; }
.inforCon dl dt img { max-width: 100%; max-height: 100%; }
.inforCon dl dd { float: left; width: 215px; }
.inforCon dl dd span { margin-right: 10px; font-size: 12px; line-height: 24px; }
.inforCon dl dd h2 { font-weight: bold; }
.inforCon dl dd h2 a { color: #be2727; font-weight: bold; font-size: 14px; line-height: 22px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.inforCon dl dd p { font-size: 12px; line-height: 22px; color: #666; height: 72px; overflow: hidden; }
.inforCon dl dd p a { color: #be2727; }
.inforCon dl dd .name { color: #be2727; }
.inforCon dl dd div { color: #888; }
.inforCon dl dd .text a { margin-left: 3px; color: #be2727; }
.stockCen { background: #fff9f7; padding: 20px 0; color:#666 }
.stockCen .syleft { width: 210px; height: 40px; display: inline-block; vertical-align: middle; border-right: 1px solid #ffd8cd; padding-left: 40px; }
.stockCen .syleft h2 { font-size: 16px; color: #3b3a98; margin-bottom: 3px; }
.stockCen .sycenter { width: 370px; height: 40px; display: inline-block; vertical-align: middle; border-right: 1px solid #ffd8cd; }
.stockCen .sycenter p { width: 290px; margin: 0 auto; line-height: 20px; }
.stockCen .sycenter p span { color: #3b3a98; }
.stockCen .syright { width: 250px; height: 40px; display: inline-block; vertical-align: middle; text-align: center; }
.stockCen .syright p { display: inline-block; margin-right: 10px; }
.stockCen .syright p span { color: #feaa50; }
.stockCen .syright button {display:inline-block; width:100px; height: 32px; background: #3b3a98; color: #fff; cursor: pointer; padding: 0 10px; }
.syeditaddress { width: 598px; height: 500px; padding: 20px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -320px; margin-top: -230px; z-index: 1000; border: 1px solid #ccc; display: none; }
.syeditaddress h2 { text-align: center; line-height: 32px; }
.syeditaddress .edit-area { width: 500px; margin: 0 auto; }
.syeditaddress .edit-area dl { margin-top: 10px; overflow: hidden; }
.syeditaddress .edit-area dl dt { float: left; width: 80px; text-align: right; line-height: 30px; }
.syeditaddress .edit-area dl dt b { color: red; margin-right: 2px; }
.syeditaddress .edit-area dl dd { float: left; }
.syeditaddress .edit-area dl dd select { border: 1px solid #ddd; width: 108px; height: 30px; margin-right: 10px; background:#fff; }
.syeditaddress .edit-area dl dd textarea { width: 338px; border: 1px solid #ddd; resize: none; padding: 5px; }
.syeditaddress .edit-area dl dd .areaInput { width: 343px; border: 1px solid #ddd; padding-left: 5px; height: 28px; line-height: 28px; }
.syeditaddress .edit-area dl dd .mr { height: 30px; }
.syeditaddress .edit-area dl dd .mr input { display: inline-block; vertical-align: middle; margin-right: 5px; }
.syeditaddress .edit-area dl dd .mr span { display: inline-block; vertical-align: middle; }
.syeditaddress .edit-area dl dd .btn { margin-top: 15px; }
.syeditaddress .edit-area dl dd .btn button { width: 140px; height: 45px; text-align: center; line-height: 45px; cursor: pointer; font-size: 14px; }
.syeditaddress .edit-area dl dd .btn .btn-qr { background: #0383ff; border: 1px solid #0383ff; color: #fff; margin-right: 20px; }
.xiaoyang-qr{display: inline-block;color: #fff;font-size: 12px !important;text-align: center;background: #3c3a98!important;padding: 0 40px; border:none!important;border-radius: 3px;padding: 0!important;}
.syeditaddress .edit-area dl dd .btn .btn-qx { background: #fff; border: 1px solid #f3f3f3; }
/*商品详情页留言咨询样式*/
.syeditaddress2 { width: 598px; height: 420px; padding: 20px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -320px; margin-top: -230px; z-index: 1000; border: 1px solid #ccc; display: none; }
.syeditaddress2 h2 { text-align: center; line-height: 32px; }
.syeditaddress2 .edit-area { width: 500px; margin: 0 auto; }
.syeditaddress2 .edit-area dl { margin-top: 10px; overflow: hidden; }
.syeditaddress2 .edit-area dl dt { float: left; width: 80px; text-align: right; line-height: 30px; }
.syeditaddress2 .edit-area dl dt b { color: red; margin-right: 2px; }
.syeditaddress2 .edit-area dl dd { float: left; }
.syeditaddress2 .edit-area dl dd select { border: 1px solid #ddd; width: 108px; height: 30px; margin-right: 10px; }
.syeditaddress2 .edit-area dl dd textarea { width: 338px; border: 1px solid #ddd; resize: none; padding: 5px; }
.syeditaddress2 .edit-area dl dd .areaInput { width: 343px; border: 1px solid #ddd; padding-left: 5px; height: 28px; line-height: 28px; }
.syeditaddress2 .edit-area dl dd .mr { height: 30px; }
.syeditaddress2 .edit-area dl dd .mr input { display: inline-block; vertical-align: middle; margin-right: 5px; }
.syeditaddress2 .edit-area dl dd .mr span { display: inline-block; vertical-align: middle; }
.syeditaddress2 .edit-area dl dd .btn { margin-top: 15px; }
.syeditaddress2 .edit-area dl dd .btn button { width: 140px; height: 45px; text-align: center; line-height: 45px; cursor: pointer; font-size: 14px; }
.syeditaddress2 .edit-area dl dd .btn .btn-qr { background: #0383ff; border: 1px solid #0383ff; color: #fff; margin-right: 20px; }
.syeditaddress2 .edit-area dl dd .btn .btn-qx { background: #fff; border: 1px solid #f3f3f3; }
.course { overflow: hidden; }
.course li { float: left; width: 220px; height: 225px; margin: 10px 8px; }
.course li:hover strong { border-color: #2189ff }
.course li:hover p { border-left-color: #2189ff; border-right-color: #2189ff; border-bottom-color: #2189ff }
.course li img { display: block; width: 220px; height: 157px; }
.course li strong { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; font-weight: 500; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; color: #333; padding: 8px 5px; transition: all .3s }
.course li p { border: 1px solid #e3e3e3; color: #999; padding: 8px 5px; transition: all .3s }
.course li p span { color: #fe8e2c }
.tds { overflow: hidden; }
.tds h3 { text-align: center; font-size: 18px; line-height: 36px; background: url(../images/title1.png) no-repeat center; margin-top: 10px; }
.xiazai { display: block; font-size: 0.75rem; margin: 0 0 10px; overflow: hidden; line-height: 35px; }
.xiazai a { display: inline-block; color: #666; margin-right: 20px; margin-bottom: 10px; }
.xiazai span { display: inline-block; padding-left: 45px; background: url(../images/pdf.png) no-repeat 0 center; font-size: 12px; vertical-align: middle; max-width: 290px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xiazai b { font-weight: normal; }
.xiazai a:hover { color: #2089ff; }
.xiazai a:nth-of-type(even) { margin-right: 0; }
/* */
.success { z-index: 999; width: 360px; position: fixed; left: 50%; top: 50%; margin-left: -190px; margin-top: -105px; display: none; background: #fff; padding: 30px 10px; z-index: 999; overflow: hidden; }
.success .collect-tips { color: #333; font-size: 20px; padding-bottom: 15px; text-align: center; line-height: 48px; }
.success .collect-tips img { display: inline-block; vertical-align: middle; margin-right: 5px; width:33px; height:33px;}
.success .collect-tips span { display: inline-block; vertical-align: middle; }
.success .display-word { width: 300px; margin: 0 auto; line-height: 24px; font-size: 14px; color: #666; text-align: center; }
.success .coupon-link { display: block; margin: 20px auto 0; width: 130px; height: 30px; background: #ff7300; color: #fff; line-height: 30px; text-align: center; border-radius: 4px; }
/****** ******/
.empty { overflow: hidden; padding: 150px 0; font-size: 0; width: 400px; margin: 0 auto; }
.empty img { display: inline-block; vertical-align: middle; }
.empty .emptyDo { display: inline-block; vertical-align: middle; margin-left: 14px; }
.empty .emptyDo p { font-size: 16px; }
.empty .emptyDo a { display: block; text-align: center; width: 80px; font-size: 12px; height: 28px; line-height: 28px; background: #0383ff; color: #fff; margin-top: 12px; cursor: pointer; border-radius: 3px; }
/****** ******/
.cartMain input[type="checkbox"] { display: none; }
/*label { position: relative; display: inline-block; z-index: 1; border: 1px solid #b8b8b8; margin-left: 10px; border-radius: 1px; width: 12px; height: 12px; cursor: pointer; }*/
label.mark { background: url(../images/mark.png) no-repeat center; }
.cartMain { position: relative; width: 1200px; min-width: 1200px; max-width: 1200px; margin: 0 auto; padding: 0px 0px 0px; min-height: 210px; }
/* */
.cartMain_hd { width: 100%; height: 50px; line-height: 50px; }
.cartMain_hd .cartTop { height: 50px; }
.cartMain_hd .cartTop .list_chk { width: 80px; text-indent: 30px; }
.cartMain_hd .cartTop .list_con { width: 370px; }
.cartMain_hd .cartTop .list_chk label { position: absolute; left: 10px; top: 19px; margin: 0; }
.cartMain_hd .cartTop .list_info { padding: 0; text-align: center; }
.cartMain_hd .cartTop .list_con { text-indent: 140px; }
.cartBox { width: 100%; margin-bottom: 15px; }
.cartBox .shop_info { position: relative; width: 100%; height: 38px; background-color: #fff; line-height: 38px; vertical-align: baseline; }
.cartBox .shop_info .all_check { position: relative; float: left; width: 30px; height: 38px; }
.cartBox .shop_info .all_check input[type="checkbox"] { position: absolute; z-index: 0; left: -20px; top: -20px; }
.cartBox .shop_info .all_check .shop { position: absolute; top: 13px; }
.cartBox .shop_info .shop_name { float: left; line-height: 34px; }
.list_all { width: 80px; /*text-indent: 30px;*/ height: 50px; line-height: 50px; float: left; position: relative; }
.list_all label { position: absolute; left: -3px; top:3px; margin: 0; }
.del { float: left; width: 80px; height: 50px; line-height: 50px; }
/* */
.cartBox .order_content { border: 1px solid #ccc; }
.cartBox .order_content a { display: block; }
.order_lists { width: 100%; height: 130px; border-bottom: 1px solid #e7e7e7; }
.order_lists:last-child { border-bottom: none; }
.order_lists li { float: left; height: 100%; }
.order_lists .list_chk { position: relative; width: 50px; }
.order_lists .list_chk input[type="checkbox"] { position: absolute; z-index: 0; left: -20px; top: -20px; }
.order_lists .list_chk label { margin: 20px 0 0 24px; }
.order_lists .list_con { width: 400px; }
.order_lists .list_con .list_img { width: 90px; height: 90px; margin-top: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; }
.order_lists .list_con .list_img img { width: 90px; height: 90px; vertical-align: top; }
.order_lists .list_con .list_img .Invalid { position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
width: 100%; height: 100%; text-align: center; color: #fff; line-height: 90px; }
.order_lists .list_con .list_text { margin-top: 20px; line-height: 22px; width: 250px; display: inline-block; vertical-align: middle; }
.order_lists .list_con .list_text a { color: #3c3c3c; }
.order_lists .list_con .list_text a:hover { color: #0383ff; }
.order_lists .list_info { width: 250px; box-sizing: border-box; }
.order_lists .list_info p { color: #9c9c9c; line-height: 130px; text-align: center; }
.order_lists .list_price { width: 150px; text-align: center; }
.order_lists .list_price .price { line-height: 130px; font-family: Verdana, Tahoma, arial; color: #3c3c3c; font-weight: bold; }
.order_lists .list_amount { width: 150px; text-align: center; }
.order_lists .list_amount .amount_box { width: 77px; height: 25px; position: relative; margin: 53px auto 0; }
.order_lists .list_amount .amount_box input { width: 39px; height: 15px; line-height: 15px; border: 1px solid #aaa; color: #343434; text-align: center; padding: 4px 0; background-color: #fff; z-index: 2; position: absolute; left: 18px; float: left; }
.order_lists .list_amount .amount_box a { float: left; height: 23px; width: 17px; border: 1px solid #e5e5e5; background: #f0f0f0; text-align: center; line-height: 23px; color: #444; position: absolute; top: 0; }
.order_lists .list_amount .amount_box a:hover { border-color: #0383ff; text-decoration: none; color: #0383ff; z-index: 3; }
.order_lists .list_amount .amount_box .reduce { left: 0; }
.order_lists .list_amount .amount_box .reSty { color: #cbcbcb; }
.order_lists .list_amount .amount_box .reSty:hover { border-right: none; border-color: #e5e5e5; text-decoration: none; color: #cbcbcb; }
.order_lists .list_amount .amount_box .plus { border-left-color: transparent; right: 0; }
.order_lists .list_sum { width: 160px; text-align: center; }
.order_lists .list_sum .sum_price { line-height: 130px; font-family: Verdana, Tahoma, arial; color: #3b3a98; font-weight: bold; }
.order_lists .list_op { width: 164px; }
.order_lists .list_op .del { margin-top: 20px; line-height: 18px; }
/* */
.bar-wrapper { width: 1200px; height: 50px; background: #e5e5e5; }
.bar-wrapper .bar-left { float: left; color: #3c3c3c; }
.bar-wrapper .bar-right { float: right; color: #3c3c3c; }
.bar-wrapper .bar-right strong { color: #3b3a98; }
.bar-wrapper .bar-right .piece { float: left; min-width: 110px; margin-right: 20px; height: 50px; line-height: 50px; }
.bar-wrapper .bar-right .piece .piece_num { display: inline-block; padding: 0 5px; font-size: 18px; font-family: tohoma, arial; }
.bar-wrapper .bar-right .totalMoney { float: left; min-width: 100px; height: 50px; line-height: 50px; }
.bar-wrapper .bar-right .totalMoney .total_text { float: right; font-weight: 400; font-size: 20px; font-family: Arial; vertical-align: middle; margin-right: 10px; margin-left: 15px; }
.bar-wrapper .bar-right .calBtn { float: left; }
.bar-wrapper .bar-right .calBtn a { display: block; width: 120px; height: 50px; color: #fff; background: #B0B0B0; cursor: not-allowed; font-size: 22px; letter-spacing: 5px; text-decoration: none; line-height: 50px; text-align: center; border-radius: 2px; }
.bar-wrapper .bar-right .calBtn a.btn_sty { background: #0383ff; cursor: pointer; }
/* */
.model_bg { width: 100%; height: 100%; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3f000000, endColorstr=#3f000000);
position: fixed; left: 0; top: 0; display: none; z-index: 2; }
.my_model { position: fixed; display: none; top: 50%; left: 50%; margin-top: -50px; margin-left: -200px; z-index: 9999; width: 360px; height: 120px; border: 1px solid #aeaeae; border-radius: 3px; padding: 20px; background: #fff; }
.my_model .title { font-size: 14px; color: #3c3c3c; font-weight: 700; margin-bottom: 20px; }
.my_model .title .closeModel { float: right; cursor: pointer; }
.my_model p { line-height: 16px; }
.my_model .opBtn { margin-top: 20px; }
.my_model .opBtn a { width: 58px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; display: inline-block; margin-right: 10px; font-weight: 700; }
.my_model .dialog-sure { background: #52a0e5; color: #fff; border: 1px solid #52a0e5; }
.my_model .dialog-close { background: #fff; border: 1px solid #d9d9d9; color: #3c3c3c; }
/****** ******/
.splist { overflow: hidden; margin: 20px auto; }
.splist .splistRight { width: 920px; float: left; }
.splist .splistRight .page_mod { text-align: center; }
.allcategory { border: 1px solid #edebea; margin-bottom: 10px; background:#fff; }
.allcategory .lm { height: 50px; line-height: 50px; font-size: 16px;  padding: 0 20px; color:#222; background:#fbfbfb; overflow:hidden;}
.allcategory .lm h2{ float:left;}
.allcategory .lm .openlm{ float:right; font-size:14px; color:#888;}
.allcategory .lm .openlm .open-icon { background: url(../images/tz_38.png) no-repeat center; width: 19px; height: 20px; -webkit-transition: -webkit-transform .5s linear; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear, -webkit-transform .5s linear; -webkit-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer;display: inline-block; vertical-align: middle;margin-top: -3px; margin-left:4px;}
.allcategory .lm .openlm .put-icon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.classify { padding: 5px 10px; line-height: 40px; font-size: 12px; border-bottom: 1px solid #f3f3f3; }
.classify .classifyTitlt { display:inline-block; vertical-align:top; width: 75px; color: #666; }
.wp-category { display:inline-block; vertical-align:top; width: 1090px; position: relative; }
.wp-category .wp-category-nav { float: left; line-height: 30px; }
.wp-category .wp-category-nav a { color: #666; }
.wp-category .wp-category-nav a:hover { color: #3b3a98; }
.wp-category .wp-category-nav .wp-category-title { position: relative; padding: 0 25px 0 15px; line-height: 30px; border: 1px #fff solid; }
.wp-category .wp-category-nav.has-child .wp-category-title:after { position: absolute; top: 11px; right: 12px; content: ''; display: block; width: 7px; height: 11px; background: url(../images/icons.png) no-repeat; background-position: 0 -714px; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.wp-category .wp-category-child { position: absolute; left: 0; right: -1px; background: #fff; padding: 10px 10px 10px 0; z-index: 1000; border: 1px #e8e8e8 solid; margin-top: -1px; padding: 0 10px; display: none; }
.wp-category .wp-category-child li { float: left; overflow: hidden; white-space: nowrap; margin-right: 10px; padding: 0 10px; }
.wp-category .wp-category-nav.has-child:hover .wp-category-title { border: 1px #e8e8e8 solid; border-bottom: 1px #fff solid; box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1); z-index: 1001; background: #fff; color: #3b3a98; }
.splist .hotlist { border: 1px solid #edebea; }
.search-filter { line-height: 39px; padding: 0 10px; overflow: hidden; }
.search-filter .filter { float: left; }
.search-filter .filter input { display: inline-block; vertical-align: middle; }
.search-filter .filter i { vertical-align: middle; color: #666; padding-right: 25px; cursor: pointer; padding-left: 4px; }
.search-filter .searchs { float: right; position: relative; margin-top: 8px; }
.search-filter .searchs .search-text { width: 125px; height: 24px; line-height: 24px; margin-right: 0; padding-left: 15px; padding-right: 25px; border: 1px solid #ccc; color: #999; border-radius: 12px; }
.search-filter .searchs .search-btn-big { display: block; position: absolute; right: 12px; top: 5px; width: 16px; height: 15px; background: url(../images/icons.png) no-repeat; background-position: 0 -518px; text-indent: -9999px; }
.sort { padding: 0 10px 10px 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
.sort .sortMenu { border: 1px solid #ccc; overflow: hidden; width: 400px; float: left; margin-right: 30px; }
.sort .sortMenu li { float: left; width: 99px; text-align: center; height: 26px; line-height: 26px; cursor: pointer; border-right: 1px solid #ccc; }
.sort .sortMenu li .one { background: url(../images/icons.png) no-repeat; background-position: 65px -543px; display: block; padding-right: 15px; }
.sort .sortMenu li .di { background: url(../images/icons.png) no-repeat; background-position: 65px -574px; display: block; padding-right: 15px; }
.sort .sortMenu li .gao { background: url(../images/icons.png) no-repeat; background-position: 65px -609px; display: block; padding-right: 15px; }
.sort .sortMenu li .three { background: url(../images/icons.png) no-repeat; background-position: 65px -644px; display: block; padding-right: 15px; }
.sort .sortMenu li:last-child { border-right: 0; }
.sort .sortMenu .current { background: #3b3a98; color: #fff; }
.sort .qdjg { float: left; margin-right: 30px; }
.sort .qdjg input { width: 70px; height: 24px; border: 1px solid #ccc; padding-left: 20px; background: url(../images/icons.png) no-repeat; background-position: 7px -676px; }
.sort .qdjg em { margin: 0 4px; }
.sort .qdl { float: left; }
.sort .qdl input { width: 65px; height: 24px; border: 1px solid #ccc; margin: 0 5px; padding-left: 5px; }
/**2019 04 12 调整的css*/
.sx { overflow: hidden; }
.sx .sxlist { padding: 0 20px; height: 45px;  font-size:14px;}
.sx .sxlist .classifyTitlt { float: left; width: 80px; color: #888; line-height:45px; }
.sx .sxlist .sxcheck { float: left; width: 798px; }
.sx .sxlist .sxcheck input { vertical-align: middle; display: inline-block; }
.moresx { width: 75px!important; }
.sx .sxlist .sxcheck label{ vertical-align: middle;
  display: inline-block;
  padding-right: 20px;
  /* height: 50px; */
  padding: 13px 0 13px 10px;
 }
.sx .sxlist .sxcheck i { vertical-align: middle;
  color: #666;
  cursor: pointer;
  padding-left: 4px;
  width: auto;
  display: inline-block;
  max-width: 760px;
 }
.showmore{ height:50px;}
.hotlist .hotlistsp { overflow: hidden; clear: both; background:#fff; padding:10px 20px 0 20px;}
.hotlist .hotlistsp li { width: 200px; overflow: hidden; float: left;  border: 1px solid #f3f3f3; margin-right:20px; margin-bottom:20px;}
.hotlist .hotlistsp li .imgs { width: 200px; height: 200px; overflow: hidden; display: block; }
.hotlist .hotlistsp li .imgs img { width: 203px; height: 203px; display: block; border: 0; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; }
.hotlist .hotlistsp li .imgs:hover img { transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }
.hotlist .hotlistsp li h3 a { font-size: 14px; padding: 0 10px; line-height: 32px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hotlist .hotlistsp li h3 a:hover { color: #3b3a98; }
.hotlist .hotlistsp li .buy { overflow: hidden; padding: 0 10px; }
.hotlist .hotlistsp li .money { color: #3b3a98; font-size: 14px;  float: left; }
.hotlist .hotlistsp li .deal { float: right; color: #888; }
.hotlist .hotlistsp li .jr { text-align: center; display: block; height: 40px; line-height: 40px; border-top: 1px solid #f3f3f3; margin-top: 10px; font-size: 12px;  color:#888; }
.hotlist .hotlistsp li .jr:hover { background: #3b3a98; color: #fff; }
.hotlist .hotlistsp li:nth-child(4n){ margin-right:0}
/* */
.allsplist { margin: 20px auto; }
.allsplist .allcategory { border: 1px solid #edebea; margin-bottom: 10px; margin-top:20px;}
.allsplist .allcategory h2 { height: 38px; line-height: 38px; font-size: 14px; border-bottom: 1px solid #edebea; padding: 0 10px; }
.allsplist .hotlist { border: 1px solid #edebea; }
.hotlist .allhotlistsp { margin: 15px 0; clear: both; height: 730px; }
.hotlist .allhotlistsp li { width: 213px; float: left; margin: 0 12px 15px; border: 1px solid #e6e6e6; height: 350px; }
.hotlist .allhotlistsp li .imgs { width: 213px; height: 213px; display: block; position: relative; }
.hotlist .allhotlistsp li .imgs img { width: 213px; height: 213px; display: block; border: 0; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; }
/*.hotlist .allhotlistsp li .imgs:hover img{ transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}*/
.hotlist .allhotlistsp li h3 a { font-size: 12px; line-height: 24px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 8px; }
.hotlist .allhotlistsp li h3 a:hover { color: #f00; }
.hotlist .allhotlistsp li h3 .red { color: #f00; }
.hotlist .allhotlistsp li .buy { overflow: hidden; padding: 5px 8px; margin-top: 5px; }
.hotlist .allhotlistsp li .money { color: #3b3a98; font-size: 16px; font-weight: bold; float: left; }
.hotlist .allhotlistsp li .deal { float: right; color: #888; }
.hotlist .allhotlistsp li .jr { text-align: center; display: block; height: 36px; line-height: 36px; border-top: 1px solid #f3f3f3; margin-top: 5px; font-size: 14px; }
.hotlist .allhotlistsp li .jr:hover { background: #3b3a98; color: #fff; }
.hotlist .allhotlistsp li .hoticon { padding: 0 8px; margin-bottom: 10px; margin-top: 4px; height: 25px; line-height: 25px; }
.hotlist .allhotlistsp li .hoticon p { width: 95px; float: left; }
.hotlist .allhotlistsp li .hoticon p a { color: #999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 110px; display: block; }
.hotlist .allhotlistsp li .hoticon p a:hover { color: #f00; }
.hotlist .allhotlistsp li .hoticon .newNameRight { float: right; width: 80px; text-align: right; }
.hotlist .allhotlistsp li .hoticon .newNameRight i { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.hotlist .allhotlistsp li .hoticon .newNameRight i.icon1 { background: url(../images/jgicon1.png) no-repeat; }
.hotlist .allhotlistsp li .hoticon .newNameRight i.icon2 { background: url(../images/jgicon2.png) no-repeat; }
.hotlist .allhotlistsp li .hoticon .newNameRight span { display: inline-block; vertical-align: middle; color: #999; }
.hotlist .allhotlistsp li .hoticon .newNameRight .icon-vip { display: inline-block; vertical-align: middle; width: 22px; height: 22px; }
.hotlist .allhotlistsp li:hover { border: 1px solid #3b3a98; }
.allsplist .page_mod { text-align: center; }
/****** ******/
.addTitle { height: 48px; line-height: 48px; border-bottom: 2px solid #f3f3f3; overflow: hidden; margin-bottom: 10px; margin-top: 20px; }
.addTitle h2 { float: left; font-size: 16px; }
.addTitle a { float: right; font-size: 14px; color: #2089ff; }
.address ul li { overflow: hidden; height: 45px; line-height: 45px; font-size: 12px; color: #888; padding: 0 10px; cursor: pointer; }
.address ul li .dz { float: left; background: url(../images/icons.png) no-repeat; background-position: 0 -434px; padding-left: 20px; }
.address ul li .cz { float: right; }
.address ul li .cz em { cursor: pointer; }
.address ul li .sz { color: #2089ff; cursor: pointer; }
.address ul li:hover { background: #fde9ca; }
.address ul .cur { color: #333; background: #fde9ca; font-size: 14px; }
.address ul .cur .dz { background-position: 0 -468px; }
.editaddress { width: 658px; height: 360px; padding: 20px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -350px; margin-top: -200px; z-index: 999; border: 1px solid #ccc; display: none; }
.editaddress .edit-area { width: 500px; margin: 0 auto; }
.editaddress .edit-area dl { margin-top: 10px; overflow: hidden; }
.editaddress .edit-area dl dt { float: left; width: 80px; text-align: right; line-height: 30px; }
.editaddress .edit-area dl dd { float: left; }
.editaddress .edit-area dl dd select { border: 1px solid #ddd; width: 108px; height: 30px; margin-right: 10px; }
.editaddress .edit-area dl dd textarea { width: 338px; border: 1px solid #ddd; resize: none; padding: 5px; }
.editaddress .edit-area dl dd .areaInput { width: 343px; border: 1px solid #ddd; padding-left: 5px; height: 28px; line-height: 28px; }
.editaddress .edit-area dl dd .mr { height: 30px; }
.editaddress .edit-area dl dd .mr input { display: inline-block; vertical-align: middle; margin-right: 5px; }
.editaddress .edit-area dl dd .mr span { display: inline-block; vertical-align: middle; }
.editaddress .edit-area dl dd .btn button { width: 140px; height: 45px; text-align: center; line-height: 45px; cursor: pointer; font-size: 14px; }
.editaddress .edit-area dl dd .btn .btn-qr { background: #0383ff; border: 1px solid #0383ff; color: #fff; margin-right: 20px; }
.editaddress .edit-area dl dd .btn .btn-qx { background: #fff; border: 1px solid #f3f3f3; }
/*editor*/
.editor { width: 658px; height: 360px; padding: 20px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -350px; margin-top: -200px; z-index: 999; border: 1px solid #ccc; display: none; }
.editor .edit-area { width: 500px; margin: 0 auto; }
.editor .edit-area dl { margin-top: 10px; overflow: hidden; }
.editor .edit-area dl dt { float: left; width: 80px; text-align: right; line-height: 30px; }
.editor .edit-area dl dd { float: left; }
.editor .edit-area dl dd select { border: 1px solid #ddd; width: 108px; height: 30px; margin-right: 10px; }
.editor .edit-area dl dd textarea { width: 338px; border: 1px solid #ddd; resize: none; padding: 5px; }
.editor .edit-area dl dd .areaInput { width: 343px; border: 1px solid #ddd; padding-left: 5px; height: 28px; line-height: 28px; }
.editor .edit-area dl dd .mr { height: 30px; }
.editor .edit-area dl dd .mr input { display: inline-block; vertical-align: middle; margin-right: 5px; }
.editor .edit-area dl dd .mr span { display: inline-block; vertical-align: middle; }
.editor .edit-area dl dd .btn button { width: 140px; height: 45px; text-align: center; line-height: 45px; cursor: pointer; font-size: 14px; }
.editor .edit-area dl dd .btn .btn-qr { background: #0383ff; border: 1px solid #0383ff; color: #fff; margin-right: 20px; }
.editor .edit-area dl dd .btn .btn-qx { background: #fff; border: 1px solid #f3f3f3; }
/* */
.deladdress { width: 360px; height: 150px; position: fixed; left: 50%; top: 50%; margin-left: -190px; margin-top: -105px; display: none; background: #fff; padding: 30px 10px; z-index: 999; overflow: hidden; }
.deladdress p { text-align: center; font-size: 16px; line-height: 32px; margin: 30px 0; }
.delbtn { text-align: center; }
.delbtn button { width: 80px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; font-size: 14px; }
.delbtn .btn-qr { background: #0383ff; border: 1px solid #0383ff; color: #fff; margin-right: 20px; }
.delbtn .btn-qx { background: #fff; border: 1px solid #f3f3f3; }
.orderTitle { height: 48px; line-height: 48px; border-bottom: 2px solid #f3f3f3; overflow: hidden; margin-bottom: 10px; margin-top: 20px; }
.orderTitle h2 { font-size: 16px; }
.zone-order { margin-bottom: 20px; border: 1px solid #e2edf8; }
.zone-order .thead { height: 40px; line-height: 40px; background: #f9fbff; border-bottom: 1px solid #f3f3f3; padding: 0 20px; }
.zone-order .thead li { text-align: center; float: left; }
.zone-order .thead .col-goods { width: 450px; }
.zone-order .thead .col-unit-price { width: 160px; }
.zone-order .thead .col-quantity { width: 150px; }
.zone-order .thead .col-promo { width: 160px; }
.zone-order .thead .col-amount { width: 160px; }
.zone-order .thead .col-freight { width: 200px; }
.zone-order .offers { overflow: hidden; background: #f9fbff; border-bottom: 1px solid #f3f3f3; padding: 10px 20px; }
.zone-order .offers li { text-align: center; float: left; }
.zone-order .offers .list-con { width: 450px; text-align: left; }
.zone-order .offers .list-con .list_img { width: 90px; height: 90px; display: inline-block; vertical-align: middle; margin-left: 10px; }
.zone-order .offers .list-con .list_img img { width: 90px; height: 90px; vertical-align: top; }
.zone-order .offers .list-con .list_text { line-height: 22px; width: 300px; display: inline-block; vertical-align: middle; margin-left: 10px; }
.zone-order .offers .list-con .list_text a:hover { color: #0383ff; }
.zone-order .offers .list-info { width: 160px; line-height: 90px; }
.zone-order .offers .list-amount { width: 150px; line-height: 90px; }
.zone-order .offers .list-yh { width: 160px; line-height: 90px; }
.zone-order .offers .list-price { width: 160px; line-height: 90px; }
.zone-order .offers .list-yf { width: 200px; }
.zone-order .offers .list-yf p { margin-top: 20px; line-height: 22px; }
.zone-order .offers .list-yf input { width: 50px; height: 22px; line-height: 22px; text-align: center; margin: 0 auto; border: 1px solid #ccc; margin-bottom: 3px; }
.zone-order .offers .list-yf .text-warning { text-align: left; white-space: nowrap; color: red; display: inline-block; margin-top: 5px }
.zone-order .offers .list-yf .text-warning:before { display: inline-block; content: ""; color: #ff8e32; height: 16px; line-height: 16px; padding-right: 20px; vertical-align: bottom; background: url(../images/icons.png) no-repeat; background-position: 0 -844px; }
.zone-order .offers .freight-detail { position: relative; cursor: pointer; color: #666; background: url(../images/arr1.png) no-repeat right 6px; width: 97px; margin: 0 auto; }
.zone-order .offers .freight-detail .view { width: 150px; margin-left: -75px; position: absolute; left: 50%; top: 16px; height: 28px; line-height: 28px; border: 1px solid #0383ff; color: #0383ff; text-align: center; display: none; background: #fff; }
.zone-order .leave { overflow: hidden; padding: 10px 20px; }
.zone-order .leave .leave-word { float: left; }
.zone-order .leave .leave-word p { display: inline-block; vertical-align: middle; }
.zone-order .leave .lang-input { width: 374px; resize: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; background-color: #fff; border: 1px solid #f3f3f3; color: #333; height: 26px; line-height: 26px; padding: 0 8px; font-size: 12px; }
.zone-order .leave .leave-zje { float: right; height: 26px; line-height: 26px; font-size: 14px; }
.zone-order .leave .leave-zje span { margin-left: 10px; }
.zone-order .leave .leave-zje span b { color: #3b3a98; }
.sporderTit { height: 30px; line-height: 30px; background: #e2edf8; padding: 0 10px; }
.jyfs { font-size: 14px; overflow: hidden; padding: 20px 0; }
.jyfs p { float: left; line-height: 28px; }
.jyfs ul { float: left; overflow: hidden; width: 1100px; }
.jyfs ul li { padding: 0 15px; height: 28px; line-height: 28px; color: #666; font-size: 12px; }
.nmgm { text-align: right; height: 40px; line-height: 40px; border-top: 1px dotted #eae8e7; border-bottom: 1px dotted #eae8e7; }
.nmgm input { display: inline-block; vertical-align: middle; margin-right: 5px; }
.nmgm span { display: inline-block; vertical-align: middle; color: #666; }
.nmgm i { display: inline-block; vertical-align: middle; width: 15px; height: 16px; background: url(../images/icons.png) no-repeat; margin-left: 5px; position: relative; margin-right: 10px; background-position: 0 -808px; }
.nmgm i .nmgm { width: 350px; position: absolute; right: -55%; top: -47px; height: 35px; line-height: 35px; border: 1px solid #ddd; color: #666; text-align: center; background: #fff; display: none; }
.nmgm i .nmgm:after { display: inline-block; content: ""; color: #ff8e32; height: 16px; line-height: 16px; padding-right: 20px; vertical-align: bottom; background: url(../images/icons.png) no-repeat; position: absolute; bottom: -16px; right: 1px; background-position: 0 -782px; }
.zj { margin: 20px 0; height: 54px; line-height: 54px; border: 1px solid #e9e6e5; overflow: hidden; padding: 0 30px; color: #555 }
.zj .zj-left { float: left; font-size: 14px; }
.zj .zj-left p { float: left; margin-right: 10px; }
.zj .zj-left i { margin: 0 15px; color: #999; }
.zj .zj-left b { color: #3b3a98; font-size: 14px; font-weight: bold; }
.zj .zj-right { float: right; }
.zj .zj-right span { font-size: 14px; }
.zj .zj-right span i { color: #3b3a98; font-size: 22px; font-weight: bold; }
.sub { overflow: hidden; line-height: 50px; border-bottom: 1px dotted #eae8e7; clear: both; margin-bottom: 30px; }
.sub .sub-left { float: left; }
.sub .sub-left a { display: block; font-size: 14px; background: url(../images/icons.png) no-repeat; background-position: 0 -727px; padding-left: 25px; color: #0383ff; }
.sub .sub-right { float: right; }
.sub .sub-right span { font-size: 14px; margin-right: 20px; }
.sub .sub-right span i { color: #3b3a98; font-size: 22px; font-weight: bold; }
.sub .sub-right .tj { display: inline-block; width: 180px; height: 50px; line-height: 50px; background: #0383ff; color: #fff; text-align: center; font-size: 16px; }
/****** *******/
.company { border: 1px solid #d6d6d6; margin-bottom: 30px; }
.company h2 { padding: 0 10px; font-size: 14px; line-height: 35px; font-weight: bold; background: #efefef; }
.company ul { padding: 0 10px; overflow: hidden; margin: 10px 0 0; }
.company ul li { height: 30px; line-height: 30px; color: #666; font-size: 14px; }
.company ul li a { float: left; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; width: 710px; }
.company ul li a:hover { color: #0383ff; }
.company ul li span { float: right; }
.company .more { text-align: right; padding: 0 10px; line-height: 30px; margin-bottom: 10px; font-size: 14px; }
.company .more a { color: #666; }
.company .more a:hover { color: #0383ff; }
/* */
.page-module { clear: both; margin-bottom: 30px; padding-top: 20px; text-align: center; }
.page-module .current { background: none repeat scroll 0 0 #FFF4E0; border: 1px solid #FA5810; color: #FA5810; line-height: 16px; padding: 4px 8px; }
.page-module a:hover { text-decoration: none; background: #fff4e0; border: 1px solid #FA5810; color: #FA5810; }
.page-module span { display: inline-block; cursor: pointer; vertical-align: middle; }
.page-module .page_prev a, .page-module .page_next a { padding: 4px 0; width: 52px; }
.page-module a { border: 1px solid #CCCCCC; color: #676767; display: inline-block; line-height: 16px; margin: 0 2px; padding: 4px 8px; text-align: center; cursor: pointer; vertical-align: middle; }
.page-module .p-text { display: inline; margin-left: 10px; }
.page-module .p-text .form-control { border: 1px solid #B5B5B5; height: 20px; line-height: 20px; margin: 0 2px; text-align: center; width: 44px; vertical-align: middle; }
.page-module .btn { background: url(//style.org.hc360.com/images/my/images/operat/act_icon.png) no-repeat scroll 0 -118px !important; cursor: pointer; height: 24px; line-height: 24px; margin-left: 15px; padding: 0; width: 42px; border: none; vertical-align: middle; font-family: "Microsoft YaHei"; }
.page-module input { display: inline-block; width: 30px; height: 20px; border: 1px solid #CCCCCC; vertical-align: middle; margin-left: 12px; text-align: center; }
/******  Date Sheet ******/
.layui-table { width: 100%; margin: 30px 0; background: #fff; border-collapse: collapse; border-spacing: 0; font-size: 14px; }
.layui-table thead { border-color: #333; border: 1px solid #333; }
.layui-table thead tr { background: #333; color: #fff; }
.layui-table thead tr th { }
.layui-table[lay-skin=line] { border: none; margin: 0; }
.layui-table tbody { border: 1px solid #dcdcdc; }
.layui-table td, .layui-table th { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 9px 15px; min-height: 20px; line-height: 20px; border: 1px solid #e2e2e2; font-size: 14px; border: none; border-bottom: 1px solid #e2e2e2; word-break: break-all; width: 100px; }
.layui-table td > a { color: #1ea4e7; }
/****** ******/
.coursesp { width: 1240px; margin: 0 auto; overflow: hidden; }
.coursesp ul { margin: 10px auto 0; overflow: hidden; padding: 20px 20px 0 20px; }
.coursesp ul li { width: 285px; height: auto; background: #fff; float: left; margin: 0 9px 30px 6px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; }
.coursesp ul li img { width: 285px; height: 205px; }
.coursesp ul li .reviewTime { padding: 10px; }
.coursesp ul li .reviewTime h3 { height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; }
.coursesp ul li .reviewTime h3 a { text-overflow: ellipsis; white-space: nowrap; width: 20em; width: 270px; overflow: hidden; display: block; }
.coursesp ul li .reviewTime h3 a:hover { color: #2189ff; }
.coursesp ul li .reviewTime .human { overflow: hidden; border-bottom: 1px solid #e9e9e9; height: 28px; line-height: 28px; color: #999; margin-bottom: 5px; }
.coursesp ul li .reviewTime .human .humanRight { float: left; }
.coursesp ul li .reviewTime .date { overflow: hidden; height: 32px; line-height: 32px; color: #999; }
.coursesp ul li .reviewTime .date .dateLeft { float: left; }
.coursesp ul li .reviewTime .date .dateRight { float: right; }
.coursesp ul li .reviewTime .date .humanLeft { float: right; }
.coursesp ul li .reviewTime .date img { width: 28px; height: 28px; float: left; margin: 3px 5px 0 0; border-radius: 50%; }
.coursesp ul li:hover { box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.coursesp ul li .reviewTime .zbtime { font-size: 14px; line-height: 28px; color: #666; }
.coursesp ul li .reviewTime .zbtime span { color: #fe8e2c; }
/****** ******/
.expert { margin-bottom: 10px; margin-top: 20px; }
.expert .expert_title { color: #be2727; text-align: center; position: relative; }
.expert .expert_title h2 { position: relative; margin-bottom: 10px; font-size: 20px; line-height: 40px; font-weight: bold; border-bottom: 1px solid #be2727; }
.expert .expert_title h2:after { display: block; content: ""; position: absolute; left: 50%; bottom: -2px; margin-left: -85px; width: 170px; height: 3px; background: #be2727; }
.expert .expert_title h2 a { color: #be2727; }
.expert .expert_title>a { position: absolute; right: 0; top: 0; line-height: 40px; color: #be2727; }
.expert .expert_title span { font-size: 14px; }
.expert .expert_title span a { color: #be2727; }
.expert ul { overflow: hidden; padding-top: 30px; }
.expert ul li { text-align: center; margin-bottom: 30px; width: 240px; float: left; height: 230px;}
.expert ul li img { display: inline-block; width: 140px; height: 140px; border-radius: 50%; border: 2px solid #fff; -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 25px rgba(0, 0, 0, 0.15); transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; }
.expert ul li img:hover { transform: scale(1.1); transition: all 0.8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 0.8s ease 0s; }
.expert ul li h2 { margin-top: 10px; line-height: 30px; font-size: 16px; font-weight: bold; color: #be2727; }
.expert ul li p { font-size: 14px; line-height: 24px; }
/* */
.article { margin-bottom: 30px; }
.article .article_title { color: #be2727; text-align: center; margin-bottom: 30px; position: relative; }
.article .article_title h2 { position: relative; margin-bottom: 10px; font-size: 20px; line-height: 40px; font-weight: bold; border-bottom: 1px solid #be2727; }
.article .article_title h2:after { display: block; content: ""; position: absolute; left: 50%; bottom: -2px; margin-left: -85px; width: 170px; height: 3px; background: #be2727; }
.article .article_title h2 a { color: #be2727; }
.article .article_title>a { position: absolute; right: 0; top: 0; line-height: 40px; color: #be2727; }
.article .article_title span { font-size: 14px; }
.article .article_title span a { color: #be2727; }
.article .article_detail { padding: 5px; float: left; margin-right: 0px; width: 890px; }
.article .article_detail dl { width: 400px; height: 120px; padding: 20px 10px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); margin-bottom: 30px; display: inline-block; margin-right: 18px; vertical-align: top; }
.article .article_detail dl:last-child { margin-bottom: 0; }
.article .article_detail dl dt { width:155px;height:110px; float: left; margin-right: 15px; }
.article .article_detail dl dt img { max-width: 100%; max-height: 100%; }
.article .article_detail dl dd { float: left; width: 230px; }
.article .article_detail dl dd span { margin-right: 10px; font-size: 12px; line-height: 24px; }
.article .article_detail dl dd h2 { font-weight: bold; }
.article .article_detail dl dd h2 a { color: #be2727; font-weight: bold; font-size: 14px; line-height: 22px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.article .article_detail dl dd p { font-size: 12px; line-height: 22px; color: #666; height: 72px; overflow: hidden; }
.article .article_detail dl dd p a { color: #be2727; }
.article .article_detail dl dd .name { color: #be2727; }
.article .article_detail dl dd div { margin: 0!important; color: #666; }
.article .article_detail dl dd .text a { color: #be2727; }
.article .article_list { margin-top: 4px; padding: 5px; width: 285px; float: right; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); }
.article .article_list h3 { padding-left: 15px; margin-bottom: 10px; font-size: 18px; font-weight: bold; line-height: 36px; color: #be2727; }
.article .article_list ul { height: 295px; overflow: hidden; }
.article .article_list ul li { font-size: 14px; line-height: 28px; padding-left: 25px; background: url(//style.org.hc360.com/cmsfront/resource/images/hsNews_26.png) no-repeat 15px center; }
.article .article_list ul li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.article .article_list ul li a:hover { color: #be2727; }
.haveno { font-size: 16px; text-align: center; line-height: 32px; margin: 150px 0; color: #666; }
.haveno a { color: #3f87f7; border-bottom: 1px solid #3f87f7; padding-bottom: 4px; }
.article .article_detail dl:last-of-type {margin-bottom: 0;margin-right:0;}
.article .article_detail dl::nth-child(2) {margin-bottom: 0;margin-right:0;}
.articleTip { width: 598px; height: 420px; padding: 20px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -320px; margin-top: -230px; z-index: 1000; border: 1px solid #ccc; display: none; }
.articleTip .close-content { position: fixed; top: auto; left: 50%; margin-left: 286px; padding: 10px; background-color: rgba(0, 0, 0, .5); background-position: center; margin-top: -21px; }
.articleTip h2 { height: 35px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.articleTip .endData { font-size: 12px; color: #999; line-height: 24px; margin-bottom: 5px; }
.articleTip p { font-size: 14px; line-height: 28px; color: #666; text-indent: 2em; }
/*404*/
.upgrade { width: 628px; margin: 60px auto; }
.upgrade .upgradeTop img { width: 628px; height: 260px; }
.upgrade .upgradeBtm { text-align: center; }
.upgrade .upgradeBtm h2 { font-size: 20px; line-height: 36px; margin-top: 10px; }
.upgrade .upgradeBtm p { font-size: 14px; line-height: 28px; color: #666; margin-bottom: 30px; }
.upgrade .btn { text-align: center; }
.upgrade .btn a { display: inline-block; width: 120px; height: 32px; text-align: center; line-height: 32px; cursor: pointer; font-size: 14px; background: #0283fe; color: #fff; margin-right: 20px; border-bottom: 2px solid #2463ce; }
.tjsuccess { width: 628px; margin: 130px auto; }
.tjsuccess .tjsuccessTop img { width: 90px; height: 90px; margin: 0 auto; }
.tjsuccess .tjsuccessBtm { text-align: center; }
.tjsuccess .tjsuccessBtm h2 { font-size: 20px; line-height: 36px; margin-top: 10px; margin-bottom: 20px; }
.tjsuccess .tjsuccessBtm p { font-size: 14px; line-height: 28px; color: #666; margin-bottom: 30px; }
.tjsuccess .btn { text-align: center; }
.tjsuccess .btn a { display: inline-block; width: 120px; height: 32px; text-align: center; line-height: 32px; cursor: pointer; font-size: 14px; background: #0283fe; color: #fff; margin-right: 20px; border-bottom: 2px solid #2463ce; }
.flex-align-center { display: flex; align-items: center; -webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex;}
/**2019 04 12 调整的css*/
body { overflow-x: hidden; }
.imgWrap { text-align: center; align-items: center; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.imgWrap img{ width:auto;}
.imgWrap a { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.areaBox { padding: 6px 8px; color: #999; border-top: 1px solid #e6e6e6; }
.area { display: inline-block; vertical-align: middle; margin-right: 5px; }
.icon-qy { vertical-align: middle; display: inline-block; width: 22px; height: 22px; }
.similars { position: absolute; left: 0; top: 183px; width: 100%; height: 167px; display: none; animation: myfirst 1s; -webkit-animation: myfirst 1s; animation-fill-mode: forwards; background: #fff; z-index: 999; }
.similars .similars-seemore { width: 193px; float: left; display: block; height: 30px; position: relative; z-index: 2; text-align: center; line-height: 30px; font-size: 12px; background: url(../images/sIcoNew.png) no-repeat 60px center #ee2e2c; padding-left: 20px; opacity: 0.9; }
.similars .similars-seemore a { color: #fff; }
.similars dl { width: 197px; padding: 5px 8px; animation: Collection .8s; -webkit-animation: Collection .8s; animation-fill-mode: forwards; overflow: hidden; line-height: 20px; }
.similars dl dt { float: left; color: #999; white-space: nowrap; text-align: right; line-height: 20px; }
.similars dl dd { float: left; width: 135px; overflow: hidden; min-height: 20px; max-height:40px;}
.prices { padding: 6px 8px; font-size: 12px; overflow: hidden; }
.prices div { max-width: 33%; float: left; overflow: hidden; }
.prices div em { color: #666; }
.prices div span { color: #3b3a98; }
.ssyear { position: relative; }
.ssyear .nxpop_cont { position: absolute; left: -150px; top: 25px; width: 242px; height: auto; text-align: left; line-height: 24px; border: 1px solid #545454; background: #fff; z-index: 1000; display: none; top: 155%\0; }
.ssyear .nxpop_cont s { background: transparent url(../images/icon_spjiantou.png) scroll 0px -168px; display: block; height: 6px; position: absolute; top: -6px; left: 150px; width: 14px; }
.ssyear .nxpop_cont b { padding: 2px 10px; font-size: 14px; color: #545454; font-weight: normal; }
.ssqiye { position: relative; }
.ssqiye .lxrpup1 { display: none; position: absolute; left: 0; top: 24px; width: 120px; padding: 5px 10px 5px 10px; height: auto; text-align: left; line-height: 24px; background: #fff; z-index: 999; transform: translate(0, 0px); -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.sszsvip { position: relative; }
.sszsvip .lxrpup1 { display: none; position: absolute; left: 0; top: 100%; width: 65px; padding: 5px 10px 5px 10px; height: auto; text-align: left; line-height: 24px; background: #fff; z-index: 999; transform: translate(0, 0px); -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.layui-layer-setwin .layui-layer-close2{ right:-14px!important; top:-14px!important;}
.score-btn { width:230px; height: 32px; border: 1px solid #3c3a98;color: #3c3a98;background: #fff;cursor: pointer; border-radius: 20px; margin-top: 10px; }


/*21.10.09*/
.rightfixed { position:relative;width: 66px; height: 101px; background: url(https://style-cdn.ibuychem.com/wiseshop/pc/images/user5.png) no-repeat center;position: fixed; top: 70%; margin-left: 1200px; cursor:pointer;}
/*
2025 12 29 页面去掉了代码块
.zxlxCon { width:700px; height:520px; position: fixed; left: 50%; top: 50%; margin-left: -350px; margin-top: -260px; display: none; background: #fff; z-index: 9999; overflow-y: auto; text-align:center; }
.zxlxCon .lytop {  padding:15px 20px 15px; }
.zxlxCon .lytop h3 { font-size: 18px; font-weight: normal; text-align:center; color:#171717;}
.zxlxCon .lytop p{ line-height:24px; color:#7c7c7c; font-size:14px;}
.zxlxCon button{ height: 28px; border-radius: 3px; width:70px; display:inline-block; vertical-align:middle;cursor:pointer; margin:0 10px;}
.zxlxCon .sc-qr{ background: #f64a42; color:#fff; border: 1px solid #f64a42;}
.zxlxCon .sc-qx{ background: #fff; color:#666; border:1px solid #e8e8e8;}
.zxlxCon .gb {  width: 14px;height: 14px;position: absolute; right: 25px;top: 18px; cursor: pointer; background: url(https://www.ibuychem.com/resource/stInfo/images/qgclose.png) no-repeat;}
.zxlxCon .btn-con{ width:648px; margin:0 auto;}
.zxlxCon .btn-con button{ width:120px; height:40px; float:right; margin-left:10px!important; margin-right:0!important; border-radius:0!important;}
.zxlxCon .btn-con .sc-qr{ background:#3a3c93; border:none!important;}
.zxlxCon .btn-con .sc-qx{ background:#E1E1E1; color:#666;}
*/

.lx-con{ height:250px; overflow-y:auto; border:1px solid #e1e1e1; width:648px; margin:0 auto 10px; padding:20px 20px 0 20px; position:relative;}
.lx-con .time{ color:#cecece; font-size:12px; line-height:24px;}
.lx-con li{ margin-bottom:10px;}
.lx-con .lx-left{ overflow:hidden;}
.lx-con .lx-left .user-img{ float:left; margin-right:10px; font-size:12px; color:#7c7c7c}
.lx-con .lx-left .user-img span{ line-height:22px;}
.lx-con .lx-left .user-img img{ display:block;}
.lx-con .lx-left .user-info{ word-break: break-all;float:left; background:#FAFAFA; border:1px solid #e6e6e6; padding:8px; position:relative; color:#525252;border-radius:3px;max-width: 310px;text-align: left;}
.lx-con .lx-left .user-info:after{ content:''; display:block; width:8px; height:9px; background:url(https://style-cdn.ibuychem.com/wiseshop/pc/images/user3.png) no-repeat center; position:absolute; left:-8px; top:10px;}
.lx-con .lx-right{ overflow:hidden;}
.lx-con .lx-right .user-img{ float:right; margin-left:10px; font-size:12px; color:#7c7c7c}
.lx-con .lx-right .user-img span{ line-height:22px;}
.lx-con .lx-right .user-img img{ display:block;}
.lx-con .lx-right .user-info{ word-break: break-all;float:right; background:rgba(58,60,147,0.9); padding:9px; position:relative; color:#fff; border-radius:3px;max-width: 310px;text-align: left;}
.lx-con .lx-right .user-info:after{ content:''; display:block; width:7px; height:11px; background:url(https://style-cdn.ibuychem.com/wiseshop/pc/images/user4.png) no-repeat center; position:absolute; right:-7px; top:10px;}
.ipt-con{ width:648px; margin:0 auto; border:1px solid #e1e1e1; margin-bottom:10px; }
.ipt-con textarea{ resize:none; width:100%; height:60px; padding:5px 10px; line-height:20px; font-size:14px;box-sizing: border-box; border:none;}
.ipt-con p{ text-align:right; font-size:12px; line-height:24px; color:#7c7c7c; padding-right:10px;}
.btn-con .lxdh{ float:left;}
.btn-con label{ color:red; border:none!important; margin-left:0!important;}
.btn-con .order-searchinput { border:1px solid #e1e1e1; width: 270px; margin: 0 10px 0 0;  display: inline-block;   vertical-align: middle;  color: #333; padding: 0 8px;  font-size: 12px;  height: 38px; border-radius: 3px;}
#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;}
.block{ display:none!important;}

.rightfixed { position:relative;width: 66px; height: 101px; background: url(https://style-cdn.ibuychem.com/wiseshop/pc/images/user5.png) no-repeat center;
    position: fixed; top: 50%; margin-left: 1200px; cursor:pointer; margin-top: 101px}
.rightfixed i{ width:8px; height:8px; overflow:hidden; display:block; background:red; position:absolute; right:-4px; top:-2px; border-radius:50%;}

.newmsg{ position:absolute; left:50%; margin-left:-25%; top:300px; font-size:12px; color:red; width:50%; display:none;}

.rightfixed2 { position:relative;width: 66px; height: 101px;
    background: url(https://style-stg.ibuychem.com/wiseshop/pc/images/tel_img.png) no-repeat center/97%;position: fixed; top: 50%; margin-left: 1200px; cursor:pointer;}
.rightfixed2 i{ width:8px; height:8px; overflow:hidden; display:block; background:red; position:absolute; right:-4px; top:-2px; border-radius:50%;}



/*评分信息*/
.my-info { padding: 20px 0; border-top: 0!important; }
.my-info * {box-sizing: border-box;}
.my-info .info-box { overflow: hidden; width: 250px; margin: 0 auto;}
.my-info .info-item {width: 20%;float: left;height: 16px!important; border-right: 1px solid #eee;font-size: 12px;line-height: 16px;text-align: center;}
.my-info .info-item:last-of-type,.info-num .item:last-of-type{border-right: 0;}
.my-info .text-center{ padding-top: 20px!important;}
.my-info .text-center button{ margin: 0 auto!important;}
.info-num { width: 250px;  margin: 0 auto; overflow: hidden;font-size: 12px;line-height: 16px;}
.info-num .item {width: 20%;float: left; text-align: center; color: #3c3a98;border-right: 1px solid #eee;}
.text-center {text-align: center;}
.cpfl,.gycp,.lxfs,.gsdt{ background: #fff;}
.cpfl .fddh span{background: url(https://img-cdn.ibuychem.com/wiseshop/14/15/79f33034d1f74931862c45a1e9591fd4.png) no-repeat;background-position-x: 0;background-position-y: 0;}
.cpfl .fddh .current span{background: url(https://img-cdn.ibuychem.com/wiseshop/11/16/fca85a763d434f03af52b1ce4b9bef0e.png) no-repeat;background-position-x: 0;background-position-y: 0;}
.cpfl .fddh ul li ul li a{background: url(https://img-cdn.ibuychem.com/wiseshop/28/7/8bed393891894599beb1d2956ebcef3b.png) no-repeat;background-position-x: 0;background-position-y: 0;}

.cpList ul { background: #fff; margin: 0; padding: 10px 0; }
/* .cpList-title { background: #efefef; color: #333333; }
.cpList-title a { color: #333333; } */
.cpList-title a:hover{ color: #fff;}
.cpList { border: 1px solid #e7e3e3; }
.more-title { width: auto; }
.type3 img { margin-left: 50%; transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.dialogs {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: block;}
.dialogs .dialog-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;z-index: 10000;}
.dialog-content {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10002;display: inline-block;}
.score-box {width: 520px;padding-bottom: 40px;background: #fff;border-radius: 4px;}
.score-box .title {padding: 24px 0 35px;font-size: 17px;text-align: center;line-height: 17px;}
.score-box .score-list {width: 350px;margin: 0 auto;font-size: 14px;color: #333;overflow: hidden;}
.score-box .score-item {display: flex;align-items: center;margin-bottom: 16px;}
.score-box .score-item .label {width: 75px;}
.score-box .score-item .score-star {width: 140px;display: inline-block;margin: 0 25px 0 15px;}
.score-box .score-item .score-star img {margin-right: 5px;display: inline-block;}
.score-box .score-item .score-star img:last-of-type {margin: 0;}
.score-box .score-item .score-num {color: #ff6a06;}
.score-box .score-item .score-line {width: 8px;height: 1px;border-bottom: 1px solid #333;margin: 0 5px 0 8px;}
.score-box .btn {width: 95px;height: 34px;background: #e7e8eb;color: #333;font-size: 14px;line-height: 34px;border-radius: 4px;margin-top: 20px;}
.score-box .btn.comfirm {background: #477ace;color: #fff;margin-right: 20px;}
.score-box .score-item .score-star img{width: 20px !important;}

.base{ border-left: 1px solid #3c3a98!important; position: relative; }
/* .base .store-info{ height: 44px!important; } */
.base .store-info .name{ font-size: 16px!important;padding: 0 0 8px 0!important; }
.zhfw_text b{ color: #555; font-size: 14px; font-weight: normal; display: inline-block; vertical-align: middle; margin-right: 5px;}
.zhfw_xx{ display: inline-block; vertical-align: middle;}
.zhfw_xx em{display:block;background:url(../images/tz_05.png) no-repeat center; float:left; margin-right:4px;width:11px;height:11px;}
.zhfw_xx em.yellow{ background:url(../images/tz_04.png) no-repeat center;}
.gzwm{ margin-left: 60px; cursor: pointer; text-align: center; border: 1px solid #ff6a06; font-size: 12px; height: 36px; line-height: 36px; padding-left: 30px; padding-right: 10px; background: url(../images/tz_06.png) no-repeat 25px 12px; color:#ff6a06; width: 100px;}
.store_all{ width: 490px; height: 250px; border: 1px solid #3c3a98; display: none; position: absolute; left: -1px; top: -10px; background: #fff; z-index: 9999;}
.store_all .store_all_top{ height: 47px; line-height: 47px; background:url(../images/tz_07.jpg) no-repeat center; overflow: hidden;padding:0 20px; }
.store_all .store_all_top .name { font-size: 16px; float: left;}
.store_all .store_all_top .name a{ color: #fff;max-width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block;vertical-align: middle; margin-right: 10px;}
.store_all .store_all_top .name b{ display: inline-block; vertical-align: middle; color: #fff; font-weight: normal; font-size: 14px;}
.store_all .store_all_top .name b img{width: 18px;vertical-align: middle; display: inline-block; margin-right: 3px; margin-top:2px}
.store_all .store_all_top .zhfw_text{ float:right;}
.store_all .store_all_top .zhfw_text b{ color: #fff;}
.store_all .store_all_btm{ overflow:hidden;}
.store_all .store_all_btm .lxr{ width:285px; height:200px; float:left; line-height:28px; padding:15px 20px;}
.store_all .store_all_btm .lxr em{ color:#888; width:70px; display:inline-block; vertical-align:middle;}
.store_all .store_all_btm .lxr b{ color:#555; font-weight:normal; width:170px; display:inline-block;vertical-align:middle;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap; }
.barbox{height:5px;line-height:5px;overflow:hidden; width:100px; display:inline-block; vertical-align:middle;}
.barbox dt a{color:#0048CC;}
.barbox dd{float:left;}
.barbox dd.last{color:#999;}
.barbox dd.barline{width:100px;background:url(../images/jdtbg.png) left center no-repeat;height:5px;overflow:hidden;display:inline;}
.barbox dd.barline div.charts{height:5px;overflow:hidden;background:url(../images/barbg.png) right center repeat-x;border-radius:8px;}
.store_all .store_all_btm .sppf{ float:left; width:195px; padding:10px 0;}
.store_all .store_all_btm .sppf li{ line-height:24px;}
.store_all .store_all_btm .sppf em{ display:inline-block; vertical-align:middle; color:#555; margin-right:6px;}
.store_all .store_all_btm .sppf b{ height:24px; overflow:hidden; display:inline-block; vertical-align:middle; width:40px; font-size:14px; color:#333; margin-right:6px; text-align:right;}

.liveActivityView { width: 1200px; margin: 0 auto; overflow:hidden}
.liveActivityView li { width: 285px; height: auto; background: #fff; float: left; margin-right:20px; border-radius: 5px; overflow: hidden; margin-bottom:20px;}
.liveActivityView li a>img { width: 285px; height: 144px; }
.liveActivityView li .reviewTime { padding: 10px 20px 10px; }
.liveActivityView li .reviewTime h3 { height:28px; line-height: 28px; font-size: 16px; margin-bottom:5px;}
.liveActivityView li .reviewTime h3 a { text-overflow: ellipsis; white-space: nowrap; width: 250px; overflow: hidden; display: block; }
.liveActivityView li .reviewTime h3 a:hover { color: #3b3a98; }
.liveActivityView li .reviewTime .zw { font-size: 14px; line-height: 28px; color: #999;text-overflow: ellipsis; white-space: nowrap; width: 250px; overflow: hidden; display: block;}
.liveActivityView li .reviewTime .zt{ overflow:hidden;}
.liveActivityView li .reviewTime .zt .ztleft{ float:left; font-size:12px; color: #999; line-height:28px;    display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%; text-align: left;}
.liveActivityView li .reviewTime .zt .ztright{ float:right; margin-top:3px;}
.liveActivityView li .reviewTime .zt .ztright p{ color:#fff; padding: 3px 8px !important;height: 22px !important;}
.liveActivityView li .reviewTime .zt .ztright p.zbz{ background:#ff8400;}
.liveActivityView li .reviewTime .zt .ztright p.hk{ background:#b0b0b0;}
.liveActivityView li .reviewTime .zt .ztright p.bmz{ background:#1bc778;}
.liveActivityView li .reviewTime .zt .ztright p img{ display:inline-block; margin-left:5px;height: 11px;}
.liveActivityView li:nth-child(4n){ margin-right:0!important;}
.liveActivityView li .reviewTime .zw { margin-bottom:8px; font-size: 14px;height:28px; overflow:hidden; line-height: 28px; color: #999; display: block;}
.liveActivityView li .reviewTime .zt{ overflow:hidden; }
.liveActivityView li .reviewTime .zw a{ background:#f2f2f2; font-size:12px; color:#666; padding:0 8px; margin-right:10px;/*max-width:65px;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/ float:left;}
.liveActivityView li .reviewTime .zw a:last-child{ margin-right:0;}
.liveActivityView li .reviewTime .zw a:hover{ background:#ebedf7;color:#09124f;}

/*页码*/
.pagenum a{ padding:0 14px!important; width:auto!important;}
.pagenum a.sy{ margin-right:2px!important;}
.pagenum button{ background:#fff!important; border: 1px solid #dcdcdc!important; color:#666!important;}

.gsjs { min-height:250px; background:url(../images/tz_08.jpg) no-repeat center; overflow:hidden; background-size: 100% 100%; padding-bottom:25px;}
.gsjs .store_all_top{ height: 47px; line-height: 47px; overflow: hidden;padding:0 20px; text-align:center; margin-top:40px;}
.gsjs .store_all_top .name { font-size: 16px; display:inline-block; margin-right:20px;}
.gsjs .store_all_top .name a{ color: #fff;max-width: 900px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block;vertical-align: middle; margin-right: 10px;}
.gsjs .store_all_top .name b{ display: inline-block; vertical-align: middle; color: #fff; font-weight: normal; font-size: 14px;}
.gsjs .store_all_top .name b img{width: 18px;vertical-align: middle; display: inline-block; margin-right: 3px;}
.gsjs .store_all_top .zhfw_text{ display:inline-block;}
.gsjs .store_all_top .zhfw_text b{ color: #fff;}
.gsjs .lxr{ line-height:28px; padding:15px 20px;}
.gsjs .lxr .lxr_p{ text-align:center;}
.gsjs .lxr em{ color:#fff; display:inline-block; vertical-align:middle;}
.gsjs .lxr b{ color:#fff; font-weight:normal; display:inline-block;vertical-align:middle;overflow: hidden; word-break: break-all;}
.gsjsBtm{ background:#fff; overflow:hidden; padding:50px 0;}
.gsjsBtm .gsjsBtmLeft{ position:relative; width:600px; float:left; padding-left:50px; padding-right:50px; box-sizing:border-box;}
.gsjsBtm .gsjsBtmLeft:after{ position:absolute; right:0; top:5px; content:''; display:block; width:1px; height:98%; border-left:1px dashed #ccc;}
.gsjsBtm .gsjsBtmRight{ width:600px; float:right; position:relative; padding-left:50px;box-sizing:border-box;}
.gsjsBtm .gsjsBtmRight .lxr{ line-height:32px; font-size:14px;}
.gsjsBtm .gsjsBtmRight .lxr .lxr_p{ text-align:left; margin-bottom:10px;}
.gsjsBtm .gsjsBtmRight .lxr em{ color:#888; width:80px; display:inline-block; vertical-align:top;}
.gsjsBtm .gsjsBtmRight .lxr b{ color:#222; width:400px; font-weight:normal; display:inline-block;vertical-align:top;overflow: hidden;}
.gstext{ font-size:14px; line-height:32px; color:#666;}
.gstext p{  }
.gstext img{ display:inline; vertical-align:middle;}
.gstext div{display:inline-block; vertical-align:middle;}
.gstext em{ color:#fff;}
.gstext b{ color:#666; font-weight: normal;}
.gsjsBtm .cktp{ cursor:pointer; margin-top:30px; display:block; color:#3c3a98; font-size:14px; line-height:30px; background:url(../images/tz_11.png) no-repeat 60px center;}


/*专家*/
.newzj li{ background:#fff; width:386px; height:228px; border-radius:10px; padding:15px; float:left; margin-right:21px; margin-bottom:20px;}
.newzj li .newzjLeft{ width:118px; float:left; margin-right:20px;}
.newzj li .newzjLeft img{ width:118px; max-height:168px;}
.newzj li .newzjLeft span{ color:#3c3a98; font-size:14px; line-height:32px; display:block; text-align:center}
.newzj li .newzjRight{ width:218px; float:left;}
.newzj li .newzjRight h2 em{ font-size:18px;color:#111;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:75px;vertical-align:middle;}
.newzj li .newzjRight h2 img{ display:inline-block; margin:0 8px;}
.newzj li .newzjRight h2 span{ font-size:14px;color:#a3a3a3;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:135px;vertical-align:middle;}
.newzj li .newzjRight .yjkt { font-size:14px; color:#222; line-height:20px; margin:10px 0 0; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.newzj li .newzjRight .yjkt b{ font-weight:normal;}
.newzj li .newzjRight .zjlist { padding-top:10px;}
.newzj li .newzjRight .zjlist p{ font-size:12px; line-height:25px; background:url(../images/tz_14.png) no-repeat 0 center; padding-left:10px;}
.newzj li .newzjRight .zjlist p a{ color:#222;  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newzj li .newzjRight .zjlist p a:hover{ color:#3c3a98; }
.newzj li:nth-child(3n){ margin-right:0;}
.newzj li .newzjRight .zjlist .nokc{  font-size:16px; text-align:center; color: #A9A9A9; background:#FAFAFA; height:96px; line-height:96px;}
.newzj li .newzjRight .zjlist .nokc .icon {width: 30px; height: 30px; vertical-align:middle; fill: currentColor;overflow: hidden;margin-top: -2px;}

.hotlist{ background:#fff; }
.newgsdt {  margin-bottom: 20px; background:#fff;}
.newgsdt .newgsdt-title { height: 45px; line-height: 45px; padding: 0 20px; background: #FBFBFB;}
.newgsdt .newgsdt-title b {font-size: 16px;color: #222;}
.newgsdt ul{ padding: 0 20px; }
.newgsdt ul li{ border-bottom:1px solid #efefef; padding:15px 0 22px;}
.newgsdt ul li h2{ font-size:18px; line-height:36px; margin-bottom:7px; font-weight:bold;}
.newgsdt ul li h2 a{ color:#111; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align:middle; max-width:800px;}
.newgsdt ul li h2 a:hover{ color:#3c3a98;}
.newgsdt ul li h2 em{ font-size:16px; color:#3b3a98; border:1px solid #3b3a98; display:inline-block; width:40px; height:20px; line-height:20px; text-align:center; border-radius:3px; vertical-align:middle; margin-right:10px;}
.newgsdt ul li p{ font-size:14px; line-height:26px; color:#333; margin-bottom:10px;}
.newgsdt ul li span{ color:#a3a3a3;}
.newgsdt ul li:last-child{ border-bottom:0;}
.hotlist .nothings{ height:1116px;}
.hotlist .nothings img{ display:block; margin:200px auto 10px;}
.hotlist .nothings p{ text-align:center; font-size:14px; color:#e5e6e6;}
.xgtj{ margin-top:20px;}
.xgtj h2{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.xgtj ul{ overflow:hidden;border-bottom: 1px solid #e2e2e2;}
.xgtj ul li{ width:270px; height:330px; overflow:hidden; margin-bottom:20px;}
.xgtj ul li .imgs{width:270px; height:270px;overflow:hidden;border:1px solid #eee; display:block; border-radius:10px}
.xgtj ul li .imgs img{ width:270px; height:270px; display: block; border: 0;}
.xgtj ul li h3{ padding:0 15px; margin-top:5px;}
.xgtj ul li h3 a{ font-size:14px; line-height:28px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xgtj ul li h3 a:hover{ color:#3b3a98;}
.xgtj ul li .buy{ overflow:hidden; padding:0 15px; line-height:20px;}
.xgtj ul li .money{ color:#3b3a98; font-size:14px; float:left;}
.xgtj ul li .deal{ float:right; color:#888;}
.xgtj ul li:last-child{ margin-bottom:10px;}

.mzsm{ width:870px; margin:0 auto 20px; background:#fff; border:1px solid #c6c6c6; padding:20px 20px 10px; color:#666; box-sizing: border-box;}
.mzsm h6{ font-size:16px; margin-bottom:10px;}
.mzsm p{ margin-bottom:10px; font-size:14px; line-height:22px; background:url(../images/tz_16.png) no-repeat 0 8px; padding-left:15px;}

.cpxq_title {  border-top:1px solid #f0f0f0; padding-top:10px; text-align: center; font-size: 16px; line-height: 36px;  color: #888;}
 
.cpxq p{ font-size: 13px; line-height:26px; margin-bottom:10px;color:#333;}
#introduce p{ line-height:24px; color:#333;margin-bottom:20px;}
.ckj{ display:inline-block; vertical-align:middle; position:relative;margin-top: -5px; margin-left:-10px;}
.ckj .ckjcon{display: none;position: absolute;left:-149px;top:100%;width:313px; height:65px;text-align: left;line-height: 22px;background:url(../images/tz_20.png) no-repeat center 0;z-index: 999; color:#fff;padding:15px 10px 0;}

.gb_img{margin-top: 17px!important;}
.gb_img .lxrpup{display: none;position: absolute;left:-151px;top:26%;width:313px; height:65px;text-align: left;line-height: 22px;background:url(../images/tz_20.png) no-repeat center;z-index: 999; color: #fff !important;;padding:26px 10px 0; font-size: 12px!important;}
.xhfxCon .dw{margin: 16px 5px 0!important;}

#magnifier {position: relative; width: 380px; margin-bottom:10px;}
.small-box { position: relative; width: 380px; height: 380px;margin-bottom: 10px; border: 1px solid #f5f5f5; }
.small-box table td{ width: 380px;height: 380px;}
.small-box img { width: 378px;  height: 378px; max-height: 378px; max-width: 378px; }
.small-box .hover { display: none!important; position: absolute;  left: 0; top: 0;  width: 200px;  height: 200px;    border: 1px solid #aaa; background: #0099ff; opacity: .5; filter: alpha(opacity: 50); cursor: move;}
.thumbnail-box { position: relative; width: 100%;}
.thumbnail-box .btn { position: absolute;  top: 50%; width: 18px; height: 14px; margin-top: -7px;}
.thumbnail-box .btn-prev { left: 0; background: url(../images/tz_18.png) no-repeat center;}
.thumbnail-box .btn-prev.btn_prev_disabled{background: url(../images/tz_21.png) no-repeat center;cursor: not-allowed;}
.thumbnail-box .btn-next {right:-5px; background: url(../images/tz_19.png) no-repeat center;}
.thumbnail-box .btn-next.btn_next_disabled{background: url(../images/tz_22.png) no-repeat center;cursor: not-allowed;}
.thumbnail-box .list { overflow: hidden; width: 355px; margin: 0 auto;}
.thumbnail-box .wrapper {width: 100000px; }
.thumbnail-box .list .item {float: left; margin: 0 5px;}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {  border: 1px solid #f5f5f5; width: 78px;  height: 78px;}
.thumbnail-box .list .item-cur img { border: 1px solid #3b3a98;}
.big-box { display: none!important; overflow: hidden;position: absolute;left: 451px;  top: 0; width: 540px;  height: 540px; border: 1px solid #e4e4e4;}
.big-box img { display: block;}
.pdf { width:888px; height:50px; margin:20px auto 30px; background:url(../images/tz_23.png) no-repeat center; }
.pdf h5{ float:left; width:180px; line-height:50px; font-size:16px; color:#fff; text-align:center; padding-right:5px;}
.pdf ul{ float:left; width:703px; font-size:12px;}
.pdf ul li{ width:50%; height:50px; line-height:50px; overflow:hidden; float:left; background:url(../images/tz_24.png) no-repeat 15px center; padding-left:5%;}
.pdf ul li a{ color:#666;}
.pdf ul li a:hover{ color:#3c3a98;}
.pdf ul li a span{ max-width:87%; display: inline-block; vertical-align:middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.xqzxkt{ margin-top:25px;}
.xqzxkt h2{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.xqzxkt ul{ overflow:hidden; border-bottom: 1px solid #e2e2e2;}
.xqzxkt ul li{ width:270px; overflow:hidden; margin-bottom:15px;}
.xqzxkt ul li a>img { width: 270px; height: 136px; border-radius:10px;}
.xqzxkt ul li .reviewTime { padding: 10px 10px 0; }
.xqzxkt ul li .reviewTime h3 { height:28px; line-height: 28px; font-size: 16px; }
.xqzxkt ul li .reviewTime h3 a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.xqzxkt ul li .reviewTime h3 a:hover { color: #3b3a98; }
.xqzxkt ul li .reviewTime .zt{ overflow:hidden;}
.xqzxkt ul li .reviewTime .zt .ztleft{ float:left; font-size:14px; color: #666; line-height:28px; margin-bottom:0!important; text-align: left;display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; width: 70%;}
.xqzxkt ul li .reviewTime .zt .ztright{ float:right;margin-top: 4px;}
.xqzxkt ul li .reviewTime .zt .ztright p{ color:#fff; padding:1px 8px !important; line-height:20px; font-size:12px;}
.xqzxkt ul li .reviewTime .zt .ztright p.zbz{ background:#ff8400;}
.xqzxkt ul li .reviewTime .zt .ztright p.hk{ background:#b0b0b0; height:auto!important;}
.xqzxkt ul li .reviewTime .zt .ztright p.bmz{ background:#1bc778;}
.xqzxkt ul li .reviewTime .zt .ztright p img{ display:inline-block; margin-left:5px; height:11px;}

.xqzj{ margin-top:25px;}
.xqzj h2{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.xqzj ul{ overflow:hidden;border-bottom: 1px solid #e2e2e2;}
.xqzj ul li{ overflow:hidden; margin-bottom:20px;}
.xqzj ul li a{ display: inline-block;vertical-align: middle; width:104px; height:104px; border-radius:50%; margin-right:10px;}
.xqzj ul li .zjright{ width: 150px;display: inline-block;vertical-align: middle;}
.xqzj ul li .zjright h3{ margin-bottom:5px;}
.xqzj ul li .zjright h3 span{ font-size:18px; color:#222; margin-right:20px;}
.xqzj ul li .zjright h3 i{ font-weight:bold; color:#666; font-size:16px; background:url(../images/newimg5.png) no-repeat 0 center; padding-left:16px; font-style:italic;}
.xqzj ul li .zjright p{ font-size:14px; line-height:24px; text-align:left!important; color:#999; margin-bottom:0;}
.xqzj ul li img{ width: 105px; height: 105px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 4px solid #fff;}
.xcxewmCon { width:560px; height:500px; overflow-y:auto; position: fixed; left: 50%; top: 50%; margin-left: -280px; margin-top: -250px; display: none; background: #fff; z-index: 9999;border-radius:10px;}
.xcxewmCon .fctop { height: 50px; line-height: 50px; padding: 0 20px; }
.xcxewmCon .fctop h3 { font-size: 18px; font-weight: normal; text-align:center;}
.xcxewmCon .fcbtm { width:90%; margin:0 auto;}
.xcxewmCon .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; }
.xcxewmCon p{ text-align:center; font-size:16px; line-height:24px;}
.xcxewmCon img{ margin:0 auto;}
.gzh{ margin-top:20px; line-height:30px!important; }
.gzh i{ color:#0383ff;}
.xp-btn{overflow: hidden;width: 100%;text-align: center; }
.xp-btn input{ margin-top:20px!important;}
.zsxq-list{ overflow:hidden; margin-top:12px;}
.zsxq-list textarea {  border: 1px solid #e8e8e8; width: 94%;height: 100px;display: inline-block; vertical-align: middle;  color: #333; padding: 8px;font-size: 13px; border-radius: 3px; resize: none;}
.zsxq-left{ float:left; width:16%; line-height: 32px; font-size:13px;}
.zsxq-left .label{float: left; text-align: right; width:96%;}
.zsxq-left .label code { color: #eb3323;}
.zsxq-right p{ display:inline-block; line-height:32px; font-size:13px;}
.zsxq-right a{ display:inline-block; color:#f64a42; line-height:32px;}
.zsxq-right a:hover{color:#f64a42; }
.zsxq-right{ float:right; width: 84%;}
.zsxq-right input {height: 32px; padding: 3px 8px;  border: 1px solid #e8e8e8; width:98%;  outline: none; line-height: 32px; font-size:13px;}
.zsxq-right select { float: left;width:23.4%;border: 1px solid #e8e8e8; border-radius: 0;height: 32px;  margin-right: 8px; line-height: 32px; background:#fff;}
.zsxq-right select:last-child {  margin-right: 0;}
.reg-submitbtn {display:inline-block; color: #fff; font-size: 14px!important; text-align: center; background: #3c3a98; padding:0 40px; height: 40px;  border: 0;  border-radius: 3px; margin: 30px 10px 15px ; cursor: pointer;}
.reg-submitbtn a,.reg-submitbtn a:hover{ color:#fff;}

 
 

 



/*镇店之宝*/
.wntj .title { text-align:center;}
.wntj .title h2{ font-size:22px;padding-bottom: 5px; color:#333; padding-top: 20px;}
.wntj .title p{ font-size:14px; color:#999;}
.wntj .hotlistsp { overflow: hidden; margin: 15px 0; clear: both; }
.wntj .hotlistsp li { background:#fff; width: 285px; height:410px; overflow: hidden; float: left; margin-right:20px; margin-bottom:20px;}
.wntj .hotlistsp li .imgs { width: 285px; height: 285px; overflow: hidden; display: block; }
.wntj .hotlistsp li .imgs img { width: 285px; height: 285px; display: block; border: 0;}
.wntj .hotlistsp li h3 a { font-size: 14px; padding: 0 20px; line-height: 36px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.wntj .hotlistsp li h3 a:hover { color: #3b3a98; }
.wntj .hotlistsp li .buy { overflow: hidden; padding: 0 20px; line-height:24px; margin-bottom:15px;}
.wntj .hotlistsp li .money { color: #3b3a98; font-size: 20px; float: left; }
.wntj .hotlistsp li .deal { float: right; color: #888; }
.wntj .hotlistsp li .jr { text-align: center; display: block; height:50px; line-height: 50px; border-top: 1px solid #f3f3f3; font-size: 16px;  color:#888; }
.wntj .hotlistsp li .jr:hover { background: #3b3a98; color: #fff; }
.wntj .hotlistsp li:nth-child(4n){ margin-right:0}
.zdzb{ background:url(../images/tz_31.jpg) no-repeat center 0 #f2f2f2; padding:40px 0 0; overflow:hidden;}
.zdzb .zdzbcon{ overflow:hidden; background:#fff; height:400px; margin-bottom:45px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.zdzb .zdzbcon .zdzbconleft{ float:left; width:780px; background:url(../images/tz_35.png) no-repeat center #000; }
.zdzb .zdzbcon .zdzbconright{ float:left; width:420px; padding:0 50px;}
.zdzb .zdzbcon .zdzbconright .zdzbconrighttop{ height:190px; border-bottom:1px solid #e3e3e3;}
.zdzb .zdzbcon .zdzbconright .title-new { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px;  margin-top: 30px; font-size:16px; margin-bottom:15px;}
.zdzb .zdzbcon .zdzbconright .zdzbsymbol{ width:320px; height:38px; background:url(../images/tz_32.png) no-repeat center; color:#fff; line-height:38px; margin-bottom:30px;}
.zdzb .zdzbcon .zdzbconright .zdzbsymbol b{ color:#f3413f; font-size:14px; margin-left: 40px; margin-right: 40px;}
.zdzb .zdzbcon .zdzbconright .zdzbsymbol span{ color:#fff}
.zdzb .zdzbcon .zdzbconright .zdzbprice .cny { font-size: 18px; color: #3b3a98;}
.zdzb .zdzbcon .zdzbconright .zdzbprice .pp-value { font-size: 36px; color: #3b3a98; }
.zdzb .zdzbcon .zdzbconright .zdzbconrightbtm{ padding-top:50px;} 
.zdzb .zdzbcon .zdzbconright .zdzbconrightbtm .offer-order{ text-align:center; font-size:14px; line-height:28px; margin-bottom:10px;}
.zdzb .zdzbcon .zdzbconright .zdzbconrightbtm .offer-order em{ color:#3b3a98;}
.zdzb .zdzbcon .zdzbconright .zdzbconrightbtm a{ display:block; text-align:center; color:#fff; background:#3c3a98; width:320px; height:44px; line-height:44px; border-radius:3px; font-size:16px;}
.swiper-container { width: 100%; height: 100%; }
.zdzbconleft .swiper-slide { overflow: hidden; background: none!important; }
.zdzbconleft .swiper-button-next { right: 10px; background: url(../images/tz_34.png) no-repeat center center!important; filter: opacity(.8) brightness(1); }
.zdzbconleft .swiper-button-prev{ left: 10px; background: url(../images/tz_33.png) no-repeat center center!important; filter: opacity(.8) brightness(1); }

.poster-main { position: relative; margin:0 auto;}
.poster-main a, .poster-main img { display: block; width: 100%; height: 100%; }
.poster-main img { }
.poster-main .poster-list { width: 780px; height: 400px; }
.poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0; }
.poster-main .poster-btn { position: absolute; top: 0; cursor: pointer; filter: opacity(.5) brightness(1); }
.poster-main .poster-btn:hover { filter: opacity(1) brightness(2); }
.poster-main .poster-prev-btn { left: -100px; background: url(../images/tz_33.png) no-repeat center center; }
.poster-main .poster-next-btn { right: -100px; background: url(../images/tz_34.png) no-repeat center center; }
.poster-item-title { font-size: 18px; text-align: center; line-height: 48px; display: block; }

/*新增索样浮层*/
.button_css { border: 1px solid #ccc; padding: 5px 12px;margin-right:10px; font-size:14px;}
.xzsyCon { width:600px; height:640px; overflow-y:auto; position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -320px; display: none; background: #fff; z-index: 9999;border-radius: 10px; padding-top:0;}
.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; }
#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;}
.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:20%; line-height: 32px;}
.sygl .zsxq-left span{float: left; text-align: right; width:96%; 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: 80%;}
.sygl .zsxq-right input[type=text] {height:30px!important; padding: 3px 8px;  border: 1px solid #e8e8e8; width:90%;  outline: none; line-height:none!important; font-size:12px;}
.sygl .zsxq-right textarea{ resize:none;height: 120px; padding: 3px 8px;  border: 1px solid #e8e8e8; width:80%;  outline: none; line-height: 24px; font-size:12px;}
.sygl .zsxq-right select { float: left;width:28.5%;border: 1px solid #e8e8e8!important; border-radius: 0;height: 32px;  margin-right: 8px; 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; margin-right:10px; font-size:12px;width:14px; height:14px; display:inline!important; border:0!important; padding:0!important; margin-left:0!important; margin-right:10px;}
.sygl .zsxq-right label.dxk input{ width:auto!important; display:inline-block;vertical-align: middle; margin-top: -3px; margin-right:2px; }
.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); }
}
.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;display: inline-block;vertical-align: middle;}
.xxcs p{ line-height:24px; margin:10px 0; font-size:14px; color:#666}

.stockfx .xhfxCon h2 img.cgjtit{display:inline-block;width:auto;height:22px;vertical-align:middle;margin-right:5px;margin-top:-2px;}
.stockzsCon { position: relative;}
.stockzsCon img.cgj{position:absolute;top:0;right:35px;width:72px;height:70px; border: none!important; z-index: 999;}
.picScroll-top .bd ul li .pic,.hotlist .hotlistsp li,.cpList ul li,.gycp dl dt,.wntj .hotlistsp li .imgs{ position: relative;}
.picScroll-top .bd ul li .pic img.cgj,.hotlist .hotlistsp li img.cgj,.cpList ul li img.cgj{position:absolute;top:0;right:20px;width:40px;height:39px; border: none!important; z-index: 999;}
.wntj .hotlistsp li .imgs img.cgj{position:absolute;top:0;right:20px;width:50px;height:49px; border: none!important; z-index: 999;}
.gycp dl dt img.cgj{position:absolute;top:0;right:10px;width:30px;height:29px; border: none!important; z-index: 999;}
.zdzbconleft .swiper-slide{ background: none!important;}
.zdzbconleft .swiper-zoom-container img{ width: 400px; height: 400px;}

.zdzb .zdzbcon .zdzbconright .title-new .cgjtit{display:inline-block;height:22px;width:44px;vertical-align:middle;margin-right:5px;margin-top:-2px;}

.cartBox .shop_info .all_check label,.order_lists li label{position:relative;display:inline-block;z-index:1;border:1px solid #b8b8b8;margin-left:10px;border-radius:1px;width:12px;height:12px;cursor:pointer;}
.list_all label{position:relative;display:inline-block;z-index:1;border:1px solid #b8b8b8;margin-left:10px;border-radius:1px;width:12px;height:12px;cursor:pointer;}

.stockRight .spxx-div,.stockRight .spxx .nxicon{ display:none }
.base .store-info .icon{ width:18px!important; }
.base .store-info .icon:nth-child(4) { width: 18px!important;}
/*.base .store-info .name{ max-width:250px }
 .base .store-info .name a{display: inline-block;vertical-align: middle; max-width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 10px} */
.base .store-info .name img{ display:inline-block;vertical-align:middle; width:12px; vertical-align:middle; }
.base .zhfw_text{ margin-top:-3px }
.base .zhfw_text .nxpop{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    height: 25px;
}
.base .zhfw_text .nxpop a {
    color: #ff3d3d;
    font-size: 20px;
    padding-right: 2px;
    font-weight: bold;
    cursor: text;
}
.base .store-info .icon:nth-child(1){
	margin-right: 1px;
}



















