.m-mana { position: relative; min-height: 100vh; padding: 0 20px; } .ul-listmana1 { display: block; overflow: hidden; margin: 0 -7px; } .ul-listmana1 li { float: left; width: 33.3%; padding: 0 7px; margin-bottom: 14px; } .ul-listmana1 .con { display: block; background-color: #fff; border-radius: 10px; text-align: center; color: #333333; padding-top: 10px; } .ul-listmana1 .pic { text-align: center; margin-bottom: 7px; } .ul-listmana1 .pic img { display: inline-block; max-width: 80px; } .ul-listmana1 .txt { font-size: 16px; margin-bottom: 14px; } .ul-listmana1 .info { font-size: 12px; color: #fff; height: 30px; line-height: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; } .ul-listmana1 .in { background-image: url(../../images/b3.png); } .ul-listmana1 .out { background-image: url(../../images/b4.png); } .ul-listmana1 .full { background-image: url(../../images/b5.png); } .ul-listmana1 .empt { background-image: url(../../images/b6.png); } .ul-listmana1 .xun { background-image: url(../../images/b7.png); } .ul-listmana1 .q { background-image: url(../../images/b8.png); } .ul-listmana1 .wind { background-image: url(../../images/b9.png); } .ul-listmana1 .repair { background-image: url(../../images/c1.png); }