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

/* zhaozhishi原版所有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 {
    position: relative; /* 箭头absolute的定位基准，必加！ */
    height: 37px;
    background: #fff;
    overflow: hidden; /* 隐藏滚动条，保留滚动功能 */
}
/* 滚动容器：横向滚动、不换行、相对定位 */
.top_menu {
    height: 37px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch; /* 移动端流畅滚动 */
    scrollbar-width: none; /* Firefox隐藏滚动条 */
    -ms-overflow-style: none; /* IE隐藏滚动条 */
}
.top_menu::-webkit-scrollbar { display: none; } /* Chrome/Edge隐藏滚动条 */
.top_menu_list { display: inline-block; padding: 0 10px; }
.top_menu_list .btn {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    padding: 0 12px;
    color: #333;
    font-size: 14px;
}
.top_menu_list .btn.cur { color: #4d9b13; font-weight: bold; }

/* ✅ 右箭头（默认显示） */
.top_menu_ico {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 37px;
    z-index: 9999;
    background: rgba(255,255,255,.95);
    cursor: pointer;
    display: block;
}
.top_menu_ico span {
    display: block;
    width: 100%;
    height: 37px;
    background: url(pic/sjx.png) center center no-repeat;
    background-size: 7px 11px;
}

/* ✅ 左箭头（默认隐藏，滚动后显示） */
.top_menu_ico_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 37px;
    z-index: 9999;
    background: rgba(255,255,255,.95);
    cursor: pointer;
    display: none; /* 默认隐藏，核心！ */
}
.top_menu_ico_left span {
    display: block;
    width: 100%;
    height: 37px;
    background: url(pic/sjx_left.png) center center no-repeat;
    background-size: 7px 11px;
}

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:100%; height:auto; float:left; box-sizing:border-box; padding-right:0;}
.f_list dd{ width:32%; height:auto; float:right; display:none;}
.f_list a:has(img) dd{ display:block; }
.f_list a:has(img) dt{ width:65%; padding-right:10px; }
.f_list dt h3{
    color:#333;
    font-size:1.0625em;
    width:100%;
    height:25px;
    line-height:25px;
    overflow:hidden;
    margin-top:5px;
    padding-left:18px;
    position:relative;
}
.f_list dt h3::before{
    content:"●";
    color:#4d9b13;
    font-size:12px;
    position:absolute;
    left:0;
    top:0;
    line-height:25px;
}
.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 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;}
.gallery{ width:100%; height:auto; background:#fff; border-bottom:1px #e7e7e7 solid; margin-top:15px; overflow:hidden;}
/* 此处2026有删减  */
/* 商业知识 */
.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;}

/* zhaozhishi列表页分页 */
/* 分页 */
.pageBox {
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  gap: 5px;
}

.pageBox a,
.pageBox strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  line-height: 1;
  padding: 0 6px;
  border-radius: 4px;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e9ecef;
  color: #333;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* hover 效果 */
.pageBox a:hover {
  border-color: #ed4040;
  color: #ed4040;
  background: #fffafa;
}

/* 当前页高亮 */
.pageBox strong {
  background: #ed4040;
  border-color: #ed4040;
  color: #fff;
  font-weight: normal;
}

/* 禁用态 */
.pageBox a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

/* 移动端 */
@media (max-width: 768px) {
  .pageBox {
    padding: 6px 0;
    gap: 4px;
  }
  .pageBox a,
  .pageBox strong {
    min-width: 26px;
    height: 26px;
    font-size: 12px;
    padding: 0 4px;
  }
}

/* 网站合作区 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;  }

/* 悬浮时显示下划线 */
a:hover {
    text-decoration: underline !important;
}