.list_kuang  .resource-list{
        display: flex;
        flex-wrap: wrap;
        padding:0 14px 28px 14px;
        width: 100%;
        justify-content: space-between;
       

    }
.list_kuang li{padding:0;margin-bottom:14px;}
.list_kuang li a{display:unset}
 .resource-list li{width:24%;border:1px solid #f4f4f4;    border-radius: 3px;padding-top:0}
 .resource-list img{border-radius: 7px 7px 0 0;vertical-align: bottom;}

 .resource-list .cover{
     position: relative;background:#fff;height:168px; overflow: hidden; border-radius: 4px 4px 0 0;
         display: flex;
    justify-content: center;
 }
 .resource-list .cover img{
 height: 100%;
    overflow: hidden;
    padding: 5px;
  
    display: flex;
    justify-content: center;
    }
.list-info{padding:5px;border-radius:0 0 4px 4px;background:#fff;position:relative}
.list_kuang li .list-title{display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.list-item{display:flex;margin-top:10px;font-size:12px;line-height:24px;color:#b9babe;border-top:1px solid #f6f6f6;}
.list-info i{vertical-align: bottom; margin-right: 5px}
.list-search{ margin-right: 10px }
.list-time{margin-left:auto;}
.list-item a {color:#b9babe;}
.cover-items{display:flex;position:absolute;bottom:0;left:0;padding:0 8px 0 10px;width:100%;height:50px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);box-sizing:border-box;opacity:0;transition: opacity 0.2s;justify-content: flex-end;align-items:center;}
.cover:hover .cover-items,.cover:hover .cover-items a{opacity: 1;}
.cover:hover .cover-items a {transform: translate(0, -10px);}
.cover:hover .cover-items a:hover {	opacity: .8;}
.cover-items a {margin:20px 6px 0;width:24px;height:24px;opacity:0;transition:all 0.2s;}
.cover-items .downimg{background: url('/static/info/images/download.svg');}
.badge{display: flex;position:absolute;top:0;right:8px;opacity:0;transition:all 0.2s;}
.badge a{padding:0 10px;font-size:12px;line-height:24px;}
.badge a.version{border-radius:4px 0 0 4px;background:#fff;}
.badge a.update-time {border-radius: 0 4px 4px 0;background: rgba(0, 0, 0, .3);color:#fff;}
.badge-one a.update-time {border-radius: 4px;}
.cover:hover .badge{opacity: 1;transform: translate(0, 8px);}
.list-description {height: 24px;line-height:24px;width: 230px;overflow: hidden;}
.plugin-list .list-description{text-overflow: ellipsis;white-space:nowrap;}
.list-info .intro{font-size: 13px;
    color: #fff;
    padding: 10px 0;
    display: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
   
    background: rgba(0,0,0,0.6);
}
.list_kuang li:hover .list-info  .intro{display:block;}
.screen{padding-left:15px;background-position:center top;background-size:cover;background-repeat:no-repeat;}
.screen .menu-column{ width: 100%; border-bottom: 1px solid #f7f8fa;margin-bottom: 20px;}
.screen .menu-column .column{ height:56px; line-height:56px;display:table;margin:0 auto; }
.screen .menu-column span a{ padding:4px 10px;display: inline-block;}
.screen .menu-column span .on{border-bottom: 2px solid #1c5cbd;margin-bottom: -1px;}
.screen .menu{width: 100%; padding: 10px 0;color: #333;}
.screen .menu span{ margin-left:20px; }
.screen .menu span a{padding: 4px 10px;margin-left: 3px;}
.screen .menu span a.on,.screen .menu span a:hover,#pages .current,#pages li.active span{background: #c00;color: #fff;border-radius: 4px;}
.screen .menu i{margin-right:10px;}

@media screen and (max-width: 960px) {
     .resource-list li{width:33%;}
   
}
@media screen and (max-width: 680px) {
    .screen{padding:0 10px}
     .resource-list li{width:49%;}
     .list_kuang  .resource-list{ padding:0 10px;}
      .resource-list .cover{height:126px; }
      .wrapper02 li.cur a{border-bottom:0}
      
}