/* ============================================================================
   机器人英才网 · 公共样式
   由 index.html 的内联 <style> 提取生成（原第 9 段，原始 4078 字节）
   出现于：index
   ⚠ 本文件由脚本生成，请勿手工编辑；改样式请改源 HTML 后重跑 _tools/v1_extract.py
   ============================================================================ */
/* 无 id 内联样式块 #9
   ============================================================================ */

/* ===== r21 首页 promo：左企业 banner 轮播 + 右 4 块 ===== */
.home-main .slider-box .promotion-main .home-banner-container.epjob-promo-wrap{
    font-size: 14px; line-height: normal; overflow: hidden;
}
.home-main .slider-box .promotion-main .epjob-promo-row{
    display: flex; width: 786px; height: 342px;
    gap: 12px;                      /* r21b: 左轮播与右 4 块之间留出间距 */
}
/* —— 左：轮播 —— */
.home-main .slider-box .promotion-main .epjob-promo-left{
    position: relative; flex: 0 0 512px; width: 512px; height: 342px; overflow: hidden;
}
.home-main .slider-box .promotion-main .epjob-promo-track{
    display: flex; width: 100%; height: 100%;
    transform: translateX(0);
    transition: transform .55s cubic-bezier(.4, 0, .2, 1);
}
.home-main .slider-box .promotion-main .epjob-promo-slide{
    position: relative; flex: 0 0 512px; width: 512px; height: 342px; display: block;
}
.home-main .slider-box .promotion-main .epjob-promo-slide img{
    width: 512px; height: 342px; display: block; object-fit: cover;
}
.home-main .slider-box .promotion-main .epjob-promo-slide:after{
    content: ' '; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, .1); opacity: 0; transition: all .2s linear;
}
.home-main .slider-box .promotion-main .epjob-promo-slide:hover:after{ opacity: 1; }
.home-main .slider-box .promotion-main .epjob-promo-dots{
    position: absolute; left: 0; right: 0; bottom: 16px; z-index: 5;
    display: flex; justify-content: center; gap: 8px;
}
.home-main .slider-box .promotion-main .epjob-promo-dot{
    width: 8px; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .5);
    cursor: pointer; transition: all .25s linear;
}
.home-main .slider-box .promotion-main .epjob-promo-dot.cur{
    width: 22px; background: #ffffff;
}
/* —— 右：4 块 —— */
.home-main .slider-box .promotion-main .epjob-promo-right{
    display: flex; flex-direction: column; flex: 0 0 262px; width: 262px; height: 342px;
    gap: 6px;
}
/* Four supplied banner images; the artwork includes all card text. */
.home-main .slider-box .promotion-main .epjob-promo-card{
    position: relative; flex: 1 1 0; min-height: 0; overflow: hidden;
    display: block; padding: 0; text-decoration: none;
    background: none; transition: filter .2s linear;
}
.home-main .slider-box .promotion-main .epjob-promo-card:hover{ filter: brightness(1.07); }
.home-main .slider-box .promotion-main .epjob-promo-card .epjob-promo-card-img{
    width: 100%; height: 100%; display: block; object-fit: cover;
}

/* ============ ylf 底部导航重设计（截图版式：热线|4列|双二维码 + 版权区）v2 高优先级 ============ */
div#footer.ylf-footer{padding:0 !important;background:#313438;color:rgba(255,255,255,.5)}
#footer.ylf-footer .ylf-footer-top{display:flex;align-items:flex-start;padding:42px 0 38px}
#footer.ylf-footer .ylf-hotline{width:250px;flex:0 0 auto;padding-right:20px}
#footer.ylf-footer .ylf-hot-label{font-size:12px;color:rgba(255,255,255,.45);line-height:20px;margin:0 0 6px}
#footer.ylf-footer .ylf-hot-num{font-size:28px;line-height:34px;color:rgba(255,255,255,.9);margin:0 0 18px;font-weight:400;letter-spacing:.5px}
#footer.ylf-footer .ylf-hot-num-2{font-size:20px;line-height:26px;margin:0}
#footer.ylf-footer .ylf-cols{flex:1 1 0;display:flex;justify-content:space-between;padding:2px 30px 0;margin:0}
#footer.ylf-footer .ylf-cols dl{margin:0;padding:0}
#footer.ylf-footer .ylf-cols dt{font-size:14px;color:rgba(255,255,255,.85);line-height:20px;margin:0 0 14px;padding:0;font-weight:400}
#footer.ylf-footer .ylf-cols dd{margin:0;padding:0}
#footer.ylf-footer .ylf-cols dd a{display:block;font-size:12px;color:rgba(255,255,255,.5);line-height:26px;height:auto;text-decoration:none;width:auto}
#footer.ylf-footer .ylf-cols dd a:hover{color:#d61518}
#footer.ylf-footer .ylf-qr{flex:0 0 auto;display:flex;gap:34px;padding-left:26px;margin:0}
#footer.ylf-footer .ylf-qr-item{text-align:center;width:120px;margin:0}
#footer.ylf-footer .ylf-qr-item img{display:block;width:88px;height:88px;margin:0 auto 10px;background:#fff;border-radius:2px;padding:0}
#footer.ylf-footer .ylf-qr-item p{font-size:12px;color:rgba(255,255,255,.5);line-height:18px;margin:0;padding:0;text-align:center}
#footer.ylf-footer .ylf-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:18px 0 26px;margin:0}
#footer.ylf-footer .ylf-line1{font-size:12px;color:rgba(255,255,255,.45);line-height:22px;margin:0 0 8px;padding:0}
#footer.ylf-footer .ylf-line1 b{color:rgba(255,255,255,.85);font-weight:700}
#footer.ylf-footer .ylf-line2{font-size:12px;color:rgba(255,255,255,.45);line-height:22px;margin:0 0 16px;padding:0}
#footer.ylf-footer .ylf-line2 a,#footer.ylf-footer .ylf-line2 span{color:rgba(255,255,255,.45);text-decoration:none;margin:0 14px;display:inline-block;height:auto;width:auto;padding:0}
#footer.ylf-footer .ylf-line2 img{width:16px;height:16px;vertical-align:-3px;margin-right:5px}
#footer.ylf-footer .ylf-badge{display:inline-block;background:#fff;border-radius:2px;padding:6px 12px;margin:0}
#footer.ylf-footer .ylf-badge img{width:30px;height:30px;vertical-align:middle;margin-right:8px}
#footer.ylf-footer .ylf-badge span{display:inline-block;font-size:12px;line-height:16px;color:#b8443c;text-align:left;vertical-align:middle}
/* ============ ylf footer end ============ */