diff --git a/src/components/Authorized/Secured.js b/src/components/Authorized/Secured.js
index 70546813b6c98398fc3b183f05cbeaa32e052abc..5580af6430a6f212ebdb22a12ea100e3d048556b 100644
--- a/src/components/Authorized/Secured.js
+++ b/src/components/Authorized/Secured.js
@@ -5,7 +5,7 @@ import CheckPermissions from './CheckPermissions';
  * 默认不能访问任何页面
  * default is "NULL"
  */
-const Exception403 = () => <Exception type="403" style={{ minHeight: 500, height: '80%' }} />;
+const Exception403 = () => <Exception type="403" />;
 
 // Determine whether the incoming component has been instantiated
 // AuthorizedRoute is already instantiated
diff --git a/src/components/Exception/index.less b/src/components/Exception/index.less
index 5ef378be6390cfdc64150330eb6e826be7366633..b55fe3a928020e82b2c80f0adb7ebc4fb55eecec 100644
--- a/src/components/Exception/index.less
+++ b/src/components/Exception/index.less
@@ -3,7 +3,8 @@
 .exception {
   display: flex;
   align-items: center;
-  height: 100%;
+  height: 80%;
+  min-height: 500px;
 
   .imgBlock {
     flex: 0 0 62.5%;
diff --git a/src/pages/404.js b/src/pages/404.js
index dd01d4b1f81aff9bd4b4b1594c6c53af5430ed5b..c0004ba0ff8fa253ba5be80e340b759ea3ef7304 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -3,5 +3,5 @@ import Link from 'umi/link';
 import Exception from '@/components/Exception';
 
 export default () => (
-  <Exception type="404" style={{ minHeight: 500, height: '80%' }} linkElement={Link} />
+  <Exception type="404" linkElement={Link} />
 );
diff --git a/src/pages/Authorized.js b/src/pages/Authorized.js
index 0b0d6b1b897db3c5905890a44b2731d781a7bca6..ca61c466350936f83bbb1b4e6653c03f3a31e265 100644
--- a/src/pages/Authorized.js
+++ b/src/pages/Authorized.js
@@ -22,7 +22,6 @@ export default ({ children, route, location }) => {
     <Exception
       type="403"
       desc={formatMessage({ id: 'app.exception.description.403' }, {})}
-      style={{ minHeight: 500, height: '80%' }}
       linkElement={Link}
       backText={formatMessage({ id: 'app.exception.back' })}
     />
diff --git a/src/pages/Exception/403.js b/src/pages/Exception/403.js
index ab0341aaa09b745b899688707d316a82fc22b835..30c49d44f2b8e76cf02e19c15d6cc0c046ac3045 100644
--- a/src/pages/Exception/403.js
+++ b/src/pages/Exception/403.js
@@ -7,7 +7,6 @@ const Exception403 = () => (
   <Exception
     type="403"
     desc={formatMessage({ id: 'app.exception.description.403' }, {})}
-    style={{ minHeight: 500, height: '80%' }}
     linkElement={Link}
     backText={formatMessage({ id: 'app.exception.back' })}
   />
diff --git a/src/pages/Exception/404.js b/src/pages/Exception/404.js
index 50d5bd9b4fa27dc62c488c821b229ea5f2ac8f2d..edba5f905c304d901bac7ba756c153220b76f140 100644
--- a/src/pages/Exception/404.js
+++ b/src/pages/Exception/404.js
@@ -7,7 +7,6 @@ const Exception404 = () => (
   <Exception
     type="404"
     desc={formatMessage({ id: 'app.exception.description.404' }, {})}
-    style={{ minHeight: 500, height: '80%' }}
     linkElement={Link}
     backText={formatMessage({ id: 'app.exception.back' })}
   />
diff --git a/src/pages/Exception/500.js b/src/pages/Exception/500.js
index 640f7a93195829f091ca45af7fbc508cb14a6236..15e66a850b5367c954008a2f0e98509e585105d3 100644
--- a/src/pages/Exception/500.js
+++ b/src/pages/Exception/500.js
@@ -7,7 +7,6 @@ const Exception500 = () => (
   <Exception
     type="500"
     desc={formatMessage({ id: 'app.exception.description.500' }, {})}
-    style={{ minHeight: 500, height: '80%' }}
     linkElement={Link}
     backText={formatMessage({ id: 'app.exception.back' })}
   />