.zp_item
{
  width: 100%;
}
.zp_item .author
{
  width: 100%;
  font-size: 22px;
  font-weight: bold;
}
.zp_item .zpj
{
  width: 31%;
  margin: 1%;
  float: left;
}
.zp_item .zpj dl,.zp_item .zpj dd,.zp_item .zpj dt,.zp_item .zpj dt img
{
  width: 100%;
}
.zp_item .zpj dd
{
  height: 50px;
  overflow: hidden;
}
.zp_item .zpj .dz
{
  width: 135px;
  margin: 0 auto;
  position: relative;
}
.zp_item .zpj .dz b
{
  position: absolute;
  top:0;
  left: 15px;
  font-size: 24px;
  color: #fff;
  line-height: 100px;
}

@media (max-width: 600px) {
  .zp_item .zpj{width: 100%;}
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-04-23 10:04:22" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->