.yuedong_news_list {
  padding: 1.375rem 0 3.78125rem;
}

.yuedong_news_list_header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.6875rem;
}

.yuedong_news_list_header_decorator {
  width: .28125rem;
  background: var(--color-primary);
  align-self: stretch;
  flex-shrink: 0;
}

.yuedong_news_list_title {
  color: #000;
  font-size: var(--font-size-42);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.yuedong_news_list_warpper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.yuedong_news_item {
  display: flex;
  line-height: 0;
}

.yuedong_news_item:hover .yuedong_news_item_content {
  background-color: var(--color-primary);
}

.yuedong_news_item:hover .yuedong_news_item_title,
.yuedong_news_item:hover .yuedong_news_item_desc,
.yuedong_news_item:hover .yuedong_news_item_date {
  color: #fff;
}

.yuedong_news_item:hover .yuedong_news_item_btn {
  border-color: #fff;
  background-color: #ffffff;
}

.yuedong_news_item_img {
  width: 324px;
  align-self: stretch;
  object-fit: cover;
  flex-shrink: 0;
}

.yuedong_news_item_img img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
  aspect-ratio: 324 / 305;
}

.yuedong_news_item_content {
  flex: 1;
  padding: 1.71875rem 2.125rem .90625rem 2.03125rem;
  background-color: #FBFBFB;
  transition: all 0.3s ease;
}

.yuedong_news_item_title {
  color: #000;
  font-size: var(--font-size-24);
  font-weight: 400;
  line-height: calc(32 / 24 * 1em);
  transition: all 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.yuedong_news_item_desc {
  color: #737373;
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 1.625;
  margin-top: .78125rem;
  transition: all 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.yuedong_news_item_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1.25rem;
}

.yuedong_news_item_date {
  color: #6E6E6E;
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 1.5;
  transition: all 0.3s ease;
}

.yuedong_news_item_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: .6875rem;
  padding-right: .5rem;
  width: 182px;
  height: 40px;
  gap: 0.5rem;
  border-radius: 50px;
  border: 1px solid #C8C8C8;
  background-color: #fbfbfb;
  transition: all 0.3s ease;
}

.yuedong_news_item_btn span {
  color: #6E6E6E;
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 1.5;
}

.yuedong_news_item_btn svg {
  width: 37px;
  aspect-ratio: 37 / 22;
}

@media screen and (max-width: 1500px) {
  .yuedong_news_item_img {
    width: 270px;
  }
}

@media screen and (max-width: 1200px) {
  .yuedong_news_item_img {
    width: 240px;
  }
}

@media screen and (max-width: 991px) {

  .yuedong_news_item_content {
    padding: 1.5rem 1rem .5rem;
  }

  .yuedong_news_item_img {
    width: 200px;
  }

  .yuedong_news_item_btn {
    width: 127px;
    height: 28px;
  }

  .yuedong_news_item_btn svg {
    width: 30px;
  }
}

@media screen and (max-width: 576px) {
  .yuedong_news_item {
    flex-direction: column;
  }

  .yuedong_news_item_img {
    width: 100%;
  }
}

/* ----------------- Pagination ----------------- */
.yuedong_news_list_pagination {
  margin-top: 2.40625rem;
}

/* #pagesize ul {
  display: flex;
  justify-content: center;
  gap: .6875rem;
}

#pagesize ul li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ADADAD;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  color: #464646;
  font-size: max(12px, .4375rem);
  font-weight: 400;
  line-height: 1.5;

  transition: all 0.3s ease;
}

#pagesize ul li:has(span) {
  align-self: flex-end;
}

#pagesize ul li span {
  color: #464646;
  font-size: max(12px, .4375rem);
  font-weight: 400;
  line-height: 1.5;
}

#pagesize ul li a:has(svg) {
  color: black;
}

#pagesize ul li a svg {
  width: 7px;
  aspect-ratio: 7 / 13;
  transition: all 0.3s ease;
}

#pagesize ul li a:not(.disabled).active {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

#pagesize ul li a:not(.disabled):hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: #fff;
}

#pagesize ul li a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media screen and (max-width: 768px) {
  #pagesize ul li a {
    width: 30px;
    height: 30px;
  }

  #pagesize ul li a svg {
    width: 5px;
  }
}

@media screen and (max-width: 480px) {
  #pagesize ul li a {
    width: 24px;
    height: 24px;
  }

  #pagesize ul {
    gap: .5rem;
  }
} */