<!--{assign var="menu_id" value="vip"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}--> 
<body class="bg_body">
  <!--{include file="<!--{$oetplpath}-->widget/block_top.tpl"}-->
  <div class="w1200 mt30 clearfix mb30">
    <!--{include file="<!--{$oetplpath}-->block_menu.tpl"}-->
    <div class="fr bg_f plr40 ptb30 bsb" style="width: 1020px;">
      <h3 class="fz24 mb20">VIP</h3>
      <div class="user clearfix pt30">
        <div class="avatar img_100 oh br fl">
          <img class="ob_c" src="<!--{$login.info.headimgurl}-->">
        </div>
        <div class="info ml20 fl">
          <div class="name fz16"><!--{$login.info.username}--></div>
          <!--{if $login.info.isvip == '1'}-->
          <div class="vip clearfix mt10">
            <img class="vip_default fl pr t2" height="20" src="<!--{$skinpath}-->images/svg/vip<!--{$login.info.groupid-1}-->.svg">
            <span class="fl ml5 color_main"><!--{$login.group.groupname}--></span>
            <span class="fl ml30 color_9">到期时间：<!--{$login.info.vipetime|date_format:"%Y-%m-%d"}--></span>
          </div>
          <div class="btn mt10">
            <button class="bg_main color_f bo_main plr15 ptb5 cursor br30" f="renew" data-id="<!--{$login.info.tcid}-->">续费<!--{$login.group.groupname}--></button>
          </div>
          <!--{else}-->
          <div class="vip clearfix mt10">
            <img class="vip_default fl pr t2" height="20" src="<!--{$skinpath}-->images/svg/vip0.svg">
            <span class="fl ml5 color_main"><!--{$login.group.groupname}--></span>
          </div>
          <div class="btn mt10">
            <button class="bg_main color_f bo_main plr15 ptb5 cursor br30" f="open_tj">开通推荐套餐</button>
          </div>
          <!--{/if}-->
        </div>
      </div>
      <div class="list pt50">
        <div class="title oh">
          <h3 class="fz18 fl">套餐列表</h3>
          <a href="<!--{$urlpath}-->index.php?m=user&c=vip&a=power" class="fl ml15 color_9">查看会员权益详细对比</a>
        </div>
        <div class="clearfix pt20">
          <!--{if $login.info.isvip == '1'}-->
          <!--{assign var="tclist" value=vo_list("mod={taocan} where={v.level>=<!--{$login.info.groupid}-->} orderby={v.orders ASC}")}-->
          <!--{else}-->
          <!--{assign var="tclist" value=vo_list("mod={taocan} orderby={v.orders ASC}")}-->
          <!--{/if}-->
          <!--{foreach $tclist as $volist}-->
          <div class="fl br5 oh bsd mb15" style="width: 280px;<!--{if $volist.i % 3 != 0 }-->margin-right:50px;<!--{/if}-->">
            <div class="top pt30 pb15 color_f pr <!--{if $volist.i < 5}-->vip_bg<!--{$volist.i}--><!--{else}-->vip_bg4<!--{/if}-->" style="padding-left: 50px;padding-right: 50px;">
              <h4 class="fz20 w150 ws"><!--{$volist.tcname}--></h4>
              <div class="price mt15">
                <div class="inline_block">
                  <span>￥</span>
                  <!--{if $login.info.gender == '2'}-->
                  <span class="fz26 fb"><!--{doubleval($volist.price2)}--></span>
                  <!--{else}-->
                  <span class="fz26 fb"><!--{doubleval($volist.price)}--></span>
                  <!--{/if}-->
                </div>
                <div class="inline_block vam ml15">
                  <span style="text-decoration: line-through;">￥<!--{doubleval($volist.oldprice)}--></span>
                </div>
              </div>
              <em class="iconfont icon-vipzhongxin pa fz70 lhn" style="color: rgba(255,255,255, .2);top: 10px;right: 10px;"></em>
            </div>
            <div class="bottom p30">
              <div class="t_center">
                <div class="icon">
                  <div class="inline_block pr">
                    <img height="20" src="<!--{$userskin}-->images/svg/vip<!--{<!--{$volist.level-1}-->}-->.svg">
                    <!--{if $volist.elite == '1'}-->
                    <span class="pa color_red bo_red lhn fz12" style="right: -25px;top: -15px;padding: 0 2px;">推荐</span>
                    <input type="hidden" id="tjid" value="<!--{$volist.tcid}-->">
                    <!--{/if}-->
                  </div>
                </div>
                <div class="text color_9 fz16 mt10">
                  <!--{$volist.days}-->天
                  <!--{if $login.info.gender == '2'}-->
                  <span>日均：<!--{$volist.average2}-->元</span>
                  <!--{else}-->
                  <span>日均：<!--{$volist.average}-->元</span>
                  <!--{/if}-->
                </div>
              </div>
              <div class="btn_box t_center mt15">
                <button class="plr30 ptb10 color_f cursor br3 fz16 <!--{if $volist.i < 5}-->vip_btn<!--{$volist.i}--><!--{else}-->vip_btn4<!--{/if}-->" f="buy_set_menu" data-id="<!--{$volist.tcid}-->" data-level="<!--{$volist.level-1}-->" data-days="<!--{$volist.days}-->" data-price="<!--{if $login.info.gender == '2'}--><!--{doubleval($volist.price2)}--><!--{else}--><!--{doubleval($volist.price)}--><!--{/if}-->">立即开通</button>
              </div>
              <div class="text pt50 oh" style="height: 120px;"><!--{$volist.intro}--></div>
            </div>
          </div>
          <!--{/foreach}-->
        </div>
      </div>
      <div class="note pt30">
        <h3 class="fz14 mb10 fn color_main">温馨提示：</h3>
        <div class="text lh30 color_9 ml10">
          ● 升级会员，获取更多特权；<br>
          ● 多次升级，时间会自动累加，权限叠加；<br>
          ● 有任何疑问，请联系网站客服了解。
        </div>
      </div>
    </div>
  </div>
  <!--{include file="<!--{$uctplpath}-->widget/block_footer.tpl"}-->
  <script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.min.js"></script>
  <script src="<!--{$userskin}-->js/vip.js"></script>
</body>
</html>