/* ============================================================
   样式表 v2 —— 仿传统中文家教门户 / 论坛版式
   参考：harbin.ttgood.com / heb.eduease.com / haerbin.jiajiao100.com
   特征：固定宽度三栏、密集链接、表格化列表、细边框、小字号
        不用渐变 / 大圆角 / 阴影卡片 / 超大标题 / 大留白
   ============================================================ */

*{box-sizing:border-box}
html{background:#fff}
body{
  margin:0; background:#fff; color:#333;
  font:12px/1.7 "宋体",SimSun,Tahoma,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
a{color:#06c; text-decoration:none}
a:hover{color:#c00; text-decoration:underline}
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #f60; outline-offset:1px}
img{border:0; vertical-align:middle}
h1,h2,h3,h4{margin:0; font-weight:bold; font-family:"微软雅黑","黑体",Arial,sans-serif}
p{margin:0 0 8px}
ul,ol{margin:0; padding-left:18px}
table{border-collapse:collapse; width:100%}
input,select,textarea{font-family:inherit; font-size:12px; color:#333}
hr{border:0; border-top:1px solid #ddd; margin:10px 0}
.gray,.mini{color:#888}
.red{color:#c00}
.orange{color:#f60}
.green{color:#2f7d32}
.bold{font-weight:bold}
.clearfix:after{content:""; display:block; clear:both; height:0}
.hidden{display:none}

/* 顶部细条 */
.topbar{background:#f5f5f5; border-bottom:1px solid #e3e3e3; height:28px; line-height:28px; font-size:11px; color:#666}
.topbar .in{width:1000px; margin:0 auto}
.topbar a{margin:0 6px; color:#555}
.topbar .right{float:right}
.topbar .hot{color:#c00; font-weight:bold; font-family:Arial,sans-serif; font-size:12px}

/* 报头 */
.masthead{width:1000px; margin:0 auto; height:74px; position:relative}
.masthead .logo{float:left; padding-top:12px}
.masthead .logo .name{font:bold 26px/1.2 "微软雅黑","黑体",Arial,sans-serif; color:#2f7d32; letter-spacing:1px}
.masthead .logo .sub{font-size:11px; color:#888; margin-top:3px}
.masthead .city{float:left; margin:26px 0 0 14px; font-size:12px; color:#666; border-left:1px solid #ccc; padding-left:14px}
.masthead .city b{color:#f60}
.masthead .telbox{float:right; text-align:right; padding-top:14px}
.masthead .telbox .label{font-size:11px; color:#888}
.masthead .telbox .tel{font:bold 20px/1.3 Arial,"微软雅黑",sans-serif; color:#d00; letter-spacing:.5px}
.masthead .telbox .wx{font:bold 15px/1.4 Consolas,"微软雅黑",monospace; color:#d00}
.masthead .telbox .time{font-size:11px; color:#888}

/* 主导航 */
.nav{background:#3c8b31; border-bottom:2px solid #2b6b23; height:34px}
.nav .in{width:1000px; margin:0 auto}
.nav a{display:block; float:left; padding:0 13px; height:34px; line-height:34px; color:#fff; font-size:13px; font-weight:bold; font-family:"微软雅黑",Arial,sans-serif}
.nav a:hover{background:#2b6b23; color:#fff; text-decoration:none}
.nav a.on{background:#f60; color:#fff}
.nav .nav-right{float:right}
.nav .nav-right a{background:#2b6b23; font-weight:normal; font-size:12px}
.nav .nav-right a:hover{background:#f60}

/* 面包屑 / 提示条 */
.crumb{width:1000px; margin:8px auto 6px; font-size:11px; color:#888; border-bottom:1px solid #eee; padding-bottom:6px}
.crumb a{margin:0 3px}
.notice-bar{width:1000px; margin:0 auto 8px; background:#fffbe8; border:1px solid #f0dca0; padding:6px 10px; font-size:12px; color:#7a5b00}
.notice-bar b{color:#c00}

/* 三栏 */
.layout{width:1000px; margin:0 auto; padding-bottom:22px}
.col-l{float:left; width:196px}
.col-m{float:left; width:566px; margin:0 10px}
.col-r{float:right; width:218px}
@media(max-width:1040px){
  .topbar .in,.masthead,.nav .in,.crumb,.notice-bar,.layout,.footer .in,.admin-wrap{width:96%}
  .col-l,.col-m,.col-r{float:none; width:100%; margin:0 0 10px}
}

/* 方块面板 */
.box{border:1px solid #d7d7d7; margin-bottom:8px; background:#fff}
.box .hd{height:28px; line-height:28px; background:#f2f7ef; border-bottom:1px solid #c8d6b9; padding:0 9px; font:bold 13px/28px "微软雅黑",Arial,sans-serif; color:#2f6b28}
.box .hd.yellow{background:#fff6dc; border-bottom-color:#ebd28a; color:#8a5a00}
.box .hd.orange{background:#fff0e0; border-bottom-color:#f0c9a0; color:#a34b00}
.box .hd .more{float:right; font:normal 11px/28px "宋体",SimSun,sans-serif; color:#888}
.box .bd{padding:8px 9px}
.box .bd.tight{padding:4px 9px}
.box ul.dotted{list-style:none; padding:0}
.box ul.dotted li{background:url("data:image/gif;base64,R0lGODlhBAAEAIAAAMzMzP///yH5BAAAAAAALAAAAAAEAAQAAAIFRB5mWAAA7") no-repeat 0 8px; padding-left:10px; line-height:21px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* 分类速查表 */
.cat-table{border:1px solid #ddd; background:#fff}
.cat-table th{background:#f7f7f7; color:#444; text-align:left; font-weight:bold; width:70px; padding:7px 8px; border-bottom:1px solid #eee; border-right:1px solid #eee; white-space:nowrap}
.cat-table td{padding:6px 8px; border-bottom:1px solid #eee; line-height:20px}
.cat-table tr:last-child th,.cat-table tr:last-child td{border-bottom:0}
.cat-table a{margin:0 7px 0 0; color:#06c; white-space:nowrap}
.cat-table a:hover{color:#c00}
.cat-table a.hot{color:#f60; font-weight:bold}

/* 数据列表表格 */
.list{width:100%; border:1px solid #ddd; font-size:12px}
.list th{background:#eef4ea; color:#333; font-weight:bold; padding:6px 7px; border-bottom:1px solid #c8d6b9; border-right:1px solid #e5e5e5; text-align:left; white-space:nowrap}
.list td{padding:6px 7px; border-bottom:1px solid #eee; border-right:1px solid #f2f2f2; color:#444; vertical-align:top}
.list tr:nth-child(even) td{background:#fafcf9}
.list tr:hover td{background:#fffbe8}
.list td.num{color:#999; font-family:Arial,sans-serif}
.list td.date{color:#999; white-space:nowrap}
.list td.pay{color:#c00; font-weight:bold}
.list a{color:#06c}
.list .empty{padding:22px; text-align:center; color:#999}

/* 论坛板块表 */
.forum th{background:#e8f0e2}
.forum td.ficon{width:26px; color:#3c8b31; font-size:15px; text-align:center}
.forum td.fname{font-weight:bold; font-size:13px}
.forum td.fname small{display:block; font-weight:normal; color:#888; font-size:11px; margin-top:2px}
.forum td.fstat{width:70px; text-align:center; color:#666}
.forum td.flast{width:170px; color:#888}

/* 帖子详情 */
.topic-hd{border:1px solid #ddd; background:#f7f7f7; padding:8px 10px; margin-bottom:8px}
.topic-hd .t{font:bold 16px/1.5 "微软雅黑",Arial,sans-serif; color:#222}
.topic-hd .m{font-size:11px; color:#888; margin-top:4px}
.floor{border:1px solid #ddd; margin-bottom:6px}
.floor .fhead{background:#f2f7ef; border-bottom:1px solid #ddd; padding:4px 9px; font-size:11px; color:#666}
.floor .fhead .who{color:#06c; font-weight:bold; font-size:12px}
.floor .fbody{padding:12px 10px; min-height:60px; font-size:13px; line-height:1.9; white-space:pre-wrap; word-break:break-word}
.floor .fside{float:left; width:104px; border-right:1px solid #eee; text-align:center; padding:10px 4px; background:#fafafa; font-size:11px; color:#888}
.floor .fmain{margin-left:104px; padding:10px 12px; min-height:70px; font-size:13px; line-height:1.9; white-space:pre-wrap; word-break:break-word}

/* 表单 */
.form-box{border:1px solid #ddd; padding:12px 14px; background:#fcfcfc}
.form-box .row{margin-bottom:9px}
.form-box label{display:inline-block; width:92px; text-align:right; color:#555; vertical-align:top}
.form-box .req{color:#c00}
.form-box input[type=text],.form-box input[type=tel],.form-box select,.form-box textarea{
  border:1px solid #bbb; padding:4px 5px; background:#fff; width:300px; font-size:12px
}
.form-box textarea{width:420px; height:88px; resize:vertical}
.form-box .tip{color:#999; margin-left:96px; font-size:11px}
.btn{border:1px solid #bbb; background:#f0f0f0; padding:4px 14px; font-size:12px; cursor:pointer; color:#333}
.btn:hover{background:#e6e6e6}
.btn-go{background:#f60; border-color:#d35400; color:#fff; font-weight:bold}
.btn-go:hover{background:#e05500}
.btn-sm{padding:2px 8px}

/* 检索条 */
.searchbar{background:#fffbe8; border:1px solid #f0dca0; padding:7px 9px; margin-bottom:8px; font-size:12px}
.searchbar select,.searchbar input[type=text]{border:1px solid #bbb; padding:3px 4px; font-size:12px}
.searchbar input[type=text]{width:150px}

/* 分页 */
.pager{margin:10px 0; font-size:12px; text-align:right}
.pager a,.pager span{display:inline-block; border:1px solid #ccc; padding:2px 8px; margin-left:3px; background:#fff; color:#06c}
.pager span.cur{background:#3c8b31; color:#fff; border-color:#2b6b23; font-weight:bold}
.pager span.dis{color:#aaa}

/* 右侧热线 / 二维码 */
.tel-panel{background:#fff6dc; border:1px solid #ebd28a; padding:9px; text-align:center}
.tel-panel .k{font-size:11px; color:#8a5a00}
.tel-panel .v{font:bold 17px/1.5 Arial,sans-serif; color:#d00}
.tel-panel .wx{font:bold 14px/1.5 Consolas,monospace; color:#c00; word-break:break-all}
.qr-img{display:block; margin:6px auto; width:160px; height:160px; object-fit:contain; border:1px solid #ddd; background:#fff}
.qr-ph{width:160px; height:160px; margin:6px auto; border:1px dashed #ccc; background:#fafafa; color:#999; display:flex; align-items:center; justify-content:center; text-align:center; font-size:11px; line-height:1.6; padding:8px}
.stat-line{line-height:22px; border-bottom:1px dotted #e5e5e5}
.stat-line b{color:#c00}

/* 资讯文章 */
.article{border:1px solid #ddd; padding:16px 20px; font-size:14px; line-height:1.9}
.article .art-title{font:bold 20px/1.5 "微软雅黑",Arial,sans-serif; text-align:center; color:#222; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:8px}
.article .art-meta{text-align:center; font-size:11px; color:#999; margin-bottom:18px}
.article h2{font-size:15px; color:#2f6b28; margin:18px 0 8px; border-left:3px solid #3c8b31; padding-left:8px}
.article p{margin:0 0 10px}
.article li{margin:4px 0}

/* 页脚 */
.footer{border-top:2px solid #3c8b31; background:#f7f7f7; margin-top:10px; padding:14px 0 24px; font-size:11px; color:#777}
.footer .in{width:1000px; margin:0 auto; text-align:center; line-height:22px}
.footer .links a{margin:0 6px; color:#555}
.footer .legal{color:#999; font-size:11px; margin-top:6px; line-height:1.8}

/* 悬浮客服条 */
.float-svc{position:fixed; right:6px; bottom:14px; width:112px; border:1px solid #d7a94a; background:#fffbe8; z-index:80; font-size:11px; text-align:center}
.float-svc .t{background:#f60; color:#fff; padding:3px 0; font-weight:bold}
.float-svc a{display:block; padding:4px 0; border-top:1px solid #f0dca0; color:#a34b00}
.float-svc a:hover{background:#fff2cc; text-decoration:none}
.float-svc .close{display:block; background:#f5f5f5; color:#999; border-top:1px solid #eee; cursor:pointer}

/* 后台 */
.admin-wrap{width:1000px; margin:0 auto; padding-bottom:30px}
.admin-bar{background:#f2f7ef; border:1px solid #c8d6b9; padding:8px 10px; margin:10px 0; font-size:13px}
.admin-bar a{margin-right:10px}
.admin-bar form{display:inline}
.admin-cards{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px}
.admin-cards .c{border:1px solid #ddd; padding:10px 16px; min-width:130px; background:#fff}
.admin-cards .c b{display:block; font:bold 22px/1.4 Arial,sans-serif; color:#2f7d32}
.admin-box{border:1px solid #ddd; padding:12px; margin-bottom:10px; background:#fff}
.admin-box h3{font-size:14px; margin-bottom:8px; color:#2f6b28}
.admin-box table{font-size:12px}
.admin-box th,.admin-box td{border:1px solid #e5e5e5; padding:5px 7px; text-align:left; vertical-align:top}
.admin-box th{background:#f2f7ef}
.admin-box select,.admin-box input[type=text],.admin-box textarea{border:1px solid #bbb; padding:3px 5px; font-size:12px}
.admin-box textarea{width:100%; min-height:64px}
.tag-p{background:#fff0e0; color:#a34b00; padding:1px 6px; border:1px solid #f0c9a0}
.tag-g{background:#eaf6e8; color:#2f6b28; padding:1px 6px; border:1px solid #c8d6b9}
.tag-b{background:#eef2f8; color:#456; padding:1px 6px; border:1px solid #ccd8e8}

@media print{.topbar,.nav,.float-svc,.pager{display:none!important}body{font-size:12pt}}