@charset "utf-8";
/* ============================================================
   黄页行业页（/huangye/type-N.html）与 地区×行业列表页（/huangye/Q_T.html）共用
   left: main column (930)   right: aside (250)
   ============================================================ */

.hy-wrap {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 6px;
    box-sizing: border-box;
}
.hy-main { flex: 1 1 auto; min-width: 0; }
.hy-aside { flex: 0 0 250px; width: 250px; }

/* ---------------- page head ---------------- */
.hy-head {
    background: #FFFFFF;
    border: 1px solid #EEF0F4;
    border-radius: 14px;
    padding: 20px 22px 16px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04);
}
.hy-head h1 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    color: #1F2329;
    letter-spacing: .3px;
}
.hy-head .hy-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #8A93A3;
}
.hy-head .hy-meta b {
    font-size: 16px;
    font-weight: 700;
    color: #E1251B;
    margin: 0 2px;
}

/* ---------------- section ---------------- */
.hy-sec {
    background: #FFFFFF;
    border: 1px solid #EEF0F4;
    border-radius: 14px;
    padding: 16px 20px 18px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04);
}
.hy-sec-h {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F2F4F8;
}
.hy-sec-h h2 {
    margin: 0;
    padding-left: 12px;
    border-left: 4px solid #E1251B;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    color: #1F2329;
}
.hy-sec-h span { font-size: 13px; color: #B6BDC9; }

/* ---------------- region chips ---------------- */
.hy-chips {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8px;
}
.hy-chips a {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 32px;
    color: #5A6474;
    background: #F7F8FA;
    border: 1px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .16s, background .16s, border-color .16s;
}
.hy-chips a:hover {
    color: #E1251B;
    background: #FFF4F3;
    border-color: #FFD9D5;
}

/* ---------------- company cards ---------------- */
.qy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.qy-card {
    border: 1px solid #EDF0F5;
    border-radius: 10px;
    padding: 13px 15px 11px;
    background: #FFFFFF;
    transition: border-color .16s, box-shadow .16s;
}
.qy-card:hover {
    border-color: #FFD7D3;
    box-shadow: 0 6px 18px rgba(225, 37, 27, .07);
}
.qy-card h3 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #1F2329;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.qy-card h3 a { color: #1F2329; }
.qy-card h3 a:hover { color: #E1251B; }
.qy-zy {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 8px;
    min-height: 42px;
    font-size: 13px;
    line-height: 21px;
    color: #8A93A3;
}
.qy-line {
    display: flex;
    gap: 6px;
    margin: 0 0 2px;
    font-size: 13px;
    line-height: 22px;
    color: #5A6474;
}
.qy-line .lb { flex: 0 0 auto; color: #B6BDC9; }
.qy-line em {
    flex: 1 1 auto;
    min-width: 0;
    font-style: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.qy-web {
    flex: 0 0 auto;
    font-size: 12px;
    color: #E1251B;
}
.qy-web:hover { text-decoration: underline; }

/* ---------------- pager / empty ---------------- */
.hy-pageger {
    margin: 18px 0 2px;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
}
.hy-pageger a, .hy-pageger span { display: inline-block; margin: 0 3px; }
.hy-empty {
    grid-column: 1 / -1;
    padding: 34px 0;
    text-align: center;
    font-size: 14px;
    color: #B6BDC9;
}

/* ---------------- aside ---------------- */
.hy-side-card {
    background: #FFFFFF;
    border: 1px solid #EEF0F4;
    border-radius: 12px;
    padding: 14px 16px 12px;
    margin-bottom: 14px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04);
}
.hy-side-card h2 {
    margin: 0 0 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid #F2F4F8;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #1F2329;
}
.hs-list { list-style: none; margin: 0; padding: 0; }
.hs-list li { margin: 0; }
.hs-list a {
    display: block;
    position: relative;
    padding-left: 12px;
    font-size: 13px;
    line-height: 28px;
    color: #5A6474;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .16s;
}
.hs-list a::before {
    content: "\203a";
    position: absolute;
    left: 1px;
    top: 0;
    color: #C9CFD8;
    font-size: 12px;
}
.hs-list a:hover { color: #E1251B; }

.hs-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.hs-chips a {
    font-size: 13px;
    line-height: 27px;
    padding: 0 10px;
    color: #5A6474;
    background: #F7F8FA;
    border-radius: 6px;
    transition: color .16s, background .16s;
}
.hs-chips a:hover { color: #E1251B; background: #FFF4F3; }

/* ---------------- responsive ---------------- */
@media screen and (max-width: 1240px) {
    .hy-wrap { width: auto; padding: 0 12px 6px; gap: 14px; }
    .hy-aside { flex: 0 0 230px; width: 230px; }
    .hy-chips { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media screen and (max-width: 900px) {
    .hy-wrap { flex-wrap: wrap; }
    .hy-aside { flex: 1 1 100%; width: auto; display: flex; gap: 12px; }
    .hy-side-card { flex: 1 1 0; margin-bottom: 0; }
    .hy-head h1 { font-size: 20px; }
    .qy-grid { grid-template-columns: 1fr; }
    .hy-chips { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}