<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1, width=device-width, user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <title>Lucky draw</title>
  <script src='javascript/components/flexible.js'></script>
  <link rel="stylesheet" href="style/share/reset.css">
  <link rel="stylesheet" href="style/share/weui.min.css">
  <link rel="stylesheet" href="style/share/jquery-weui.css">
  <link rel="stylesheet" href="style/pageCss/schaeffler.css">
  <style>
  .lottery-detail p {
   
    line-height: 0.6rem;
}
  </style>

</head>

<body class="lottery-body">

  <div class="lottery-bg"></div>
  <div class="container">
    <div class="content oil-pan" style="padding-top: 1.0667rem;">
      <img src="image/lottery-logo.png" class="lottery-logo" alt="">
      <div class="zhuan-pan">
        <canvas class="item" id="wheelcanvas" width="414" height="414"></canvas>
        <!-- <img src="../image/pan4.png" alt=""> -->
        <div class="pan-pointer">
          <img src="image/arrows.png" width="100%">
        </div>
      </div>

      

    </div>

    
    <script id="template" type="text/x-handlebars-template">
      
      <ul class="lottery-detail f14">
        <li>

          <p class="lottery-title align-center" style="background: url(../../image/label-long.png) no-repeat;background-size: 5.1733rem 0.615rem;">Number of participation</p>
          <p>Each person is allowed to draw the prize at most: </br>{{perDayDrawNum}} times have been drawn</p>
          <!-- <p>已抽取<span id="count">{{nowPlayCount}}</span>次</p>
          <p>共可抽取总数:{{perDayDrawNum}}次</p> -->
        </li>
        <li>

          <p class="lottery-title align-center" style="background: url(../../image/label-long.png) no-repeat;background-size: 4.4rem 0.615rem;">Activity description</p>
          <p>1、 activity time:{{datetimeformat startTime}}-{{datetimeformat endTime}}</p>
         

           <p>2、{{explainEn}}</p>
         

          <p>3、The ultimate right to explain this activity .</p>
        </li>
        <li>

          <p class="lottery-title align-center" style="background: url(../../image/label-long.png) no-repeat;background-size: 3.6rem 0.615rem;">Activity reward</p>
          {{#each prizes}}
          <p>{{name}}</p>
         
          {{/each}}
        </li>

      </ul>


          </div>
    </script>
    <!--切换语言-->
    <div class="language">
      <img src="image/language.png" alt="">
      <p class="f8">中文</p>
    </div>
    <!---->
  </div>
</body>
<script src='javascript/components/jquery-2.2.4.min.js'></script>
<script src="javascript/crypto-js-master/crypto-js.js"></script>
<script src="javascript/components/cryptomain.js"></script>
<script src='javascript/components/g.js'></script>
<script src='javascript/components/jquery-weui.js'></script>
<script src='javascript/components/niceClick.js'></script>
<script src='javascript/components/fastclick.js'></script>
<script src='javascript/components/dateUtils.js'></script>

<script src='javascript/components/handlebars.min-latest.js'></script>
<script src='javascript/components/mcfApp.js'></script>
<script src='javascript/components/side.js'></script>
<script src="javascript/components/awardRotate.js"></script>
<script src='javascript/pages/lottery.js'></script>
<script>




  var devMode = G.devMode();
  var bindNextEvent = function (app) {
    var lottery1 = new lottery({
      devMode: devMode,
      cfApp: app
    });
    lottery1.init();
  };
  var cfapp = new cfApp({
    devMode: devMode,
    initWxApi: false,
    nextAction: bindNextEvent,
    registertype: "register",
    vt: new Date().getTime()
  });
  cfapp.init();
</script>

</html>