index20220711.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375
  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="20220711/dist/main.min.css" />
  19. </head>
  20. <style>
  21. .tu_liaot {
  22. width: 0.9rem;
  23. height: 0.63rem;
  24. position: absolute;
  25. top: 0.26rem;
  26. left: 0.19rem;
  27. }
  28. .box_axr {
  29. background: url(./20220711/images/活动说名背景a.png) no-repeat;
  30. background-size: 100% 100%;
  31. width: 6.68rem;
  32. height: 5.43rem;
  33. position: relative;
  34. }
  35. .box_rx {
  36. position: absolute;
  37. top: 1.48rem;
  38. width: 5.72rem;
  39. height: 2.91rem;
  40. left: 0.46rem;
  41. }
  42. @keyframes marqueeAnimation {
  43. 0% {
  44. transform: translateX(100%);
  45. }
  46. 100% {
  47. transform: translateX(-100%);
  48. }
  49. }
  50. .marquee-wrap {
  51. color: #fff;
  52. overflow: hidden;
  53. width: 4.5rem;
  54. }
  55. .marquee-content {
  56. width: 100%;
  57. animation: marqueeAnimation 13s linear 0s infinite;
  58. overflow: hidden;
  59. width: 7.4rem;
  60. }
  61. .section-announcement {
  62. z-index: 99;
  63. display: none;
  64. }
  65. </style>
  66. <body>
  67. <div class="main main-order">
  68. <div class="section-announcement ">
  69. <div class="horn"><img src="v1/images/horn.png"></div>
  70. <div class="marquee-wrap">
  71. <div class="content marquee-content">公告:系统升级暂不支持权益领取,请稍候再试!给您带来不便,敬请谅解!</div>
  72. </div>
  73. </div>
  74. <img class="tu_liaot" src="./20220711/images/联通logo.png" alt="">
  75. <div class="row banner">
  76. <img src="20220711/images/上图.png">
  77. </div>
  78. <!-- <div class="row apps">
  79. <img src="../../hd/Dy/images/wntx-apps.png">
  80. </div>
  81. <div class="row draw">如您已成功订购,请点
  82. <div id="gotoDrawPage" class="btn-draw" onclick="gotoUrl('douyin/15/draw')">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  83. </div> -->
  84. <div class="row order">
  85. <input id="btn-order" class="btn" type="button" value="" style="opacity: 1;">
  86. </div>
  87. <div class="row btn-tip">
  88. </div>
  89. </div>
  90. <div class="Big_box">
  91. <div class="box_axr">
  92. <div class="box_img"></div>
  93. <div class="box_rx">
  94. <p class="text_a">1.活动时间:2022年7月1日—2022年7月31日</p>
  95. <p class="text_a">2.活动形式:参加活动的用户按15元/月扣取手机话费,订购成功后首月返10元联通话费,成功订购且符合活动规则,返还话费将于10个工作日内充值至订购号码(联通预付费用户,不参与此次赠送话费活动);</p>
  96. <p class="text_a">3.该产品为续订类产品,次月自动续订,按自然月扣费,产品资费15元/月,包含10GB头条系客户端专属流量+精选热门权益多选一;</p>
  97. <p class="text_a">4.活动期间,每个用户只可参与一次优惠活动。</p>
  98. </div>
  99. </div>
  100. <div class="tu_a">
  101. <img style="width: 3.67rem;
  102. height: 0.93rem;
  103. position: absolute;
  104. left: 1.52rem;
  105. top: 0.35rem;" src="./20220711/images/权益多选一标题a.png" alt="">
  106. <div class="btn_x" style=" position: absolute;
  107. top: 1.54rem;
  108. left: 0.62rem;">
  109. <img class="a_img" src="20220711/images/爱奇艺.png" alt="">
  110. <p class="text_b">爱奇艺视频会员
  111. </p>
  112. </div>
  113. <div class="btn_x" style="top: 1.54rem;
  114. position: absolute;
  115. left: 2.7rem;">
  116. <img class="a_img" src="20220711/images/腾讯视频.png" alt="">
  117. <p class="text_b">腾讯视频会员
  118. </p>
  119. </div>
  120. <div class="btn_x" style=" top: 1.54rem;
  121. position: absolute;
  122. left: 4.65rem;">
  123. <img class="a_img" src="20220711/images/优酷.png" alt="">
  124. <p class="text_b">优酷视频会员
  125. </p>
  126. </div>
  127. <div class="btn_x" style="top: 3.3rem;
  128. position: absolute;
  129. left: 2.7rem;">
  130. <img class="a_img" src="20220711/images/芒果tv.png" alt="">
  131. <p class="text_b">芒果TV会员
  132. </p>
  133. </div>
  134. <div class="btn_z" style=" position: absolute;
  135. top: 3.3rem;
  136. left: 0.55rem;">
  137. <img class="a_img" src="20220711/images/蜻蜓.png" alt="">
  138. <p class="text_b">蜻蜓FM超级会员
  139. </p>
  140. </div>
  141. <!-- <div class="btn_z" style="position: absolute;
  142. top: 2.4rem;
  143. left: 2.6rem;">
  144. <img class="a_img" src="20220711/images/抖音币.png" alt="">
  145. <p class="text_b">抖音币
  146. </p>
  147. </div> -->
  148. <div class="btn_z" style="position: absolute;
  149. top: 3.3rem;
  150. left: 4.65rem;">
  151. <img class="a_img" src="20220711/images/美团.png" alt="">
  152. <p class="text_b">美团外卖红包
  153. </p>
  154. </div>
  155. </div>
  156. <div class="xia_tu">
  157. <div id="ordertrack" class="btn_l"></div>
  158. <div id="btn_j" class="btn_j"></div>
  159. <div id="btn_cannel" class="btn_cannel"></div>
  160. </div>
  161. </div>
  162. <input type="hidden" id="fog_tt" />
  163. <input type="hidden" id="useraccount_tt" />
  164. <input type="hidden" id="sendsms_order_tt" />
  165. <input id="nanyanad" type="hidden" value="19809dcef2bd48b6bf1c2a14225d2917">
  166. <input id="nanyanlabel" type="hidden" value="_dyqy">
  167. <script type="text/javascript" src="../../public/libs/jquery-min.js"></script>
  168. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  169. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  170. <script type="text/javascript" src="../../Tou/Dy/js/tuil-nongetstyle.js"></script>
  171. <script type="text/javascript" src="20220711/dist/main.min.js"></script>
  172. <script>
  173. function getUrlParam(urlprm) {
  174. var reg = new RegExp("(^|&)" + urlprm + "=([^&]*)(&|$)");
  175. var r = window.location.search.substr(1).match(reg);
  176. if (r != null) {
  177. return r[2];
  178. }
  179. }
  180. var fes = getUrlParam("fes").toLowerCase();
  181. var sou = getUrlParam("sou").toLowerCase();
  182. $('#ordertrack').click(function() {
  183. $('.btn_l').css('-webkit-filter', 'grayscale(100%)')
  184. $('.btn_l').css('cursor', 'not-allowed')
  185. $('.btn_j').css('-webkit-filter', 'grayscale(100%)')
  186. $('.btn_j').css('cursor', 'not-allowed')
  187. $('.section-announcement').css('display', 'flex')
  188. // var cbUrl = 'https://800.wo.cn/orderchannel/douyin/15/draw20220313.html?fes=jjd&sou=1m';
  189. // // var cbUrl = 'https://800.wo.cn/orderchannel/douyin/15/draw20220313.html?' + 'fes=' + fes + '&sou=' + sou;
  190. // if (cbUrl.indexOf('cpid=') > 0) {
  191. // cbUrl = cbUrl.substr(0, cbUrl.indexOf('cpid=') - 1)
  192. // }
  193. // if (window.location.href.indexOf('?') >= 0) {
  194. // cbUrl += '&cpid=2017060800064876';
  195. // } else {
  196. // cbUrl += '?cpid=2017060800064876';
  197. // }
  198. // // 调用南研一键取号页面
  199. // window.location.href = 'https://account.bol.wo.cn/cuuser/unity/redirectOnekeyLogin?clientId=directflow&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  200. });
  201. $('#btn_j').click(function() {
  202. $('.btn_l').css('-webkit-filter', 'grayscale(100%)')
  203. $('.btn_l').css('cursor', 'not-allowed')
  204. $('.btn_j').css('-webkit-filter', 'grayscale(100%)')
  205. $('.btn_j').css('cursor', 'not-allowed')
  206. $('.section-announcement').css('display', 'flex')
  207. // var cbUrl = 'https://800.wo.cn/orderchannel/douyin/15/page.html?fes=jjd&sou=1m';
  208. // // var cbUrl = 'https://800.wo.cn/orderchannel/douyin/15/page.html? ' + 'fes=' + fes + '&sou=' + sou;
  209. // if (cbUrl.indexOf('cpid=') > 0) {
  210. // cbUrl = cbUrl.substr(0, cbUrl.indexOf('cpid=') - 1)
  211. // }
  212. // if (window.location.href.indexOf('?') >= 0) {
  213. // cbUrl += '&cpid=2017060800064876';
  214. // } else {
  215. // cbUrl += '?cpid=2017060800064876';
  216. // }
  217. // // 调用南研一键取号页面
  218. // window.location.href = 'https://account.bol.wo.cn/cuuser/unity/redirectOnekeyLogin?clientId=directflow&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  219. });
  220. </script>
  221. <script>
  222. HtmlPageVisitor.track({
  223. ad: $("#nanyanad").val(),
  224. ct: 'web'
  225. })
  226. </script>
  227. <script type="text/javascript">
  228. function showAgr() {
  229. var $overlay = $('<div class="overlay"></div>');
  230. var $dialog = $(
  231. '<section class="dialog-agr">' +
  232. ' <div class="close"><img src="./20220711/images/close.png"></div>' +
  233. // ' <h2></h2> ' +
  234. ' <div class="containerss">' +
  235. ' <div class="container">' +
  236. ' <div class="title"></div>' +
  237. ' <div class="content">' +
  238. ' <ul>' +
  239. ' <li>' +
  240. ' <p>1.活动时间:2022年7月1日—2022年7月31日</p>' +
  241. ' </li>' +
  242. ' <li>' +
  243. ' <p>2.活动形式:参加活动的用户按15元/月扣取手机话费,订购成功后首月返10元联通话费,成功订购且符合活动规则,话费将于10个工作日内充值至订购号码(联通预付费用户,不参与此次赠送话费活动);</p>' +
  244. ' </li>' +
  245. ' <li>' +
  246. ' <p>3.该产品为续订类产品,次月自动续订,按自然月扣费,产品资费15元/月,包含10GB头条系客户端专属流量+精选热门权益多选一;</p>' +
  247. ' </li>' +
  248. ' <li>' +
  249. ' <p>4.活动期间,每个用户只可参与一次优惠活动。</p>' +
  250. ' </li>' +
  251. ' </ul>' +
  252. ' </div>' +
  253. ' <div class="container">' +
  254. ' <div class="titles"></div>' +
  255. ' <div class="content">' +
  256. ' <ul>' +
  257. ' <li>' +
  258. ' <p>1.抖音定向流量权益包产品是为中国联通用户推出的头条系应用专属定向流量+精选热门权益的包月产品,可享10GB头条系客户端专属流量以及精选热门权益多选一;</p>' +
  259. ' </li>' +
  260. ' <li>' +
  261. ' <p>2.本产品为续订类产品,次月自动续订,按自然月扣费,产品资费15元/月,包含10GB头条系客户端专属流量以及精选热门权益多选一;</p>' +
  262. ' </li>' +
  263. ' <li>' +
  264. ' <p>3.产品订购成功后,定向流量立即生效,可在使用定向流量范围产品时消耗本产品10GB定向流量;</p>' +
  265. ' </li>' +
  266. ' <li>' +
  267. ' <p>4.请使用手机默认3GNET接入点访问本产品(如需修改请在手机设置-移动网络-接入点APN内更改);</p>' +
  268. ' </li>' +
  269. ' <li>' +
  270. ' <p>5.达量限速套餐用户订购本产品,包内定向流量不提升原套餐限速阈值和网速,不能作为限速后解限的加速包使用,依然执行基础套餐限速阈值的约定;</p>' +
  271. ' </li>' +
  272. ' <li>' +
  273. ' <p>6.本产品内定向流量仅限当月使用,未使用部分不能延续、累加至次月及以后各月使用,且服从联通套餐流量封顶统一限制;</p>' +
  274. ' </li>' +
  275. ' <li>' +
  276. ' <p>7.用户套餐中含有主副卡关系,订购当前定向流量产品,只限主卡成员使用,其他成员不可共享,需单独订购;</p>' +
  277. ' </li>' +
  278. ' <li>' +
  279. ' <p>8.若您的套餐(如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等)流量使用范围包含头条系相关产品,将优先使用套餐内的专属定向流量,用罄后即消耗该产品包内的定向流量;</p>' +
  280. ' </li>' +
  281. ' <li>' +
  282. ' <p>9.本产品退订后次月生效,流量可使用到当月月末,权益自次月起不可再领取,退订当月不可重复订购。</p>' +
  283. ' </li>' +
  284. ' </ul>' +
  285. ' </div>' +
  286. ' <div class="titlesa"></div>' +
  287. ' <div class="content">' +
  288. ' <ul>' +
  289. ' <li>' +
  290. ' <p>1.符合订购约定的中国联通手机4G、5G套餐用户均可订购,其中全国共享组合套餐、全国套餐主副卡(例智慧沃家)等共享类套餐用户不共享该流量包,需单独订购。手机套餐中流量资费、流量使用规则另有约定的,按照手机套餐执行;</p>' +
  291. ' </li>' +
  292. ' <li>' +
  293. ' <p>2.定向流量适用范围包含:抖音短视频、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元、飞书、激萌、番茄畅听APP使用;</p>' +
  294. ' </li>' +
  295. ' <li>' +
  296. ' <p>3.定向流量适用范围不包含:发起直播及上传视频;第三方提供的广告、视频、图片;下载/缓存客户端及第三方链接视频所产生的流量。</p>' +
  297. ' </li>' +
  298. ' </ul>' +
  299. ' </div>' +
  300. ' <div class="titlesb"></div>' +
  301. ' <div class="content">' +
  302. ' <ul>' +
  303. ' <li>' +
  304. ' <p>(1)权益内容包括:优酷视频会员周卡、爱奇艺视频会员周卡、腾讯视频会员周卡、蜻蜓FM超级会员周卡、芒果TV PC移动影视会员周卡、美团外卖红包5元;</p>' +
  305. ' </li>' +
  306. ' <li>' +
  307. ' <p>(2)产品成功订购后每月可任意领取其中一款权益;</p>' +
  308. ' </li>' +
  309. ' <li>' +
  310. ' <p>(3)该产品权益内容根据权益方合作调整而变化,具体请以领取页面为准;</p>' +
  311. ' </li>' +
  312. ' <li>' +
  313. ' <p>(4)会员权益每月仅限领取一次,当月未领取权益,次月不可进行补领,领取时需仔细核对权益账号,由于输入账号错误导致领取失败,当月无法重新领取;</p>' +
  314. ' </li>' +
  315. ' <li>' +
  316. ' <p>(5)如您已成功订购流量包,请点击<a href="https://800.wo.cn/s/XY9waC">https://800.wo.cn/s/XY9waC</a>领取权益;</p>' +
  317. ' </li>' +
  318. ' <li>' +
  319. ' <p>(6)关于产品使用过程中有任何疑问可咨询联通客服:10010;</p>' +
  320. ' </li>' +
  321. ' <li><p>(7)对我们有任何意见和建议,点击此<a href="https://account.bol.wo.cn/v2/feedback?clientId=directflow2020010201">反馈</a>。</p></li>' +
  322. ' </ul>' +
  323. ' </div>' +
  324. ' </div>' +
  325. ' </div>' +
  326. ' </div>' +
  327. '</div>' +
  328. '</div>' +
  329. '<div id="box_makrl" class="box_makrl"></div>' +
  330. '</section>'
  331. )
  332. $overlay.appendTo($(document.body))
  333. $dialog.appendTo($(document.body))
  334. if (window.location.href.indexOf('hd/Dy/') > 0) {
  335. $dialog.find('.lbl-cancel').text('4. 如您需要退订头条流量包,可于今日头条、抖音、火山、西瓜视频客户端或中国联通APP社交包入口进行退订;')
  336. }
  337. $dialog.find('.close').on('click', function() {
  338. $dialog.close();
  339. })
  340. $overlay.on('click', function() {
  341. $dialog.close();
  342. })
  343. $dialog.close = function() {
  344. $overlay.remove();
  345. $dialog.remove();
  346. $dialog = null;
  347. }
  348. }
  349. $('.btn-tip').off('click').on('click', function() {
  350. showAgr()
  351. })
  352. </script>
  353. </body>
  354. </html>