@charset "utf-8";
/*==================================================
  师资概况页（list_szgk.htm）专用样式

==================================================*/

/*==================== 桌面端 ====================*/
/*外层白色卡片：左右两栏*/
.szgk-box {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:#fff;border:1px solid #E1E1E1;border-radius:10px;padding:.42rem .41rem 1.59rem .49rem;box-sizing:border-box;min-height:6.86rem;}
/*左侧浅色简介块*/
.szgk-intro {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin-top:.33rem;background:#FAF7F6;border-radius:10px 0 10px 10px;padding:.84rem 1.23rem .8rem .63rem;box-sizing:border-box;}
.szgk-intro p {font-size:.2rem;font-weight:500;color:#000;text-indent:2em;line-height:.46rem;text-align:justify}
.szgk-intro p + p {margin-top:.36rem;line-height:.4rem;}
/*右侧深红数据卡：主区（PI+四职称）+ 侧区（专任教学教师/研究人员）*/
.szgk-stats {-webkit-flex:none;-ms-flex:none;flex:none;width:5.92rem;margin-left:-.76rem;background:#960C10;border-radius:10px;position:relative;z-index:1;color:#fff;font-family:"Source Han Sans CN","思源黑体 CN",Arial,sans-serif;box-sizing:border-box;padding: .7rem .41rem .7rem;display:-webkit-box;display:-ms-flexbox;display:flex;}
.szgk-main {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;}
.szgk-side {-webkit-flex:none;-ms-flex:none;flex:none;width:1.35rem;margin-left:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;}
.szgk-side .szgk-item:first-child{margin-top: 0.45rem;}
/*数字与单位*/
.szgk-stats .numbox {display:block;line-height:.4rem;}
.szgk-stats .num {font-weight:700;color:#fff;}
.szgk-stats .unit {font-size:.2rem;color:#fff;margin-left:.06rem;}
/*课题组组长（PI）：居中展示*/
.szgk-pi {text-align:center;}
.szgk-pi .num {font-size:.46rem;}
.szgk-pi .name {display:block;margin-top: .1rem;font-size:.2rem;font-weight:700;line-height:.36rem;white-space:nowrap;}
/*连接括线：居中*/
.szgk-bracket {display:block;margin: .18rem auto .25rem;width:2.739rem;height:auto;}
/*四个职称横排均分*/
.szgk-rows {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.2rem;}
/*职称数据项*/
.szgk-item {text-align:center;}
.szgk-item .num {font-size:.42rem;}
.szgk-item .name {display:block;margin-top: 0;font-size:.18rem;line-height:.36rem;white-space:nowrap;}

/*==================== 平板端 ≤999px ====================*/
@media screen and (max-width:999px){
  .szgk-box {padding:.3rem .3rem .8rem;min-height:0;}
  .szgk-stats {margin-left:-.4rem;padding:.4rem .25rem;}
  .szgk-intro {margin-top:.2rem;padding:.4rem .5rem .3rem;}
  .szgk-intro p {font-size:16px;line-height:30px;}
  .szgk-intro p + p {margin-top:16px;line-height:26px;}
  /*窄屏下职称名称允许换行，避免溢出*/
  .szgk-item .name {white-space:normal;}
}

/*==================== 移动端 ≤767px ====================*/
@media screen and (max-width:767px){
  /*卡片上下堆叠*/
  .szgk-box {display:block;padding:.2rem .2rem .3rem;}
  .szgk-intro {margin:0 0 .2rem;padding:.3rem .25rem;border-radius:10px;}
  .szgk-intro p {font-size:15px;line-height:26px;}
  .szgk-intro p + p {margin-top:14px;line-height:26px;}
  /*数据卡改为纵向：PI+括线+四职称在上，侧区两项横排在下*/
  .szgk-stats {width:100%;margin:0;padding:.35rem .15rem .4rem;display:block;}
  .szgk-pi .num {font-size:28px;}
  .szgk-pi .unit {font-size:14px;margin-left:4px;}
  .szgk-pi .name {margin-top:4px;font-size:14px;line-height:24px;}
  .szgk-bracket {margin-top:6px;}
  .szgk-rows {-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:12px;}
  .szgk-item {margin-top:12px!important;}
  .szgk-item .numbox {line-height:24px;}
  .szgk-item .num {font-size:26px;}
  .szgk-item .unit {font-size:13px;margin-left:3px;}
  .szgk-item .name {margin-top:4px;font-size:13px;line-height:22px;}
  .szgk-side {width:auto;margin-left:0;margin-top:4px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-around;-ms-flex-pack:space-around;justify-content:space-around;}
}