.lists{position: relative; clear: both; padding-top:30px;}
.lists li{width:100%; line-height: 180%; padding:0px 0px 15px; margin: 0 0; cursor: pointer;}
.lists li a{color:#333;}
.lists li a:hover{color:#149e5d;}
.lists li img{width:200px; height:200px; margin-right: 30px; display: inline-block; float: left; border-radius: 5px; background: rgb(0, 66, 148);}
.lists li h1{color:#444; font-size:26px; line-height: 250%; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.lists li p{font-size: 14px; color: #666666; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.lists li span{color:#999;font-size: 12px; }


@media only screen and (max-width: 1024px) and (min-width: 0px) {
    .lists{padding:0}
    .lists li{width:auto; height: auto; margin:0;}
    .lists li h1{font-size: 0.7rem}
    .lists li img{width:140px; height:140px; margin-right: 10px;}

}