.con .page1 .wrap {
  max-width: 880px;
}
.con .page1 .tit {
  color: #333;
  text-align: center;
}
.con .page1 .time {
  text-align: center;
  color: #999;
}
.con .page1 .mes {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  color: #333;
}
.con .page1 .page {
  justify-content: center;
}
.con .page1 .page .list {
  width: 140px;
  height: 40px;
  background: var(--textColor);
  border-radius: 6px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.con .page1 .page .list:hover img {
  transform: translateX(4px);
}
.con .page1 .page .list img {
  filter: brightness(0) invert(1);
  width: 12px;
  transition: all 0.4s linear;
}
.con .page1 .file a:hover{
    color: var(--textColor);
}
@media only screen and (max-width: 1440px) {
  .con .page1 .page .list {
    width: 120px;
  }
}