From 7ebd8681fac3c9e405676515dfb7b369432a8a11 Mon Sep 17 00:00:00 2001
From: xiaoxiaoqiong <xxqfamous@gmail.com>
Date: Fri, 26 Nov 2021 09:49:13 +0800
Subject: [PATCH] =?UTF-8?q?500=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/500.html | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/public/500.html b/public/500.html
index 6521bb193..7fd7c9407 100644
--- a/public/500.html
+++ b/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"/>