.pages-base{width:1200px; margin:20px auto;}
.listbox{margin-top:20px;}
.listbox .list{display: flex; margin-bottom:20px; color:#333; border-bottom:1px solid #ddd; padding:10px 0;}
.listbox .list:nth-last-child(1){border:none;}
.listbox .list .imgbox{margin-left:10px; width:160px; height:100px; background: #8c97ab; display:flex; border:1px solid #ddd;}
.listbox .list .imgbox img{ width:160px; height:100px;  margin:auto; object-fit:cover;}
.listbox .list .rightbox{flex: 1 1 auto;  flex-direction: column; }
.listbox .list .label{ min-width: 60px; height:28px; padding:0 10px; line-height:28px; background: #e05050; font-size:13px; color:#fff; text-align: center; display: inline-block;}

.listbox .list h4{font-size:22px; line-height:28px; margin:5px 0 0px 0;}
.listbox .list h5.desp{font-size:14px; line-height:24px; margin:0px 0 5px 0; font-weight: normal; color:#999;}
.listbox .list .time{font-size:12px; color:#999;}


@media screen and (max-width: 500px) {
 .pages-base{width:384px; margin:15px auto;}
.listbox .list{display: flex; margin-bottom:25px;}
.listbox .list .imgbox{margin-left:10px; width:143px; flex:0 0 143px; height:87px; background: #8c97ab; display:flex;}
.listbox .list .imgbox img{ width:143px; height:87px;  margin:auto; object-fit:cover;}
.listbox .list .rightbox{flex: 1 1 auto; flex-direction: column; }
.listbox .list .label{min-width:65px; height:20px; line-height:20px; background: #e05050; font-size:12px; color:#fff; text-align: center; }
.listbox .list h4{font-size:14px; line-height:24px; max-width: 500px; margin:5px 0 6px 0; -webkit-line-clamp: 2;}
.listbox .list h5.desp{display: none;}
.listbox .list .time{font-size:12px; color:#999;}
}