500页面样式调整

public/500.html

@@ -52,12 +52,10 @@
       text-align: center !important;
     }
     .newTable{
-      padding-top: 120px;
       background-color: #F0F5FF;
       position: relative;
       height: 100vh;
       text-align: center;
-      box-sizing: border-box;
     }
     .newMargin{
       position: absolute;
@@ -65,6 +63,17 @@
       bottom: 0;
       width: 100%;
     }
+
+    .mainImg {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        z-index: 10;
+    }
   </style>
   <script type="text/javascript">
     $(function(){
@@ -82,14 +91,16 @@
 If you continue to experience problems please contact your Trustie administrator for assistance.</p>
 <p>If you are the Trustie administrator, check your log files for details about the error.</p> -->
 <div class="newTable clearfix">
-    <img src="images/warn/pic_500.jpg">
-    <div class="font-16 mt56" style="text-align: center;">
-        <p>服务器异常，请稍后重试</p>
-        您可尝试<a href="javascript:location.reload();" class="color-blue">刷新页面</a>或<a href="/explore"
-                      class="color-blue">返回首页</a>，也可以通过
-        <a target="_blank"
-          href="https://qm.qq.com/cgi-bin/qm/qr?k=YVGUhY7uK8ovpyd7tG_lHe2qGZ63LOij&jump_from=webapi"
-          class="color-blue">QQ</a>向我们反馈
+    <div class="mainImg">
+        <img src="images/warn/pic_500.jpg" width="639px"/>
+        <div class="font-16 mt56" style="text-align: center;">
+            <p>服务器异常，请稍后重试</p>
+            您可尝试<a href="javascript:location.reload();" class="color-blue">刷新页面</a>或<a href="/explore"
+                                                                                       class="color-blue">返回首页</a>，也可以通过
+            <a target="_blank"
+               href="https://qm.qq.com/cgi-bin/qm/qr?k=YVGUhY7uK8ovpyd7tG_lHe2qGZ63LOij&jump_from=webapi"
+               class="color-blue">QQ</a>向我们反馈
+        </div>
     </div>
     <div class="newMargin">
       <img src="images/warn/pic_bg.png" width="100%" height="292px"/>