<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
  <title>VIP</title> 
  <link rel="stylesheet" href="/mamber/layui.css"> 
  <link rel="stylesheet" href="/mamber/common.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/css/layui.min.css">
  <style>

    </style> 
 </head> 
 <body class="page_common_body" style="background:#fff;"> 
  <div class="common_header" style="background: #fff;color:#000; "> 
   <a href="javascript:history.back(-1)" class="back position" style="color:#000;"> <p class="btn" style="color:#000;"><i class="layui-icon layui-icon-left layui-font-20"></i></p> VIP </a> 
  </div> 
  <div class="vip_main" style="margin-top: 10px"> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv0.svg" style="height:50px;"> Level 0 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱0.00, you will be upgraded to VIP0.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 0.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 0.00" style="width:80%;height: 10px;background:#e7cca0;">
       <span class="layui-progress-text">0 / 0.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv1.svg" style="height:50px;"> Level 1 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱340.00, you will be upgraded to VIP1.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 340.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 340.00" style="width: 0%; height: 10px; background: rgb(231, 204, 160);">
       <span class="layui-progress-text">0 / 340.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv2.svg" style="height:50px;"> Level 2 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱4350.00, you will be upgraded to VIP2.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 4350.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 4350.00" style="width: 0%; height: 10px; background: rgb(231, 204, 160);">
       <span class="layui-progress-text">0 / 4350.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv3.svg" style="height:50px;"> Level 3 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱17750.00, you will be upgraded to VIP3.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 17750.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 17750.00" style="width: 0%; height: 10px; background: rgb(231, 204, 160);">
       <span class="layui-progress-text">0 / 17750.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv4.svg" style="height:50px;"> Level 4 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱57850.00, you will be upgraded to VIP4.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 57850.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 57850.00" style="width: 0%; height: 10px; background: rgb(231, 204, 160);">
       <span class="layui-progress-text">0 / 57850.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv5.svg" style="height:50px;"> Level 5 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱177000.00, you will be upgraded to VIP5.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 177000.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 177000.00" style="width: 0%; height: 10px; background: rgb(231, 204, 160);">
       <span class="layui-progress-text">0 / 177000.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv6.svg" style="height:50px;"> Level 6 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱445000.00, you will be upgraded to VIP6.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 445000.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 445000.00" style="width: 0%; height: 10px; background: rgb(231, 204, 160);">
       <span class="layui-progress-text">0 / 445000.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="vip_card" style="background:#e7cca0;"> 
    <div class="vip_image"> 
     <img src="/mamber/img/lv7.svg" style="height:50px;"> Level 7 
    </div> 
    <div class="vip_contents"> 
     <p>When your total investment amount reaches ₱822222.00, you will be upgraded to VIP7.</p> 
     <div class="flex_space" style="margin-top: 15px;"> 
      <p>Total Investment</p> 
      <p><span style="color:#FFA320">0</span> / 822222.00</p> 
     </div> 
     <div class="layui-progress" lay-showpercent="false" lay-filter="demo-filter-progress" style="width: 90%;height: 10px;margin-top: 5px"> 
      <div class="layui-progress-bar" lay-percent="0 / 822222.00" style="width: 0%; height: 10px; background: rgb(231, 204, 160);">
       <span class="layui-progress-text">0 / 822222.00</span>
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="padding: 20px;background:none"> 
  </div> 
  <!-- body 末尾处引入 layui --> 
  <script>
    layui.use(function(){
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var laydate = layui.laydate;
        var slider = layui.slider;
        var element = layui.element;


    });
</script> 
 </body>
</html>