<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"></div>
        </div>
        <div class="card-body">
            <div class="content">
                <div class="face-value clearfix">
                    <div class="left-label pull-left">面值</div>
                    <div class="right-content pull-left"></div>
                </div>
                <div class="card-num clearfix">
                    <div class="left-label pull-left">卡号</div>
                    <div class="right-content pull-left">12345678909765</div>
                </div>
                <div class="valid-priod clearfix">
                    <div class="left-label pull-left">有效期</div>
                    <div class="right-conten pull-left">2017.05.01－2017.07.31 <span class="tip">(即将过期)</span></div>
                </div>
            </div>
            <div class="checkbox"></div>
        </div>
    </div>
</div>