.title {
  font-size: 0.2083rem;
  font-weight: bold;
  margin: 30px 0;
}
.notice-item {
  display: flex;
  align-items: center;
  padding: 0.2083rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.date {
  width: 0.8333rem;
  padding: 0.1146rem;
  box-sizing: border-box;
  margin-right: 0.224rem;
  font-size: 0.0729rem;
  border-radius: 10px;
}
.date span {
  font-size: 0.1458rem;
  font-weight: bold;
}
.date p {
  margin-top: 0.1563rem;
  font-size: 0.0729rem;
}
.content .news-title {
  display: flex;
  align-items: center;
  font-size: 0.0938rem;
  margin-bottom: 0.1563rem;
}
.content p {
  font-size: 0.0729rem;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.notice-item.active {
  border-color: #00C5DD;
}
.notice-item.active .date {
  background-color: #00C5DD;
  color: #fff;
}
.notice-item.active .content .news-title {
  font-weight: bold;
}
.notice-item.active .content .new-tag {
    
  display: block;
}
@media (max-width: 1024px) {
  .title {
    font-size: 0.64rem;
    margin: 0.5333rem;
  }
  .notice-item {
    padding: 0.2667rem;
  }
  .date {
    width: auto;
    padding: 0.2667rem;
    font-size: 0.32rem;
  }
  .date span {
    font-size: 0.4267rem;
  }
  .date p {
    margin-top: 0.2667rem;
    font-size: 0.32rem;
  }
  .content {
    width: 70%;
  }
  .content .news-title {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.32rem;
    margin-bottom: 0.2667rem;
  }
  .content p {
    width: 100%;
    overflow: hidden;
    font-size: 0.2667rem;
  }
  .new-tag {
      color: #FB6464;
  }
}
/* .date {
  margin-right: 0;
} */
.notice-item .content {
  flex-grow: 1;
  max-width: 80%;
}
.notice-item .content p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main > .pagination {
  margin-top: 0.4167rem;
  padding-top: 0.2083rem;
}

@media (max-width: 1024px) {
  .main > .pagination {
    margin-top: 0.5333rem;
    padding-top: 0.2667rem;
  }
}