404.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. * { margin: 0; padding: 0 }
  15. html,
  16. body { min-height: 100%; }
  17. html { font-size: 20px; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
  18. body { position: relative; font-size: .6rem; line-height: 1.5; }
  19. @media only screen and (min-width: 360px) {
  20. html { font-size: 22.5px; }
  21. }
  22. @media only screen and (min-width: 375px) {
  23. html { font-size: 23.5px; }
  24. }
  25. @media only screen and (min-width: 400px) {
  26. html { font-size: 25px; }
  27. }
  28. @media only screen and (min-width: 414px) {
  29. html { font-size: 25.875px; }
  30. }
  31. .c-t-center { text-align: center; }
  32. .c-nomess { padding: 2.5rem .75rem; }
  33. .c-nomess .no-mess { position: relative; background: #dfdfdf; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 5px auto; }
  34. .c-nomess .no-mess:after { position: absolute; content: ""; background: #fff; width: 45px; height: 45px; top: 23px; left: 23px; border-radius: 3px; }
  35. .c-nomess p { text-align: center; font-size: .7rem; color: #666; line-height: 1rem; padding: .25rem 0; }
  36. .c-nomess a { color: #007cd9; margin-left: .1rem; }
  37. .c-failstate { padding: 4.5rem .75rem 1.5rem .75rem; font-size: .7rem; color: #999; line-height: 1rem; }
  38. .c-failstate a { color: #007cd9; margin-left: .1rem; }
  39. .c-failstate a.c-btn { color: #fff; }
  40. .icon-norefresh { display: inline-block; width: 5.55rem; height: 4.55rem; background: url(http://f1.yihuimg.com/concat/mobile/cross/images/norefresh.png) no-repeat; background-size: 100% 100%; margin-bottom: .5rem; }
  41. .icon-nointer { display: inline-block; width: 6rem; height: 6rem; background: url(http://f1.yihuimg.com/concat/mobile/cross/images/nointer.png) no-repeat; background-size: 100% 100%; margin-bottom: .5rem; }
  42. @media (orientation: landscape) {
  43. .c-nomess { padding: 2.5rem .75rem 1rem .75rem; }
  44. .c-failstate { padding: 2rem .75rem .5rem .75rem; }
  45. }
  46. .demo-input-merge { min-width: 100%; width: 100px; text-align: left; font-family: "Microsoft Yahei"; }
  47. </style>
  48. <body>
  49. <div class="demo-input-merge">
  50. <div class="">
  51. <div class="c-failstate c-t-center"> <i class="icon-norefresh"></i>
  52. <p>您请求的页面不存在</p>
  53. </div>
  54. </div>
  55. </div>
  56. </body>
  57. </html>