.title-zp1{ background: url(css/shipin.png) left center no-repeat; line-height: 39px;}
@media (max-width: 767px) {
   .title-zp1{
        font-size: 24px;
        margin: 30px 0;
        line-height: 24px;
        background-size: auto 100% !important;
        padding-left: 35px;}
}
.list-container {
              flex: 1;
            min-width: 300px;}
        
        .list-container ul {
           list-style: none;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;}
        
        .list-container li {
            position: relative; /* 用于定位内部的caption */
            overflow: hidden; /* 隐藏溢出部分 */
            border-radius: 8px;}
        
        .list-container img {
           width: 100%;height: 100%;
            max-height: 200px; /* 设置统一的高度 */
            object-fit: cover; /* 保持宽高比并填充容器 */
            display: block;}
        
        .list-container .caption {
             position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.5);
            color: white;
            padding: 10px;
            text-align: center;
            border-radius: 0 0 8px 8px;}
        
        
         @media (max-width: 768px) {
            .list-container  ul {
                grid-template-columns: repeat(2, 1fr);}
        }
        
        @media (max-width: 480px) {
            .list-container  ul {
                grid-template-columns: 1fr;}
        }