diff --git a/AccountCenter/src/components/Applications/index.less b/AccountCenter/src/components/Applications/index.less
index 6fa63e32a33b0642d0e1547efdb146b5d9a35f5d..a8ad75547974b5c526c686490559cbd90bde2df6 100644
--- a/AccountCenter/src/components/Applications/index.less
+++ b/AccountCenter/src/components/Applications/index.less
@@ -10,9 +10,7 @@
     .ant-card-meta-avatar {
       font-size: 0;
     }
-    .ant-card-actions {
-      background: #f7f9fa;
-    }
+
     .ant-list .ant-list-item-content-single {
       max-width: 100%;
     }
diff --git a/AccountSettings/src/style.less b/AccountSettings/src/style.less
index abda02875a5c9079f3cb9637211aa422c2d9dd59..6a859578cc4cd0694e9b7f54edb206e298200959 100644
--- a/AccountSettings/src/style.less
+++ b/AccountSettings/src/style.less
@@ -36,7 +36,7 @@
   }
   :global {
     .ant-list-split .ant-list-item:last-child {
-      border-bottom: 1px solid #e8e8e8;
+      border-bottom: 1px solid @border-color-split;
     }
     .ant-list-item {
       padding-top: 14px;
diff --git a/FormStepForm/src/components/Result/index.less b/FormStepForm/src/components/Result/index.less
index 00c958793c541ca8e5ca4c6cba0aceda83d23dc3..cc4ed6ebf76ce16e56d3c1d6c98a4a3d570d6d52 100644
--- a/FormStepForm/src/components/Result/index.less
+++ b/FormStepForm/src/components/Result/index.less
@@ -40,7 +40,7 @@
   .extra {
     padding: 24px 40px;
     text-align: left;
-    background: #fafafa;
+    background: @component-background;
     border-radius: @border-radius-sm;
 
     @media screen and (max-width: @screen-xs) {
diff --git a/ListBasicList/src/_mock.ts b/ListBasicList/src/_mock.ts
index f94d793b5bb82f2794bca60b1b6abd9c8f44cceb..7567867fca2b73cb5a65ba7704110d321a46ca1d 100644
--- a/ListBasicList/src/_mock.ts
+++ b/ListBasicList/src/_mock.ts
@@ -100,7 +100,7 @@ function fakeList(count: number): BasicListItemDataType[] {
   return list;
 }
 
-let sourceData: Array<BasicListItemDataType>;
+let sourceData: Array<BasicListItemDataType> = [];
 
 function getFakeList(req: { query: any }, res: { json: (arg0: BasicListItemDataType[]) => void }) {
   const params = req.query;
@@ -117,7 +117,7 @@ function postFakeList(req: { body: any }, res: { json: (arg0: BasicListItemDataT
   // const params = getUrlParams(url);
   const { method, id } = body;
   // const count = (params.count * 1) || 20;
-  let result = sourceData;
+  let result = sourceData || [];
 
   switch (method) {
     case 'delete':
diff --git a/ListTableList/src/_mock.ts b/ListTableList/src/_mock.ts
index 1800036b5b070807f64a4bdd20835d0e85b22f5c..fe29d304dc1ace370fadab020730a48eedf7e52b 100644
--- a/ListTableList/src/_mock.ts
+++ b/ListTableList/src/_mock.ts
@@ -155,6 +155,6 @@ function postRule(
 }
 
 export default {
-  'GET /api/': getRule,
-  'POST /api/': postRule,
+  'GET /api/rule': getRule,
+  'POST /api/rule': postRule,
 };
diff --git a/ResultFail/src/Result/index.less b/ResultFail/src/Result/index.less
index 00c958793c541ca8e5ca4c6cba0aceda83d23dc3..f1944ca33d63c28926e16db403e0e6d74d9bffbb 100644
--- a/ResultFail/src/Result/index.less
+++ b/ResultFail/src/Result/index.less
@@ -40,7 +40,7 @@
   .extra {
     padding: 24px 40px;
     text-align: left;
-    background: #fafafa;
+    background: @background-color-light;
     border-radius: @border-radius-sm;
 
     @media screen and (max-width: @screen-xs) {
diff --git a/ResultFail/src/index.less b/ResultFail/src/index.less
index c594abfd9a09ce98839f6e44025344e43c8f5332..c219f2909b062f44f8998f62836d9c65d678127b 100644
--- a/ResultFail/src/index.less
+++ b/ResultFail/src/index.less
@@ -3,3 +3,9 @@
 .error_icon {
   color: @highlight-color;
 }
+.title {
+  margin-bottom: 16px;
+  color: @heading-color;
+  font-weight: 500;
+  font-size: 16px;
+}
diff --git a/ResultFail/src/index.tsx b/ResultFail/src/index.tsx
index b4be70613471034d192b0cf310013dce9ba39804..d0d38363346b8199840f5e5c0f512f2673d4c2f3 100644
--- a/ResultFail/src/index.tsx
+++ b/ResultFail/src/index.tsx
@@ -1,20 +1,13 @@
 import React, { Fragment } from 'react';
 import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
 import { Button, Icon, Card } from 'antd';
-import Result from './Result';
 import { GridContent } from '@ant-design/pro-layout';
+import Result from './Result';
 import styles from './index.less';
 
 const extra = (
   <Fragment>
-    <div
-      style={{
-        fontSize: 16,
-        color: 'rgba(0, 0, 0, 0.85)',
-        fontWeight: 500,
-        marginBottom: 16,
-      }}
-    >
+    <div className={styles.title}>
       <FormattedMessage
         id="BLOCK_NAME.error.hint-title"
         defaultMessage="The content you submitted has the following error:"
@@ -32,11 +25,7 @@ const extra = (
       </a>
     </div>
     <div>
-      <Icon
-        style={{ color: '#f5222d', marginRight: 8 }}
-        className={styles.error_icon}
-        type="close-circle-o"
-      />
+      <Icon style={{ marginRight: 8 }} className={styles.error_icon} type="close-circle-o" />
       <FormattedMessage
         id="BLOCK_NAME.error.hint-text2"
         defaultMessage="Your account is not yet eligible to apply"
diff --git a/ResultSuccess/src/Result/index.less b/ResultSuccess/src/Result/index.less
index 00c958793c541ca8e5ca4c6cba0aceda83d23dc3..f1944ca33d63c28926e16db403e0e6d74d9bffbb 100644
--- a/ResultSuccess/src/Result/index.less
+++ b/ResultSuccess/src/Result/index.less
@@ -40,7 +40,7 @@
   .extra {
     padding: 24px 40px;
     text-align: left;
-    background: #fafafa;
+    background: @background-color-light;
     border-radius: @border-radius-sm;
 
     @media screen and (max-width: @screen-xs) {
diff --git a/ResultSuccess/src/index.less b/ResultSuccess/src/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..3610827ec0182bca6c32d3a20c315e6fe6ea7295
--- /dev/null
+++ b/ResultSuccess/src/index.less
@@ -0,0 +1,16 @@
+@import '~antd/lib/style/themes/default.less';
+
+.title {
+  position: relative;
+  left: 42px;
+  color: @text-color;
+  font-size: 12px;
+  text-align: left;
+}
+
+.head-title {
+  margin-bottom: 20px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500px;
+  font-size: 16px;
+}
diff --git a/ResultSuccess/src/index.tsx b/ResultSuccess/src/index.tsx
index 64dca84d11361b7799ce5792f6d415a8f9175918..4a45c2cdacff6bc45e95cafdfa81d27b660d8639 100644
--- a/ResultSuccess/src/index.tsx
+++ b/ResultSuccess/src/index.tsx
@@ -3,22 +3,15 @@ import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
 import { Button, Row, Col, Icon, Steps, Card } from 'antd';
 import Result from './Result';
 import { GridContent } from '@ant-design/pro-layout';
+import styles from './index.less';
 
 const { Step } = Steps;
 
 const desc1 = (
-  <div
-    style={{
-      fontSize: 12,
-      color: 'rgba(0, 0, 0, 0.45)',
-      position: 'relative',
-      left: 42,
-      textAlign: 'left',
-    }}
-  >
+  <div className={styles.title}>
     <div style={{ margin: '8px 0 4px' }}>
       <FormattedMessage id="BLOCK_NAME.success.step1-operator" defaultMessage="Qu Lili" />
-      <Icon style={{ marginLeft: 8 }} type="dingding-o" />
+      <Icon style={{ marginLeft: 8, color: '#00A0E9' }} type="dingding-o" />
     </div>
     <div>2016-12-12 12:32</div>
   </div>
@@ -40,31 +33,24 @@ const desc2 = (
 
 const extra = (
   <Fragment>
-    <div
-      style={{
-        fontSize: 16,
-        color: 'rgba(0, 0, 0, 0.85)',
-        fontWeight: 500,
-        marginBottom: 20,
-      }}
-    >
+    <div className={styles['head-title']}>
       <FormattedMessage id="BLOCK_NAME.success.operate-title" defaultMessage="Project Name" />
     </div>
     <Row style={{ marginBottom: 16 }}>
       <Col xs={24} sm={12} md={12} lg={12} xl={6}>
-        <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
+        <span>
           <FormattedMessage id="BLOCK_NAME.success.operate-id" defaultMessage="Project ID：" />
         </span>
         23421
       </Col>
       <Col xs={24} sm={12} md={12} lg={12} xl={6}>
-        <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
+        <span>
           <FormattedMessage id="BLOCK_NAME.success.principal" defaultMessage="Principal：" />
         </span>
         <FormattedMessage id="BLOCK_NAME.success.step1-operator" defaultMessage="Qu Lili" />
       </Col>
       <Col xs={24} sm={24} md={24} lg={24} xl={12}>
-        <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
+        <span>
           <FormattedMessage
             id="BLOCK_NAME.success.operate-time"
             defaultMessage="Effective time："
diff --git a/UserRegisterResult/src/Result/index.less b/UserRegisterResult/src/Result/index.less
index 00c958793c541ca8e5ca4c6cba0aceda83d23dc3..f1944ca33d63c28926e16db403e0e6d74d9bffbb 100644
--- a/UserRegisterResult/src/Result/index.less
+++ b/UserRegisterResult/src/Result/index.less
@@ -40,7 +40,7 @@
   .extra {
     padding: 24px 40px;
     text-align: left;
-    background: #fafafa;
+    background: @background-color-light;
     border-radius: @border-radius-sm;
 
     @media screen and (max-width: @screen-xs) {
diff --git a/package.json b/package.json
index 24495c3f2a5c1624f20473a0d713d0b5f586c33b..b3228ee66c88d7bd3d46a7541ed232b2c9780945 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "scripts": {
-    "dev": "cross-env PAGES_PATH='ProfileAdvanced/src' umi dev",
+    "dev": "cross-env PAGES_PATH='ResultSuccess/src' umi dev",
     "lint": "npm run lint:ts && npm run lint:style && npm run lint:prettier",
     "lint-staged": "lint-staged",
     "lint-staged:ts": "tslint",