diff --git a/mock/api.js b/mock/api.js
index e53d1824d4b7a327c74ceb8884a6c4aaa517e7ec..654530bf5e363494c32e21832af5bdd5b9e524d5 100644
--- a/mock/api.js
+++ b/mock/api.js
@@ -18,10 +18,10 @@ export function fakeList(count) {
     'https://gw.alipayobjects.com/zos/rmsportal/VcmdbCBcwPTGYgbYeMzX.png', // DesignLab
   ];
   const covers = [
-    'https://gw.alipayobjects.com/zos/rmsportal/nQIAJyTLNeVJfUpTskWk.png',
-    'https://gw.alipayobjects.com/zos/rmsportal/pnhtvpOTzypPvmHVrfKN.png',
-    'https://gw.alipayobjects.com/zos/rmsportal/SVrKVZEFDnhDTNpkplZj.png',
-    'https://gw.alipayobjects.com/zos/rmsportal/bUIOUkPTHgfGdDhgsAgE.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/HrxcVbrKnCJOZvtzSqjN.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/alaPpKWajEbIYEUvvVNf.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/RLwlKSYGSXGHuWSojyvp.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png',
   ];
 
   const list = [];
@@ -31,7 +31,7 @@ export function fakeList(count) {
       owner: '曲丽丽',
       title: titles[i % 8],
       avatar: avatars[i % 4],
-      cover: covers[i % 4],
+      cover: Math.floor(i / 4) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
       status: ['active', 'exception', 'normal'][i % 3],
       percent: Math.ceil(Math.random() * 50) + 50,
       logo: ['https://gw.alipayobjects.com/zos/rmsportal/KoJjkdbuTFxzJmmjuDVR.png', 'https://gw.alipayobjects.com/zos/rmsportal/UxGORCvEXJEsxOfEKZiA.png'][i % 2],
diff --git a/src/components/AvatarList/index.js b/src/components/AvatarList/index.js
index 7ae1857786f3b00a5db95b4dfd4d9f61004faf5e..fcd0f020745e9f288a9b5b350f7bfa75ce038a26 100644
--- a/src/components/AvatarList/index.js
+++ b/src/components/AvatarList/index.js
@@ -22,6 +22,7 @@ const Item = ({ src, size, tips, onClick = (() => {}) }) => {
   const cls = classNames(styles.avatarItem, {
     [styles.avatarItemLarge]: size === 'large',
     [styles.avatarItemSmall]: size === 'small',
+    [styles.avatarItemMini]: size === 'mini',
   });
 
   return (
diff --git a/src/components/AvatarList/index.less b/src/components/AvatarList/index.less
index 531e673d3cdb2d40c03c9dea2cf299b8152298e5..6330297e8005a4f5576e9ed5bf0b57b439bf2803 100644
--- a/src/components/AvatarList/index.less
+++ b/src/components/AvatarList/index.less
@@ -27,3 +27,15 @@
   width: @avatar-size-sm;
   height: @avatar-size-sm;
 }
+
+.avatarItemMini {
+  width: 20px;
+  height: 20px;
+  :global {
+    .ant-avatar {
+      width: 20px;
+      height: 20px;
+      line-height: 20px;
+    }
+  }
+}
diff --git a/src/components/Charts/Bar/index.js b/src/components/Charts/Bar/index.js
index eaa57739982ca272a079b96c10546930c28b2a4e..d6cb8e076767d20268b94a65924c34aa78bffe2c 100644
--- a/src/components/Charts/Bar/index.js
+++ b/src/components/Charts/Bar/index.js
@@ -72,7 +72,9 @@ class Bar extends PureComponent {
         name: 'x',
       },
     });
-    chart.interval().position('x*y').color(color);
+    chart.interval().position('x*y').color(color).style({
+      fillOpacity: 1,
+    });
     chart.render();
 
     this.chart = chart;
diff --git a/src/components/Charts/ChartCard/index.less b/src/components/Charts/ChartCard/index.less
index d204e63a1e0a2034e13e26d09b821ef18d8f0bea..59d4eb5bec605d3f1f8d72bdafd5f4261b37858a 100644
--- a/src/components/Charts/ChartCard/index.less
+++ b/src/components/Charts/ChartCard/index.less
@@ -19,7 +19,7 @@
   .total {
     .textOverflow();
     color: @heading-color;
-    margin-top: 8px;
+    margin-top: 4px;
     font-size: 30px;
     line-height: 38px;
     height: 38px;
@@ -37,7 +37,8 @@
   .footer {
     border-top: 1px solid @border-color-split;
     padding-top: 8px;
-    margin-top: 11px;
+    margin-top: 20px;
+    margin-bottom: 10px;
     & > * {
       position: relative;
     }
diff --git a/src/components/Charts/Gauge/index.js b/src/components/Charts/Gauge/index.js
index c59cfee5238a5aadbc6a74c9dc9e57db7b6c5e81..50de76e880970d0b82e665e48ce942cfa2958fba 100644
--- a/src/components/Charts/Gauge/index.js
+++ b/src/components/Charts/Gauge/index.js
@@ -121,7 +121,7 @@ class Gauge extends PureComponent {
       height,
       animate: false,
       plotCfg: {
-        margin: [10, 0, 30, 0],
+        margin: [10, 10, 30, 10],
       },
     });
 
diff --git a/src/components/Charts/MiniArea/index.js b/src/components/Charts/MiniArea/index.js
index 7f67e1bfd2c5dac73ea73a4cfd73dfdf8a68c4c9..bb8b5be0d6a4704a47b38f63aa1a66e79d919c2b 100644
--- a/src/components/Charts/MiniArea/index.js
+++ b/src/components/Charts/MiniArea/index.js
@@ -85,7 +85,8 @@ class MiniArea extends PureComponent {
 
     view.source(data, dataConfig);
 
-    view.area().position('x*y').color(color).shape('smooth');
+    view.area().position('x*y').color(color).shape('smooth')
+      .style({ fillOpacity: 1 });
 
     chart.on('tooltipchange', (ev) => {
       const item = ev.items[0];
diff --git a/src/components/Charts/MiniBar/index.js b/src/components/Charts/MiniBar/index.js
index 7153cf3c475689aa3fc7865afcabc1ea15352ac3..023aff087c01113f6070484d63ef81f1f0b3f6a4 100644
--- a/src/components/Charts/MiniBar/index.js
+++ b/src/components/Charts/MiniBar/index.js
@@ -25,7 +25,7 @@ class MiniBar extends PureComponent {
   }
 
   renderChart(data) {
-    const { height = 0, fit = true, color = '#33ABFB' } = this.props;
+    const { height = 0, fit = true, color = '#1890FF' } = this.props;
 
     if (!data || (data && data.length < 1)) {
       return;
diff --git a/src/components/Charts/Pie/index.js b/src/components/Charts/Pie/index.js
index 5d068caa41dd8da32a2acdc576031a6f383a4cc2..ad180265b85761f1ac27ef92a1be4103f38dc471 100644
--- a/src/components/Charts/Pie/index.js
+++ b/src/components/Charts/Pie/index.js
@@ -59,8 +59,11 @@ class Pie extends Component {
       margin, percent, color,
       inner = 0.75,
       animate = true,
+      colors,
     } = this.props;
 
+    const defaultColors = colors || ['#8543E0', '#F04864', '#FACC14', '#1890FF', '#13C2C2', '#2FC25B'];
+
     let selected = this.props.selected || true;
     let tooltip = this.props.tooltips || true;
 
@@ -146,7 +149,11 @@ class Pie extends Component {
       inner,
     });
 
-    chart.intervalStack().position(Stat.summary.percent('y')).color('x', formatColor).selected(selected);
+    if (percent) {
+      chart.intervalStack().position(Stat.summary.percent('y')).color('x', formatColor).selected(selected);
+    } else {
+      chart.intervalStack().position(Stat.summary.percent('y')).color('x', defaultColors).selected(selected);
+    }
     chart.render();
 
     this.chart = chart;
diff --git a/src/components/Charts/Pie/index.less b/src/components/Charts/Pie/index.less
index 37392d19672b044482da3a503f59d2f804490d7c..bbfcc56da23b87c28588ef75ab9568f2cfb8538f 100644
--- a/src/components/Charts/Pie/index.less
+++ b/src/components/Charts/Pie/index.less
@@ -62,7 +62,7 @@
     & > p {
       color: @heading-color;
       display: block;
-      font-size: 24px;
+      font-size: 30px;
       height: 32px;
       line-height: 32px;
     }
diff --git a/src/components/Charts/Radar/index.less b/src/components/Charts/Radar/index.less
index 5e33468047ec35b18089a703d5632a631cbaec72..1978111f4561b4306665d657109425c3bf0602d3 100644
--- a/src/components/Charts/Radar/index.less
+++ b/src/components/Charts/Radar/index.less
@@ -12,6 +12,7 @@
       }
       h6 {
         color: @heading-color;
+        padding-left: 16px;
         font-size: 24px;
         line-height: 32px;
         margin-top: 2px;
diff --git a/src/components/Charts/TimelineChart/index.js b/src/components/Charts/TimelineChart/index.js
index 3e319aeb7757713d61945c17c64b3eda027436e3..3924012302cbf762cbbdf71a107bdd8807dd4442 100644
--- a/src/components/Charts/TimelineChart/index.js
+++ b/src/components/Charts/TimelineChart/index.js
@@ -30,7 +30,7 @@ class TimelineChart extends Component {
   }
 
   renderChart(data) {
-    const { height = 400, margin = [60, 40, 40, 40], titleMap } = this.props;
+    const { height = 400, margin = [60, 20, 40, 40], titleMap } = this.props;
 
     if (!data || (data && data.length < 1)) {
       return;
@@ -81,8 +81,8 @@ class TimelineChart extends Component {
       },
     });
 
-    chart.line().position('x*y1').color('#4FAAEB');
-    chart.line().position('x*y2').color('#9AD681');
+    chart.line().position('x*y1').color('#1890FF');
+    chart.line().position('x*y2').color('#2FC25B');
 
     this.chart = chart;
 
diff --git a/src/components/Charts/Trend/index.less b/src/components/Charts/Trend/index.less
index d383fa53a4235a1be1a2347e12174b241df3da69..8f11e0464501c6bf5d015fa24526e0ff168d36ad 100644
--- a/src/components/Charts/Trend/index.less
+++ b/src/components/Charts/Trend/index.less
@@ -23,7 +23,7 @@
     display: none;
   }
   .title {
-    margin-right: 4px;
+    margin-right: 8px;
   }
   .value {
     color: @text-color;
diff --git a/src/components/EditableLinkGroup/index.js b/src/components/EditableLinkGroup/index.js
index 68c0c42f5b394feda572aca88e6d628f652b1618..c1876ab5e611563de9da6b341af261cc1e13ec6a 100644
--- a/src/components/EditableLinkGroup/index.js
+++ b/src/components/EditableLinkGroup/index.js
@@ -30,7 +30,7 @@ class EditableLinkGroup extends PureComponent {
         }
         {
           <Button size="small" onClick={() => this.handleOnClick()}>
-            <Icon type="plus" /> 添加
+            <Icon type="plus" />添加
           </Button>
         }
       </div>
diff --git a/src/components/EditableLinkGroup/index.less b/src/components/EditableLinkGroup/index.less
index 16a3e18aeb3925391938abb817ab5bf4c71ea4e8..0d86f264a3ba1c235926ef8e87cc967484361b72 100644
--- a/src/components/EditableLinkGroup/index.less
+++ b/src/components/EditableLinkGroup/index.less
@@ -16,12 +16,13 @@
   & > button {
     border-color: @primary-color;
     color: @primary-color;
+    padding-left: 12px;
+    padding-right: 12px;
     i {
       position: relative;
       top: -1px;
     }
     span {
-      margin-left: 0 !important;
       position: relative;
       top: -1px;
     }
diff --git a/src/components/StandardTable/index.js b/src/components/StandardTable/index.js
index 80979b75699831de17b154d638d67267f8e1084a..f117da239a45cbc1717b8223e5d1962acc3e5d8f 100644
--- a/src/components/StandardTable/index.js
+++ b/src/components/StandardTable/index.js
@@ -130,7 +130,7 @@ class StandardTable extends PureComponent {
               <p>
                 已选择 <a>{selectedRowKeys.length}</a> 项&nbsp;&nbsp;
                 服务调用总计 <span style={{ fontWeight: 600 }}>{totalCallNo}</span> 万
-                <a onClick={this.cleanSelectedKeys} style={{ marginLeft: 8 }}>清空</a>
+                <a onClick={this.cleanSelectedKeys} style={{ marginLeft: 24 }}>清空</a>
               </p>
             )}
             type="info"
diff --git a/src/routes/Dashboard/Analysis.js b/src/routes/Dashboard/Analysis.js
index 4a9dca74d1fc81dd9dfeb6362803d88dbfd95867..553e1225ed04be471f50ae9b62f8a6ec8ac9f7ee 100644
--- a/src/routes/Dashboard/Analysis.js
+++ b/src/routes/Dashboard/Analysis.js
@@ -148,7 +148,7 @@ export default class Analysis extends Component {
     const activeKey = currentTabKey || (offlineData[0] && offlineData[0].name);
 
     const CustomTab = ({ data, currentTabKey: currentKey }) => (
-      <Row gutter={8} style={{ width: 138, margin: '8px 28px' }}>
+      <Row gutter={8} style={{ width: 138, margin: '8px 0' }}>
         <Col span={12}>
           <NumberInfo
             title={data.name}
@@ -186,7 +186,7 @@ export default class Analysis extends Component {
           <Col {...topColResponsiveProps}>
             <ChartCard
               bordered={false}
-              title="销售额"
+              title="总销售额"
               action={<Tooltip title="我是一段说明"><Icon type="exclamation-circle-o" /></Tooltip>}
               total={yuan(126560)}
               footer={<Field label="日均销售额" value={numeral(12423).format('0,0')} />}
@@ -208,7 +208,7 @@ export default class Analysis extends Component {
               contentHeight={46}
             >
               <MiniArea
-                color="#9f5ae0"
+                color="#975FE4"
                 height={46}
                 data={visitData}
               />
@@ -243,7 +243,7 @@ export default class Analysis extends Component {
               }
               contentHeight={46}
             >
-              <MiniProgress percent={78} strokeWidth={8} target={80} color="#5DD1DD" />
+              <MiniProgress percent={78} strokeWidth={8} target={80} color="#13C2C2" />
             </ChartCard>
           </Col>
         </Row>
@@ -255,11 +255,11 @@ export default class Analysis extends Component {
           <div className={styles.salesCard}>
             <Tabs tabBarExtraContent={salesExtra}>
               <TabPane tab="销售额" key="sales">
-                <Row gutter={72}>
+                <Row>
                   <Col xl={16} lg={12} md={12} sm={24} xs={24}>
                     <div className={styles.salesBar}>
                       <Bar
-                        height={292}
+                        height={295}
                         title="销售额趋势"
                         data={salesData}
                       />
@@ -327,7 +327,7 @@ export default class Analysis extends Component {
               <Row gutter={68}>
                 <Col sm={12} xs={24} style={{ marginBottom: 24 }}>
                   <NumberInfo
-                    subTitle={<span>搜索用户数量 <Icon style={{ marginLeft: 8 }} type="info-circle-o" /></span>}
+                    subTitle={<span>搜索用户数 <Icon style={{ marginLeft: 8 }} type="info-circle-o" /></span>}
                     total={numeral(12321).format('0,0')}
                     status="up"
                     subTotal={17.1}
@@ -397,7 +397,7 @@ export default class Analysis extends Component {
                   total={yuan(salesPieData.reduce((pre, now) => now.y + pre, 0))}
                   data={salesPieData}
                   valueFormat={val => yuan(val)}
-                  height={294}
+                  height={314}
                 />
               </div>
             </Card>
@@ -407,8 +407,8 @@ export default class Analysis extends Component {
         <Card
           className={styles.offlineCard}
           bordered={false}
-          bodyStyle={{ padding: '0 0 24px 0' }}
-          style={{ marginTop: 24 }}
+          bodyStyle={{ padding: '0 0 32px 0' }}
+          style={{ marginTop: 32 }}
         >
           <Tabs
             activeKey={activeKey}
diff --git a/src/routes/Dashboard/Analysis.less b/src/routes/Dashboard/Analysis.less
index 6b43a13705e65b690cbed4ac89625a91f9d96ce9..9ccdd3a969803fae03d930d8547a67588710a9ff 100644
--- a/src/routes/Dashboard/Analysis.less
+++ b/src/routes/Dashboard/Analysis.less
@@ -12,6 +12,7 @@
     }
   }
 }
+
 .rankingList {
   margin-top: 25px;
   li {
@@ -59,14 +60,14 @@
 
 .salesCard {
   .salesBar {
-    padding: 0 0 24px 24px;
+    padding: 0 0 32px 32px;
   }
   .salesRank {
-    padding: 0 24px 24px 0;
+    padding: 0 32px 32px 72px;
   }
   :global {
     .ant-tabs-bar {
-      padding-left: 24px;
+      padding-left: 16px;
       .ant-tabs-nav .ant-tabs-tab {
         padding-top: 16px;
         padding-bottom: 14px;
@@ -87,9 +88,11 @@
     }
   }
 }
+
 .salesCardExtra {
-  height: 88px;
+  height: 68px;
 }
+
 .salesTypeRadio {
   position: absolute;
   left: 24px;
@@ -104,6 +107,18 @@
     .ant-tabs-ink-bar {
       top: 1px;
     }
+    .ant-tabs-nav-container-scrolling {
+      padding-left: 40px;
+      padding-right: 40px;
+    }
+    .ant-tabs-tab-prev-icon:before {
+      position: relative;
+      left: 6px;
+    }
+    .ant-tabs-tab-next-icon:before {
+      position: relative;
+      right: 6px;
+    }
   }
 }
 
@@ -111,6 +126,7 @@
   .salesExtra {
     display: none;
   }
+
   .rankingList {
     li {
       span:first-child {
@@ -124,12 +140,19 @@
   .rankingTitle {
     margin-top: 16px;
   }
+
+  .salesCard {
+    .salesBar {
+      padding: 16px;
+    }
+  }
 }
 
 @media screen and (max-width: @screen-sm) {
   .salesExtraWrap {
     display: none;
   }
+
   .salesCard {
     :global {
       .ant-tabs-content {
diff --git a/src/routes/Dashboard/Monitor.js b/src/routes/Dashboard/Monitor.js
index 084ff7a6b0af4848c9059ad4cd6bf68247f35655..d185e2e373e5e44a031f3b279bc62a5c39c09bcb 100644
--- a/src/routes/Dashboard/Monitor.js
+++ b/src/routes/Dashboard/Monitor.js
@@ -39,26 +39,26 @@ export default class Monitor extends PureComponent {
           <Col xl={18} lg={24} md={24} sm={24} xs={24} style={{ marginBottom: 24 }}>
             <Card title="活动实时交易情况" bordered={false}>
               <Row>
-                <Col sm={6} xs={12}>
+                <Col md={6} sm={12} xs={24}>
                   <NumberInfo
                     subTitle="今日交易总额"
                     suffix="元"
                     total={numeral(124543233).format('0,0')}
                   />
                 </Col>
-                <Col sm={6} xs={12}>
+                <Col md={6} sm={12} xs={24}>
                   <NumberInfo
                     subTitle="销售目标完成率"
                     total="92%"
                   />
                 </Col>
-                <Col sm={6} xs={12}>
+                <Col md={6} sm={12} xs={24}>
                   <NumberInfo
                     subTitle="活动剩余时间"
                     total={<CountDown target={targetTime} />}
                   />
                 </Col>
-                <Col sm={6} xs={12}>
+                <Col md={6} sm={12} xs={24}>
                   <NumberInfo
                     subTitle="每秒交易总额"
                     suffix="元"
@@ -96,7 +96,7 @@ export default class Monitor extends PureComponent {
                       return '';
                   }
                 }}
-                title="核销率"
+                title="跳出率"
                 height={180}
                 percent={87}
               />
diff --git a/src/routes/Dashboard/Monitor.less b/src/routes/Dashboard/Monitor.less
index 686af529cd1e25abb8943a5048f24a7e6df9abe0..2b3d886e354853769b3fd5a94228774b6be2ab4e 100644
--- a/src/routes/Dashboard/Monitor.less
+++ b/src/routes/Dashboard/Monitor.less
@@ -3,7 +3,7 @@
 
 .mapChart {
   padding-top: 24px;
-  height: 450px;
+  height: 457px;
   img {
     width: 100%;
   }
diff --git a/src/routes/Dashboard/Workplace.js b/src/routes/Dashboard/Workplace.js
index 969f14cebffb2ac0d29e0890cb2f0390eb0cd5c3..20f2a33680716bb6395b8c95a9760542e6543f44 100644
--- a/src/routes/Dashboard/Workplace.js
+++ b/src/routes/Dashboard/Workplace.js
@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import moment from 'moment';
 import { connect } from 'dva';
 import { Link } from 'dva/router';
-import { Row, Col, Card, List, Avatar, Icon } from 'antd';
+import { Row, Col, Card, List, Avatar } from 'antd';
 
 import PageHeaderLayout from '../../layouts/PageHeaderLayout';
 import EditableLinkGroup from '../../components/EditableLinkGroup';
@@ -109,7 +109,7 @@ export default class Workplace extends PureComponent {
           <Avatar size="large" src="https://gw.alipayobjects.com/zos/rmsportal/XertDCubOxUvZbCdgWTW.png" />
         </div>
         <div className={styles.content}>
-          <p className={styles.contentTitle}>早安，曲丽丽，祝你开心每一天</p>
+          <p className={styles.contentTitle}>早安，曲丽丽，祝你开心每一天！</p>
           <p>交互专家 | 蚂蚁金服－某某某事业群－某某平台部－某某技术部－UED</p>
         </div>
       </div>
@@ -118,17 +118,17 @@ export default class Workplace extends PureComponent {
     const pageHeaderExtra = (
       <div className={styles.pageHeaderExtra}>
         <div>
-          <p><Icon type="appstore-o" /> 项目数</p>
+          <p>项目数</p>
           <p>56</p>
           <em />
         </div>
         <div>
-          <p><Icon type="trophy" /> 团队内排名</p>
+          <p>团队内排名</p>
           <p>8<span> / 24</span></p>
           <em />
         </div>
         <div>
-          <p><Icon type="eye-o" /> 项目访问</p>
+          <p>项目访问</p>
           <p>2,223</p>
         </div>
       </div>
@@ -181,7 +181,7 @@ export default class Workplace extends PureComponent {
               title="动态"
               loading={activitiesLoading}
             >
-              <List loading={activitiesLoading}>
+              <List loading={activitiesLoading} size="large">
                 <div className={styles.activitiesList}>
                   {
                     activitiesList.map(item => (
@@ -190,7 +190,7 @@ export default class Workplace extends PureComponent {
                           avatar={<Avatar src={item.user.avatar} />}
                           title={
                             <p>
-                              <a>{item.user.name}</a> 在 <a>xx</a> 新建了项目 <a>xxxx</a>
+                              <a style={{ fontWeight: 'bold' }}>{item.user.name}</a> 在 <a>xx</a> 新建了项目 <a>xxxx</a>
                             </p>
                           }
                           description={moment(item.updatedAt).fromNow()}
diff --git a/src/routes/Dashboard/Workplace.less b/src/routes/Dashboard/Workplace.less
index 467242f4e504fee3e0053b1de453a9e46f009a12..b9101ede51a7194b44b1a4ee144b2c1715f368ed 100644
--- a/src/routes/Dashboard/Workplace.less
+++ b/src/routes/Dashboard/Workplace.less
@@ -13,18 +13,19 @@
 .pageHeaderContent {
   display: flex;
   .avatar {
-    flex: 0 1 80px;
+    flex: 0 1 72px;
+    margin-bottom: 12px;
     & > span {
-      border-radius: 80px;
+      border-radius: 72px;
       display: block;
-      width: 80px;
-      height: 80px;
+      width: 72px;
+      height: 72px;
     }
   }
   .content {
     position: relative;
     top: 8px;
-    margin-left: 32px;
+    margin-left: 24px;
     flex: 1 1 auto;
     color: @text-color-secondary;
     .contentTitle {
@@ -38,18 +39,20 @@
 
 .pageHeaderExtra {
   .clearfix();
+  float: right;
+  margin-right: 8px;
   & > div {
-    padding: 0 24px;
+    padding: 0 32px;
     position: relative;
     float: left;
     & > p:first-child {
       color: @text-color-secondary;
       font-size: @font-size-base;
       line-height: 22px;
-      margin-bottom: 2px;
+      margin-bottom: 4px;
     }
     & > p {
-      color: @text-color;
+      color: @heading-color;
       font-size: 30px;
       line-height: 38px;
       & > span {
@@ -108,11 +111,11 @@
   :global {
     .ant-card-meta-description {
       color: @text-color-secondary;
-      font-size: 12px;
-      min-height: 36px;
+      min-height: 42px;
     }
   }
   .cardTitle {
+    font-size: 14px;
     :global {
       .ant-avatar {
         position: relative;
@@ -178,6 +181,8 @@
     margin-bottom: 0;
   }
   .pageHeaderExtra {
+    float: none;
+    margin-right: 0;
     & > div {
       padding: 0 16px;
       text-align: left;
diff --git a/src/routes/List/BasicList.js b/src/routes/List/BasicList.js
index 87c370c8036178a9a509dd236d9f2ba2957cd299..379b82696d486ca7c7a44f105e659c98fdb61490 100644
--- a/src/routes/List/BasicList.js
+++ b/src/routes/List/BasicList.js
@@ -110,16 +110,18 @@ export default class BasicList extends PureComponent {
           </Card>
 
           <Card
+            className={styles.listCard}
             bordered={false}
             title="基础列表"
             style={{ marginTop: 24 }}
-            bodyStyle={{ padding: '16px 32px 40px 32px' }}
+            bodyStyle={{ padding: '0 32px 40px 32px' }}
             extra={extraContent}
           >
             <Button type="dashed" style={{ width: '100%', marginBottom: 12 }}>
               <Icon type="plus" /> 添加
             </Button>
             <List
+              size="large"
               rowKey="id"
               loading={loading}
               pagination={paginationProps}
diff --git a/src/routes/List/BasicList.less b/src/routes/List/BasicList.less
index 5ca2fbc6d5e37d694e55e4096c40946858140114..f665005d4159660795f366986b91d6a4749d490f 100644
--- a/src/routes/List/BasicList.less
+++ b/src/routes/List/BasicList.less
@@ -8,10 +8,22 @@
     }
     .ant-card-head-title {
       line-height: 32px;
+      padding: 24px 0;
+    }
+    .ant-card-extra {
+      padding: 24px 0;
     }
     .ant-list-pagination {
       text-align: right;
     }
+    .ant-avatar-lg {
+      width: 48px;
+      height: 48px;
+      line-height: 48px;
+    }
+    .ant-list-pagination {
+      margin-top: 16px;
+    }
   }
   .headerInfo {
     position: relative;
@@ -44,7 +56,7 @@
       color: @text-color-secondary;
       display: inline-block;
       font-size: @font-size-base;
-      margin-left: 32px;
+      margin-left: 40px;
       & > span {
         line-height: 20px;
       }
@@ -83,6 +95,13 @@
         margin-left: 0;
       }
     }
+    .listCard {
+      :global {
+        .ant-card-head-title {
+          overflow: visible;
+        }
+      }
+    }
   }
 }
 
@@ -113,6 +132,14 @@
       }
     }
   }
+  .listCard {
+    :global {
+      .ant-radio-group {
+        display: block;
+        margin-bottom: 8px;
+      }
+    }
+  }
 }
 
 @media screen and (max-width: @screen-lg) and (min-width: @screen-md) {
@@ -128,3 +155,13 @@
     }
   }
 }
+
+@media screen and (max-width: @screen-xl) {
+  .standardList {
+    .listContent {
+      & > div:last-child {
+        top: 0;
+      }
+    }
+  }
+}
diff --git a/src/routes/List/CardList.less b/src/routes/List/CardList.less
index d6c3cfd8810174c1e474768267b759c1630e4f22..eede4e5f4120701a91baa05c3c6203b1eb889128 100644
--- a/src/routes/List/CardList.less
+++ b/src/routes/List/CardList.less
@@ -40,6 +40,9 @@
   margin-top: 16px;
   a {
     margin-right: 32px;
+    img {
+      width: 24px;
+    }
   }
   img {
     vertical-align: middle;
@@ -54,6 +57,11 @@
     }
   }
 }
+@media screen and (max-width: @screen-md) {
+  .extraImg {
+    display: none;
+  }
+}
 
 @media screen and (max-width: @screen-sm) {
   .pageHeaderContent {
diff --git a/src/routes/List/CoverCardList.js b/src/routes/List/CoverCardList.js
index 6d0aa290a4c8d3fbf6c244ac5086ec0ab3fb3c55..715deb5e00208da23a9fcfc3a4bd9089b7aee993 100644
--- a/src/routes/List/CoverCardList.js
+++ b/src/routes/List/CoverCardList.js
@@ -90,7 +90,7 @@ export default class CoverCardList extends PureComponent {
                 <div className={styles.cardItemContent}>
                   <span>{moment(item.updatedAt).fromNow()}</span>
                   <div className={styles.avatarList}>
-                    <AvatarList size="small">
+                    <AvatarList size="mini">
                       {
                         item.members.map((member, i) => (
                           <AvatarList.Item
@@ -153,7 +153,7 @@ export default class CoverCardList extends PureComponent {
         onTabChange={this.handleTabChange}
       >
         <div className={styles.coverCardList}>
-          <Card bordered={false} bodyStyle={{ padding: 24 }}>
+          <Card bordered={false}>
             <Form layout="inline">
               <StandardFormRow title="所属类目" block>
                 <FormItem>
diff --git a/src/routes/List/CoverCardList.less b/src/routes/List/CoverCardList.less
index c2e8841a334a772ddb68e871ed98238aee0ff4ca..d5575da13385ac7274a30151e90627f060c5d403 100644
--- a/src/routes/List/CoverCardList.less
+++ b/src/routes/List/CoverCardList.less
@@ -5,7 +5,7 @@
   margin-bottom: -24px;
   :global {
     .ant-card-meta-description {
-      font-size: 12px;
+      color: @text-color;
     }
   }
   .cardItemContent {
@@ -14,7 +14,7 @@
     line-height: 20px;
     height: 20px;
     & > span {
-      color: @disabled-color;
+      color: @text-color-secondary;
       flex: 1;
       font-size: 12px;
     }
diff --git a/src/routes/List/FilterCardList.js b/src/routes/List/FilterCardList.js
index a42ebdddf63c04322fd0050c24c37c9a1041efe8..b6a6b95d0d64a0e0cd75a253f7bfc230da2d961f 100644
--- a/src/routes/List/FilterCardList.js
+++ b/src/routes/List/FilterCardList.js
@@ -151,7 +151,7 @@ export default class FilterCardList extends PureComponent {
         onTabChange={this.handleTabChange}
       >
         <div className={styles.filterCardList}>
-          <Card bordered={false} bodyStyle={{ padding: 24 }}>
+          <Card bordered={false}>
             <Form layout="inline">
               <StandardFormRow title="所属类目" block>
                 <FormItem>
diff --git a/src/routes/List/SearchList.js b/src/routes/List/SearchList.js
index bcc02434200a77e3365a992afcea95106326bced..a37f21e82eb9247246d8a10ea165547ceaa04184 100644
--- a/src/routes/List/SearchList.js
+++ b/src/routes/List/SearchList.js
@@ -141,7 +141,7 @@ export default class SearchList extends Component {
       <div className={styles.listContent}>
         <p>{content}</p>
         <div>
-          <Avatar src={avatar} size="small" />{owner} 发布在 <a href={href}>{href}</a>
+          <Avatar src={avatar} size="small" /><a href={href}>{owner}</a> 发布在 <a href={href}>{href}</a>
           <em>{moment(updatedAt).format('YYYY-MM-DD hh:mm')}</em>
         </div>
       </div>
@@ -162,13 +162,14 @@ export default class SearchList extends Component {
     const formItemLayout = {
       wrapperCol: {
         xs: { span: 24 },
-        sm: { span: 16 },
+        sm: { span: 24 },
+        md: { span: 12 },
       },
     };
 
     const loadMore = showLoadMore ? (
       <div style={{ textAlign: 'center', marginTop: 16 }}>
-        <Button onClick={this.handleLoadMore}>
+        <Button onClick={this.handleLoadMore} style={{ paddingLeft: 48, paddingRight: 48 }}>
           {loadingMore && (<span><Icon type="loading" /> 加载中...</span>)}
           {!loadingMore && (<span>加载更多</span>)}
         </Button>
@@ -183,7 +184,7 @@ export default class SearchList extends Component {
         onTabChange={this.handleTabChange}
       >
         <div>
-          <Card bordered={false} bodyStyle={{ padding: 24 }}>
+          <Card bordered={false}>
             <Form layout="inline">
               <StandardFormRow title="所属类目" block>
                 <FormItem>
@@ -206,7 +207,7 @@ export default class SearchList extends Component {
                 grid
               >
                 <Row>
-                  <Col lg={16} md={16} sm={20} xs={20}>
+                  <Col lg={16} md={24} sm={24} xs={24}>
                     <FormItem>
                       {getFieldDecorator('owner', {
                         initialValue: ['wjh', 'zxx'],
@@ -223,7 +224,7 @@ export default class SearchList extends Component {
                           }
                         </Select>
                       )}
-                      <a onClick={this.setOwner} style={{ marginLeft: 8 }}>只看自己的</a>
+                      <a className={styles.selfTrigger} onClick={this.setOwner}>只看自己的</a>
                     </FormItem>
                   </Col>
                 </Row>
@@ -234,7 +235,7 @@ export default class SearchList extends Component {
                 last
               >
                 <Row gutter={16}>
-                  <Col lg={8} md={10} sm={10} xs={24}>
+                  <Col xl={8} lg={10} md={12} sm={24} xs={24}>
                     <FormItem
                       {...formItemLayout}
                       label="活跃用户"
@@ -250,7 +251,7 @@ export default class SearchList extends Component {
                       )}
                     </FormItem>
                   </Col>
-                  <Col lg={8} md={10} sm={10} xs={24}>
+                  <Col xl={8} lg={10} md={12} sm={24} xs={24}>
                     <FormItem
                       {...formItemLayout}
                       label="好评度"
@@ -282,6 +283,7 @@ export default class SearchList extends Component {
             bodyStyle={{ padding: '12px 24px 32px 24px' }}
           >
             <List
+              size="large"
               loading={!loadingMore && loading}
               rowKey="id"
               itemLayout="vertical"
@@ -290,11 +292,17 @@ export default class SearchList extends Component {
               renderItem={item => (
                 <List.Item
                   key={item.id}
-                  actions={[<IconText type="star-o" text={item.star} />, <IconText type="like-o" text={item.like} />, <IconText type="message" text={item.message} />]}
+                  actions={[
+                    <IconText type="star-o" text={item.star} />,
+                    <IconText type="like-o" text={item.like} />,
+                    <IconText type="message" text={item.message} />,
+                  ]}
                   extra={<div className={styles.listItemExtra} />}
                 >
                   <List.Item.Meta
-                    title={<a href={item.href}>{item.title}</a>}
+                    title={(
+                      <a className={styles.listItemMetaTitle} href={item.href}>{item.title}</a>
+                    )}
                     description={<span><Tag>Ant Design</Tag><Tag>设计语言</Tag><Tag>蚂蚁金服</Tag></span>}
                   />
                   <ListContent data={item} />
diff --git a/src/routes/List/SearchList.less b/src/routes/List/SearchList.less
index 97dd8206e9c927d255c701287f08778d48ab155e..3cb0d2816419c690352bebf2c557d957418f6812 100644
--- a/src/routes/List/SearchList.less
+++ b/src/routes/List/SearchList.less
@@ -4,6 +4,7 @@
 .listContent {
   p {
     line-height: 24px;
+    max-width: 720px;
   }
   & > div {
     color: @text-color-secondary;
@@ -15,7 +16,7 @@
     }
     & > span {
       vertical-align: top;
-      margin-right: 16px;
+      margin-right: 8px;
       width: 20px;
       height: 20px;
       & > img {
@@ -25,7 +26,7 @@
     & > em {
       color: @disabled-color;
       font-style: normal;
-      margin-left: 24px;
+      margin-left: 16px;
     }
     a {
       color: @text-color-secondary;
@@ -35,10 +36,16 @@
     }
   }
 }
+.listItemMetaTitle {
+  color: @heading-color;
+}
 .listItemExtra {
   width: 272px;
   height: 1px;
 }
+.selfTrigger {
+  margin-left: 24px;
+}
 
 @media screen and (max-width: @screen-xs) {
   .listContent {
@@ -46,6 +53,16 @@
       height: auto;
     }
   }
+  .selfTrigger {
+    display: block;
+    margin-left: 0;
+  }
+}
+@media screen and (max-width: @screen-md) {
+  .selfTrigger {
+    display: block;
+    margin-left: 0;
+  }
 }
 @media screen and (max-width: @screen-lg) {
   .listItemExtra {
diff --git a/src/routes/List/TableList.js b/src/routes/List/TableList.js
index 042e65b66112a3cf05fb5ae31a55d5ab15dac702..05a1cf184315ea8163aefa0ee4534939dc4c9073 100644
--- a/src/routes/List/TableList.js
+++ b/src/routes/List/TableList.js
@@ -157,8 +157,8 @@ export default class TableList extends PureComponent {
     const { selectedRows, modalVisible, addInputValue } = this.state;
 
     const formItemLayout = {
-      labelCol: { span: 5 },
-      wrapperCol: { span: 19 },
+      labelCol: { xs: 5, sm: 8, lg: 6, xl: 6 },
+      wrapperCol: { xs: 18, sm: 16, lg: 17, xl: 17 },
     };
 
     const menu = (
diff --git a/src/routes/List/TableList.less b/src/routes/List/TableList.less
index 0af787a6a630b358ec9536139bef57459c012d4b..21e1d93c43f56e046d9247835b7e36089a0b06dd 100644
--- a/src/routes/List/TableList.less
+++ b/src/routes/List/TableList.less
@@ -2,6 +2,12 @@
 @import "../../utils/utils.less";
 
 .tableList {
+  padding-bottom: 8px;
+  :global {
+    .ant-form-item {
+      margin-bottom: 24px;
+    }
+  }
   .tableListOperator {
     margin-bottom: 16px;
     button {
@@ -16,6 +22,12 @@
   top: 2px;
 }
 
+@media screen and (max-width: @screen-lg) {
+  .formButton {
+    margin-left: 20px;
+  }
+}
+
 @media screen and (max-width: @screen-md) {
   .formButton {
     margin-left: 0;
diff --git a/src/theme.js b/src/theme.js
index 08c3b20b30a2775b0bec609adda98a6a4876a493..9e125114128c9e5973b2b259df1c9055f4f78f78 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -1,5 +1,5 @@
 // https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
 module.exports = {
   // 'primary-color': '#10e99b',
-  'card-actions-background': '#f7f9fa',
+  'card-actions-background': '#f5f8fa',
 };
diff --git a/src/utils/utils.less b/src/utils/utils.less
index b728d9aea8bc0adc5a03850af6036a34d3afa6cc..c26d298c80538ca4b0eaeaeefe8efd47dd36c6f5 100644
--- a/src/utils/utils.less
+++ b/src/utils/utils.less
@@ -5,7 +5,7 @@
   white-space: nowrap;
 }
 
-.textOverflowMulti(@line: 3) {
+.textOverflowMulti(@line: 3, @bg: #fff) {
   overflow: hidden;
   position: relative;
   line-height: 1.5em;
@@ -14,9 +14,11 @@
   margin-right: -1em;
   padding-right: 1em;
   &:before {
+    background: @bg;
     content: '...';
+    padding: 0 1px;
     position: absolute;
-    right: 0;
+    right: 14px;
     bottom: 0;
   }
   &:after {