draw.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>抖音定向流量包</title>
  6. <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
  7. <meta content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no" name="viewport">
  8. <meta content="yes" name="apple-mobile-web-app-capable">
  9. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  10. <meta content="telephone=no" name="format-detection">
  11. <script type="text/javascript">
  12. var deviceWidth = document.documentElement.clientWidth;
  13. if (deviceWidth > 750) {
  14. deviceWidth = 750;
  15. }
  16. document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
  17. </script>
  18. <link rel="stylesheet" href="v1/dist/main.min.css" />
  19. </head>
  20. <body>
  21. <div class="box_box">
  22. <div class="banner">
  23. <div class="banner-text"></div>
  24. </div>
  25. <div class="section-login sms-form draw-form">
  26. <div class="form-group">
  27. <div class="input-row">
  28. <input class="usermob" type="tel" maxlength="11" name="phone" placeholder="请输入联通手机号码" />
  29. </div>
  30. <div class="input-row">
  31. <input class="account" maxlength="20" name="account" placeholder="请输入领取权益的手机号" />
  32. </div>
  33. <div class="input-row">
  34. <input class="smscode" type="tel" maxlength="6" name="sms" placeholder="请输入验证码">
  35. <span class="sendcode">获取验证码</span>
  36. </div>
  37. <div class="actions">
  38. <div id="btn-draw" class="btn login btn-draw"></div>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="agr">
  43. <div class="title"></div>
  44. <h2>领取规则:</h2>
  45. <ul>
  46. <li>1.多项权益内容包括:优酷视频会员周卡、爱奇艺视频会员周卡、腾讯视频会员周卡、蜻蜓FM超级会员周卡、芒果TV PC移动影视会员周卡、美团外卖红包5元,成功订购后每月可任意领取其中一款权益;
  47. </li>
  48. <li>2.权益每月仅限领取一次,领取时请注意领取到可开通权益会员的手机号码上,由于输入账号错误导致领取失败,不支持重新领取。</li>
  49. <li>3.权益领取时需在当月月末最后一天18:00前均可领取,若当月未领取权益月末自动失效,次月不可领取上月未领取权益,请尽快领取和使用;
  50. </li>
  51. <li>4.产品订购成功后需手动自主领取,也可通过下发短信内链接领取权益;</li>
  52. <li>5.权益内容根据合作定期调整而变化,请以实际权益领取页面显示为准;
  53. </li>
  54. <li>6.领取成功后5分钟内到账,如超过30分钟未到账请及时联系客服4000-600-611咨询。</li>
  55. </ul>
  56. </div>
  57. <!-- <div class="tu_a">
  58. <div class="btn_x" style="position: absolute;
  59. top: 0.85rem;
  60. left: 0.6rem;">
  61. <img class="a_img" src="v1/images/爱奇艺.png" alt="">
  62. <p class="text_b">爱奇艺视频会员
  63. </p>
  64. </div>
  65. <div class="btn_x" style="top: 0.85rem;
  66. position: absolute;
  67. left: 2.5rem;">
  68. <img class="a_img" src="v1/images/腾讯视频.png" alt="">
  69. <p class="text_b">腾讯视频会员
  70. </p>
  71. </div>
  72. <div class="btn_x" style="top: 0.85rem;
  73. position: absolute;
  74. left: 4.2rem;">
  75. <img class="a_img" src="v1/images/优酷.png" alt="">
  76. <p class="text_b">优酷视频会员
  77. </p>
  78. </div>
  79. <div class="btn_x" style=" top: 2.4rem;
  80. position: absolute;
  81. left: 2.6rem;">
  82. <img class="a_img" src="v1/images/芒果tv.png" alt="">
  83. <p class="text_b">芒果TV会员
  84. </p>
  85. </div>
  86. <div class="btn_z" style="position: absolute;
  87. top: 2.4rem;
  88. left: 0.55rem;
  89. text-align: center;">
  90. <img class="a_img" src="v1/images/蜻蜓.png" alt="">
  91. <p class="text_b">蜻蜓FM超级会员
  92. </p>
  93. </div>
  94. <!-- <div class="btn_z" style="position: absolute;
  95. top: 2.4rem;
  96. left: 2.6rem;">
  97. <img class="a_img" src="v1/images/抖音币.png" alt="">
  98. <p class="text_b">抖音币
  99. </p>
  100. </div> -->
  101. <!-- <div class="btn_z" style="position: absolute;
  102. top: 2.4rem;
  103. left: 4.2rem;
  104. text-align: center;">
  105. <img class="a_img" src="v1/images/美团.png" alt="">
  106. <p class="text_b">美团外卖红包
  107. </p>
  108. </div>
  109. </div>
  110. </div>
  111. <div style=" width: 100%;
  112. height: 1rem;
  113. position: absolute;
  114. top: 25.85rem;
  115. "></div> -->
  116. <input type="hidden" id="fog_tt" />
  117. <input type="hidden" id="useraccount_tt" />
  118. <input type="hidden" id="sendsms_order_tt" />
  119. <input id="nanyanad" type="hidden" value="19809dcef2bd48b6bf1c2a14225d2917">
  120. <input id="nanyanlabel" type="hidden" value="_dyqy">
  121. <script type="text/javascript" src="../../public/libs/jquery-min.js"></script>
  122. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  123. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  124. <script type="text/javascript" src="../../Tou/Dy/js/tuil-nongetstyle.js"></script>
  125. <script type="text/javascript" src="v1/dist/main.min.js"></script>
  126. <script>
  127. HtmlPageVisitor.track({
  128. ad: $("#nanyanad").val(),
  129. ct: 'web'
  130. })
  131. </script>
  132. </body>
  133. </html>