[class="list_li_1"]{
  clear: both;
}
.list_li_stu_pic{
  float: left;
  width: 30%;
  margin: 16px calc(10%/6) 24px calc(10%/6);

}
.list_li_stu_pic p{
  font-size: 20px;

  color: #333;
  text-shadow: 0 0 #999;
  margin:.7em 0 0 0;

}
.picture_block{
  width: 700px;
  margin: 20px auto 0 auto;

}

.img_block{
  width: 300px;
  padding: 0 25px;
  margin: 10px auto;
  text-align: center;
  float: left;
  position: relative;
}
.img_block img{
  width: 300px;
  height: 220px;
  border: solid 4px #fff;
  box-shadow: 0 0 0px 1px #999;
}
.img_block span{
  font-size: 14px;
  margin-top: -4px;
  width: 300px;
  max-height: 20px;
  overflow: hidden;
  position: absolute;
  bottom: 8px;
  left: 29px;
  background-color: #fff;
}
.cl_both{clear: both;}

/*.stu_pic_img::before{
  position: absolute;
  content: "";
  border-radius: 50%;
  border: 10px solid #fafafa;
  box-shadow:
    2px 1px 2px 1px rgba(50,50,50,.5),
    -1px -1px 3px 0px rgba(50,50,50,.3);
  top: -12px;
  left: -12px;
}*/