channel.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>5G加油包退订页面</title>
  6. <meta
  7. content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
  8. name="viewport" />
  9. <meta
  10. content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no"
  11. name="viewport" />
  12. <meta
  13. content="yes"
  14. name="apple-mobile-web-app-capable" />
  15. <meta
  16. content="black"
  17. name="apple-mobile-web-app-status-bar-style" />
  18. <meta
  19. content="telephone=no"
  20. name="format-detection" />
  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. <link
  29. rel="stylesheet"
  30. href="v1/dist/main.min.css" />
  31. </head>
  32. <style>
  33. .img_asidr {
  34. width: 6.6rem;
  35. height: 4.72rem;
  36. margin-top: 0rem;
  37. margin-left: 0.44rem;
  38. }
  39. .tu_aer {
  40. font-size: 0.26rem;
  41. margin-bottom: 0.1rem;
  42. color: #ffffff;
  43. margin-top: 0.3rem;
  44. font-weight: 600;
  45. }
  46. .tu_aers {
  47. font-size: 0.26rem;
  48. margin-bottom: 0.1rem;
  49. color: #ffffff;
  50. font-weight: 600;
  51. }
  52. .text_tizoe {
  53. font-size: 0.4rem;
  54. color: #ffffff;
  55. font-weight: 600;
  56. position: absolute;
  57. display: inline-block;
  58. left: 0.69rem;
  59. width: 5.1rem;
  60. text-align: center;
  61. height: 0.73rem;
  62. letter-spacing: 0.03rem;
  63. line-height: 0.65rem;
  64. background: linear-gradient(0deg, #844aef, #bf48f0);
  65. border-radius: 0.1rem 0.1rem 0.4rem 0.4rem;
  66. font-family: HYShuYuanHeiJ;
  67. }
  68. body {
  69. color: white;
  70. min-height: 19.4rem !important;
  71. font-family: PingFangSC-Regular, sans-serif, "SourceHanSansCN-Regular",
  72. "Microsoft YaHei", "微软雅黑", STXihei, SimHei, "华文细黑";
  73. background: #f0a5eb url(./v1/images/bg23.png) no-repeat !important;
  74. background-size: 100% 124% !important;
  75. }
  76. </style>
  77. <body>
  78. <div class="main main-cancel">
  79. <div class="row unicom">
  80. <img src="v1/images/unicom.png" />
  81. </div>
  82. <div class="row banner">
  83. <img src="v1/images/banner.png" />
  84. </div>
  85. <img
  86. class="img_asidr"
  87. src="./v1/images/主体.png"
  88. alt="" />
  89. <div class="row login section-login">
  90. <div class="sms-form">
  91. <div class="form-group">
  92. <div class="input-row">
  93. <input
  94. class="usermob"
  95. type="tel"
  96. maxlength="11"
  97. name="phone"
  98. placeholder="请输入您的手机号码" />
  99. </div>
  100. <div class="input-row">
  101. <input
  102. class="smscode"
  103. type="tel"
  104. maxlength="6"
  105. name="sms"
  106. placeholder="请输入验证码" />
  107. <span class="sendcode">获取验证码</span>
  108. </div>
  109. <div class="actions">
  110. <div class="btn login"></div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="section-agr">
  116. <!-- <div class="title">
  117. <img src="./v1/images/warmtips.png">
  118. </div> -->
  119. <span class="text_tizoe">温馨提示</span>
  120. <div class="content">
  121. <ul>
  122. <!-- <p class="tu_aer">业务说明:</p>
  123. <li>1.定向流量适用范围包含:抖音短视频、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元、飞书、激萌、番茄畅听APP使用;</li>
  124. <li>2.定向流量适用范围不包含:发起直播及上传视频;第三方提供的广告、视频、图片;下载/缓存客户端及第三方链接视频所产生的流量;</li>
  125. <li>3.如您是头条相关互联网卡套餐用户,如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等,将优先使用套餐内的专属定向流量,用罄后即消耗该产品包内的定向流量。</li>
  126. <p class="tu_aers">流量说明:</p>
  127. <li>1.该产品资费30元/月,包含20GB专属定向流量,按自然月扣费,订购成功后立即生效,次月自动续订;</li>
  128. <li>2.符合订购约定的中国联通手机4G、5G套餐(除部分4G冰激凌套餐、4G、5G冰激凌套餐副卡及懂我卡等)用户均可订购“抖音定向流量包”。手机套餐中流量资费、流量使用规则另有约定的,按照手机套餐执行;</li>
  129. <li>3.全国共享组合套餐、智慧沃家成员用户、全国套餐主副卡等共享类套餐用户订购,仅限该成员使用,其他成员不可共享,需单独订购;</li>
  130. <li>4.部分4G冰激凌套餐在订购该产品时会存在订购互斥情况,具体以实际订购结果为准;</li>
  131. <li>5.达量限速套餐用户订购本产品,包内定向流量不提升原套餐限速阈值和网速,不能作为限速后解限的加速包使用,依然执行基础套餐限速阈值的约定;</li>
  132. <li>6.该产品仅限当月使用,未使用部分不能延续、累加至次月及以后各月使用,且服从联通套餐流量封顶统一限制;</li>
  133. <li>7.请使用手机默认3GNET接入点访问本产品(如需修改请在手机设置-移动网络-接入点APN内更改);</li>
  134. <li>8.关于产品使用过程中有任何疑问可咨询联通客服:10010;</li> -->
  135. <!-- 加油包测试文案 -->
  136. <li>
  137. 1.定向流量适用范围包含:抖音短视频、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元、飞书、激萌、番茄畅听APP使用;
  138. </li>
  139. <li>
  140. 2.定向流量适用范围不包含:定向流量包适用范围不包括:发起直播及上传视频产生的流量;第三方提供的广告、视频、图片产生的流量;下载、缓存客户端及第三方链接视频产生的流量;使用抖音系产品拍摄上传功能,上传分享至抖音系外部应用产生的流量;视频聊天、语音聊天产生的流量;
  141. </li>
  142. <li>
  143. 3.退订后次月生效,当月不可重复订购,流量可使用到当月月末;如有疑问请咨询联通客服:4000600611。
  144. </li>
  145. <!-- <li>4.符合订购约定的中国联通手机套餐用户均可订购定向流量产品。4G/5G套餐中的全国共享组合套餐、4G/5G全国套餐主副卡用户和智慧沃家共享套餐中手机用户等共享类套餐用户的手机号码不共享定向流量产品中的流量,需单独订购;</li>
  146. <li>5.该产品仅限当月使用,未使用部分不能延续、累加至次月及以后各月使用,且服从中国联通套餐流量封顶统一限制;</li>
  147. <li>6.请使用手机默认3GNET接入点访问本产品(如需修改请在手机设置-移动网络-接入点APN内更改);</li>
  148. <li>7.退订后次月生效,当月不可重复订购,流量可使用到当月月末;如有疑问请咨询联通客服:10010。</li> -->
  149. </ul>
  150. </div>
  151. </div>
  152. </div>
  153. <input
  154. type="hidden"
  155. id="fog_tt" />
  156. <input
  157. type="hidden"
  158. id="useraccount_tt" />
  159. <input
  160. type="hidden"
  161. id="sendsms_order_tt" />
  162. <input
  163. id="nanyanad"
  164. type="hidden"
  165. value="200243mydnZqj3y871" />
  166. <input
  167. id="nanyanlabel"
  168. type="hidden"
  169. value="_dyqy" />
  170. <script
  171. type="text/javascript"
  172. src="../../public/libs/jquery-min.js"></script>
  173. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  174. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  175. <script
  176. type="text/javascript"
  177. src="../../Tou/Dy/js/tuil-nongetstyle.js"></script>
  178. <script
  179. type="text/javascript"
  180. src="v1/dist/main.min.js?v=20210830"></script>
  181. <script>
  182. HtmlPageVisitor.track({
  183. ad: $("#nanyanad").val(),
  184. ct: "web",
  185. });
  186. </script>
  187. </body>
  188. </html>