*{
    list-style-type: none;margin:0;padding: 0;
}
 @media (min-width:1024px)
    {
        .shouce{margin:0 auto;margin-top:20px;margin-bottom:20px;}
        .sc-ul{display:flex;flex-wrap: wrap;}
        .sc-ul li{border-radius:10px;width:20%;padding:35px;text-align:center;font-size:18px;}
        .sc-ul li p{margin-top:20px;color: #000;font-size:14px;}
         .sc-ul li a img{height:253px;}
        .sc-ul li:hover{background:#f3f3f3;box-shadow: 0 0 19px 0 rgb(155 155 155 / 50%);}
      
        
        }
   @media (max-width:600px)
   {
        .shouce{margin:0 auto;margin-top:20px;margin-bottom:20px;}
        .sc-ul{display:flex;flex-wrap:wrap;}
        .sc-ul li{border-radius:10px;padding:10px;text-align:center;font-size:14px;}
        .sc-ul li p{margin-top:20px;color: #000;}
            .sc-ul li a img{width:100%;width:183px;}
        .sc-ul li:hover{background:#f3f3f3;box-shadow: 0 0 19px 0 rgb(155 155 155 / 50%);}
      
       }