<div class="card-detail-page yoho-page">
    {{#cardDetail}}
        <div class="card-detail" data-card-id="{{cardIdNo}}">
            <div class="card-icon card-icon-{{lowerCase bankCode}}"></div>
            <div class="card-right">
                <p class="bank-name">{{bankName}}</p>
                <p class="card-no">储蓄卡 | 尾号{{cardNo}}</p>
            </div>
        </div>
        <ul class="card-info">
            <li><span class="txt-label">持卡人</span><span class="info-right card-user">{{userName}}</span></li>
            <li><span class="txt-label">预留手机号</span><span class="info-right card-mobile">{{mobile}}</span></li>
            <li>
                <span class="txt-label">分期银行</span>
                <span class="info-right card-bank">
                    {{#if isMaster}}
                        主卡，用于支付验证和还款验证。
                    {{else}}
                        副卡，仅用于还款验证。
                    {{/if}}
                </span>
            </li>
        </ul>
        <div class="tip-cont">
            {{#if isMaster}}
                <p>如果您更换银行预留手机号，请先新增其他还款银行卡，并将新增银行卡切换为主卡。然后解除绑定此卡，重新绑定即可。</p>
            {{else}}
                <p>如果您更换银行预留手机号，请先将银行卡解除绑定，再次重新绑定即可。</p>

                <div class="card-btn">
                    <span class="relieve-btn">解除绑定</span>
                    <span class="change-btn">切换为主卡</span>
                </div>
            {{/if}}
        </div>
    {{/cardDetail}}
</div>