draw202203131.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  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="202203/dist/main.min.css?v=202207" />
  19. </head>
  20. <style>
  21. body {
  22. min-height: 11.83rem!important;
  23. }
  24. .order {
  25. width: 6.2rem !important;
  26. height: 1rem !important;
  27. margin: 0.4rem auto 0 !important;
  28. padding: unset !important;
  29. background: url('202203/images/ljlqanse.png') no-repeat !important;
  30. background-size: 100% 100% !important;
  31. }
  32. @keyframes marqueeAnimation {
  33. 0% {
  34. transform: translateX(60%);
  35. }
  36. 100% {
  37. transform: translateX(-100%);
  38. }
  39. }
  40. .marquee-wrap {
  41. color: #fff;
  42. overflow: hidden;
  43. width: 4.5rem;
  44. }
  45. .marquee-content {
  46. width: 100%;
  47. animation: marqueeAnimation 11s linear 0s infinite;
  48. overflow: hidden;
  49. width: 7.4rem;
  50. }
  51. .section-announcement {
  52. z-index: 99;
  53. /* display: none; */
  54. }
  55. </style>
  56. <body>
  57. <div class="main main-order">
  58. <!-- <div class="section-announcement ">
  59. <div class="horn"><img src="v1/images/horn.png"></div>
  60. <div class="marquee-wrap">
  61. <div class="content marquee-content">公告:系统升级暂不支持权益领取,请稍候再试!给您带来不便,敬请谅解!</div>
  62. </div>
  63. </div> -->
  64. <div class="row banner">
  65. <img src="202203/images/stse.png">
  66. </div>
  67. <!-- <div class="row apps">
  68. <img src="../../hd/Dy/images/wntx-apps.png">
  69. </div>
  70. <div class="row draw">如您已成功订购,请点
  71. <div id="gotoDrawPage" class="btn-draw" onclick="gotoUrl('douyin/15/draw')">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  72. </div> -->
  73. <div class="row order ordersrac">
  74. <input id="btn-orderssr" class="btn" type="button" value="" style="opacity: 1;">
  75. </div>
  76. </div>
  77. <div class="Big_box">
  78. <div class="box_img"></div>
  79. <span class="img_b">1</span>
  80. <p class="text_a">该产品资费15元/月,包含10GB定向流量及热门权益多选一,按自然月扣费,次月自动续订;</p>
  81. <span class="img_b">2</span>
  82. <p class="text_a">多项权益内容包括:优酷视频会员周卡、爱奇艺视频会员周卡、腾讯视频会员周卡、芒果TV PC移动影视会员周卡、美团外卖红包5元,成功订购后每月可任意领取其中一款权益;</p>
  83. <span class="img_b">3</span>
  84. <p class="text_a">生效规则:成功订购立即生效,次月自动续订,退订次月生效。</p>
  85. <div class="tu_a">
  86. <div class="btn_x" style=" position: absolute;
  87. top: 0.85rem;
  88. left: 0.6rem;">
  89. <img class="a_img" src="202203/images/ayyse.png" alt="">
  90. <p class="text_b">爱奇艺视频会员
  91. </p>
  92. </div>
  93. <div class="btn_x" style="top: 0.85rem;
  94. position: absolute;
  95. left: 2.5rem;">
  96. <img class="a_img" src="202203/images/txspse.png" alt="">
  97. <p class="text_b">腾讯视频会员
  98. </p>
  99. </div>
  100. <div class="btn_x" style="top: 0.85rem;
  101. position: absolute;
  102. left: 4.2rem;">
  103. <img class="a_img" src="202203/images/ykse.png" alt="">
  104. <p class="text_b">优酷视频会员
  105. </p>
  106. </div>
  107. <div class="btn_x" style=" top: 2.4rem;
  108. position: absolute;
  109. left: 1.6rem;">
  110. <img class="a_img" src="202203/images/mgtvse.png" alt="">
  111. <p class="text_b">芒果TV会员
  112. </p>
  113. </div>
  114. <!-- <div class="btn_z" style="position: absolute;
  115. top: 2.4rem;
  116. left: 0.55rem;">
  117. <img class="a_img" src="202203/images/蜻蜓.png" alt="">
  118. <p class="text_b">蜻蜓FM超级会员
  119. </p>
  120. </div> -->
  121. <!-- <div class="btn_z" style="position: absolute;
  122. top: 2.4rem;
  123. left: 2.6rem;">
  124. <img class="a_img" src="202203/images/抖音币.png" alt="">
  125. <p class="text_b">抖音币
  126. </p>
  127. </div> -->
  128. <div class="btn_z" style="position: absolute;
  129. top: 2.4rem;
  130. left: 3.3rem;">
  131. <img class="a_img" src="202203/images/mtse.png" alt="">
  132. <p class="text_b">美团外卖红包
  133. </p>
  134. </div>
  135. </div>
  136. </div>
  137. <input type="hidden" id="fog_tt" />
  138. <input type="hidden" id="useraccount_tt" />
  139. <input type="hidden" id="sendsms_order_tt" />
  140. <input id="nanyanad" type="hidden" value="19809dcef2bd48b6bf1c2a14225d2917">
  141. <input id="nanyanlabel" type="hidden" value="_dyqy">
  142. <script type="text/javascript" src="../../public/libs/jquery-min.js"></script>
  143. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  144. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  145. <!-- <script src="202203/js/ordertrack.js"></script> -->
  146. <script>
  147. function getUrlParam(urlprm) {
  148. var reg = new RegExp("(^|&)" + urlprm + "=([^&]*)(&|$)");
  149. var r = window.location.search.substr(1).match(reg);
  150. if (r != null) {
  151. return r[2];
  152. }
  153. }
  154. var fes = getUrlParam("fes").toLowerCase();
  155. var sou = getUrlParam("sou").toLowerCase();
  156. $('#btn-orderssr').click(function() {
  157. var cbUrl;
  158. cbUrl = "https://800.wo.cn/orderchannel/douyin/15/draw20220313.html?fes=jjd&sou=1m";
  159. if (cbUrl.indexOf('cpid=') > 0) {
  160. cbUrl = cbUrl.substr(0, cbUrl.indexOf('cpid=') - 1)
  161. }
  162. if (window.location.href.indexOf('?') >= 0) {
  163. cbUrl += '&cpid=2017060800064876';
  164. } else {
  165. cbUrl += '?cpid=2017060800064876';
  166. }
  167. // window.location.href = 'https://800.wo.cn/orderchannel/succinic/succinic.html?clientId=directflow&fes=' + fes + '&sou=' + sou + '&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  168. window.location.href = 'https://account.bol.wo.cn/login?clientId=directflow&redirectUrl=' + encodeURIComponent(cbUrl)
  169. });
  170. </script>
  171. <script>
  172. HtmlPageVisitor.track({
  173. ad: $("#nanyanad").val(),
  174. ct: 'web'
  175. })
  176. </script>
  177. </body>
  178. </html>