九宫格不管怎么尝试改样式，下面都会有一条分割线，如图
这是我body中的代码，希望各位指教
<body style="background-color:#FFFFFF;">
<h1 style="margin-left: 8%;margin-top: 15%;margin-bottom: 15%;">下面有您喜欢的电影吗
</h1>
<ul class="mui-table-view mui-grid-view mui-grid-9" style="border-color:#FFFFFF;">
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" style="background-color:#FFFFFF;border-color:#FFFFFF">
<img src="https://img1.doubanio.com/view/movie_poster_cover/spst/public/p2247974249.jpg" />电影1
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" style="background-color:#FFFFFF;border-color:#FFFFFF">
<img src="https://img1.doubanio.com/view/movie_poster_cover/spst/public/p2247974249.jpg" />电影1
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" style="background-color:#FFFFFF;border-color:#FFFFFF">
<img src="https://img1.doubanio.com/view/movie_poster_cover/spst/public/p2247974249.jpg" />电影1
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" style="background-color:#FFFFFF;border-color:#FFFFFF">
<img src="https://img1.doubanio.com/view/movie_poster_cover/spst/public/p2247974249.jpg" />电影1
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" style="background-color:#FFFFFF;border-color:#FFFFFF">
<img src="https://img1.doubanio.com/view/movie_poster_cover/spst/public/p2247974249.jpg" />电影1
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" style="background-color:#FFFFFF;border-color:#FFFFFF">
<img src="https://img1.doubanio.com/view/movie_poster_cover/spst/public/p2247974249.jpg" />电影1
</li>
</ul>
<div class="mui-content" style="margin-top: 10%;background-color:#FFFFFF;">
<button type="button" class="mui-btn mui-btn-outlined" style="margin-left: 23%;border-color: #007AFF;color: #007AFF;">
下一批
</button>
<button type="button" class="mui-btn mui-btn-outlined" style="margin-left: 20%;border-color: #007AFF;color: #007AFF;">
选好啦
</button>
</div>
</body>
