/* 新闻列表 */



.s-new {

  padding: 0 30px 30px;

  background-color: #fff;

  display: flex;

} 

.s-img {

  width: 364px;

  height: 244px;

}

.s-fr {
  overflow: hidden;

  flex: 1;

  padding: 12px 0 12px 30px;

}

.s-date {

  font-size: 24px;

  color: #28166F;

  margin-bottom: 10px;

}

.s-title {
  font-size: 16px;

  font-weight: 500;
  
  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}
.s-title a {
  font-weight: 600;
}

.s-intro {

  margin-top: 15px;

  font-size: 13px;

  line-height: 2;

  color: #808080;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

}



.new-f7 {

  position: relative;

  padding: 30px;

  border-bottom: 1px solid #f0f0f0;

}

.hvr-sweep-to-right:before {

  background-color: #fff;

}

.new-link {

  display: flex;

}

.date-box {

  position: relative;

  overflow: hidden;

  width: 90px;

  height: 90px;

  color: #fff;

  font-size: 24px;

  background-color: #28166F;

}

.line {

  width: 1px;

  height: 80px;

  transform: translate(45px, 5px) rotate(45deg);

  background-color: #fff;

}

.day {

  position: absolute;

  top: 12px;

  left: 12px;

}

.month {

  position: absolute;

  right: 12px;

  bottom: 12px;

}

.new-fr {

  flex: 1;

  padding-left: 26px;

}

.new-fr .s-intro {

  margin-top: 14px;

  -webkit-line-clamp: 2;

}

.open {

  display: none;

  z-index: -1;

  position: absolute;

  right: 0;

  top: 0;

  width: 150px;

  height: 150px;

  line-height: 150px;

  text-align: center;

  background-color: #28166F;

  opacity: 0;

  transition: all 0.6s;

}

.open-link {

  padding: 25px;

  font-size: 50px;

  color: #fff;

}

.open-link:hover {

  color: #fff;

}



.new-f7:hover>.open {

  z-index: 9;

  opacity: 1;

}