/* ============================================================
   slwfw.com PC 首页 视觉统一（对齐 m 端品牌橙）2026-09-09
   仅首页 index_classic.html 引入；不动老 css，可整行删除回滚
   品牌橙：#FF6C00/#FF9A3C 渐变 | 圆角卡片 | 浅灰底
   ============================================================ */

/* ---------- 页面基底：浅灰 + 白卡 ---------- */
body.blue.full,
body.full.bodybgblue0 {
    background: #f3f4f6 !important;
}
.bodybgcolor,
.bodybgcolor .body1000 {
    background: transparent !important;
}

/* ---------- 顶栏 ---------- */
.cg-head .bartop {
    background: #ffffff;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
}
.bartop,
.bartop a { color: #666 !important; }
.bartop a:hover { color: #FF6C00 !important; }
.bartop .barright #iflogin a { color: #FF6C00 !important; font-weight: 600; }
.bartop .barright #iflogin a:hover { color: #e05500 !important; }

/* ---------- Logo/搜索行 → 白卡圆角 ---------- */
.cg-head .logosearchtel {
    background: #fff;
    border-radius: 10px;
    margin: 10px auto;
    padding: 0 14px 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}
.logosearchtel .postedit a.post {
    background: linear-gradient(90deg, #FF9A3C, #FF6C00) !important;
    border-radius: 22px !important;
    box-shadow: 0 3px 8px rgba(255, 108, 0, .32);
    padding-left: 18px !important;
    text-align: center;
    line-height: 40px;
}
.logosearchtel .postedit a.post:hover {
    background: linear-gradient(90deg, #ff8c24, #f25f00) !important;
    box-shadow: 0 4px 12px rgba(255, 108, 0, .4);
}
/* 搜索按钮：蓝 → 品牌橙 */
.sch_t_frm .btn-normal,
.topsearchinput + div .btn-normal {
    background: linear-gradient(90deg, #FF9A3C, #FF6C00) !important;
    border-radius: 0 22px 22px 0 !important;
    font-weight: 700;
    letter-spacing: 2px;
}
/* 搜索类型 Tab 激活态 */
.s_ulA ul li.current,
.s_ulA ul li.current a { color: #FF6C00 !important; border-color: #FF6C00 !important; }

/* ---------- 左侧信息分类面板 → 品牌橙 ---------- */
#infomenu {
    border: 0 !important;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
    /* 注意：不能 overflow:hidden，会裁掉二级菜单飞出面板的部分 */
}
#infomenu .titup,
#infomenu .titdown {
    background: linear-gradient(90deg, #FF9A3C, #FF6C00) !important;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 16px;
    background-image: none;
}
#infomenu .titup b { color: #fff; }
#infomenu .cont { border-top: 0 !important; border-radius: 0 0 10px 10px; }
#infomenu .cont li { margin: 0 10px; border-bottom: 1px dashed #f0e2d4; }
#infomenu li.thismenu dl dd,
#infomenu li.thismenu em {
    border: 2px solid #FF9A3C !important;
    box-shadow: 0 0 8px rgba(255, 156, 60, .35) !important;
    border-radius: 0 0 8px 8px !important;
}
#infomenu .cont li em a { color: #333 !important; }
#infomenu .cont li em:hover a { color: #FF6C00 !important; }

/* ---------- 顶部导航行（首页/发布等） ---------- */
.focushead .daohang.indexdh {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}
.focushead .indexdh li a { color: #444; }
.focushead .indexdh li a:hover { color: #FF6C00; }
.focushead .daohang li a.current,
.daohang li a.current {
    color: #FF6C00 !important;
    font-weight: 700;
}
.daohang_con { border-radius: 10px; overflow: hidden; }
.daohang_con .categories dl dt.titup { border-radius: 0; }

/* ---------- 轮播 + 公告卡 ---------- */
.focushead .focuscorp { margin-top: 12px; }
.focustop .banner { border-radius: 10px; }
.announcepost {
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
    padding-bottom: 12px;
}
.announcepost #tab1 { border-bottom: 1px solid #f0f0f0; margin: 12px 14px 0; width: auto; }
#tab1 li.now {
    color: #FF6C00 !important;
    border-bottom: 2px solid #FF6C00 !important;
}
.announcepost .tablist li a:hover,
.announcepost .course li a:hover { color: #FF6C00; }
/* 发布/单位注册 两个按钮 */
.courseschool a.postinfo,
a.postinfo {
    background: linear-gradient(90deg, #FF9A3C, #FF6C00) !important;
    border-radius: 6px !important;
    border: 0 !important;
    box-shadow: 0 2px 6px rgba(255, 108, 0, .25);
    transition: all .2s ease;
}
.courseschool a.postinfo:hover,
a.postinfo:hover {
    background: linear-gradient(90deg, #ff8c24, #f25f00) !important;
    box-shadow: 0 4px 10px rgba(255, 108, 0, .35);
}
.courseschool a.postmember {
    background: #fff !important;
    border: 1px solid #FF6C00 !important;
    color: #FF6C00 !important;
    border-radius: 6px !important;
    box-sizing: border-box;
}
.courseschool a.postmember:hover {
    background: #fff7f0 !important;
    color: #e05500 !important;
    border-color: #e05500 !important;
}

/* ---------- 会员店铺横滚区 ---------- */
.hotschool {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}
.hotschool .rollBox .pic { border-radius: 8px; }
.hotschool .seecourse a.red,
.hotschool .seecourse a { color: #FF6C00 !important; }

/* ---------- 双列分类信息块 ---------- */
.infolist .showbox {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
    margin-bottom: 14px;
}
.showbox .hd {
    height: 44px;
    line-height: 44px;
    background: #fff !important;
    border-top: 0 !important;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    padding-left: 8px;
}
.showbox .hd::before {
    content: "";
    position: absolute;
    left: 0; top: 11px;
    width: 4px; height: 22px;
    background: linear-gradient(180deg, #FF9A3C, #FF6C00);
    border-radius: 2px;
}
.showbox .hd .cattitle { color: #333; font-size: 16px; font-weight: 700; }
.showbox .hd .moreinfo a { color: #999 !important; }
.showbox .hd .moreinfo a:hover { color: #FF6C00 !important; }
.showbox .bd ul li:hover { background: #fffaf4; }
.showbox .bd li .info a:hover { color: #FF6C00; }
.showbox .bd li .catname a { color: #FF9A3C; }
.showbox .bd li .catname a:hover { color: #e05500; }

/* ---------- 底部各区块（商品/电话/友链） ---------- */
.goods, .telephone, .flink { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.goods .hd, .telephone .hd, .flink .hd { position: relative; padding-left: 12px; border-top: 0 !important; border-bottom: 0 !important; }
.goods .hd::before, .telephone .hd::before, .flink .hd::before {
    content: "";
    position: absolute; left: 0; top: 50%;
    margin-top: -10px;
    width: 4px; height: 20px;
    background: linear-gradient(180deg, #FF9A3C, #FF6C00);
    border-radius: 2px;
}
.goods .hd .hdleft, .telephone .hd li.now, .flink .hd .hdleft { color: #FF6C00 !important; font-weight: 700; }
.telephone .hd ul li { color: #666; }
.telephone .hd ul li.now { border-bottom-color: #FF6C00 !important; }
.goods .more a, .flink .hd2 a, .flink .hd a { color: #FF9A3C !important; }
.goods .more a:hover, .flink .hd2 a:hover { color: #e05500 !important; }

/* 圆角微调 + 平滑 */
.body1000 .wrapper { border-radius: 10px; }
a { transition: color .15s ease; }
