@charset "utf-8";
.navi{
  width:1200px;
  max-width:96%;
  display:flex;
  margin:2rem auto;
  border-bottom:3px solid #206798;
  height:5rem;
  line-height:5rem;
  background:#86c5e3;
  border-radius:10px;
  padding:0 2%;
  }
.navi a{
  width:12%;
  height:5rem;
  float:left;
  text-align:center;
  color:#000;
  border-radius:10px 10px 0 0 ;
  font-size:2.0rem;
  flex:1;
}
.navi a:hover{
  background:#206798;
  color:#FFF;
}
.navi a.on{
  background:#206798;
  color:#FFF;
}
/*
.navi a#jiaodian{
  margin-left:2%;
}
*/
#textlist{
  width:1200px;
  max-width:96%;
  margin:0 auto;
  }
#textlist li{
  height:5rem;
  line-height:5rem;
  background:#F7F7F7;
  margin:1rem auto;
  border-bottom:1px solid #ccc;
  border-radius:10px;
  overflow:hidden;
  padding-left:10px;
  list-style:none;
  display:flex;
  align-items:center;
}
#textlist li a{
  color:#000;
  font-size:1.6rem;
  flex:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding-right:1rem;
}
#textlist li .ldate{
  flex-shrink:0;
  color:#999;
  font-size:1.3rem;
  font-style:normal;
  margin-right:1.5rem;
  white-space:nowrap;
}

/* ===== 移动端优化 (max-width:640px)：保持 PC 字号，排版自适应 ===== */
@media only screen and ( max-width: 640px ) {
  .navi{
    width:94%;
    height:4rem;
    line-height:4rem;
    margin:1rem auto;
  }
  .navi a{
    font-size:1.6rem;
    height:4rem;
  }
  #textlist{
    width:94%;
  }
  /* 列表项：li 固定高，a 占 2/3 垂直居中，日期占 1/3 垂直居中 */
  #textlist li{
    height:6.6rem;
    line-height:2.2rem;   /* 覆盖 PC 的 5rem，防止 em 被撑高 */
    margin:0.6rem auto;
    padding:0 0.5rem 0 8px;
    display:flex;
    flex-direction:column;
    align-items:stretch;   /* 覆盖 PC 的 center，让 a/em 撑满宽度 */
    justify-content:center;
  }
  #textlist li a{
    flex:2;
    min-height:0;
    display:flex;
    align-items:center;
    font-size:1.6rem;
    line-height:2.2rem;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #textlist li .ldate{
    flex:1;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;   /* 日期靠左 */
    font-size:1.3rem;
    line-height:1.4rem;
    margin-right:0;
  }
}

/* 平板/窄屏：容器 96% */
@media only screen and ( max-width: 1080px ) {
  .navi{
    width:96%;
  }
  #textlist{
    width:96%;
  }
}