<div class="grade-new-c">
    <div class="tab">
        <span class="active">我的等级</span>
        <span>我的权益</span>
    </div>
    <a class="big-top">
        成长值进度
        <span class="iconfont">&#xe604;</span>
        <span class="s-title">成长值记录</span>
    </a>
    <div class="user-info clearfix">
        <div class="base clearfix">
            {{# vipGrade}}
            <div class="pic" style="background-image:url('http://172.16.6.52:5001/img/home/index/user-avatar.png')">
                <div class="level-pic" style="background-image:url('http://172.16.6.52:5001/img/home/index/user-avatar.png')"></div>
            </div>
            <div class="intro">
                <div class="name">{{name}}，您好！</div>
                <div class="level">
                    <span class="now">我的成长值：<span class="val">2250</span> </span>
                    <span class="next">下次升级还需：<span class="val">2750</span></span>
                </div>
            </div>
            {{/ vipGrade}}
        </div>
        <div class="level-process clearfix">
            <div class="line-c">
                <div class="line"></div>
                <div class="point">
                    <div class="point-item">
                        <div class="level-text">
                            <p>普通会员</p>
                            <p>0</p>
                        </div>
                    </div>
                    <div class="point-item">
                        <div class="level-text">
                            <p>银卡会员</p>
                            <p>800</p>
                        </div>
                    </div>
                    <div class="point-item">
                        <div class="level-text">
                            <p>金卡会员</p>
                            <p>3000</p>
                        </div>
                    </div>
                    <div class="point-item">
                        <div class="level-text">
                            <p>白金会员</p>
                            <p>7000</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a class="big-top">
        会员等级介绍
        <span class="iconfont">&#xe604;</span>
        <span class="s-title">了解等级规则</span>
    </a>
    <div class="content">
        <p>1.注册成功即为普通会员，各会员等级均按照历史累计有效的成长值升降级，会员等级越高可享受会员权益越多。</p>
        <p>2.成长值为有货会员通过购物、评价、登录等获得经验累积值。</p>
        <p>3.会员升级后，会员等级有效期一年。每365天进行累计成长值扣减，扣减后的成长值不满足当前级别条件的，直接降级至对应成长值级别。</p>
        <p>自成为银卡之日开始，365天内未继续晋级更高级别，则在366天扣减当前级别所需成长值，扣减值为400</p>
        <p>自成为金卡之日开始，365天内未继续晋级更高级别，则在366天扣减当前级别所需成长值，扣减值为1500</p>
        <p>自成为白金卡之日开始，365天内未继续晋级更高级别，则在366天扣减当前级别所需成长值，扣减值为3500</p>
    </div>
    <div class="big-top">
        成长值获取方法
    </div>
    <div class="table-c">
        <table>
            <tr>
                <th>场景</th>
                <th>获取规则</th>
                <th>成长数值</th>
            </tr>
            <tr>
                <td>购物</td>
                <td>
                    按商品实际付款金额1元累计1个
                    <br />
                    成长值订单完成后奖励</td>
                <td>
                    等于实际
                    <br />
                    付款金额
                </td>
            </tr>
            <tr>
                <td>
                    月度购买
                    <br />
                    次数
                </td>
                <td>
                    自然月内达到1个购物天数
                    <br />
                    且订单已完成
                </td>
                <td>20</td>
            </tr>
            <tr>
                <td>完善资料</td>
                <td>完善个人资料</td>
                <td>50</td>
            </tr>
            <tr>
                <td>
                    手机邮箱
                    <br />
                    验证
                </td>
                <td>完成手机邮箱双验证</td>
                <td>20</td>
            </tr>
            <tr>
                <td>VIP登录</td>
                <td>VIP每日登录2个成长值</td>
                <td>2</td>
            </tr>
            <tr>
                <td>评价</td>
                <td>
                    评价成功且审核通过10个成长值
                    <br />
                    一个商品仅限一次
                </td>
                <td>10</td>
            </tr>
        </table>
        <p>扣除成长值的情况：</p>
        <p>发生退货或删除评价，扣除当时获得的成长值。</p>
    </div>
</div>