/* ===== 列表网格 ===== */
 .royal-list-content {
     padding: 3rem 0 0;
     overflow: hidden;
 }

 .royal-list-pic-grid {
     overflow: hidden;
 }

 .royal-list-pic-grid li {
     padding: 1rem 0;
 }

 .royal-list-pic-item {
     padding: 4rem;
     overflow: hidden;
     border-radius: 0.4rem;
     border: 1px solid #f4f4f4;
     position: relative;
     transition: transform 0.5s ease;
 }

 .royal-list-pic-item:hover {
     transform: translateY(-0.5rem);
     box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.06);
     transition: transform 0.5s ease;
     border-bottom: 4px solid #007dc2;
 }

 .royal-list-pic-img {
     overflow: hidden;
     border-radius: .4rem;
 }

 .royal-list-pic-info {
     padding-left: 4rem;
     overflow: hidden;
 }

 .royal-list-pic-info h3 {
     font-size: 2rem;
     position: relative;
 }


 .royal-list-pic-info-date {
     color: #888;
     margin: 2rem 0 2rem;
 }

 .royal-list-pic-info-more {
     overflow: hidden;
     margin-top: 4rem;
 }

 .royal-list-pic-info p {
     color: #888;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     max-height: 42px;
 }


 @media (max-width: 640px) {
     .royal-list-content {
         padding: 0;
         overflow: hidden;
     }

     .royal-list-content .royal-container {
         padding: 0;
     }

     .royal-list-pic-grid li {
         padding: 2rem 0;
         border-bottom: 1px solid #e8e8e8;
     }

     .royal-list-pic-item {
         padding: 0rem;
         border: none;

     }

     .royal-list-pic-info h3 {
         line-height: 1.4;
     }

     .royal-list-pic-info {
         padding: 0 0 0 2rem;
     }

     .royal-list-pic-info p {
         margin: 1rem 0;
     }

 }