.case{width:100%;overflow:hidden;background: #F0F8FF;}
 
.case .list_box .list{
    margin:12px;
    height: auto;
    border-radius: 0.21rem;
    background-color: #fff;
    box-shadow: 0 0.17rem 0.43rem 0 rgba(51, 136, 255, 0.1);
    overflow: hidden;
}
.case .list_box .list .info_box{
  display: flex;
  padding:12px;
}
.case .list_box .list .info_box img{
  width:60px;
  height: 60px;
  border-radius: 50%;
}    
.case .list_box .list .info_box .r{
  flex:1;
  margin-left: 15px;
}
.case .list_box .list .info_box .r .tit{
    font-size: 15;
    font-weight: bold;
    color: #333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case .list_box .list .info_box .r .desc{
    font-size:12px;
    color: #666;
    margin-top:8px;
    width: 100%;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.case .list_box .list .label_box{
  display: flex;
  align-items: center;
   padding: 5px 10px;
   border-top:1px solid #f0f0f0;
}

.case .list_box .list .label_box .label{
  flex:1; 
  display: flex;
  flex-wrap:wrap;
}
.case .list_box .list .label_box .label span{
  display: flex;
    align-items: center;
    color: #b3b3b3;
    font-size: 12px;
    margin:2px 10px 2px 0px;
}
.case .list_box .list .label_box .label span img{
  width: 15px; 
}
.case .list_box .list .label_box .more{
    background: #3388FF;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    padding: 2px 5px;
}
.case .case_menu{
  background: #fff;
  padding:8px;
  display: flex;
  flex-wrap: wrap;
}
.case .case_menu li{
color: #333;
font-size: 12px;
margin: 5px;
border-radius: 5px;
padding: 3px 8px;
}
.case .case_menu .caseAct{
background-color: #FFA300;
color: #fff;
}
.details-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
}
.details-popImg {
    width: 55%;
    height: 0;
    padding-top: 2%;
    padding-bottom: 17%;
    position: fixed;
   color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 40%;
    right: 0;
    margin: auto;
    line-height:1.7;
    border-radius:8px;
}
.details-popImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
/*分页开始*/
.Pages{display: flex;justify-content:center;align-items: center;padding-bottom:80px;margin:0px 20px}
.pagination{
    display: flex;
    flex-wrap: wrap;
}
.pagination li{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #606266;
    color: #fff;
    MARGIN:5px;
    border-radius: 5px;
}
.pagination .active{
    background: #0075C1;
}
.pagination li a{
    color:#fff;
}
/*分页结束*/