xiaoshi-tus { width:950px;
height:188px;
padding-left:9px;
display:inline-block;
background-color:#FFF;}
#xiaoshi-tus ul { margin:0;
padding:0;}
#xiaoshi-tus li { width:147px;
height:169px;
float:left;
margin-top:9px;
margin-right:9px;
list-style:none;
border:1px solid #e6e6e6;}
#xiaoshi-tus img { width:100%;
height:100%;}
.xiaoshi-zi{
height:41px;
background-color:#FFF;
opacity: 0.8;
line-height:13px;
padding:0;
margin:0;
position:relative;
top:-37%;
text-align:center;}
.mui-scroll-wrappera {
z-index: 2;
top: 0;
bottom: 0;
left: 0;
height:196px;
overflow:auto;
width: 1000px;
}
<div class="mui-scroll-wrappera">
<div class="mui-scroll">
<div id="xiaoshi-tus">
<ul>
<li>
<span class="xiaoshi-tu1">降价<p><small>¥</small>200</p></span>
<img src="img/aq1.jpg" width="100" height="114">
<dl class="xiaoshi-zi">
<dt>iphone 6s</dt>
<dd>月供<span>¥500.7</span>元起</dd>
</dl>
</li>
<li>
<span class="xiaoshi-tu2">降价<p><small>¥</small>200</p></span>
<img src="img/aq1.jpg" width="100" height="114">
<dl class="xiaoshi-zi">
<dt>iphone 6s</dt>
<dd>月供<span>¥500.7</span>元起</dd>
</dl>
</li>
<li>
<span class="xiaoshi-tu3">降价<p><small>¥</small>200</p></span>
<img src="img/aq1.jpg" width="100" height="114">
<dl class="xiaoshi-zi">
<dt>iphone 6s</dt>
<dd>月供<span>¥500.7</span>元起</dd>
</dl>
</li>
<li>
<span class="xiaoshi-tu1">降价<p><small>¥</small>200</p></span>
<img src="img/aq1.jpg" width="100" height="114">
<dl class="xiaoshi-zi">
<dt>iphone 6s</dt>
<dd>月供<span>¥500.7</span>元起</dd>
</dl>
</li>
<li>
<span class="xiaoshi-tu2">降价<p><small>¥</small>200</p></span>
<img src="img/aq1.jpg" width="100" height="114">
<dl class="xiaoshi-zi">
<dt>iphone 6s</dt>
<dd>月供<span>¥500.7</span>元起</dd>
</dl>
</li>
<li>
<span class="xiaoshi-tu3">降价<p><small>¥</small>200</p></span>
<img src="img/aq1.jpg" width="100" height="114">
<dl class="xiaoshi-zi">
<dt>iphone 6s</dt>
<dd>月供<span>¥500.7</span>元起</dd>
</dl>
</li>
</ul>
</div>
</div>
</div>