/* 列表 */
   .NyProList {
       width: 100%;
       margin-bottom: 30px;
       display: grid;
       align-items: start;
       grid-template-columns: repeat(4, 1fr);
       grid-gap: 25px;
       min-height: 300px;
   }



   .NyProList .item {
       width: 100%;
       border: 1px solid #E9E9E9;
       transition: 0.5s;
   }

   .NyProList .item:hover {
       border: 1px solid var(--color);
       box-shadow: 0px 0 15px 5px #00000020;
   }

   .NyProList .img {
       width: 100%;
       background: #fff;
   }

   .NyProList .item .text {
       padding: 20px 15px;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .NyProList .item .text h1 {
       width: 100%;
       text-align: center;
       font-size: 16px;
       line-height: 1;
       color: #595959;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   .NyProList .item:hover .text h1 {
       color: var(--color);
   }



   @media (max-width: 720px) {
       .NyProList {
           grid-template-columns: repeat(2, 1fr);
           grid-gap: 15px;
       }

       .NyProList .item .text {
           padding: 25px 15px;
       }

       .NyProList .item .text h1 {
           font-size: 16px;
       }
   }

   @media (max-width: 460px) {
       .NyProList {
           grid-gap: 10px;
       }

       .NyProList .item .text {
           padding: 20px 10px;
       }

   }