/* ©2026 zhaozhishi.com */
/* CSS Document */

/* 完全保留你原版所有CSS，不精简、不删除、不改变任何样式 */
html { font-family:"Microsoft Yahei", arial, helvetica, sans-serif;	-webkit-text-size-adjust:none; word-break:break-word;max-width:640px;margin:0 auto; overflow-x:hidden; }
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin:0; padding:0;}
a {	text-decoration:none;}
li{	list-style:none;}
img { border:0;	vertical-align:middle;}
table {	border-collapse:collapse; border-spacing:0;}
.clear{ clear:both}
.hidden{ display:none}
body.withHeader{ padding-top:111px;}
header{ display:block;	z-index:99999; overflow:hidden; position:fixed; top:0; left:0; right:0; max-width:640px;margin:0 auto;}
header.relative{ position:relative;}
.top_bar{ height:45px; position:relative; background:#4d9b13;}
.top_bar .abs_l, .top_bar .abs_m, .top_bar .abs_r{ position:absolute; left:0; top:0; width:44px; height:45px; box-sizing:border-box; -moz-box-sizing:border-box;}
.top_bar .abs_l{ width:54px; z-index:100;}
.top_bar .abs_m{ width:100%; text-align:left;	font-size:20px;	color:#fff;	font-weight:700; line-height:45px;}
.abs_m h1{text-indent: -9999px;}
.top_bar .abs_r{ left:auto;	right:0; z-index:100; width:auto;}
.top_bar .refresh_btn, .top_bar .refresh_title, .top_bar .back, .top_bar .comment_count, .top_bar .user, .top_bar .app, .top_bar .cancel, .top_bar .submit { display:inline-block; height:45px;}
.top_bar .refresh_title { background:url(pic/logo.png) no-repeat right center; width:120px; background-size:120px 25px;}
.top_bar .top_nav{ display:inline-block;	height:24px; width:24px; padding:10px; background:url(pic/nav.png) no-repeat center; background-size:23px;}
.top_bar .refresh_btn.rotate, .fix_btns .fresh_btn.rotate {	-webkit-transform-style:preserve-3d; -webkit-animation:x-spin .7s linear;}
.top_bar .user{	padding:0 10px;}
.top_bar .msg-box { background:url(pic/message.png) no-repeat; background-size:contain; width:32px; height:25px; margin-left:12px; margin-top:6px; display:block;	position:relative;}
.top_bar .circle{ position:absolute; width:10px; height:10px; background:#fde839; right:0;	top:0; border-radius:5px;}

/* 头部横向滚动菜单（支持左右滑动） */
.top_menu_bar{	background:rgba(255, 255, 255, .95); height:37px;box-sizing:border-box; position:relative; border-bottom:1px solid #ddd;}
.top_menu{ overflow:hidden;	overflow-x:auto; -webkit-overflow-scrolling:touch; padding-right:30px;}
.top_menu::-webkit-scrollbar {display:none;}
.top_menu_list { white-space:nowrap; padding:5px 0;}
.top_menu_list a{ color:#333;}
.top_menu_list .btn { white-space:nowrap; display:inline-block;	padding:0 6px;	color:#333;	text-decoration:none; font-size:0.875em; line-height:26px; height:26px;	margin:5px 0 5px 5px; -webkit-tap-highlight-color:rgba(0, 0, 0, .3);}
.top_menu_list .btn.cur{ color:#4d9b13;	font-size:15px; font-weight:bold;}
.iphone .top_menu_list .btn.cur{ font-weight:700;}
.top_menu_ico{ position:absolute; right:0; top:0; width:30px; height:37px; z-index:10; cursor:pointer; background:rgba(255,255,255,.95);}
.top_menu_ico span{ width:100%; height:37px; background:url(pic/sjx.png) center center no-repeat; background-size:7px 11px; display:block;}

content{ position:relative; display:block; background:#f2f2f2;}
.entrance{ width:100%; height:auto; background:#fff; border-bottom:1px #e7e7e7 solid; overflow:hidden;}
.entrance a{ width:25%; float:left; display:block; margin:15px 0px 10px; }
.entrance dt{ width:60px; height:60px; margin:0px auto;border-radius:30px; }
.entrance dt.e_life{ background:#41c8cd url(pic/h_ico.png) center no-repeat; background-size:40px 40px;}
.entrance dt.e_pc{ background:#5f9be6 url(pic/j_ico.png) center no-repeat; background-size:38px 33px;}
.entrance dt.e_business{ background:#9bcd46 url(pic/y_ico.png) center no-repeat; background-size:43px 30px;}
.entrance dt.e_art{ background:#f57d6e url(pic/w_ico.png) center no-repeat; background-size:40px 40px;}
.entrance dd{ width:100%; height:25px; color:#333; font-size:0.875em; line-height:25px; text-align:center; display:block; margin-top:5px;}
.hot{ width:100%; height:auto; border-bottom:1px #e7e7e7 solid; overflow:hidden; margin-top:15px;  background:#fff; position:relative;}
.hot li{ width:100%; height:40px; overflow:hidden; border-bottom:1px #ddd dashed;}
.hot li a{ color:#333; font-size:1.0625em; line-height:40px; float:left; }
.hot li span{ color:#333; font-size:1.0625em; line-height:40px; margin:0px 5px 0px 10px;}
.hot_ico{ width:40px; height:40px; background:url(pic/hot.png) no-repeat; position:absolute; right:0px; top:0px; z-index:1; background-size:40px 40px;}
.hot_ico samp{ color:#fff; font-size:1.0625em; line-height:28px; float:right; margin-right:5px; display:inline;}
.hot li:nth-child(5n){ border-bottom:none;}
.hot_r{width:70%;height:40px; overflow: hidden;}
.female{ width:100%; height:auto; border-bottom:1px #e7e7e7 solid; background:#fff; margin-top:15px; overflow:hidden;}
.f_title{ width:100%; height:45px; border-bottom:1px #e7e7e7 solid;}
.f_title a{ padding:0px 10px; height:45px; margin:0 auto; display:block;}
.f_title h2{ float:left; color:#000; font-size:1.25em; font-weight:normal; background:url(pic/n_icon.png) left center no-repeat; background-size:20px 25px; line-height:45px; text-indent:30px; display:block; width:50%;}
.f_title span{ float:right; color:#888; font-size:0.875em; line-height:45px;}
.f_cont{ width:100%; height:auto;}
.f_list a{ padding:12px 10px 0px; height:auto; margin:0 auto; display:block; }
.f_list dt{ width:65%; height:auto; float:left}
.f_list dt h3{ color:#333; font-size:1.0625em; width:100%; height:25px; line-height:25px; overflow:hidden;  margin-top: 5px;}
.f_list dt p{ color:#666; font-size:0.875em; width:100%; height:50px; line-height:23px; overflow:hidden; margin-top:5px;}
.f_list dd{ width:32%; height:auto;  float:right;}
.f_list dd img{ display:block; width:100%; height:80px; -webkit-transition:opacity 300ms ease; -moz-transition: opacity ease .3s; pointer-events:none; -webkit-tap-highlight-color:#000; -webkit-user-select:none; text-decoration:none;}
.f_list.f_border{ border:none;}
.men{ width:100%; height:auto; border-bottom:1px #e7e7e7 solid; overflow:hidden; background:#fff; margin-top:15px;}
.m_title{ width:100%; height:45px; border-bottom:1px #e7e7e7 solid;}
.m_title a{ padding:0px 10px; height:45px; margin:0 auto; display:block;}
.m_title h2{ float:left; color:#000; font-size:1.25em; font-weight:normal; background:url(pic/nx_icon.png) left center no-repeat; background-size:20px 25px; line-height:45px; text-indent:30px; display:block;width:50%;}
.m_title span{ float:right; color:#888; font-size:0.875em; line-height:45px;}
.m_cont{ width:100%; height:auto;}
.m_cont .m_txt{ width:100%; height:auto; border-bottom:1px #ddd dashed; overflow:hidden; display:block;}
.m_txt dl{ padding:12px 10px; height:auto; overflow:hidden}
.m_txt dt{ width:114px; height:102px; float:left; border-radius:6px; border:1px #e7e7e7 solid; }
.m_txt dt img{ width:112px; height:100px; padding:1px; border-radius:6px;}
.m_txt dd{ width:58%; height:100px; float:left; margin-left:10px; display:inline;}
.m_txt dd h3{ width:100%; height:25px; overflow:hidden; color:#333; font-size:1.0625em; line-height:25px;  margin-top:10px;}
.m_txt dd p{ width:100%; height:50px; color:#666; font-size:0.875em; line-height:23px; overflow:hidden; margin-top:10px;}
.m_cont .m_txt2{ width:100%; height:auto; overflow:hidden; }
.m_txt2 li{ width:100%; height:40px; border-bottom:1px #ddd dashed; overflow:hidden;}
.m_txt2 li a{ padding:0px 10px; background:url(pic/li.png) 15px center no-repeat; text-indent:15px; color:#333; font-size:1.0625em; line-height:40px; display:block; }
.m_txt2 li:nth-child(3n){ border-bottom:none;}
.children{ width:100%; height:auto; border-bottom:1px #e7e7e7 solid; overflow:hidden; background:#fff; margin-top:15px;}
.c_title{ width:100%; height:45px; border-bottom:1px #e7e7e7 solid;}
.c_title a{ padding:0px 10px; height:45px; margin:0 auto; display:block;}
.c_title h2{ float:left; color:#000; font-size:1.25em; font-weight:normal; background:url(pic/c_icon.png) left center no-repeat; background-size:23px 23px; line-height:45px; text-indent:30px; display:block;width:50%;}
.c_title span{ float:right; color:#888; font-size:0.875em; line-height:45px;}
.c_cont{ width:100%; height:auto; overflow:hidden;}
.c_cont a{ width:100%; height:auto; border-bottom:1px #ddd dashed; display:block; }
.c_cont dl{ padding:12px 10px; height:auto; overflow:hidden; }
.c_cont dt{ width:35%; height:80px; float:left;}
.c_cont dt img{ width:100%; height:80px;}
.c_cont dd{ width:61%; height:80px; float:left; margin-left:10px; display:inline; }
.c_cont dd h3{ width:100%; height:25px; overflow:hidden; color:#333; font-size:1.0625em; line-height:25px;  margin-top: 5px;}
.c_cont dd p{ width:100%; height:50px; color:#666; font-size:0.875em; line-height:23px; overflow:hidden;margin-top:5px;}
.c_cont a:nth-child(3n){ border-bottom:none;}
.trade{ width:100%; height:auto; background:#fff; border-bottom:1px #e7e7e7 solid; overflow:hidden; margin-top:15px;}
.trade_title{ width:100%; height:45px; border-bottom:1px #e7e7e7 solid;}
.trade_title a{ padding:0px 10px; height:45px; margin:0 auto; display:block;}
.trade_title h2{ float:left; color:#000; font-size:1.25em; font-weight:normal; background:url(pic/z_icon.png) left center no-repeat; background-size:25px 18px; line-height:45px; text-indent:30px; display:block;width:50%;}
.trade_title span{ float:right; color:#888; font-size:0.875em; line-height:45px;}
.trade_cont{ width:100%; height:auto;}
.trade_cont .m_tp{ padding:12px 10px 5px; overflow:hidden;display:block;}
.m_tp dl{ -webkit-box-flex:1; text-align:left; position:relative; width:100%;}.trade_cont .m_text{ width:100%; height:auto; }
.m_text li{ width:100%; height:40px; border-bottom:1px #ddd dashed; overflow:hidden;}
.m_text a{ padding:0px 10px; color:#333; font-size:1.0625em; line-height:40px; background:url(pic/li.png) 15px center no-repeat; text-indent:15px; display:block; }
.m_text li:nth-child(3n){ border-bottom: none;}
.herb{ width:100%; height:auto; background:#fff; border-bottom:1px #e7e7e7 solid; border-top:1px #e7e7e7 solid; margin-top:15px; overflow:hidden;}
.herb .h_txt{ width:30%; height:75px; background:#f9cb4d;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; position:relative; margin-top:15px; margin-left:2.5%; float:left; display:block; margin-bottom:15px; overflow:hidden}
.h_txt dl{ width:94%; height:75px; margin:0 auto;}
.h_txt dt{ width:100%; height:65px; margin-top:10px;}
.h_txt dt h2{ color:#fff; font-size:1em; line-height:30px; height:30px; font-weight:normal;}
.h_txt dt p{ width:100%; height:25px; color:#b78600; font-size:0.75em; line-height:25px; }
.h_txt dd{ width:100%; height:35px; position:absolute; z-index:9999; top:-12px; right:3px}
.h_txt .h_ico{ height:70px;background:url(pic/cy_ico.png) right no-repeat; background-size:25px 31px; }
.herb .h_txt2{ width:30%; height:75px; background:#9fd868;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; position:relative; margin-top:15px; margin-left:2.5%; float:left; display:block; margin-bottom:15px; overflow:hidden}
.h_txt2 dl{ width:94%; height:75px; margin:0 auto;}
.h_txt2 dt{ width:100%; height:65px; margin-top:10px;}
.h_txt2 dt h2{ color:#fff; font-size:1em; line-height:30px; height:30px; font-weight:normal;}
.h_txt2 dt p{ width:100%; height:25px; color:#458c00; font-size:0.75em; line-height:25px; }
.h_txt2 dd{ width:100%; height:35px; position:absolute; z-index:9999; top:-7px; right:5px}
.h_txt2 .h_ico2{ height:70px;background:url(pic/ys_ico.png) right no-repeat; background-size:28px 35px; }
.herb .h_txt3{ width:30%; height:75px; background:#68d8ad;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; position:relative; margin-top:15px; margin-left:2.5%; float:left; display:block; margin-bottom:15px; overflow:hidden}
.h_txt3 dl{ width:94%; height:75px; margin:0 auto;}
.h_txt3 dt{ width:100%; height:65px; margin-top:10px;}
.h_txt3 dt h2{ color:#fff; font-size:1em; line-height:30px; height:30px; font-weight:normal;}
.h_txt3 dt p{ width:100%; height:25px; color:#169363; font-size:0.75em; line-height:25px; }
.h_txt3 dd{ width:100%; height:35px; position:absolute; z-index:9999; top:-10px; right:3px}
.h_txt3 .h_ico3{ height:70px;background:url(pic/hm_ico.png) right no-repeat; background-size:25px 31px; }
.gallery{ width:100%; height:auto; background:#fff; border-bottom:1px #e7e7e7 solid; margin-top:15px; overflow:hidden;}
.g_title{ width:100%; height:45px; border-bottom:1px #e7e7e7 solid;}
.g_title a{ padding:0px 10px; height:45px; margin:0 auto; display:block;}
.g_title h2{ float:left; color:#000; font-size:1.25em; font-weight:normal; background:url(pic/t_icon.png) left 12px no-repeat; background-size:22px 22px; line-height:45px; text-indent:30px; display:block;width:50%;}
.g_title span{ float:right; color:#888; font-size:0.875em; line-height:45px;}
.g_cont{ width:100%; height:auto;}
.g_cont .g_tp{ padding:12px 10px 0px; overflow:hidden;}
.g_tp li{ -webkit-box-flex:1; text-align:left; height:100px; position:relative; margin-right:12px; width:48%; float:left; margin-bottom:12px; display:inline;}
.g_tp li a{ color:#666; font-size:0.875em; display:block; width:100%; height:100px; overflow:hidden;}
.g_tp li img{ margin:0 auto; width:100%; height:100px;}
.g_txt{ background-color:rgba(0,0,0,0.5); color:#fff; height:23px; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; position:absolute; bottom:0px; left:0px; -webkit-box-sizing:border-box; text-align:center;}
.g_tp li:nth-child(2n){ float:right; margin-right:0px;}
.download{ width:100%; height:auto; border-bottom:1px #e7e7e7 solid; background:#fff; margin-top:15px; overflow:hidden;}
.d_title{ width:100%; height:45px; border-bottom:1px #e7e7e7 solid;}
.d_title a{ padding:0px 10px; height:45px; margin:0 auto; display:block;}
.d_title h2{ float:left; color:#000; font-size:1.25em; font-weight:normal; background:url(pic/y_icon.png) left 10px no-repeat; background-size:21px 22px; line-height:45px; text-indent:30px; display:block;width:50%;}
.d_title span{ float:right; color:#888; font-size:0.875em; line-height:45px;}

/* 网站合作区 110px  */
.link{ width:100%; height:auto; background:#fff; border-bottom:1px #e7e7e7 solid; overflow:hidden; margin-top:15px;}
.l_title{ width:100%; height:45px; border-bottom:1px #e7e7e7 solid;}
.l_title a{ padding:0px 10px; height:45px; margin:0 auto; display:block;}
.l_title h2{ float:left; color:#000; font-size:1.25em; font-weight:normal; background:url(pic/l_icon.png) left center no-repeat; background-size:25px 19px; line-height:45px; text-indent:30px; display:block;width:50%;}
.l_cont {
  width: 210px;
  height: 30px;        /*  1行高度 */
  overflow: hidden;
  white-space: nowrap;
  margin: 5px auto;
  text-align: left;
}
.l_cont a {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 30px;   /* 行高 同上 */
  color: #555;
  text-align: left;
}
/* 页脚 浅灰色 */
footer{ background:#e8e8e8; text-align:center; padding:15px 0; color:#333; margin-top:15px;}
footer nav a{ display:inline-block; height:30px; line-height:30px; padding:0 15px; color:#333; font-size:14px; position:relative; }
footer nav a:not(:last-child):after{ content:""; background:#ccc; height:15px; width:1px; position:absolute; right:0; top:7px; }
footer p{ font-size:12px; line-height:20px; margin-top:5px;}
footer p a{ color:#f60;}

.back_top{ width:50px; height:50px; background:url(pic/top.png) no-repeat; background-size:50px 50px; position:fixed; right:10px; bottom:10px; z-index:9999;}
.back_top a{ width:50px; height:50px; display:block;}
*{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none;  }