.inner-layout{
  width: 12rem !important;
}

.list-notice002 ul {
  display: flex;
  flex-wrap: wrap;
}

.list-notice002 ul li {
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 25px;
  float: left;
  overflow: hidden;
}

.list-notice002 ul li a {
  display: block;
  height: 1.43rem;
  position: relative;
}

.list-notice002 ul li a .r_img .inner-img{
  height: 1.02rem;
  padding: unset;
}

.list-notice002 ul li a img {
  height: 1.02rem !important;
  width: 100%;
}

.list-notice002 ul li a span {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d7d7d7;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-notice002 ul li a:hover {
  color: var(--ruifox-color-primary-1);
}

.list-notice002 ul li a::after {
  content: "";
  height: 2px;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background-color: var(--ruifox-color-primary-1);
  transition: .3s ease;
}

.list-notice002 ul li a:hover::after {
  width: 100%;
}

@media (max-width: 960px) {

  .inner-layout {
    width: 100% !important;
  }

  .list-notice002 ul {
    display: flex;
    flex-direction: column;
  }

  .list-notice002 ul li {
    width: 100%;
    margin-right: 0;
  }

    .list-notice002 ul li a {
      height: auto;
    }

        .list-notice002 ul li a .r_img .inner-img {
          height: 124px;
        }

                .list-notice002 ul li a img {
                  height: auto !important;
                }

}

/*# sourceMappingURL=ruifox-list-notice001.css.map */