404.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <head>
  5. <title>采美365网-医美采购平台-生美采购平台-美业一站式正品采购平台</title>
  6. <template th:replace="components/head-link"></template>
  7. <style>
  8. body {
  9. background: #f6f6f6;
  10. position: relative;
  11. }
  12. /** PC端 */
  13. @media screen and (min-width:768px){
  14. body {
  15. min-width: 1184px;
  16. }
  17. #errorContent{
  18. width:1200px!important;
  19. min-height:500px!important;
  20. height:auto!important;
  21. overflow: hidden;
  22. border:none;
  23. margin: auto;
  24. padding: 160px;
  25. }
  26. #errorContent p{
  27. color: #666666;
  28. font-size: 20px;
  29. padding: 60px;
  30. }
  31. #errorContent a{
  32. width: 190px;
  33. height: 44px;
  34. text-align: center;
  35. background: #e15616;
  36. color: #fff;
  37. display: inline-block;
  38. line-height: 44px;
  39. border-radius: 2px;
  40. }
  41. }
  42. /** 移动端 */
  43. @media screen and (max-width:768px){
  44. #errorContent{
  45. width: 100%!important;
  46. min-height:100vw!important;
  47. height:auto!important;
  48. overflow: hidden;
  49. border: none;
  50. padding-top: 23.7vw;
  51. }
  52. #errorContent img{
  53. width: 53.7vw;
  54. height: 23.2vw;
  55. }
  56. #errorContent p{
  57. font-size: 3.4vw;
  58. color: #666666 ;
  59. padding: 7.8vw 7.8vw 5vw;
  60. }
  61. #errorContent a{
  62. width: 36vw;
  63. height: 11.2vw;
  64. line-height: 11.2vw;
  65. color: #fff;
  66. background: #e15616;
  67. border-radius: .53vw;
  68. display: inline-block;
  69. }
  70. }
  71. </style>
  72. </head>
  73. <body>
  74. <!-- 引用头部 -->
  75. <template th:replace="components/header"></template>
  76. <!-- 404页面 -->
  77. <div style="text-align:center;background: #fff">
  78. <!-- <iframe id="errorContent" src="/search_children.html"></iframe>-->
  79. <div id="errorContent">
  80. <img src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/404.png">
  81. <p>您访问的页面不存在,建议您......</p>
  82. <a href="/index.html">返回首页</a>
  83. </div>
  84. </div>
  85. <!-- 引入底部 -->
  86. <template th:replace="components/footer"></template>
  87. <template th:replace="components/foot-link"></template>
  88. <script type="text/javascript">
  89. if(!($('#spiServer').val() && $('#spiServer').val().length>0)){
  90. window.location.href = '/404.html';
  91. }
  92. </script>
  93. </body>
  94. </html>