body{background-color: #e5f3fc;}
main {margin-bottom: 50px;}


.picture_listbox .picture_list ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 30px;}
.picture_listbox .picture_list ul li:nth-child(3n){margin-right: 0;}
.picture_listbox .picture_list ul li a{display: block;background-color: #fff;padding-bottom: 20px;border-radius: 6px;}
.picture_listbox .picture_list ul li a img{display: block;width: 100%;height: 276px;}
.picture_listbox .picture_list ul li a span{display: block;padding: 0 20px;margin-top: 20px;}
.picture_listbox .picture_list ul li a .tle{font-size: 24px;margin-top: 24px;font-weight: bold;min-height: 62px;}
.picture_listbox .picture_list ul li a .cot{font-size: 20px;color: #333;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.picture_listbox .picture_list ul li a .time{font-size: 20px;color: #666;}

@media screen and (max-width:959px){
    .picture_listbox .picture_list ul li a .cot{display: none;}
    .picture_listbox .picture_list ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .picture_listbox .picture_list ul li a img {height:100px;}
    .picture_listbox {background-color:#fff;padding:10px;}
    .picture_listbox .picture_list ul li{width:50%;margin: 0;padding: 5px;}
    .picture_listbox .picture_list ul li a .tle{font-size:16px;font-weight:normal;padding: 2px;margin-top: 10px;color:#333;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: auto;}
    .picture_listbox .picture_list ul li a .time{font-size:14px;color:#999;margin-top:10px;text-align:left;padding: 0;}
}
@media screen and (max-width:600px){
  	.picture_listbox .picture_list ul li a .tle{min-height: 48px;}
}
@media screen and (max-width:450px){
  	.picture_listbox .picture_list ul li a{min-height: 204px;overflow: hidden;}
}