@charset "utf-8";
/* ============================================================
   企业详情页（/huangye/{id}/）
   骨架复用 hy-page.css（1200 = 930 主栏 + 250 侧栏），
   卡片列表复用其中的 .qy-grid / .qy-card。
   ============================================================ */

/* ---------------- 企业名片 ---------------- */
.co-hero {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 22px 22px 18px;
    margin-bottom: 16px;
    background: #FFFFFF;
    border: 1px solid #EEF0F4;
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04);
}
.co-logo {
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
    border-radius: 16px;
    background: linear-gradient(135deg, #FF7A6E, #E1251B);
    color: #FFFFFF;
    font-size: 34px;
    font-weight: 700;
    line-height: 78px;
    text-align: center;
    letter-spacing: 1px;
    box-shadow: 0 6px 16px rgba(225, 37, 27, .18);
}
.co-hd { flex: 1 1 auto; min-width: 0; }
.co-hd h1 {
    margin: 0 0 9px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    color: #1F2329;
    letter-spacing: .3px;
    word-break: break-all;
}
.co-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 14px;
}
.co-tags a, .co-tags em {
    font-style: normal;
    font-size: 12px;
    line-height: 22px;
    padding: 0 9px;
    color: #5A6474;
    background: #F7F8FA;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 340px;
    text-overflow: ellipsis;
}
.co-tags a:hover { color: #E1251B; background: #FFF4F3; }
.co-tags em.hot { color: #E1251B; background: #FFF4F3; }

/* 关键信息四格 */
.co-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.co-fact {
    padding: 9px 12px 8px;
    background: #FAFBFC;
    border-radius: 8px;
    min-width: 0;
}
.co-fact .lb {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #A8B0BE;
    margin-bottom: 2px;
}
.co-fact b, .co-fact a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #1F2329;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.co-fact a:hover { color: #E1251B; }
.co-fact b.code {
    font-family: Consolas, Menlo, monospace;
    font-size: 13px;
    letter-spacing: .2px;
}

/* ---------------- 联系方式 ---------------- */
.co-contact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.co-ct {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 14px 10px;
    background: #FAFBFC;
    border-radius: 10px;
    min-width: 0;
}
.co-ct .ic {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #FFF1F0;
    color: #E1251B;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    font-weight: 600;
}
.co-ct.wide { grid-column: 1 / -1; }
.co-ct .bd { flex: 1 1 auto; min-width: 0; }
.co-ct .lb {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: #A8B0BE;
}
.co-ct .vl {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #1F2329;
    word-break: break-all;
}
.co-ct .vl.tel {
    font-family: Consolas, Menlo, monospace;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #E1251B;
}
.co-ct .vl small {
    display: block;
    font-family: Consolas, Menlo, monospace;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .2px;
    color: #5A6474;
    margin-top: 2px;
}
.co-note {
    margin-top: 12px;
    padding: 9px 13px;
    background: #FFFDF6;
    border: 1px solid #FCEFC7;
    border-radius: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #8A7548;
}
.co-note b { color: #E1251B; font-weight: 600; }

/* ---------------- 工商信息键值表 ---------------- */
.co-kv {
    border: 1px solid #F2F4F8;
    border-radius: 10px;
    overflow: hidden;
}
.co-kv p {
    display: flex;
    margin: 0;
    border-bottom: 1px dashed #F0F2F6;
}
.co-kv p:last-child { border-bottom: 0; }
.co-kv .lb {
    flex: 0 0 132px;
    padding: 11px 14px;
    background: #FAFBFC;
    font-size: 13px;
    line-height: 22px;
    color: #8A93A3;
}
.co-kv .vl {
    flex: 1 1 auto;
    min-width: 0;
    padding: 11px 14px;
    font-size: 13px;
    line-height: 22px;
    color: #1F2329;
    word-break: break-all;
}
.co-kv .vl.mono {
    font-family: Consolas, Menlo, monospace;
    letter-spacing: .2px;
}
.co-kv .vl a { color: #E1251B; }

/* ---------------- 经营范围 ---------------- */
.co-zy {
    position: relative;
    max-height: 88px;
    overflow: hidden;
    transition: max-height .22s ease;
}
.co-zy p {
    margin: 0;
    font-size: 13px;
    line-height: 22px;
    color: #5A6474;
    word-break: break-all;
}
.co-zy::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 26px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFFFFF 62%);
}
.co-zy.open { max-height: 1600px; }
.co-zy.open::after { display: none; }
.co-more {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    line-height: 22px;
    color: #E1251B;
}
.co-more i {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: 2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #E1251B;
    transition: transform .2s;
}
.co-more.open i { transform: rotate(180deg); }

/* ---------------- 相关企业标题里的地名片 ---------------- */
.co-rel-crumb {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
}
.co-rel-crumb a {
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    color: #5A6474;
    background: #F7F8FA;
    border-radius: 4px;
}
.co-rel-crumb a:hover { color: #E1251B; background: #FFF4F3; }

/* ---------------- 空态 ---------------- */
.co-empty {
    padding: 26px 0;
    text-align: center;
    font-size: 13px;
    color: #B6BDC9;
}

/* ---------------- 侧栏补充 ---------------- */
.co-side-tip {
    padding: 13px 15px;
    margin-bottom: 14px;
    background: #FFFFFF;
    border: 1px solid #EEF0F4;
    border-radius: 12px;
    font-size: 12px;
    line-height: 21px;
    color: #8A93A3;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04);
}
.co-side-tip b { color: #5A6474; font-weight: 600; }
.co-side-tip a { color: #E1251B; }
.co-side-ad {
    margin-bottom: 14px;
    overflow: hidden;
    border-radius: 12px;
}
.co-side-ad img { display: block; max-width: 100%; height: auto; }

/* 主栏底部广告位 */
.co-ads {
    margin: 2px 0 6px;
    overflow: hidden;
    border-radius: 12px;
    background: #FFFFFF;
}
.co-ads img { display: block; max-width: 100%; height: auto; }

/* ---------------- 面包屑：style.css 里 .location 是固定 16/40px 高，
   企业名 + 省市区 + 行业五级面包屑会被裁掉，这里提高优先级改回自适应 ---------------- */
.w1200 .location {
    height: auto;
    min-height: 0;
    line-height: 20px;
    font-size: 13px;
    color: #8A93A3;
    padding: 10px 0 12px;
    white-space: normal;
    word-break: break-all;
}
.w1200 .location a { color: #8A93A3; }
.w1200 .location a:hover { color: #E1251B; }
.w1200 .location span { margin: 0 6px; color: #C9CFD8; font-weight: 400; font-family: inherit; }
.w1200 .location span:last-child { color: #5A6474; }

/* 联系方式里的多个备用号码 */
.co-ct .vl.sub {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .2px;
    color: #5A6474;
    font-family: Consolas, Menlo, monospace;
}

/* 法定代表人后面的引导小字 */
.co-kv .vl .kv-sub {
    margin-left: 8px;
    font-style: normal;
    font-size: 12px;
    color: #A8B0BE;
}

/* ---------------- 响应式 ---------------- */
@media screen and (max-width: 1120px) {
    .co-contact { grid-template-columns: 1fr; }
}
@media screen and (max-width: 900px) {
    .co-hero { padding: 18px 16px 16px; gap: 14px; }
    .co-logo { flex: 0 0 56px; width: 56px; height: 56px; line-height: 56px; font-size: 24px; border-radius: 12px; }
    .co-hd h1 { font-size: 19px; }
    .co-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .co-kv .lb { flex: 0 0 96px; padding: 10px 10px; }
    .co-kv .vl { padding: 10px 10px; }
}