[reply]

<div class='ad2'>
    <ul class='wz1'>
        <li style='background: #16b777;'><a href='http://baobaovip.store' rel='nofollow' target='_blank'><span style='color: #ffffff'>1号广告位招租</span></a></li>
        <li style='background: #34c759;'><a href='http://baobaovip.store' rel='nofollow' target='_blank'><span style='color: #ffffff'>2号广告位招租</span></a></li>
        <li style='background: #4cc9f0;'><a href='http://baobaovip.store' rel='nofollow' target='_blank'><span style='color: #ffffff'>3号广告位招租</span></a></li>
        <li style='background: #f1c40f;'><a href='http://baobaovip.store' rel='nofollow' target='_blank'><span style='color: #ffffff'>4号广告位招租</span></a></li>
    </ul>
</div>

<style>
.ad2 ul {margin: 0;padding: 0;}
.ad2 li {list-style-type: none;margin: 0 4px 4px 0;width: calc(25% - 4px);float: left;line-height: 30px;height: 30px;text-align: center;border-radius: 4px;}
.ad2 a {position: relative;border-radius: 4px;display: block;margin: 0 4px 4px 0;font-size: 1.1em;}
.ad2 .wz1 {display: block;clear: both;}
@media(max-width:767px) {
    .ad2 .wz1 li {width: calc(50% - 4px)};
}
</style>		
		

[/reply]