order202008.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
  6. <meta content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no" name="viewport">
  7. <meta content="yes" name="apple-mobile-web-app-capable">
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta content="telephone=no" name="format-detection">
  10. <title>今日头条定向流量包</title>
  11. <link href="../Tou/Dy/css/base.css" rel="stylesheet" />
  12. <link href="../Tou/Dy/css/pagerz.css" rel="stylesheet" />
  13. <script type="text/javascript" src="../public/libs/jquery-min.js"></script>
  14. <script src="https://s3.pstatp.com/inapp/toutiao.js"></script>
  15. <script type="text/javascript">
  16. // window.location.href = "https://800.wo.cn/orderchannel/hd/Dy/order202004.html?fes=9on&sou=1m"
  17. if (window.location.href.indexOf('&t=') < 0) {
  18. window.location.href = window.location.href + '&t=' + new Date().getTime();
  19. }
  20. </script>
  21. <script type="text/javascript">
  22. var deviceWidth = document.documentElement.clientWidth;
  23. if (deviceWidth > 750) {
  24. deviceWidth = 750;
  25. }
  26. document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
  27. </script>
  28. <style>
  29. html,
  30. body {
  31. height: 100%;
  32. }
  33. body {
  34. background: url(../hd/Dy/images/20Aug-bg.png) no-repeat;
  35. background-size: 100% 100%;
  36. }
  37. .main {
  38. box-sizing: border-box;
  39. width: 100%;
  40. background: unset;
  41. background-size: 100%;
  42. height: 100%;
  43. display: flex;
  44. flex-direction: column;
  45. }
  46. .main .unicom {
  47. margin: 0.07rem 0.22rem;
  48. width: 1.77rem;
  49. height: 1.16rem;
  50. }
  51. .main .unicom img {
  52. width: 100%;
  53. }
  54. .actions {
  55. background: url(../hd/Dy/images/20Aug-bg-order.png) no-repeat;
  56. background-size: 100% 100%;
  57. width: 6rem;
  58. height: 0.95rem;
  59. margin: 0.4rem auto 0;
  60. padding: unset;
  61. }
  62. .actions .btn {
  63. font-size: 0.36rem;
  64. width: 100%;
  65. height: 100%;
  66. background: none;
  67. padding: 0;
  68. display: flex;
  69. align-items: center;
  70. justify-content: center;
  71. margin: -0.1em 0 0;
  72. }
  73. .btn-tip {
  74. color: #F1A500;
  75. font-size: 0.28rem;
  76. text-align: center;
  77. border-bottom: 0.02rem solid #F1A500;
  78. width: 2.3rem;
  79. padding-bottom: 0.1em;
  80. margin: 0.24rem auto;
  81. word-break: keep-all;
  82. }
  83. .banner {
  84. height: 3.93rem;
  85. width: 6.07rem;
  86. margin: 0 auto 0;
  87. }
  88. .overlay {
  89. position: fixed;
  90. top: 0;
  91. right: 0;
  92. bottom: 0;
  93. left: 0;
  94. z-index: 9990;
  95. background-color: rgba(0, 0, 0, 0.5);
  96. min-height: 6.5rem;
  97. }
  98. .close {
  99. width: 0.4rem;
  100. top: .55rem;
  101. right: .55rem;
  102. position: absolute;
  103. }
  104. .section-agr .title {
  105. height: 0.45rem;
  106. margin: 0.4rem auto 0 0;
  107. font-weight: bold;
  108. font-size: 0.36rem;
  109. color: rgb(54, 154, 222);
  110. text-align: center;
  111. }
  112. .section-agr .main-title {
  113. height: 0.8rem;
  114. }
  115. .container {
  116. height: 8.3rem;
  117. overflow: scroll;
  118. }
  119. .container .title {
  120. color: rgb(102, 102, 102);
  121. font-size: 0.3rem;
  122. width: 100%;
  123. text-align: left;
  124. margin: 0.2rem 0 0rem 0;
  125. }
  126. .container .first-title {
  127. margin-top: 0;
  128. }
  129. .container .content {
  130. font-size: 0.28rem;
  131. line-height: 0.45rem;
  132. margin-bottom: 0.15rem;
  133. }
  134. .logos {
  135. margin: 0 0.7rem 0;
  136. }
  137. .duration {
  138. color: rgb(83, 102, 90);
  139. font-size: 0.3rem;
  140. margin: 0.32rem auto;
  141. text-align: center;
  142. }
  143. .section-agr {
  144. position: absolute;
  145. top: 1rem;
  146. left: 0.45rem;
  147. right: 0.45rem;
  148. height: 10rem;
  149. overflow: scroll;
  150. font-size: 0.25rem;
  151. background: url(../hd/Dy/images/20may-bg-agr.png) no-repeat;
  152. background-size: 100% 100%;
  153. z-index: 10000;
  154. color: #666666;
  155. padding: 0 0.5rem;
  156. text-align: justify;
  157. }
  158. .theme {
  159. color: #005BD7;
  160. font-size: 0.28rem;
  161. display: flex;
  162. height: 1rem;
  163. align-items: center;
  164. justify-content: center;
  165. margin: 0 auto;
  166. }
  167. .theme .star {
  168. width: 0.6rem;
  169. height: 0.18rem;
  170. }
  171. .theme span {
  172. margin: 0rem 0.1rem;
  173. line-height: 0.28rem;
  174. word-break: keep-all;
  175. }
  176. #jh p {
  177. color: #222222;
  178. font-size: 0.3rem;
  179. text-align: center;
  180. margin: 0.2rem 0 0.3rem;
  181. }
  182. #jh p a {
  183. text-decoration: underline;
  184. }
  185. </style>
  186. </head>
  187. <body id="bo">
  188. <input id="useraccount_tt" type="hidden" value="" />
  189. <input id="fog_tt" type="hidden" value="" />
  190. <input id="sendsms_order_tt" type="hidden" />
  191. <div class="main">
  192. <div class="unicom">
  193. <img src="../hd/Dy/images/wntx-logo.png">
  194. </div>
  195. <div class="banner">
  196. <img src="../hd/Dy/images/20Aug-banner.png">
  197. </div>
  198. <div class="theme">
  199. <img class="star" src="../hd/Dy/images/20Aug-stars.png">
  200. <span>扣除9元话费,7个工作日内返还8元话费</span>
  201. <img class="star" src="../hd/Dy/images/20Aug-stars.png">
  202. </div>
  203. <div class="logos">
  204. <img src="../hd/Dy/images/20april-logo-apps.png">
  205. </div>
  206. <div class="actions">
  207. <input class="btn" id="major" type="button" value="立&nbsp;即&nbsp;订&nbsp;购">
  208. </div>
  209. <div id="jh">
  210. <p>若您已经订购,请<a onclick="gotoUrl('tt/activate')">点击激活</a></p>
  211. </div>
  212. <div class="btn-tip">了解更多产品信息</div>
  213. </div>
  214. </body>
  215. <script>
  216. window.activityid = 'order_inversion';
  217. </script>
  218. <script type="text/javascript" src="../tt/js/tuil-nongetstyle.js?v=20200810"></script>
  219. <script type="text/javascript" src="../tt/js/dist/main.min.js?v=20200810"></script>
  220. <script type="text/javascript">
  221. function showAgr() {
  222. var $overlay = $('<div class="overlay"></div>');
  223. var $dialog = $(
  224. '<section class="section-agr">' +
  225. ' <div class="close"><img name="closeBtn" src="../hd/Dy/images/20may-btn-close.png"></div> ' +
  226. ' <div class="title main-title">温馨提示</div> ' +
  227. ' <div class="container">' +
  228. ' <div class="title first-title">活动说明:</div>' +
  229. ' <div class="content">' +
  230. ' <ul>' +
  231. ' <li>' +
  232. ' <p>1. 活动时间:2020年8月10日-8月16日;</p>' +
  233. ' </li>' +
  234. ' <li>' +
  235. ' <p>2. 参加活动的用户按9元/月扣费,成功订购用户7个工作日内返还8元话费至订购手机号码(联通OCS智能网用户,不参与此次赠送话费活动);</p>' +
  236. ' </li>' +
  237. ' <li>' +
  238. ' <p>3. 如您为头条相关免流卡用户,如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等其他免头条系产品卡类,将优先使用免流卡产品的流量,免流卡流量用罄后将消耗定向流量包的流量;</p>' +
  239. ' </li>' +
  240. ' <li>' +
  241. ' <p>4. 话费返还到账请留意短信通知,关于活动如有疑问请咨询联通客服:10010;</p>' +
  242. ' </li>' +
  243. ' </ul>' +
  244. ' </div>' +
  245. ' <div class="title">免流说明:</div>' +
  246. ' <div class="content">' +
  247. ' <ul>' +
  248. ' <li>' +
  249. ' <p>1. 今日头条定向流量包适用范围包含:抖音APP、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾APP、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元;</p>' +
  250. ' </li>' +
  251. ' <li>' +
  252. ' <p>2. 免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量;</p>' +
  253. ' </li>' +
  254. ' <li>' +
  255. ' <p>3. 如您为头条相关免流卡用户,如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等其他免头条系产品卡类,将优先使用免流卡产品的流量,免流卡流量用罄后将消耗定向流量包的流量;</p>' +
  256. ' </li>' +
  257. ' </ul>' +
  258. ' </div>' +
  259. ' <div class="title">业务说明:</div>' +
  260. ' <div class="content">' +
  261. ' <ul>' +
  262. ' <li>' +
  263. ' <p>1. 中国联通手机4G(除冰激凌套餐、懂我卡等)用户,上海、广东、吉林、安徽、浙江、湖北、山东、河南、四川、重庆、陕西、河北以及天津2/3G用户均可订购,4G套餐中的共享类套餐不共享该月包,需单独订购(暂不支持携号转网用户订购);</p>' +
  264. ' </li>' +
  265. ' <li>' +
  266. ' <p>2. UNINET、3GNET 、WONET接入点访问能使用该定向流量,其他接入点不能免流使用;</p>' +
  267. ' </li>' +
  268. ' <li>' +
  269. ' <p>3. 用户成功订购该头条系流量包后,如果遇到页面提示不免流,敬请忽略,正常使用;</p>' +
  270. ' </li>' +
  271. ' <li>' +
  272. ' <p class="lbl-cancel">4. 如您已成功订购流量包,点此<a onclick="gotoUrl(\'Tou/Dy/cancel\')" style="color: #266cd6">退订</a>。</p>' +
  273. ' </li>' +
  274. ' <li>' +
  275. ' <p>5. 关于免流量如有疑问请咨询联通客服:10010。</p>' +
  276. ' </li>' +
  277. ' </ul>' +
  278. ' </div>' +
  279. '</div>' +
  280. '</section>'
  281. )
  282. $overlay.appendTo($(document.body))
  283. $dialog.appendTo($(document.body))
  284. if (window.location.href.indexOf('hd/Dy/') > 0) {
  285. $dialog.find('.lbl-cancel').text('4. 如您需要退订头条流量包,可于今日头条、抖音、火山、西瓜视频客户端或中国联通APP社交包入口进行退订;')
  286. }
  287. $dialog.find('img[name="closeBtn"]').on('click', function() {
  288. $dialog.close();
  289. })
  290. $overlay.on('click', function() {
  291. $dialog.close();
  292. })
  293. $dialog.close = function() {
  294. $overlay.remove();
  295. $dialog.remove();
  296. $dialog = null;
  297. }
  298. }
  299. $('.btn-tip').off('click').on('click', function() {
  300. showAgr()
  301. })
  302. </script>
  303. </html>