index.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  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="v1/dist/main.min.css" />
  19. </head>
  20. <style>
  21. .box_axrsz {
  22. width: 6.86rem;
  23. height: 3.20rem;
  24. background: #FFFFFF;
  25. border-radius: 0.48rem;
  26. margin-left: -0.41rem;
  27. border: 0.05rem solid #b57f62c4;
  28. }
  29. .text_orzer {
  30. font-size: 0.32rem;
  31. color: #8A6C61;
  32. width: 6.5rem;
  33. margin-top: 0.2rem;
  34. margin-left: 0.4rem;
  35. line-height: 0.54rem;
  36. }
  37. </style>
  38. <body>
  39. <div class="main main-order">
  40. <img style=" width: 1.6rem;
  41. height: 0.6rem;
  42. position: absolute;
  43. top: 0.32rem;
  44. left: 0.32rem;" src="./v1/images/img_logo_liantong@2x.png" alt="">
  45. <!-- <div class="row banner">
  46. <img src="v1/images/上图.png">
  47. </div> -->
  48. <!-- <div class="row apps">
  49. <img src="../../hd/Dy/images/wntx-apps.png">
  50. </div>
  51. <div class="row draw">如您已成功订购,请点
  52. <div id="gotoDrawPage" class="btn-draw" onclick="gotoUrl('google/15/draw')">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  53. </div> -->
  54. <div class="row order">
  55. <input id="btn-order" class="btn" type="button" value="" style="opacity: 1;">
  56. </div>
  57. <div class="row btn-tip">
  58. <p style="display: inline-block;
  59. width: 0.1rem;
  60. margin-left: 0.35rem;
  61. line-height: 0.4rem;
  62. margin-top: 0.2rem;"></p>
  63. </div>
  64. </div>
  65. <div class="Big_box">
  66. <div class="box_img">
  67. <img style=" width: 0.66rem;
  68. height: 0.3rem;
  69. left: 1.5rem;
  70. position: absolute;
  71. top: 0.09rem;" src="./v1/images/形状结合备份@2x.png" alt="">
  72. <p class="cpsme">产品说明</p>
  73. <img style=" width: 0.66rem;
  74. height: 0.3rem;
  75. right: 1.5rem;
  76. position: absolute;
  77. top: 0.09rem;" src="./v1/images/形状结合@2x.png" alt="">
  78. </div>
  79. <div class="box_axrsz">
  80. <p class="text_orzer" style="margin-top: 0.4rem;">产品名称:百度定向流量会员5G加油包10GB</p>
  81. <p class="text_orzer">产品资费:19元/月</p>
  82. <p class="text_orzer">包含内容:10GB定向流量+百度网盘24小时</p>
  83. <p class="text_orzer" style=" text-indent: 1.6rem;
  84. margin-top: 0;">下载券;</p>
  85. </div>
  86. <div class="xia_tu">
  87. <div id="ordertrack" class="btn_l">领取权益</div>
  88. <div id="btn_j" class="btn_j">领取记录</div>
  89. <div id="btn_cannel" class="btn_cannel">产品退订</div>
  90. </div>
  91. </div>
  92. <input type="hidden" id="fog_tt" />
  93. <input type="hidden" id="useraccount_tt" />
  94. <input type="hidden" id="sendsms_order_tt" />
  95. <input id="nanyanad" type="hidden" value="19809dcef2bd48b6bf1c2a14225d2917">
  96. <input id="nanyanlabel" type="hidden" value="_dyqy">
  97. <script type="text/javascript" src="../../public/libs/jquery-min.js"></script>
  98. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  99. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  100. <script type="text/javascript" src="../../Tou/Dy/js/tuil-nongetstyle.js"></script>
  101. <script type="text/javascript" src="v1/dist/main.min.js"></script>
  102. <script>
  103. function getUrlParam(urlprm) {
  104. var reg = new RegExp("(^|&)" + urlprm + "=([^&]*)(&|$)");
  105. var r = window.location.search.substr(1).match(reg);
  106. if (r != null) {
  107. return r[2];
  108. }
  109. }
  110. var fes = getUrlParam("fes").toLowerCase();
  111. var sou = getUrlParam("sou").toLowerCase();
  112. $('#ordertrack').click(function() {
  113. var cbUrl;
  114. if (window.location.href.indexOf("https://800.wo.cn/orderchannel") >= 0) {
  115. window.location.href = "https://800.wo.cn/orderchannel/google/5Gbaidu/draw.html?fes=" + fes + '&sou=' + sou;
  116. } else if (window.location.href.indexOf("http://100.0.4.69:3344") >= 0) {
  117. // cbUrl = "http://100.0.4.69:3344/orderchannel/google/15/draw20220313.html?fes=" + fes + '&sou=' + sou;
  118. window.location.href = "http://100.0.4.69:3344/orderchannel/google/5Gbaidu/draw.html?fes=" + fes + "&sou=" + sou;
  119. } else if (window.location.href.indexOf("http://100.0.4.69:8282") >= 0) {
  120. window.location.href = "http://100.0.4.69:8282/orderchannel/google/5Gbaidu/draw.html?fes=" + fes + "&sou=" + sou;
  121. }
  122. });
  123. $('#btn_j').click(function() {
  124. var cbUrl;
  125. if (window.location.href.indexOf("https://800.wo.cn/orderchannel") >= 0) {
  126. cbUrl = "https://800.wo.cn/orderchannel/google/5Gbaidu/page.html?fes=" + fes + "&sou=" + sou;
  127. } else if (window.location.href.indexOf("http://100.0.4.69:3344") >= 0) {
  128. cbUrl = "http://100.0.4.69:3344/orderchannel/google/5Gbaidu/page.html?fes=" + fes + "&sou=" + sou;
  129. } else if (window.location.href.indexOf("http://100.0.4.69:8282") >= 0) {
  130. cbUrl = "http://100.0.4.69:8282/orderchannel/google/5Gbaidu/page.html?fes=" + fes + "&sou=" + sou;
  131. if (cbUrl.indexOf('cpid=') > 0) {
  132. cbUrl = cbUrl.substr(0, cbUrl.indexOf('cpid=') - 1)
  133. }
  134. if (window.location.href.indexOf('?') >= 0) {
  135. cbUrl += '&cpid=2017060800064876';
  136. } else {
  137. cbUrl += '?cpid=2017060800064876';
  138. }
  139. // window.location.href = 'http://100.0.4.69:8282/orderchannel/succinic/succinic.html?clientId=directflow&fes=' + fes + '&sou=' + sou + '&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  140. window.location.href = 'https://account.bol.wo.cn/login?clientId=directflow&redirectUrl=' + encodeURIComponent(cbUrl)
  141. return
  142. }
  143. if (cbUrl.indexOf('cpid=') > 0) {
  144. cbUrl = cbUrl.substr(0, cbUrl.indexOf('cpid=') - 1)
  145. }
  146. if (window.location.href.indexOf('?') >= 0) {
  147. cbUrl += '&cpid=2017060800064876';
  148. } else {
  149. cbUrl += '?cpid=2017060800064876';
  150. }
  151. if (window.location.href.indexOf("https://800.wo.cn/orderchannel") >= 0) {
  152. // window.location.href = 'https://800.wo.cn/orderchannel/succinic/succinic.html?clientId=directflow&fes=' + fes + '&sou=' + sou + '&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  153. window.location.href = 'https://account.bol.wo.cn/login?clientId=directflow&redirectUrl=' + encodeURIComponent(cbUrl)
  154. } else if (window.location.href.indexOf("http://100.0.4.69:3344") >= 0) {
  155. // window.location.href = 'http://100.0.4.69:3344/orderchannel/succinic/succinic.html?clientId=directflow&fes=' + fes + '&sou=' + sou + '&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  156. window.location.href = 'https://account.bol.wo.cn/login?clientId=directflow&redirectUrl=' + encodeURIComponent(cbUrl)
  157. }
  158. // 调用南研一键取号页面
  159. // window.location.href = 'https://800.wo.cn/orderchannel/succinic/succinic.html?clientId=directflow&fes=' + fes + '&sou=' + sou + '&redirectUrl=' + encodeURIComponent(encodeURIComponent(cbUrl))
  160. });
  161. </script>
  162. <script>
  163. HtmlPageVisitor.track({
  164. ad: $("#nanyanad").val(),
  165. ct: 'web'
  166. })
  167. </script>
  168. <script type="text/javascript">
  169. function showAgr() {
  170. var $overlay = $('<div class="overlay"></div>');
  171. var $dialog = $(
  172. '<section class="dialog-agr">' +
  173. ' <div class="close"><img src="./v1/images/icon_del@2x.png"></div>' +
  174. // ' <h2></h2> ' +
  175. ' <div class="container">' +
  176. // ' <div class="title">业务说明:</div>' +
  177. '<div class="box_img" >' +
  178. '<img style=" width: 0.66rem;' +
  179. ' height: 0.3rem;' +
  180. ' left: 1.6rem;' +
  181. ' position: absolute;' +
  182. ' top: 0.09rem;" src="./v1/images/形状结合备份@2x.png" alt="">' +
  183. ' <p class="cpsme">业务说明</p>' +
  184. ' <img style=" width: 0.66rem;' +
  185. ' height: 0.3rem;' +
  186. ' right: 1.6rem;' +
  187. ' position: absolute;' +
  188. ' top: 0.09rem;" src="./v1/images/形状结合@2x.png" alt="">' +
  189. ' </div>' +
  190. ' <div class="content">' +
  191. ' <ul>' +
  192. ' <li>' +
  193. ' <p>1.该产品为续订类产品,次月自动续订,按自然月扣费,产品资费19元/月,为用户提供5G基础速率服务,成功订购的用户每月可享10GB定向流量+百度网盘24小时下载券服务;</p>' +
  194. ' </li>' +
  195. ' <li>' +
  196. ' <p>2.达量限速套餐用户订购本产品,包内定向流量不提升原套餐限速阈值和网速,不能作为限速后解限的加速包使用,依然执行基础套餐限速阈值的约定;</p>' +
  197. ' </li>' +
  198. ' <li>' +
  199. ' <p>3.符合订购约定的中国联通手机套餐用户均可订购定向流量产品。4G/5G套餐中的全国共享组合套餐、4G/5G全国套餐主副卡用户和智慧沃家共享套餐中手机用户等共享类套餐用户的手机号码不共享定向流量产品中的流量及权益,需单独订购;</p>' +
  200. ' </li>' +
  201. ' <li>' +
  202. ' <p>4.办理限制:(1)用户处于停机状态不可订购;(2)融合共享版用户,不可订购;(3)若订购产品与您当前基础套餐存在互斥将不能成功办理;< /p>' +
  203. ' </li>' +
  204. ' <li>' +
  205. ' <p>5.该产品内定向流量仅限当月使用,未使用部分不能延续、累加至次月及以后各月使用,且服从中国联通套餐流量封顶统一限制;</p>' +
  206. ' </li>' +
  207. ' <li>' +
  208. ' <p>6.请使用手机默认3GNET接入点访问本产品(如需修改请在手机设置-移动网络-接入点APN内更改);</p>' +
  209. ' </li>' +
  210. ' <li>' +
  211. ' <p>7.流量包生效后用户可享受5G基础服务(上行峰值速率75Mbps下行峰值速率300Mbps)。5G基础服务对应的上下行峰值速率值仅为最高值,用户实际体验速率受网络环境、用户位置、同一时间上网用户数、终端、业务等因素的影响可能会低于最高值;</p>' +
  212. ' </li>' +
  213. ' <li><p>8. 对我们有任何意见和建议,点此<a href="https://account.bol.wo.cn/v2/feedback?clientId=directflow2020010201">反馈</a>;</p></li>' +
  214. ' <li>' +
  215. ' <p>9.关于产品使用过程中有任何疑问可咨询联通客服:10010。</p>' +
  216. ' </li>' +
  217. ' </ul>' +
  218. ' </div>' +
  219. // ' <div class="title">流量说明:</div>' +
  220. '<div class="box_img">' +
  221. '<img style=" width: 0.66rem;' +
  222. ' height: 0.3rem;' +
  223. ' left: 1.2rem;' +
  224. ' position: absolute;' +
  225. ' top: 0.09rem;" src="./v1/images/形状结合备份@2x.png" alt="">' +
  226. ' <p class="cpsme">会员权益说明</p>' +
  227. ' <img style=" width: 0.66rem;' +
  228. ' height: 0.3rem;' +
  229. ' right: 1.2rem;' +
  230. ' position: absolute;' +
  231. ' top: 0.09rem;" src="./v1/images/形状结合@2x.png" alt="">' +
  232. ' </div>' +
  233. ' <div class="content">' +
  234. ' <ul>' +
  235. ' <li>' +
  236. ' <p>1.领取成功当日立即生效,有效期为24小时,开始使用时起为极速下载;</p>' +
  237. ' </li>' +
  238. ' <li>' +
  239. ' <p>2.商品功能:百度网盘下载加速,目前支持PC客户端、IOS端、Android端使用(注意:mac端无法使用);</p>' +
  240. ' </li>' +
  241. ' <li>' +
  242. ' <p>3.本产品订购成功后需手动领取权益,需复制链接至浏览器领取,链接地址:XXXXXXXX;</p>' +
  243. ' </li>' +
  244. ' <li>' +
  245. ' <p>4.权益每月仅限领取一次,领取时需仔细核对权益账号,由于输入账号错误导致领取失败,当月无法重新领取;当月未领取权益,次月不可进行补领;</p>' +
  246. ' </li>' +
  247. ' <li>' +
  248. ' <p>5.权益查看步骤:百度网盘APP-我的-开通超级会员-我的会员-我的资产-特权券,即可查看百度网盘24小时下载券;</p>' +
  249. ' </li>' +
  250. ' <li>' +
  251. ' <p>6.使用方式:下载文件时,在【传输列表】页面底部根据提示引导使用;</p>' +
  252. ' </li>' +
  253. ' <li>' +
  254. ' <p>7.使用规则:开始使用后不能中途暂停,极速下载权益24小时自动结束;</p>' +
  255. ' </li>' +
  256. ' <li>' +
  257. ' <p>8.其他:超级会员可直接享受极速下载权益,若您已是超级会员,无需购买下载券(超级会员有效期内无法使用下载券)。</p>' +
  258. ' </li>' +
  259. ' </ul>' +
  260. ' </div>' +
  261. '<div class="box_img">' +
  262. '<img style=" width: 0.66rem;' +
  263. ' height: 0.3rem;' +
  264. ' left: 1.2rem;' +
  265. ' position: absolute;' +
  266. ' top: 0.09rem;" src="./v1/images/形状结合备份@2x.png" alt="">' +
  267. ' <p class="cpsme">定向流量说明</p>' +
  268. ' <img style=" width: 0.66rem;' +
  269. ' height: 0.3rem;' +
  270. ' right: 1.2rem;' +
  271. ' position: absolute;' +
  272. ' top: 0.09rem;" src="./v1/images/形状结合@2x.png" alt="">' +
  273. ' </div>' +
  274. ' <div class="content">' +
  275. ' <ul>' +
  276. ' <li>' +
  277. ' <p>1.定向流量适用范围包含:百度 APP、 好看视频、全民小视频、百度贴吧、百度地图、百度网盘、百度后视镜;</p>' +
  278. ' </li>' +
  279. ' <li>' +
  280. ' <p>2.定向流量适用范围不包含:</p>' +
  281. ' </li>' +
  282. ' <li>' +
  283. ' <p>(1)发起直播及上传视频;第三方提供的广告、视频、图片;下载/缓存客户端及第三方链接视频所产生的流量;在无线上网卡、移动WiFi、MiFi、平板电脑(如ipad)等设备使用;手机号码作为手机热点使用;</p>' +
  284. ' </li>' +
  285. ' <li>' +
  286. ' <p>(2)百度App内除小说外的所有频道(右上角)及第三方小说;个性化资讯推荐版块的动漫、逛逛、畅听;个人中心内的小程序;百度App内的应用中心不使用定向流量;好看视频App内的离线下载;</p>' +
  287. ' </li>' +
  288. ' <li>' +
  289. ' <p>(3)百度App内通过搜索(试用版)打开的以下内容:通过搜索打开的所有音频文件;通过搜索进行下载的文件、图片、音频、手机应用(调起前往百度助手下载的除外)等下载类目;苹果系统ios11以下(不包含ios11),百度App版本10.7.5以下(不包含10.7.5)不在定向流量范围内;</p>' +
  290. ' </li>' +
  291. ' <li>' +
  292. ' <p>(4)百度地图App内的共享单车、车主服务等模块;百度网盘App内的推荐应用下载、广告、视频播放插件安装、皮肤下载、云冲印、图片修图等。</p>' +
  293. ' </li>' +
  294. ' <li>' +
  295. ' <p>3.若您的套餐流量使用范围包含本产品相关,将优先使用套餐内的专属定向流量,用罄后即消耗本产品包内的定向流量。</p>' +
  296. ' </li>' +
  297. ' </ul>' +
  298. ' </div>' +
  299. ' </div>' +
  300. ' </div>' +
  301. ' </div>' +
  302. '</div></section>'
  303. )
  304. $overlay.appendTo($(document.body))
  305. $dialog.appendTo($(document.body))
  306. if (window.location.href.indexOf('hd/Dy/') > 0) {
  307. $dialog.find('.lbl-cancel').text('4. 如您需要退订头条流量包,可于今日头条、抖音、火山、西瓜视频客户端或中国联通APP社交包入口进行退订;')
  308. }
  309. $dialog.find('.close').on('click', function() {
  310. $dialog.close();
  311. })
  312. $overlay.on('click', function() {
  313. $dialog.close();
  314. })
  315. $dialog.close = function() {
  316. $overlay.remove();
  317. $dialog.remove();
  318. $dialog = null;
  319. }
  320. }
  321. $('.btn-tip').off('click').on('click', function() {
  322. showAgr()
  323. })
  324. </script>
  325. </body>
  326. </html>