<div class="ui-footnav ui-footnav-red">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-yellow">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-blue">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-green">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-info">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-bg-red">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-bg-yellow">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-bg-blue">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-bg-green">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-bg-info">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>
<div class="ui-footnav ui-footnav-bg-black">
<a href="" class="active"><i class="ui-icon-home"></i>首页</a>
<a href=""><i class="ui-icon-list"></i>分类</a>
<a href=""><i class="ui-icon-cart"></i>购物车</a>
<a href=""><i class="ui-icon-user"></i>我的</a>
</div>