选项卡

<div class="ui-tabs">
    <ul class="ui-tabs-nav">
        <li class="active"><a href="javascript:;">支付宝</a></li>
        <li><a href="javascript:;">微信</a></li>
    </ul>
    <div class="ui-tabs-content">
        <div class="ui-tabs-pane active">
            支付宝11
        </div>
        <div class="ui-tabs-pane">
            微信22
        </div>
    </div>
</div>

<div class="ui-tabs">
    <div class="ui-tabs-header-nav">
        <ul class="ui-tabs-nav">
            <li class="active"><a href="javascript:;">支付宝</a></li>
            <li><a href="javascript:;">微信</a></li>
            <li><a href="javascript:;">其他</a></li>
        </ul>
        <div class="ui-tabs-header-more"><a href="#">更多</a></div>
    </div>
    <div class="ui-tabs-body">
        <div class="ui-tabs-content">
            <div class="ui-tabs-pane active">
                支付宝
            </div>
            <div class="ui-tabs-pane">
                微信
            </div>
            <div class="ui-tabs-pane">
                其他
            </div>
        </div>
   </div>
</div>

<div class="ui-tabs">
    <div class="ui-tabs-header-subject">
        <div class="ui-tabs-header-title">电器商城</div>
        <ul class="ui-tabs-nav">
            <li class="active"><a href="javascript:;">支付宝</a></li>
            <li><a href="javascript:;">微信</a></li>
            <li><a href="javascript:;">其他</a></li>
        </ul>
    </div>
    <div class="ui-tabs-body">
        <div class="ui-tabs-content">
            <div class="ui-tabs-pane active">
                支付宝
            </div>
            <div class="ui-tabs-pane">
                微信
            </div>
            <div class="ui-tabs-pane">
                其他
            </div>
        </div>
   </div>
</div>

<div class="ui-tabs ui-tabs-vertical" data-type="hover">
    <ul class="ui-tabs-nav">
        <li class="active"><a href="javascript:;">最新</a></li>
        <li><a href="javascript:;">最热</a></li>
        <li><a href="javascript:;">深度</a></li>
    </ul>
    <div class="ui-tabs-content">
        <div class="ui-tabs-pane active">
            111111 
        </div>
        <div class="ui-tabs-pane">
            222222 
        </div>
        <div class="ui-tabs-pane">
            333333
        </div>
    </div>
</div>

<div style="background:#F4F8FF;padding:20px;">
    <div class="ui-tabs ui-tabs-white">
        <ul class="ui-tabs-nav">
            <li class="active"><a href="javascript:;">最新1</a></li>
            <li><a href="javascript:;">最热2</a></li>
            <li><a href="javascript:;">深度3</a></li>
        </ul>
        <div class="ui-tabs-content">
            <div class="ui-tabs-pane active">
                111111
            </div>
            <div class="ui-tabs-pane">
                222222 
            </div>
            <div class="ui-tabs-pane">
                333333
            </div>
        </div>
    </div>
</div>