.column_list{
 display: flex;
 flex-wrap: wrap;
 padding-top: 12px;
 justify-content: space-between;
 clear: both;
  }
 .title_header_right{
   float: right;
   line-height: 39px;
   color: #666;
   padding: 0px 10px;
   padding: 8px 10px;
   font-size: 14px;
   font-weight: normal;

 }
  .column_list li{
 width: 170px;
 display: inline-block;
 text-align: center;
 border: 1px solid #eee;
 background: none;
 margin-bottom: 10px;
 padding: 0px;
  }
  .column_list li img{
 width: 152px;
 height: 210px;
  }
  li :nth-child(4) a img{
 margin-right: 0px;
  }
  .dy_title{
 margin-top: 10px;
  }
  .column_list img{
 padding: 10px;
  }
  /* @media only screen and (max-width:1024px) {
 .main_content {
   width: 1024px;
 }
 .column_list{
   display: inline-block;
   flex-wrap: wrap;
   padding-top: 12px;
   justify-content: space-between;
   clear: both;
 }
   
  } */
  @media only screen and (max-width:768px) {
 .column_list{
   display: inline-block;
   flex-wrap: wrap;
   padding-top: 12px;
   justify-content: space-between;
   clear: both;
 }
 .column_list li{
   margin-right: 15px;
 }
 .column_list li img{
   width: 80px;
   height: 100px;
 }
 .column_list li{
   width: 90px;
   display: inline-block;
   text-align: center;
   border: 1px solid #eee;
   background: none;
   margin-bottom: 10px;
   padding: 0px;
 }
 }
 @media only screen and (max-width:414px) {
   .column_list li{
 width: 100px;
   }
 }
 
 @media only screen and (max-width:375px) {
   .column_list li{
 width: 88px;
   }
 }
  @media only screen and (max-width:360px) {
 .column_list li img{
   width: 80px;
   height: 100px;
 }
 .column_list li{
   width: 86px;
   display: inline-block;
   text-align: center;
   border: 1px solid #eee;
   background: none;
   margin-bottom: 10px;
   padding: 0px;
 }
 }