/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a img, iframe { border: none; }
ol, ul { list-style: none; }
input, textarea, select, button { font-size: 100%; font-family: inherit; }
select { margin: inherit; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
/* == clearfix == */
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.fl{float:left;}
.fr{float:right;}
.rel{position:relative;}
.abs{position:absolute;}
.w{width:1210px;margin:auto;}
body{font:12px/1.5 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB',\\5b8b\4f53,sans-serif;background-color:#fff;}
a{text-decoration:none;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb35{margin-bottom:35px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.hide{display:none;}
/*
█╗ █╗ █╗
█║ █║ █║
███╗ █║██╗ ███╗ █╗██╗ ███╗ ███╗ █╗ █╗███╗
█╬══╝ ██╬═█╗█╬══█╗██╬═█╗╚█╔╝ █╬══╝ █║ █║╚█╔╝
╚███╗ █╔╝ █║█║ █║█╔╝ ╚╝ █║ █║ █║ █║ █║
╚══█╗█║ █║█║ █║█║ █║ █╗█║ █╗█║ ██║ █║ █╗
████╬╝█║ █║╚███╬╝█║ ╚██╬╝╚███╬╝╚██╬█║ ╚██╬╝
╚═══╝ ╚╝ ╚╝ ╚══╝ ╚╝ ╚═╝ ╚══╝ ╚═╝╚╝ ╚═╝
*/
#shortcut{height:30px;line-height:30px;background-color:#f1f1f1;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:12px;color:#666;}
.site-nav{margin:0 auto;}
.login-info{}
.login-info > div{}
.login-info > div a{display:inline-block;color:#666;margin-left:14px;}
.login-info > div a:hover{color:#f60;}
.login-info > div a i{display:block;width:15px;height:30px;background-position:-150px -189px;float:left;}
.other-company-list{display:none;position:absolute;background:#fff;left:0;top:30px;box-shadow:0 0 5px 0px #ccc;z-index:1000;}
.other-company-list p{cursor:pointer;padding:0 10px;border-bottom:1px solid #ddd;}
.other-company-list p:hover{background-color:#e6e6e6;}
.other-company-list p span{display:inline-block;width:20px;}
.other-company:hover .other-company-list{display:block;}
.sn-quick-menu{}
.sn-quick-menu li{float:left;}
.sn-quick-menu li.sn-separator{border-right:1px solid #e2e2e2;border-left:1px solid #ececec;width:0px;height:12px;margin:10px 10px 0;}
.sn-quick-menu li a{color:#666;}
.sn-quick-menu li a:hover{color:#f60;}
.sn-quick-menu li a span{font-weight:bold;color:#f60;}
.sn-quick-menu li i{display:block;width:12px;height:30px;padding-right:5px;}
.sn-cart{background:url(../../statics/images/sn_cart.png) no-repeat 0 center;}
.sn-fav{background:url(../../statics/images/sn_fav.png) no-repeat 0 center;}
.sn-star{background:url(../../statics/images/sn_star.png) no-repeat 0 center;}
/*
█╗ █╗
█║ █║
█║██╗ ███╗ ███╗ ██╗█║ ███╗ █╗██╗
██╬═█╗█╬══█╗ ╚══█╗█╬═██║█╬══█╗██╬═█╗
█╔╝ █║█████║ ████║█║ ╚█║█████║█╔╝ ╚╝
█║ █║█╔═══╝█╬══█║█║ █║█╔═══╝█║
█║ █║╚███╗ ╚████║╚████║╚███╗ █║
╚╝ ╚╝ ╚══╝ ╚═══╝ ╚═══╝ ╚══╝ ╚╝
*/
#header{height:90px;padding-top:25px;padding-bottom:18px;}
.header-con{margin:0 auto;}
.header-logo{padding-top:20px;width:339px;}
.header-search-wrap{width:540px;height:90px;}
.header-search-wrap > ul{}
.header-search-wrap > ul li{float:left;height:25px;line-height:25px;padding:0 14px;display:block;cursor:pointer;}
.header-search{height:34px;background:url(../../statics/images/search.png) no-repeat 10px center;padding-left:34px;}
.header-search input{border:none;width:414px;height:16px;line-height:16px;padding:8px 0;}
.header-search inputinput[type="text"]:focus{line-height:normal;line-height:2.4em\9;}
.header-search button{height:34px;line-height:34px;width:88px;color:#fff;border:none;cursor:pointer;font-size:16px;}
.header-search-wrap > p{line-height:28px;}
.header-search-wrap > p a{color:#666;margin-right:20px;}
.header-search-wrap > p a:hover,
.header-search-wrap > p a.active{color:#f60;}
.header-search-key{overflow:hidden;z-index:1000;left:34px;top:34px;width:412px;border:1px solid #ccc;background-color:#fff;box-shadow:1px 2px 1px rgba(0,0,0,.2);color:#999;}
.header-search-key ul{}
.header-search-key li,
.header-search-key p{height:24px;line-height:24px;padding:1px 6px;cursor:pointer;overflow:hidden;}
.header-search-key p{text-align:right;color:#333;}
.header-search-key li:hover,
.header-search-key p:hover{background-color:#f5f5f5;}
.header-search-key li.active,
.header-search-key li.active:hover{background-color:#f1e4df;}
.header-ensure{padding-top:22px;}
.category-con{width:1000px;min-height:500px;background-color:#fff;position:absolute;left:210px;top:0;z-index:2;}
.pannel-con{padding-top:33px;padding-left:38px;position:relative;}
.pannel-con dl{overflow:hidden;width:663px;margin-bottom:5px;}
.pannel-con dt{float:left;min-width:130px;font-size:14px;height:24px;color:#333;}
.pannel-con dt a{color:#333;}
.pannel-con dt em{display:block;float:left;width:5px;height:10px;background:url(../../statics/images/main_type_icon.png) no-repeat 0 -50px;margin-top:7px;margin-left:4px;}
.pannel-con dd{border-bottom:1px dashed #c8c8c8;float:left;width:495px;padding-bottom:5px;padding-left:10px;}
.pannel-con dd a{color:#666;margin-right:10px;display:block;float:left;height:22px;line-height:22px;}
.pannel-con dd a:hover{color:#f60;text-decoration:underline;}
.pannel-con dd a.hot-word{color:#f60;}
.sort-logo-list{width:260px;position:absolute;right:0;top:0;padding:10px 0 0 10px;}
.sort-logo-list a{font-size:0;float:left;margin-right:10px;margin-bottom:10px;}
.sort-logo-list img{width:120px;height:60px;}
.sort-logo-list .ware img{width:250px;height:200px;}
/*
█╗ █╗
█║ █║
███╗ ███╗ █╗██╗ ███╗ ███╗ █╗██╗ ███╗
█╬══╝ █╬══█╗██╬═█╗╚█╔╝ █╬══█╗██╬═█╗╚█╔╝
█║ █║ █║█╔╝ █║ █║ █████║█╔╝ █║ █║
█║ █╗█║ █║█║ █║ █║ █╗█╔═══╝█║ █║ █║ █╗
╚███╬╝╚███╬╝█║ █║ ╚██╬╝╚███╗ █║ █║ ╚██╬╝
╚══╝ ╚══╝ ╚╝ ╚╝ ╚═╝ ╚══╝ ╚╝ ╚╝ ╚═╝
*/
.main-nav{height:36px;line-height:36px;font-size:16px;}
.main-nav ul{width:1000px;margin:0 auto;padding-left:210px;}
.main-nav ul li{float:left;}
.main-nav ul li a{color:#fff;margin:0 18px;}
/*
██╗ █╗
█╬═█╗ █║
█║ ╚╝ ███╗ ███╗ ███╗ ███╗ █╗██╗
███╗ █╬══█╗█╬══█╗╚█╔╝ █╬══█╗██╬═█╗
╚█╔╝ █║ █║█║ █║ █║ █████║█╔╝ ╚╝
█║ █║ █║█║ █║ █║ █╗█╔═══╝█║
█║ ╚███╬╝╚███╬╝ ╚██╬╝╚███╗ █║
╚╝ ╚══╝ ╚══╝ ╚═╝ ╚══╝ ╚╝
*/
.footer-help{height:178px;background-color:#f5f5f5;}
.footer-help dl{float:left;width:202px;padding-left:100px;padding-top:25px;}
.footer-help dt{font-size:16px;color:#333;margin-bottom:10px;}
.footer-help dd{line-height:24px;}
.footer-help dd a{color:#333;}
.footer-help dd a:hover{text-decoration:underline;}
.footer-info{height:175px;background-color:#343434;}
.footer-link{color:#ddd;text-align:center;padding-top:30px;margin-bottom:20px;}
.footer-link a{font-size:14px;color:#ddd;}
.footer-link span{padding:0 5px;}
.footer-copyright{text-align:center;color:#999;}
.footer-copyright p{line-height:24px;}
.footer-copyright p a{color: #999;}
/*
█╗██╗ ███╗ █╗ █╗ █╗ █╗█╗██╗ ███╗ ████╗ ████╗ ███╗ █╗██╗
██╬═█╗ ╚══█╗█║ █║ █████╗ █║ █║██╬═█╗ ╚══█╗█╔══█╗█╔══█╗█╬══█╗██╬═█╗
█╔╝ █║ ████║█║ █║ ╚════╝ █║█╗█║█╔╝ ╚╝ ████║████╬╝████╬╝█████║█╔╝ ╚╝
█║ █║█╬══█║╚█╗█╬╝ █║█║█║█║ █╬══█║█╔══╝ █╔══╝ █╔═══╝█║
█║ █║╚████║ ╚█╬╝ ╚█╬█╬╝█║ ╚████║█║ █║ ╚███╗ █║
╚╝ ╚╝ ╚═══╝ ╚╝ ╚╝╚╝ ╚╝ ╚═══╝╚╝ ╚╝ ╚══╝ ╚╝
*/
.nav-wrapper{width:45px;position:fixed;left:50%;top:50%;margin-left:-665px;z-index:100;}
.nav-wrapper a{display:block;border-bottom:1px solid #d5d5d5;font-size:13px;color:#747474;background-color:#fff;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;padding:2px 8px;}
/*
████╗ ███╗ ████╗ ███╗ █╗██╗
█╔══█╗ ╚══█╗█╬══█║█╬══█╗██╬═█╗
████╬╝ ████║╚████║█████║█╔╝ ╚╝
█╔══╝ █╬══█║ ╚══█║█╔═══╝█║
█║ ╚████║ ██╬╝╚███╗ █║
╚╝ ╚═══╝ ╚═╝ ╚══╝ ╚╝
*/
.pagination{text-align:right;padding:20px 20px;line-height:27px;height:27px;background:#fff;}
.pagination span{font-size:14px;display:block;float:left;}
.pagination ul{display:inline-block;}
.pagination li{display:inline-block;float:left;margin-right:3px;overflow:hidden;}
.pagination ul>li>a,
.pagination ul>li>span{float:left;padding:0px 10px;text-decoration:none;border:1px solid #e5e5e5;color:#333;font-size:14px;}
.pagination ul>li>span.active{background-color:#5095cd;border-color:#5095cd;color:#fff;}
.pagination li a:hover{cursor:pointer;text-decoration:none;border-color:#f80;color:#f60;}
.pagination-opt_go{width:43px;height:20px;float:left;line-height:20px;border:1px solid #ccc;font-size:12px;text-align:center;cursor:pointer;}
.pagination-opt_go:hover{cursor:pointer;text-decoration:none;border-color:#f80;color:#f60;}
.pagination-pageNo{width:36px;height:20px;font-size:12px;line-height:20px;padding:0;margin:0 5px 0 0;text-align:center;float:left;border:1px solid #e5e5e5;color:#666;}
.pagination.center{text-align:center;}
.pagination.left{text-align:left;}
/*
█╗ █╗ ███╗ ███╗ █╗██╗
█║ █║█╬══╝ █╬══█╗██╬═█╗
█║ █║╚███╗ █████║█╔╝ ╚╝
█║ ██║ ╚══█╗█╔═══╝█║
╚██╬█║████╬╝╚███╗ █║
╚═╝╚╝╚═══╝ ╚══╝ ╚╝
*/
.user-icon{background:url(../../statics/images/user_icon.png) no-repeat;}
#user-header{height:80px;background-color:#3c9bed;margin-bottom:15px;}
.user-header-logo{margin-top:19px;margin-left:6px;}
.user-header-logo,
.user-header-logo img{display:block;}
.user-header-nav{float:left;height:80px;margin-left:75px;}
.user-header-nav li{float:left;height:80px;line-height:80px;margin:0 25px;position:relative;}
.user-header-nav li a{font-size:14px;color:#fff;}
.user-header-nav li a:hover{text-decoration:underline;}
.user-header-nav li i{display:block;position:absolute;height:31px;line-height:19px;color:#fff;background-position:0 0;top:15px;left:30px;text-align:center;font-style:normal;}
.user-header-nav li i span{background-color:#f60;padding:0px 7px;border-radius:18px;display:inline-block;}
.user-header-search{height:32px;background:#fff url(../../statics/images/search.png) no-repeat 10px center;padding-left:32px;margin-top:24px;width:288px;position:relative;}
.user-header-search input{border:none;width:232px;height:14px;line-height:14px;padding:9px 0;}
.user-header-search button{height:32px;width:56px;color:#333;border:none;cursor:pointer;font-size:12px;background:#f5f5f5;}
.user-menu{width:130px;}
.user-menu dl{}
.user-menu dt{height:36px;line-height:36px;font-size:13px;color:#333;font-weight:bold;}
.user-menu dt a{font-weight:bold;font-size:13px;color:#333;}
.user-menu dd{height:24px;line-height:24px;margin-bottom:6px;}
.user-menu dd a{font-size:12px;color:#666;}
.user-menu dt a:hover,
.user-menu dd a:hover,
.user-menu dt a.active,
.user-menu dd a.active{color:#f60;}
.user-con{width:1080px;}
.user-con-tt{height:40px;line-height:40px;font-size:15px;color:#666;background-color:#f4f8fa;border:1px solid #e3eaee;padding-left:20px;}
.user-con-box{border-left:1px solid #e3eaee;border-right:1px solid #e3eaee;border-bottom:1px solid #e3eaee;overflow:hidden;}
/*=======================================*/
/*=======================================*/
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box;}
.icon-arrow-left,
.icon-arrow-right{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url(../images/icons/glyphicons-halflings.png);background-position:-240px -96px;background-repeat:no-repeat;margin-top:1px;}
.icon-arrow-right{background-position:-264px -96px;}
.table-condensed td{padding:4px 5px;}
/* 开通采购商 供应商服务 */
.user-i-l{margin-bottom:10px;overflow:hidden;}
.grzl-name{width:100px;text-align:right;height:30px;line-height:30px;float:left;margin-right:11px;}
.grzl-name span{color:#333;}
.grzl-val{max-width:430px;float:left;}
.grzl-val input[type="text"]{height:16px;line-height:16px;padding:7px 10px;border:1px solid #d2d2d2;float:left;}
.grzl-val input[type="text"]:focus{border-color:#83c5ff;box-shadow:0 0 3px 0px #abd3f6;}
.grzl-val > span{color:#333;line-height:30px;}
.grzl-val > p{color:#333;line-height:30px;}
.grzl-val > a{color:#1380d8;margin-left:10px;line-height:32px;}
.grzl-val > a:hover{text-decoration:underline;}
.grzl-val > button{height:32px;text-align:center;background-color:#f1f1f1;border:1px solid #ccc;color:#777;cursor:pointer;width:115px;margin-left:5px;float:left;}
.grzl-val > button.disabled{cursor:no-drop;}
.tobebuyer{line-height:30px;padding-left:30px;}
.tobebuyer label input{float:left;margin:9px 3px 0 0;}
.tobebuyer a{color:#f60;}
#protocol{padding:15px;font-size: 14px;}
#protocol p{line-height:22px;}
#protocol p.b{font-weight:bold;}
/* 商品对比 */
.compared-warp{position:fixed;left:50%;top:200px;width:144px;height:266px;overflow:hidden;margin-left: 615px;}
.compared-warp.close .compared-close{display:block;}
.compared-warp.close .compared-open{display:none;}
.compared-open{width:138px;height:264px;border:1px solid #e5e5e5;background-color:#fff;font-size:12px;overflow:hidden;position:absolute;right:0;bottom:0;}
.compared-o-t{height:30px;line-height:30px;background-color:#979595;color:#fff;padding-left:10px;}
.compared-o-t em{display:block;width:14px;height:14px;line-height:14px;text-align:center;float:right;font-style:normal;cursor:pointer;margin-top:7px;margin-right:5px;}
.compared-o-c{height:151px;margin:15px 19px 0;position:relative;}
.compared-o-c .compared-list{width:100px;overflow:hidden;}
.compared-o-c ul{list-style:none;width:400px;}
.compared-o-c li{position:relative;float:left;width:100px;}
.compared-o-c a{display:block;text-decoration:none;}
.compared-o-c img{border:1px solid #e5e5e5;display:block;width:98px;height:98px;margin-bottom:4px;}
.compared-o-c p{height:36px;line-height:18px;overflow:hidden;color:#333;word-wrap:break-word;word-break:break-all;}
.compared-o-c em{position:absolute;cursor:pointer;display:block;z-index:1;}
.compared-o-c em.compared-o-c-d{width:25px;height:25px;background-position:-200px -200px;right:0;top:0;display: none;}
.compared-o-c li:hover em.compared-o-c-d{display: block;}
.compared-o-c em.compared-o-c-l,
.compared-o-c em.compared-o-c-r{width:13px;height:22px;top:40px;}
.compared-o-c em.compared-o-c-l.disabled,
.compared-o-c em.compared-o-c-r.disabled{display:none;}
.compared-o-c em.compared-o-c-l{left:-17px;background-position:-100px -350px;}
.compared-o-c em.compared-o-c-r{right:-17px;background-position:-150px -350px;}
.compared-o-c em.compared-o-c-l:hover{background-position:-100px -400px;}
.compared-o-c em.compared-o-c-r:hover{background-position:-150px -400px;}
.compared-o-f{height:58px;padding-top:10px;background-color:#f8f8f8;text-align:center;}
.compared-o-f a{display:block;width:100px;height:22px;line-height:22px;color:#fff;text-decoration:none;margin:0 auto 5px;}
.compared-o-f a.compared-o-f-c{background-color:#f80;}
.compared-o-f a.compared-o-f-c:hover{background-color:#ffa033;}
.compared-o-f a.compared-o-f-d{background-color:#979595;}
.compared-o-f a.compared-o-f-d:hover{background-color:#bab2b2;}
.compared-close{position:absolute;right:0;bottom:0;width:0;height:0;padding-top:14px;color:#fff;background-color:#f80;cursor:pointer;text-align:center;font-size:14px;border-radius:4px;display:none;}
.compared-close br{display:block;margin:0;padding:0;}
.compared-close em{width:14px;height:12px;background-position:-200px -350px;margin:0 auto;}
.compared-close p{margin-top:2px;font-family:'Arial';font-size:12px;}
.compared-close:hover{background-color:#ffa033;}
#shortcut,#J_hfgg,#content,#footer{
min-width: 1210px;
}