<!--{assign var="menu_id" value="vip"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}-->
<body>
<div class="oe_top pf cursor">
  <!--{if $nofollow == '1'}-->
  <a href="<!--{$oefile}-->&c=cp">
  <span class="back"><i class="iconfont icon-fanhui"></i></span>
  </a>
  <!--{else}-->
  <span class="back" f="back"><i class="iconfont icon-fanhui"></i></span>
  <!--{/if}-->
  <h1>开通/升级VIP</h1>
</div>
<div class="h48"></div>
<div class="plr10">
  <div class="br5 p15 fz16 color_f pr oh bg_red" >
    <!--{if $login.info.isvip == '1'}-->
      您当前是：<!--{$login.group.groupname}-->
      <img class="h20 vam" src="<!--{$wapskin}-->images/svg/vip<!--{($login.group.groupid-1)}-->.svg" />
      <p class="fz14 pt20">
        <b class="fb fz16"></b>
        到期时间：<!--{$login.info.vipetime|date_format:"%Y-%m-%d"}-->
      </p>
    <!--{else}-->
      您当前是：<!--{$login.group.groupname}-->
    <!--{/if}-->
    <span class=" pa brs" style="opacity: 0.08;"><i class="iconfont icon-VIP fz60 lh60" style="color:#ffffff;"></i></span>
  </div>
</div>

<div class="vip mt10 plr10 bsd">
  <div class="bg_f br5">
    <div class="p15 pr">
      <h3 class="fz16 fn">服务套餐</h3>
      <div class="pa rt pt15 pr10">
        <a class="fz14 color_9" href="<!--{$oefile}-->&c=<!--{$c}-->&a=power">查看会员权益详细对比<em class="iconfont icon-jiantou fz12"></em></a>
      </div>
    </div>
    
    <div class="body oe_vip_list cursor">
      <!--{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}-->
      
      <!--{if !empty($tclist)}-->
      
      <!--{foreach $tclist as $volist}-->
      <dl class="plr15 pt20 pb15 pr bo_tf7" f="select_vip" data-tcid="<!--{$volist.tcid}-->" data-level="<!--{$volist.level-1}-->" data-days="<!--{$volist.days}-->" data-price="<!--{doubleval($volist.price)}-->">
        <h3 class="fz16 fb lh30"><!--{$volist.tcname}--></h3>
        <div class="fz12">          
          <!--{assign var="vipgr" value=vo_list("mod={group} where={v.groupid='<!--{$volist.level}-->'}")}-->
          <!--{if !empty($vipgr)}-->
            <!--{foreach $vipgr as $val}-->
            <!--{if $login.info.gender == '1'}-->
              <!--{if !empty($val.old_img1)}-->
                <img class="h15 vam pr" style="top:-0.03rem;" src="<!--{$val.img1}-->" />
              <!--{else}-->
                <img class="h15 vam pr" style="top:-0.03rem;" src="<!--{$wapskin}-->images/svg/vip<!--{$volist.level-1}-->.svg" />
              <!--{/if}-->
            <!--{else}-->
              <!--{if !empty($val.old_img2)}-->
                <img class="h15 vam pr" style="top:-0.03rem;" src="<!--{$val.img2}-->" />
              <!--{else}-->
                <img class="h15 vam pr" style="top:-0.03rem;" src="<!--{$wapskin}-->images/svg/vip<!--{$volist.level-1}-->.svg" />
              <!--{/if}-->
            <!--{/if}-->
          <!--{/foreach}-->
          <!--{/if}-->
          
          
          <span class="pl5">服务<!--{$volist.days}-->天</span>
          <span class="pl5">
            <!--{if $login.info.gender == '2'}-->
            日均<!--{$volist.average2}-->元
            <!--{else}-->
            日均<!--{$volist.average}-->元
            <!--{/if}-->
          </span>
        </div>
        <div class="pt10 fz13 color_9" id="detail_<!--{$volist.tcid}-->" style="display:none;">
          <!--{$volist.intro}-->
        </div>
        <div class="pa rt pr50 pt25">
          <div class="color_f40">
            <span class="fz12">¥ </span>
            <span class="fz20 fb">
              <!--{if $login.info.gender == '2'}-->
              <!--{doubleval($volist.price2)}-->
              <!--{else}-->
              <!--{doubleval($volist.price)}-->
              <!--{/if}-->
            </span>
          </div>
          <!--{if doubleval($volist.oldprice) > 0}-->
          <div class="box original fz12 color_9">
            <s>原价：¥<!--{doubleval($volist.oldprice)}--></s>
          </div>
          <!--{/if}-->
        </div>
        <div class="check pa rt pt30 pr15 cursor color_m">
          <em class="iconfont icon-xuanze1 lhn fz24"></em>
        </div>
      </dl>
      <div class="t_center cursor">
        <div class="btn inline_block color_9" f="show_detail" data-id="<!--{$volist.tcid}-->">
          <em class="iconfont icon-jiantouxiaxi fz14"></em>
        </div>
      </div>
      <!--{/foreach}-->
      <!--{/if}-->
      
    </div>
    <!--//vip list End -->
  </div>
</div>

<div class="p10">
  <div class="bg_f bsd br5">
    <div class="p15 pr">
      <h3 class="fz16 fn">会员权益</h3>
      <a class="pa r15 t15 fz14 color_9" href="<!--{$oefile}-->&c=<!--{$c}-->&a=power">查看会员权益详细对比<em class="iconfont icon-jiantou fz12"></em></a>
    </div>
    <div class="p15 t_center">
      <dl class="w50 fl bsb pb20" style="border-right:1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;">
        <dt class="img_50 inline_block lh50 color_red">
          <i class="iconfont icon-bdfw fz26"></i>
        </dt>
        <dd>
          <h3 class="fz16 fn">尊贵身份</h3>
          <p class="fz13 color_9 mt5">会员专属VIP会员标识</p>
        </dd>
      </dl>
      <dl class="w50 fl pb20" style=" border-bottom: 1px solid #f7f7f7;">
        <dt class="inline_block img_50 lh50 color_alipay">
          <i class="iconfont icon-shiming fz30"></i>
        </dt>
        <dd>
          <h3 class="fz16 fn">快速联系</h3>
          <p class="fz13 color_9 mt5">查看会员微信</p>
        </dd>
      </dl>
      <dl class="w50 fl bsb pt20" style="border-right: 1px solid #f7f7f7;">
        <dt class="inline_block img_50 lh50 color_green">
          <i class="iconfont icon-kaisuo fz36"></i>
        </dt>
        <dd>
          <h3 class="fz16 fn">聊天解锁</h3>
          <p class="fz13 color_9 mt5">聊天解锁，畅通无阻</p>
        </dd>
      </dl>
      <div class="clear"></div>
    </div>
  </div>
</div>
<!--//content End -->

<div class="h20"></div>

<div class="plr15 fz16 pb30 t_center" style="display:none;">
  遇到问题？<a class="color_name" href="<!--{$oefile}-->&c=kefu">点此联系我们在线客服</a>
</div>
<div class="plr15 lh20 bg_body fz12 color_9 cursor pf lbr" f="but_agree" style="bottom: 1.333rem;">
  <input type="hidden" name="agree" id="agree" value="1" />
  <em class="iconfont icon-xuanze1 color_main"></em>
  您同意开通VIP服务，一旦开通，不可退款。
</div>
<div class="pt60"></div>

<div class="pf lb w100 fz0 bg_f h50 bsd">
  <div class="w50 inline_block t_center color_6 pt5">
    <div class="text fz14 color_f40">服务期 <em id="days">-</em> 天</div>
    <div class="text fz14">尊享 <span class="color_f40" id="level">-</span> 特权</div>
  </div>
  <div class="w50 inline_block bsb pt5 pr10 cursor">
    <input type="hidden" name="tcid" id="tcid" value="" />
    <button class="bn w100 br bg_f40 lh40 color_f fz16" f="but_submit_vip" id="but_submit_vip">立即开通</button>
  </div>
</div>

<!--{include file="<!--{$oetplpath}-->widget/block_footjs.tpl"}-->
<script src="<!--{$wapskin}-->cp/js/vip.js?v=<!--{$copyright_version}-->"></script>
<!--{include file="<!--{$oetplpath}-->widget/block_wxpayjs.tpl"}-->
</body>
</html>