<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.list{
        overflow: hidden;
    }
     
    .about-main img{
        width: 100%;
    }
    .list{
        margin-top: 20px;
    }
    .list&gt;ul{
        width: 20%;
        float: left;
    }
    .list&gt;ul&gt;li{
        padding: 9% 0;
        text-align: center;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
    }
    .list&gt;ul&gt;li&gt;a{
        color: #282828;
    }
    .listBg{
        color: #00531b;
        border-bottom: 1px solid #00531b;
        font-weight: 700;
    }
    .listBox&gt;ul{
       overflow: hidden;
    }
    .listBox&gt;ul&gt;li{
        width: 33.33%;
        box-sizing: border-box;
        padding: 2%;
        float: left;
    }
    .listBox&gt;ul&gt;li&gt;a&gt;img{
        width: 100%;
    }
    .listBox&gt;ul&gt;li&gt;a&gt;p{
        padding: 1% 0;
        color: #282828;
    }
    .listBox{
        float: right;
        width: 78%;
    }
    h3{
        border: 0;
    }
    .layui-flow-more{
        float: left;
        width: 100%;
    }
    @media screen and (min-width: 1100px){
        .about-main img{
            margin-top: 70px;
        }
        .list&gt;ul{
            width: 10%;
        }
        .listBox{
            width: 84%;
        }
    }
    .layui-flow-more{
        margin-left: 45%;
    }
    @media screen and (max-width: 1100px){
        .listBox&gt;ul&gt;li&gt;a&gt;p{
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis; /* 鏂囨湰婧㈠嚭鏃舵樉绀虹渷鐣ュ彿鏉ヤ唬琛ㄨ淇壀鐨勬枃鏈� */
            display: -webkit-box; /* 蹇呴』缁撳悎鐨勫睘鎬� 锛屽皢瀵硅薄浣滀负寮规€т几缂╃洅瀛愭ā鍨嬫樉绀� */
            -webkit-box-orient: vertical; /* 蹇呴』缁撳悎鐨勫睘鎬� 锛岃缃垨妫€绱几缂╃洅瀵硅薄鐨勫瓙鍏冪礌鐨勬帓鍒楁柟寮� */
            -webkit-line-clamp: 2; 
        }
        .list&gt;ul{
             width: 100%;
         }
        .list&gt;ul&gt;li{
             float: left;
             width:20%;
             padding: 1.5% 0;
        }
        .listBox{
             width: 100%;
         }
         h3{
             padding:0 1%;
         }
         .listBox&gt;ul&gt;li{
             padding: 1% 2%;
             width: 50%;
         }
         .listBox&gt;ul&gt;li&gt;a&gt;p{
             min-height: 44px;
         }
    }</pre></body></html>