.js-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.js-list > div {
    width: 283px;
    margin: 10px;
  padding: 15px;
  box-shadow: 0 0 5px #f2e5da;
  background: linear-gradient(#ffffff, #fefcf9);
}
.js-list > div a {
display:flex;
}
.js-list .person-img {
  width: 45%;
   overflow:hidden;
 }
.js-list .ldzcDesc {
  width: 55%;
  padding-left: 10px;
}

.js-list  img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  transition:all .5s;
-webkit-transition:all .5s;
}

.js-list > div .name {
  font-size: 16px;
  margin-bottom: 15px;
 color:#222222;
  font-weight:bold;
}
.js-list > div .about{
  font-size: 14px;
  line-height:1.5;
 color:#666666;
 }

.js-list > div .more{
    font-size: 12px;
    text-align: right;
    margin-top: 20px;
    color: #898989;
 }

.js-list > div:hover .more {
  color: #cc0000!important;
}
.js-list > div:hover img {
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
}
.js-list > div .title {
  padding-left: 12px;
  position: relative;
}