index202101.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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. <style type="text/css">
  19. #jh p {
  20. color: white;
  21. font-size: 0.3rem;
  22. text-align: center;
  23. margin: 0.2rem 0 0.3rem;
  24. }
  25. #jh p a {
  26. text-decoration: underline;
  27. }
  28. </style>
  29. <link rel="stylesheet" href="202101/dist/main.min.css?v=20201001" />
  30. </head>
  31. <body>
  32. <div class="main main-order">
  33. <div class="row banner">
  34. <div class="logo"></div>
  35. <img src="202101/images/banner.png">
  36. </div>
  37. <!-- div class="row apps">
  38. <img src="../hd/Dy/images/wntx-apps.png">
  39. </div>
  40. <div class="row draw">如您已成功订购,请点
  41. <div id="gotoDrawPage" class="btn-draw" onclick="gotoUrl('douyin/15/draw')">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  42. </div -->
  43. <div class="row order">
  44. <input id="btn-order" class="btn" type="button" value="立即订购" style="opacity: 1;">
  45. </div>
  46. <div id="jh" style="display: none;">
  47. <p>若您已经订购,请<a onclick="gotoUrl('tt/activate')">点击激活</a></p>
  48. </div>
  49. <div class="row btn-tip">
  50. 了解更多产品信息
  51. </div>
  52. <div style="font-size: 0.26rem;margin: 0 auto;text-align: center;color: #fffddf;">【本活动于Apple lnc.无关】</div>
  53. </div>
  54. <input type="hidden" id="fog_tt" />
  55. <input type="hidden" id="useraccount_tt" />
  56. <input type="hidden" id="sendsms_order_tt" />
  57. <script type="text/javascript" src="../public/libs/jquery-min.js"></script>
  58. <script type="text/javascript" src="../public/libs/jweixin-1.2.0.js"></script>
  59. <script type="text/javascript" src="../public/libs/axios.min.js"></script>
  60. <script type="text/javascript" src="../tt/js/tuil.js"></script>
  61. <script type="text/javascript" src="../hd/Dy/js/wechat.min.js"></script>
  62. <script type="text/javascript" src="202101/dist/main.min.js?v=20201001"></script>
  63. <script type="text/javascript">
  64. function showAgr() {
  65. var $overlay = $('<div class="overlay"></div>');
  66. var $dialog = $(
  67. '<section class="dialog-agr">' +
  68. ' <div class="close"><img src="202101/images/close.png"></div>' +
  69. ' <div class="container">' +
  70. ' <div class="title"><div class="dot"></div>活动说明:</div>' +
  71. ' <div class="content">' +
  72. ' <ul>' +
  73. ' <li>' +
  74. ' <p>1. 活动时间:2021年1月1日-1月8日;</p>' +
  75. ' </li>' +
  76. ' <li>' +
  77. ' <p>2. 参加活动的用户按9元/月扣费,活动结束后成功订购的用户10个工作日内返还5元话费至订购手机号码(联通OCS智能网用户,不参与此次赠送话费活动);</p>' +
  78. ' </li>' +
  79. ' <li>' +
  80. ' <p>3. 今日头条定向流量包为包月产品,该活动为首月限时4元形式,次月自动续订,资费9元/月。</p>' +
  81. ' </li>' +
  82. ' </ul>' +
  83. ' </div>' +
  84. ' <div class="title"><div class="dot"></div>免流说明:</div>' +
  85. ' <div class="content">' +
  86. ' <ul>' +
  87. ' <li>' +
  88. ' <p>1. 今日头条定向流量包适用范围包含:今日头条、今日头条lite版本、西瓜视频、抖音火山版、抖音视频、多闪、图虫、懂车帝、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、飞书、激萌、时光相册、半次元、番茄畅听APP使用;</p>' +
  89. ' </li>' +
  90. ' <li>' +
  91. ' <p>2. 免流内容不包含第三方提供的广告、视频、图片;直播类视频上传、在线观看;下载/缓存客户端及第三方链接视频所产生的流量;</p>' +
  92. ' </li>' +
  93. ' <li>' +
  94. ' <p>3. 如您为头条相关免流卡用户,如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等其他免头条系产品卡类,将优先使用免流卡产品的流量,免流卡流量用罄后将消耗定向流量包的流量。</p>' +
  95. ' </li>' +
  96. ' </ul>' +
  97. ' </div>' +
  98. ' <div class="title"><div class="dot"></div>业务说明:</div>' +
  99. ' <div class="content">' +
  100. ' <ul>' +
  101. ' <li>' +
  102. ' <p>1. 该产品资费9元/月,包含10GB专属定向流量,按自然月扣费,次月自动续订;</p>' +
  103. ' </li>' +
  104. ' <li>' +
  105. ' <p>2. 支持中国联通手机4G、5G(除4G冰激凌套餐、4G、5G冰激凌套餐副卡及懂我卡等)用户订购;</p>' +
  106. ' </li>' +
  107. ' <li>' +
  108. ' <p>3. 智慧沃家成员用户、主副卡用户订购当前定向流量产品,只限该成员使用,其他成员不可共享;</p>' +
  109. ' </li>' +
  110. ' <li>' +
  111. ' <p>4. 达量限速套餐用户订购当前定向流量产品,包内定向流量不提升原套餐限速阀值和网速,不能做为限速后解限的加速包使用,依然执行基础套餐限速阀值的约定;</p>' +
  112. ' </li>' +
  113. ' <li>' +
  114. ' <p>5. 请在UNINET、3GNET 、WONET手机接入环境下点访问能使用该定向流量,其他接入点环境无法正常免流;</p>' +
  115. ' </li>' +
  116. ' <li>' +
  117. ' <p>6. 该产品仅限当月使用,未使用部分不能延续、累加至次月及以后个月使用,且服从联通套餐流量封顶统一限制;</p>' +
  118. ' </li>' +
  119. ' <li>' +
  120. ' <p>7. 用户成功订购该头条系流量包后,如果遇到页面提示不免流,敬请忽略,正常使用;</p>' +
  121. ' </li>' +
  122. ' <li>' +
  123. ' <p class="lbl-cancel">8. 如您已成功订购流量包,点此<a onclick="gotoUrl(\'Tou/Dy/cancel\')">退订</a>;</p>' +
  124. ' </li>' +
  125. ' <li>' +
  126. ' <p>9. 关于产品如有疑问请咨询联通客服:10010。</p>' +
  127. ' </li>' +
  128. ' </ul>' +
  129. ' </div>' +
  130. ' </div>' +
  131. ' </div>' +
  132. '</div></section>'
  133. )
  134. $overlay.appendTo($(document.body))
  135. $dialog.appendTo($(document.body))
  136. if (window.location.href.indexOf('hd/Dy/') > 0) {
  137. $dialog.find('.lbl-cancel').text('5. 如您需要退订头条流量包,可于今日头条、抖音、火山、西瓜视频客户端或中国联通APP社交包入口进行退订;')
  138. }
  139. $dialog.find('.close').on('click', function() {
  140. $dialog.close();
  141. })
  142. $overlay.on('click', function() {
  143. $dialog.close();
  144. })
  145. $dialog.close = function() {
  146. $overlay.remove();
  147. $dialog.remove();
  148. $dialog = null;
  149. }
  150. }
  151. $('.btn-tip').off('click').on('click', function() {
  152. showAgr()
  153. })
  154. </script>
  155. </body>
  156. </html>