hot.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. html, body, h3, h4 {
  20. margin: 0;
  21. padding: 0;
  22. font-family: PingFangSC-Regular, sans-serif,"SourceHanSansCN-Regular", "Microsoft YaHei", "微软雅黑", STXihei, SimHei, "华文细黑";
  23. }
  24. html, body {
  25. height: 100%;
  26. }
  27. h3 {
  28. font-size: 22px;
  29. color: #FF3030;
  30. letter-spacing: 0;
  31. margin-top: 0.3rem;
  32. }
  33. h4 {
  34. font-size: 18px;
  35. color: #666666;
  36. letter-spacing: 0;
  37. margin-top: 0.2rem;
  38. }
  39. .main {
  40. display: flex;
  41. align-items: center;
  42. justify-content: center;
  43. flex-direction: column;
  44. height: 100%;
  45. }
  46. .banner {
  47. width: 3.24rem;
  48. height: 3.92rem;
  49. background: url(./hot/images/chahua.png) no-repeat;
  50. background-size: 100% 100%;
  51. }
  52. .content {
  53. display: flex;
  54. flex-direction: column;
  55. align-items: center;
  56. justify-content: center;
  57. }
  58. .action {
  59. margin-top: 0.5rem;
  60. }
  61. .action .btn {
  62. width: 5.6rem;
  63. height: 0.9rem;
  64. font-size: 16px;
  65. color: #FFFFFF;
  66. background: url(./hot/images/sqr.png) no-repeat;
  67. background-size: 100% 100%;
  68. display: flex;
  69. align-items: center;
  70. justify-content: center;
  71. }
  72. </style>
  73. </head>
  74. <body>
  75. <div class="main">
  76. <div class="banner">
  77. </div>
  78. <div class="content">
  79. <h3>活动太火爆了!</h3>
  80. <h4>稍后再来试试吧~</h4>
  81. </div>
  82. <div class="action">
  83. <div class="btn" onclick="history.go(-1)">返回</div>
  84. </div>
  85. </body>
  86. </html>