/* CSS Document */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.box {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

.box .container {
  width: 100%;
  margin: 0 auto;
  color: #FF0000;
  margin-top: 10px;
}

.box .container .site {
  height: 58px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #010000;
}

.box .container .site img {
  margin-right:10px;
}

.box .container .site a {
  color: #010000;
}

.box .container .site a:hover {
  text-decoration: underline;
}

/* 小圆点正常显示 */
.box .container ul {
  list-style: none; /* 先关闭默认，改用伪元素实现 */
  padding: 0 0px;
}

.box .container li {
  height: 80px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  
  /* 给 li 相对定位，用来放小圆点 */
  position: relative;
}

/* 用伪元素手动生成小圆点 */
.box .container li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #c9171f;
  position: absolute;
  left: 20;
  top: 50%;
  transform: translateY(-50%);
}

/* 标题 + 日期 左右布局 */
.box .container li a {
  width:300px;
  display:block;
  justify-content: space-between;
  align-items: center;
  font-family: MicrosoftYaHei;
  color: #000;

  font-size: 16px;
  color: #000;

  /* 单行溢出省略号 4 件套 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:850px;
  margin-left:20px;
}
.box .container li a:hover {
  text-decoration: underline;
}

/* 右侧日期 */
.box .container li .date {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
  width:250px;
  margin-left:40px;
}

.box .container li .date::before {
  content: "\A0\65F6\95F4\FF1A"; /* 两个空格 + 时间： */
  color: #000; /* 文字颜色现在 100% 生效 */
  margin-left:0px;
  margin-right: 10px;
  vertical-align: middle;

  /* 图片用背景图方式插入 */
  background-image: url("http://images1.wenming.cn/web_sd/images/time_20260203.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px; /* 给图片留出位置 */
}

.box .container li:hover a .text p {
  text-decoration: underline;
}

.box .container li:nth-child(2n) {
  background-color: #efefef;
}

/* 分页 */
.box .container .pager {
  width:100%;
  height:200px;
  margin-top:20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 普通页码 */
.box .container .pager a {
  display: block;
  width: 47px;
  height: 47px;
  background: #fff;
  border: 1px solid #cacbcb;
  margin: 0 13px;
  font-size: 16px;
  line-height: 47px;
  color: #a7a7a7;
  text-align: center;
  text-decoration: none;
}


.box .container .pager .pn {
  display: block;
  width: 60px;
  height: 47px;
  background: #c91a1f;
  border: 1px solid #c91a1f;
  margin: 0 13px;
  font-size: 16px;
  line-height: 47px;
  color: #fff;
  text-align: center;
}

.box .container .pager .pn_a {
  display: block;
  width: 60px;
  height: 47px;
  background: #c91a1f;
  border: 1px solid #c91a1f;
  margin: 0 13px;
  font-size: 16px;
  line-height: 47px;
  color: #fff;
  text-align: center;
}



/* 当前页 */
.box .container .pager span.current {
  display: block;
  width: 47px;
  height: 47px;
  background: #c91a1f;
  border: 1px solid #c91a1f;
  margin: 0 13px;
  font-size: 16px;
  line-height: 47px;
  color: #fff;
  text-align: center;
}

.box .container .pager a:hover {
  background-color: #c91a1f;
  color: #fff;
  border-color: #c91a1f;
}

/* 只隐藏 第 6 ~ 倒数第 2 个 页码，保留最后两个：下一页 + 尾页 */
.box .container .pager a:nth-child(n+11):nth-last-child(n+3),
.box .container .pager span:nth-child(n+11):nth-last-child(n+3) {
  display: none !important;
}