.main-content {
  background-color: #fff;
  padding: 94px 0 56px;
}

.main-content .main-web {
  flex-direction: column;
  gap: 30px;
}

.main-content .notice-list {
    row-gap: 30px;
    column-gap: 54px;}

.main-content .notice-list .notice-item {
  width: 314px;
  height: 344px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1141);
  overflow: hidden;
}

.main-content .notice-list .notice-item:hover {
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.149);
}

.main-content .notice-list .notice-item .top-img {
  width: 100%;
  height: 212px;
  overflow: hidden;
}

.main-content .notice-list .notice-item .notice-img {
  height: 100%;
  width: 100%;
  transition: all 0.5s ease;
object-fit: cover;
}

.main-content .notice-list .notice-item .notice-img:hover {
  transform: scale(1.2);
}

.main-content .notice-list .notice-item .bottom-info {
  flex: 1;
  padding: 20px 16px;
  gap: 29px;
}

.main-content .notice-list .notice-item .bottom-info .title {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 286px;
}

.main-content .notice-list .notice-item .bottom-info .time {
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #737373;
}

.main-content .pagination-box {
  width: 100%;
  gap: 8px;
}

.main-content .pagination-box .page-item {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  font-family: HelveticaNeue;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-item.next-page.disabled {
    cursor: not-allowed;
    background: #ededed;
}
.page-item.pre-page.disabled {
    cursor: not-allowed;
    background: #ededed;
}
.main-content .pagination-box .active-page-item {
  border-color: #ed7c40;
  background: #ed7c40;
  color: #fff;
}

.main-content .pagination-box .pre-page img,
.main-content .pagination-box .next-page img {
  width: 14px;
  height: 14px;
}

.main-content .pagination-box .next-page img {
  transform: rotateX(180deg);
}