@charset "utf-8";

/* 全局样式 */
html,body { width:100%; height:100%;}
body {font-size:13px; line-height:150%; margin:0; padding:0; color:#222; width:100%; height:100%; background:#fff; }
ul, ul li, dl, dt, dd, form, img, p, form { margin:0; padding:0; border:none; list-style-type:none; vertical-align:top; }
input,select,textarea { margin:0; padding:0; border:0; outline:0; color:#222; font-family:Microsoft Yahei;}
font { font-size:13px; }
em,i,u,ins{ font-style:normal; text-decoration:none;}
span.img, span.pic { border:0; text-align:center }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size:100%; vertical-align:baseline; word-wrap:break-word; word-break:break-all; }
h1, h2, h3, h4, h5, h6 { font-size: 13px; font-style: normal; font-weight: normal; font-variant: normal; }

.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.pf{ position:fixed;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f24{ font-size:24px;}
.f30{ font-size: 30px;}
.w100_b{ width:100%;}
.w94_b{ width:94%; margin: 0 auto;}
.w96_b{ width:96%; margin: 0 auto;}
.h100_b{ height:100%;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mb5{margin-bottom: 5px;}
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb20{ padding-bottom: 20px;}
.pl10{ padding-left: 10px;}
.pr10{ padding-right: 10px;}
.pa10{ padding:10px;}
.bg_gray{background: #eee;}
.bg_default{background: #f5f5f5;}
.bg_white{background: #fff;}
.c_f00 { color: #f00;}
.c_999 { color: #999;}
.c_555 { color: #555;}
.clear{ clear:both; height:0;}
.cursor{ cursor:pointer;}
.over { overflow:hidden;}
.margin { margin:0 auto;}
.border { border:1px solid #eee;}
.hiddendiv { display: none;}
*{margin:0px auto;}

/* 公用头部 */
.header { display: block; width: 100%; height:50px; position: relative;}
.header_main { display: block; width: 100%; height: 50px; background: #393; position: fixed; left: 0; top: 0; z-index: 990;}
.header_left { height: 50px; position: absolute; left: 0; top: 0; z-index: 992;}
.header_right { height: 50px; position: absolute; right: 0; top: 0; z-index: 992;}
.header_left span,.header_right span { display: inline-block; height: 50px; line-height: 50px; color: #fff; text-align: center;}
.header_left span a,.header_right span a { display: block; padding: 0 5px; height: 50px; line-height: 50px;  color: #fff;}
.header_left span a:active,.header_right span a:active { color: #ff0; background-color: rgba(255,255,255,0.2);}
.header_left span .active,.header_right span .active { color: #ff0; background-color: rgba(255,255,255,0.2);}
.header_right span a img { max-height: 32px; vertical-align: middle;}

.header_center { width: 100%; height: 50px; text-align: center; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 991;}
.header_center span { display: inline-block; height: 50px; line-height: 50px; color: #fff; font-size: 1.5em;}

.navigation_xl { display:inline-block; height:50px; cursor: default; position:relative; z-index:3100;}
.navigation_xl-hover { height:50px;}
.navigation_xl_div { width:100px; height:0px; position:absolute; top:42px; right:2px; display:none; z-index:1000; }
.navigation_xl_div b { position:absolute; top:0px; right:10px; width:0; height:0; font-size:0; line-height:0;border-color: transparent transparent #333 transparent;border-style: dashed dashed solid;border-width:8px;}
.navigation_xl_div ul { position:absolute; top:16px; right:0px; display:block; width:100%; overflow:hidden; background:#333;border-radius:3px;}
.navigation_xl_div ul li { display:inline; float:left; width:100%; height:50px; line-height:50px; border-bottom:1px solid #666; text-align: center;}
.navigation_xl_div ul li a { display:block; font-size:18px; color:#fff;}
.navigation_xl_div ul li a:hover { color:#ff0;}

.title { height: 50px;}
.title em { display: block; width: 100%; height:50px; line-height: 50px; font-size: 18px; text-align: center; background: #f5f5f5; border-bottom: 1px solid #393;}
.title span { display: block; float: left; width: 33%; height:50px; line-height: 50px; font-size: 18px; text-align: center; background: #f5f5f5;}
.title .active_data { display: block; color: #f50; border-bottom: 1px solid #393;}

.title_main { height: 50px; border-bottom: 1px solid #e0e0e0;}
.title_main h1 { float: left; margin-left:15px; line-height: 50px; font-size: 24px; color: #1c8a03;}
.title_main span { float: right; height: 50px;}
.title_main span a { display: block; padding: 0 15px; line-height: 50px;}
.title_main em { float: left; height: 30px; line-height: 30px; margin-top: 10px; padding: 0 10px; border-radius: 20px;}
.title_main .active_data { background: #cbcbcb;}

.title_li { height: 34px; border-bottom: 1px solid #e0e0e0;}
.title_li span { float: left; width: 25%; height: 34px; text-align: center; overflow: hidden;}
.title_li span a { display: block; border: height: 33px; line-height: 33px; border: 1px solid #fff; border-bottom: 0; font-size: 16px;}
.title_li span .active_data { height: 34px; border: 1px solid #e0e0e0; border-bottom: 1px solid #fff; color: #f50;}
.title_li span .active_data2 { height: 34px; border: 1px solid #e0e0e0; border-bottom: 1px solid #fff; color: #f50;}
.title_li em { float: right; width: 30px; height: 30px; margin-right: 3px; text-align: center;}
.title_li em a { display: block; width: 28px; height: 28px; line-height: 28px; background: #F5F5F5; border: 1px solid #CFCFCF; border-radius: 50%;}
.title_li em .active_data {  background: #cfcfcf;}


/* 搜索 */
.search_bar { border-bottom: 1px solid #e0e0e0;}
.search { display: block; height: 36px;}
.search span { float: left; width: 85%; height: 36px;}
.search em { float: right; width: 15%; height: 36px;}
.search em a { display: block; text-align: center; line-height: 36px; background: #393; color: #fff; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
.search em a:active { background: #2f731d;}
.search .search_input { width: 100%; height: 36px; text-indent: 20px; margin: 0; padding: 0; border: 2px solid #393; border-right: 0; border-radius: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.search .search_button { width: 100%; height: 36px; text-align: center; margin: 0; padding: 0; border: 0; border-radius: 0px; background:#393 url(../images/search_button_active.png) no-repeat center center; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.search .search_button:active { background:#393 url(../images/search_button_active.png) no-repeat center center;}

/* 底部 */
.footer_a { display:block; width:100%; height:70px; position:relative;}

.footer_b { width:100%; height:50px; background:#393; position: fixed; bottom:0; left:0; z-index:1999;}
.footer_b ul li { display:inline; float:left; width:25%; height:50px; position:relative;}
.footer_b ul li a { display:block; width:100%; height:50px; padding-top:7px; text-align:center;}
.footer_b ul li a:active { background:#2f731d;}
.footer_b ul li a span { display: block; height: 20px;}
.footer_b ul li a span img { width: 20px; height: 20px;}
.footer_b ul li a em { display:block; width:100%; height:20px; line-height:20px; padding-top: 2px; font-size:0.8em; text-align:center; color: #fff;}
.footer_b ul li .footer_xz { background:#2f731d; }


/* 登录页 */
.login_bar { height: 42px; border-radius: 5px;}
.login_bar span { float: left; width: 20%; height: 42px; line-height:46px; text-align: center;}
.login_bar span img { max-height: 24px; vertical-align: middle; margin-top: -6px;}
.login_bar em { float: left; width: 80%; height: 42px;}
.login_bar em .login_input { display: block; width: 100%; height: 40px; line-height: 1.5; margin: 0; border: 0;}
.login_bar p { width: 100%; height: 42px;}
.login_bar p .login_buttom { display: block; width: 100%; height: 40px; background: #393; font-size: 16px; color: #fff; border: 0;}

.login_wz { height: 30px;}
.login_wz span { line-height: 30px; font-size: 16px;}

.login_f { display:block; height:50px; }
.login_f span { display:block; float: left;width:25%; height:50px; line-height:50px; font-size:15px;}
.login_f em { display:block; float: left; height:50px; line-height:50px; vertical-align:middle;}

/* 注册页 、完善资料*/
.registered_bar { width: 100%;}
.registered_bar b { font-weight: normal; display: block; width: 100%; font-size: 14px; line-height: 30px;}
.registered_bar b font { color: #f00;}
.registered_bar em { display: block; width: 100%; height: auto;}
.registered_bar .reg_input { display: block; width: 100%; height: 40px; line-height: 1; padding: 5px 10px; color: #159; margin: 0; }
.registered_bar .reg_textarea { display: block; width: 100%; height: 100px; line-height: 1.5; padding: 5px 10px; color: #159; font-size: 14px; margin: 0; border:1px solid #ccc;}
.registered_bar .reg_select { display: inline-block; width: 32%; height: 40px; line-height: 1; padding: 5px 10px; color: #159; margin: 0; margin-right: 2%; border:1px solid #ccc; font-size: 14px;}
.registered_bar .reg_yz { display: block; width: 100%; height: 42px;}
.registered_bar .reg_yz span { float: left; width: 65%; height: 42px;}
.registered_bar .reg_yz font { float: right; width: 30%; height: 42px; text-align: center;}
.registered_bar .reg_yz font a { display: block; height: 40px; line-height: 40px; font-size: 16px; border-radius: 5px; background: #f5f5f5; border: 1px solid #ccc;}
.registered_bar .reg_yz font a:active { background: #aaa; color: #fff; border-color: #aaa;}
.registered_bar .photo { display: block; height: auto; border-radius: 3px; padding: 15px 0;}
.registered_bar .photo i { display: block; width: 100%; overflow: hidden; text-align: center;}
.registered_bar .photo i img { width: 100px; height: 100px; max-height: 100px;}
.registered_bar .photo span { display: block; padding: 15px 0 0 0; height: auto; text-align: center;}
.registered_bar .photo span em { display: inline-block; width: 40%; margin: 0 2%;}
.registered_bar .photo span em input { height: 42px; background: #ddd;}

.registered_wz { width: 100%;}
.registered_wz font { color: #f00; font-size: 24px;}

.registered_sp { width: 100%;}
.registered_sp span { float: left; font-size: 16px; line-height: 30px;}

/* 主体 */
.wx_list_tab ul { display: block; width: 100%; overflow: hidden;}
.wx_list_tab ul li { display: block; float: left; height: 31px;}
.wx_list_tab ul li b { display: block; line-height: 30px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #f5f5f5; font-weight: normal; text-align: center;}
.wx_list_tab ul li span { display: block; line-height: 30px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #fff; text-align: center; font-size: 12px;}
.wx_list_tab ul li .bor_left { border-left: 1px solid #eee;}
.wx_list_tab ul li .c_f00 { color: #f00;}
.wx_list_tab ul .w25_b { width: 25%;}
.wx_list_tab ul .w20_b { width: 20%;}
.wx_list_tab ul .w15_b { width: 15%;}

.wx_paing { display: block; text-align: center;}
.wx_paing a { display: inline-block; padding: 3px 6px 2px 6px; margin: 0 5px; background: #f5f5f5; border: 1px solid #eee;}
.wx_paing a:active { background: #eee;}

.wx_share { width: 100%; height: 30px; border-top: 1px solid #eee; position: fixed; bottom: 50px;}
.wx_share span { display: block; width: 100%; text-align: center;}
.wx_share span a { display: block; line-height: 29px; border-top: 1px solid #fff; background: #f5f5f5;}
.wx_share span a:active { background: #eee; border-top: 1px solid #eee;}

.wx_list { display: block; white-space: normal; }
.wx_list .bt { display: block; width: 100%; line-height: 22px;}
.wx_list .lr { display: block; width: 100%; line-height: 22px; color: #999; font-size: 0.8em;}
.wx_list .bz { display: inline-block; line-height: 22px; color: #999; font-size: 0.8em;}
.wx_list .cz { display: inline-block; line-height: 22px; color: #999;}
.wx_list .c_393 { color: #393;}
.wx_list .c_f00 { color: #f00;}

.wx_yewu ul li { display: block; padding: 10px; overflow: hidden; position: relative;}
.wx_yewu ul li:active { background: #f5f5f5;}
.wx_yewu ul li:after { position: absolute; left: 10px; right: 10px; bottom:0; height: 1px; content: ''; background-color: #eee;}
.wx_yewu ul li b { display: block; height: 22px; line-height: 22px; font-weight: normal;}
.wx_yewu ul li b font { float: right; color: #f50;}
.wx_yewu ul li span { color: #999; font-size: 0.8em;}
.wx_yewu ul li span font { color: #222;}

.wx_contactusus b { display: block; padding: 0 10px; line-height: 36px; font-size: 15px; background: #f5f5f5; text-align: center;}
.wx_contactusus span { display: block; padding: 0 10px; line-height: 30px; overflow: hidden;}
.wx_contactusus span .w25_b { width: 25%; color: #999;}
.wx_contactusus span .w75_b { width: 75%;}

.wx_gonghuo .tixx { display: inline-block; padding: 1px 5px; height: 13px; line-height: 13px; background: #f50; color: #fff; font-size: 0.6em; border-radius: 8px; vertical-align: middle; margin-top: -3px;}
.wx_gonghuo .bt { display: inline-block; line-height: 22px; font-size: 1em;}
.wx_gonghuo .lr { display: inline-block; line-height: 22px; font-size: 0.8em;}
.wx_gonghuo .tel { display: inline-block; width: 22px; height: 22px;}
.wx_gonghuo .tel img { width: 22px; height: 22px;}
.wx_gonghuo .h20 { height: 20px;}
.wx_gonghuo .h22 { height: 22px;}
.wx_gonghuo .w33_b { width: 33%;}
.wx_gonghuo .w34_b { width: 34%;}
.wx_gonghuo .w67_b { width: 67%;}

.wx_pic dl { display: block; padding: 10px; border: 1px solid #eee; overflow: hidden; margin-top: 10px;}
.wx_pic dl dt { display: block; float: left; width: 25%; height: 50px; }
.wx_pic dl dt a img { width: 50px; height: 50px;}
.wx_pic dl dd { display: block; float: right; width: 72%; height: 50px; }
.wx_pic dl dd b { display: block; width: 100%; height: 25px; line-height: 25px; font-weight: normal;}
.wx_pic dl dd span { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 0.8em; color: #999;}

.wx_forum ul li { display: block; padding: 10px; overflow: hidden; position: relative;}
.wx_forum ul li:active { background: #f5f5f5;}
.wx_forum ul li:after { position: absolute; left: 10px; right: 10px; bottom:0; height: 1px; content: ''; background-color: #eee;}
.wx_forum ul li b { display: block; height: 22px; line-height: 22px; font-weight: normal;}
.wx_forum ul li b font { display: inline-block; padding: 1px 5px; height: 13px; line-height: 13px; background: #f50; color: #fff; font-size: 0.6em; border-radius: 8px; vertical-align: middle; margin-top: -3px;}
.wx_forum ul li span { color: #999; font-size: 0.8em;}

.wx_btn { width: 100%; height: 40px; position: fixed; left: 0; bottom: 80px;}
.wx_btn a { display: block; line-height: 40px; background: #393; color: #fff; font-size: 15px;}
.wx_btn a:active { background: #2f731d;}
.wx_btn .fbxt_button { display: block; width: 100%; height: 40px; line-height: 1; background: #393; color: #fff; font-size: 15px; border: 0; border-radius: 0;}

.wx_cxpz b { display: block; width: 100%;line-height: 22px; font-size: 15px; font-weight: normal;}
.wx_cxpz span { display:inline-block; line-height: 22px; color: #999;}
.wx_cxpz span a { display: block; padding: 3px 5px  1px  5px; line-height: 22px; background: #fff; border: 1px solid #eee;}
.wx_cxpz span a:active { background: #393; border: 1px solid #393; color: #fff;}
.wx_cxpz em { display: block; width: 100%; height: auto;}
.wx_cxpz span .active_data { background: #393; border: 1px solid #393; color: #fff;}

.wx_varietyfile .ct { display: block; width: 100%; line-height: 22px; color: #999;}
.wx_varietyfile .ct .bt { color: #222;}

.wx_btnfb { width: 100%; height: 36px; }
.wx_btnfb .fbxt_button { display: block; height: 36px; line-height: 1; background: #393; color: #fff; font-size: 15px; border: 0; border-radius: 0;}

.wx_tzlr { display: block;}
.wx_tzlr .bt { display: block; width: 100%; overflow: hidden; background: #f5f5f5; line-height: 36px; border-bottom: 1px solid #eee;}
.wx_tzlr .bt span { color: #999;}
.wx_tzlr .bt span font { color: #159;}
.wx_tzlr .bt em a { color: #f50;}
.wx_tzlr .lr { display: block; padding: 5px 10px;}
.wx_tzlr .lr .lrbt { display: block; line-height: 24px; font-size: 1.1em; color: #159; font-weight: normal;}
.wx_tzlr .lr .lrxx { display: block; line-height: 24px; font-size: 0.9em;}







.news_title { padding: 15px 3% 5px 3%; border-bottom: 1px solid #e0e0e0;}
.news_title h1 { display: block; width: 100%; line-height: 30px; text-align: center; font-size: 18px;}
.news_title span { display: block; width: 100%; padding: 10px 0 0 0; text-align: center; color: #b7b7b7; font-size: 12px; overflow: hidden;}
.news_title span em { display: inline-block; padding: 0 5px; overflow: hidden;}

.news_con { display: block; line-height: 22px;}
.news_ping { display: block;}
.news_ping span { display: block; float: left; width: 100%; line-height: 26px;}
.news_ping span a { color: #159;}

.news_zan { display: block; width: 42px; height: 42px; }
.news_zan a { display: block; width: 42px; height: 42px; border: 1px solid #cfcfcf; border-radius: 3px; background: #f5f5f5;}
.news_zan a i { display: block; width: 100%; height: 24px; line-height: 24px; padding: 2px 0 0 0; text-align: center;}
.news_zan a i img { max-height: 20px;}
.news_zan a span { display: block; width: 100%; height: 16px; line-height: 16px; text-align: center; font-size: 10px;}
.news_zan .active_data { border: 1px solid #393; border-radius: 3px; background: #393; color: #fff;}

.news_comments { display: block;}
.news_comments .comments_button { display: block; width: 100%; height: 40px; background: #393; border: 1px solid #393; font-size: 15px; color: #fff;}
.news_comments .comments_button:active { border: 1px solid #929292;}

.price_zlph { border-left: 1px solid #eee; border-top: 1px solid #eee;}
.price_zlph ul li { display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #eee; text-align: center;font-size: 12px;}
.price_zlph ul li:active { background: #eee;}
.price_zlph ul li b { display: block; float: left; height: 32px; line-height: 32px; overflow: hidden; background: #eee; font-weight: normal;}
.price_zlph ul li span { display: block; float: left; height: 32px; line-height: 32px; overflow: hidden;font-size: 12px;}
.price_zlph ul li span .c_red { color: #f00;}
.price_zlph ul li span .c_green { color: #1fab39;}
.price_zlph ul li .w10 { width: 12%;}
.price_zlph ul li .w12 { width: 14%;}
.price_zlph ul li .w28 { width: 22%;}
.price_zlph ul li .w10 em,.price_zlph ul li .w12 em,.price_zlph ul li .w18 em { display:block; border-right: 1px solid #eee;}


.price_bar b { display: block; width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #eee; color: #159; font-size: 15px;}

.price_screening b { display: block; width: 100%; height: 40px; background: #f5f5f5; border: 1px solid #eee; border-radius: 3px;}
.price_screening b h1 { float: left; margin-left: 10px; font-size: 15px; line-height: 40px;}
.price_screening b em { float: right; padding: 8px; cursor: pointer;}
.price_screening span { float: left; margin-top: 5px; margin-right: 5px; overflow: hidden;}
.price_screening span a { display: block; height: 32px; line-height: 32px; padding: 0 10px; background: #fff; border: 1px solid #eee; border-radius: 3px;}
.price_screening span .bg_393 { background: #393; color: #fff; border: 1px solid #393;}
.price_screening span .c_f50 { color: #f50; border: 1px solid #f50;}

.price_pic img,.price_pic a img { display: block; max-width: 100%; max-height: 100%;}

.price_search { width: 100%;}
.price_search b { font-weight: normal; display: block; width: 100%; font-size: 16px; line-height: 30px;}
.price_search em { display: block; width: 100%; height: auto;}

.price_sjlist { border-left: 1px solid #eee; border-top: 1px solid #eee;}
.price_sjlist ul li { display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #eee; text-align: center;}
.price_sjlist ul li b { display: block; float: left; height: 40px; line-height: 40px; font-size: 0.8em; overflow: hidden; background: #eee; font-weight: normal;}
.price_sjlist ul li span { display: block; float: left; overflow: hidden; height: 40px; line-height: 40px;}
.price_sjlist ul li span .c_red { color: #f00;}
.price_sjlist ul li span .c_green { color: #1fab39;}
.price_sjlist ul li span .rq { display: block; width: 100%; height: 20px; line-height: 20px; color: #b7b7b7; font-size: 0.7em;}
.price_sjlist ul li span .jq { display: block; width: 100%; height: 20px; line-height: 20px; font-size: 0.6em;}
.price_sjlist ul li span .jq ins { display: inline-block; font-size: 0.3em; color: #f00;}
.price_sjlist ul li span .lh { line-height: 40px;}
.price_sjlist ul li .w14 { width: 14%; border-right: 1px solid #eee;}
.price_sjlist ul li .w15 { width: 15%; border-right: 1px solid #eee;}
.price_sjlist ul li .w50 { width: 50%; border-right: 1px solid #eee;}


.wx_supply_details .bt { display: block; width: 100%; line-height: 30px; border-bottom: 1px solid #eee; font-size: 17px;}
.wx_supply_details .con { display: block; width: 100%; padding: 5px; line-height: 26px; color: #999;}
.wx_supply_details .con img { max-width: 100%;}
.wx_supply_details .table { display: block; width: 100%;}
.wx_supply_details .table ul li { display: block; width: 100%; float: left; line-height: 26px;}