<div class="yoho-page select-coupon-page my-coupon-page">
    <div class="coupon-page-title">
        <form id="new-coupon" class="new-coupon clearfix" method="POST" action="">
            <input type="text" name="couponCode" value="" placeholder="输入优惠券码">
            <button type="submit" class="submit">兑换</button>
        </form>
        <div class="coupon-use-manual">
            说明：优惠券码需先兑换成优惠券后再使用，普通优惠券可以和运费券叠加使用。
        </div>
        <div class="coupon-tab">
            <ul class="tab-navs" data-sticky>
                <li class="tab-nav pull-left active">
                    <span data-target="#couponAvailable" data-trigger="tab" data-funCouponAvailable>可用优惠券</span>
                </li>
                <em class="pull-left">|</em>
                <li class="tab-nav pull-left">
                    <span data-target="#couponUnavailable" data-trigger="tab" data-funCouponUnavailable>不可用优惠券</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="tab-panels coupon-wrap">
        <div id="couponAvailable" class="coupon-list active"></div>
        <div id="couponUnavailable" class="coupon-list"></div>
    </div>
    <div class="use-coupon-btn-group">
        <button id="useCoupon" class="pull-left use">使用</button>
        <button id="notUseCoupon" class="pull-right not-use">不使用</button>
    </div>
</div>
<script id="tmplNoCoupon" type="text/tmpl">
    <div class="null">
        <i></i>
        <p>没有可用优惠券!</p>
    </div>
</script>