/* ============================================================
 * 首页样式 - 与会员中心 mc-* 风格保持一致
 * 字体: SimSun 宋体  主色: #1177c1  红色: #cc0001
 * 暖色: #d97706(琥珀) #e8694a(砖红) #f5f2ee(米色)
 * 边框: #d9d9d9  浅灰背景: #fafbfc / #f5f7fa
 * 直角无圆角 / 无阴影 / 无渐变
 * ============================================================ */

.homepage,
.homepage * {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.homepage {
    background: #fff;
    color: #333;
    font-family: SimSun, "宋体", Arial, sans-serif;
    font-size: 12px;
}

.homepage a { color: #333; text-decoration: none; }
.homepage a:hover { color: #cc0001; text-decoration: none; }

.homepage-visually-hidden {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.homepage-skip-link {
    position: absolute;
    left: 12px; top: -40px;
    z-index: 9999;
    padding: 8px 12px;
    background: #1177c1;
    color: #fff;
}
.homepage-skip-link:focus { top: 12px; }

.homepage .SD_ss { background: #fff; }

/* 容器 */
.homepage .homepage-shell {
    margin-top: 10px;
    margin-bottom: 16px;
}

.homepage .homepage-shell,
.homepage .homepage-row,
.homepage .auction-row,
.homepage .col-left,
.homepage .col-center,
.homepage .col-right,
.homepage .homepage-side-box,
.homepage .homepage-link-block,
.homepage .auction-section,
.homepage .homepage-hero,
.homepage .header-search-form,
.homepage .side-box form input[type="text"],
.homepage .side-box form input[type="password"] {
    box-sizing: border-box;
}

/* ===== 今日数据统计条 ===== */
.homepage .homepage-stat-bar {
    display: flex;
    border: 1px solid #d9d9d9;
    background: #fff;
    margin-bottom: 10px;
}
/* ===== 活跃招标机构 TOP10 横向榜单条 ===== */
.homepage .homepage-agency-bar {
    display: flex;
    align-items: center;
    height: 38px;
    margin-bottom: 10px;
    padding: 0 14px;
    background: #f5f2ee;
    border: 1px solid #e8e2db;
    overflow: hidden;
}
.homepage .homepage-agency-title {
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 700;
    color: #d97706;
    margin-right: 16px;
    white-space: nowrap;
}
.homepage .homepage-agency-list {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}
.homepage .homepage-agency-list li {
    display: flex;
    align-items: center;
    margin-right: 18px;
    font-size: 12px;
    white-space: nowrap;
}
.homepage .homepage-agency-rank {
    display: inline-block;
    width: 16px; height: 16px;
    line-height: 16px;
    text-align: center;
    margin-right: 5px;
    background: #c0c8d4;
    color: #fff;
    font-size: 11px;
    font-family: Arial;
}
.homepage .homepage-agency-list li:nth-child(1) .homepage-agency-rank,
.homepage .homepage-agency-list li:nth-child(2) .homepage-agency-rank,
.homepage .homepage-agency-list li:nth-child(3) .homepage-agency-rank {
    background: #e8694a;
}
.homepage .homepage-agency-list li a {
    color: #444;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.homepage .homepage-agency-list li a:hover { color: #2c5fb3; }
.homepage .homepage-agency-list li em {
    margin-left: 4px;
    color: #e8694a;
    font-style: normal;
}
.homepage .homepage-stat-cell {
    flex: 1;
    padding: 12px 16px;
    border-right: 1px solid #e5e8ed;
    text-align: left;
}
.homepage .homepage-stat-cell:last-child { border-right: none; }
.homepage .homepage-stat-cell .homepage-stat-label {
    color: #888;
    font-size: 12px;
    margin-bottom: 4px;
}
.homepage .homepage-stat-cell .homepage-stat-value {
    color: #1177c1;
    font-size: 22px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 28px;
}
.homepage .homepage-stat-cell .homepage-stat-value.text-red { color: #cc0001; }
.homepage .homepage-stat-cell .homepage-stat-extra {
    color: #999;
    font-size: 12px;
    margin-top: 2px;
}

/* ===== 行/列布局（三栏并排，高度由固定行数锁定，不拉伸） ===== */
.homepage .homepage-row {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}
.homepage .homepage-row:first-of-type { margin-top: 0; }

.homepage .col-left { flex: 0 0 270px; width: 270px; }
.homepage .col-center { flex: 0 0 730px; width: 730px; margin: 0 16px; }
.homepage .col-right { flex: 0 0 368px; width: 368px; overflow: visible; }

/* ===== 侧栏盒子（统一 mc-box 视觉） ===== */
.homepage .homepage-side-box,
.homepage .homepage-core,
.homepage .homepage-link-block,
.homepage .auction-section { background: #fff; }

.homepage .homepage-side-box {
    border: 1px solid #e3e9f0;
    overflow: hidden;
}
.homepage .homepage-side-box + .homepage-side-box { margin-top: 10px; }

/* 标题栏 - 左侧 3px 蓝色条 + 浅灰底 */
.homepage .side-box .box-hd {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 0 12px 0 18px;
    background: #f5f2ee;
    border: 1px solid #e8e2db;
    border-bottom: 1px solid #ddd6cc;
    font-size: 14px;
    font-weight: 700;
    color: #2c3e50;
}
.homepage .side-box .box-hd:before {
    content: '';
    position: absolute;
    left: 8px; top: 11px;
    width: 3px; height: 13px;
    background: #d97706;
}
.homepage .side-box .box-hd .more {
    float: right;
    color: #8a94a3;
    font-size: 12px;
    font-weight: 400;
}
.homepage .side-box .box-hd .more:hover { color: #2c5fb3; }

.homepage .side-box .box-bd { padding: 8px 12px; }
.homepage .homepage-box-bd-strong { padding: 12px; }

.homepage .homepage-service-links { line-height: 28px; font-size: 12px; }
.homepage .homepage-service-links a { color: #333; }
.homepage .homepage-service-links a:hover { color: #cc0001; }
.homepage .homepage-service-meta { float: right; color: #999; }
.homepage .homepage-service-banner {
    margin-top: 10px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #1177c1;
}
.homepage .homepage-member-item {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #ececec;
    font-size: 12px;
}
.homepage .homepage-member-item:last-child { border-bottom: 0; }
.homepage .homepage-dot { color: #1177c1; margin-right: 4px; }

/* 企业会员列表：允许公司名换行显示完整名称 */
.homepage .homepage-member-list li {
    height: auto !important;
    min-height: 28px;
    line-height: 25px !important;
    padding: 3px 2px !important;
    align-items: flex-start !important;
}
.homepage .homepage-member-list li a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-all;
    line-height: 25px;
}

.homepage .side-box .box-bd ul { margin: 0; padding: 0; list-style: none; }

.homepage .side-box .box-bd ul li {
    display: flex;
    align-items: center;
    height: 28px;
    line-height: 28px;
    padding: 0 2px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    white-space: nowrap;
    font-size: 12px;
}
.homepage .side-box .box-bd ul li:last-child { border-bottom: 0; }
.homepage .side-box .box-bd ul li a {
    color: #333;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.homepage .side-box .box-bd ul li a:hover { color: #cc0001; }

/* 排名标签 1-3 红色 其他灰色 */
.homepage .rank-tag {
    flex: 0 0 auto;
    display: inline-block;
    width: 18px; height: 18px;
    line-height: 18px;
    margin-right: 6px;
    background: #888;
    color: #fff;
    text-align: center;
    font-size: 11px;
    vertical-align: middle;
    font-family: Arial, sans-serif;
}
.homepage .side-box .box-bd ul li:nth-child(1) .rank-tag,
.homepage .side-box .box-bd ul li:nth-child(2) .rank-tag,
.homepage .side-box .box-bd ul li:nth-child(3) .rank-tag {
    background: #cc0001;
}
.homepage .count-tag { flex: 0 0 auto; margin-left: 8px; color: #999; font-size: 12px; }

/* ===== 英雄轮播 ===== */
.homepage .homepage-hero {
    margin: 0;
    border: 1px solid #d9d9d9;
    border-top: 2px solid #1177c1;
    overflow: hidden;
    background: #fff;
    height: 198px;
}
/* 招标区第一排三块统一高度（跟随轮播图高度，stretch 拉伸） */
.homepage .homepage-row--gonggao {
    align-items: stretch !important;
}
.homepage .homepage-row--gonggao > .col-left,
.homepage .homepage-row--gonggao > .col-right {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.homepage .homepage-row--gonggao > .col-left > .homepage-side-box,
.homepage .homepage-row--gonggao > .col-right > .homepage-side-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.homepage .homepage-row--gonggao > .col-left > .homepage-side-box > .box-bd,
.homepage .homepage-row--gonggao > .col-right > .homepage-side-box > .box-bd {
    flex: 1;
    overflow: hidden;
}
/* 右栏快捷按钮固定高度，业绩库填满剩余空间 */
.homepage .homepage-row--gonggao > .col-right > .hp-quick-btns {
    flex: 0 0 auto;
}
.homepage .homepage-row--gonggao > .col-right > .homepage-side-box {
    flex: 1 1 auto;
    min-height: 0;
}
/* 轮播图固定高度 */
.homepage .homepage-hero-carousel img.Picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.homepage .homepage-hero-carousel { position: relative; height: 100%; }
.homepage .homepage-hero-carousel #NewsPic { height: 100%; }
.homepage .homepage-hero-carousel a { display: block; height: 100%; }
.homepage .homepage-hero-carousel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    background: #fafbfc;
}
.homepage .homepage-hero-carousel .Nav {
    position: absolute;
    right: 12px; bottom: 10px;
}
.homepage .homepage-hero-carousel .Nav span {
    display: inline-block;
    width: 22px; height: 22px;
    line-height: 22px;
    margin-left: 6px;
    background: rgba(255, 255, 255, 0.85);
    color: #1177c1;
    font-size: 12px;
    text-align: center;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    user-select: none;
    transition: background .15s, color .15s;
}
.homepage .homepage-hero-carousel .Nav span:hover { background: #1177c1; color: #fff; }
/* 轮播左右箭头 */
.homepage .homepage-hero-carousel .hp-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px; height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.32);
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    z-index: 5;
    border-radius: 3px;
    opacity: 0;
    transition: opacity .2s, background .15s;
    user-select: none;
}
.homepage .homepage-hero-carousel .hp-arrow:hover { background: rgba(0, 0, 0, 0.55); text-decoration: none; }
.homepage .homepage-hero-carousel:hover .hp-arrow { opacity: 1; }
.homepage .homepage-hero-carousel .hp-arrow-prev { left: 6px; }
.homepage .homepage-hero-carousel .hp-arrow-next { right: 6px; }
.homepage .homepage-hero-carousel .Nav .Cur {
    background: #1177c1;
    color: #fff;
    border-color: #1177c1;
}

/* ===== 三栏等高：中栏决定行高，左右栏 absolute 不撑高，stretch 跟随 ===== */
.homepage .hp-floor-body,
.homepage .homepage-row--gonggao {
    display: flex;
    align-items: stretch;
}
.homepage .hp-floor-body > .col-left,
.homepage .hp-floor-body > .col-right,
.homepage .homepage-row--gonggao > .col-left,
.homepage .homepage-row--gonggao > .col-right {
    position: relative;
    overflow: hidden;
}
/* 左右栏 side-box：单个时绝对定位填满列高；多个时相对定位上下堆叠 */
.homepage .hp-floor-body > .col-left > .homepage-side-box:only-of-type,
.homepage .hp-floor-body > .col-right > .homepage-side-box:only-of-type,
.homepage .homepage-row--gonggao > .col-left > .homepage-side-box:only-of-type {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    flex-direction: column;
}
/* 多个 side-box 时使用相对定位，允许上下堆叠 */
.homepage .hp-floor-body > .col-left > .homepage-side-box:not(:only-of-type),
.homepage .hp-floor-body > .col-right > .homepage-side-box:not(:only-of-type),
.homepage .homepage-row--gonggao > .col-left > .homepage-side-box:not(:only-of-type),
.homepage .homepage-row--gonggao > .col-right > .homepage-side-box:not(:only-of-type) {
    position: relative;
    top: auto; left: auto; right: auto; bottom: auto;
    flex: 0 0 auto;
}
/* 多个 side-box 时允许 col-right 内容溢出显示 */
.homepage .hp-floor-body > .col-right:has(.homepage-side-box ~ .homepage-side-box),
.homepage .hp-floor-body > .col-left:has(.homepage-side-box ~ .homepage-side-box) {
    overflow: visible;
}
.homepage .hp-floor-body > .col-left > .homepage-side-box:only-of-type > .box-bd,
.homepage .hp-floor-body > .col-right > .homepage-side-box:only-of-type > .box-bd,
.homepage .homepage-row--gonggao > .col-left > .homepage-side-box:only-of-type > .box-bd {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
/* 中标/变更：无轮播，34+435=469 */
.homepage .homepage-row--gongshi > div,
.homepage .homepage-row--biangeng > div {
    height: 469px;
    box-sizing: border-box;
}
/* 采购/拍卖：单块 tab，与中标/变更一致 34+435=469 */
.homepage .homepage-row--caigou > div,
.homepage .homepage-row--paimai > div {
    height: 469px;
    box-sizing: border-box;
}
/* 左右栏：最后一个盒子吃掉剩余高度，列表溢出隐藏 */
.homepage .homepage-row > .col-left,
.homepage .homepage-row > .col-right {
    display: flex;
    flex-direction: column;
}
.homepage .homepage-row > .col-left > .homepage-side-box:last-child,
.homepage .homepage-row > .col-right > .homepage-side-box:last-child {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.homepage .homepage-row > .col-left > .homepage-side-box:last-child > .box-bd,
.homepage .homepage-row > .col-right > .homepage-side-box:last-child > .box-bd {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
/* ===== 采购区左栏两个盒子（采购代理机构 + 热门采购地区）等分高度 ===== */
.homepage .homepage-row--caigou > .col-left > .homepage-side-box {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.homepage .homepage-row--caigou > .col-left > .homepage-side-box > .box-bd {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
/* ===== 中栏 tab：列表固定 15 行高度（15×29=435），锁定高度 ===== */
.homepage .hp-tab-list {
    height: 435px;
    overflow: hidden;
}

/* ===== 首页中栏 Tab 列表（轻量文字式，对齐 zhaobiao.cn） ===== */
.homepage .hp-tab { background: #fff; }
.homepage .hp-tab-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow: hidden;
    height: 34px;
    background: #f5f2ee;
    border: 1px solid #e8e2db;
    border-bottom: 1px solid #ddd6cc;
    box-sizing: border-box;
}
.homepage .hp-tab-nav .hp-tab-item {
    position: relative;
    padding: 0 14px;
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    color: #555;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    background: transparent;
}
.homepage .hp-tab-nav .hp-tab-item:hover { color: #2c5fb3; }
.homepage .hp-tab-nav .hp-tab-item.active {
    color: #d97706;
    font-weight: 700;
    background: #fff;
}
.homepage .hp-tab-nav .hp-tab-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #d97706;
}
.homepage .hp-tab-nav .hp-tab-more {
    margin-left: auto;
    align-self: center;
    padding: 0 12px;
    color: #999;
    font-size: 12px;
    white-space: nowrap;
}
.homepage .hp-tab-nav .hp-tab-more:hover { color: #cc0001; }
/* 列表外框 */
.homepage .hp-tab-list {
    border: 1px solid #ebe5df;
    border-top: none;
    margin: 0;
    padding: 6px 0;
    min-height: 320px;
    list-style: none;
}
.homepage .hp-tab-list.is-loading { opacity: .5; }
.homepage .hp-tab-list li {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-bottom: none;
    font-size: 12px;
    line-height: 28px;
}
.homepage .hp-tab-list li:before {
    content: "";
    flex: 0 0 auto;
    width: 3px;
    height: 3px;
    margin-right: 7px;
    background: #c9ced6;
    border-radius: 50%;
}
.homepage .hp-tab-list li:hover { background: #faf5f0; }
.homepage .hp-tab-list li:hover:before { background: #2c5fb3; }
.homepage .hp-tab-list li .area-tag {
    flex: 0 0 auto;
    margin-right: 6px;
    color: #1177c1;
    font-size: 12px;
}
.homepage .hp-tab-list li a {
    flex: 1 1 auto;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.homepage .hp-tab-list li a:hover { color: #1177c1; }
.homepage .hp-tab-list li .date {
    flex: 0 0 auto;
    margin-left: 12px;
    color: #999;
    font-size: 12px;
}
.homepage .hp-tab-empty {
    display: block !important;
    text-align: center;
    color: #999;
    padding: 50px 0 !important;
}

/* ===== 首页横幅广告位 ===== */
.homepage .homepage-banner-ad {
    margin: 10px 0;
    text-align: center;
    line-height: 0;
}
.homepage .homepage-banner-ad a { display: block; }
.homepage .homepage-banner-ad img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}
.homepage .homepage-banner-ad + .homepage-banner-ad { margin-top: 6px; }

/* ===== 区间横幅广告（每个区之间，全宽通栏，固定高度100px） ===== */
.homepage .homepage-row-ad {
    margin: 10px 0;
    height: 100px;
    overflow: hidden;
    border: 1px solid #e3e9f0;
}
.homepage .homepage-row-ad a {
    display: block;
    width: 100%;
    height: 100%;
}
.homepage .homepage-row-ad img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}

/* ===== 区块标题 (主色 + 4px 左竖条) ===== */
.homepage .section-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    margin-bottom: 6px;
    padding-left: 12px;
    border-bottom: 1px solid #e5e8ed;
}
.homepage .section-title:before {
    content: '';
    position: absolute;
    left: 0; top: 6px; bottom: 6px;
    width: 4px;
    background: #1177c1;
}
.homepage .section-title.blue:before { background: #1177c1; }
.homepage .section-title .title-text {
    float: none;
    font-size: 15px;
    font-weight: 700;
    color: #1177c1;
    line-height: 32px;
}
.homepage .section-title.blue .title-text { color: #1177c1; }
.homepage .section-title .title-text:hover { color: #cc0001; }
.homepage .section-title .more {
    float: none;
    color: #888;
    font-size: 12px;
}
.homepage .section-title .more:hover { color: #cc0001; }

/* ===== 新闻列表 ===== */
.homepage .homepage-news-list { padding: 2px 0; list-style: none; margin: 0; }
.homepage .homepage-news-list li {
    display: flex;
    align-items: center;
    height: 28px;
    line-height: 28px;
    padding: 0 4px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    white-space: nowrap;
}
.homepage .homepage-news-list li:before {
    content: "";
    flex: 0 0 auto;
    width: 3px;
    height: 3px;
    margin-right: 7px;
    background: #c9ced6;
    border-radius: 50%;
}
.homepage .homepage-news-list li:hover:before { background: #1177c1; }
.homepage .homepage-empty-row {
    text-align: center;
    color: #999;
    padding: 20px 0 !important;
}
.homepage .homepage-news-list li:last-child { border-bottom: 0; }
.homepage .homepage-news-list li a {
    flex: 1 1 auto;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.homepage .homepage-news-list li a:hover { color: #1177c1; }

.homepage .homepage-news-list .area-tag {
    flex: 0 0 auto;
    color: #1177c1;
    font-weight: 400;
    margin-right: 6px;
    font-size: 12px;
}
.homepage .homepage-news-list .date {
    flex: 0 0 auto;
    margin-left: 12px;
    color: #999;
    font-size: 12px;
    text-align: right;
    float: none;
    background: transparent;
}

.homepage .center_zjxm,
.homepage .center_djxx,
.homepage .center_zbgg { padding: 0; margin: 0; }

/* 中栏第一个内容块顶部与左右栏对齐（去掉老站遗留的 margin-top） */
.homepage .homepage-row > .col-center > :first-child { margin-top: 0 !important; }
/* 中栏堆叠的第二块保持与侧栏盒子一致的 10px 间距 */
.homepage .homepage-row > .col-center > .center_zjxm + .center_zjxm { margin-top: 10px !important; }

/* ===== 拍卖大区 ===== */
.homepage .auction-section {
    margin-top: 10px;
    border: 1px solid #d9d9d9;
    overflow: hidden;
}
.homepage .auction-section .section-header {
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    background: #1177c1;
}
.homepage .auction-section .section-header h3 {
    display: inline;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.homepage .auction-section .section-header a {
    float: right;
    color: rgba(255, 255, 255, 0.86);
    font-size: 12px;
}
.homepage .auction-section .section-header a:hover { color: #fff; }

.homepage .auction-row { display: block; overflow: hidden; padding: 12px; }
.homepage .homepage-auction-center { width: 730px; margin: 0 16px; }
.homepage .homepage-stack-gap { margin-top: 10px; }
.homepage .homepage-side-gap { margin-top: 10px; }

/* ===== 友链 / 行业导航 / 分站导航 ===== */
.homepage .friend-links { margin-top: 10px; }
.homepage .homepage-link-block {
    border: 1px solid #d9d9d9;
    padding: 10px 14px;
    background: #fff;
}
.homepage .homepage-link-block .section-header {
    position: relative;
    margin-bottom: 8px;
    padding: 0 0 8px 12px;
    border-bottom: 1px solid #e5e8ed;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    line-height: 22px;
}
.homepage .homepage-link-block .section-header:before {
    content: '';
    position: absolute;
    left: 0; top: 4px;
    width: 3px; height: 14px;
    background: #1177c1;
}
.homepage .homepage-link-block > div:last-child {
    line-height: 26px;
    color: #555;
}
.homepage .homepage-link-block a {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    color: #555;
    line-height: 22px;
    border-right: 1px solid #d9d9d9;
}
.homepage .homepage-link-block a:first-child { padding-left: 0; }
.homepage .homepage-link-block a:last-child { border-right: 0; }
.homepage .homepage-link-block a:hover { color: #1177c1; }
.homepage .homepage-area-count { color: #999; margin-left: 2px; }

/* ===== 会员登录区 ===== */
.homepage .homepage-login-user {
    line-height: 24px;
    text-align: center;
    padding: 6px 0;
}
.homepage .homepage-login-avatar {
    display: inline-block;
    width: 56px; height: 56px;
    line-height: 56px;
    text-align: center;
    border: 1px solid #d9d9d9;
    background: #fafbfc;
    color: #1177c1;
    font-size: 30px;
    margin-bottom: 6px;
}
.homepage .homepage-login-avatar i { font-size: 30px; color: #1177c1; }
.homepage .homepage-login-user .homepage-login-name {
    display: block;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}
.homepage .homepage-login-user .homepage-login-name .cheng { color: #1177c1; }
.homepage .homepage-login-actions { margin-top: 6px; }
.homepage .homepage-login-actions a {
    display: inline-block;
    height: 26px; line-height: 26px;
    padding: 0 12px;
    margin: 0 3px;
    font-size: 12px;
    border: 1px solid;
    text-decoration: none;
    vertical-align: middle;
}
.homepage .homepage-login-actions .btn-primary {
    background: #1177c1;
    border-color: #1177c1;
    color: #fff;
}
.homepage .homepage-login-actions .btn-primary:hover {
    background: #0d5e9c;
    border-color: #0d5e9c;
    color: #fff;
}
.homepage .homepage-login-actions .btn-danger {
    background: #fff;
    border-color: #cc0001;
    color: #cc0001;
}
.homepage .homepage-login-actions .btn-danger:hover {
    background: #cc0001;
    color: #fff;
}

.homepage .homepage-login-form { overflow: hidden; }
.homepage .homepage-login-input {
    width: 100%;
    height: 30px;
    margin-bottom: 8px;
    padding: 0 8px;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-sizing: border-box;
    font-size: 12px;
    font-family: SimSun, "宋体", Arial, sans-serif;
}
.homepage .homepage-login-input:focus {
    border-color: #1177c1;
    outline: none;
}
.homepage .homepage-login-submit {
    width: 90px;
    height: 30px;
    background: #1177c1;
    color: #fff;
    border: 1px solid #1177c1;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    font-family: SimSun, "宋体", Arial, sans-serif;
}
.homepage .homepage-login-submit:hover {
    background: #0d5e9c;
    border-color: #0d5e9c;
}
.homepage .homepage-login-link {
    margin-left: 10px;
    color: #555;
    font-size: 12px;
    line-height: 30px;
}
.homepage .homepage-login-link:hover { color: #1177c1; }

/* ===== 为什么选择我们 ===== */
.homepage .homepage-features {
    display: flex;
    border: 1px solid #d9d9d9;
    background: #fff;
    margin-top: 10px;
}
.homepage .homepage-feature-cell {
    flex: 1;
    padding: 16px 14px;
    border-right: 1px solid #e5e8ed;
    text-align: center;
}
.homepage .homepage-feature-cell:last-child { border-right: none; }
.homepage .homepage-feature-cell .homepage-feature-icon {
    display: inline-block;
    width: 44px; height: 44px;
    line-height: 44px;
    border: 1px solid #1177c1;
    color: #1177c1;
    font-size: 22px;
    margin-bottom: 8px;
    text-align: center;
}
.homepage .homepage-feature-cell .homepage-feature-icon i {
    font-size: 22px;
    color: #1177c1;
    line-height: 44px;
}
.homepage .homepage-feature-cell .homepage-feature-icon svg {
    width: 24px;
    height: 24px;
    color: #1177c1;
    vertical-align: middle;
    margin-top: 9px;
}
.homepage .homepage-feature-cell .homepage-feature-title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
}
.homepage .homepage-feature-cell .homepage-feature-desc {
    color: #888;
    font-size: 12px;
    line-height: 20px;
}

.homepage .SD_main + .bottom,
.homepage .SD_main + .footer { margin-top: 0; }

/* ===== 工程分类导航网格 ===== */
.homepage .homepage-cat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    gap: 1px;
    background: #eef3f8;
    border: 1px solid #eef3f8;
    height: 100%;
}
.homepage .homepage-cat-grid a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #fff;
    color: #444;
    font-size: 13px;
    text-decoration: none;
    transition: background .15s;
}
.homepage .homepage-cat-grid a:hover { background: #f5f9fd; color: #1177c1; }
.homepage .homepage-cat-grid .cat-ic {
    flex: 0 0 auto;
    width: 24px; height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
}

/* ===== 采购区域：热门地区条形图 ===== */
.homepage .side-box .box-bd ul.homepage-bar-list { margin: 0; padding: 0; list-style: none; }
.homepage .side-box .box-bd ul.homepage-bar-list li {
    display: flex !important;
    align-items: center;
    padding: 0 12px;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    font-size: 12px;
    gap: 8px;
    border-bottom: 1px solid #f0f0f0;
    white-space: nowrap;
    overflow: hidden;
}
.homepage .side-box .box-bd ul.homepage-bar-list li:last-child { border-bottom: 0; }
.homepage .homepage-bar-list .bar-name {
    flex: 0 0 56px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.homepage .homepage-bar-list .bar-name:hover { color: #1177c1; }
.homepage .homepage-bar-list .bar-track {
    flex: 1 1 auto;
    height: 8px;
    background: #f0f4f8;
    border-radius: 4px;
    overflow: hidden;
}
.homepage .homepage-bar-list .bar-fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #4ea7e0, #1177c1);
    border-radius: 4px;
}
.homepage .homepage-bar-list .bar-cnt {
    flex: 0 0 auto;
    min-width: 32px;
    text-align: right;
    color: #888;
    font-weight: 600;
}

/* ===== 中标地区标签列表（简洁布局，替代进度条） ===== */
.homepage .homepage-area-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 0;
}
.homepage .homepage-area-tags a {
    display: inline-block;
    padding: 4px 10px;
    background: #f0f4f8;
    border-radius: 3px;
    color: #444;
    font-size: 13px;
    text-decoration: none;
    transition: all .15s;
}
.homepage .homepage-area-tags a:hover {
    background: #1177c1;
    color: #fff;
}

/* ===== 采购区域：数据速览统计卡片 ===== */
.homepage .homepage-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #eef3f8;
    border: 1px solid #eef3f8;
}
.homepage .homepage-stat-cell {
    background: #fff;
    text-align: center;
    padding: 14px 8px;
}
.homepage .homepage-stat-cell .stat-num {
    color: #1177c1;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
.homepage .homepage-stat-cell .stat-lbl {
    color: #888;
    font-size: 12px;
}

/* ===== 采购区域：行业方向标签云 ===== */
.homepage .homepage-tag-cloud {
    padding: 10px 12px 4px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 6px;
}
.homepage .homepage-tag-cloud a {
    display: inline-block;
    padding: 6px 12px;
    margin: 0;
    font-size: 13px;
    color: #555;
    background: #f5f7fa;
    border: 1px solid #e6ebf2;
    border-radius: 12px;
    text-decoration: none;
    transition: all .15s;
}
.homepage .homepage-tag-cloud a:hover {
    color: #fff;
    background: #1177c1;
    border-color: #1177c1;
}

/* ===== 楼层左栏：分类关键词组（紧凑排列填满高度） ===== */
.homepage .hp-kw-groups {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    gap: 6px;
}
.homepage .hp-kw-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.homepage .hp-kw-group-title {
    font-size: 12px;
    font-weight: 700;
    color: #d97706;
    padding: 2px 0 2px 8px;
    border-left: 3px solid #2c5fb3;
    line-height: 18px;
}
.homepage .hp-kw-items {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-left: 2px;
}
.homepage .hp-kw-items a {
    display: inline-block;
    padding: 4px 9px;
    font-size: 12px;
    color: #555;
    background: #f5f7fa;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
    text-decoration: none;
    transition: all .12s;
    line-height: 16px;
}
.homepage .hp-kw-items a:hover {
    color: #fff;
    background: #1177c1;
    border-color: #1177c1;
}

/* ===== 会员单位类型导航 ===== */
.homepage .homepage-mtype-grid {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: #eef3f8;
    border: 1px solid #eef3f8;
}
.homepage .homepage-mtype-cell {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    background: #fff;
    text-decoration: none;
    transition: background .15s;
}
.homepage .homepage-mtype-cell:hover { background: #f5f9fd; }
.homepage .homepage-mtype-cell .mtype-ic {
    flex: 0 0 auto;
    width: 28px; height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
}
.homepage .homepage-mtype-cell .mtype-txt {
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    min-width: 0;
}
.homepage .homepage-mtype-cell .mtype-name {
    font-size: 13px;
    color: #333;
    font-weight: 600;
}
.homepage .homepage-mtype-cell:hover .mtype-name { color: #1177c1; }
.homepage .homepage-mtype-cell .mtype-desc {
    font-size: 11px;
    color: #9aa3ad;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.homepage .homepage-mtype-cell .mtype-badge {
    display: inline-block;
    font-style: normal;
    font-size: 10px;
    color: #fff;
    background: #cc0001;
    border-radius: 3px;
    padding: 0 4px;
    margin-left: 4px;
    vertical-align: 1px;
}
/* 登录用户：高亮自己的单位类型 */
.homepage .homepage-mtype-cell.is-mine {
    background: linear-gradient(90deg, #fff6f6 0%, #fff 70%);
    box-shadow: inset 3px 0 0 #cc0001;
}
.homepage .homepage-mtype-cell.is-mine .mtype-name { color: #cc0001; }

/* ===== 楼层式布局（10 个楼层）===== */
.homepage .hp-floor {
    margin: 14px 0;
}
/* 楼层标题栏：无背景、大字体、醒目 */
.homepage .hp-floor-hd {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 0 4px 0 16px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #1177c1;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.homepage .hp-floor-hd:before {
    content: '';
    position: absolute;
    left: 0; top: 8px;
    width: 4px; height: 24px;
    background: #1177c1;
}
.homepage .hp-floor-no {
    color: #fff;
    background: #1177c1;
    font-weight: 700;
    font-size: 16px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-right: 12px;
    font-family: Arial, sans-serif;
    display: inline-block;
}
.homepage .hp-floor-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a2733;
    letter-spacing: 1px;
}
.homepage .hp-floor-body {
    background: transparent;
    border: none;
    margin-top: 0;
    align-items: stretch !important;
}
.homepage .hp-floor-body > .col-left,
.homepage .hp-floor-body > .col-right {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.homepage .hp-floor-body > .col-center {
    padding: 0;
    box-sizing: border-box;
}
/* 楼层左右栏：side-box 撑满整列高度，内容溢出隐藏 */
.homepage .hp-floor-body > .col-left > .homepage-side-box,
.homepage .hp-floor-body > .col-right > .homepage-side-box {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.homepage .hp-floor-body > .col-left > .homepage-side-box > .box-bd,
.homepage .hp-floor-body > .col-right > .homepage-side-box > .box-bd {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
/* 楼层间横图：复用 .homepage-row-ad 样式（全宽 100px 高，object-fit: cover） */
.homepage .hp-floor-banner {
    margin: 10px 0;
    height: 100px;
    overflow: hidden;
    border: 1px solid #e3e9f0;
    text-align: left;
    line-height: 0;
}
.homepage .hp-floor-banner a {
    display: block;
    width: 100%;
    height: 100%;
}
.homepage .hp-floor-banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}
/* 楼层中栏/右栏/左栏双框垂直堆叠（1F/2F/6F/7F/10F） */
.homepage .hp-floor-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 !important;
}
.homepage .hp-floor-stack .hp-floor-col,
.homepage .hp-floor-stack .side-box {
    flex: 1 1 auto;
}
/* 楼层双框标题栏：复用 .box-hd 标准样式 */
.homepage .hp-floor-col-hd {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
    line-height: 34px;
    padding: 0 12px 0 18px;
    background: #f5f2ee;
    border: 1px solid #e8e2db;
    border-bottom: 1px solid #ddd6cc;
    box-sizing: border-box;
}
.homepage .hp-floor-col-hd:before {
    content: '';
    position: absolute;
    left: 8px; top: 11px;
    width: 3px; height: 13px;
    background: #d97706;
}
.homepage .hp-floor-col-hd .ttl {
    font-size: 14px;
    font-weight: 700;
    color: #2c3e50;
    text-decoration: none;
}
.homepage .hp-floor-col-hd .ttl:hover { color: #cc0001; }
.homepage .hp-floor-col-hd .more {
    font-size: 12px;
    color: #8a94a3;
    font-weight: 400;
    text-decoration: none;
}
.homepage .hp-floor-col-hd .more:hover { color: #2c5fb3; }
/* 楼层双框列表高度自适应（10 条数据），去掉 min-height 和多余 padding */
.homepage .hp-floor-col .hp-tab-list {
    height: auto;
    min-height: 0;
    padding: 2px 0;
}
/* 楼层右栏会员列表 */
.homepage .hp-floor-body .col-right ul {
    list-style: none;
    margin: 0;
    padding: 4px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.homepage .hp-floor-body .col-right ul li {
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    border-bottom: 1px dashed #f0f0f0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 0 0 auto;
}
.homepage .hp-floor-body .col-right ul li:last-child { border-bottom: 0; }
.homepage .hp-floor-body .col-right ul li a {
    color: #333;
    font-size: 13px;
    text-decoration: none;
}
.homepage .hp-floor-body .col-right ul li a:hover { color: #1177c1; }
.homepage .hp-floor-body .col-right ul li:before {
    content: "›";
    color: #1177c1;
    font-weight: 700;
    margin-right: 6px;
    font-size: 14px;
}