index20220313.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  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" />
  19. </head>
  20. <style>
  21. @keyframes marqueeAnimation {
  22. 0% {
  23. transform: translateX(60%);
  24. }
  25. 100% {
  26. transform: translateX(-100%);
  27. }
  28. }
  29. .marquee-wrap {
  30. color: #fff;
  31. overflow: hidden;
  32. width: 4.5rem;
  33. }
  34. .marquee-content {
  35. width: 100%;
  36. animation: marqueeAnimation 11s linear 0s infinite;
  37. overflow: hidden;
  38. width: 7.4rem;
  39. }
  40. .section-announcement {
  41. z-index: 99;
  42. /* display: none; */
  43. }
  44. /* .btn_l {
  45. filter: grayscale(100%);
  46. cursor: not-allowed;
  47. }
  48. .btn_j {
  49. filter: grayscale(100%);
  50. cursor: not-allowed;
  51. } */
  52. </style>
  53. <body>
  54. <div class="main main-order">
  55. <!-- <div class="section-announcement ">
  56. <div class="horn"><img src="v1/images/horn.png"></div>
  57. <div class="marquee-wrap">
  58. <div class="content marquee-content">公告:系统升级暂不支持权益领取,请稍候再试!给您带来不便,敬请谅解!</div>
  59. </div>
  60. </div> -->
  61. <div class="row banner">
  62. <img src="202203/images/stse.png">
  63. </div>
  64. <!-- <div class="row apps">
  65. <img src="../../hd/Dy/images/wntx-apps.png">
  66. </div>
  67. <div class="row draw">如您已成功订购,请点
  68. <div id="gotoDrawPage" class="btn-draw" onclick="gotoUrl('douyin/15/draw')">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  69. </div> -->
  70. <div class="row order">
  71. <input id="btn-order" class="btn" type="button" value="" style="opacity: 1;">
  72. </div>
  73. <div class="row btn-tip">
  74. </div>
  75. </div>
  76. <div class="Big_box">
  77. <div class="box_img"></div>
  78. <span class="img_b">1</span>
  79. <p class="text_a">该产品资费15元/月,包含10GB定向流量及热门权益多选一,按自然月扣费,次月自动续订;</p>
  80. <span class="img_b">2</span>
  81. <p class="text_a">多项权益内容包括:优酷视频会员周卡、爱奇艺视频会员周卡、腾讯视频会员周卡、芒果TV PC移动影视会员周卡、美团外卖红包5元,成功订购后每月可任意领取其中一款权益;</p>
  82. <span class="img_b">3</span>
  83. <p class="text_a">生效规则:成功订购立即生效,次月自动续订,退订次月生效。</p>
  84. <div class="tu_a">
  85. <div class="btn_x" style=" position: absolute;
  86. top: 0.85rem;
  87. left: 0.6rem;">
  88. <img class="a_img" src="202203/images/ayyse.png" alt="">
  89. <p class="text_b">爱奇艺视频会员
  90. </p>
  91. </div>
  92. <div class="btn_x" style="top: 0.85rem;
  93. position: absolute;
  94. left: 2.5rem;">
  95. <img class="a_img" src="202203/images/txspse.png" alt="">
  96. <p class="text_b">腾讯视频会员
  97. </p>
  98. </div>
  99. <div class="btn_x" style="top: 0.85rem;
  100. position: absolute;
  101. left: 4.2rem;">
  102. <img class="a_img" src="202203/images/ykse.png" alt="">
  103. <p class="text_b">优酷视频会员
  104. </p>
  105. </div>
  106. <div class="btn_x" style=" top: 2.4rem;
  107. position: absolute;
  108. left: 1.6rem;">
  109. <img class="a_img" src="202203/images/mgtvse.png" alt="">
  110. <p class="text_b">芒果TV会员
  111. </p>
  112. </div>
  113. <!-- <div class="btn_z" style="position: absolute;
  114. top: 2.4rem;
  115. left: 0.55rem;">
  116. <img class="a_img" src="202203/images/蜻蜓.png" alt="">
  117. <p class="text_b">蜻蜓FM超级会员
  118. </p>
  119. </div> -->
  120. <!-- <div class="btn_z" style="position: absolute;
  121. top: 2.4rem;
  122. left: 2.6rem;">
  123. <img class="a_img" src="202203/images/抖音币.png" alt="">
  124. <p class="text_b">抖音币
  125. </p>
  126. </div> -->
  127. <div class="btn_z" style="position: absolute;
  128. top: 2.4rem;
  129. left: 3.3rem;">
  130. <img class="a_img" src="202203/images/mtse.png" alt="">
  131. <p class="text_b">美团外卖红包
  132. </p>
  133. </div>
  134. </div>
  135. <div class="xia_tu">
  136. <div id="ordertrack" class="btn_l"></div>
  137. <div id="btn_j" class="btn_j"></div>
  138. <div id="btn_cannel" class="btn_cannel"></div>
  139. </div>
  140. </div>
  141. <input type="hidden" id="fog_tt" />
  142. <input type="hidden" id="useraccount_tt" />
  143. <input type="hidden" id="sendsms_order_tt" />
  144. <input id="nanyanad" type="hidden" value="19809dcef2bd48b6bf1c2a14225d2917">
  145. <input id="nanyanlabel" type="hidden" value="_dyqy">
  146. <script type="text/javascript" src="../../public/libs/jquery-min.js"></script>
  147. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  148. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  149. <script type="text/javascript" src="../../Tou/Dy/js/tuil-nongetstyle.js"></script>
  150. <script type="text/javascript" src="202203/dist/main.min.js"></script>
  151. <!-- <script src="202203/js/ordertrack.js"></script> -->
  152. <script>
  153. function getUrlParam(urlprm) {
  154. var reg = new RegExp("(^|&)" + urlprm + "=([^&]*)(&|$)");
  155. var r = window.location.search.substr(1).match(reg);
  156. if (r != null) {
  157. return r[2];
  158. }
  159. }
  160. var fes = getUrlParam("fes").toLowerCase();
  161. var sou = getUrlParam("sou").toLowerCase();
  162. $('#ordertrack').click(function() {
  163. var cbUrl;
  164. cbUrl = "https://800.wo.cn/orderchannel/douyin/15/draw20220313.html?fes=jjd&sou=1m";
  165. if (cbUrl.indexOf('cpid=') > 0) {
  166. cbUrl = cbUrl.substr(0, cbUrl.indexOf('cpid=') - 1)
  167. }
  168. if (window.location.href.indexOf('?') >= 0) {
  169. cbUrl += '&cpid=2017060800064876';
  170. } else {
  171. cbUrl += '?cpid=2017060800064876';
  172. }
  173. // window.location.href = 'https://800.wo.cn/orderchannel/succinic/succinic.html?clientId=directflow&fes=' + fes + '&sou=' + sou + '&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  174. window.location.href = 'https://account.bol.wo.cn/login?clientId=directflow&redirectUrl=' + encodeURIComponent(cbUrl)
  175. });
  176. $('#btn_j').click(function() {
  177. var cbUrl;
  178. cbUrl = "https://800.wo.cn/orderchannel/douyin/15/page.html?fes=jjd&sou=1m";
  179. if (cbUrl.indexOf('cpid=') > 0) {
  180. cbUrl = cbUrl.substr(0, cbUrl.indexOf('cpid=') - 1)
  181. }
  182. if (window.location.href.indexOf('?') >= 0) {
  183. cbUrl += '&cpid=2017060800064876';
  184. } else {
  185. cbUrl += '?cpid=2017060800064876';
  186. }
  187. // window.location.href = 'https://800.wo.cn/orderchannel/succinic/succinic.html?clientId=directflow&fes=' + fes + '&sou=' + sou + '&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  188. window.location.href = 'https://account.bol.wo.cn/login?clientId=directflow&redirectUrl=' + encodeURIComponent(cbUrl)
  189. });
  190. </script>
  191. <script>
  192. HtmlPageVisitor.track({
  193. ad: $("#nanyanad").val(),
  194. ct: 'web'
  195. })
  196. </script>
  197. <script type="text/javascript">
  198. function showAgr() {
  199. var $overlay = $('<div class="overlay"></div>');
  200. var $dialog = $(
  201. '<section class="dialog-agr">' +
  202. ' <div class="close"><img src="../../hd/Dy/images/wntx-close.png"></div>' +
  203. ' <h2></h2> ' +
  204. ' <div class="container">' +
  205. ' <div class="title">业务说明:</div>' +
  206. ' <div class="content">' +
  207. ' <ul>' +
  208. ' <li>' +
  209. ' <p>1.抖音定向流量权益包15元/月,包含10GB定向流量及热门权益多选一,按自然月扣费,次月自动续订;</p>' +
  210. ' </li>' +
  211. ' <li>' +
  212. ' <p>2.多项权益内容包括:爱奇艺VIP会员周卡、优酷VIP会员周卡、腾讯视频VIP会员周卡、芒果TVPC移动影视会员周卡、美团外卖5元红包,每月可任意领取其中一款权益;</p>' +
  213. ' </li>' +
  214. ' <li>' +
  215. ' <p>3.达量限速套餐用户订购当前定向流量产品,包内定向流量不提升原套餐限速阈值和网速,不能作为限速后解限的加速包使用,依然执行基础套餐限速阈值的约定;</p>' +
  216. ' </li>' +
  217. ' <li>' +
  218. ' <p>4.该产品流量仅限当月使用,未使用部分不能延续、累加至次月及以后各月使用,且服从联通客户套餐的封顶、限速规则。</p>' +
  219. ' </li>' +
  220. ' </ul>' +
  221. ' </div>' +
  222. ' <div class="title">流量说明:</div>' +
  223. ' <div class="content">' +
  224. ' <ul>' +
  225. ' <li>' +
  226. ' <p>1.定向流量适用范围包含:抖音短视频、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元、飞书、激萌、番茄畅听APP使用;</p>' +
  227. ' </li>' +
  228. ' <li>' +
  229. ' <p>2.定向流量适用范围不包含:发起直播及上传视频,第三方提供的广告、视频、图片;下载/缓存客户端及第三方链接视频所产生的流量;</p>' +
  230. ' </li>' +
  231. ' <li>' +
  232. ' <p>3.若您的套餐(如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等)流量使用范围包含头条系相关产品,将优先使用套餐内的专属定向流量,用罄后即消耗该产品包内的定向流量。</p>' +
  233. ' </li>' +
  234. ' <li>' +
  235. ' <p>4.符合订购约定的中国联通手机4G、5G套餐用户均可订购,其中全国共享组合套餐、全国套餐主副卡(例智慧沃家)等共享类套餐用户不共享该流量包,需单独订购,手机套餐中流量资费、流量使用规则另有约定的,按照手机套餐执行;</p>' +
  236. ' </li>' +
  237. ' <li>' +
  238. ' <p>5.联通2I卡(包括但不限于联通大王卡、流量大王卡、骑士大王卡、腾讯大王卡、滴滴大王卡、滴滴小王卡、腾讯视频小王卡等)用户入网前两个月不可订购本业务,第三个月起方可订购;</p>' +
  239. ' </li>' +
  240. ' <li>' +
  241. ' <p>6.请在UNINET、3GNET 、WONET手机接入点环境下访问使用,其他接入点将无法正常使用定向流量;</p>' +
  242. ' </li>' +
  243. ' <li>' +
  244. ' <p>7.关于产品使用过程中有任何疑问可咨询联通客服:10010; </p>' +
  245. ' </li>' +
  246. ' <li><p>8. 对我们有任何意见和建议,点此<a href="https://account.bol.wo.cn/v2/feedback?clientId=directflow2020010201">反馈</a>。</p></li>' +
  247. ' </ul>' +
  248. ' </div>' +
  249. // ' <div class="title"><div class="dot"></div>业务说明:</div>' +
  250. // ' <div class="title">活动说明</div>' +
  251. // ' <div class="content">' +
  252. // ' <ul>' +
  253. // ' <li>' +
  254. // ' <p>8.领取成功后立即生效,如超过30分钟未到账请4000-600-611咨询。</p>' +
  255. // ' </li>' +
  256. // ' <li>' +
  257. // ' <p>2. 符合订购约定的中国联通手机4G、5G套餐用户均可订购。其中全国共享组合套餐、全国套餐主副卡(例智慧沃家)等共享类套餐用户不共享该流量包,需单独订购。手机套餐中流量资费、流量使用规则另有约定的,按照手机套餐执行;</p>' +
  258. // ' </li>' +
  259. // ' <li>' +
  260. // ' <p>3. 达量限速套餐用户订购当前定向流量产品,包内定向流量不提升原套餐限速阈值和网速,不能作为限速后解限的加速包使用,依然执行基础套餐限速阈值的约定;</p>' +
  261. // ' </li>' +
  262. // ' <li>' +
  263. // ' <p>4. 该产品仅限当月使用,未使用部分不能延续、累加至次月及以后各月使用,且服从联通套餐流量封顶统一限制;</p>' +
  264. // ' </li>' +
  265. // ' <li>' +
  266. // ' <p>5. 请在UNINET、3GNET 、WONET手机接入点环境下访问使用,其他接入点将无法正常使用定向流量;</p>' +
  267. // ' </li>' +
  268. // ' <li>' +
  269. // ' <p>6. 如您已成功订购流量包,点此<a onclick="gotoUrl(\'douyin/15/cannel20220313\')" style="color: #266cd6">退订</a>;</p>' +
  270. // ' </li>' +
  271. // ' <li>' +
  272. // ' <p>7. 关于产品使用过程中有任何疑问可咨询联通客服:10010;</p>' +
  273. // ' </li>' +
  274. // ' <li><p>8. 对我们有任何意见和建议,点此<a href="https://account.bol.wo.cn/v2/feedback?clientId=directflow2020010201">反馈</a></p>。</li>' +
  275. // ' </ul>' +
  276. ' </div>' +
  277. ' </div>' +
  278. ' </div>' +
  279. '</div></section>'
  280. )
  281. $overlay.appendTo($(document.body))
  282. $dialog.appendTo($(document.body))
  283. if (window.location.href.indexOf('hd/Dy/') > 0) {
  284. $dialog.find('.lbl-cancel').text('4. 如您需要退订头条流量包,可于今日头条、抖音、火山、西瓜视频客户端或中国联通APP社交包入口进行退订;')
  285. }
  286. $dialog.find('.close').on('click', function() {
  287. $dialog.close();
  288. })
  289. $overlay.on('click', function() {
  290. $dialog.close();
  291. })
  292. $dialog.close = function() {
  293. $overlay.remove();
  294. $dialog.remove();
  295. $dialog = null;
  296. }
  297. }
  298. $('.btn-tip').off('click').on('click', function() {
  299. showAgr()
  300. })
  301. </script>
  302. </body>
  303. </html>