section.list .wrap li {
  text-align: left;
  list-style: none;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 25px;
  padding-left: 230px;
  margin-bottom: 20px;
  height: 180px;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
section.list .wrap li:hover {
  border-color: #FAC24E;
}
section.list .wrap li.lastest {
  background-color: #efc46e;
  border-color: #FAC24E;
}
section.list .wrap li.lastest .thedate {
  color: #FFF;
}
section.list .wrap li .photo {
  width: 180px;
  height: 180px;
  border: 1px solid #e9e9e9;
  background-color: #FFF;
  position: absolute;
  left: 25px;
  background-size: 150px;
  background-image: url(/images/defult.jpg);
  background-position: center;
  background-repeat: no-repeat;
}
section.list .wrap li .photo .in {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
section.list .wrap li .thedate {
  font-size: 15px;
  color: #c1c1c1;
  margin-bottom: 10px;
}
section.list .wrap li .thetitle {
  color: #3C6A83;
  font-size: 20px;
  margin-bottom: 15px;
}
section.list .wrap li .thecontent {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 1280px) {
  section.list .wrap {
    margin: 20px;
  }
  section.list .wrap li {
    text-align: left;
    list-style: none;
    margin-bottom: 20px;
    height: auto;
    padding-left: 135px;
    border: none;
    border-top: 1px solid #e9e9e9;
    border-radius: 0;
  }
  section.list .wrap li .photo {
    width: 90px;
    height: 90px;
  }
  section.list .wrap li .thetitle {
    font-size: 18px;
    margin-bottom: 9px;
  }
  section.list .wrap li .thecontent {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}