<div class="yoho-page select-giftcard-page">
    <div class="giftcard">
        <div class="card-title clearfix">
            <div class="balance pull-left">
                <label>余额</label>
                <span>￥1100</span>
            </div>
            <div class="logo pull-right">
                <i class="iconfont">&#xe60e;</i>
                <i class="iconfont">&#xe60d;</i>
            </div>
        </div>
        <div class="card-body clearfix">
            <div class="content pull-left">
                <div class="content-li clearfix">
                    <div class="left-label pull-left">面值</div>
                    <div class="right-content pull-left">¥2000.00</div>
                </div>
                <div class="content-li clearfix">
                    <div class="left-label pull-left">卡号</div>
                    <div class="right-content pull-left">12345678909765</div>
                </div>
                <div class="content-li clearfix">
                    <div class="left-label pull-left">有效期</div>
                    <div class="right-content pull-left">2017.05.01－2017.07.31 <span class="tip">(即将过期)</span></div>
                </div>
            </div>
            <div class="checkbox pull-right">
                <i class="iconfont">&#xe647;</i>
                <i class="iconfont hide">&#xe617;</i>
            </div>
        </div>
    </div>
</div>