diff --git a/package.json b/package.json
index 2679827b..5cee9a6b 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
   "dependencies": {
     "@ant-design/pro-layout": "^4.5.7",
     "@antv/data-set": "^0.10.2",
-    "antd": "^3.19.1",
+    "antd": "^3.20.0",
     "classnames": "^2.2.6",
     "dva": "^2.4.1",
     "lodash": "^4.17.11",
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 47d6df70..05b0a2da 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,4 +1,4 @@
-import { Button } from 'antd';
+import { Button, Result } from 'antd';
 import React from 'react';
 import router from 'umi/router';
 
@@ -6,22 +6,16 @@ import router from 'umi/router';
 // 但是还没发布，先来个简单的。
 
 const NoFoundPage: React.FC<{}> = () => (
-  <div
-    style={{
-      height: '100vh',
-      padding: 80,
-      textAlign: 'center',
-    }}
-  >
-    <img src="https://gw.alipayobjects.com/zos/antfincdn/wsE2Pw%243%26L/noFound.svg" alt="404" />
-    <br />
-    <br />
-    <h1>404</h1>
-    <p>Sorry, the page you visited does not exist.</p>
-    <Button type="primary" onClick={() => router.push('/')}>
-      Back Home
-    </Button>
-  </div>
+  <Result
+    status="404"
+    title="404"
+    subTitle="Sorry, the page you visited does not exist."
+    extra={
+      <Button type="primary" onClick={() => router.push('/')}>
+        Back Home
+      </Button>
+    }
+  ></Result>
 );
 
 export default NoFoundPage;