tis.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540
  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. html,
  22. body,
  23. div,
  24. span,
  25. applet,
  26. object,
  27. iframe,
  28. h1,
  29. h2,
  30. h3,
  31. h4,
  32. h5,
  33. h6,
  34. p,
  35. blockquote,
  36. pre,
  37. a,
  38. abbr,
  39. acronym,
  40. address,
  41. big,
  42. cite,
  43. code,
  44. del,
  45. dfn,
  46. em,
  47. img,
  48. ins,
  49. kbd,
  50. q,
  51. s,
  52. samp,
  53. small,
  54. strike,
  55. strong,
  56. sub,
  57. sup,
  58. tt,
  59. var,
  60. b,
  61. u,
  62. i,
  63. center,
  64. dl,
  65. dt,
  66. dd,
  67. ol,
  68. ul,
  69. li,
  70. fieldset,
  71. form,
  72. label,
  73. legend,
  74. table,
  75. caption,
  76. tbody,
  77. tfoot,
  78. thead,
  79. tr,
  80. th,
  81. td,
  82. article,
  83. aside,
  84. canvas,
  85. details,
  86. embed,
  87. figure,
  88. figcaption,
  89. footer,
  90. header,
  91. hgroup,
  92. menu,
  93. nav,
  94. output,
  95. ruby,
  96. section,
  97. summary,
  98. time,
  99. mark,
  100. audio,
  101. video {
  102. margin: 0;
  103. padding: 0;
  104. border: 0;
  105. font-size: 100%;
  106. font: inherit;
  107. vertical-align: baseline;
  108. }
  109. /* HTML5 display-role reset for older browsers */
  110. article,
  111. aside,
  112. details,
  113. figcaption,
  114. figure,
  115. footer,
  116. header,
  117. hgroup,
  118. menu,
  119. nav,
  120. section {
  121. display: block;
  122. }
  123. ol,
  124. ul {
  125. list-style: none;
  126. }
  127. blockquote,
  128. q {
  129. quotes: none;
  130. }
  131. blockquote:before,
  132. blockquote:after,
  133. q:before,
  134. q:after {
  135. content: '';
  136. content: none;
  137. }
  138. body {
  139. right: 0.91rem;
  140. background: #321558 url(./20220424/背景g.png) no-repeat;
  141. background-size: 100%, 100%;
  142. }
  143. /* .box_abx {
  144. right: 0.91rem;
  145. background: url('./20220424/背景g.png') no-repeat;
  146. background-size: 100%, 100%;
  147. height: 100%;
  148. } */
  149. .loading {
  150. position: fixed;
  151. top: 0;
  152. left: 0;
  153. right: 0;
  154. bottom: 0;
  155. z-index: 9995
  156. }
  157. .loading .content {
  158. color: rgba(255, 255, 255, 0.6);
  159. margin-top: 4rem;
  160. text-align: center;
  161. font-size: 0.3rem
  162. }
  163. table {
  164. border-collapse: collapse;
  165. border-spacing: 0;
  166. }
  167. input {
  168. -webkit-box-sizing: border-box;
  169. -moz-box-sizing: border-box;
  170. box-sizing: border-box;
  171. }
  172. .box_a {
  173. position: fixed;
  174. top: 0;
  175. right: 0;
  176. bottom: 0;
  177. left: 0;
  178. z-index: 111;
  179. background-color: rgba(0, 0, 0, 0.7);
  180. min-height: 6.5rem;
  181. }
  182. .box_b {
  183. position: fixed;
  184. top: 0;
  185. right: 0;
  186. bottom: 0;
  187. left: 0;
  188. z-index: 111;
  189. background-color: rgba(0, 0, 0, 0.7);
  190. min-height: 6.5rem;
  191. display: none;
  192. }
  193. .cancel-form {
  194. width: 5.70rem;
  195. height: 5.13rem;
  196. position: relative;
  197. top: 3rem;
  198. left: 0.91rem;
  199. right: 0.91rem;
  200. background: url('./20220424/背景.png') no-repeat;
  201. background-size: 100%, 100%;
  202. border-bottom-right-radius: 0.2rem;
  203. border-bottom-left-radius: 0.2rem;
  204. border: solid 2px #7963e5;
  205. }
  206. .cancel-forms {
  207. width: 5.70rem;
  208. height: 7.13rem;
  209. position: relative;
  210. top: 3rem;
  211. left: 0.91rem;
  212. right: 0.91rem;
  213. background: url('./20220424/b15.png') no-repeat;
  214. background-size: 100%, 100%;
  215. border-bottom-right-radius: 0.2rem;
  216. border-bottom-left-radius: 0.2rem;
  217. border-radius: 0.2rem;
  218. border: solid 2px #7963e5;
  219. }
  220. input:focus {
  221. outline: none;
  222. }
  223. input {
  224. color: #ffff
  225. }
  226. .form-group {
  227. width: 100%;
  228. height: 2.8rem;
  229. position: absolute;
  230. top: 3.05rem;
  231. text-align: center;
  232. }
  233. .input-row {
  234. line-height: 0rem;
  235. height: 1.2rem;
  236. width: 100%;
  237. }
  238. .usermob {
  239. width: 4.87rem;
  240. height: 0.82rem;
  241. BACKGROUND-COLOR: #06357a8f;
  242. border: solid 2px #2cbeee57;
  243. border-radius: 0.1rem;
  244. }
  245. .usermob::-webkit-input-placeholder,
  246. textarea::-webkit-input-placeholder {
  247. /* WebKit browsers */
  248. color: rgb(255, 255, 255);
  249. }
  250. .smscode {
  251. width: 2.34rem;
  252. height: 0.82rem;
  253. BACKGROUND-COLOR: #06357a8f;
  254. border: solid 2px #2cbeee57;
  255. border-radius: 0.1rem;
  256. position: absolute;
  257. left: 0.39rem;
  258. }
  259. .sendcode {
  260. font-size: 0.28rem;
  261. width: 2.34rem;
  262. background: #0086E3;
  263. display: inline-table;
  264. position: absolute;
  265. right: 0.4rem;
  266. line-height: 0.8rem;
  267. border-radius: 0.1rem;
  268. color: #fff;
  269. }
  270. .smscode::-webkit-input-placeholder,
  271. textarea::-webkit-input-placeholder {
  272. /* WebKit browsers */
  273. color: rgb(255, 255, 255);
  274. }
  275. .login {
  276. height: 0.81rem;
  277. border-radius: 0.2rem;
  278. width: 2.37rem;
  279. background: url('./20220424/退订.png') no-repeat;
  280. background-size: 100%, 100%;
  281. position: absolute;
  282. right: 0.35rem;
  283. margin-top: 0.1rem;
  284. }
  285. .btn_a {
  286. height: 0.81rem;
  287. border-radius: 0.2rem;
  288. width: 2.37rem;
  289. background: url('./20220424/取消.png') no-repeat;
  290. background-size: 100%, 100%;
  291. position: absolute;
  292. left: 0.35rem;
  293. margin-top: 0.1rem;
  294. }
  295. .dialog-alert {
  296. top: 50%;
  297. transform: translateY(-50%);
  298. left: 1.2rem;
  299. right: 1.2rem;
  300. z-index: 9998;
  301. position: fixed;
  302. animation: frames-top-center-01 300ms;
  303. border-radius: 0.1rem;
  304. min-height: auto;
  305. height: auto;
  306. background: white;
  307. color: black
  308. }
  309. .dialog-alert h1 {
  310. font-size: 0.36rem;
  311. font-weight: bold;
  312. text-align: center;
  313. margin-top: 0.5rem
  314. }
  315. .dialog-alert .content {
  316. min-height: 0.8rem;
  317. margin: 0.2rem 0.6rem;
  318. display: flex;
  319. align-items: center;
  320. justify-content: center;
  321. font-size: 0.3rem
  322. }
  323. .dialog-alert .actions {
  324. height: 1rem;
  325. display: flex;
  326. justify-content: center
  327. }
  328. .dialog-alert .actions .btn {
  329. color: white;
  330. font-size: 0.36rem;
  331. background: linear-gradient(-90deg, #fa382f, #ff7453);
  332. height: 0.7rem;
  333. display: flex;
  334. align-items: center;
  335. justify-content: center;
  336. width: 2rem;
  337. border-radius: 0.4rem;
  338. padding: 0;
  339. margin: 0
  340. }
  341. @keyframes frames-top-center-01 {
  342. 0% {
  343. top: -10%
  344. }
  345. 100% {
  346. top: 50%
  347. }
  348. }
  349. @keyframes frames-top-center-02 {
  350. 0% {
  351. top: 0%
  352. }
  353. 92% {
  354. top: 50%
  355. }
  356. 100% {
  357. top: 40%
  358. }
  359. }
  360. @keyframes capauth-zoom-in {
  361. 0% {
  362. opacity: 0
  363. }
  364. 80% {
  365. opacity: 0
  366. }
  367. 100% {
  368. opacity: 1
  369. }
  370. }
  371. .overlay {
  372. position: fixed;
  373. top: 0;
  374. right: 0;
  375. bottom: 0;
  376. left: 0;
  377. z-index: 9990;
  378. background-color: rgba(0, 0, 0, 0.7);
  379. min-height: 6.5rem
  380. }
  381. .overlay-alert {
  382. z-index: 9995
  383. }
  384. .overlay-loading {
  385. z-index: 9995
  386. }
  387. .tuid {
  388. position: absolute;
  389. bottom: 0.2rem;
  390. font-size: 0.28rem;
  391. color: #c4c3c3;
  392. left: 2.08rem;
  393. }
  394. .dialog-message {
  395. top: 40%;
  396. left: .82rem;
  397. right: .82rem;
  398. z-index: 9998;
  399. position: fixed;
  400. height: auto;
  401. min-height: auto;
  402. background: url(./v1/images/bg-dialog.png) no-repeat;
  403. background-size: 100% 100%;
  404. }
  405. .dialog-message .content {
  406. color: white;
  407. font-size: 0.36rem;
  408. min-height: 1.17rem;
  409. margin: 0.4rem 0.8rem 0.2rem;
  410. display: flex;
  411. align-items: center;
  412. justify-content: center;
  413. }
  414. .dialog-message .actions {
  415. height: 1.32rem;
  416. display: flex;
  417. justify-content: center;
  418. }
  419. .dialog-message .actions .btn {
  420. color: white;
  421. font-size: 0.36rem;
  422. width: 3.3rem;
  423. height: 0.82rem;
  424. display: flex;
  425. align-items: center;
  426. justify-content: center;
  427. background: url(./v1/images/btn-ok.png) no-repeat;
  428. background-size: 100% 100%;
  429. }
  430. .text_ab {
  431. font-size: 0.26rem;
  432. color: #FFFF;
  433. width: 5rem;
  434. margin-left: 0.4rem;
  435. margin-bottom: 0.2rem;
  436. }
  437. .guanbi {
  438. position: absolute;
  439. right: 0.16rem;
  440. top: 0.16rem;
  441. width: 0.4rem;
  442. }
  443. .text_xia {
  444. font-size: 0.3rem;
  445. color: #ffff;
  446. position: absolute;
  447. top: 3rem;
  448. left: 1.7rem;
  449. }
  450. .queding {
  451. font-size: 0.36rem;
  452. color: #ffff;
  453. position: absolute;
  454. top: 1rem;
  455. left: 1.8rem;
  456. border: solid 1px #0086E3;
  457. width: 2rem;
  458. height: 0.6rem;
  459. border-radius: 4.2rem;
  460. line-height: 0.6rem;
  461. background: #0086E3;
  462. }
  463. </style>
  464. <body>
  465. <!-- <div class="banner">
  466. div class="banner-text"></div
  467. <div class="banner-text banner-text-9"></div>
  468. </div> -->
  469. <div class="box_abx">
  470. <div class="box_a">
  471. <div class="section-login sms-form cancel-form">
  472. <p class="text_xia">您未订购此产品!</p>
  473. <div class="form-group">
  474. <div class="queding" onclick="c()">确定</div>
  475. </div>
  476. </div>
  477. </div>
  478. <input type="hidden" id="fog_tt" />
  479. <input type="hidden" id="useraccount_tt" />
  480. <input type="hidden" id="sendsms_order_tt" />
  481. <input id="nanyanad" type="hidden" value="79ce868bec6043de869260968d758cbc">
  482. <input id="nanyanlabel" type="hidden" value="_jrtt">
  483. <script>
  484. function c() {
  485. window.location.href = 'https://800.wo.cn/orderchannel/douyin/poly/index20220424.html?fes=jh9&type=poly&sou=26&t=1651331427389';
  486. }
  487. </script>
  488. </body>
  489. </html>