/* 搜索 */


   /* 列表 */


   /* 列表 */
   .NyProList {
       width: 100%;
       margin-bottom: 30px;
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
       grid-gap: 45px 20px;
   }


   .NyProList .item {
       position: relative;
       top: 0;
       transition: 0.5s;
   }

   .NyProList .item .text {
       margin-top: 20px;
   }

   .NyProList .item .text h1 {
       font-size: 20px;
       line-height: 1;
       color: #000000;
       transition: 0.5s;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   .NyProList .item .text h2 {
       margin-top: 20px;
       font-size: 16px;
       line-height: 1.25;
       color: rgba(0, 0, 0, 0.5);
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   .NyProList .item .img {
       transition: 0.5s;
       width: 100%;
       overflow: hidden;
   }

   .NyProList .item .img img {
       width: 100%;
   }

   .NyProList .item:hover {
       top: -30px;
   }

   .NyProList .item:hover .img {
       box-shadow: 0px 4px 20px rgba(3, 87, 238, 0.5);
       border-radius: 30px;
   }

   @media (max-width: 1660px) {}

   @media (max-width: 1440px) {
       .NyProList .item .text h1 {
           font-size: 18px;
       }


   }

   @media (max-width: 1200px) {
       .NyProList .item:hover .img {
           border-radius: 20px;
       }
   }

   @media (max-width: 900px) {
       .NyProList {
           grid-template-columns: 1fr 1fr;
           grid-gap: 30px 10px;
       }

       .NyProList .item:hover {
           top: -20px;
       }
   }

   @media (max-width: 720px) {}

   @media (max-width: 460px) {
       .NyProList {
           grid-template-columns: 1fr;
       }
   }