/*原hgp.lib.css文件样式*/
/*!
* by zhangxinxu(.com) 2010-?
* https://github.com/zhangxinxu/zxx.lib.css
* under MIT license
*/

/* ---------------------single CSS----------------------- */
/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; }
/* if the element is block level(eg. div, li), using 'inline_any' instead */
/* height */
.h1 { height: 1px; }
.h14 { height: 14px; }
.h16 { height: 16px; }
.h18 { height: 18px; }
.h20 { height: 20px; }
.h22 { height: 22px; } 
.h24 { height: 24px; }
.h27 { height: 27px; }
/* width */
/* fixed width value */
.w20 { width: 20px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w152 { width: 152px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w300 { width: 280px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w460 { width: 460px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w700 { width: 700px; }
/* percent width value */
.pct10 { width: 10%; }
.pct15 { width: 15%; }
.pct20 { width: 20%; }
.pct25 { width: 25%; }
.pct30 { width: 30%; }
.pct33 { width: 33.3%; }
.pct40 { width: 40%; }
.pct45 { width: 45%; }
.pct50 { width: 50%; }
.pct60 { width: 60%; }
.pct66 { width: 66.6%; }
.pct70 { width: 70%; }
.pct75 { width: 75%; }
.pct80 { width: 80%; }
.pct90 { width: 90%; }
.pct100 { width: 100%; }
/* line-height */
.lh14 { line-height: 14px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh30 { line-height: 30px; }
/* margin */
.m0 { margin: 0; }
.m50 { margin: 0 50px; }
.m30 { margin: 0 30px; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml53 { margin-left: 53px; }
.ml76 { margin-left: 76px; }
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr70 { margin-right: 70px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb45 { margin-bottom: 45px; }
.mb75 { margin-bottom: 75px; }
/* margin negative */
.ml-1 { margin-left: -1px; }
.mr-1 { margin-right: -1px; }
.mt-1 { margin-top: -1px; }
.mb-1 { margin-bottom: -1px; }
.ml-3 { margin-left: -3px; }
.mr-3 { margin-right: -3px; }
.mt-3 { margin-top: -3px; }
.mb-3 { margin-bottom: -3px; }
.ml-15 { margin-left: -15px; }
.ml-20 { margin-left: -20px; }
.mr-20 { margin-right: -20px; }
.mt-20 { margin-top: -20px; }
.mb-20 { margin-bottom: -20px; }
/* margin percent */
.mlp-30 { margin-left: 30%; }
/* padding */
.p0 { padding: 0; }
.p1 { padding: 1px; box-sizing: border-box; }
.pl1 { padding-left: 1px; box-sizing: border-box; }
.pt1 { padding-top: 1px; box-sizing: border-box; }
.pr1 { padding-right: 1px; box-sizing: border-box; }
.pb1 { padding-bottom: 1px; box-sizing: border-box; }
.p2 { padding: 2px; box-sizing: border-box; }
.pl2 { padding-left: 2px; box-sizing: border-box; }
.pt2 { padding-top: 2px; box-sizing: border-box; }
.pr2 { padding-right: 2px; box-sizing: border-box; }
.pb2 { padding-bottom: 2px; box-sizing: border-box; }
.pl5 { padding-left: 5px; box-sizing: border-box; }
.p5 { padding: 5px; box-sizing: border-box; }
.pt5 { padding-top: 5px; box-sizing: border-box; }
.pr5 { padding-right: 5px; box-sizing: border-box; }
.pb5 { padding-bottom: 5px; box-sizing: border-box; }
.p10 { padding: 10px; box-sizing: border-box; }
.pl10 { padding-left: 10px; box-sizing: border-box; }
.pt10 { padding-top: 10px; box-sizing: border-box; }
.pr10 { padding-right: 10px; box-sizing: border-box; }
.pb10 { padding-bottom: 10px; box-sizing: border-box; }
.p14 { padding: 14px; box-sizing: border-box; }
.p15 { padding: 15px; box-sizing: border-box; }
.pl15 { padding-left: 15px; box-sizing: border-box; }
.pt15 { padding-top: 15px; box-sizing: border-box; }
.pr15 { padding-right: 15px; box-sizing: border-box; }
.pb15 { padding-bottom: 15px; box-sizing: border-box; }
.pt18 { padding-top: 18px; box-sizing: border-box; }
.p20 { padding: 20px; box-sizing: border-box; }
.pl20 { padding-left: 20px; box-sizing: border-box; }
.pt20 { padding-top: 20px; box-sizing: border-box; }
.pr20 { padding-right: 20px; box-sizing: border-box; }
.pb20 { padding-bottom: 20px; box-sizing: border-box; }
.p30 { padding: 30px; box-sizing: border-box; }
.pl30 { padding-left: 30px; box-sizing: border-box; }
.pt30 { padding-top: 30px; box-sizing: border-box; }
.pr30 { padding-right: 30px; box-sizing: border-box; }
.pb30 { padding-bottom: 30px; box-sizing: border-box; }
.pln { padding-left: none; }
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc { border: 1px solid #ccc; }
.blc { border-left: 1px solid #ccc; }
.brc { border-right: 1px solid #ccc; }
.btc { border-top: 1px solid #ccc; }
.bbc { border-bottom: 1px solid #ccc; }
.bdd { border: 1px solid #ddd; }
.bld { border-left: 1px solid #ddd; }
.brd { border-right: 1px solid #ddd; }
.btd { border-top: 1px solid #ddd; }
.bbd { border-bottom: 1px solid #ddd; }
.bde { border: 1px solid #eee; }
.ble { border-left: 1px solid #eee; }
.bre { border-right: 1px solid #eee; }
.bte { border-top: 1px solid #eee; }
.bbe { border-bottom: 1px solid #eee; }
.brn { border-right: none; }
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh { background-color: #fff; }
.bgfb { background-color: #fbfbfb; }
.bgf5 { background-color: #f5f5f5; }
.bgf0 { background-color: #f0f0f0; }
.bgeb { background-color: #ebebeb; }
.bge0 { background-color: #e0e0e0; }
/* safe color */
.g0 { color: #000; }
.g3 { color: #333; }
.g6 { color: #666; }
.g9 { color: #999; }
.gc { color: #ccc; }
.d5 { color: #d5d5d5; }
.wh { color: white; }
/* font-size */
.f0 { font-size: 0; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f36 { font-size: 36px; }
.f40 { font-size: 40px; }
/* font-family */
.fa { font-family: Arial; }
.ft { font-family: Tahoma; }
.fv { font-family: Verdana; }
.fs { font-family: Simsun; }
.fl { font-family: 'Lucida Console'; }
.fw { font-family: 'Microsoft Yahei'; }
/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }
/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }
.tid { text-indent: 2em; }
/* text-decoration */
.tdl { text-decoration: underline; }
.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover { text-decoration: none; }
/* letter-spacing */
.lt-1 { letter-spacing: -1px; }
.lt0 { letter-spacing: 0; }
.lt1 { letter-spacing: 1px; }
/* white-space */
.nowrap { white-space: nowrap; }
/* word-wrap */
.bk { word-wrap: break-word; }
/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }
/* float */
.l { float: left; }
.r { float: right; }
.fn { float: none; }
/* clear */
.cl { clear: both; }
.clearfix::after { display: block; content: ''; clear: both; }
/* position */
.rel { position: relative; }
.abs { position: absolute; }
/*z-index*/
.zx1 { z-index: 1; }
.zx2 { z-index: 2; }
/* cursor */
.poi { cursor: pointer; }
.def { cursor: default; }
/* overflow */
.ovh { overflow: hidden; }
.ova { overflow: auto; }
/* visibility */
.vh { visibility: hidden; }
.vv { visibility: visible; }
/* zoom */
.z { *zoom: 1; }

/* box-sizing: border-box;*/
.bs { box-sizing: border-box; }
.tp0 { top: 0; }

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }
/* 清除浮 动*/
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; clear: both; }
/* 基于display:table-cell的自适应布局 */
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }
/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk { display: table; width: 100%; table-layout: fixed; word-wrap: break-word; }
/* 单行文字溢出虚点显 示*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* css3过渡动画效果 */
.trans { -webkit-transition: all 0.3s; transition: all 0.3s; }
/* 大小不定元素垂直居中 */
.dib_vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading { background: url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center; }
/* 无框文本框文本域 */
.bd_none { border: 0; outline: none; }
/* 绝对定位隐藏 */
.abs_out { position: absolute; left: -999em; top: -999em; }
.abs_clip { position: absolute; clip: rect(0 0 0 0); }
.hidden { display: none !important; }
/* 按钮禁用 */
.disabled { color: #acacac !important; border-color: #acacac !important; text-shadow: 1px 1px #fff !important; outline: 0 !important; cursor: default !important; pointer-events: none; }
.disabled:hover { text-decoration: none !important; }
/*inline-block与float等宽列表*/
.inline_box { font-size: 1em; letter-spacing: -.25em; font-family: Arial; }
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any { display: inline-block; *display: inline; letter-spacing: 0; vertical-align: top; *zoom: 1; }
.float_two, .float_three, .float_four, .float_five, .float_six { float: left; }
.inline_two, .float_two { width: 49.9%; }
.inline_three, .float_three { width: 33.3%; }
.inline_four, .float_four { width: 24.9%; }
.inline_five, .float_five { width: 19.9%; }
.inline_six, .float_six { width: 16.6%; }
.inline_fix { display: inline-block; width: 100%; height: 0; overflow: hidden; }
/*原helpCenter.css文件样式*/
/**/

table.wrap { border-collapse: collapse; width: 1200px; margin: 0px auto; }

.wrap tr td { text-align: left; vertical-align: top; }

td.side-bar { width: 162px; display:inline-block; margin:0 0 20px 0; padding: 0; }

.assist-item > p, .subclass > a { display: block; line-height: 22px; color: #333; }

.assist-item > p { font-size: 14px;font-weight:600; height:28px; position: relative; border-bottom: 1px solid #E2E2E2; margin: 0 0 15px 0; cursor:pointer; }

.assist-item:last-child p { border-bottom: 0; }

.assist-item:first-child p, .assist-item:nth-of-type(2) p { cursor: auto; }

.subclass > a { font-size: 12px; color: #333; margin: 8px 0; }

.subclass > a:last-child{ margin: 8px 0 28px}

.icon-youjiantou1 { color: #999; }
.icon-bangzhu { color: #767B8F }
/*冠名品牌图片*/
i.icon-named-brand { color: #0965E6; font-size: 20px; vertical-align :sub;text-align:center;}

.assist-title.active { color: #0965E6; }

.subclass .on { color: #0965E6; }

.shop-guide { margin: 40px 0px; color: #016ac6; font-size: 24px; display: block; text-align: center;}

.pad-box { padding: 8px; background: #fff; position: absolute; z-index: 2; }

.pad-box > a { font-size: 20px; text-align:center; border: 1px solid #016ac6; width: 142px; height: 42px; line-height: 42px; border-radius: 10px; display: inline-block; color: #333; cursor: context-menu; }

.border-box { position: relative; }

.process-list { margin-bottom: 76px; }
.use-progress .head-process { height: 154px; width: 384px; border-bottom: none; }
.process-list > .border-box:first-child, .process-list > .border-box:last-child { width: 50%; height: 85px; border-right: 1px solid #016ac6; }


.process-list > .border-box:first-child .pad-box { top: 0px; }

.head-process { border: 1px solid #016ac6; width: 510px; height: 95px; margin: 8px 0 8px 270px; }
.center-box { width: 523px; height: 150px; border-right: 1px solid #016ac6; }
.right-line { position: absolute; right: 72px; top: 30px; height: 1px; width: 149px; background: #016ac6; }
.right-line:after { content: ''; display: inline-block; width: 5px; height: 5px; border-top: 1px solid #016ac6; border-right: 1px solid #016ac6; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 7px; top: -3px; z-index: 3; }

.arrowDown:after { content: ""; display: inline-block; width: 6px; height: 6px; border-left: 1px solid #016ac6; border-bottom: 1px solid #016ac6; transform: rotate(-45deg); position: absolute; right: -4px; top: 24px; z-index: 3; }
.step3 .step-stock .right-line:after { content: ""; display: inline-block; width: 6px; height: 6px; border: none; border-left: 1px solid #016ac6; border-bottom: 1px solid #016ac6; transform: rotate(45deg); position: absolute; right: 94px; top: -3px; z-index: 3; }
.shelves.arrowDown:after { left: 520px; top: -19px; }
.step-stock.arrowDown:after { left: -4px; top: 125px; }
.step3 .step-stock.arrowDown:after { left: -4px; top: 25px; }
.tradepc.arrowDown:after { left: 76px; top: -5px; }
.tradeapp.arrowDown:after { left: 77px; top: -5px; }
.step6 .arrowDown:after { right: 76px; top: -7px; }
.dotted-line { border-bottom: 2px dotted #efefef; width: 100%; display: block; position: relative; top: -28px; }
.rt-122 { right: -122px; }
.rt-80 { right: -80px; }
.rt-146 { right: 180px; }

.lt-80 { left: -80px; }
.border-none { border-top: none; }
.top-0 { top: 0px; }
.top-14 { top: -14px; }
.top-32 { top: -32px; }
.top-30 { top: 30px; }
.top-50 { top: 50px; }
.top-60 { top: 60px; }
.topminus-50 { top: -55px; }
.top-76 { top: 76px; }
.top-164 { top: 164px; }

.top-286 { top: 286px; }
.bottom-0 { bottom: 0; }
.bottom-30 { bottom: -30px; }
.width-145 { width: 145px; }
.height-75 { height: 75px; }
.height-88 { height: 88px; }
.height-158 { height: 158px; }
.mt-27 { margin-top: -27px; }
.mt-34 { margin-top: -34px; }
.mt-75 { margin-top: -75px; }
.pad-box .click-now { border-bottom: 4px solid #0459a3; background: #016ac6; color: #fff; cursor: pointer; }

.step-stock { width: 177px; margin-left: 523px; margin-top: -28px; height: 130px; border-left: 1px solid #016ac6; }
.middle-process { width: 446px; height: 446px; border: 1px solid #016ac6; margin: 0px auto; margin-bottom: 30px; }

.middle-process .border-box { height: 446px; width: 50%; }

.middle-process .border-box:first-child { border-right: 1px solid #016ac6; float: left; box-sizing: border-box; }

.middle-process .border-box:nth-child(2) { float: right; }

.next-page { text-align: left; margin-bottom: 25px; padding: 0px 48px; }

.next-page a:hover { color: #016ac6; }

/*查看订单*/
.stepTitle { font-size: 18px; color: #666666; margin: 20px 0; text-align: left; padding-left: 15px; border-left: 2px solid #016ac6; font-weight: normal; }
.stepTitle .is-active { color: #016ac6; }
.wrap .content { padding: 0px 35px; }

.check-order .shop-guide { margin: 15px 0px; }

.check-order .step { text-align: left; margin-bottom: 30px; }
.check-order .step img { width: 100%; }
.check-order .step p { margin-bottom: 18px; font-size: 18px; }

.check-order .next-page { margin-bottom: 20px; padding: 0px; font-size: 14px; }

.next-page .top-page { float: right; }
.app-guide { overflow: hidden; padding-bottom: 10px; }
.app-guide li { float: left; width: 50%; height: 935px; }
.app-guide li p { color: #333333; font-size: 16px; margin: 45px 0 20px; }
.app-guide li img { width: 100%; }

/*problem*/
.problem { }
.problem li { text-align: left; font-size: 14px; color: #333; margin-bottom: 30px; }
.problem p { font-size: 16px; color: #016ac6; margin: 20px 0 12px; }
/*发展历程*/
hgp-introduce { width: 962px; }
.hgp-introduce p { text-align: left; text-indent: 1.8em; font-size: 14px; line-height: 1.8; color: #333; }
.title-area { font-size: 18px; color: #016ac6; padding-left: 15px; border-left: 2px solid #016ac6; text-align: left; margin-top: 20px; }
.develop-title h2 { font-size: 24px; background: #2785d8; padding: 10px 20px; color: #fff; width: 20%; margin: 0px auto -45px; }
.develop { background: url("../Image/help/development.png") no-repeat center; background-size: auto 100%; padding: 109px 60px 0px 80px; /*padding: 0px 60px 0px 80px;*/ height: 2100px; }
.develop-content { /*background: url("../Image/help/developments.png") no-repeat center;*/ background: url('../Image/help/developments.png') no-repeat center; /*background-size: auto 100%;*/ margin-top: -80px; padding: 220px 0 24px; }

.dev-step { height: 198px; padding: 0 70px; }

.dev-step > p, .dev-step li { font-size: 22px; width: 360px; }

.dev-step .time-wrap { font-size: 36px; color: #fff; width: 140px; height: 140px; border-radius: 100px; border: 1px solid #2785d8; padding: 28px; }

.dev-step .dev-time { height: 115px; text-align: center; border-radius: 100px; background: #2785d8; padding-top: 25px; }

.dev-step:nth-child(odd) > .time-wrap { float: right; }

.dev-step:nth-child(even) > .time-wrap { float: left; }

.dev-step:nth-child(odd) > p, .dev-step:nth-child(odd) ol { text-align: right; float: left; }

.dev-step:nth-child(even) > p { text-align: left; float: right; }

.dev-step > p { display: inline-block; line-height: 198px; }

.dev-step ol { float: right; padding-top: 75px; }

.dev-step li { text-align: left; text-indent: -1.5em; }

.join-hgp { padding: 0px 25px; margin-bottom: 70px; }

.join-hgp p { text-align: left; font-size: 16px; line-height: 25px; letter-spacing: .8px; text-indent: 2em; margin-bottom: 10px; }

.hgp-service { text-align: left; font-size: 18px; color: #016ac6; display: block; margin-bottom: 10px; font-weight: bold; }

/****SelfHelp****/
.customer-service td.content, .join-in td.content { min-height: 500px; display: inline-block; }
.slef-service { margin-top: 100px; }
.slef-service li { background: url('../Image/help/bookbg.png') no-repeat; background-size: 100% auto; width: 167px; height: 209px; text-align:center; float: left; margin-right: 86px; padding-top: 23px; box-sizing: border-box; cursor: pointer; }
.slef-service li.saas-system { margin: 0; }
.slef-service .register { margin-left: 150px; }
.icon-sign em { font-size: 56px; color: #0f7cd9; }
.slef-service p { color: #016ac6; font-size: 18px; margin: 15px auto 8px; }
.slef-service span { color: #333; font-size: 14px; }
.servse-shadow img { margin-top: 30px; width: 100%; }
/*about-us*/
.about-us .video-js .vjs-big-play-button { font-size: 3em; line-height: 2em; height: 2em; width: 2em; top: 75%; left: 91%; border-radius: 50%; }
/* sc_menu */
div.sc_menu { position: relative; width: 961px; overflow: auto; margin-bottom: 20px; }
ul.sc_menu { display: block; height: 110px; width: 1500px; padding: 15px 0 0 0px; background: url('images/navigati.png') repeat-x; }
.sc_menu li { display: block; float: left; margin-right: 30px; }
.sc_menu a { display: block; text-decoration: none; }
.sc_menu img { width: 100%; }
.sc_menu a:hover img { filter: alpha(opacity=50); opacity: 0.5; }
/*about-us========end=========*/
/*sellerArea*/
.step-guide { text-align: left; font-size: 18px; color: #333; }
/*sellerArea=======end=======*/

/*原common.css文件样式*/
/*CSS reset*/
[v-cloak] { /*可以防止vue页面闪烁,类似v-text*/ display: none; }

/** {
margin: 0px;
padding: 0px;
}*/

body { color: #333; font: 14px "Microsoft Yahei", Helvetica, Arial, Microsoft Yahei, sans-serif; min-width: 1200px; min-height: 100%; }
body { position: relative; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, dd, dl, input { margin: 0; padding: 0; }

h4, h5, h6 { font-size: 1em; }

i, em { font-style: normal; }

th, td { font-weight: normal; }

ul, ol { padding-left: 0; list-style-type: none; }

/**css通用样式库(在任何网站使用的CSS样式库,见hgp.lib.css)**/
.myrange { /*空格间距*/ display: inline-block; width: 5px; }

.one-hd { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/**网站CSS样式库（根据当前实际的项目内容指定：网站常见颜色，尤其是链接色;网站常见背景色;网站常见边框色;网站遗留的单margin属性;网站遗留的单padding属性;网站遗留的width属性;网站常用的一些height属性）**/
a { text-decoration: none; color: #333; cursor: pointer; }

a:hover { cursor: pointer; color: #0965E6; }

.mb60 { margin-bottom: 60px; }

.bbf1 { border-bottom: 1px solid #C64E4E; }
/**color通用*/
.col-016 { color: #016ac6; }

.col-046 { color: #046bc7; }

.rc-f1 { color: #C64E4E; }

.rc-f2 { color: #f20519; }

.rc-1d { color: #f20a1d; }

.bc-f6 { color: #1588f6; }

.bc-b1 { color: #023b88; }

.bc-c0 { color: #0364c0; }

.bc-d7 { color: #197ad7; }

.bc-cc { color: #1a76cc; }

.bc-e3 { color: #2777e3; }

.bc-c9 { color: #1b74c9; }

.bc-dc { color: #2769dc; }

.gc-ab { color: #ababab; }

.gc-4b { color: #4b4b4b; }

.gc-6b { color: #6b6b6b; }

.gr-00 { color: #008d46; }

/**background通用*/

.bgf5 { background: #f5f5f5; }
.bgf9 { background: #e0e0e0; }
.bg01 { background: #023b88; }
.bg01:hover { background: #0196f8; }
.bgf1 { background: #C64E4E; }
.bgc7 { background: #c7c7c7; }
.versin4-footer { background: #dadada !important; }
/**网站通用小图标样式集**/
/**网站通用样式（网站通用的导航，菜单，按钮，选项卡，文本框装饰，图片装饰，圆角处理等等独立元素）**/
/** input 通用样式 **/
input { outline: none; }

.searchBox input { outline: none; border: none; }

textarea { resize: none; /*去掉右下角拖拽*/ overflow: hidden; /*去掉右侧滚动条*/ }

::-webkit-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder { color: #efefef; font-size: 12px; }

input[type="checkbox"], input[type="radio"] { margin-right: 5px; float: left; margin-top: 2px; }
/*移除HTML5 input在type="number"时的上下小箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

button, input[type="button"], input[type="reset"], input[type="submit"] { /*使元素看上去像一个按钮：*/ -moz-appearance: button; /* Firefox */ -webkit-appearance: button; /* Safari 和 Chrome */ cursor: pointer; }
/**button样式 **/
.hgp-btngroup { width: 100%; }

.hgp-btn { display: inline-block; padding: 5px 15px; font-size: 12px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #D4D9E1; margin-left: 10px; }

.hgp-btn.red-border { border: 1px solid #C64E4E; color: #C64E4E; }

.hgp-btn.red { border: 1px solid #C64E4E; background: #C64E4E; color: #fff; }

.hgp-btn.blue { border: 1px solid #0169c7; background: #0169c7; color: #fff; }

.hgp-btn.blue-border { border: 1px solid #0169c7; color: #0169c7; }

.hgp-btn.gray { border: 1px solid #999; background: #999; color: #f9f9f9; }

.pay-choosebox .main-btnrose { width: 80px; text-align: center; background: #C64E4E; height: 28px; line-height: 28px; font-size: 12px; color: #fff; display: inline-block; }

.pay-choose .main-btn-rose { width: 80px; text-align: center; background: #C64E4E; }

.pay-choose { position: absolute; width: 80px; left: 10px; display: none; }

.pay-choose a:hover { background: #016ac6; }

.hgpBtn { border: none; /*background: #016ac6;*/ color: #fff; padding: 12px 0px; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -ms-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
/*.hgpBtn:hover {
background: #0196f8;
}*/
/*头部*/
header .icon-xia { margin-left: 10px; }

.topLine { border-bottom: 1px solid #9c9c9c; height: 26px; line-height: 26px; color: #494949; font-size: 14px; }

.topLine .deliveryAddress { width: 35%; height: 26px; }
.topLine .pad { padding-left: 98px; box-sizing: border-box; }

.topLine .phoneapp { margin-right: 70px; }
.topLine .phoneapp .mr5 em { display: inline-block; width: 14px; height: 20px; background: url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-position: -462px -127px; }
.topLine .loginStatus { width: 65%; }

.loginStatus .loginLink { display: inline-block; vertical-align: middle; }

.topLine .loginStatus > a, .topLine .loginStatus > label { padding: 0px 10px; border-right: 1px solid #333; position: relative; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 16px; font-size: 12px; vertical-align: middle; }

.loginStatus .ewmImg ul.ewmUl, .loginStatus .contact-service ul { position: absolute; z-index: 10000; display: none; left: 0px; top: 15px; text-align: center; background: #f2f2f2; width: 95%; border-bottom: 1px solid #dbdbdb; padding-top: 8px; padding-bottom: 20px; }
.service-ul li:first-child { margin-top: 10px; }
.focus-hgpBox li:first-child { padding-top: 13px; }
.service-ul li a { color: #333; font-size: 12px; }

.loginStatus .ewmImg ul.ewmUl li, .service-ul li { line-height: 12px; position: relative; border: 1px solid #dbdbdb; border-bottom: none; border-top: none; margin-top: 20px; }
.loginStatus .ewmImg img { display: none; position: absolute; left: 104px; top: 0px; }

.loginStatus .contactService { background: url(../Image/headerQQcantact.png) no-repeat; background-size: 100% 100%; left: -50px; top: 13px; }

.contactService { display: none; position: absolute; top: -22px; right: 34px; padding: 12px; width: 190px; box-sizing: border-box; background: url(../Image/rightSideContactBack.png) no-repeat; background-size: 100% 100%; z-index: 10000; }

.loginStatus .contactService > div { padding: 8px 0px; border-bottom: 1px dashed #e2e2e2; }

.loginStatus .contactService > div:last-child { border: none; }

.loginStatus .contactService img { height: 19px; width: auto; float: left; }

.topLine-qq { width: auto; height: 16px; position: absolute; top: -2px; left: 6px; }

.loginStatus .contactService p { line-height: 20px; }

.topLine .loginStatus > .telphone { padding-right: 0px; border-right: none; }

.telphone i { margin-right: 5px; font-size: 12px; }

.map-logo { }

.map-logo i { font-size: 16px; font-weight: bold; color: #023b88; cursor: pointer; }

.map-logo em { padding-left: 10px; }

/*顶部搜索栏*/
.searchLine { background: #fff; }

.searchLine .logoImg, .searchLine .search, .searchBox span, .searchBox a, .searchBox input { float: left; height: 100%; }

.searchBox span, .searchBox a { text-align: center; line-height: 22px; }

.searchBox span { /*background: #f9f9f9;*/ border-right: 1px solid #dbdbdb; width: 77px; }

.searchBox a { background: #016ac6; color: #fff; font-size: 18px; width: 30px; background: #2769dc; }

.searchBox input { width: 496px; border: none; padding: 0 10px; box-sizing: border-box; }

.searchLine .mycart { float: right; min-width: 10%; }

.searchLine .container { box-sizing: border-box; overflow: hidden; }

.searchLine .logoImg { width: 168px; height: 42px; margin: 14px 0; overflow: hidden; }

.regionnave.searchLine .logoImg { width: 32%; }

.nav-search input { border: none; border-bottom: 1px solid #2769dc; padding-left: 10px; }

.nav-search em { font-size: 24px; }

.searchLine .logoImg > a { display: block; }


.searchLine .searchBox { width: 610px; height: 38px; border: 1px solid #2777e3; box-sizing: content-box; }

.searchLine .search > nav { font-size: 12px; margin-top: 8px; }

/*.searchLine nav a {
    margin-right: 12px;
    margin-right: 4px;
}*/

.searchLine .mycart a { display: block; border: 1px solid #dbdbdb; background: #f8f8f8; line-height: 38px; height: 40px; padding: 0px 10px; }

.searchLine .mycart i { font-size: 22px; color: #016ac6; position: relative; margin-right: 10px; }

.searchLine .mycart span { font-size: 12px; float: right; }

.saveCount { font-size: 12px; position: absolute; top: -8px; right: -8px; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #C64E4E; color: #fff; border-radius: 15px; z-index: 2; }


/*顶部页面导航栏*/
.navLine { float: right; }

.navLine a { display: inline-block; padding: 0 30px; color: #333; font-size: 16px; color: #fff; }

.navLine a .batch { font-weight: normal; color: white; display: inline-block; width: 68px; height: 33px; line-height: 33px; background: url(../Image/pcElves/pcElves.png?20190121); background-position: -15px -905px; background-size: 517px; position: absolute; top: -21px; left: 91px; font-size: 13px; padding-left: 8px; }
.home-top .navLine a { color: #333; }

/*.navLine a.bc-dc { color: #2769dc; }*/

.home-top .navLine .active, .navLine a.bc-dc.active { color: #0965E6; padding: 0 30px; border-radius: 5px; }

.classify > label { display: block; width: 190px; height: 42px; padding: 0px 15px; box-sizing: border-box; background: #016ac6; color: #fff; cursor: pointer; }

.classify i { float: right; }

.talkbubble { width: 40px; height: 20px; background: red; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 30px; display: block; position: absolute; top: -23px; right: 0; color: #fff; text-align: center; font-size: 14px; }

.talkbubble:before { content: ""; position: absolute; right: 81%; top: 8px; width: 0; height: 0; border-top: 0px solid transparent; border-right: 10px solid red; border-bottom: 15px solid transparent; transform: rotate(64deg); }


.topCatalogues { overflow: hidden; background: #5c5c5c; width: 100%; display: none; }

.topCatalogues li { cursor: pointer; color: #fff; font-size: 14px; padding: 8px 12px 0px 15px; box-sizing: border-box; }

.left-catelogue .topCatalogues li.active { background: #fff; color: #0965E6; }

.navLine .classifyBox, .left-catelogue .classifyBox { display: none; position: absolute; width: 1063px; left: 176px; top: 0px; background: #fff; font-size: 14px; height: 482px; border: 1px solid #ccc; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; border-left: none; }

.left-catelogue .classifyBox { z-index: 3; overflow-y: auto; overflow-x: hidden; padding-bottom: 80px; }

.navLine .nav-tab-title, .left-catelogue .nav-tab-title { background: #f2f2f2; height: 30px; line-height: 30px; }

.navLine .nav-tab-title label, .left-catelogue .nav-tab-title label { display: inline-block; width: 145px; float: left; text-align: center; border-right: 1px solid #e3e3e3; color: #333; }

.navLine .nav-tab-title .active, .left-catelogue .nav-tab-title .active { background: #fff; color: #333333; }

.navLine .nav-tab-body, .left-catelogue .nav-tab-body { /*border: 1px solid #666;*/ border-top: none; /*overflow: hidden;*/ }

.navLine .nav-tab-body .tab-item, .left-catelogue .nav-tab-body .tab-item { line-height: 29px; padding: 20px; }

.navLine .tab-item-hd, .left-catelogue .tab-item-hd { font-size: 14px; font-weight: bold; float: left; text-align: right; }

.navLine .tab-item-hd > span, .left-catelogue .tab-item-hd > span { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 96px; vertical-align: bottom; color: #666666; }

.navLine .tab-item-hd i, .left-catelogue .tab-item-hd i { font-size: 18px; font-weight: normal; color: #333; }

.navLine .tab-item-bd, .left-catelogue .tab-item-bd { width: 880px; float: left; }

.navLine .tab-item-line, .left-catelogue .tab-item-line { clear: both; }

.navLine .tab-item-bd label, .left-catelogue .tab-item-bd label { font-size: 12px; position: relative; display: inline-block; }

.tab-item-bd label > a:first-child { border-right: 1px solid #e3e3e3; padding-left: 6px; padding-right: 10px; }

.tab-item-bd label:last-child a:first-child { border: none; }

.preview-img { display: none; width: 95px; border: 1px solid #016ac6; position: absolute; top: 22px; left: 0px; z-index: 2; background: #fff; box-sizing: border-box; }

.preview-img img { width: 100%; height: auto; box-sizing: border-box; vertical-align: middle; }

.type-switch { float: right; }

.type-switch a { padding: 0px 10px; float: left; }

/**网站公共结构样式(主要指的是最外框div的样式;网站的分栏布局样式;网站的头部的一些公用结构，底部的样式结构)**/
.container { width: 1200px; box-sizing: border-box; margin: 0px auto; padding-left: 0; padding-right: 0; }
/**单页面的精细结构**/
/**Home-index**/

.act-title { width: 522px; height: 75px; margin: 0px auto; text-align: center; line-height: 68px; color: #df250c; font-size: 30px; }

.act-box { width: 286px; height: 392px; border: 1px solid #efc1bc; float: left; position: relative; margin-right: 16px; cursor: pointer; }

.act-box > a:first-child { display: block; padding: 18px 10px; padding-bottom: 0px; }

.act-box.last { margin: 0px; }

.original-price { color: #808080; text-decoration: line-through; }

.remarks { color: #808080; width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.join-btn { width: 74px; height: 24px; text-align: center; line-height: 24px; color: #fff; background: #eb6b60; display: block; font-size: 12px; position: absolute; right: 15px; bottom: 12px; }


/*首页主体内容样式*/
.mall-index { width: 1200px; margin: 0 auto; background: #fff; border-radius: 5px; padding: 40px 50px; box-sizing: border-box; }

.left-catelogue { float: left; width: 137px; position: relative; }

.left-catelogue .topCatalogues { display: block; background: #023b88; }

.left-catelogue .topCatalogues li { color: #fff; }

.banner-broadcast { width: 665px; display: inline-block; margin-left: 16px; vertical-align: top; }

.banner-img li img { width: 100%; height: 100%; }

.banner-img li { width: 325px; height: 163px; }

.banner { position: relative; /*overflow: hidden;*/ display: inline-block; width: 665px; }

.bannerList { width: 100%; height: 273px; vertical-align: top; }

.bannerList > a { width: 100%; height: 273px; display: inline-block; position: absolute; top: 0px; left: 0px; z-index: 1; }

.bannerList > a:first-child { z-index: 2; }
.bannerList > a img { width: 100%; height: 100%; }

.bannerList-login { width: 100%; height: 0px; position: absolute; top: 0px; left: 0px; z-index: 10; }

.banner-control { width: 100%; height: 0px; float: left; text-align: center; }

.banner-control .control-left-right { margin-top: 100px; }

.banner-control .control-left-right i { color: #fff; background: #000; opacity: 0.6; filter: alpha(opacity=60); font-size: 36px; padding: 12px 0px; cursor: pointer; }

.banner-control #banner-left { float: left; }

.banner-control #banner-right { float: right; }

.bannerBtn li { float: left; display: inline-block; width: 10px; height: 10px; border-radius: 10px; border: 1px solid #fff; margin: 0px 6px; cursor: pointer; }

.banBtn-area { position: absolute; bottom: -260px; text-align: center; left: 50%; transform: translateX(-50%); }

.bannerBtn { display: inline-block; }

.bannerBtn li.on { background: #fff; }

.bannerList-login .login-notice { height: 387px; width: 240px; float: right; background: #f5f5f5; overflow: hidden; }

.right-login { width: 254px; height: 508px; background: #fff; display: inline-block; }

.right-top { border: 1px solid #eee; padding: 0 8px; }

.login-notice .headImg { box-sizing: border-box; padding: 21.5px 28px 0; text-align: center; }

.login-notice .headImg span { display: block; }

.login-notice .login-register { overflow: hidden; text-align: center; margin: 0 auto; padding: 5px 8px 13px; border-bottom: 1px solid #eee; }

.login-notice .login-register a.lg-btn { display: inline-block; text-align: center; box-sizing: border-box; font-weight: bold; border: 1px solid #eee; border-radius: 25px; padding: 5px 25px; color: #FFF; }


.login-notice .login-btn { background: -webkit-gradient(linear, 0 0, 0 100%, from(#fb4150), to(#C64E4E)); background: -webkit-linear-gradient(left, #fb4150, #C64E4E); background: -moz-linear-gradient(left, #fb4150, #C64E4E); background: -o-linear-gradient(left, #fb4150, #C64E4E); background: -ms-linear-gradient(left, #fb4150, #C64E4E); background: linear-gradient(left, #fb4150, #C64E4E); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #fb4150, endColorstr = #C64E4E); }

.login-notice .reg-btn { background: -webkit-gradient(linear, 0 0, 0 100%, from(#148cfe), to(#1b71c2)); background: -webkit-linear-gradient(left, #148cfe, #1b71c2); background: -moz-linear-gradient(left, #148cfe, #1b71c2); background: -o-linear-gradient(left, #148cfe, #1b71c2); background: -ms-linear-gradient(left, #148cfe, #1b71c2); background: linear-gradient(left, #148cfe, #1b71c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #148cfe, endColorstr = #1b71c2); }

.login-notice .login-register i { color: #ffd152; margin-right: 5px; font-size: 20px; vertical-align: middle; }

.infor-notice { font-size: 12px; height: 140px; padding: 8px 8px 22px 8px; box-sizing: border-box; line-height: 33px; overflow: hidden; }


.infor-notice dl dd:hover em, .infor-notice dl dd:hover a { color: #2777e3; }

.infor-notice .more { padding-left: 8px; margin-left: 8px; border-left: 1px solid #333; float: right; }

.normal-tool div { width: 42px; height: 49px; margin: 0 auto; }

.normal-tool img { width: 100%; }

.homePage .recommend { margin-bottom: 24px; }

.homePage .recommend-title { text-align: center; margin-top: 38px; margin-bottom: 20px; }

.homePage .recommend-title > div { display: inline-block; line-height: 36px; }

.homePage .recommend-title h1 { font-size: 32px; margin: 0px 15px; }

.homePage .recommend-title em { font-weight: normal; }

.homePage .recommend-title i { font-size: 16px; color: #016ac6; }

.homePage .recommend-title i, .homePage .recommend-title h1 { float: left; }

.homePage .engTitle { font-size: 14px; color: #666; opacity: .5; }

.homePage .pro-recommend { position: relative; z-index: 10; height: 244px; width: 1200px; overflow: hidden; border-top: 2px solid #dbdbdb; }

.homePage .pro-recommend ul { width: 1200px; float: left; }

.homePage .pro-recommend li { position: relative; width: 235.2px; height: 244px; background: #fff; float: left; margin-right: 6px; padding: 20px; box-sizing: border-box; overflow: hidden; cursor: pointer; }

.pro-recommend li a:hover { color: #333; }

.homePage .pro-recommend li:last-child { margin-right: 0px; }

.pro-recommend li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pro-recommend li p:first-child { font-size: 21px; color: #016ac6; }

.pro-recommend li p:nth-child(2) { font-size: 15px; }

.pro-recommend li img { position: absolute; width: 180px; height: auto; bottom: 0px; left: 50%; margin-left: -90px; }

.pro-recommend > img { position: absolute; z-index: 20; height: 30px; width: auto; left: 0px; top: 50%; margin-top: -15px; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); display: none; }

.pro-recommend > img.right { left: auto; right: 0px; }

.hot-brand { margin-bottom: 45px; }

.hot-brand > h2, .area-warehouse > h2 { font-size: 24px; margin-bottom: 24px; }

.engTitle { font-size: 12px; color: #666; }

.hot-brand .brand-list { height: 200px; overflow: hidden; }

.hot-brand .brand-title-img { height: 100%; width: 222px; background: url(../Image/hot-brand.png) no-repeat; background-size: 100% 100%; float: left; }

.brand-logo-list { position: relative; float: left; width: 974px; height: 200px; overflow: hidden; margin-left: 10px; }

.brand-logo-all ul { width: 978px; height: 200px; float: left; }

.brand-logo-all li { float: left; margin-left: 5px; margin-bottom: 5px; background: #f5f5f5; position: relative; width: 190px; height: 97.5px; overflow: hidden; }

.brand-logo-all .show-logo { text-align: center; display: table-cell; width: 190px; height: 97.5px; vertical-align: middle; }

.brand-logo-all .show-logo img { width: 75px; height: auto; }

.enter-brand { position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); }

.enter-brand > div { display: table-cell; vertical-align: middle; height: 97.5px; line-height: 30px; width: 190px; /*width: 158px;*/ font-size: 12px; }

.enter-brand a { display: inline-block; padding: 0px 20px; background: #016ac6; border-radius: 25px; color: #fff; }

.control-box { width: 158px; height: 98px; position: absolute; right: 0px; bottom: 0px; background: url(../Image/left-right.png) no-repeat; background-color: #fff; background-size: 100% 100%; border: 1px solid #e2e2e2; box-sizing: border-box; }

.control-box i { font-size: 26px; color: #d9d5d5; font-weight: bold; cursor: pointer; }

.control-box i:hover { color: #016ac6; }

.control-box p:first-child i { position: absolute; top: 18px; left: 34px; }

.control-box p:last-child i { position: absolute; bottom: 18px; right: 34px; }

.area-warehouse { margin-bottom: 45px; }

.area-warehouse .brand-title-img { background-size: 100% 100%; width: 216px; height: 100%; float: left; }

.brand-title-img { position: relative; }

.brand-title-img .enter-brand > div { width: 216px; height: 306px; line-height: 0; }

.brand-title-img:hover .enter-brand { opacity: 1; }

.area-warehouse .brand-list, .area-warehouse .brand-logo-list, .area-warehouse .brand-logo-all ul { height: 200px; }

.area-warehouse .control-box { top: 0px; }

.homePage .product-head { height: 22px; line-height: 22px; margin-bottom: 8px; border-left: 5px solid #016ac6; padding-left: 8px; box-sizing: border-box; }

.homePage .product-head h2 { float: left; font-size: 18px; }

.homePage .product-head .loginStatus { float: right; font-size: 12px; color: #666; }

.product-area .loginStatus a { float: left; padding: 0px 8px; border-right: 1px solid #666; line-height: 12px; margin-top: 6px; }

.product-area .loginStatus a:last-child { padding-right: 0px; border: none; }


.place-name a:nth-child(2n-1) { margin-right: 30px; }

.area-content-left .main-product { text-align: center; cursor: pointer; }

.area-content-left .main-product p:first-child { font-size: 21px; color: #016ac6; }

.area-content-left .main-product p:nth-child(2) { font-size: 15px; margin-bottom: 25px; }



.area-content .area-content-right { float: left; width: 940px; overflow: hidden; }

.area-content .area-content-right > li { width: 230px; height: 201.5px; margin-left: 10px; margin-bottom: 15px; background: #fff; float: left; text-align: center; overflow: hidden; cursor: pointer; }

.area-content-left .main-product > img { width: 75%; }
/**11.17首页主题内容改版**/
.area-content { border-top: 2px solid #016ac6; margin-bottom: 22px; overflow: hidden; }

.area-content .area-content-left { width: 260px; height: 100%; background: #fff; float: left; overflow: hidden; }

.area-content .place-name { min-height: 164px; padding: 10px 20px; font-size: 12px; box-sizing: border-box; }

.area-content .place-name a { display: inline-block; width: 84px; text-indent: 10px; line-height: 32px; border-bottom: 1px dashed #eee; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.area-content .area-content-right.area-content-detail { width: 100%; }

.area-content .area-content-right.area-content-detail > li { width: 292px; height: 348px; }

.area-content .area-content-right.area-content-detail > li:nth-child(4n+1) { margin-left: 0; }

.area-content-right li p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; }

.area-content-right li p:nth-child(2) { color: #016ac6; text-align: center; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.area-content-right li div.area-title { padding: 20px; text-align: left; }

.area-content-right li div.area-img { width: 150px; height: auto; margin: 0 auto; }

.area-content img { width: 100%; }

.area-features ul { padding: 0 10px; margin: 15px 0 10px; }

.area-features li { width: 38%; display: inline-block; text-align: left; font-size: 12px; color: #999; line-height: 2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.area-features li:nth-child(2n) { width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.area-sale { background: #edf7ff; height: 46px; }

.area-sale span { color: #e46867; font-size: 16px; margin-top: 12px; display: inline-block; margin-left: -85px; font-weight: bold; }

.area-content-right li .area-sale a { color: #fff; background: #1c91ee; font-size: 15px; float: right; width: 15%; white-space: normal; padding: 3px 10px; position: relative; }

.triangle { width: 0; height: 0; border-top: 8px solid transparent; border-left: 10px solid #edf7ff; border-bottom: 8px solid transparent; position: absolute; top: 34%; left: 0; }
/*资讯信息*/
.list-group { float: right; width: 23%; height: 42px; }

.iconfont.list-group-title { display: inline-block; float: left; font-size: 14px; color: #3f94db; margin-right: 5px; margin-top: 1px; }

.headlines-detail { display: inline-block; position: relative; width: 215px; margin-left: 2%; overflow: hidden; height: 30px; }

.more-message { float: right; font-size: 12px; color: #3f94db; }

.list-container { padding: 0; margin: 0; list-style: none; background: #fff; position: relative; }

.infinite-scroll .list-container li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size: 12px; color: #3f94db; }

.navLine nav a .remark { font-size: 16px; color: #333; margin-left: 5px; position: relative; }

.remark .remardetail { position: absolute; top: 20px; left: 0px; display: none; white-space: nowrap; background: #fff; border: 1px solid #afdaff; padding: 5px 15px; font-size: 12px; z-index: 10; line-height: 2; }

.remark:hover .remardetail { display: inline-block; content: attr(ishow); }
/**11.17首页主题内容改版结束**/
/*直营厂销*/
.good-style { background: #edf7ff; border: 1px solid #e3e3e3; padding: 10px 0; }

.good-style li { display: inline-block; position: relative; margin-right: 43px;  }

.good-style .paging-top .disable { border-right: 1px solid lightgrey; background: #f4f2f2; }

.good-style .paging-top a { display: block; padding: 0px 10px 1px; float: left; outline: none; border: 1px solid #f3f3f3; color: #555555; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; font-size: 14px; background-color: #fff; margin-top: 2px; }

.good-style .paging-top a.previous { border: 1px solid lightgrey; }

.good-style .paging-top a.next { border: 1px solid lightgrey; border-left: 0; }

.good-style .overflow-box li { cursor:pointer; }
/*直营厂销over*/
/*脚步样式*/
body > footer { margin-top: 60px; }

footer .advantages { height: 120px; line-height: 120px; margin-bottom: 50px; background: #2769dc; }

.homePage .advantages { background: #e7e6e6; }

.advantages { background: #f5f5f5; }

footer .advantages em { color: #fff; }
#footer .copyright a { color: #333; }
#footer .copyright span { color: #333; }
/*.homePage .advantages span{
color: #fff;
}

.homePage .advantages .footTitle{
background: url(../Image/homeFootTitle.png) no-repeat;
}*/

.advantages .container > div { width: 25%; float: left; font-size: 18px; padding: 0px 30px; box-sizing: border-box; color: #fff; }

.advantages .footTitle { font-size: 24px; background: url('../Image/MallIndex/polygon.png') no-repeat; background-size: 100% 100%; display: inline-block; width: 41px; height: 48px; text-align: center; line-height: 48px; margin-right: 15px; float: left; margin-top: 36px; }

.footList .container > ul, .footList .container .workTime { width: 730px; }

.footList .container .workTime .rc-f1 { vertical-align: sub; }

.footList ul a { color: #666; font-size: 12px; }

.footList ul a:hover { color: #016ac6; }

.footList ul h3 { padding-bottom: 3px; }

.footList .question { width: 345px; border-top: 0; border-bottom: 0; }

.footList .question img { /*float: left;
        margin: 0px 10px;*/ }

.footList .workTime ul { float: left; font-size: 12px; }

/*.footList .workTime li:first-child {
font-size: 22px;
}*/

footer .copyright { clear: both; text-align: center; font-size: 12px; line-height: 24px; margin-bottom: 68px; margin-top: 28px; }

.login-foot { margin-top: 100px; text-align: center; }

.login-foot em { display: inline-block; margin: 0 5px; color: #999; }

/*右侧导航栏*/
.rightSide > ul, .rightSide > p { position: fixed; right: 0; z-index: 9999; font-size: 10px; }
.rightSide > ul { z-index: 1000; }
.rightSide > p { bottom: 375px; right: 0; }
.rightSide .saveCount { top: 2px; left: auto; right: 2px; }
.rightSide > ul > li > a { color: #1564af; }
.rightSide > ul > li, .rightSide > ul > li > a { color: #033a7e; position: relative; cursor: pointer; margin-bottom: 2px;display:inline-block; }
.rightSide li i { position: relative; z-index: 2; width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; font-size: 24px; border: 2px solid #033a7e; border-radius: 2px; background: #fff !important; }
.shopping-car-num { width: 14px; height: 14px; line-height: 14px; text-align: center; border-radius: 1px; background: #d30e00; color: #fff; font-size: 12px; position: absolute; top: 0; left: -12px; z-index: 3; overflow: hidden; display: none; }

/*.rightSide li span { position: absolute; right: -0px; z-index: 1; width: 80px; height: 43px; display: block; line-height: 43px; padding-left: 10px; box-sizing: border-box; opacity: 0;     background: #fff !important;border: 2px solid #1564af;border-radius: 5px;}*/
.rightSide li i:hover { background: #0965E6 !important; color: #fff; }
.rightSide .sideEwm img { display: none; position: absolute; top: -375px; right: 36px; width: 148px; height: auto; }

.rightSide .sideEwm .ewmDiv { position: absolute; right: -0px; z-index: 1; width: 105px; display: inline; background: #888; box-sizing: border-box; height: 90px; line-height: 30px; top: -35px; text-align: center; opacity: 0; }

.rightSide .sideEwm .ewmDiv p { display: inline-block; margin: 0 10px; position: relative; }

.rightSide .sideEwm .ewmDiv em { font-size: 12px; }

.rightSide .sideEwm .ewmDiv img { top: 0px; width: 97px; right: 70px; }
/*.rightSide .sideEwm .ewmDiv .Iosewm em{
    color:red;
}
.rightSide .sideEwm .ewmDiv .Iosewm img{
  display:block;
}*/
.rightSide .sideEwm .ewmDiv .Appewm img { top: -33px; }

.rightSide .sideEwm .ewmDiv .Hgpewm img { right: 94px; top: -64px; }

/*超过一屏显示*/

.tabHead { position: fixed; top: 0px; left: 0px; width: 100%; display: none; background: #fff; }

.tabHead .screening-top { width: 1200px; margin: 0px auto; background: #fff; border: 1px solid #e3e3e3; border-bottom: none; box-sizing: border-box; }

.tabHead .screening-top img { margin: 0px; }

.tabHead .product-tab { width: 1200px; margin: 0px auto; }

/*商城*/
.screening { width: 100%; }

.screening .mall-screening p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 2px; font-size: 12px; position: absolute; bottom: 6px; box-sizing: border-box; }

.screening-checked { text-align: right; padding-bottom: 16px; }

.screening-checked .page-content-title { color: #023b88; font-size: 16px; padding-left: 24px; padding-right: 15px; float: left; }

.screening-checked .icon-dizhi { margin-right: 3px; }

.screening-checked > ul { float: left; font-size: 12px; max-width: 900px; margin-top: 3px; margin-left: 15px; }

.screening-checked > ul li { float: left; padding: 3px 10px; border: 1px solid #dbdbdb; margin-right: 10px; margin-bottom: 5px; }

.screening-checked > ul li:last-child { margin: 0px; }

.screening-checked li i { color: #aaa; cursor: pointer; margin-left: 6px; clear: both; font-size: 12px; }

.screening-checked li i:hover { color: #C64E4E; }

.screening-checked .revoke-shrink { clear: both; display: inline-block; }

.revoke-shrink > a { display: inline-block; width: 82px; height: 30px; text-align: center; line-height: 28px; box-sizing: border-box; border: 1px solid #dbdbdb; color: #666; margin-left: 3px; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -ms-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }

.revoke-shrink > a:hover { background: #f4f4f4; }

table { border-collapse: collapse; }

.screening tr { border: 1px solid #e3e3e3; }

.screening td > div { height: 38px; line-height: 20px; overflow: hidden; position: relative; }

.screening td:first-child { width: 103px; text-align: center; background: #f5f5f5; border-right: 1px solid #e3e3e3; box-sizing: border-box; color: #666; }

.screening td label { padding: 0px 18px; display: inline-block; cursor: pointer; }

.screening td a { padding: 9px 18px; display: inline-block; }

.screening .trademark a, .screening .trademark label { padding: 9px 18px; width: 70px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.screening .trademark a { width: inherit; }

.screening .trademark label.good-item { padding-left: 0; }

.screening a.active { color: #016ac6; }

.pattern td > div { margin: 0px; height: 39px; line-height: 37px; }

.screening .star .explain-star { display: inline-block; width: 12px; line-height: 12px; height: 12px; border: 2px solid #9d9d9d; padding: 0px; border-radius: 10px; font-size: 12px; right: 25px; margin-top: -8px; }

.screening .showMore { display: none; width: 46px; line-height: 20px; border: 1px solid #e3e3e3; color: #999; cursor: pointer; position: absolute; right: 8px; top: 50%; margin-top: -11px; font-size: 12px; }

.screening tr td:nth-child(3) { position: relative; width: 75px; text-align: center; }

/*商城列表*/
.catalogueResult > h3 { font-size: 16px; padding: 16px 35px; clear: both; }

.catalogueResultList { border-top: 1px solid #999; }

.catalogueResultList > li { width: 200px; height: 192px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; float: left; text-align: center; color: #999; padding: 0px 5px; cursor: pointer; margin-top: 5px; }

.catalogueResultList > li img { margin-top: 10px; width: 160px; height: auto; }

.catalogueResultList > li:nth-child(6n+1) { border-left: 1px solid #e3e3e3; }

.catalogueResultList p:first-child { margin-bottom: 4px; font-size: 13px; color: #016ac6; }

.catalogueResultList p:nth-child(2) { color: #333; }

.catalogueResultList p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; }

.catalogueResultList .insteadName { float: left; display: inline-block; width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.insteadStandard a { color: #999; }

.insteadStandard a:hover { color: #016ac6; }

/*分页符*/
.page-tab { clear: both; text-align: center; color: #767B8F; }

.page-tab a.focus { cursor: pointer; color: #fff; background-color: #0965E6; border: 1px solid #0965E6; }
.page-tab a.focus:hover{color:#fff}

.page-tab a { padding: 3px 9px 4px; height: 32px; line-height: 32px; border: 1px solid #E8E8E8; border-radius: 4px; color: #333; box-sizing: border-box; margin: 0 3px; background-color: #fff }

.page-tab a.js-page-first { padding: 3px 8px 4px; }

.page-tab a.js-page-last { padding: 3px 8px 4px; }

.page-tab a:hover { color: #0965E6; border-color: #0965E6; }
.page-tab a:hover i { color: #0965E6; }
.page-tab a.ui-pager-disabled { color: #D4D9E1; border-color: #D4D9E1; background-color: #EEEEEE; cursor: not-allowed; }
.page-tab a.ui-pager-disabled:hover i { color: #D4D9E1; }
.page-tab a.ui-paging-ellipse { color: #D4D9E1; position: relative; top: -3px; border: 0; background: none;padding: 0 3px; }
#page a:hover { color: #0965E6; border-color: #0965E6; }

.page-tab .first-page { padding-left: 6px; }

.page-tab .last-page { padding-right: 6px; margin-right: 16px; }

.screening-checked .crumbs { float: left; margin-top: 5px; font-size: 14px; }

.screening-checked .crumbs i { color: #ccc; }

.screening-checked .crumbs a { color: #767B8F; font-size: 12px; font-weight: normal; }

.screening-checked .crumbs a:first-child{ color:#0965E6;}

.screening-checked .crumbs a:hover { color: #0965E6; }

.screening-top { height: 56px; line-height: 56px; clear: both; margin-top: -25px; }

.screening-top img { float: left; width: 75px; height: auto; margin-top: 6px; }

.screening-top h3 { float: left; font-size: 16px; color: #016ac6; margin-left: 5px; }

.screening-top h3 span { font-size: 12px; float: right; margin-left: 10px; }

.tab-head-type .playBtn { margin-left: 18px; margin-right: 5px; font-size: 21px; cursor: pointer; color: #016ac6; position: relative; top: 2px; }
.product-tab .tab-head-type span.standard-video{width:auto;display:unset;}
.product-tab .tab-head-type em { color: #0965E6; font-size: 14px; position: relative; top: -3px; left: 5px; }

.screening-top h3 .playBtn { float: right; font-size: 30px; cursor: pointer; margin-left: 15px; }
/*.goodList .screening-checked{
padding: 15px 0px 0px 0px;
}*/
.screening-checked li > em { display: inline-block; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }

.product-tab { margin-top: 20px; }

.product-tab table { width: 100%; text-align: center; border-collapse: collapse; border-bottom: 1px solid #e3e3e3; }

.product-tab tr { border: 1px solid #e3e3e3; border-bottom: none; }

.product-tab tbody tr:not(.tab-show-page):hover { background: #f8e8e8; }

tr.row-active { border: 1px solid #016ac6; background: #f2f7fc; }

.product-tab th { padding: 10px 0px; background: #f5f5f5; min-width: 50px; }

.product-tab th:last-child { width: 5%; }

.product-tab td { padding: 8px 0px; font-size: 12px; }

.good-mr { margin-right: 3px; }

.good-ml { margin-left: 15px; }

.good-blue { padding: 0 4px; border: 1px solid #016ac6; color: #023b88; height: 17px; display: inline-block; font-size: 12px; line-height: 17px; margin-top: 3px; }

.good-red { padding: 0 4px; border: 1px solid #ff5d0e; color: #ff5d0e; height: 17px; display: inline-block; font-size: 12px; line-height: 17px; margin-top: 3px; }

.bg-red { border: 1px solid #016ac6; background: rgba(250,243,243, .3); }

.bg-blue { border: 1px solid #016ac6; background: #f3f7fa; }

.vert { vertical-align: top; }

.goods-infor h3 { padding: 0 0 2px; margin-bottom: 10px; font-weight: normal; }

.goods-infor h3 span { color: #fff; padding: 2px 6px; font-size: 12px; margin-bottom: 4px; display: inline-block; border-radius: 3px; }

.tab-head-type { width: 100%; height: 50px; /*background: #f9f9f9;*/ line-height: 50px; color: #097de0; border-top: 2px solid #016ac6; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding-left: 8px; box-sizing: border-box; }

.tab-buy-btn { padding: 5px 12px; box-sizing: border-box; transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -ms-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; }

.call { font-size: 20px; vertical-align: middle; cursor: pointer; position: relative; }
.product-tab .call { font-size: 18px; }

.call:hover .call-service { display: inline-block; }

.call-service { display: none; padding: 3px 5px; font-size: 14px; color: red; border: 1px solid red; position: absolute; top: 10px; left: 15px; width: 84px; font-weight: normal; background: #fff; }

.blue-btn { color: #016ac6; border: 1px solid #016ac6; }

.blue-btn:hover { background: #016ac6; color: #fff; }

.red-btn { color: #fc0200; border: 1px solid #fc0200; }

.red-btn:hover { background: #fc0200; color: #fff; }

.page-bottom { margin-top: 20px; align-items: center; color: #999; }

.page-bottom ul { padding: 0px 15px; }

.page-bottom li { border: 1px solid #e3e3e3; margin-right: 4px; height: 30px; line-height: 30px; padding: 0px 11px; cursor: pointer; }

.page-bottom li:hover { color: #016ac6; }

.page-bottom i { line-height: 33px; }

.page-bottom .icon-icon-test { margin-left: -6px; }

.page-bottom .icon-icon-test1 { margin-right: -6px; }

.tab-show-page td { padding: 8px 0px; }

.now-page { display: inline-block; font-size: 12px; }

.now-page span:first-child { color: #016ac6; }

.show-having { float: left; font-weight: normal; font-size: 12px; }

.choose-page { float: right; margin-right: 16px; font-weight: bold; }

.require-item input[type="text"], .require-item select { width: 143px; height: 30px; border: 1px solid #dbdbdb; box-sizing: border-box; float: left; border-radius: 5px; }

.require-item label { line-height: 30px; float: left; display: inline-block; width: 73px; text-align: right; }

.float-head { position: fixed; top: 98px; z-index: 2; width:1160px; height:24px;  }

/*标准查询*/
.standard .screening td > div { height: auto; overflow: inherit; }

.standard .screening td, .standard .screening a { padding: 0px; }

.standard .screening a { border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-left: 1px solid transparent; border-top: 1px solid transparent; height: 78px; width: 73px; text-align: center; padding: 5px 0px; box-sizing: border-box; float: left; position: relative; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; margin-bottom: -1px; }

.standard .screening a:nth-child(15n+0) { border-right-color: transparent; }

.standard .screening tr:not(.pattern) a:hover { border-color: #016ac6; -webkit-box-shadow: inset 0 0 2px #016ac6; -moz-box-shadow: inset 0 0 2px #016ac6; box-shadow: inset 0 0 2px #016ac6; }

.standard .screening img { width: 46px; height: auto; }

.standard .screening .active { border: 1px solid #016ac6; -webkit-box-shadow: inset 0 0 2px #016ac6; -moz-box-shadow: inset 0 0 2px #016ac6; box-shadow: inset 0 0 2px #016ac6; }

.standard .pattern a { position: static; padding: 0px; height: 44px; width: 146px; border: 1px solid transparent; border-right: 1px solid #e3e3e3; box-sizing: border-box; }

.standard .shape > p { position: relative; z-index: 2; height: 100%; background: #fff; width: 100%; line-height: 42px; }

.standard .pattern a:hover { border: 1px solid #016ac6; }

.standard .patternBox { position: absolute; z-index: 2; left: 0px; top: 44px; width: 1096px; border: 1px solid #016ac6; box-sizing: border-box; padding: 5px; display: none; }

.standard .patternBox fieldset { border: none; }

.standard .patternBox table { width: 100%; }

.standard .patternBox td { border: 1px solid #e3e3e3; width: auto; background: #fff; line-height: normal; }

.standard .patternBox img { width: auto; height: auto; }

.standard .patternBox p { padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 12px; }

.standard .screening td:nth-child(3) { width: auto; }

.standardHeader { background: #f5f5f5; padding: 0px 22px; height: 50px; line-height: 50px; border: 1px solid #e3e3e3; margin: 10px 0px; box-sizing: border-box; font-size: 12px; }

.standardHeader i { line-height: 48px; }

.standardHeader .choose-page > span { margin-right: 10px; }

.standardHeader .showType { float: left; }

.standardHeader .choose-page { float: right; margin-right: 0px; }

.standardHeader .showType > em { width: 82px; height: 25px; border: 1px solid #016ac6; text-align: center; line-height: 23px; display: inline-block; box-sizing: border-box; cursor: pointer; }

.showType > em.active { background: #016ac6; color: #fff; }

.standard .catalogueResultList { border: none; }

.standard .catalogueResultList > li { width: 232px; height: 208px; border: 1px solid #e3e3e3; margin-right: 10px; margin-bottom: 10px; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.standard .catalogueResultList > li:hover { -webkit-box-shadow: inset 0 0 50px #e3e3e3; -moz-box-shadow: inset 0 0 50px #e3e3e3; box-shadow: inset 0 0 50px #e3e3e3; }

.standard .catalogueResultList > li:nth-child(5n+0) { margin-right: 0px; }

.patternBox .wrapper div { float: left; display: inline-block; border: 1px solid #e5e5e5; border-left: 1px solid transparent; width: 10%; height: auto; line-height: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.4s linear; }

.patternBox fieldset > div:nth-child(10n+1) { border-left: 1px solid #e5e5e5; }

.patternBox .wrapper .shapeShow:hover { border-color: #016ac6; }

/*确认订单*/
.order-step { margin-top: 6px; float: right; }

.order-step > div { width: 154px; border-top: 2px solid #9a9899; position: relative; text-align: center; color: #9a9899; padding-top: 8px; float: left; }

.order-step > .active { border-top: 2px solid #C64E4E; color: #C64E4E; }

.order-step > .active .round { background: #C64E4E; border: 2px solid #C64E4E; }

.order-step .round { display: block; width: 12px; height: 12px; border-radius: 12px; border: 2px solid #9a9899; background: #fff; position: absolute; top: -7px; left: 50%; margin-left: -6px; box-sizing: border-box; z-index: 2; }

.order-step > div p { font-weight: bold; font-size: 12px; }

.confirm-detail { border: 1px solid #e3e3e3; padding: 0px 22px; }

.confirm-item.last-item { border: none; }

.confirm-item > h4 { margin: 20px 0px; }

.confirm-item > h4 span { color: #7070ff; font-weight: normal; margin-left: 5px; }

.confirm-item > p { min-width: 800px; padding: 10px 130px 10px 12px; border: 2px solid #e3e3e3; display: inline-block; box-sizing: border-box; position: relative; margin-bottom: 18px; cursor: pointer; font-size: 12px; }

.confirm-item .item-hidden{ display:none;}

.confirm-item > p.active { border: 2px solid #016ac6; }

.confirm-item > p > span { font-size: 12px; margin-right: 10px; }

.confirm-item > p > em { margin-right: 10px; font-weight: bold; }

.confirm-item .icon-checked-tri { display: none; position: absolute; right: -2px; bottom: -4px; line-height: normal; font-size: 20px; color: #0965E6; }

.confirm-item .active .icon-checked-tri { display: block; }

/*p.active .confirm-editor{
display: block;
}*/

.confirm-item .confirm-editor { position: absolute; right: 10px; top: 10px; display: none; margin-right: 0px; }

.confirm-editor a { margin-right: 12px; }

.confirm-editor a:first-child { color: #016ac6; }

.confirm-editor i { font-size: 16px; }

.confirm-btn { margin-top: 8px; }

.confirm-btn .inline span { float: none; }

.confirm-btn .inline { margin-right: 15px; }

.confirm-btn .inline input[type="radio"] { float: none; margin-right: 0px; }

.confirm-btn a { display: inline-block; padding: 4px 10px; background: #eaeaea; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.confirm-btn p.descript { font-size: 12px; color: #333; display: inline-block; vertical-align: middle; margin-left: 10px; }

.confirm-btn a:hover { background: #ccc; color: #333; }

.confirm-item select { width: 155px; height: 30px; margin-right: 5px; }

.confirm-item .exempt { color: #016ac6; font-size: 16px; margin-left: 20px; line-height: 30px; }

.pay-type .hgp-btn { display: inline-block; width: 102px; height: 28px; line-height: 28px; padding: 0; margin: 0; margin-right: 15px; }

.pay-type .hgp-btn.active { border: 1px solid #016ac6; color: #016ac6; }

.pay-type .pay-infor { margin-top: 15px; border: 1px solid #d5d5d5; padding: 15px 20px; }

.pay-type .pay-infor h4 { margin-bottom: 20px; }

.pay-type .pay-infor p { display: inline-block; margin-right: 75px; margin-bottom: 10px; }

table.cart-goods, table.list-table { width: 100%; text-align: center; font-size: 12px; margin-bottom: 25px; word-wrap: break-word; word-break: break-all; }

table.cart-goods tr, table.list-table tr { border: 1px solid #e3e3e3; }

table.cart-goods td, table.cart-goods th, table.list-table td, table.list-table th { padding: 10px 0px; }

.cart-goods .good-insets { text-align: center; width: 78px; padding: 7px; border: 1px solid #e3e3e3; display: inline-block; box-sizing: border-box; float: left; }

table.cart-goods .ob { color: #999; }

.cart-goods .note input { width: 114px; height: 24px; border: 1px solid #e3e3e3; }

.cart-goods thead th, .real-pay td { background: #f5f5f5; min-width: 72px; }

.list-table thead th { background: #FFF; }

.cart-goods .order-bottom > td { padding: 20px 30px; }

.order-bottom .bottom-note { float: left; max-width: 45%; text-align: left; }

.bottom-note input, .confirm-item .transport-exempt { width: 365px; height: 24px; border: 1px solid #e3e3e3; }

.order-bottom .ordRight { float: right; text-align: right; max-width: 55%; }

.order-bottom .ordRight > p { float: left; margin-right: 60px; }

.order-bottom .amountAll tr { border: none; }

.order-bottom .amountAll td { padding: 0px 6px 12px 6px; }

/*购物车*/
.cart-goods thead th:first-child { text-align: left; padding-left: 26px; box-sizing: border-box; }

.cart-goods td:first-child { padding-left: 16px; }

.cart-goods thead th, .cart-goods tbody tr td, .list-table thead th, .list-table tbody tr td { width: 120px; }

.cart-goods thead th:nth-child(1), .cart-goods tbody tr td:nth-child(1), .list-table thead th:nth-child(1), .list-table tbody tr td:nth-child(1) { width: 200px; }

.cart-goods thead th:nth-child(2), .cart-goods tbody tr td:nth-child(2) { width: 200px; }

.cart-goods thead th:nth-child(6), .cart-goods tbody tr td:nth-child(6) { width: 130px; }

.over-line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.sm-img input[type="checkbox"] { margin-top: 18px; margin-right: 15px; }

.change-count span { display: inline-block; text-align: center; width: 20px; height: 20px; border: 1px solid #bbb; box-sizing: border-box; font-size: 22px; cursor: pointer; float: left; line-height: 16px; }

.change-count span:first-child { border-right: none; }

.change-count span:nth-child(3) { border-left: none; }

.change-count #bookQty { width: 162px; }

.change-count input { width: 68px; height: 20px; box-sizing: border-box; border: 1px solid #bbb; text-align: center; float: left; }

.change-count { width: 108px; display: inline-block; background: white; }

.cart-goods .delete, .cart-goods .deleteMore { color: #016ac6; cursor: pointer; }

.delete .hgp-btn { color: #016ac6; cursor: pointer; background: none; border: none; padding: 0; vertical-align: inherit; margin-right: 10px; }

.cart-goods .bottom-infor { background: #f5f5f5; padding: 10px 26px; }

.deleteMore { float: left; line-height: 28px; }

.more-infor { float: right; }

.cart-goods .cart-buyBtn { cursor: pointer; display: inline-block; background: #C64E4E; color: #fff; padding: 6px 12px; }

.cart-goods .more-infor span { margin-left: 28px; }

.cart-goods .selected, .cart-goods .amount { font-size: 14px; font-weight: bold; color: #C64E4E; }

.emptyCartWarning .row-fluid { width: 333px; height: 90px; text-align: center; margin: 95px auto; }

.emptyCartWarning .row-fluid .span3 { float: left; }


.emptyCartWarning .row-fluid .span9 { padding-top: 15px; float: right; color: #4e4e4e; text-align: center; line-height: 28px; }

.main-btn-rose { width: 106px; height: 28px; text-align: center; line-height: 28px; font-size: 14px; background: #0965E6; color: #fff; display: inline-block; margin-top: 14px;border-radius:4px }

.main-btn-rose:hover { color: #fff; }

.default { font-size: 12px; }

.default input { margin-top: 4px; }

/*未付款*/
.noPay-order .note { max-width: 120px; overflow: hidden; display: -moz-inline-box; display: -ms-inline-box; display: -o-inline-box; display: -inline-box; display: -webkit-inline-box; -webkit-line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; -ms-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; padding: 0px; line-height: 22px; margin: 15px 0px; }

.bottom-note > em { float: left; }

.bottom-note > span { display: inline-block; float: left; max-width: 450px; }

.order-information { border: 1px solid #e3e3e3; border-bottom: none; font-size: 12px; }

.order-information .title { padding-left: 28px; height: 36px; background: #f3f2f2; line-height: 36px; }

/*.order-information .order-status {
float: right;
margin-right: 96px;
font-size: 14px;
color: #C64E4E;
font-weight: bold;
}*/

.order-information .content { padding: 0px 18px 0px 30px; }

.order-information .content p { line-height: 32px; padding: 10px 0px; }

.order-information .content > p { border-bottom: 1px solid #e3e3e3; }

.order-information .content span { margin-right: 50px; display: inline-block; min-width: 136px; }

.order-information .content i { color: #999; }

.order-information em { font-weight: bold; }

.order-information b { font-weight: normal; }

.order-information .title span { margin-right: 48px; }
.order-information .title span:last-child { margin-right: 0px; }

.order-information .invoice p:first-child { width: 18%; }

.order-information .invoice p:nth-child(2) { width: 82%; }

.order-information .invoice span { min-width: 240px; margin-right: 20px; }

.order-information .invoice > p { float: left; display: inline-block; }

.invoice-explain { margin-bottom: 10px; }

.box-body .invoice-explain { margin: 20px 16px 0 26px; }

.box-body .invoice-explain p { text-indent: 15px; }

.required { margin-bottom: 10px; }

.select-invoice { display: inline; }

.select-invoice select { width: 15.2%; padding: 0 0 3px 30px; }

.select-invoice option { text-align: center; }

.item-input.proof { overflow: hidden; }

.proof-img { width: 100px; height: 100px; border: 1px solid #000; margin-top: 10px; margin-right: 10px; }

.proof-style { margin-left: 114px; }

.proof button { width: 102px; height: 25px; border: 1px solid blue; outline: none; background: #fff; vertical-align: middle; color: blue; }

.proof .proof-right { width: 374px !important; display: inline-block; }

#divOrderReturn { width: 100% !important; padding: 0; }

.form-group .input-group { position: inherit; display: block; }


/*登录界面*/
input:-webkit-autofill { background-color: #fff; background-image: none; -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #CCC !important; }

.loginBox { margin: 40px 0px 60px; min-height: 367px; }

.loginBox .container { border: 1px solid #ccc; width: 1160px; padding: 4%; }

.loginBox .inputBox { width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; font-size: 14px; border: 1px solid #ccc; text-indent: 5px; padding: 0px 15px; }

.loginBox .findPassword { margin: 10px 0px; }

.newPepRegister .row-fluid.re-agreement { margin: 0 auto; text-align: center; }

.re-agreement input { float: inherit; vertical-align: middle; width: 17px; height: 17px; margin-left: 35px; cursor: pointer; }

.newPepRegister .row-fluid.re-agreement .agreement { width: 41%; float: inherit; vertical-align: middle; height: 24px; line-height: 25px; cursor: pointer; }

.agreement em { color: #3f94db; }

.modal-dialog.register-text { width: 1200px; margin: 0 auto; height: 600px; overflow: hidden; }

.register-text .modal-header { text-align: center; border-bottom: 1px solid #dedede; }

.register-text .modal-body { height: 550px; box-sizing: border-box; padding-top: 0; }

.register-text .modal-body div.body-height { padding: 0 28px; height: 530px; box-sizing: border-box; overflow: hidden; }

.body-height > div { overflow-y: auto; height: 530px; }

.register-text h4 { font-size: 14px; color: #333; margin-bottom: 10px; margin-top: 24px; }

.register-text p { font-size: 14px; color: #666666; margin-bottom: 10px; margin-left: 1.5em; }

.register-text .close { color: #333; }

.header-title { font-size: 16px; color: #666; text-align: center; display: inline-block; }

.findPassword label, .findPassword a { cursor: pointer; color: #9a9a9a; font-size: 12px; }

.findPassword a { float: right; }



.loginBox .freeRegister a { display: block; background: #f6f6f6; border: 1px solid #dedede; text-align: center; font-size: 18px; line-height: 60px; margin: 50px 0 10px 0; }

.loginBox .freeRegister a:hover { color: #333; }

.loginBox .annotation { color: #9a9a9a; font-size: 12px; }

/*免费注册，重置密码*/
.newPepRegister .container { display: block; border: 1px solid #dedede; padding: 20px 0px 60px 0px; margin-bottom: 40px; }

.newPepRegister .container h2 { height: 60px; line-height: 60px; text-align: center; background: #f9f7f8; font-weight: normal; }


.newPepRegister .registerStep { width: 60%; padding-right: 12%; box-sizing: border-box; margin: 0px auto; }


.newPepRegister .registerStep > p { color: #d31d82; }

.newPepRegister .row-fluid { margin-bottom: 20px; height: 40px; line-height: 40px; }

.newPepRegister .row-fluid label { float: left; width: 30%; padding-right: 10px; display: inline-block; text-align: right; box-sizing: border-box; }

.newPepRegister .row-fluid #getCode, .newPepRegister .row-fluid #validate { display: inline-block; width: 18%; height: 40px; margin-left: 2%; text-align: center; background: #f4f4f4; border: 1px solid #dedede; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.newPepRegister .row-fluid img { margin-left: 2%; height: 40px; width: 18%; }

.newPepRegister .row-fluid #validate { display: none; }

.newPepRegister #getCode:hover { background: #fff; }

.newPepRegister .row-fluid .inputBox { width: 70%; height: 40px; line-height: 40px; box-sizing: border-box; float: left; text-indent: 6px; }

.newPepRegister .control .inputBox { width: 50%; }

/*成功提交订单*/
.success-submit .text { width: 620px; min-height: 60px; margin: 0px auto; line-height: 28px; margin-top: 30px; }


.success-submit .od-box { width: 950px; min-height: 116px; background: #edf4fb; margin: 28px auto; padding: 15px 30px 0px 30px; box-sizing: border-box; }

.success-submit .return a { color: #016ac6; }

.success-submit .od-box > p { padding-left: 63px; box-sizing: border-box; line-height: 37px; }

.success-submit .od-box label { display: inline-block; width: 56px; text-align-last: justify; }

/*个人中心订单*/
.order-side { width: 135px; text-align: center; float: left; border: 1px solid #e3e3e3; margin-right: 20px; box-sizing: border-box; margin-top: 20px; }

.order-side li { padding: 8px 0px; line-height: 22px; }

.order-side li:not(:last-child) { border-bottom: 1px solid #e3e3e3; }

.order-side h3 { font-size: 14px; }

.order-side a { display: block; font-size: 12px; line-height: 22px; }

.order-side a.active, .order-side .my-center { color: #023b88; }

.order-list, .collection { width: 1037px; float: left; margin-top: 20px; }

.order-item { margin-top: 25px; clear: both; }

.order-item .order-information { border: none;display:inline-block; }

.order-item .order-information:first-child{ display:block; }

.order-item .cart-goods th:first-child { min-height: 0px; height: 36px; line-height: 36px; padding: 0px; }

.pay-status, .order-allStatus { float: right; margin-right: 15px; }
.order-information .title .pay-status { float: right; margin-right: 15px; }



.noGoods-order .lp { background: #016ac6; border-color: #016ac6; }

.noGoods-order .dy { border-color: #016ac6; color: #016ac6; }

.complete .dy { background: #e3e3e3; border: 1px solid #e3e3e3; color: #333; }

.order-list-head nav { float: left; }

.order-list-head nav a { display: inline-block; padding: 9px 0px; margin-right: 36px; }

.order-list-head nav a.active { color: #016ac6; font-weight: bold; }

.order-list-head .search-order { float: right; margin-bottom: 20px; }

.search-condition > div.search-frame { display: inline-block; border: 1px solid #D4D9E1; }

.search-condition > div.search-frame span { display: inline-block; width: 70px; height: 35px; line-height: 33px; text-align: center; background: #eee; }

.search-condition > div input { border: none; height: 35px; width: 224px; }

.order-list-head .search-order span { cursor: pointer; }

.advanced-search { text-align: right; font-size: 12px; clear: both; height: 30px; line-height: 30px; display: none; }

.advanced-search div { display: inline-block; }

.advanced-search .monthBtn em { float: left; width: 80px; line-height: 28px; text-align: center; border: 1px solid #e3e3e3; border-left: 1px solid transparent; cursor: pointer; }

.advanced-search .monthBtn .oneMonth { border: 1px solid #e3e3e3; }


.advanced-search .monthBtn .active { background: #023b88; color: white; border-color: #016ac6; }

.advanced-search .monthChoose { float: right; margin-left: 10px; }

.monthChoose input[type='date'] { height: 28px; border: 1px solid #e3e3e3; text-align: center; color: #333; }

.monthChoose em { margin: 0px 6px; }

.monthChoose input[type='button'] { width: 54px; height: 30px; line-height: 30px; background: #023b88; text-align: center; color: #fff; border: none; margin-left: 15px; }

.advanced-search .monthBtn em.odTime { background: #023b88; color: white; border-color: #016ac6; }

/*个人中心开票资料,修改密码，收货地址*/
.my-center-right { float: left; font-size: 12px; }

.my-center-right h3 { font-size: 14px; padding: 8px 0px; line-height: 22px; margin-top: 20px; }

.my-center-item { margin-bottom: 10px; }

.my-center-right > input[type="button"] { padding: 0px 20px; height: 30px; text-align: center; line-height: 32px; color: #fff; border: none; background: #023b88; margin-left: 114px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.my-center-right > input[type="button"]:hover { background: #0196f8; }

.address > input[type="button"] { margin-left: 0px; }

.my-center-item em { width: 100px; text-align: right; display: inline-block; margin-right: 10px; }

.my-center-item .radio-choose { display: inline-block; margin-right: 30px; margin-bottom: 0px; }

.my-center-item input[type="radio"] { margin-left: 5px; }

.my-center-item input[type="text"] { height: 28px; border: 1px solid #e3e3e3; width: 374px; text-indent: 8px; line-height: 28px; }

.my-center-item input[type="number"] { height: 28px; border: 1px solid #e3e3e3; width: 374px; text-indent: 8px; }

.password .my-center-item input[type="text"], .account .my-center-item input[type="text"] { width: 200px; }

.vat { display: none; }

.my-center-item > div { margin-bottom: 10px; }

.account select { width: 150px; height: 30px; border: 1px solid #e3e3e3; text-indent: 4px; }

.account select option:first-child { display: none; }

.account input[type="text"].active { background: #faffbd; }

.box-body .form-horizontal { margin: 5px 0px; }

.form-horizontal { margin: 20px 0px; padding-top: 20px; }

.form-horizontal .row, .form-horizontal .controls select { margin-bottom: 8px; }

.row { margin-left: -20px; }

.form-horizontal .control-label, .form-horizontal .controls select { height: 30px; border-radius: 0px; }

.form-horizontal .control-label { padding-top: 0px; line-height: 30px; }

.form-horizontal .control-label { float: left; width: 160px; text-align: right; margin-bottom: 0; }

.form-horizontal .controls { margin-left: 180px; }

.form-horizontal input[type="text"], .form-horizontal .controls select { width: 325px; height: 30px; text-indent: 5px; box-sizing: border-box; }

.form-horizontal input[type="number"], .form-horizontal .controls select { width: 325px; height: 30px; text-indent: 5px; box-sizing: border-box; }

.form-horizontal .row.address textarea { border-radius: 0px; height: 70px; width: 325px; }

/*个人中心财务中心18.3.21*/
/*发票信息管理*/
.management .message, .open-invoice, .list-title { padding: 11px 15px; }

.message-ul li { width: 510px; border: 1px solid #f5f5f5; margin-right: 24px; margin-bottom: 15px; padding: 10px 5px 15px 3px; height: 220px; box-sizing: border-box; }

.message-ul li:nth-child(2n) { margin-right: 0px; }

.message-ul li p { line-height: 25px; height: 25px; }

.message-ul i.icon-checked-tri { position: absolute; right: -2px; bottom: -4px; line-height: normal; font-size: 20px; color: #016ac6; display: none; }

.confirm-name { display: inline-block; width: 110px; }

.message-ul li:hover .confirm-editor { display: block; }

.message-ul li.active i.icon-checked-tri { display: block; }

.message-ul li.active { border-color: #016ac6; }

.message-ul li.increase { height: 232px; line-height: 232px; }

.icon-increase { position: relative; box-sizing: border-box; width: 100px; height: 100px; display: inline-block; }

.icon-increase:before { content: ''; position: absolute; width: 100px; height: 5px; left: -4.5%; top: 66%; background-color: #aaabb2; }

.icon-increase:after { content: ''; position: absolute; width: 5px; height: 100px; left: 40%; top: 22%; background-color: #aaabb2; }
/*发票索取*/
.dm-reminder { background: #edf7ff; padding: 18px; border: 1px solid #016ac6; margin: 20px 0 15px; }

.reminder-content { text-indent: -5em; margin-left: 5em; line-height: 1.8; }
/*个人中心财务中心18.3.21*/

/*商品详情页面*/
.gd-page .screening-checked { padding: 15px 0px 20px 0; }

.gd-page .screening-checked .crumbs { float: none; text-align: left; }

.gd-page .good-left { width: 365px; display: inline-block; margin-right: 40px; float: left; }

.gd-page .good-right { width: 794px; display: inline-block; }

.gd-page .crumbs .on { color: #016ac6; }

.gd-page .good-img { width: 365px; height: 365px; border: 1px solid #D4D9E1; border-radius: 4px; box-sizing: border-box; text-align: center; vertical-align: middle; display: table-cell; }

.gd-page .good-img img { width: 100%; height: auto; }

.gd-page .control-list { margin-top: 10px; }

.gd-page .control-list p { display:inline-block;padding-right:15px; font-size: 14px; cursor: pointer }

.good-right .good-name { font-size: 16px; display: inline-block; vertical-align: middle; }

.good-right .good-price { width: 100%; line-height: 60px; }

.good-right > div > em, .good-right .good-price > em { color: #767B8F; padding-left: 25px; width: 73px; padding-right: 0px; float: left; }

.good-right .good-price span { color: #C64E4E; font-size: 24px; }

.good-right > div { margin-top: 10px; }

.purchase > .sum-count { float: left; }

.purchase > em { line-height: 110px; padding-right: 40px; }

.sum-count .change-count { width: auto; font-size: 12px; display: block; clear: both; margin-bottom: 10px; line-height: 30px; }

.sum-count .change-count em { display: inline-block; padding: 0px; float: none; margin-left: 10px; max-width: 100px; line-height: 15px; }

.purchase .change-count span { width: 30px; height: 30px; line-height: 26px; background: #f5f5f5; color: #999; }

.purchase .change-count input { width: 102px; height: 30px; }

.popup-right .change-count #bookQty { width: 152px; }

.purchase .change-count select { width: 102px; height: 30px; margin-left: 30px; border: 1px solid #bbb; }

.purchase .total span { display: inline-block; min-width: 108px; text-align: center; }

.purchase .join-cart { height: 32px; border: none; margin-top: 10px; min-width: 162px; color: #fff; background: #d20e00; }

.detailTabBox { border: 1px solid #e5e5e5; margin-top: 48px; }

.detailTabBox .tabLine { background: #f1f1f1; border-bottom: 1px solid #e5e5e5; }

.detailTabBox .tabLine a:hover, .detailTabBox .tabLine a.active { background: white; border-top-color: #016ac6; position: relative; top: 1px; }

.detailTabBox .tabLine a { display: inline-block; float: left; padding: 0 25px; line-height: 43px; height: 43px; color: #666666; margin-right: 10px; border-top: 3px solid transparent; }

.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }

.clearfix:after { clear: both; }

.gcontent { padding: 20px; }

.gcontent .sTable { width: 100%; }

.sTable tr td { border: 1px solid #e3e3e3; }

.sTable tr td:first-child { text-align: left; padding: 8px; padding-right: 15px; width: 150px; box-sizing: border-box; background: #f1f1f1; }

.sTable.aTable tr td:first-child { background: #fff; }

.sTable tr td:first-child.pl30 { padding-left: 30px; box-sizing: border-box; }

.sTable tr td:last-child { color: #7f7f7f; padding: 0px 20px; }

.detailTabBox .sTable tr td:last-child { padding: 8px; padding-right: 15px; }

.sizeImg { width: 710px; border: 1px solid #d8d8d8; margin: 0 auto; padding: 20px 6px; }

.svgSwitch { border: 1px solid #F0F0F0; display: inline-block; border-radius: 4px; }

.svgSwitch a.active { background: #0965E6; color: white; }

.svgSwitch a { display: inline-block; width: 99px; height: 32px; line-height: 32px; text-align: center; float: left; color: #252525; font-size: 14px; border-right: 1px solid #efefef; }

.svgSwitch a:first-child{ border-radius:4px 0 0 4px;}

.svgSwitch a:last-child { border-right: none; border-radius: 0 4px 4px 0; }

.gcontent .replace { line-height: 26px; }



/**
* map func  use add by zhu
*/
.map-location { position: absolute; z-index: 99999; margin-left: -23px; }

.map-btn { margin-top: 15px; position: absolute; z-index: 999999; background: #fff; padding-left: 8px; padding-right: 8px; height: 26px; line-height: 26px; border: 1px solid #ccc; }

.map-btn-sure { right: 60px; }

.map-btn-cancel { right: 110px; }

/**
* search func  use add by zhu
*/
.search_container { width: 588px; height: auto; margin-top: 40px; margin-left: -2px; background-color: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: absolute; z-index: 99999; }

.search_standard_container { width: 128px; max-height: 400px; overflow: auto; margin-top: 30px; margin-left: 70px; background-color: #fff; border: 1px solid #F0F0F0;border-top:0; position: absolute; z-index: 3; }

.search_standard_container .search_item { line-height: 22px; height: 22px; font-size: 12px; }

.search_standard_container .search_item label { line-height: 22px; height: 22px; white-space: nowrap; font-size: 12px; text-align: left; display: block; width: 198px; overflow: hidden; text-overflow: ellipsis; cursor: pointer; margin: 0; padding: 0 5px; box-sizing: border-box; }

.search_standard_container .search_item label:hover { color: #0965E6; background: #F7F9FD; }

.search_item { text-align: left; line-height: 30px; text-indent: initial; }

.search_item label { margin-left: 20px; background: #fff; }

.item_active { background-color: #f6f6f6; }

.item_active label { background-color: #f6f6f6; }

/*产地-购物车弹窗*/
.quick-cart-popup { min-height: 440px; display: none; padding: 20px; box-sizing: border-box; width: 100%; height: 100%; }

.quick-cart-popup .popup-left { width: 280px; height: 100%; float: left; margin-right: 48px; }

.quick-cart-popup .popup-left .popup-left-image { width: 100%; box-sizing: border-box; border: 1px solid #e2e2e2; margin-bottom: 10px; display: table; overflow: hidden; }

.quick-cart-popup .popup-left .popup-left-image > div { display: table-cell; vertical-align: middle; text-align: center; }

.popup-top-img { position: relative; }

.popup-decration { position: absolute; top: 5px; right: 5px; }

.popup-left .popup-left-list { width: 280px; height: 150px; box-sizing: border-box; border: 1px solid #e2e2e2; text-align: center; color: #333333; font-size: 12px; }

.popup-left .popup-left-list th { padding: 8px 0px; }

.popup-left .popup-left-list tr { border-bottom: 1px solid #e2e2e2; }

.popup-left .popup-left-list tbody tr:last-child { border: none; }

.quick-cart-popup .popup-right { width: 260px; height: 100%; float: left; font-size: 12px; }

.popup-right ul { margin-bottom: 10px; }

.popup-right .change-count select, .popup-right .change-count input { font-size: 12px; height: 25px; }

.popup-right .change-count span { width: 25px; height: 25px; line-height: 21px; font-size: 14px; }

.popup-right .total span { min-width: 102px; }

.popup-right .purchase .join-cart { outline: none; height: 27px; min-width: 152px; }

.popup-right .change-count select { margin-left: 26px; }

.popup-right .sum-count .change-count { margin-bottom: 5px; }

.popup-right ul .good-detail-title { display: inline-block; width: 72px; vertical-align: top; }

.popup-right ul:first-child li { padding-bottom: 3px; }

.popup-right .good-detail-result em { color: #d20e00; font-size: 16px; }

.popup-right .good-detail { background: #f7f7f7; padding: 0px 5px; margin-left: -5px; line-height: 20px; }

.popup-right .title-name { display: inline-block; width: 184px; }

.popup-calculate.AddBuyCount li { padding-left: 30px; }

.popup-calculate.AddBuyCount li:first-child { padding-left: 47px; }

.popup-calculate.AddBuyCount select, .popup-calculate.AddBuyCount input { width: 90px; height: 18px; line-height: 18px; font-size: 12px; padding: 0px; border-radius: 0px; margin: 0px; text-align: center; }

.popup-right .popup-calculate select { color: #333; }

.popup-calculate.AddBuyCount li { margin: 5px 0px; clear: both; height: 20px; }

.popup-right .popup-calculate .total { text-align: left; color: #333; }

.popup-calculate .total .count-result { width: 85px; display: inline-block; text-align: center; }

.popup-right .popup-calculate .unit-count { display: inline-block; text-align: left; overflow: hidden; }

.popup-right .good-detail .good-detail-result, .popup-right .unit-count { color: #016ac6; }

#goodUnit { color: #d20e00; font-size: 14px; line-height: 20px; }

.popup-calculate.AddBuyCount a { color: #e2e2e2; font-size: 20px; line-height: 18px; }

.popup-calculate.AddBuyCount a:hover { color: #d31d82; }

.popup-calculate.AddBuyCount a, .popup-calculate.AddBuyCount input, .popup-calculate.AddBuyCount select { float: left; margin-right: 10px; }

.popup-right .popup-calculate .join-cart { color: #fff; background: #016ac6; width: 132px; font-size: 12px; }

.popup-right .popup-calculate .join-cart2 { color: #fff; background: #016ac6; width: 132px; font-size: 12px; }

/*2018.1.25收藏功能样式*/
.buy-button > p { display: inline-block; cursor: pointer; }

.buy-button .collect { margin: 0 10px; }

.buy-button > p .iconfont { font-size: 20px; margin-right: 5px; vertical-align: middle; }

.buy-button > p .hgpiconfont { font-size: 16px; margin-right: 5px; vertical-align: middle; }

.buy-button .collect .hgpiconfont { color: #023b88; }

.icon-kongwujiaoxing:before, .icon-ds:before { width: 16px; height: 17px; display: inline-block; }

.consultation img { top: 5px; position: relative; width: 18px; height: auto; margin-right: 5px; }

.buy-button > p span { vertical-align: middle; font-size: 14px; }


/*2018.1.25收藏功能样式*/
.quick-cart-popup > .close-popup { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; }

#discountTable.popup-left-list tr td:nth-child(2) { color: #d20e00; }

.siftDetailCondition table tr td:first-child, .siftDetailCondition table td.col-5, .catalogue .more-btn { background: #f9f9f9; text-align: center; vertical-align: middle; font-size: 14px; }

.catalogueBox .row-fluid .more-btn, .siftDetailCondition table td.col-5, .catalogue .more-btn { width: 5%; cursor: pointer; }

.catalogueBox .row-fluid .more-btn { float: right; }

table tr .big-kind { padding: 0px; }

table tr td { vertical-align: middle; }

.quickHeader .siftDetailCondition.catalogueBox { border-top: none; }

.siftDetailCondition table tr td section a, .siftDetailCondition table tr td section label { line-height: 20px; display: inline-block; margin-right: 30px; float: left; color: #888888; font-size: 12px; }

.siftDetailCondition table tr td .starContent a { height: 37px; line-height: 37px; width: 125px; text-align: center; margin: 0px; box-sizing: border-box; }

.siftDetailCondition table tr td .starContent a.active { border: 1px solid #db2534; }


.catalogueBox .row-fluid td section.starContent { height: 37px; }

.siftDetailCondition table tr td section a:hover, .siftDetailCondition table tr td section a.active { color: #36a1ff; }



/**价格弹出框*/
.price-evaluate { width: 324px; border: 1px solid #c1c1c1; padding: 12px; text-align: center; background: #fff; }

.price-evaluate table { width: 100%; font-size: 14px; padding-bottom: 15px; border-bottom: 1px solid #c1c1c1; }

.price-evaluate table td { padding: 10px 0px 5px 0px; font-size: 12px; }

.price-evaluate table td:nth-child(2), .price-evaluate table td:nth-child(3) { color: #016ac6; }

.choose-eva h2 { margin-bottom: 10px; font-size: 16px; color: #016ac6; }

.choose-eva label { font-size: 14px; width: 23%; float: left; text-align: center; margin-left: 2%; display: inline-block; }


.choose-eva label > span { float: left; }

.evaluate-area > input[type="submit"] { padding: 4px 20px; background: #016ac6; color: #fff; border: none; margin-top: 10px; cursor: pointer; }

.evaluate-area input[type="radio"] { margin-top: 4px; }

/*产品详情弹窗*/
.gcontent.pr { padding: 20px; position: relative; }

.gcontent .table-bordered { width: 100%; border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.tableItemDetail tr td:first-child { width: 15%; background: #efefef; text-align: right; color: #000; box-sizing: border-box; }

.tableItemDetail tr td:nth-child(2) { width: 85%; box-sizing: border-box; }

.table-bordered th, .table-bordered td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border: 1px solid #ddd; color: #ababab; }

.table-bordered td.actTd { color: #333; }

.table-bordered thead td { background: #f9f9f9; }

.alertTable td { text-align: center; font-size: 12px; }

.alertTable tbody a { color: #016ac6; }

/*资讯信息*/
.info-detail-container { padding: 20px; min-height: 400px; display: block; }

.info-detail-container dd a { color: #36a1ff; }

.info-detail-container label.bread { font-size: 13px; color: #b7b7b7; }

.infoList dd { clear: both; padding: 10px 0; border-bottom: 1px dashed #e5e5e5; }

.infoList em { float: right; margin-left: 10px; font-size: 12px; line-height: 19px; }

.info-detail-container .screening-checked { padding: 0px; }

.info-detail-container .screening-checked .crumbs { float: none; text-align: left; }

.info-detail-container .crumbs a { color: #016ac6; }

.info-detail-container h4 { text-align: center; margin-bottom: 15px; font-size: 17px; font-weight: normal; }

.info-detail-container .content { margin-top: 30px; }

.info-detail-container p.publish { color: #b7b7b7; font-size: 13px; display: block; text-align: center; margin-bottom: 25px; }

.info-detail-container pre { border: 0 none; display: block; background: white; padding: 9.5px; margin: 0 0 10px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; color: #333; }

.info-detail-container pre img { max-width: 100% !important; }

/*搜索未找到*/
.noSearch { padding: 50px; color: #ccc; text-align: center; font-size: 28px; }

.standard .small-type img { width: 60px; }

/*促销*/
.cart-price { position: relative; }

.cart-price .iconfont.icon-cuxiao { font-size: 22px; color: #df1515; position: absolute; top: -4px; left: -23px; }

.popup-right .good-detail.cuxiao-good { background: #fbe0e8; }

.cuxiao-good .good-detail-result em { color: #C64E4E; }

.popup-right .icon-cuxiao { margin-left: -24px; }

.good-right .good-price.special-price { background: url(../Image/bargain_line.png) no-repeat; background-size: 100% 100%; color: #fff; }

.good-right > .special-price > em, .good-right .special-price span { color: #fff; }

.special-price .original span, .good-right .special-price .countdown { font-size: 14px; }

.special-price .original { text-decoration: line-through; margin-left: 20px; }

.good-right .special-price .countdown { float: right; margin-right: 56px; }

.cart-actTime { background: url(../Image/MayActivity/cart_time.png) no-repeat; background-size: 100% 100%; text-align: center; color: #606060; height: 28px; line-height: 28px; top: 52px; position: absolute; left: 0px; display: none; white-space: nowrap; padding: 0 5px; }

.cart-actTime i { font-size: 17px; }

.cart-actTd { position: relative; color: #C64E4E; }

/*微信付款*/
.wx-sys-box { background-color: #eff0f1; }

.wx-sys-center { width: 950px; margin: 0px auto; padding: 50px 0px 90px 0px; }

.wx-sys-detail { position: relative; padding-bottom: 20px; padding-left: 23px; padding-right: 260px; line-height: 24px; }

.wx-sys-detail > h2 { padding-bottom: 10px; }

.wx-sys-detail > .wx-pay-sum { display: inline-block; position: absolute; right: 0px; bottom: 30px; }

.wx-pay-sum > span { font-size: 22px; line-height: 22px; color: #f60; font-weight: bold; }

.wx-sys-pay { width: 950px; padding: 45px 0px 90px 0px; text-align: center; border-top: 3px solid #b3b3b3; border-bottom: 3px solid #b3b3b3; background: #fff; }

.wx-sys-pay .wx-pay-sum { margin: 10px 0px 20px 0px; }

.wx-sys-img { width: 180px; height: auto; min-height: 180px; margin: 0 auto; border: 1px solid #d3d3d3; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; }

.wx-sys-ewm > img { width: 100%; height: auto; display: block; }

.wx-sys-explain { padding: 4px 0px 13px 0px; }

.wx-sys-explain > img { float: left; margin-left: 30px; margin-top: 2px; }

.wx-sys-right { float: left; margin-left: 10px; font-size: 12px; }

.wx-sys-explain:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.order-information .title-no-h { padding-left: 28px; background: #f3f2f2; }

.input-common { height: 28px; border: 1px solid #e3e3e3; width: 200px; text-indent: 8px; outline: none; margin: 0; padding: 0; }

.label-border { height: 24px; border: 1px solid #e3e3e3; text-indent: 8px; width: 98%; }

.switch-img-btn a { display: inline-block; padding: 3px 0px; border: 1px solid #e3e3e3; border-top: none; position: relative; left: 0px; width: 70px; text-align: center; }

.contact-service em.for-service { display: inline-block; top: 5px; position: relative; width: 18px; height: 18px; background: url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-size: 427px auto; background-position: -196px -70px; }

.contact-service a { font-size: 9pt; color: #C64E4E; }

right-contactService { background: url(../Image/headerQQcantact.png) no-repeat; background-size: 100% 100%; left: -0px; top: 0px; }



.goods-returnBtn { cursor: pointer; display: inline-block; background: #C64E4E; color: #fff; padding: 6px 12px; }

.goods-returnBtn a { color: #fff; }

.goods-return-WareHouse_Name { display: inline-block; background: #0169c7; color: #fff; padding: 3px 12px; }

.goods-return-lan { cursor: pointer; display: inline-block; background: #0169c7; color: #fff; padding: 6px 12px; }

.goods-return-td-bottom { background: #f5f5f5; padding: 10px; }


.goods-return-td-bottom td { border: 1px solid #f5f5f5; }

.goods-return-uploadimage { float: left; position: relative; }

.goods-return-span { padding: 10px 26px; }

.button-disable { cursor: pointer; display: inline-block; background: #ccc; color: #fff; padding: 6px 12px; }

.print-blue-btn { border: 1px solid blue; background: #f9f9f9; color: blue; }

.print-blue-btn a { color: #016ac6; }

.logistics-view-btn { border: 1px solid #999; background: #999; color: #f9f9f9; }

.logistics-view-btn a { color: #f9f9f9; }

.goods-return-title { padding-left: 28px; height: 36px; background: white; line-height: 36px; font-weight: normal; }

.goods-return-title span { margin-right: 48px; font-weight: normal; }

.goods-return-title em { font-weight: normal; }

.goods-return-title-font { padding-left: 28px; padding-right: 28px; height: 36px; background: white; line-height: 36px; font-weight: bold; float: left; }

/*****区域总仓标题******/
.region-title { text-align: center; margin-top: 38px; margin-bottom: 20px; }
.region-head { height: 119px; }
.region-head img { width: 100%; height: 100%; display: block; }

.region-title h1 { font-size: 38px; margin: 0px 15px; text-decoration: none; color: #333; cursor: pointer; font-weight: normal; }

.region-title span { font-size: 12px; color: #666; }

.region-title i { vertical-align: middle; margin: 0 10px; color: blue; font-size: 16px; color: #016ac6; }
/*****区域总仓标题******/
.region-goods .region-all ul li { width: 19.7%; display: inline-block; text-align: center; background: #f3f3f3; padding: 15px 0; box-sizing: border-box; vertical-align: middle; margin-top: 10px; }

.region-goods .region-all ul li img { width: 50%; height: 118px; }

.region-goods .region-all ul li p { margin: 26px 0 16px; }

.region-goods .region-all ul li span { line-height: 2; }

.region-map { padding-top: 27px; }

.region-map .nation-map { margin-top: 25px; }

.nation-map { position: relative; }

#planetmap area { width: 13px; height: 22px; display: inline-block; position: absolute; }
/*地图*/
#l-map { width: 1177px; height: 800px; overflow: hidden; margin: 0 auto; }

img { border: none; }

.btn-std { position: relative; overflow: visible; display: inline-block; border: 1px solid #d4d4d4; margin: 1px; height: 20px; float: left; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #fff; font: 11px/normal sans-serif; color: #333; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image: -moz-linear-gradient(#f4f4f4, #ececec); background-image: -ms-linear-gradient(#f4f4f4, #ececec); background-image: -o-linear-gradient(#f4f4f4, #ececec); background-image: linear-gradient(#f4f4f4, #ececec); -moz-background-clip: padding; background-clip: padding-box; border-radius: 0.2em; zoom: 1; bottom: 5px; }

i[class^=rad] { display: inline-block; width: 14px; height: 14px; border: 1px solid #999; border-radius: inherit; position: absolute; left: 0px; top: 0rem; line-height: 12px; z-index: 1; background: #fff; }

i[class^=rad].check span { display: inline; color: #333; font-size: 12px; }

i[class^=rad] span { display: none; }

i[class^=rad].check { background: #Fff; border: 1px solid #999; }

.cover { position: absolute; top: 0; left: 67px; width: 30%; background: transparent; z-index: 2; height: 100%; }

.krajee-default.file-preview-frame .kv-file-content { line-height: 160px; }

/*modal 模态弹窗*/

.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

.fade.in { opacity: 1; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }

.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }

.modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); }

.modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }

/*close*/
.close { float: right; font-size: 24px; color: #fff; }

button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; }

.modal-header { padding: 15px; }

.modal-header .close { margin-top: -2px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/*version4-serch*/
.version4-serch { width: 100%; height: 40px; background: #023b88; position: relative; /*-webkit-transform: translateZ(0);*/ }
.version4-serchBox { float: left; display: inline-block; width: 650px; }
.version4-serchBox li { float: left; }
.version4-serch-leftTit { position: relative; font-size: 16px; color: #fff; cursor: pointer; }
.version4-searchF { position: relative; }
#version4-input { width: 100%; margin-top: 4px; height: 32px; line-height: 32px; }
#version4-mypartno { width: 100%; margin-top: 4px; height: 32px; line-height: 32px; }
#version4-mypartno { }
.version4-serchbtn { position: absolute; right: -30px; top: 4px; height: 24px !important; background: #fff !important; border-radius: 5px; }
.version4-serchbtn img { vertical-align: middle; }

.goshopping-box { background: #fff; /*padding-right: 20px !important;*/ /*padding-left: 30px !important;*/ height: 34px; width: 149px !important; margin-top: 3px; }
.goshopping-box a { color: #023b88 !important; font-size: 16px; font-weight: 600; }
.shopping-num { background: #d20e00; color: #fff; padding-left: 10px; border-radius: 3px; margin-left: 10px; display: none; vertical-align: top; }
.left-catelogue { float: left; position: absolute; left: 0px; z-index: 99999999999; }
.version4-side li { width: 158px; cursor: pointer; color: #fff; font-size: 14px; padding: 8px 12px 0px 15px; box-sizing: border-box; }
.version4-coupon-box { position: absolute; top: 40px; left: 0; right: 0; height: 150px; background: #f4f4f4; z-index: 99; box-shadow: 20px 5px 10px #ccc; display: none; }
.version4-coupon-width { width: 1200px; margin: 0 auto; overflow: hidden; }
.version4-coupon-width li { float: left; width: 270px; height: 106px; margin-top: 22px; text-align: center; background: url(../../Content/Image/version4/couponbg.png); margin-right: 20px; padding: 0; }
.version4-coupon-lf-bg { float: left; width: 125px; height: 106px; }
.version4-coupon-ri-bg { float: right; width: 145px; height: 106px; }
.version4-coupon-lf-bg p { margin-top: 23px; color: #fff; font-size: 55px; }
.version4-coupon-lf-bg p span { font-size: 20px; }
.version4-coupon-ri-bg .manjian { height: 30px; margin-top: 10px; font-size: 16px; color: #fff; }
.version4coupon-btn { background: #fff; padding-left: 20px; padding-right: 20px; padding-top: 2px; padding-bottom: 2px; border-radius: 50px; font-size: 14px; color: #8a12f8; cursor: pointer; }
.version4coupon-btnarea { float: right; width: 250px; height: 116px; margin-top: 24px; }
.version4coupon-btnarea div { width: 180px; height: 36px; line-height: 36px; /*margin: 0 auto;*/ margin-top: 12px; cursor: pointer; }
.version4coupon-btnarea div:nth-child(1) { border-radius: 5px; border: 1px solid #023b88; color: #023b88; font-size: 18px; }
.version4coupon-btnarea div:nth-child(2) { border-radius: 5px; background: #023b88; color: #fff; font-size: 18px; }
/*新增区域商城*/
.version4-area-shop { position: absolute; top: 26px; left: 1px; right: 0; background: #f4f4f4; height: 400px; width: 400px; z-index: 99999; overflow-y: auto; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-left: -2px; padding: 0 10px; }
.version4-area-shop li { width: 33%; cursor: pointer; float: left; text-align: center; overflow: hidden; }
.version4-area-shop li img { width: 120px; height: 120px; }
.version4-area-shop li div { text-align: center; color: #191919; }
/*切换商城样式*/
.tabcityZone { padding: 0 10px; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.version4-area-shopaddclass { background: #f4f4f4; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
/*foot 更改*/
.mall-foot { background: none !important; height: 26px !important; line-height: 26px !important; margin-top: 10px; width: 100%; font-size: 12px; }
.mb20 { float: left; margin-top: 0; margin-bottom: 0; }
.offering-content .quote-but input { background: #023b88 !important; }
.vactive { color: #fff !important; border: 1px solid #1564af !important; }
.versin4-footer { background: #e0e0e0 !important; }
/*关注好工品*/
.focus-hgp, .focus-app { position: relative; }
.focus-hgp i.icon-arrowdown{ position:relative;top:2px;}
.focus-hgpBox, .app-download { position: absolute; z-index: 10000; display: none; left: 0px; top: 10px; text-align: left; width: 100%; border-bottom: 1px solid #dbdbdb; padding-top: 10px; box-sizing: border-box }
.focus-hgpBox li, .app-download li { line-height: 12px; padding: 10px; font-size: 12px; color: #333333; background-color: #fff }
.focus-hgpBox li img, .app-download li img { width: 100%; }
.focus-hgpBox li:hover { background: #F7F9FD; }
.focus-hgpBox li:last-child:hover { background: unset; }
/*下单图片大小*/
.bg-red td img { width: 60px; height: 45px; }
/*原version1.css文件样式*/

.topLine .loginStatus > .old-version { padding-right: 0px; border-right: none; }

/*常用工具头部公用*/
.commontools li { border-bottom: 2px solid #eee; }
.commontools li a { color: #4b4b4b; }
.commontools li.active { color: #0364c0; border-bottom: 2px solid #023b88; }
.commontools li.active a { color: #0364c0; }
.commontools img { border-radius: 5px; margin-bottom: 30px;box-shadow: 0px 0px 12px #c8c8c8; width: 100%; height: 280px; }
.tools-left { padding: 8px 28px; width: 663px; }
.tools-left form li { margin-top: 40px; }
.tools-left form li span { font-size: 16px; margin-right: 15px; width: 128px; display: inline-block; text-align: right; }

.tools-left form li input, .tools-left form li select { width: 530px; padding: 20px; box-sizing: border-box; background: #f2f2f2; border: none; border-radius: 8px; }
.tools-right { position: relative; border-left: 1px solid #eee; width: 480px; height: 680px; }
.tools-right .right-content { position: absolute; width: 50%; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); text-align: center; }
.tools-right em { display: inline-block; border-right: 2px solid #eee; border-bottom: 2px solid #eee; width: 20px; height: 20px; transform: rotate(-45deg); }
.facing { position: absolute; top: 50%; left: -12px; background: #fff; }


.standard-form.tools-left form li input, .standard-form.tools-left form li select { width: 450px; }
.standard-form.tools-left { width: 605px; }
.form-title li { border: 1px solid #efefef; border-radius: 7px; }
.form-title li:nth-child(1) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-title li:nth-child(2) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-title li.active { background: -webkit-gradient(linear, 0 0, 0 100%, from(#148cfe), to(#1b71c2)); background: -webkit-linear-gradient(left, #148cfe, #1b71c2); background: -moz-linear-gradient(left, #148cfe, #1b71c2); background: -o-linear-gradient(left, #148cfe, #1b71c2); background: -ms-linear-gradient(left, #148cfe, #1b71c2); background: linear-gradient(left, #148cfe, #1b71c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #148cfe, endColorstr = #1b71c2); }
.form-title li.active a { color: #fff; }
/*首页头部*/
.top-content { background: no-repeat center; background-size: 100% 100%; width: 100%; height: 807px; padding-top: 40px; box-sizing: border-box; }
.index-top { padding-bottom: 110px; background: #ebebeb; }
.banner-img { height: 163px; margin-top: 10px; }
.commodity-show { width: 1200px; margin: 0 auto; /*position: absolute;
    left: 0%;
    bottom: -8%;*/ padding-top: 40px; box-sizing: border-box; }
.commodity-show li.show-list { width: 290px; height: 215px; margin-right: 13px; padding: 18px 0px 0; position: relative; box-sizing: border-box; border-top-right-radius: 5px; border-bottom-right-radius: 50px; }
.commodity-show li.show-list:last-child { margin-right: 0; }
.commodity-show li.show-list p { line-height: 1.2; max-width: 270px; }
.commodity-show li.show-list:hover { }
.commodity-show .show-img { margin: 0 auto; width: 130px; height: auto; }
.commodity-show .show-img img { width: 100%; }
.commodity-show .show-price { height: 62px; line-height: 62px; text-align: center; position: absolute; bottom: 0px; width: 100%; }
.commodity-show .show-price em { padding: 3px 8px; font-size: 20px; border: 1px solid #f20a1d; color: #999999; }
.commodity-show .show-price span { padding: 3px 8px; font-size: 20px; border: 1px solid transparent; /*background:#f20a1d;*/ /*color: #fff;*/ color: #f20a1d; }
.commodity-show .show-price em { padding: 3px 8px; font-size: 20px; border: 1px solid #f20a1d; color: #999999; }
.show-features { display: none; position: absolute; bottom: 0px; }
.show-features ul { background: #2777e3; height: 62px; border-bottom-right-radius: 50px; }

/**首页**/
.index-left .searchBox { height: 45px; border: 2px solid #2777e3; border-radius: 5px; }
.index-left .searchBox input { width: 702px; -webkit-appearance: none; border-radius: 5px; }
.index-left .searchBox a { width: 120px; line-height: 45px; }
.per-recommendation .pre-show { display: inline-block; height: 345px; vertical-align: top; padding-top: 10px; }
.pre-title-img { padding: 32px 25px 10px; box-sizing: border-box; position: relative; width: 284px; border-radius: 5px; display: inline-block; height: 335px; vertical-align: top; margin-top: 10px; }
.pre-name { position: absolute; top: 20%; left: 46%; transform: rotate(-30deg); font-size: 15px; color: #fff; letter-spacing: 2px; }
.pre-show .show-list { border: 1px solid #dbdbdb; margin-left: 16px; padding: 10px 0 0; box-sizing: border-box; width: 287px; border-radius: 5px; height: 335px; }
.pre-show .show-list.hvr-float-shadow:before { display: none; }
.pre-show .show-list.hvr-float-shadow:hover { box-shadow: 0px 5px 12px -4px #c8c8c8; }
.mall-title { margin: 45px 0 40px; }
.per-title p { max-width: 245px; }
.pre-show .per-img { text-align: center; width: 218px; margin: 0 auto; height: auto; }
.pre-show .per-img img { width: 100%; }
.per-price { text-align: center; font-size: 24px; color: #f20a1d; box-sizing: border-box; padding: 14.5px 0; }
/*首页千支重*/
.offering-list { margin-top: 60px; border: 1px solid #d5d5d5; border-bottom: none; border-top-left-radius: 50px; box-shadow: 0px 5px 12px -4px #c8c8c8; }
.offering-list .mall-title { margin-bottom: 25px; letter-spacing: 6.2px; }
.offering-list .mall-title p { letter-spacing: 4.2px; margin-top: 13px; }
.offering-content { padding: 0 23px 23px; box-sizing: border-box; }

.offer-form input { width: 94%; }
.offer-form select { width: 87.5%; }
.offering-content .calculation { width: 80%; }
.offering-content .calculation input { width: 100%; }
.offering-content .calculation em { margin: 0 16px; height: 37px; display: inline-block; line-height: 37px; }
.offering-content .quote-but { width: 20%; float: right; }
.offering-content .quote-but input { width: 100%; border: none; background: #0B5398; padding: 10px 0; color: #fff; border-radius: 5px; }
.offer-form input, .offer-form select, .offering-content .calculation input { padding: 10px; box-sizing: border-box; border: none; border: 1px solid #dbdbdb; border-radius: 5px; }
.reveal-img li { height: 118px; width: 590px; }
.reveal-img li img { width: 100%; height: 100%; }

.rem-content { box-shadow: 0px 5px 12px -4px #c8c8c8; border-radius: 5px; }
/* stage */
.stage { width: 400px; text-align: center; margin: 0 auto; position: relative; }
.stage li { position: absolute; border-radius: 3px; padding: 5px 0; }
#next, #previous { width: 29px; height: 43px; overflow: hidden; cursor: pointer; }

.rem-img { width: 150px; height: 135px; margin: 0 auto; line-height: 136px; }

.hgp-advantage { background: #fc9258; padding: 36px 42px; box-sizing: border-box; margin: 40px 0; }
.hgp-advantage li em { background: url('../Image/MallIndex/polygon.png') no-repeat center; background-size: 100% auto; width: 41px; height: 48px; line-height: 43px; display: inline-block; }
.favourable-list li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.left-news { box-shadow: 0px 5px 12px -4px #c8c8c8; }
.news-favourable { width: 300px; display: inline-block; box-sizing: border-box; background: #fff; text-align: center; height: 379px; margin-left: 15px; box-shadow: 0px 5px 12px -4px #c8c8c8; }
.news-favourable ul { padding: 20px; }
.news-favourable ul li { line-height: 2; text-align: left; }
.news-favourable h2 { background: #2769dc; }
.news-favourable h2 em, .news-favourable h2 .wh:hover { color: #fff; }
/*千支重、报价页面*/

.quote-form .calculation { margin-top: 40px; }
.quote-form .calculation em { margin: 0 13px; }
.quote-form .calculation input { padding: 20px 0px; box-sizing: border-box; background: #f2f2f2; border: none; border-radius: 8px; text-align: center; }
.quote-form .quote-but input { padding: 10px 37px; border: none; border-radius: 5px; color: #fff; margin-top: 40px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#148cfe), to(#1b71c2)); background: -webkit-linear-gradient(left, #148cfe, #1b71c2); background: -moz-linear-gradient(left, #148cfe, #1b71c2); background: -o-linear-gradient(left, #148cfe, #1b71c2); background: -ms-linear-gradient(left, #148cfe, #1b71c2); background: linear-gradient(left, #148cfe, #1b71c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #148cfe, endColorstr = #1b71c2); }
.quote-form.tools-left li span { width: inherit; }

/*个性推荐*/
.for-recommended .per-title p { height: 24px; max-width: 269px; }
/*代用标准查询页*/
.substituting-standard { margin-top: 55px; }
.substituting-standard .substituting-name { position: absolute; margin: auto; top: 50%; left: 58px; -webkit-transform: translate(-50%,-50%); }
.substituting-standard .substituting-div { padding-left: 110px; overflow: hidden; background: #f2f2f2; }
.substituting-ul { overflow: hidden; background: #fff; border: 1px solid #eee; }
.substituting-standard ul li { float: left; width: 163px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; text-align: center; height: 58px; position: relative; }
.substituting-standard ul li:nth-child(3n) { border-right: none; }

.substituting-standard li span { display: inline-block; position: absolute; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); padding: 0 13px; box-sizing: border-box; width: 100%; }
/*标准参数对比页*/
.comparison-table { border: 1px solid #eee; margin-top: 40px; }
.comparison-table th, .comparison-table td { border: 1px solid #eee; padding: 10px 0; box-sizing: border-box; }
.comparison-right.tools-right { height: 960px; }
/*钢号中外对照表页*/
.grade-top p { margin: 48px 0 34px; }
.grade-control .searchLine .searchBox { margin: 0 auto; border-radius: 7px; border-right: none; }

.grade-control .searchBox input { width: 520px; border-radius: 6px; border: none; }
.grade-control .searchBox input.search_material_btn { width: 90px; height: 38px; color: #fff; letter-spacing: 7.5px; font-size: 16px; border-top-left-radius: 0; border-bottom-left-radius: 0; float: right; background: -webkit-gradient(linear, 0 0, 0 100%, from(#148cfe), to(#1b71c2)); background: -webkit-linear-gradient(left, #148cfe, #1b71c2); background: -moz-linear-gradient(left, #148cfe, #1b71c2); background: -o-linear-gradient(left, #148cfe, #1b71c2); background: -ms-linear-gradient(left, #148cfe, #1b71c2); background: linear-gradient(left, #148cfe, #1b71c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #148cfe, endColorstr = #1b71c2); }

.grade-table th, .grade-table td { border: 1px solid #eee; padding: 10px 0; box-sizing: border-box; }
.grade-table td { padding: 25px 35px; text-align: left; }
.grade-center .grade-table p { color: #6b6b6b; line-height: 1.5; letter-spacing: 2px; }

/*镀别代号查询页*/
.plating-top .row { margin: 0; }
.plating-top .plating-item { display: inline-block; width: 1090px; margin-bottom: 20px; line-height: 30px; float: left; }
.plating-top .plating-item span { margin-top: 10px; float: left; display: inline-block; width: 90px; text-align: right; }
.plating-top .plating-item input { line-height: 30px; float: left; display: inline-block; width: 999px; padding: 11px 10px; box-sizing: border-box; background: #f2f2f2; border: none; border-radius: 7px; }
.plating-top .query-btn { background: -webkit-gradient(linear, 0 0, 0 100%, from(#148cfe), to(#1b71c2)); background: -webkit-linear-gradient(left, #148cfe, #1b71c2); background: -moz-linear-gradient(left, #148cfe, #1b71c2); background: -o-linear-gradient(left, #148cfe, #1b71c2); background: -ms-linear-gradient(left, #148cfe, #1b71c2); background: linear-gradient(left, #148cfe, #1b71c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #148cfe, endColorstr = #1b71c2); padding: 10px 30px; color: #fff; margin-left: 23px; border-radius: 7px; border: none; margin-top: 10px; }

.plating-table th, .plating-table td { border: 1px solid #eee; padding: 10px 0; box-sizing: border-box; }
.plating-table th { border-bottom: none; }

/*我要送检*/
.inspection-head .container { position: absolute; margin: auto; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); }
.inspection-head { width: 100%; height: 164px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#148cfe), to(#1b71c2)); background: -webkit-linear-gradient(left, #148cfe, #1b71c2); background: -moz-linear-gradient(left, #148cfe, #1b71c2); background: -o-linear-gradient(left, #148cfe, #1b71c2); background: -ms-linear-gradient(left, #148cfe, #1b71c2); background: linear-gradient(left, #148cfe, #1b71c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #148cfe, endColorstr = #1b71c2); }
.inspection-head .l em { height: 66px; border: 1px solid #fff; margin: 0 5px; }
.inspection-head .r { border: 1px solid #fff; padding: 10px 15px; }

.segmenting-line { width: 163px; height: 1px; margin: 0 10px; background: #016ac6; }
.inspection-feature li { border: 1px solid #d5d5d5; padding: 12px 0; border-radius: 7px; }
.inspection-feature li:nth-child(2) { margin: 0 56px; }
div[class^="introduce"] p { line-height: 2; letter-spacing: .5px; text-indent: 2em; }
.inspection-target li::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 2px; vertical-align: middle; background: url("../Image/Inspection/serial.png") no-repeat center; background-size: 100%; }
.inspection-target li span { vertical-align: middle; }

.contact-information { width: 100%; background: -webkit-gradient(linear, 0 0, 0 100%, from(#148cfe), to(#1b71c2)); background: -webkit-linear-gradient(left, #148cfe, #1b71c2); background: -moz-linear-gradient(left, #148cfe, #1b71c2); background: -o-linear-gradient(left, #148cfe, #1b71c2); background: -ms-linear-gradient(left, #148cfe, #1b71c2); background: linear-gradient(left, #148cfe, #1b71c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #148cfe, endColorstr = #1b71c2); }
.contact-information .segmenting-line { background: #fff; }
.contact-information span.segmenting-line { width: 100%; margin: 0; }
.contact-style .iconfont { font-size: 36px; width: 30px; height: 30px; display: block; margin: 0 auto; }
.contact-style .iconfont.icon-yhk { font-size: 26px; }
.contact-style .container div { top: -10%; width: 1200px; text-align: center; margin-left: 25px; }
.contact-style .container div > p { margin-right: 30px; border: 1px solid #fff; padding: 10px 21px; background: #177fe1; border-radius: 5px; }
.contact-style .detail-style { width: 1200px; margin: 85px auto 0; text-align: center; }
.contact-style .detail-style li { height: 300px; border-radius: 7px; padding: 28px 35px; box-sizing: border-box; }
.contact-style .detail-style li.hvr-float-shadow:before { opacity: 1; height: 30px; }
.contact-style .detail-style li p { line-height: 2; text-align: left; }
.inspection-mall, .contact-information, .license-certificate { padding: 50px 0; box-sizing: border-box; }
.inspection-mall h1 { margin-bottom: 35px; }
.inspection-target li { line-height: 2; }
.inspection-foot { border-top: 1px solid #eee; padding-top: 35px; }

/*修正bottom*/
.fix_bottom { }
.fix_bottom_pb { padding-bottom: 80px; }
.retail_td img { width: 60px; }
/*原layout.css文件样式*/
html, body { width: 100%; height: 100%; }
.focusDiv { display: none; width: 700px; margin-top: 265px; background-color: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: absolute; z-index: 99999; }
.focusDiv2 { display: none; width: 497px; top: 52px; background-color: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: fixed; z-index: 99999; }
.focusDiv3 { width: 622px; margin-top: 100px; background-color: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: absolute; z-index: 99999; }
.step-nav { width: 70px; height: 18px; font-size: 16px; padding-left: 30px; }
.step-nav span { position: absolute; width: auto; top: 27px; }
.step-nav #open-guide { cursor: pointer; }
.step-ul { display: none; position: absolute; z-index: 999; text-align: left; left: -20px; background: #fff; padding-top: 10px; margin-top: -25px; }
.step-ul li { line-height: 1.6; letter-spacing: 1.2px; width: 65px; text-align: center; }
.step-ul li a { font-size: 14px; }
/*弹窗样式*/
#popWindow { width: 380px; height: 270px; border: 4px solid rgba(0,0,0,.1); display: block; position: absolute; top: 50%; left: 50%; margin-top: -135px; margin-left: -190px; background-color: rgb(255, 255, 255); z-index: 4000; }
li.active a { color: red !important; }
#popWindow .closeBtn { width: 100%; height: 14px; text-align: right; padding-top: 10px; }
#popWindow .closeBtn span { display: inline-block; width: 14px; height: 14px; background: url(../../Content/Image/closeButton_03.png) no-repeat; text-align: right; margin-right: 8px; cursor: pointer; }
#popWindow .true { width: 100%; height: 50px; text-align: center; margin-top: 32px; }
#popWindow .true .truePic { display: inline-block; width: 50px; height: 50px; background: url(../../Content/Image/truePic.png) no-repeat; text-align: center; }
#popWindow .true .erro { display: inline-block; width: 50px; height: 50px; background: url(../../Content/Image/erro.png) no-repeat; text-align: center; }
#popWindow .takeSuccess { padding-top: 22px; text-align: center; font-size: 18px; font-weight: bold; }
#popWindow .join { text-align: center; color: #d3d6d6; font-size: 12px; padding-top: 8px; }
#popWindow .nowTakeBtns { width: 100%; height: 40px; text-align: center; padding-top: 26px; }
#popWindow .nowTakeBtns a { display: inline-block; width: 92px; height: 40px; line-height: 40px; }
#popWindow .nowTakeBtns a.nowTakeLeft { background-color: #e33235; color: #fff7e0; border-radius: 4px; text-align: center; }
#popWindow .nowTakeBtns a.nowTakeClose { background-color: #f4f4f4; border: 1px solid #efefef; color: #959693; text-align: center; border-radius: 4px; }
#popWindow .autoClose { height: 12px; width: 100%; color: #b6b2aa; text-align: left; padding-left: 10px; }
#allContent { position: relative; }
.versin4-footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; }
.shopping-num { padding-left: 0px; padding-right: 0px !important; margin-left: 0px; background: none; color: red; vertical-align: middle; }
.goshopping-box a { display: block; margin: -3px auto; color: #023b88 !important; }
.guide .step-ul { margin-top: 0px; background: #f2f2f2; }
.guide .step-nav { padding-left: 0px; width: 70px; }
.guide .step-nav li { width: 90px; line-height: 1.9; }
#version4-input { position: relative !important; }
.version4-serchBox .version4-searchF { margin-left: 36px !important; }
.searchBox .version4-serchbtn { right: 5px !important; }
.searchBox .goods-search { right: 151px !important; }
#cityLayer .citytab2 { position: absolute; }
.searchLine { z-index: 3; }
.searchLine .searchBox { border-color: #023b88; float: left; height: 32px; }
.searchLine .searchBox input { padding: 0 9px 0 3px; height: 32px !important; margin-top: 0 !important; }
.searchLine .logoImg { margin: 18px 0; }
.version4-serchBox { width: 1202px; background: white; }
.version4-searchF { width:580px; height: 36px; position: absolute; margin: 18px 0; left: 50%; transform: translateX(-50%); }
.version4-searchF input.nationalsearch, .version4-searchF input.localsearch { border: 0; width: 70px; height: 34px !important; background: #023b88; color: white; padding: 0; float: left; font-size: 14px; }
.version4-searchF input.nationalsearch {margin-left: 6px; }
.version4-serch { background-color: #FFFFFF; border-bottom: 1px solid #023b88; z-index: 3; position: static; }
.goshopping-box { float: right; height: 34px; line-height: 38px; margin: 18px 0; border: 1px solid #023b88; }
.goshopping-box a { font-size: 14px; font-weight: normal !important; margin: -2px 0 0; width: 150px; height: 36px; line-height: 36px; float: left; position: relative; }
.goshopping-box a:hover { color: #fff !important; background: #023b88;margin-left: -1px;}
.goshopping-box a:hover i { color: #fff; }
.goshopping-box a:hover .shopping-num { right: -1px;border-bottom: 1px solid #023B88; }
.goshopping-box a i { margin: 0 6px 0 10px; font-size: 18px; color: #023b88; }
.goshopping-box .shopping-num { position: relative;border-radius: 0; background: white; display: inline-block; width: 40px; height: 34px; margin-top: 1px; margin-right: 1px; text-align: center; float: right; }
.navLine { width: auto; height: 36px; line-height: 36px; }
li.navLine a { color: #494949; }
li.navLine a:first-child{ padding-left:60px;}
li.navLine .active { color: #0965E6; font-weight: bold; }
li.navLine a .five-folds { position: absolute; right: -1px; top: -10px; z-index: 0; font-size: 12px; font-weight: normal; width: 48px; height: 16px; line-height: 16px; text-align: center; border-radius: 8px; background: #C64E4E; color: white; }
li.navLine a .five-folds em.icon-tishitubiao { position: absolute; left: -3px; top: 4px; z-index: -1; transform: rotate(-20deg); color: #C64E4E; font-size: 12px; }
.left-catelogue .topCatalogues li:active { background: #fff; color: #0965E6; }
/*登录后我的中心*/
.topLine { z-index: 4; }
.topLine .loginStatus > span.user-center-layer { border-right: 1px solid transparent; border-left: 1px solid transparent; padding: 0 0 2px 0; width: 80px; text-align: center; height: 26px; line-height: 26px; position: relative; display: inline-block; }
.topLine .loginStatus > span.user-center-layer > i.icon-arrowdown{ position:relative;top:2px;}
.registerLink { border-right: 1px solid #656565; border-left: 1px solid #656565; }
.loginStatus .user-center-layer .user-center { border-radius: 0 0 4px 4px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.2); position: absolute; z-index: 10000; left: -10px; top: 28px; text-align: left; background: white; width: 100px; display: none; }
.loginStatus .user-center-layer .user-center div { border-radius: 0 0 4px 4px;overflow:hidden; width: 100%; float:left; background: white; }
.loginStatus .user-center-layer .user-center a { width: 100%; line-height: 12px; display: block; position: relative; box-sizing: border-box; padding: 10px 0; color: #333; font-size: 12px; padding-left: 10px; }
.loginStatus .user-center-layer .user-center a:hover { cursor: pointer; color: #0965E6; background: #F7F9FD; }
.loginStatus .user-center-layer .user-center a:last-child { border-radius: 0 0 4px 4px; margin-bottom: 5px; position: relative; }
.loginStatus .user-center-layer .user-center a i { font-size: 25px; position: absolute; right: 11px; top: 5px; color: #EA9D41; }
.loginStatus .user-center-layer .user-center span { box-shadow: 0 0 6px 0 rgba(51,51,51,0.2); position: absolute; left: 42%; top: -2px; z-index: -1; width: 18px; height: 17px; transform: rotate(45deg); background: white; }
.loginStatus .user-center-layer:hover div.user-center { display: block; }
.company-select { position: absolute; top: 33px; display: none; }
.company-select ul { margin: 0px; padding: 0px; width: 374px; background-color: white; border: 1px solid #e3e3e3; }
.company-select ul li { padding: 3px; height: 20px; }
.company-select ul li:hover { cursor: pointer; background-color: #f0f0f0; }
.header_company { display: inline-block; position: relative; }
#formInvoiceEdit .company-select { top: 30px; }
#formInvoiceEdit .company-select ul { width: 323px; }
.tel { font-size: 13px; }
.reserved { display: none; }
/*精灵图*/
.focus-app .app-download:first-child em { display: inline-block; width: 88px; height: 88px; background: url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-position: -462px -127px; }
.focus-hgpBox li.erwei { display: inline-block; width: 100%; height: 101px; box-sizing: border-box; background: white url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-size: 439px auto; background-position: -339px 0px; }
.focus-hgpBox li:last-child { margin-top: -15px;border-radius:0 0 4px 4px; }
.app-download li em { display: inline-block; width: 81px; height: 81px; background: #f2f2f2 url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-size: 479px auto; background-position: -392px -150px; }
.searchBox .version4-serchbtn .for-img { display: inline-block; width: 23px; height: 25px; background: url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-size: 750px auto; background-position: -463px -239px; }
.good-style li .radGood-cover {top:5px!important;}
.good-style li label{vertical-align:middle;}
/*搜索感知样式*/
.divSearchLayout { width: 1200px; margin: 0 auto; position: relative; }
#divSearchContainer { position: absolute; left: 377px; top: 92px; z-index: 3; border: solid 1px #0965E6; border-top: 0; background-color: #fff; border-radius: 0 0 6px 6px; overflow: hidden; padding-right: 146.5px; }
#divSearchContainer .divSearchContainer { width: 412px; height: 337px; overflow: hidden; position: relative; }
#divSearchContainer.divSearchleft { left: 491px; padding:0px !important; }
#divSearchContainer .divSearchContainer .list-container { width: 412px; height: 337px; overflow-y: auto; padding: 30px 0; margin: -30px 0; }
#divSearchContainer .doubtCont { font-size:12px; border-radius: 0 0 6px 0; width: 122.5px; height: 317px; padding: 10px; background: white; position: absolute; left: 412.5px; top: 0px; border-left: 1px dashed #D4D9E1; }
#divSearchContainer .doubtCont h4{ height:29px;font-weight:normal;}
#divSearchContainer .doubtCont p { padding: 5px 6px 4px 7px; color: #333; background: white; border: 1px solid #D4D9E1; line-height: 21px; margin-bottom: 6px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
#divSearchContainer .doubtCont p:hover { color: #0965E6; background: #F7F9FD; }
#divSearchContainer .doubtCont .noResult { text-align:center; }
#divSearchContainer .doubtCont .noResult i{ color:#8b8b8b;font-size:45px;margin: 50px 0 24px; display:block;}
#divSearchContainer .doubtCont .noResult p { color: #8b8b8b; background:white;padding:0; cursor:unset; }
#divSearchContainer .emptyResult { text-align: center; width: 412px; height: 337px;margin-top:-337px;position:relative; }
#divSearchContainer .emptyResult i { color: #8b8b8b; font-size: 45px; padding: 90px 0 24px; display: block; }
#divSearchContainer .emptyResult p { color: #8b8b8b; background: white; padding: 0; cursor: unset; line-height:24px;}
.history-list { display: none;z-index:3; border: solid 1px #0965E6; border-top: 0; position: absolute; left: 369px; top: 92px; font-size: 12px; width: 444px; background: #FFFFFF; border-radius: 0 0 6px 6px; }
.history-list > span{ position:absolute;right:9px;top:6px;color:#D4D9E1;}
.history-list ul li { padding: 6px 6px 6px 10px; cursor: pointer; }
.history-list ul li:hover { color: #0965E6; background: #F7F9FD; }
.history-list .delect-all { border-top: 1px solid #D4D9E1; }
.history-list .delect-all p{ text-align:right;height:23px;line-height:23px;padding:0 9px 0 0;box-sizing:border-box;cursor:pointer;}
.home-history-list { left: 255px; width: 558px; }
#divSearchContainer .row { margin-left: 0px; padding: 6px 6px 6px 10px; font-size: 12px; cursor: pointer; }
#divSearchContainer .row:hover { color: #0965E6; background: #F7F9FD; }
#divSearchContainer .row:last-child { border-bottom: 0; }
/*疑问提示*/
.doubt { width: 1200px; margin: 0 auto; position: relative; }
.doubt .doubtLayout { color:white; box-shadow: 0 0 6px 0 rgba(51,51,51,0.10); width: 305px; position: absolute; z-index: 3; right: 192px; top: 103px; font-size: 13px; }
.doubt .doubtLayout h4 { margin-bottom: 10px; }
.doubt .doubtLayout span { box-shadow: 0 0 6px 0 rgba(51,51,51,0.10); position: absolute; left: 184px; top: -3px; width: 24px; height: 24px; transform: rotate(45deg); background: #050E33; }
.doubt .doubtLayout .wrap { border-radius:8px; padding: 10px; overflow: hidden; background: #050E33; position: relative; }
.doubt .doubtLayout .wrap div { margin-bottom: 10px; }
.doubt .doubtLayout .wrap div p { line-height: 22px; }
.version4-searchF #wenhao { position: absolute; top: 0px;right:-150px; padding: 18.5px 8px 0 8px; cursor: pointer; font-size: 18px; }
/*新中文版layout*/
.version4-area-shop-wrap { display:none; overflow: hidden; width: 110px; max-height: 124px; right: -1px; top: 34px; position: absolute; border-radius: 0 0 4px 4px; }
.version4-area-shop { top: -30px; left: unset; width: 106px; height: 124px; overflow-y: auto; background: white; padding: 0; border-radius: 0 0 4px 4px; }
.version4-area-shop li { width: 100%; height: 31px; line-height: 31px; padding: 0 10px; box-sizing: border-box; text-align: left; }
.version4-area-shop li:hover { background: #F0F0F0; }
.entertopCityBox { background: white; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #D4D9E1 }
.leveltopCityBox { background: #F7F9Fd; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid #F7F9Fd }
.police-logo { background: url("../Image/police_logo.png") no-repeat; width: 18px; height: 18px; position: relative; display: inline-block; background-size: 100%; top: 4px; }
.app-download li{ background:white;}
.focus-hgpBox, .app-download { margin-top: 10px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.2); top: 22px; }
.header a:hover { color: #0965E6 !important; }
.map-logo em { padding: 0; }
.topLine { background: #F0F0F0; border-bottom: 0; font-size: 12px; color: #333333; height: 30px; line-height: 30px; box-sizing: border-box; }
.topLine .loginStatus > a { border-right-color: #333333; }
.topLine .loginStatus > a:last-child{ border:0;}
.topLine .loginStatus > label { padding: 10px; }
.home-top { height: 80px; }
#version4-input { height: 24px !important; line-height: 26px;top:5px; border-radius: 0; }
.focus-hgpBox { padding: 0; margin-top: 10px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.2); top: 22px; border-radius: 0 0 4px 4px; background-color: #fff }
.searchLine .logoImg { width: 129px; height: 44px; float: left; }
/*顶部搜索相关*/
.searchLine .searchBox { width:558px; height: 34px;position:relative; border-color: #0965E6; border-radius: 6px 0 0 6px; }
.searchLine .searchBox #version4-input { width: 553px; }
.searchLine .searchBox #version4-input.top-search-input { width: 442px;padding-left:9px }
.searchLine .searchBox #version4-input.search-box { left: 6px;width:552px; }
.searchLine .searchBox .search-type { position: relative; left: -1px; top: -1px; border: 1px solid #0965E6; border-radius: 6px 0 0 6px; float: left; font-size: 14px; width: 113px; height: 34px; line-height: 34px; border-radius: 6px 0 0 6px; text-align: left; }
.searchLine .searchBox .search-type p { padding: 0 10px; box-sizing: border-box; }
.searchLine .searchBox .search-type:hover ul { display: block; }
.searchLine .searchBox .search-type:hover { border-color: #0965E6 !important; border-radius: 6px 0 0 0; }
.searchLine .searchBox .search-type p i { float: right; }
.searchLine .searchBox .search-type ul { cursor: pointer; width: 113px; margin: 0 0 0 -1px; position: relative; z-index: 3; display: none; background: white; border: 1px solid #0965E6; border-radius:0 0 4px 4px; }
.searchLine .searchBox .search-type ul li { padding: 0 10px; height: 31px; line-height: 31px; }
.searchLine .searchBox .search-type ul li:hover { background: #F7F9FD; color: #0965E6; }
.searchLine .searchBox .search-type ul li:first-child{ margin:4px 0 0;}
.searchLine .searchBox .search-type ul li:last-child { border-radius: 0 0 6px 6px; }
.version4-searchF { position: relative; left: unset !important;z-index:3; transform: unset; width: 511px; margin: 26px 0 0; display: inline-block; }
.version4-searchF input.localsearch { border-radius: 0 4px 4px 0; height: 36px !important; font-size: 16px;background:#0956E6; }
.goshopping-box { margin: 26px 0 0; width: 114px !important; border-color: #D4D9E1; border-radius: 5px; }
.goshopping-box:hover{ border-color: #0965E6; }
.goshopping-box a { width: 114px; color: #0965E6 !important;border-radius:5px; }
.goshopping-box a:hover { color: #0965E6 !important; background: none; margin-left: 0px; }
.goshopping-box a i { font-size: 23px; margin: 0 6px 0 19px; color: #0965E6; }
.goshopping-box a:hover i { color: #0965E6; }
.goshopping-box a:hover .shopping-num { right: -14px; border-bottom: 0; }
.goshopping-box .shopping-num { position: absolute; right: -14px; top: -12px; border-radius: 9px; background: #C64E4E; color: white; display: none; padding: 0 7px !important; width: auto; height: 18px; line-height: 18px; }
.searchLine .container{ overflow:visible;}
.phoneapp { margin: 26px 75px 0px 31px; position: relative; display: inline-block; float: left; cursor: pointer; /*width: 120px;*/ height: 34px; line-height: 34px; border-radius: 4px; border: 1px solid #D4D9E1;font-size:14px; }
.phoneapp .version4-area-shop-wrap { background:white; border: 1px solid #D4D9E1; overflow: hidden; width: 140px; max-height: 124px; right: -1px; top: 34px; position: absolute; border-radius: 0 0 4px 4px; }
.phoneapp .version4-area-shop { top: 0px;left:2px; width: 141px;height:auto; max-height: 124px; overflow-y: auto; background: white;border:0; }
.phoneapp .version4-area-shop li:first-child { margin: 4px 0 0; }
.phoneapp .version4-area-shop li { width: 100%; height:31px;line-height:31px; padding: 0 10px; box-sizing: border-box;text-align:left; }
.phoneapp .version4-area-shop li:hover { background: #F7F9FD; color: #0965E6; }
.phoneapp .version4-area-shop li div { text-align: left; color: #191919; vertical-align: text-top; }
.phoneapp .version4-area-shop li img { width: unset; height: unset; }
.phoneapp.version4-area-shopaddclass { background: white; }
.version4-serch { border-bottom: 0; }
.homePage #allContent { margin-bottom: 0 !important; }
.header { border-bottom: 2px solid #0965E6; }
/*顶部悬浮*/
.homeTop { height:68px; }
.main-search { margin: 16px 0 0 0; }
.searchLine .homeTop .logoImg { margin: 12px 140px 0 0; }
.search-record { left: 269px; top: 52px; }
.top-login-register { display: none; height: 68px; float: right; margin: 0 28px 0 0; line-height: 68px; }
/*底部*/
.mall-footer { width: 100%; margin: 0 auto; background: white; position: relative; z-index: 2; box-shadow: 0px 0px 6px 0px rgba(51,51,51,0.12); }
.mall-footer .content { margin: 0 auto; width: 1200px; height: 216px; padding-top: 35px; }
.mall-footer .content section:nth-of-type(2) { margin: 0 179px 0 244px; }
.mall-footer .content section{ height:100%; float:left; }
.mall-footer .content section:first-child{ padding-left:20px;width:280px; }
.mall-footer .content section:nth-of-type(2){ width:184px;}
.mall-footer .content section:last-child{ width:293px; }
.mall-footer .content section h4{ font-size:16px;height:42px;line-height:42px; }
.foot-about-us a { width: 224px; height: 28px; line-height: 28px; float: left; }
.foot-about-us a:nth-of-type(2n+2) { float: right; text-align: right; width:56px; }
.foot-app-download {  }
.foot-app-download div{ width:50%;float:left; }
/*.foot-app-download div span { display:inline-block;width:72px;height:72px; background: white url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-size: 400px auto; background-position: -318px -11px; }*/
#foot-app-download-span-ios { display: inline-block; width: 72px; height: 72px; background: white url(../Image/pcElves/iosqrcode.png?20190121) no-repeat;}
#foot-app-download-span-android { display: inline-block; width: 72px; height: 72px; background: white url(../Image/pcElves/androidqrcode.png?20190121) no-repeat;}
.foot-app-download div p { font-size: 12px; }
.foot-service { width: 166px; float: left; }
.foot-service .btn-service { text-align:center; border-radius:4px; color: #0654D4; display:inline-block; width: 164px; height: 34px;line-height:34px; border: 1px solid #D4D9E1; }
.foot-service .btn-service i { margin-right: 8px; color: #0965E6; }
.foot-service h4 { font-size: 24px; font-weight: bold; }
.foot-service p{ font-size:14px;}
.foot-service p i { position: relative; top: 2px; margin-right: 6px; }
.foot-weixin { border-left: 1px solid #F0F0F0; width: 108px; height: 114px; float: left; margin-left: 18px; }
.foot-weixin div { margin: 11px 18px; }
.foot-weixin div span { display: inline-block; width: 72px; height: 72px; background: white url(../Image/pcElves/pcElves.png?20190121) no-repeat; background-size: 400px auto; background-position: -318px -11px; }
.foot-weixin div p { font-size: 12px; }
.mall-footer .copyright-wrap { width: 100%; background: #050E33; }
.mall-footer .mall-copyright { margin: 0 auto; width: 1200px; background: #050E33; color: white; font-size: 12px; }
.mall-footer .mall-copyright a:hover span { display: block; }
.mall-footer .mall-copyright a span { display: none; width: 100%; height: 1px; position: absolute; left: 0; bottom: -2px; background: white; }
.mall-footer .mall-copyright h4{ text-align:center;height:44px;line-height:44px;font-weight:normal;}
.mall-footer .mall-copyright h4 i { margin-right: 8px; }
.mall-footer .mall-copyright h4 a{ color:white;position:relative;}
.mall-footer .mall-copyright > div { padding:0 0 10px;}
.mall-footer .mall-copyright > div > a { color: rgba(255,255,255,0.4); position: relative; display: inline-block; float: left; height: 25px; line-height: 25px; padding: 0 28px 0 20px; color: #515771; }
.mall-footer .mall-copyright > div > a.tip { cursor: default }
.mall-footer .mall-copyright > div > div { width: 1104px; display: inline-block; float: left; }
.mall-footer .mall-copyright > div > div a { color: rgba(255,255,255,0.4); position: relative; height: 25px; line-height: 25px; margin-right: 5px; }
.mall-footer .mall-copyright > div > div a:hover { color: white; }

/*所有商品分类*/
li.version4-serch-leftTit { background: white; color: #333333; width: 160px; height: 40px;cursor:auto; }
li.version4-serch-leftTit > span { color: white; background: #0965E6; display: inline-block; line-height: 40px; width: 140px;height:39px; padding: 0 0 3px 20px;border-radius:4px 4px 0 0; }
li.version4-serch-leftTit > span i { position: absolute; right: 12px; top: 2px; font-size: 26px; }
li.version4-serch-leftTit div.left-catelogue { width: 1200px;top:42px; }
li.version4-serch-leftTit div.left-catelogue .catalogues-wrap { width: 158px;padding-right:1042px; }
#topCatalogues { border: 1px solid #D4D9E1; }
.topCatalogues{ overflow:unset; }
.left-catelogue .topCatalogues { min-height:338px; padding: 0; overflow: hidden; background: white; border-radius: 0 0 4px 4px; }
.left-catelogue .topCatalogues li { width: 159px; z-index: 3; color: #767B8F; padding: 4px 11px 3px 20px; position: relative; }
.left-catelogue .topCatalogues li:first-child{ border-radius:8px 0 0 0;margin:4px 0 0 0;}
.left-catelogue .topCatalogues li:last-child { border: 0; border-radius: 0 0 0 8px; margin: 4px 0 0 0; }
.left-catelogue .topCatalogues li.active { z-index: 3; color: #333; background: white; }
.left-catelogue .topCatalogues li.active span i{ color:#333;}
.left-catelogue .topCatalogues li span { display: block; }
.left-catelogue .topCatalogues li span i { float: right; font-size: 22px; position: relative; top: -3px; color: #D4D9E1;}
.left-catelogue .tab-item-hd { text-align: left;font-size:14px; }
.left-catelogue .tab-item-hd img { float: left; margin: 3px 8px 0 0; }
.left-catelogue .tab-item-hd span { float: left; text-align: left; color: #0965E6;width:auto;position:relative;cursor:pointer; }
.left-catelogue .tab-item-hd a { color: #0965E6; position:relative; }
.left-catelogue .tab-item-hd a:hover em{ display:block; }
.left-catelogue .tab-item-hd a em { display: none; background: #0965E6; width: 100%; height: 1px; position: absolute; left: 0; bottom: 4px; }
.left-catelogue .tab-item-hd a i.icon-tuxingxingzhuang { float: left; width: 16px; height: 12px; margin: 0px 10px 0 0; color: #0965E6; }
.left-catelogue .tab-item-hd a i { font-size: 16px; position: relative; left: 0px; top: 1px; color: black; }
.left-catelogue .tab-item-bd{ width:100%;float:left;}
.left-catelogue .tab-item-bd label { font-size: 12px; }
.left-catelogue .tab-item-bd .tab-item-wrap { width: 120px; }
.left-catelogue .tab-item-bd .tab-item-wrap img { width: 100%;float:left; }
.left-catelogue .tab-item-bd .tab-item-wrap span{ font-size:12px;width:100%;display:inline-block;float:left;text-align:center;}
.left-catelogue .bg-color { background: #f7f9fd; width:100%;height:39px;position:absolute;left:0;top:0;}
.left-catelogue .nav-tab-body { padding: 91px 0 0 0; }
.left-catelogue .nav-tab-body .tab-item { padding: 0 10px 20px; }
.left-catelogue .nav-tab-title .type-switch { width: 100%; background: #f7f9fd; }
.left-catelogue .nav-tab-title .material { background:white; padding: 51px 20px 10px 20px;float:left;width:100%;box-sizing:border-box; }
.left-catelogue .nav-tab-title .material span { cursor:pointer; font-size: 12px; float: left; min-width: 54px;padding:0 5px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #D4D9E1; border-radius: 4px; margin: 0 8px 0 0; }
.left-catelogue .nav-tab-title .material span.active { background: #F7F9FD; border-color: #0965E6; }
.left-catelogue .nav-tab-title .material span:hover { color: #0965E6; }
.left-catelogue .tab-item-line { padding: 0; box-sizing: border-box; }
.left-catelogue .tab-item-line .hover-element .first-img { background:white; float: left; width: 60px; height:60px; margin: 0 20px 0 0; border: 1px solid rgba(212,217,225,1); }
.left-catelogue .tab-item-line .hover-element .first-img img { width: 100%;margin:7.5px 0 0 0; }
.left-catelogue .tab-item-line .hover-element .cont-wrap { width: 862px; float: left; }
.left-catelogue .tab-item-line .hover-element .tab-item-hd a { color: #0965E6; display: none;margin-left:30px; }
.left-catelogue .tab-item-line .hover-element .tab-item-hd a:first-child { margin: 0; float: left; height: 29px; display: inline-block; }
.left-catelogue .tab-item-line .hover-element { padding: 10px 0 10px 10px; }
.left-catelogue .tab-item-line .hover-element:hover { background: rgba(243,247,255,1); cursor: auto; }
.left-catelogue .tab-item-line .hover-element:hover .tab-item-hd a { display: inline-block; }
.left-catelogue .classifyBox { border-radius: 0 4px 4px 0; left: 160px; top: 0px; width: 1040px; height: 100%; padding-bottom: 50px; border-color: #D4D9E1; }

.left-catelogue .nav-tab-title .material .hotstandard{ padding: 0 0 0 10px; height:40px; }
.left-catelogue .nav-tab-title .material .hotstandard .hotstandard-contain{width: 100%; position:absolute;top:35px; left:10px;}
.left-catelogue .nav-tab-title .material .hotstandard .hotstandard-contain li{width:auto;padding: 8px 0px 0px 15px;font-size:12px;}
.left-catelogue .nav-tab-title .material .hotstandard .hotstandard-contain li i.icon-hot{color:red;font-size:18px;}

.left-catelogue .nav-tab-title{ background:white;width:1039px; height:40px;line-height:40px;position:fixed;top:153px;z-index:16;}
.left-catelogue .nav-tab-title .active span{ display:block;}
.left-catelogue .nav-tab-title .active{ color:#0965E6;}
.tab-item-bd label > a:first-child { border: 0; padding: 0 23px 0 0; }
.type-switch a { position: relative;bottom:-1px; padding:10px 20px; line-height: normal; color: #333; font-size: 14px; text-align: center; background: #F7F9FD; }
.type-switch a:hover { color: #0965E6 !important; }
.preview-img { box-shadow: 0px 0px 6px 0px rgba(51,51,51,0.1); border-radius: 8px; border: 1px solid #D4D9E1;overflow:hidden; top: 26px; }
.preview-img em{ display:inline-block;width:100%;height:100%; background:white;}
.preview-img em i{ line-height:17px;}

.cityContainer { background: #F0F0F0; cursor: pointer; line-height: 22px; margin-top: 2px; height: 26px; display: inline-block; padding: 0px 5px 0 0; position: relative; border: 1px solid transparent; border-bottom: 0 }
.cityContainer.active { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.cityContainer .icon-arrowdown { position:relative;top:2px;}
.cityContainer .cityBox a:hover, .layui-layer-wrap .layerCityBox a:hover { color: #016ac6; }


/* v5.0样式 begin */
body { background: #F6F6F6; }
.clear { clear: both;}
.clearfix::after { content: '';display: block;clear: both;}

/*购买弹窗*/
.need-num { width: 186px; height: 30px; line-height: 30px; border: 1px solid #D4D9E1; border-radius: 3px; padding: 0 10px; font: 14px "Microsoft Yahei", Helvetica, Arial, Microsoft Yahei, sans-serif; margin-right: 5px; }
.need-num.active { border: 1px solid #0965E6; }
.need-num.is-login::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #333; }
.need-num.is-login:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; }
.need-num.is-login::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; }
.need-num.is-login:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333; }
.add-buy-count { width: 234px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.2); position: absolute; left: -9px; bottom: 45px; background: #fff; z-index: 10000; border-radius: 8px; display: none; }
.add-buy-count .popup-arrow { position: absolute; z-index: 1; transform: rotate(45deg); left: 108px; bottom: -5px; width: 10px; height: 10px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.2); background-color: #fff }
.add-buy-count .purchase { position: relative; z-index: 2; background: #fff; display: block; float: left; padding: 11px; width: 212px; border-radius: 8px; }
.purchase > .sum-count { width: 100%; }
.sum-count .change-count:last-child { margin-bottom: 0 }
.purchase .change-count span { width: 30px; height: 30px; line-height: 26px; background: #fff; }
.purchase .change-count input { width: 72px; }
.change-count span, .change-count input { border: 1px solid #D4D9E1; }
.change-count span.minus { border-radius: 4px 0 0 4px; }
.change-count span.add { border-radius: 0 4px 4px 0; }
.change-count span.minus:hover, .change-count span.add:hover { background-color: #0964E6; color: #fff }
.purchase .change-count select { border: 1px solid #D4D9E1; width: 132px; border-radius: 3px; margin-left: 0; }
.sum-count .change-count { margin-bottom: 8px }
.sum-count .change-count em { color: #767B8F; margin-left: 7px; }
.sum-count .buy-limit { color: #C64E4E; font-size: 12px; margin-bottom: 8px }
.purchase .join-cart { width: 100%; background-color: #0964E6; border-radius: 4px; margin-top: 3px; font: 14px "Microsoft Yahei", Helvetica, Arial, Microsoft Yahei, sans-serif; }
.purchase .booking-product { background-color: #EA9D4F }
.product-disabled { color: #C64E4E; margin-left: 20px; }
/*已加入数量*/
.product-added { display: none; }
.product-added-qty { color: #C64E4E; }

/*省市县弹窗*/
.cityBox { position: absolute; background: #fff; z-index: 9999; width: 350px; box-sizing: border-box; padding: 8px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.2); border-radius: 4px; }
.cityBox .current-area { padding:0 0 0 12px; margin:0 0 8px 0; width:320px;}
.cityBox .current-area span { cursor:auto; color: #767B8F;display:inline-block;width:372px;position:relative; }
.cityBox .current-area span em{ color:#333;}
.cityBox .current-area span i { color:#0965E6; position: absolute; left: 0; }
.cityBox .current-area span a{ position:absolute;right:0px;top:0px;color:#333;padding-left:16px;line-height:22px;}
.cityBox .Topcitytab2 { width: 186px; padding-left: 12px; }
.cityBox ul.Topcitytab2 { border-bottom: 1px solid #f0f0f0; width: 320px; box-sizing: border-box; }
.cityBox .Topcitytab2 li { float: left; padding: 4px 18px 5px 18px; background: #fff; font-size: 12px; z-index: 1; border: 1px solid #F0F0F0; box-sizing: border-box; position: relative; border-bottom: 1px solid #fff;}
.cityBox .Topcitytab2 li:not(:first-child) { border-left: 0; }
.cityBox li.TopactiveTab .top-line { display: block; position: absolute; height: 3px; background: #0956E6; width: 62px; top: -1px; left: -1px;}
.cityBox li.TopactiveTab .bottom-line { position: absolute; bottom: -2px; left: 0; height: 1px; width: 100%; background: #fff; display: block;}
.cityBox .content section { padding: 6px 16px 20px 12px; font-size: 12px; line-height: 17px; }
.cityBox #TopProvinceGroup span { color: #767B8F; float: left; margin-right: 28px; margin-top: 14px;}
.cityBox #TopProvinceGroup ul { width: 250px; }
.cityBox .content section ul { float: left; }
.cityBox .content section ul li { float: left; margin-top: 14px; line-height: 17px; border: 1px solid white; padding: 0 4px; }
.cityBox .content section ul li:not(:last-child) { margin-right: 16px; }
.cityBox .content section ul li.active { color: #0965E6; border: 1px solid #0965E6; border-radius: 2px; }
.cityBox .content section ul li.active a{ color:#0965E6 !important;}
#TopCityGroup ul li, #TopCountyGroup ul li { width: 70px;padding:0;border:0; }
#TopCityGroup ul li a, #TopCountyGroup ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:70px;display: inline-block; padding: 0 4px; border: 1px solid white; box-sizing: border-box; }
#TopCityGroup ul li a.active, #TopCountyGroup ul li a.active { color: #0965E6 !important; border: 1px solid #0965E6; border-radius: 2px; }
#TopCityGroup ul, #TopCountyGroup ul { float: none; }
#TopCountyGroup ul{ min-height: 122px;}
#TopCountyGroup .recommeMall { width: 400px; padding: 12px 20px 8px; box-sizing: border-box; background: #E8E8E8; margin: 18px 0 -20px -20px; position: relative; border-radius: 0 0 4px 4px; }
#TopCountyGroup .recommeMall p { font-size: 12px; float: left; margin-bottom: 12px; }
#TopCountyGroup .recommeMall a { font-size: 14px; float:left; padding: 6px 16px 5px; border: 1px solid #D4D9E1; margin:0 12px 12px 0;background:white;border-radius:4px; }
#TopCountyGroup .recommeMall a.gradient { animation: vactive 1s infinite; }
#TopCountyGroup .recommeMall a:hover { border-color: #0965E6; color: #0965E6; }
@keyframes vactive { 0% { box-shadow: 0px 0px 0px; }
    50% { box-shadow: 0px 0px 5px #309aff; }
    100% { box-shadow: 0px 0px 0px; }
}
#TopCountyGroup .recommeMall a.active { border-color: #0965E6; color: #0965E6; }
#TopCountyGroup .recommeMall a.right-now { border: 0; float: right; color: white; background: #0965E6; padding: 5px 16px 4px; font-size: 12px; margin: 0 0 0 8px; }
#TopCountyGroup .recommeMall a.right-now:hover { border: 0; color: white !important; background: #0654D4; }
#TopCountyGroup .recommeMall span{ float:right; height:28px; line-height:28px;cursor:pointer; }
#TopCountyGroup .recommeMall span:hover{ color:#0965E6;}
#TopCountyGroup .recommeMall em{ position:absolute;left:0px;top:-4px;background:white;display:inline-block;width:6px;height:6px;border-radius:3px;}
/*右侧导航栏*/
.shopping-car-num { top: 4px; left: 26px; border-radius: 7px; width: 25px; background: #C64E4E; }
.rightSide ul { width: 48px; z-index: 9999; top: 50%;right:4px; transform:translateY(-50%); }
.rightSide ul li { border: 1px solid #ECECEC; margin: 0 0 -1px;width:46px; height: 52px;float:left;position:relative;background:white; }
.rightSide ul li:first-child{ border-radius: 4px 4px 0 0;overflow:hidden;}
.rightSide ul li.qqCont { border-radius: 0 0 4px 4px; }
.rightSide ul li a { color: #333; float: left; margin: 0; height: 52px; }
.rightSide ul li a span { text-align: center; display: block; }
.rightSide ul li a i { border: 0; color: #333; width: 46px; height: 31px; line-height: 38px; font-size: 20px;border-radius:0; }
.rightSide ul li.toTop { display:none; border-radius:4px; position:fixed; bottom:-110px; overflow: hidden; }
.rightSide ul li:hover,.rightSide ul li:hover a, .rightSide ul li:hover a i, .rightSide ul li:hover a span { background: #0965E6 !important; color: white; border-color: #0965E6; }
.rightSide ul li:hover .kefu-telephone{ display:block;cursor: auto;}
.rightSide ul li .kefu-telephone { display: none; width: 126px; height: 54px; position: absolute; left: -126px; top: 0; }
.rightSide ul li .kefu-telephone i { position: absolute; left: 112px; top: 20px; z-index: 1; width: 10px; height: 10px; transform: rotate(45deg); background: white;border:1px solid #0965E6;border-left:0;border-bottom:0; }
.rightSide ul li .kefu-telephone i:hover{ background:white !important;}
.rightSide ul li .kefu-telephone div { padding: 6px 12px; box-sizing: border-box; background: white; width: 121px; height: 52px; border: 1px solid #0965E6; border-radius: 4px; font-size: 14px; position: absolute; left: -3px; top: 0; }
.rightSide ul li .kefu-telephone div p{ color:#333; }

/*分享链接弹窗*/
#share-links { display: none; padding: 19px 16px 16px 20px; }
#share-links input { display:block;width:100%; margin: 0 0 10px 0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;color:#333; }
#share-links button { outline:none; text-align: right; margin: 0 0 20px 0;cursor:pointer;color:#0965E6;border:0;background:white;display:block;width:100%;padding:0; }
#share-links a { float:right; width: 68px; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; border: 1px solid #D4D9E1; }
#share-links .btn-cancel { background: rgba(255,255,255,1);margin:0 8px 0 0; }
#share-links .btn-share { background: rgba(9,101,230,1);border-color:#0965E6;color:white; }

/* 商品标签 */
.hgp-tag { line-height: 17px; font-size: 12px; border: 0; padding: 0 4px; margin-left: 4px; color: #fff; display:inline-block; }
.hgp-tag.good-blue { background: #0965E6; }
.hgp-tag.good-warning { background: #EA9D4E; }
.hgp-tag.good-gray { background: #767B8F; }
.hgp-tag.good-info { background: #F7F9FD; color: #333; }
.hgp-tag.good-danger { background: #C64E4E; }
.hgp-tag.good-position { position: absolute; left: 0px; top: 0px; }
.hgp-tag.lose-btn { display: inline-block; line-height: 16px; font-size: 12px; border-radius: 4px; border: 1px solid rgba(118,123,143,1)!important; padding: 0 4px; margin-left: 4px; color: #767B8F !important; }
/* tip */
.hgp-tooltip { position: absolute; z-index: 2000; background: rgba(5,14,51,1); border-radius: 3px; line-height: 28px; color: #fff; transform: translateX(-50%); padding: 0 12px 0 15px; }
.hgp-tooltip .caret { display: block; width: 0; height: 0; border-width: 6px 6px 0; border-style: solid; border-color: rgb(5,14,51) transparent transparent; /*黄 透明 透明 */ position: absolute; left: 50%; transform: translateX(-50%); bottom: -6px; }

.hgp-promotiontooltip {
    position: absolute;
    z-index: 2000;
    border-radius: 3px;
    border: 1px solid #e77439;
    background-color:#fff;
    transform: translateX(-50%);
    padding: 5px 8px;
    font-size: 12px;
}

    .hgp-promotiontooltip .caret {
        display: block;
        width: 10px;
        height: 10px;
        background: #ffffff;
        border-left: 1px solid #e77439;
        border-top: 1px solid #e77439;
        position: absolute;
        left: 50%;
        transform: rotate(-135deg);
        bottom: -6px;
    }


/*头部导航栏分类下单、快速下单样式*/
.version4-serchBox li.buy-switch { float: right; height: 36px; font-size: 0; display: none; }
.buy-switch-item { display: inline-block; padding: 9px 29px; padding-top: 0; font-size: 14px; line-height: 20px; padding-top: 7px; box-sizing: border-box; border-bottom: 1px solid #D4D9E1; }
.buy-switch-item.active { color: #0956E6; border-color: #0964E6; }
.buy-switch-item.active a { color: #0956E6; }

/*物料号弹窗*/
.self-material-edit .popover-bottom { position: absolute; bottom: -40px; left: -45px; width: 184px; box-sizing: border-box; border: 1px solid #0965E6; border-radius: 4px; background: #fff; display: none;z-index:1; }
.self-material-edit .popover-bottom input { width: 134px; box-sizing: border-box; border: 0; height: 28px; font-size: 12px; padding: 5px 8px; float: left; border-radius: 4px 0 0 4px; }
.self-material-edit .popover-bottom button { width: 48px; border: 0; height: 28px; float: left; background: #0965E6; color: #fff; font-size: 12px; border-radius: 0 4px 4px 0; }
.self-material-edit .popover-bottom img { position: absolute; left: 50%; transform: translateX(-50%); top: -7px; }

.icon-yishoucang { color: #0965E6 }

/*支付方式*/
.pay-method-container { padding: 23px 20px; min-height: 414px }
.pay-method-container .pay-title { font-size: 12px; width: 100%; }
.pay-method-container .pay-title .icon-duihao { border: 2px solid #33CC33; color: #33CC33; font-size: 21px; font-weight: bold; border-radius: 50%; }
.pay-method-container .pay-title .title1 { font-size: 16px; margin: 0 14px 0 8px }
.pay-method-container .pay-title .title2 i { color: #C64E4E }
.pay-method-container .pay-title .icon-shanchu2 { float: right; font-weight: bold; font-size: 20px; cursor: pointer }
.pay-method-container .pay-price-no { margin: 40px 40px 0 40px; }
.pay-method-container .pay-price-no span { color: #0965E6; font-size: 24px; }
.pay-method-container .pay-method { margin: 23px 38px 0 40px }
.pay-method-container .pay-method li { width: 100px; height: 34px; line-height: 30px;border: 1px solid #D4D9E1; text-align: center; display: inline-block; border-radius: 4px; margin-right: 4px; cursor: pointer; }
.pay-method-container .pay-method li:last-child { margin-right: 0px }
.pay-method-container .pay-method li.active { border: 1px solid #0965E6; color: #0965E6 }
.pay-method-container .pay-method li i { position: relative; top: 2px; margin-right: 3px; font-size: 20px }
.pay-method-container .pay-method-content { min-height: 175px; margin: 10px 0 0 40px; position: relative }
.pay-method-container .pay-alipay .tip-msg, .pay-method-container .pay-unionpay .tip-msg { font-size: 16px; padding: 40px 0 20px 0; }
.pay-method-container .pay-alipay .link-a, .pay-method-container .pay-unionpay .link-a { width: 96px; height: 34px; line-height: 34px; text-align: center; display: block; border: 1px solid #0965E6; border-radius: 4px; color: #0965E6; }
.pay-method-container .pay-wechat { }
/*微信支付*/
.pay-method-container .pay-wechat .wechat-pay-qrcode { position: absolute; left: 5px; top: 15px }
.pay-method-container .pay-wechat .wechat-pay-qrcode img { width: 180px }
.pay-method-container .pay-wechat .wechat-pay-tip { position: absolute; left: 228px; top: 10px }
.pay-method-container .pay-wechat .wechat-pay-tip .icon-weixin { color: #33CC33; font-size: 44px; }
.pay-method-container .pay-wechat .wechat-pay-tip .wechat-pay-tip-msg { font-size: 16px; margin: 14px 0 0 5px }
/*支付宝支付*/
.pay-method-container .pay-alipay .wechat-pay-qrcode { position: absolute; left: -10px; top: 6px }
.pay-method-container .pay-alipay .wechat-pay-qrcode img { width: 180px }
.pay-method-container .pay-alipay .wechat-pay-tip { position: absolute; left: 228px; top: 10px }
.pay-method-container .pay-alipay .wechat-pay-tip .icon-zhifubao { color: #0965E6; font-size: 44px; }
.pay-method-container .pay-alipay .wechat-pay-tip .wechat-pay-tip-msg { font-size: 16px; margin: 14px 0 0 5px }

.pay-method-container .pay-offline { width: 630px; height: 130px; border: 1px solid rgba(232,232,232,1); border-radius: 4px; padding: 18px 24px 24px 24px; background: rgba(246,246,246,1); }
.pay-method-container .pay-offline span { color: #767B8F; display: inline-block; width: 40px; text-align: right; font-size: 12px; margin-right: 20px; }
.pay-method-container .pay-offline .pay-offline-orderno{width:auto;}
.pay-method-container .pay-offline .pay-offline-orderno { color: #f10215; border-bottom: 1px solid #f10215 }
.pay-method-container .pay-offline div { width: 100%; margin-bottom: 11px; }
.pay-method-container .pay-chendui { width: 622px; border: 1px solid #0965E6; border-radius: 4px; padding: 13px 19px; background-color: #F7F9FD; font-size: 12px }
.pay-method-container .pay-chendui .chendui-list .chendui-item { border-bottom: 2px solid #ECEEF2; padding-bottom: 12px; position: relative; height: 36px; line-height: 18px; margin-bottom: 9px }
.pay-method-container .pay-chendui .chendui-list .chendui-item:last-child { border-bottom: 0px; margin-bottom: 0; padding-bottom: 0 }
.pay-method-container .pay-chendui .chendui-list .chendui-item .select-tip { position: absolute; left: 0; top: 9px }
.pay-method-container .pay-chendui .chendui-list .chendui-item .mall-name { position: absolute; left: 28px; top: 9px; font-size: 14px; font-weight: bold }
.pay-method-container .pay-chendui .chendui-list .chendui-item .company-info { position: absolute; left: 112px }
.pay-method-container .pay-chendui .chendui-list .chendui-item .company-info .bill-no { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.pay-method-container .pay-chendui .chendui-list .chendui-item .money-info { position: absolute; left: 325px }
.pay-method-container .pay-chendui .chendui-list .chendui-item .money-info span { color: #979FAA; font-size: 10px }
.pay-method-container .pay-chendui .chendui-list .chendui-item .pay-price-input { position: absolute; left: 470px; top: 3px }
.pay-method-container .pay-chendui .chendui-list .chendui-item .pay-price-input input { width: 90px; padding: 0 4px; height: 30px; line-height: 30px; border: 1px solid #D4D9E1; border-radius: 4px; margin-left: 4px }
.pay-method-container .pay-operate { width: 100%; text-align: right; margin-top: 40px; }
.pay-method-container .pay-operate .pay-cancel { width: 70px; height: 34px; line-height: 34px; border-radius: 4px; border: 1px solid #F0F0F0; display: inline-block; text-align: center }
.pay-method-container .pay-operate .pay-ok { width: 72px; height: 36px; line-height: 36px; border-radius: 4px; background-color: #0965E6; display: inline-block; text-align: center; color: #fff; margin-left: 4px; }
/*系统检测当前位置变化*/
.mallLocation { width: 100%; height: 48px; background: #DADADA; }
.mallLocation .locatWrap { margin: 0 auto;width:1200px; height:100%;line-height:48px; font-size:12px;}
.mallLocation .locatWrap span{ float:left;}
.mallLocation .locatWrap i{ float:right; cursor:pointer;}
.mallLocation .locatWrap a{ float:right;}
.mallLocation .locatWrap .toggle-mall { line-height:normal; padding: 6px 16px; margin:10px 16px 10px 0; border-radius: 4px; color: white; background: #0965E6; }
.mallLocation .locatWrap .toggle-mall:hover{ color:white !important; background:#0654D4; }
.mallLocation .locatWrap .notoggle-mall { margin-right: 20px; }

/*购买过商城切换*/
#PurchasedPopup .PurchasedPopupTitle { width: 600px; border-bottom: 2px dotted #E8E8E8; margin: 0 auto; padding: 15px 0px 4px; }
#PurchasedPopup .PurchasedPopupTitle .left { float: left; color: #767B8F; }
#PurchasedPopup .PurchasedPopupTitle .righta { float: left; margin-left: 20px; width: 524px; position: relative; overflow: hidden; }
#PurchasedPopup .PurchasedPopupTitle .righta.active{ max-height: 64px;}
#PurchasedPopup .PurchasedPopupTitle .righta ul li { float: left; margin: 0 20px 12px 0; cursor: pointer; }
#PurchasedPopup .PurchasedPopupTitle .righta ul li:hover { color: #0965E6; }
#PurchasedPopup .PurchasedPopupTitle .righta ul li.active { color: #0965E6; }
#PurchasedPopup .PurchasedPopupTitle .righta ul li:first-child { margin-left: 0px; }
#PurchasedPopup .PurchasedPopupTitle .righta span.moreMall { cursor: pointer; color: #767B8F; font-size: 12px; position: absolute; right: 0px; bottom: 14px; }
#PurchasedPopup .PurchasedPopupTitle .righta span.lessMall {z-index:9;background:white; cursor: pointer; color: #767B8F; font-size: 12px; position: absolute; right: 0px; bottom: 14px; }
#PurchasedPopup .PurchasedPopupTitle .righta span i{ position: relative; top: 1px; }
#PurchasedPopup .PurchasedPopupTitle .righta span:hover{ color:#0965E6;}
#PurchasedPopup .part-city { max-height: 490px; background: #FFFFFF; overflow-y: auto; }
#PurchasedPopup .layui-layer-title { height: 40px; }
#PurchasedPopup .cityChoose { padding: 0px 20px; }
#PurchasedPopup .cityChoose:first-child{ margin-top: 14px; }
#PurchasedPopup .cityChoose:first-child .province .letter span { top: 0px; }
#PurchasedPopup .cityChoose .province { color: #767B8F; float: left; line-height: 33px; width: 556px; padding-left: 26px; position: relative; }
#PurchasedPopup .cityChoose .province .letter { color: #767B8F; float: left; width: 26px; height: 28px; position: absolute; left: 0px; top: 2px; }
#PurchasedPopup .cityChoose .province .letter span { display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #F6F6F6; border-radius: 2px; position: relative; top: -2px; }
#PurchasedPopup .cityChoose .province > span{ float:left; width:54px;height:100%;}
#PurchasedPopup .cityChoose .province .city { color: #333333; float: left; width: 496px; line-height: normal; }
#PurchasedPopup .cityChoose .province .city ul li { cursor: pointer; float: left; padding: 6px 15px 5px; border: 1px solid #D4D9E1; text-align: center; margin: 0 8px 16px 0; border-radius: 4px; }
#PurchasedPopup .cityChoose .province .city ul li:first-child { margin-left: 0px; }
#PurchasedPopup .cityChoose .province .city ul li:hover { border-color: #767B8F; }
#PurchasedPopup .cityChoose .province .city ul li.active { color: #0965E6; border-color: #0965E6; }

.product-detaile-receive-over {
    color: #fff;
    background: #d4d9e1;
}