<div class="installment-page add-account-page yoho-page">
    {{#bindCard}}
        <ul class="add-form">
            <li>
                <label>持卡人</label>
                <div class="username">{{userName}}</div>
            </li>
            <li>
                <label>银行卡</label>
                <input id="cardNo" name="cardNo" type="tel" placeholder="请输入本人银行卡号" size="26" maxlength="23">
            </li>
            <li id="bank-desc" style="display: none;">
                <div class="bank-info">
                    <img id="bank-icon" src="" alt="">
                    <span id="bank-name"></span>
                </div>
            </li>
            <li>
                <label>手机号</label>
                <input type="number" placeholder="请输入银行预留手机号" id="mobile" name="mobile"  pattern="\d*" maxlength="11">
            </li>
        </ul>
        <a href="" class="open-btn disabled">下一步</a>
        <a href="" class="jumpResult">&nbsp;</a>
    {{/bindCard}}

    <div class="success">
        <i class="success-icon"></i>
        <p class="success-txt">恭喜您，新增还款银行卡成功！</p>
        <a href="" class="open-btn">确认</a>
    </div>

    <div class="error">
        <i class="error-icon"></i>
        <p class="error-txt1">对不起，绑定银行卡失败</p>
        <p class="error-txt2">失败的原因可能是：银行卡户名、<br/>银行卡、预留手机号不一致</p>
        <a href="{{url}}" class="open-btn">重新绑定银行卡</a>
        <p class="contact-cs">如有疑问，请联系客服</p>
    </div>
</div>