@charset "utf-8";


/*==================== 桌面端 ====================*/
/*外层白色卡片*/
.xyld-card {background:#fff;border:1px solid #E1E1E1;border-radius:10px;padding:.73rem .67rem .61rem;box-sizing:border-box;}

/*---------- 领导层 ----------*/
.xyld-leaders {}
/*领导卡片通用：浅红底 + 深红描边*/
.xyld-leader {background:#FCF5F5;border:1px solid #92070B;border-radius:8px;box-sizing:border-box;text-align:center;position:relative;}
/*院长主卡片*/
.xyld-leader-main {width:3rem;min-height:.9rem;margin:0 auto;padding:.13rem .1rem .12rem;}
/*人名 + 职务*/
.xyld-leader .xyld-name {font-size:.2rem;line-height:.29rem;font-weight:bold;color:#232323;margin:0;margin-bottom: 0.08rem;}
.xyld-leader .xyld-post {margin-left:0;}
/*姓名与职务之间的红色竖线分隔符（同一行内）*/
.xyld-vline {display:inline-block;width:1px;height:.2rem;background:#92070B;vertical-align:-.03rem;margin:0 .18rem;}
/*职责说明*/
.xyld-leader .xyld-duty {font-size:.18rem;line-height:.26rem;color:#92070B;margin:0;}
/*院长卡片职责行居中，副职卡片多行居中*/
.xyld-leader-main .xyld-duty {text-align:center;}

/*连接线区域：院长到三位副职的竖线+横线*/
.xyld-lines {position:relative;height:.43rem;}
/*竖线：院长卡片下方*/
.xyld-lines::before {content:"";position:absolute;top:0;left:50%;margin-left:-.005rem;width:1px;height:.24rem;background:#92070B;}
/*横线：连接左右两端副职卡片中心*/
.xyld-lines::after {content:"";position:absolute;top:.24rem;left:1.49rem;right:1.5rem;height:1px;background:#92070B;}
/*副职卡片顶部的竖向接线*/
.xyld-leaders-sub .xyld-leader::before {content:"";position:absolute;top:-.19rem;left:50%;margin-left:-.005rem;width:1px;height:.19rem;background:#92070B;}
/*三位副职并排*/
.xyld-leaders-sub {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.xyld-leaders-sub .xyld-leader {-webkit-box-flex:0;-ms-flex:0 0 3rem;flex:0 0 3rem;width:3rem;min-height:1.44rem;padding:.13rem .1rem .19rem;}

/*---------- 专项委员会 ----------*/
.xyld-zx-title {font-size:.32rem;line-height:.46rem;font-weight:bold;color:#92070B;text-align:center;margin:.6rem 0 .26rem;}
/*两列换行排布*/
.xyld-comms {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:0 -.1rem;}
/*委员会卡片：米黄底 + 金色描边，每行两个*/
.xyld-comm {background:#FFFBF5;border:1px solid #FFCB6F;border-radius:8px;padding:.2rem .3rem .2rem;box-sizing:border-box;width:calc(50% - .2rem);margin:.1rem;}
/*委员会名称 + 人数*/
.xyld-comm-head {font-size:0;white-space:normal;}
.xyld-comm-name {font-size:.18rem;line-height:.26rem;font-weight:bold;color:#232323;}
.xyld-comm-num {font-size:.16rem;line-height:.24rem;color:#92070B;margin-left:.02rem;}
/*主任、委员*/
.xyld-comm-zr {font-size:.16rem;line-height:.24rem;color:#92070B;margin:.2rem 0 0;}
.xyld-comm-wy {font-size:.16rem;line-height:.24rem;color:#92070B;margin:.15rem 0 0;}

/*---------- 工作机制 ----------*/
.xyld-mech {font-size:.16rem;line-height:.24rem;color:#6F6768;margin:.35rem 0 0;}

/*==================== 平板端 ≤999px ====================*/
@media screen and (max-width:999px){
  .xyld-card {padding:30px 4%;}
  /*领导层缩放*/
  .xyld-leader-main {width:200px;min-height:64px;padding:8px 6px;}
  .xyld-leader .xyld-name {font-size:16px;line-height:22px;}
  .xyld-leader .xyld-post {margin-left:0;}
  .xyld-vline {height:14px;vertical-align:-2px;margin:0 12px;}
  .xyld-leader .xyld-duty {font-size:14px;line-height:20px;}
  .xyld-lines {height:28px;}
  .xyld-lines::before {height:16px;}
  .xyld-lines::after {top:16px;}
  .xyld-leaders-sub .xyld-leader::before {top:-11px;height:11px;}
  .xyld-leaders-sub .xyld-leader {-ms-flex:0 0 31%;flex:0 0 31%;width:auto;min-height:96px;padding:8px 4px 10px;}
  /*专项委员会*/
  .xyld-zx-title {font-size:22px;line-height:32px;margin:30px 0 14px;}
  .xyld-comm {padding:12px 14px;border-radius:6px;width:calc(50% - 20px);margin:10px;}
  .xyld-comm-name {font-size:15px;line-height:22px;}
  .xyld-comm-num {font-size:13px;line-height:20px;}
  .xyld-comm-zr {font-size:13px;line-height:20px;margin-top:10px;}
  .xyld-comm-wy {font-size:13px;line-height:20px;margin-top:6px;}
  .xyld-mech {font-size:13px;line-height:20px;margin-top:20px;}
}

/*==================== 移动端 ≤767px ====================*/
@media screen and (max-width:999px){
  .xyld-card {padding:16px 4% 20px;}
  /*连接线隐藏，领导层纵向堆叠*/
  .xyld-lines {display:none;}
  .xyld-leaders-sub {display:block;margin-top:14px;}
  .xyld-leaders-sub .xyld-leader::before {display:none;}
  .xyld-leaders-sub .xyld-leader {width:100%;min-height:0;margin:0 auto 10px;padding:10px 8px;-ms-flex:none;flex:none;}
  .xyld-leader-main {width:100%;max-width:240px;margin:0 auto;}
  /*委员会改单列*/
  .xyld-comm {width:calc(100% - 20px);}
  .xyld-zx-title {font-size:19px;line-height:28px;margin:22px 0 10px;}
}