@charset "utf-8";
/* xjt webapp index CSS Document */

html,body,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,
center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,
h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,
ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{background:#f1f1f1;-webkit-text-size-adjust:100%;min-width:320px;font-size:14px;font-family:微软雅黑;color:#333;}
em,i{font-style:normal;font-weight:normal}
input,textarea{outline:0}
input[type="text"],input[type="text"],textarea{border-radius:0;-webkit-appearance:none}
ul,ol,li{list-style:none}
.fl{float:left}
.fr{float:right}
.black{color:#333;}
.gray{color:#999;}
.org{color:#fe8a00}
.blue{color:#0078b7;}
.f12{font-size:12px}
.f15{font-size:15px}
.f16{font-size:16px}
a{text-decoration:none;color:#333;}
.clear:after{content:"";display:block;height:0;clear:both;visibility:hidden}
h1,h2,h3{ font-weight:normal;}
.separate{height:45px;}
img{ border:none;}

/*------------------- 把精灵图抽离来调用 ----------------------*/
a.lk-price,a.lj-enquiry,.met-r-top > i,a.market,a.lk-product{content: '';background: url(/resources/images/b2b/mobile/b2b_sprite_bg.png) no-repeat;background-size: 130px auto;}

/* 顶部 */
.header{width:100%;height:44px;border-bottom:1px solid #dcdcdc;background:#fff url(/resources/images/b2b/mobile/bg.jpg) no-repeat center 0;z-index:10;}
.header .logo{width:169px;height:40px;background:url(/resources/images/b2b/mobile/logo.png) no-repeat;float:left;margin:2px 0 0 10px;display:inline-block;}
.header .nav{float:right; position:relative;}
.header .nav-login{width:30px;height:30px;background:url(/resources/images/b2b/mobile/header-icon.png) no-repeat center -11px;display:inline-block; position:absolute;right:46px;top:6px;}
.header .nav-box{width:30px;height:30px;margin-left:10px;background:url(/resources/images/b2b/mobile/header-icon.png) no-repeat center -46px;display:inline-block;}
.header .login-out{width:30px;height:30px;background:url(/resources/images/b2b/mobile/header-icon.png) no-repeat center -330px;display:inline-block; position:absolute;right:46px;top:6px;}

/* 弹出导航 */
#dt-hd-nav{position:absolute;right:10px;top:8px;font-size:0;z-index:40;}
.hd-nav{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.95);z-index:30}
.hd-nav .interface{overflow:hidden;position:absolute;top:45%;width:100%;margin-top:-131.5px}
.hd-nav .interface li{text-align:center;width:33.33%;box-sizing:border-box;float:left}
.hd-nav .interface li a{ display:block; text-decoration:none;}
.hd-nav .interface li i{ margin:0 auto; display:block;}
.hd-nav .interface li p{ margin:10px 0 20px; line-height:1; font-size:13px; color:#444; text-decoration:none;}
.icon-hd-tc{ background:url(/resources/images/b2b/mobile/icon-hd-tc.png) no-repeat; background-size:50px 550px;}
.icon-sy{width:50px; height:50px;background-position:0 -5px;}
.icon-scj{width:50px; height:50px; background-position:0 -60px;}
.icon-xxj{width:50px; height:50px; background-position:0 -115px;}
.icon-ckj{width:50px; height:50px; background-position:0 -170px;}
.icon-gys{width:50px; height:50px; background-position:0 -225px;}
.icon-xjq{width:50px; height:50px; background-position:0 -280px;}
.icon-wk{width:50px; height:50px; background-position:0 -335px;}
.icon-yz{width:50px; height:50px; background-position:0 -390px;}
.icon-zxzx{width:50px; height:50px; background-position:0 -445px;}
.icon-fwsc{width:50px; height:50px; background-position:0 -500px;}
@-webkit-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}@-moz-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}@-o-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}@keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}@-moz-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}@-o-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}@-ms-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}@keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}
.hide{display:none}
.menuin{display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-name:menuin;animation-name:menuin;-webkit-transform-origin:50% 50%}
.menuout{display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-name:menuout;animation-name:menuout;-webkit-transform-origin:50% 50%}


/* 公用框、标题、切换 */
.main-box{width:100%;border-top:1px solid #dcdcdc;background:#fff;clear:both;margin-bottom:15px;display:inline-block;border-bottom:1px solid #dcdcdc;}
.m-title{width:100%;height:50px;border-bottom:1px solid #ededed;}
.m-title h3{float:left;font-size:16px;line-height:50px;margin-left:10px;}
.m-title h2{font-size:16px;line-height:50px;text-align:center;}
.m-title p{float:right;margin-right:10px;line-height:50px;font-size:12px;}
.cur-more{height:50px;background:#f9f9f9;text-align:center;}
.cur-more a{width:100%;line-height:50px;font-size:16px;display:inline-block;}
.cur-more .org-arrow{width:25px;height:15px;vertical-align:-2px;display:inline-block;background:url(/resources/images/b2b/mobile/header-icon.png) no-repeat 0 -221px;}


.title-tab{float:right;margin:0 10px 0 0;}
.title-tab li{float:left;}
.title-tab li a{line-height:38px;border-bottom:2px solid ##f5f5f5;margin-left:20px;display:inline-block;font-size:16px;}
.title-tab li.active a{border-bottom:2px solid #0078b7;color:#0078b7;}
.tab_content{min-height:200px;}


/* 电话 */
.xjt-tel{height:50px;text-align:center;line-height:50px;border-top:1px solid #0079bf;border-bottom:1px dotted #dcdcdc;background:#fff;}
.xjt-tel span{padding-left:30px;display:inline-block;color:#0b8ed2;background:url(/resources/images/b2b/mobile/header-icon.png) no-repeat 0 -264px;}

/* 底部 */
.footer{background:#fff;padding:20px 0 52px 0;}
.footer .sub-nav{text-align:center;}
.footer .sub-nav a{margin:0 5px;padding:3px 8px;font-size:14px;}
.footer .sub-nav a.active{background:#0b8ed2;color:#fff;border-radius:3px;}
.footer .copy{text-align:center;line-height:50px;font-size:14px;color:#999;}

/* 底部浮动菜单 */
.footer-menu{width:100%;height:52px;background:url(/resources/images/b2b/mobile/menu-bg.png) repeat-x; position:fixed;bottom:0;}
.footer-menu a{width:33%;height:22px;float:left;text-align:center;padding-top:32px;color:#fff;background:url(/resources/images/b2b/mobile/menu-icon.png) no-repeat;}
.footer-menu .tel{ background-position:center -20px;}
.footer-menu .consult{ background-position:center -76px;}
.footer-menu .reg{background-position:center -128px;}
.footer-menu i{float:left;background:url(/resources/images/b2b/mobile/menu-line.png) no-repeat;width:2px;height:52px;}

/* 返回顶部 */
.footer-up{position:fixed;right:10px;bottom:70px;}
#scrollUp{display:none;width:50px;height:48px;background:#fff url(/resources/images/b2b/mobile/gotop.png) no-repeat 16px 15px;border:solid 1px #f9f9f8;border-radius:5px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);cursor:pointer;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

/* xjt webapp detail CSS Document */

/* 蓝色导航条 */
.detail-nav-two{background:#0b8ed2;width:100%;height:48px;}
.detail-nav-two a{float:left;line-height:48px;width:20%;text-align:center;display:inline-block;font-size:14px;color:#fff;}
.detail-nav-two a:after {content: "";float:right;margin-top:18px;width:1px;height:14px;background:#fff;margin-right:-1px;}
.detail-nav-two a:last-child{border-right:none;}

/* 广告 */
.adver{height:auto; width:100%;}
.adver a img{width:100%;}

/* 面包屑 */
.web-crumb{padding:0 10px;border-bottom:1px solid #dcdcdc;height:40px;font-size:12px;background:#fff;color:#666;line-height:40px;overflow:hidden; margin-bottom:15px;}
.web-crumb i{margin: 0px 2px;font-family: "宋体";}
.web-crumb a,.web-crumb a:visited{ color:#006ca7;text-decoration:none;}
.web-crumb span{float:right; font-size:12px; color:#999; line-height:40px;}

/*头条推荐*/
.headlines{overflow:hidden; background:#fff; margin-bottom:15px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:10px;}


/*b2b行业关键词内容*/
.hot-know{overflow:hidden;}
.hot-know > p{text-indent: 2em; line-height:30px; padding:10px 0;}
.general-tit{height:40px; background:#eff7ff; box-sizing:border-box; padding:0 10px;  position:relative; margin-top:10px; margin-bottom:5px;}
.general-tit h2{float:left; font-size:20px; line-height:40px; font-weight:bold; color:#333; color:#006ca7;}
.general-tit span{line-height:40px; height:40px; float:right; font-size:12px; color:#999;}
.general-tit:after{content: '';width: 6px; height: 20px; position:absolute; background-color:#006fb6; left:-12px; top:10px;}
ul.product{overflow:hidden;}
ul.product > li{overflow:hidden; border-bottom:1px dashed #ddd;}
ul.product > li:last-child{border:none;}
.product-tit{height:30px; line-height:30px; margin-right:86px; position:relative; margin-top:15px;}
/*.product-tit h3{float:left; word-break:keep-all;white-space:nowrap;overflow:hidden;}
.product-tit h3 a{line-height:30px;float:left; font-size:18px; color:#333; font-weight:bold;}
.product-tit h3 i{font-size:14px; line-height:32px; float:left; color:#999;}
.product-tit > a.lk-price{float:right; font-size:12px; height:25px; line-height:25px; color:#fff; background-color:#ff8057; padding:0 8px 0 30px; border-radius:6px; margin-top:3px; background-position:0px -136px;}
*/

.product-tit h3{margin-right:10px; box-sizing:border-box; height:30px; word-break:keep-all;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;   }
.product-tit h3 a{line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.product-tit h3 i{font-size:14px; line-height:32px; color:#999;}
.product-tit > a.lk-price{position:absolute; top:0; right:-86px; font-size:12px; height:25px; line-height:25px; color:#fff; background-color:#ff8057; padding:0 8px 0 30px; border-radius:6px; margin-top:3px; background-position:0px -136px;}
.product-tit > a.lk-price:hover{background-color:#f60;}
.product-main{overflow:hidden; position:relative; padding-left:110px; box-sizing:border-box; height:auto; margin:15px 0 22px 0;}
.product-img{width:100px; height:100px;  position:absolute; left:0; top:0; background:#fff; border-radius:6px; border:1px #ddd solid; overflow:hidden; }
.product-img a{display: table-cell;text-align: center;vertical-align: middle; height:100px;  width:100px; border-radius:6px;overflow:hidden;  }
.product-img a img{vertical-align:middle; text-align:center; max-height:100px; max-width:100px; height:auto;}
.product-main > a.lj-enquiry{position:absolute; top:115px; left:8px; font-size:12px; height:25px; line-height:25px; color:#fff; background-color:#52a8ff; padding:0 8px 0 30px; border-radius:6px;background-position:0px -88px;}
.product-main > a.lj-enquiry:hover{background-color:#006fb6;}
.met-r-top{height:56px; overflow:hidden; position:relative; margin-bottom:2px;}
.met-r-top ul{padding:5px 15px 5px 10px;  overflow:hidden; background:#f4f4f4;}
.met-r-top ul li{float:left; font-size:13px; color:#666; line-height:24px;}
.met-r-top ul li span:nth-of-type(2n){padding-right:15px;}
.met-r-top > i{width:15px; height:15px; position:absolute; right:6px; bottom:8px; no-repeat; cursor:pointer;}
.icos-up{background-position:-6px -177px !important;}
.icos-out{background-position:-6px -206px !important;}


ul.met-r-up{overflow:hidden}
ul.met-r-up li{margin-top:8px; line-height:18px; height:18px;overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis;}
ul.met-r-up li span{color:#666; font-size:13px;}
ul.met-r-up li a.market{color:#666; font-size:13px; padding-right:25px; background-position:32px -245px !important;}
ul.met-r-up li a{color:#51a8ff; font-size:13px;}
ul.met-r-up li a:hover{color:#006fb6;}
.p-2{padding-right:5px;}


ul.met-r-up-two li{margin:0 0 8px 0;}
a.lk-product{position:absolute; top:0; right:-86px; font-size:12px; height:25px; line-height:25px; color:#fff; background-color:#ff8057; padding:0 8px 0 30px; border-radius:6px; margin-top:3px;background-position:0px -291px  !important;}
a.lk-product:hover{background-color:#f60;}

.location{height:auto; overflow:hidden; position:relative; padding-left:65px;}
.location span{float:left;}
.location span:nth-of-type(1){position:absolute; left:0; top:0;}




/*加载更多*/
.onload{height:45px; border-bottom:1px solid #ededed; margin-top:-15px;}
.onload a{display:block; height:45px; text-align:center; font-size:16px; color:#999999; line-height:45px;}
.onload a span{font-family:"宋体"; font-weight:bold;}


/* 相关推荐 */
.rcmd-text{padding:10px 10px 10px 10px;}
.rcmd-text li{width:46%;margin:1.63%;float:left;line-height:40px;height:40px;text-align:center;background:#f9f9f9;border-radius:3px;border:1px solid #f0f0f0;text-overflow:ellipsis;overflow:hidden;}
.rcmd-text li > a{display:block;}
.register-one{width:100%;height:40px;line-height:40px;margin-bottom:10px;display:inline-block;border:none;background:#0b8ed2;border-radius:5px;font-size:16px;color:#fff;text-align:center;}

/* 立即注册 */
.reg-info{padding:10px;}
.reg-info p{ text-indent:2em;line-height:30px;}
.reg-info a{width:100%;height:40px;line-height:40px;margin-top:10px;display:inline-block;border:none;background:#0b8ed2;border-radius:5px;font-size:16px;color:#fff;text-align:center;}


/* 列表页 */
.list-nav{background:#0b8ed2;width:100%;height:48px;}
.list-nav a{float:left;line-height:48px;width:20%;text-align:center;display:inline-block;font-size:14px;color:#fff;}
.list-nav a:after {content: "";float:right;margin-top:18px;width:1px;height:14px;background:#fff;margin-right:-1px;}
.list-nav a:last-child{border-right:none;}
.list-top{margin-top:20px;}


/* 分页 */
.m-page{ text-align:center; padding:20px 0;clear:both;}
.m-page a,.m-page .page_break,.m-page .page-cur{font-family:Arial;font-size:12px;height:30px;line-height:30px;margin-right:5px;padding:0 15px;text-align:center;vertical-align:middle;white-space: nowrap; display:inline-block;}
.m-page a,.m-page a:visited{color:#0b58a1;text-decoration:none;background-color:#fff;border:1px solid #ccc;}
.m-page a:hover,.m-page a:hover.page-prev,.m-page a:hover.page-next{border:1px solid #0b58a1;color:#0b58a1;text-decoration:none;}
.m-page a.page-prev{background-position:0 -279px;}
.m-page a.page-next{background-position:right -311px;}
.m-page .page-skip {color:#999999;line-height: 23px;}
.m-page .page-skip input{border:1px solid #999999;font-family:Arial;height:18px;margin:0 5px;text-align:center;vertical-align:middle;width:30px;}
.m-page .page-skip .btn-sure{cursor:pointer;vertical-align:middle;height:18px;line-height:18px;border:1px solid #ccc;background-color:#f5f5f5;display:inline-block;padding:0 8px;}
.m-page a.page-cur{background-color:#0b58a1;border:1px solid #0b58a1;color:#fff;font-weight:700;}
.m-page a.page-cur,.m-page a:visited.page-cur,.m-page a:hover.page-cur{color:#fff;}
.m-page a.desebol,.m-page a.desebol:hover{border:1px solid #ccc;color:#999;}