404.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>页面不存在</title>
  7. <meta name="author" content="yihu.com" />
  8. <meta name="format-detection" content="telephone=no" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  12. </head>
  13. <style type="text/css">
  14. * {
  15. margin: 0;
  16. padding: 0
  17. }
  18. html,
  19. body {
  20. min-height: 100%;
  21. }
  22. html {
  23. font-size: 20px;
  24. font-family: sans-serif;
  25. -ms-text-size-adjust: 100%;
  26. -webkit-text-size-adjust: 100%;
  27. }
  28. body {
  29. position: relative;
  30. font-size: .6rem;
  31. line-height: 1.5;
  32. }
  33. @media only screen and (min-width: 360px) {
  34. html {
  35. font-size: 22.5px;
  36. }
  37. }
  38. @media only screen and (min-width: 375px) {
  39. html {
  40. font-size: 23.5px;
  41. }
  42. }
  43. @media only screen and (min-width: 400px) {
  44. html {
  45. font-size: 25px;
  46. }
  47. }
  48. @media only screen and (min-width: 414px) {
  49. html {
  50. font-size: 25.875px;
  51. }
  52. }
  53. .c-t-center {
  54. text-align: center;
  55. }
  56. .c-nomess {
  57. padding: 2.5rem .75rem;
  58. }
  59. .c-nomess .no-mess {
  60. position: relative;
  61. background: #dfdfdf;
  62. width: 90px;
  63. height: 90px;
  64. border-radius: 50%;
  65. margin: 0 auto 5px auto;
  66. }
  67. .c-nomess .no-mess:after {
  68. position: absolute;
  69. content: "";
  70. background: #fff;
  71. width: 45px;
  72. height: 45px;
  73. top: 23px;
  74. left: 23px;
  75. border-radius: 3px;
  76. }
  77. .c-nomess p {
  78. text-align: center;
  79. font-size: .7rem;
  80. color: #666;
  81. line-height: 1rem;
  82. padding: .25rem 0;
  83. }
  84. .c-nomess a {
  85. color: #007cd9;
  86. margin-left: .1rem;
  87. }
  88. .c-failstate {
  89. padding: 4.5rem .75rem 1.5rem .75rem;
  90. font-size: .7rem;
  91. color: #999;
  92. line-height: 1rem;
  93. }
  94. .c-failstate a {
  95. color: #007cd9;
  96. margin-left: .1rem;
  97. }
  98. .c-failstate a.c-btn {
  99. color: #fff;
  100. }
  101. .icon-norefresh {
  102. display: inline-block;
  103. width: 5.55rem;
  104. height: 4.55rem;
  105. background: url(http://f1.yihuimg.com/concat/mobile/cross/images/norefresh.png) no-repeat;
  106. background-size: 100% 100%;
  107. margin-bottom: .5rem;
  108. }
  109. .icon-nointer {
  110. display: inline-block;
  111. width: 6rem;
  112. height: 6rem;
  113. background: url(http://f1.yihuimg.com/concat/mobile/cross/images/nointer.png) no-repeat;
  114. background-size: 100% 100%;
  115. margin-bottom: .5rem;
  116. }
  117. @media (orientation: landscape) {
  118. .c-nomess {
  119. padding: 2.5rem .75rem 1rem .75rem;
  120. }
  121. .c-failstate {
  122. padding: 2rem .75rem .5rem .75rem;
  123. }
  124. }
  125. .demo-input-merge {
  126. min-width: 100%;
  127. width: 100px;
  128. text-align: left;
  129. font-family: "Microsoft Yahei";
  130. }
  131. </style>
  132. <body>
  133. <div class="demo-input-merge">
  134. <div class="">
  135. <div class="c-failstate c-t-center"> <i class="icon-norefresh"></i>
  136. <p>您请求的页面不存在,点击<a href="javascript:;" onclick="window.history.go(-1)">返回</a></p>
  137. </div>
  138. </div>
  139. </div>
  140. </body>
  141. </html>