@charset "utf-8";
/* ============================================================
   黄页网 前台统一主题层  site-theme.css
   ------------------------------------------------------------
   设计规范
     主色   #E1251B      主色深 #C41E15      点缀 #FF7A00
     文字   #1F2329 / 次要 #5A6474 / 弱 #8A93A3
     边框   #E8ECF2      分隔   #F2F4F8      页面底 #F4F6F9
     圆角   卡片 12px    按钮 8px   输入 8px
   说明：本文件在 header.ascx / User_head.ascx 末尾加载，
        位于各页面自身样式之后，用于统一视觉，不改变 DOM 结构。
   ============================================================ */

/* ---------- 1. 基础排版 ---------- */
body {
    background: #F4F6F9;
    color: #1F2329;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body a { color: #1F2329; }
body a:hover { text-decoration: none; color: #E1251B; }
body img { border: 0; vertical-align: middle; }

/* 清掉老版块之间多余的 6px/10px 空白条，改由卡片间距控制 */
.divline { height: 0 !important; line-height: 0 !important; }

/* ---------- 2. 顶部信息条（header.ascx 实际类名是 .topbar） ---------- */
.topbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #EDF0F5 !important;
    color: #8A93A3;
}
.topbar .wel, .topbar .wel h1 { color: #8A93A3 !important; }
/* 正文已有 H1 的页面，顶部这块降级为 div（保持 14px/36px 与原 h1 一致） */
.topbar .wel .seo-h1 { font-size: 14px; line-height: 36px; }
.topbar a, .topbar .f_r a { color: #5A6474 !important; }
.topbar a:hover, .topbar .f_r a:hover { color: #E1251B !important; }
.topbar .wri #user-status { line-height: 36px; }
.topbar .f_r span { color: #D5DAE3 !important; }

/* ---------- 3. 主导航头（.tophead，白底） ---------- */
/* 站点 logo 是调色板 PNG（无 alpha，白底），这里把头部改成纯白并让白底与背景相乘，
   视觉上等同透明，不会再出现白色方块。 */
.tophead {
    background: #FFFFFF !important;
    /* 用 box-shadow 画分隔线，避免 border 把 120px 的头部撑高 1px 挤动下方内容 */
    box-shadow: 0 1px 0 #F0F2F6;
}
.tophead .logo img {
    mix-blend-mode: multiply;
    /* 一行预算：logo + 导航(450) + 搜索(432) 必须 ≤ 1200，
       padding 一旦变大搜索框就会换行掉到 banner 上，这里保持 16px 留余量 */
    padding-right: 16px !important;
}
.navbar .nav ul li a {
    color: #222 !important;
    font-size: 16px;
    transition: color .16s ease;
}
.navbar .nav ul li a:hover { color: #E1251B !important; border-bottom-color: #E1251B !important; }
.navbar .nav ul .over a { color: #E1251B !important; }
/* 搜索框 */
.websearch { border-radius: 8px; }
.websearch .select { color: #5A6474; }
.websearch .s_btn { background: #E1251B !important; border-color: #E1251B !important; color: #fff !important; }

/* 顶部搜索区 */
.searchbox, .search { border-radius: 999px; }
.searchbtn, .searchBtn, .btn-search {
    background: #E1251B !important;
    border-color: #E1251B !important;
    color: #fff !important;
}

/* ---------- 4. 通用卡片 ---------- */
/* 首页轮播与广告位：统一圆角，去掉硬边 */
.banner { border-radius: 12px; overflow: hidden; }
.index1 .middle .ads168 li { border-radius: 10px; overflow: hidden; }
.index1 .middle .ads168 li img { border-radius: 10px; }

/* 楼层企业名：统一为深灰，hover 主色 */
.ibox2 .floornr .pinpai a { color: #5A6474; font-size: 13px; line-height: 24px; }
.ibox2 .floornr .pinpai a:hover { color: #E1251B; }
.ibox2 .floornr h4 { font-size: 14px; color: #8A93A3; }
/* 首页：左分类 / 中轮播 / 右登录 三块统一白卡 */
.index1 .left {
    background: transparent !important;
}
.index1 .leftmenu, .leftmenubox {
    background: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    /* 注意：不能写 overflow:hidden —— 展开的行业浮层是绝对定位在 li 右侧，
       父级一旦裁剪就整块看不见（这就是鼠标移上去没反应的原因） */
    overflow: visible !important;
}
/* 左侧行业展开面板：抬高层级、补白底与阴影，确保压在轮播图之上 */
.leftList ul li { position: relative; }
.leftList ul li:hover { z-index: 60 !important; }
.leftList ul li.hov { z-index: 60 !important; }
/* JS 会给 li 加 .hov；再补一条纯 CSS :hover 兜底，JS 失效时也能展开 */
.leftList ul li:hover > .lsli,
.leftList ul li.hov > .lsli { display: block; }
.leftList ul li .lsli {
    z-index: 61 !important;
    background: #FFFFFF !important;
    border: 1px solid #EDF0F5 !important;
    border-left: 0 !important;
    border-radius: 0 12px 12px 0;
    box-shadow: 8px 8px 28px rgba(16, 24, 40, .10);
    padding: 6px 8px !important;
    width: 700px !important;
    min-height: 430px !important;
}
.leftList .lslia dl { border-bottom: 1px solid #F2F4F8; }
.leftList .lslia dl.hov { background: #FFF7F6; border-radius: 8px; }
.leftList .lslia dl dt a { color: #1F2329; }
.leftList .lslia dl dt a:hover { color: #E1251B; }
.leftList .lslia dl dd a { color: #6B7484; }
.leftList .lslia dl dd a:hover { color: #E1251B; }
.logins {
    border: 1px solid #EDF0F5 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .05);
    background: #FFFFFF !important;
}
.infos {
    background: #FFFFFF !important;
    border: 1px solid #EDF0F5;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .05);
    overflow: hidden;
}

/* ---------- 首页 banner 右栏：最新产品 / 最新资讯（已去掉登录、会员中心） ---------- */
.index1 .right {
    height: 480px;
}
.index1 .right .infos {
    float: none;
    width: 100%;
    height: 480px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #EDF0F5;
    border-radius: 12px;
    overflow: hidden;
}
.index1 .right .m1Infot {
    float: none;
    width: auto;
    height: 44px;
    padding: 0 12px;
    border-bottom: 1px solid #F2F4F8;
    box-sizing: border-box;
}
.index1 .right .m1Infot .c101,
.index1 .right .m1Infot .c102 {
    float: left;
    width: 96px;
    height: 42px;
    line-height: 42px;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: 0;
}
.index1 .right .m1Infot .c101 {
    color: #E1251B;
    font-weight: 600;
    border-bottom: 2px solid #E1251B;
}
.index1 .right .m1Infot .c102 {
    color: #8A93A3;
    border-bottom: 2px solid transparent;
}
.index1 .right .m1Infoc {
    float: none;
    width: auto;
    height: 434px;
    padding: 6px 12px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.index1 .right .m1Infoc ul { margin: 0; padding: 0; list-style: none; }

/* 最新产品：56×42 缩略图 + 单行标题 + 日期
   注意：index.css 里有 `.m1Infoc ul li{float:left;width:220px;height:25px;line-height:25px}`，
   选择器权重比 `.hp-prod li` 高，所以这里统一带上 .index1 .right .m1Infoc 前缀并显式复位。 */
.index1 .right .m1Infoc .hp-prod li,
.index1 .right .m1Infoc .hp-news li {
    float: none;
    width: auto;
    display: flex;
    border-bottom: 1px dashed #F0F3F8;
}
.index1 .right .m1Infoc .hp-prod li {
    align-items: center;
    height: 52px;
    padding: 5px 0;
    box-sizing: border-box;
    line-height: normal;
}
.index1 .right .m1Infoc .hp-prod li:last-child { border-bottom: 0; }
.index1 .right .m1Infoc .hp-pic {
    flex: 0 0 56px;
    width: 56px;
    height: 42px;
    margin-right: 8px;
    border-radius: 6px;
    overflow: hidden;
    background: #F6F8FB;
}
.index1 .right .m1Infoc .hp-pic img { display: block; width: 56px; height: 42px; object-fit: cover; }
.index1 .right .m1Infoc .hp-bd { flex: 1 1 auto; min-width: 0; }
.index1 .right .m1Infoc .hp-t {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12.5px;
    line-height: 17px;
    color: #4E5969;
}
.index1 .right .m1Infoc .hp-t:hover { color: #E1251B; }
.index1 .right .m1Infoc .hp-bd em {
    display: block;
    margin-top: 3px;
    font-style: normal;
    font-size: 11px;
    line-height: 14px;
    color: #B6BDC9;
}

/* 最新资讯：长列，标题 + 日期 */
.index1 .right .m1Infoc .hp-news li {
    position: relative;
    align-items: baseline;
    justify-content: space-between;
    height: 30px;
    padding: 5px 0 5px 9px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 20px;
}
.index1 .right .m1Infoc .hp-news li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #D5DAE3;
}
.index1 .right .m1Infoc .hp-news li a {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 6px;
    color: #4E5969;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index1 .right .m1Infoc .hp-news li a:hover { color: #E1251B; }
.index1 .right .m1Infoc .hp-news li em {
    flex: 0 0 auto;
    font-style: normal;
    font-size: 11px;
    color: #B6BDC9;
}

/* 首页楼层 */
/* 注意：楼层内部 .floorimg(280) + .pinpai(900) 刚好 1180，左右加 padding 会挤到换行，
   所以这里只给上下 padding，标题与 Tab 单独缩进。 */
.ibox2 {
    background: #FFFFFF !important;
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
    padding: 18px 0 22px;
    margin: 16px auto !important;
    width: 1200px;
    box-sizing: border-box;
    overflow: hidden;
}
/* 第一行：h2 独占，作主栏目标题 */
.ibox2 .tittle2 {
    font-size: 21px !important;
    font-weight: 600;
    color: #1F2329;
    line-height: 30px;
    margin-left: 20px;
    padding-left: 12px;
    border-left: 4px solid #E1251B;
    float: none !important;
    overflow: visible !important;
    white-space: normal !important;
}
.ibox2 .tittle2 h2 {
    margin: 0 !important;
    font-size: 21px;
    font-weight: 700;
    line-height: 30px;
    color: #1F2329;
    letter-spacing: .5px;
}
/* 第二行：左「优秀老板推荐」+ 右子类 Tab，同一水平线、Tab 右对齐 */
.ibox2 .floorbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 20px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #F2F4F8;
}
.ibox2 .floorbar h4 {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 0 0 16px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    color: #8A93A3;
    letter-spacing: .2px;
    white-space: nowrap;
}
.ibox2 .floornr { width: 100% !important; margin-top: 14px !important; }
.ibox2 .floornr .floorimg {
    height: auto !important;
    min-height: 320px;
    border-radius: 12px;
    overflow: hidden;
}
.ibox2 .floornr .pinpai { margin-top: 8px !important; }
.ibox2 .floorimg h4 { font-weight: 600; color: #1F2329; }

/* 左栏「优秀老板」标签：4 列等宽网格，名字过长省略 */
.ibox2 .floorimg .tagslist {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 16px 0 4px !important;
}
.ibox2 .floorimg .tagslist span { display: block; min-width: 0; }
.ibox2 .floorimg .tagslist span a {
    display: block;
    width: auto !important;
    margin: 0 !important;
    padding: 0 4px !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 13px !important;
    text-align: center;
    border-radius: 6px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- 5. 楼层行业标签（保留模板原有的多彩配色，只统一圆角/间距/交互） ---------- */
/* 注意：不要在这里写 background / color，否则会盖掉 style.css、b2b.css 里的 tag0~tag9 配色 */
.tagslist { padding: 8px 0 4px !important; }
.tagslist span a {
    border-radius: 6px !important;
    font-size: 14px !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 12px !important;
    margin: 8px 12px 8px 0 !important;
    font-weight: 400;
    letter-spacing: .2px;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.tagslist span a:hover {
    opacity: .9 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(16, 24, 40, .12);
    text-decoration: none !important;
}

/* ---------- 6. 楼层 Tab（子类，靠右与「优秀老板推荐」同行） ---------- */
.ibox2 .floorbar .floorlm {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    list-style: none;
    border-bottom: none;
}
.ibox2 .floorbar .floorlm li {
    float: none !important;
    width: auto !important;
    max-width: 140px;
    margin: 0 !important;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #5A6474;
    border-radius: 15px;
    cursor: pointer;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: background .16s ease, color .16s ease;
}
.ibox2 .floorbar .floorlm li:hover { background: #F5F6F8; color: #1F2329; }
.ibox2 .floorbar .floorlm li.active {
    color: #E1251B;
    font-weight: 600;
    background: #FFF1EF;
}
.ibox2 .floorbar .floorlm li.active:after { display: none !important; }

/* ---------- 7. 面包屑 ---------- */
.location {
    height: auto !important;
    line-height: 22px !important;
    color: #8A93A3 !important;
    padding: 14px 2px;
}
.location a { color: #5A6474 !important; }
.location a:hover { color: #E1251B !important; }

/* ---------- 8. 资讯列表（news.aspx） ---------- */
.column-infolist { background: transparent; }
.column-infolist ul { margin: 0; padding: 0; }
.column-infolist li.single {
    background: #FFFFFF;
    border: 1px solid #EDF0F5 !important;
    border-radius: 12px;
    padding: 16px !important;
    margin-bottom: 14px;
    display: flex !important;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100% !important;
    transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.column-infolist li.single:hover {
    background: #FFFFFF !important;
    border-color: #FFD7D3 !important;
    box-shadow: 0 8px 24px rgba(225, 37, 27, .08);
    transform: translateY(-1px);
}
.column-infolist li.single div.img {
    width: 208px !important;
    height: 124px !important;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 18px !important;
    flex: 0 0 208px;
    background: #F4F6F9;
}
.column-infolist li.single div.img img { width: 208px !important; height: 124px !important; top: 0 !important; object-fit: cover; }
.column-infolist li.single div.content { float: none !important; width: auto !important; margin: 0 !important; flex: 1; }
.column-infolist li.single div.title {
    font-size: 17px !important;
    font-weight: 600;
    line-height: 26px !important;
    padding-bottom: 8px !important;
    top: 0 !important;
}
.column-infolist li.single div.title a { color: #1F2329 !important; }
.column-infolist li.single div.title a:hover { color: #E1251B !important; }
.column-infolist li.single div.intro,
.column-infolist li.single div.intro span {
    color: #8A93A3 !important;
    font-size: 13px !important;
    line-height: 22px !important;
}
.column-infolist li.single div.intro span { display: inline-block; margin-top: 8px; }

/* ---------- 9. 黄页名录（qiye/list、city、county、type、company 共用） ---------- */
.hylist .item {
    background: #FFFFFF;
    border: 1px solid #EDF0F5;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 12px;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.hylist .item:hover {
    border-color: #FFD7D3;
    box-shadow: 0 8px 24px rgba(225, 37, 27, .07);
}
.hylist .item h3 {
    font-size: 17px;
    font-weight: 600;
    color: #1F2329;
    line-height: 26px;
    margin: 0 0 6px;
}
.hylist .item > a:hover h3 { color: #E1251B; }
.hylist .item p {
    color: #5A6474;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
}
.hylist .item p a { color: #8A93A3; }
.hylist .item p a:hover { color: #E1251B; }
.hylist .w930 > h1 { font-size: 18px; font-weight: 600; color: #1F2329; margin: 0 0 14px; line-height: 28px; }

/* 黄页/行业页顶部说明区 */
.tdiv .h1 { font-size: 18px; font-weight: 600; color: #1F2329; line-height: 28px; }
.tdiv .h2 { font-size: 15px; font-weight: 600; color: #1F2329; }
.shen_box { line-height: 30px; }
.shen_box a {
    display: inline-block;
    margin: 0 16px 6px 0;
    color: #5A6474;
    font-size: 13px;
}
.shen_box a:hover { color: #E1251B; }

/* 右侧分类框 */
.rbox {
    background: #FFFFFF;
    border: 1px solid #EDF0F5;
    border-radius: 12px;
    padding: 14px 16px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
.rbox .h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #F2F4F8;
    margin-bottom: 8px;
}
.qiye_box a {
    display: block;
    padding: 7px 0;
    color: #5A6474;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px dashed #F2F4F8;
}
.qiye_box a:last-child { border-bottom: 0; }
.qiye_box a:hover { color: #E1251B; }

/* ---------- 9b. 老式资讯页企业列表 ---------- */
.listcolumn .comlist li,
.listcolumn .pagelist li {
    background: #FFFFFF;
    border: 1px solid #EDF0F5 !important;
    border-bottom: 1px solid #EDF0F5 !important;
    border-radius: 12px;
    padding: 18px 20px !important;
    margin-bottom: 12px;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.listcolumn .comlist li:hover,
.listcolumn .pagelist li:hover {
    background: #FFFFFF !important;
    border-color: #FFD7D3 !important;
    box-shadow: 0 8px 24px rgba(225, 37, 27, .07);
}
.listcolumn .comlist li div.company { font-size: 17px !important; font-weight: 600; }
.listcolumn .comlist li div.company a { color: #1F2329 !important; }
.listcolumn .comlist li div.company a:hover { color: #E1251B !important; }
.listcolumn .comlist li div.intro {
    color: #5A6474 !important;
    font-size: 13px !important;
    line-height: 24px !important;
}
.listcolumn .comlist li div.area { color: #A8B0BE !important; font-size: 12px; }

/* ---------- 10. 侧栏 ---------- */
.listbar .m, .listbar > div, .rlist, .recommend {
    background: #FFFFFF;
    border: 1px solid #EDF0F5;
    border-radius: 12px;
    padding: 14px 16px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
.listbar .title, .rlist h2 {
    font-size: 16px;
    font-weight: 600;
    color: #1F2329;
    padding-bottom: 10px;
    border-bottom: 1px solid #F2F4F8;
    margin-bottom: 6px;
}
.listbar li, .rlist li { padding: 8px 0; border-bottom: 1px dashed #F2F4F8; }
.listbar li:last-child, .rlist li:last-child { border-bottom: 0; }
.listbar li a, .rlist li a { font-size: 13px; color: #5A6474; line-height: 20px; }
.listbar li a:hover, .rlist li a:hover { color: #E1251B; }

/* ---------- 11. 分页 ---------- */
.pageLink { padding: 22px 0 10px !important; }
.pageLink a, .pageLink .current {
    display: inline-block;
    min-width: 34px;
    line-height: 32px !important;
    padding: 0 12px !important;
    margin: 0 4px !important;
    border: 1px solid #E8ECF2 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #5A6474 !important;
    font-size: 13px !important;
    text-align: center;
    transition: all .18s ease;
}
.pageLink a:hover {
    border-color: #E1251B !important;
    color: #E1251B !important;
    background: #FFF7F6 !important;
}
.pageLink .current {
    background: #E1251B !important;
    border-color: #E1251B !important;
    color: #FFFFFF !important;
    font-weight: 600;
}
.pageLink span { font-size: 14px !important; color: #A8B0BE; }

/* ---------- 12. 表单控件（限定范围，避开 layui） ---------- */
.regitem .reginput,
.updinput,
.inpall,
input.txt,
input[type="text"].form-control,
input[type="password"].form-control {
    border: 1px solid #E8ECF2 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #1F2329 !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.inpall:focus,
.regitem .reginput:focus,
.updinput:focus {
    border-color: #E1251B !important;
    box-shadow: 0 0 0 3px rgba(225, 37, 27, .10) !important;
    outline: none !important;
}

/* 首页登录框 */
.logins .login .title { border-bottom: 1px solid #F2F4F8 !important; }
.logins .inpall {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    font-size: 14px;
}
.logins .loginbtn,
.logins button.loginbtn {
    height: 42px !important;
    line-height: 42px !important;
    width: 100%;
    border: 0 !important;
    border-radius: 8px !important;
    background: #E1251B !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: 2px;
    cursor: pointer;
    transition: background .18s ease;
}
.logins .loginbtn:hover { background: #C41E15 !important; }
.logins .smssend {
    border-radius: 6px !important;
    border: 1px solid #E1251B !important;
    background: #FFFFFF !important;
    color: #E1251B !important;
}

/* 通用主按钮 */
.regbtn, .msgbox .btn, .btn-primary {
    background: #E1251B !important;
    border: 0 !important;
    border-radius: 8px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 26px !important;
    font-size: 15px !important;
    font-weight: 600;
    color: #fff !important;
    cursor: pointer;
    transition: background .18s ease;
}
.regbtn:hover, .msgbox .btn:hover, .btn-primary:hover { background: #C41E15 !important; }

/* ---------- 13. 表格（会员中心大量用 layui-table） ---------- */
.layui-table {
    border-radius: 10px;
    overflow: hidden;
    border-color: #EDF0F5;
}
.layui-table thead tr {
    background: #F8FAFC !important;
}
.layui-table th {
    color: #5A6474 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-color: #EDF0F5 !important;
}
.layui-table td {
    color: #1F2329 !important;
    font-size: 13px !important;
    border-color: #F2F4F8 !important;
}
.layui-table tbody tr:hover { background: #FFF9F8 !important; }

/* ---------- 14. 提示条 ---------- */
.notice {
    border: 1px solid #FFE0DC !important;
    background: #FFF7F6 !important;
    border-radius: 10px;
    padding: 12px 16px !important;
    line-height: 190% !important;
    font-size: 13px !important;
    color: #5A6474;
}
.notice .orange, .notice b.orange { color: #E1251B !important; }
.alert {
    border-radius: 10px;
    border: 1px solid #FFE8B8;
    background: #FFFBF0 !important;
}

/* ============================================================
   15. 会员中心
   ============================================================ */

/* 说明：会员中心的整体框架（顶栏、左菜单、内容卡、快捷入口图标）
   已由 /css/user-ui.css 定制，本文件不再重复覆盖，避免两套布局打架。 */

/* 账户概览卡（default.aspx 顶部数据区） */
.um-ov {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0 14px;
}
.um-ov-item {
    flex: 1 1 0;
    min-width: 148px;
    margin-right: 12px;
    background: #F8FAFC;
    border: 1px solid #EDF0F5;
    border-radius: 12px;
    padding: 14px 18px;
    box-sizing: border-box;
    transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.um-ov-item:last-child { margin-right: 0; }
.um-ov-item:hover {
    background: #FFFFFF;
    border-color: #FFD7D3;
    box-shadow: 0 6px 18px rgba(225, 37, 27, .06);
}
.um-ov-label { font-size: 13px; color: #8A93A3; line-height: 20px; }
.um-ov-value {
    font-size: 30px;
    font-weight: 600;
    color: #E1251B;
    line-height: 40px;
    letter-spacing: -1px;
}
.um-ov-value em {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    color: #8A93A3;
    margin-left: 4px;
    letter-spacing: 0;
}
.um-ov-foot { font-size: 12px; color: #A8B0BE; line-height: 20px; margin-top: 2px; }
.um-ov-foot a { color: #E1251B; }
.um-ov-bar {
    height: 6px;
    background: #EEF1F5;
    border-radius: 999px;
    margin-top: 10px;
    overflow: hidden;
}
.um-ov-bar i { display: block; height: 6px; background: #E1251B; border-radius: 999px; }
.um-ov-actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
    background: #FFFFFF;
}
.um-ov-btn {
    display: block;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border-radius: 8px;
    background: #E1251B;
    color: #FFFFFF !important;
    font-size: 13px;
    margin-bottom: 8px;
    transition: background .18s ease;
}
.um-ov-btn:hover { background: #C41E15; color: #FFFFFF !important; }
.um-ov-btn-ghost { background: #FFFFFF; border: 1px solid #E8ECF2; color: #5A6474 !important; }
.um-ov-btn-ghost:hover { border-color: #E1251B; color: #E1251B !important; background: #FFFFFF; }

/* 用户资料条（user-ui 未覆盖） */
.userprofile {
    background: #FFFFFF;
    border-top: 1px solid #F2F4F8;
    padding: 12px 0 !important;
}
.userprofile .ulogo img {
    border-radius: 50%;
    border: 2px solid #FFF4F3;
    width: 56px;
    height: 56px;
    object-fit: cover;
}
.userprofile .utxt h3 { font-size: 16px; font-weight: 600; color: #1F2329; }
.userprofile .utxt p { font-size: 12px; color: #A8B0BE; }
.userprofile .uset a {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding: 0 14px;
    border: 1px solid #E8ECF2;
    border-radius: 999px;
    color: #5A6474;
    font-size: 12px;
}
.userprofile .uset a:hover { border-color: #E1251B; color: #E1251B; }

/* 资料行补充：行距更紧凑 */
#home { padding: 0 !important; }
#home ul { margin: 0; }
#home li {
    padding: 13px 2px !important;
    font-size: 13px !important;
    line-height: 24px !important;
    color: #5A6474 !important;
    border-bottom: 1px solid #F5F7FA;
    text-indent: 0 !important;
}
#home li:last-child { border-bottom: 0; }
#home li > span.orange, #home li b { color: #E1251B; }

/* 会员中心内页表单 / 列表 */
/* 区块标题与上方内容的呼吸感（user-ui 里 margin-top 为 0） */
.useright .rtnav { margin-top: 10px !important; }
.useright .topmenu {
    margin-top: 18px !important;
    padding-top: 16px;
    border-top: 1px solid #F2F4F8;
}
.account-form {
    border: 1px solid #EDF0F5 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04) !important;
    padding: 28px 30px !important;
}
.useright table { border-collapse: separate; border-spacing: 0; }
.useright .title { background: none !important; height: auto !important; line-height: 34px !important; }

/* ---------- 16. 页脚 ---------- */
.footer { background: transparent; color: #8A93A3; padding: 18px 0; }
.footer a { color: #8A93A3; }
.footer a:hover { color: #E1251B; }

/* ---------- 17. 小屏收口 ---------- */
@media screen and (max-width: 1240px) {
    .ibox2 { width: auto !important; margin: 12px 10px !important; padding: 14px 12px 16px; }
    .column-infolist li.single { flex-direction: column; }
    .column-infolist li.single div.img { width: 100% !important; height: 160px !important; flex: none; margin: 0 0 12px !important; }
    .column-infolist li.single div.img img { width: 100% !important; height: 160px !important; }
    .useright { padding: 4px 14px 16px !important; }
    .topmenu li { margin: 0 8px !important; }
}