#cgal ol {
   justify-content: space-between;
   padding: 0;
}
#cgal ol li{
    width: 24%;
   padding: 12px;
 border: 2px solid #c4c4c447;
 margin-top: 16px;
}
#cgal ol li img{
    width: 100%;
}
#cgal ol li .filter-title{font-size: 16px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inherit;}
  #cgal ol li figure{
      margin-bottom: 0;
  }
 #cgal ol li p{margin-bottom:0;
     justify-content: space-between;
     margin-top: 6px;
 }
  #cgal ol li figcaption{
      border-bottom: 1px solid #c4c4c447;
  }
   #cgal ol li .des{
       font-size: 14px;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
       overflow: hidden;
       line-height: 24px;
   }
   #cgal ol li .xq{
       color: #4080bc;
   }
   .page-item{margin:0 6px;
   }
   .page-link {
  color: #616161;
  background-color: #f7f7f7;
  border: none;
       padding: 5px 13px;
  border-radius: 10px !important;
   }
   .page-item.active .page-link {
  z-index: 3;
  color: #4080bc;
  background-color: #9ebddb;
  border-color: #9ebddb;
}
.page-item:nth-child(1) .page-link{
    background: #ffe17f;
    color: #f38b0b;
}
.fenye{margin: 40px 0;}
@media (max-width:991px){
    #cgal ol li .des {
  line-height: 24px;
}
#cgal ol li p {
  font-size: 11px;
}
}
   @media (max-width:767px){
      #cgal ol li{
    width: 49%;} 
      #cgal ol li p {
    font-size: 15px;
  }
   }
    @media (max-width:575px){
        #cgal ol {padding:0 1rem;}
        #cgal ol li {
 padding: 1vw;
  margin-top: 2vw;
}
#cgal ol li .filter-title {
  font-size: 4.5vw;
  line-height: 7.5vw;}
  #cgal ol li .des {
  font-size: 3.5vw;
  line-height: 6vw;}
   #cgal ol li p {
    font-size: 3.3vw;
  }
  #cgal ol li .des {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
  .fenye {
  margin: 4vw 0;
}
    }