*{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;list-style:none;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; color:#333}
input,textarea,select{*font-size:100%;font-family:inherit;font-size:inherit;font-weight:inherit;outline: none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {margin: 0px;padding:0px;}
body{min-width:1200px;font:12px/24px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif; font-family:"microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif !important; background:#fff; color:#333333}
em,i{ font-style:normal;}b{ font-weight:400}a{outline: none;text-decoration:none; color:#5a5a5a;cursor:pointer}img{border:0 none;max-width:100%;}
.fl{float:left;}.fr{float: right}.clear:after{content: "";clear: both;display: block}.f14{ font-size: 14px; }.mt10{margin-top: 10px}.mt15{margin-top: 15px}.mt30{margin-top: 30px}.mt40{margin-top:40px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px}
.w,.wrapper{width:1200px;margin:auto;}
.red,.f-red{color:#F35050}.f-blue{color:#2F7BFF}
.btn-red{background:#F35050;color:#FFF;border:solid 1px #F35050}
.btn-blue{background:#2F7BFF;color:#FFF;border:none}
.btn-gary,.btn-gray{background: #eaeaea;border: solid 1px #eaeaea;color:#333;}
.lbtn-gray{ width: 85px; height: 24px; line-height: 22px; border:solid 1px #D9D9D9; color: #333333; display:inline-block; border-radius: 4px;margin-bottom: 5px; background:#F3F3F3;}
.lbtn-gray:hover{ border:solid 1px #4A8EBD; color: #4A8EBD; background:#FFF;}
.lbtn-red{border:solid 1px #F35050;color:#F35050;background:#FFF}
.input-search{border:solid 1px #eee;position:relative;border-radius: 4px;overflow: hidden;width: 100%;}
.input-search .t{width:100%;height:32px;border: none;/* padding-right: 30px; */}
.input-search .b{position:absolute;right: 0;top: 1px;width: 30px;height: 30px;background:url(../images/ico-search.png) no-repeat center #FFF;border: none;cursor: pointer;background-size: 17px;}
.crumb{line-height:40px;background:#f7f7f7}
.hidden{display:none}
.top{background:#2B2B2B;color:#ccc;height: 30px;line-height: 24px;font-size: 13px;padding:2px 0;}
.top a{color:#ccc;}
.top a:hover{color:#FFF;}
.top span{padding-left:28px;vertical-align: middle;}
.top .line{display: inline-block;background:#a5a5a5;height: 13px;width:1px;vertical-align: middle;margin-left:28px;}
.top .code{display: inline-block;position:relative;cursor:pointer;}
.top .code .text{color:#FDD977;position: relative;z-index: 2;padding: 0 28px;}
.top .code .text:before{content: "";width:12px;height:12px;background: url(../images/top-header-icon.png) no-repeat left 0;display: inline-block;vertical-align: middle;margin: 0 5px 2px 0;}
.top .code .img{position: absolute;background: #FFF;border:solid 1px #eee;border-top:none;top: 30px;right: 0;width: 151px;text-align: center;color: #666;font-size: 12px;padding: 18px 0 12px;display: none}
.top .code .img img{width:92px;height:92px;margin-bottom: 4px;}
.top .code:hover:after{content:"";position:absolute;top: -8px;bottom: -6px;left: -5px;right: 0;background: #FFF;}
.top .code:hover .text{color:#B78E36}
.top .code:hover .text:before{background-position-y:-12px}
.top .code:hover .img{display:block}
.header{height: 105px;background: #FFF;}
.header .logo{margin: 18px 0;position: absolute;}
.header .logo img{height: 109px;width:auto;}
.header .search-box{border:solid 2px #2F7BFF;height: 40px;width:580px;margin: 34px 68px 0 157px;overflow: hidden;float: left;}
.header .search-box .ns_s-combobox-input{float:left;border:none;height: 36px;width: 490px;padding: 0 12px;}
.header .search-box button{border:none;height: 36px;width: 86px;outline: none;background: #2f7bff;color: #FFF;cursor: pointer;}
.header .cart-t{width:138px;height: 40px;border:solid 1px #eee;text-align: center;line-height: 38px;margin: 34px 0;font-size: 14px;}
.header .cart-t a{display:block;}
.header .cart-t .cart-nums{background: #F35050;color:#FFF;display: inline-block;width: 22px;height: 22px;border-radius: 50%;line-height: 20px;margin-left: 8px;font-size: 12px;}
.footer{margin-top: 52px;background:#2B2B2B;overflow:hidden;color:#666;}
.footer .foot-nav{padding:52px 0;overflow: hidden;}
.footer .foot-nav ul{float: left;width: 16.5%;margin:0;}
.footer .foot-nav h4{font-size: 15px;display:block;margin-bottom:10px;font-weight:400;margin-top: 5px;color: #fff;}
.footer .foot-nav li{ margin-bottom: 10px;font-size: 13px; }
.footer .foot-nav li a{color:#666;}
.footer .foot-nav li a:hover{color:#fff;}
.footer .copyright{line-height: 24px;padding: 11px 0;text-align:center;border-top:solid 1px #666666;}
.nav{height: 42px;line-height: 42px;border-bottom: solid 2px #2f7bff;background: #FFF;}
.nav ul.subnav-sed {margin-right: 20px;float: left;}
.nav ul.subnav-sed li{float:left;position:relative;}
.nav ul.subnav-sed li a{display:block;padding: 0 42px;line-height: 42px;font-size: 16px;color: #333;font-family:Microsoft Yahei;}
.nav ul.subnav-sed li.on a{background:#2F7BFF;color:#FFF;}
.subnav-all{position:relative;width: 214px;float:left;z-index: 991;margin-left: 157px;}
.subnav-all .subnav-all-tit{background: #2F7BFF;color: #FFF;height: 42px;line-height: 42px;font-size: 14px;cursor: pointer;text-align: center;}
.subnav-all .subnav-all-tit:before{content:"";width:20px;height:20px;display:inline-block;background:url(../images/nav-a1.png) no-repeat center;vertical-align:middle;margin-bottom:2px;margin-right: 6px;}
.subnav-all .subnav-all-list{position:absolute;top:42px;left:0;width: 214px;z-index: 9999;padding: 10px 0;display: none;background: #ffffff;}
.subnav-all .subnav-all-list li{display: block;padding: 0 20px;font-size: 14px;line-height: 62px;position: inherit;}
.subnav-all .subnav-all-list li:hover{background:#2f7bff}
.subnav-all .subnav-all-list li:hover .tarde-nav{color:#FFF}
.subnav-all .subnav-all-list .tarde-nav{background: url(../images/ico-arrow1.png) no-repeat right center;display: block;color: #323232;}
.subnav-all .subnav-all-list .tarde-nav i{width:16px; text-align: center; display:inline-block;margin-right: 15px;}
.subnav-all .subnav-all-list .trenav-item{display: none;position: absolute;left: 100%;z-index: 9;width: 831px;background: #FFF;top: -2px;margin-left: -2px;border: solid 2px #2f7bff;padding: 10px 16px 24px 10px;min-height: 358px;font-size: 12px;line-height: 16px;}
.subnav-all .subnav-all-list .trenav-item dl{width: 100%;margin:0;overflow: hidden;padding: 12px 0 6px;position: relative;}
.subnav-all .subnav-all-list .trenav-item dl:after{content:"";position:absolute;bottom:0;left: 169px;right:0;background:#eee;height:1px;}
.subnav-all .subnav-all-list .trenav-item dt{float: left;width: 164px;text-align: right;padding-right: 15px;display:block;font-weight: 600;color: #212121;}
.subnav-all .subnav-all-list .trenav-item dd{width: 632px;float: right;}
.subnav-all .subnav-all-list .trenav-item dd a{margin:0 8px 10px 0;display: block;float: left;}
.subnav-all .subnav-all-list li:hover .trenav-item{ display: block }
.subnav-all:hover .subnav-all-list{display:block}
/*checkbox*/
.checkbox,.label-border{overflow: hidden;position: relative;display: inline-block}
.checkbox input,.label-border input{position: absolute;top:-12px;left:-12px;}
.checkbox span:before{content:"";width: 15px;height: 15px;border: solid 1px #dfdfdf;display: inline-block;vertical-align: middle;border-radius: 3px;font-size: 12px;text-align: center;line-height: 15px;background:#FFF;color:#FFF;cursor:pointer}
.checkbox input[type="checkbox"]:checked + span:before{content:"";background:url(../images/ico-ok.png) no-repeat center #1B9AEE;background-size:12px;border-color: #1B9AEE;}
.label-border span{content:"";width: 152px;height: 38px;display: inline-block;vertical-align: middle;border-radius: 3px;position:relative;font-size: 13px;text-align: center;line-height: 36px;background:#FFF;cursor:pointer;border: solid 1px #dfdfdf;margin-right: 14px;}
.label-border input[type="radio"]:checked + span{line-height:34px;border:solid 2px #2f7bff;}
.label-border input[type="radio"]:checked + span:before{content:"";position:absolute;right:0;bottom:0;background: url(../images/ico-ok.png) no-repeat 5px 6px;width: 18px;height: 18px;background-size: 13px;z-index: 2;}
.label-border input[type="radio"]:checked + span:after{content:"";position:absolute;width: 0;height: 0;border-bottom: 18px solid #2f7bff;border-left: 25px solid transparent;right: 0;bottom: 0;}
.label-border span img{height:34px}
/*number*/
.quantity .nums-box{width: 102px;height:auto;border: 1px solid #eee;padding:0;display: inline-block;vertical-align: middle;}
.quantity .nums-box .decrease,.quantity .nums-box .increase{width:30px;display:block;float:left;cursor:pointer;border:none;height:30px;clear:inherit;background:0 0;line-height:29px;text-align:center;margin:0;background:#f7f7f7}
.quantity .nums-box .decrease:hover,.quantity .nums-box .increase:hover{background:#ddd}
.quantity .nums-box #quantity,.quantity .nums-box .text{width:40px;padding:0;height:30px;line-height:30px;display:block;float:left;border:none;text-align:center;border-left: solid 1px #eee;border-right: solid 1px #eee;}
/*table*/
.table-responsive{overflow:auto}
.table-responsive .list th{white-space: nowrap;}
/*tips*/
.dialogOverlay{ background:rgba(0,0,0,0.28); height:100%; width:100%; position:fixed; top:0; left:0; z-index:1; display:none}
div.xxMessage{padding:10px 30px;display:none;position:fixed;top:30%;left: 50%;z-index:100;overflow:hidden;-webkit-box-shadow:1px 1px 6px #999;-moz-box-shadow:1px 1px 6px #999;box-shadow:1px 1px 6px #999;border:1px solid #999;background-color:#fff;width: 320px;}
div.xxMessage .messageContent{line-height: 30px;color:#666;}
div.xxMessage .messagewarnIcon{background: url(../images/common.gif) -60px -327px no-repeat;padding-left:40px;}
div.xxMessage .messagesuccessIcon:before{background: url(../images/common.gif) -30px -356px no-repeat;content: "";width: 30px;height: 30px;display: inline-block;float: left;margin-right: 14px;}
div.xxMessage .messageerrorIcon{background:url(../images/common.gif) 0 -390px no-repeat;padding-left:40px}
div.xxMessage .messageIframe{width:2000px;height:2000px;position:absolute;left:-100px;top:-100px;z-index:-1}
/*address choose*/
.mod_selectbox{float:left;margin-right:10px;}
.mod_selectbox:hover,.mod_selectbox.cur{ position:relative}
.mod_selectbox:hover .input_btn,.mod_selectbox.cur .input_btn{border: solid 1px #ddd;border-bottom:solid 1px #FFF;position: relative;z-index: 1;}
.mod_selectbox:hover .selectlist,.mod_selectbox.cur .selectlist{ display:block}
.mod_selectbox .input_btn{float:left;padding: 0 8px;height: 27px;line-height: 27px;cursor:pointer;border: solid 1px #FFF;}
.mod_selectbox .input_btn .value{margin-left: 8px;}
.mod_selectbox .input_btn i,.mod_selectbox .tablist li i{vertical-align:middle;font-size:14px}
.mod_selectbox .lion{position:absolute;bottom:0;right:0;width:12px;height:12px;background-position:-237px 0;font-size:999px;line-height:999px;display:none;overflow:hidden}
.mod_selectbox .iconDetail{width:13px;display:block;height:17px;margin-top: 4px;float: left;font-family:detail!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;background:url(../images/ico-address.png) no-repeat center !important;}
.mod_selectbox .selectlist{padding:8px 8px 5px;width:450px;border: 1px solid #ddd;clear:both;}
.mod_selectbox .selectlist{position:absolute;top: 26px;left:0px;background-color:#fff;display:none;}
.mod_selectbox .tablist{position:relative;border-left:1px solid #e5e5e5;overflow:hidden;z-index:9}
.mod_selectbox .tablist li.cur{background-color:#fff;border-bottom-color:#fff}
.mod_selectbox .tablist li{float:left;margin-left:-1px;padding:5px 10px 5px 10px;height: 32px;background-color:#f7f7f7;border-width:1px;border-style:solid;border-color:#e5e5e5;line-height:20px;cursor:pointer;}
.mod_selectbox .sec_childs{padding:10px 0 0}
.mod_selectbox .sec_childs{position:relative;margin-top:-1px;border-top:1px solid #e5e5e5;z-index:8}
.mod_selectbox .arealist .dt{padding:0 5px;margin-right:10px;margin-top:4px;width:40px;border-right:1px dotted #ebebeb;color:#999}
.arealist .dd,.mod_selectbox .arealist .dt{float:left}
.mod_selectbox .arealist .dd{width:330px}
.mod_selectbox .sec_childs .sec_item.cur{background-color:#ff966e;color:#fff}
.mod_selectbox .sec_childs .sec_item{float:left;padding:4px 8px;margin:0 5px 5px 0;white-space:nowrap}
.mod_selectbox .selectclose{position:absolute;top:10px;right:10px;z-index:19;background:url(../images/detail_sprit24.png) no-repeat;height:14px;width:14px;cursor:pointer}
.mod_selectbox .selectsure{width:50px; height:22px; position:absolute;right:70px;top:11px; text-align:center; background:#c00;border-radius:2px;}
.mod_selectbox .selectsure input{ background:none; width:100%; height:100%; border:none;color:#FFF}
.mod_selectbox .selectclose{width:50px; height:22px; position:absolute;right:10px;top:11px; text-align:center; background:#f7f7f7;border-radius:2px; line-height:22px;}

div.xxDialog{display:none;position:fixed;top:25%;left:50%;z-index:100;overflow:hidden;z-index:9999 !important;border-radius: 2px;background:#F8F9FE}
div.xxDialog .dialogTitle{height:40px;line-height:40px;padding-left: 16px;color: #333;cursor:move;background: #FFF;border-bottom: solid 1px #eee;font-size: 12px;}
div.xxDialog .dialogClose{width:25px;height: 41px;position:absolute;top:0;right:10px;cursor:pointer;background: url(../images/ico-close.png) no-repeat center;background-size: 12px;}
div.xxDialog .dialogwarnIcon{line-height:24px;padding-left:30px;margin:50px 0 40px 60px;background:url(../images/common.png) -60px -360px no-repeat}
div.xxDialog .dialogsuccessIcon{line-height:24px;padding-left:30px;margin:50px 0 40px 60px;background:url(../images/common.png) -30px -390px no-repeat}
div.xxDialog .dialogerrorIcon{line-height:24px;padding-left:30px;margin:50px 0 40px 60px;background:url(../images/common.png) 0 -420px no-repeat}
div.xxDialog .dialogBottom{height:42px;padding-top:6px;text-align:center;background: #fff;border-top:solid 1px #eee;}
div.xxDialog .dialogBottom .button{width:68px;height: 30px;margin:0 10px;background: #eee;border: none;border-radius: 2px;}
div.xxDialog .dialogBottom .button:first-child{background:#2F7BFF;color:#FFF}
div.xxDialog .dialogIframe{width:2000px;height:2000px;position:absolute;left:-100px;top:-100px;z-index:-1}
div.xxDialog iframe{border:none}

.search-title{font-size: 16px;margin-top: 18px;font-weight: 600;}
.supplier-list {margin: -1px -6px 0;}
.supplier-list li{width:50%;float: left;padding: 4px 6px 6px;line-height: 1.9;}
.supplier-list li a{background:#f7f7f7;display:block;padding: 11px 16px;font-size: 13px;color: #999;}
.supplier-list li img{width: 13px;vertical-align: middle;margin-right: -1px;}
.supplier-list li .name{font-size: 13px;color: #222;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.supplier-list li a:hover,.search-wrap .supplier-list li a:hover{background:#2F7BFF;color:#FFF}
.supplier-list li a:hover .name{color:#FFF}
.search-wrap .supplier-list{overflow:hidden;margin-top: 10px;}
.search-wrap .supplier-list li{width: 16.66%;}
.search-wrap .supplier-list li a{background:#f1f1f1}