diff --git a/src/components/entities/EntityList.vue b/src/components/entities/EntityList.vue
index db393b4d..5c575e5a 100644
--- a/src/components/entities/EntityList.vue
+++ b/src/components/entities/EntityList.vue
@@ -3,68 +3,92 @@
     <div class="entity-list__content">
       <div class="cn-entity" v-for="d in listData" :key="d.id">
         <div class="cn-entity__header">
-          <div class="header__icon"><i :class="iconClass"></i></div>
           <div class="header__content" :title="d.ip||d.domainName||d.appName">
-            <template v-if="from === 'ip'">{{d.ip || 'Unknown'}}</template>
-            <template v-else-if="from === 'domain'">{{d.domainName || 'Unknown'}}</template>
-            <template v-else-if="from === 'app'">{{d.appName || 'Unknown'}}</template>
-          </div>
-        </div>
-        <div class="cn-entity__body" style="position: relative;">
-          <div class="content__desc" v-if="from !== 'ip'" style="color: #999999; width: 200px; position: absolute; top: 33px;right: -9px ;font-size: 12px;">
-            <template v-if="from === 'domain'">
-              <span class="desc__label">{{$t('entities.reputationLevel')}}:</span>
-              <span>{{d.reputationLevel || '-'}}</span>
+            <div class="header__icon"><i :class="iconClass"></i></div>
+            <template v-if="from === 'ip'">
+              <div class="content__name"  style="top:31px;">
+                {{d.ip || 'Unknown'}}
+              </div>
+            </template>
+            <template v-else-if="from === 'domain'">
+              <div class="content__name" >
+                {{d.domainName || 'Unknown'}}
+              </div>
+              <div class="content__desc" >
+                <span class="desc__label">{{$t('entities.reputationLevel')}}:</span>
+                <span>{{d.reputationLevel || '-'}}</span>
+              </div>
             </template>
             <template v-else-if="from === 'app'">
-              <span class="desc__label">{{$t('entities.risk')}}:</span>
-              <span>{{d.appRisk || '-'}}</span>
+              <div class="content__name" >
+                {{d.appName || 'Unknown'}}
+              </div>
+              <div class="content__desc" >
+                <span class="desc__label">{{$t('entities.risk')}}:</span>
+                <span>{{d.appRisk || '-'}}</span>
+              </div>
             </template>
           </div>
+          <div class="header__bottom__line" ></div>
+        </div>
+        <div class="cn-entity__body" >
           <template v-if="from === 'ip'">
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-category"></i>&nbsp;{{$t('overall.country')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-country" ></i>{{$t('overall.country')}}：</span>
               <div class="body__row-value" :title="d.country">{{d.country || '-'}}</div>
             </div>
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-position"></i>&nbsp;{{$t('overall.region')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-position"></i>{{$t('overall.region')}}：</span>
               <div class="body__row-value" :title="d.region">{{d.region || '-'}}</div>
             </div>
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-cloud"></i>&nbsp;{{$t('entities.asn')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-cloud"></i>{{$t('entities.asn')}}：</span>
               <div class="body__row-value" :title="d.asn">{{d.asn || '-'}}</div>
             </div>
+            <!-- 吞吐量-->
+
+            <div class="entity-statics-down" style=" "><i class="cn-icon cn-icon-fall entity-statics-icon" style=""></i>22 bps</div>
+            <div class="entity-statics-up" ><i class="cn-icon cn-icon-rise" style=""></i>0 bps</div>
             <div class="body__detail"
-                 @click="entityDetail({ip: d.ip, type: 4})">{{$t('overall.detail')}}></div>
+                   @click="entityDetail({ip: d.ip, type: 4})">{{$t('overall.detail')}}></div>
+
           </template>
           <template v-else-if="from === 'domain'">
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-category"></i>&nbsp;{{$t('entities.Group')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-category"></i>{{$t('entities.Group')}}：</span>
               <div class="body__row-value" :title="d.categoryGroup">{{d.categoryGroup || '-'}}</div>
             </div>
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-sub-category"></i>&nbsp;{{$t('entities.categoryName')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-sub-category"></i>{{$t('entities.categoryName')}}：</span>
               <div class="body__row-value" :title="d.categoryName">{{d.categoryName || '-'}}</div>
             </div>
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-risk"></i>&nbsp;{{$t('entities.credit')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-credit"></i>{{$t('entities.credit')}}：</span>
               <div class="body__row-value" :title="d.reputationScore">{{d.reputationScore || '-'}}</div>
             </div>
+            <!-- 吞吐量-->
+
+            <div class="entity-statics-down" style=" "><i class="cn-icon cn-icon-fall entity-statics-icon" style=""></i>22 bps</div>
+            <div class="entity-statics-up" ><i class="cn-icon cn-icon-rise" style=""></i>0 bps</div>
             <div class="body__detail" @click="entityDetail({domain: d.domainName, type: 5})">{{$t('overall.detail')}}></div>
           </template>
           <template v-else-if="from === 'app'">
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-risk"></i>&nbsp;APP ID:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-id"></i>APP ID：</span>
               <div class="body__row-value" :title="d.appId">{{d.appId || '-'}}</div>
             </div>
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-risk"></i>&nbsp;{{$t('entities.category')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-category"></i>{{$t('entities.category')}}：</span>
               <div class="body__row-value" :title="d.appCategory">{{d.appCategory || '-'}}</div>
             </div>
             <div class="body__row">
-              <span class="body__row-label"><i class="cn-icon cn-icon-risk"></i>&nbsp;{{$t('entities.subcategory')}}:</span>
+              <span class="body__row-label"><i class="cn-icon cn-icon-sub-category"></i>{{$t('entities.subcategory')}}：</span>
               <div class="body__row-value" :title="d.appSubategory">{{d.appSubategory || '-'}}</div>
             </div>
+            <!-- 吞吐量-->
+
+            <div class="entity-statics-down" style=" "><i class="cn-icon cn-icon-fall entity-statics-icon" style=""></i>22 bps</div>
+            <div class="entity-statics-up" ><i class="cn-icon cn-icon-rise" style=""></i>0 bps</div>
             <div class="body__detail" @click="entityDetail({app: d.appName, type: 6})">{{$t('overall.detail')}}></div>
           </template>
         </div>
@@ -72,102 +96,106 @@
     </div>
     <div class="entity-list__pagination">
       <el-pagination
-          @size-change="size"
-          @prev-click="prev"
-          @next-click="next"
-          @current-change="current"
-          :currentPage="pageObj.pageNo"
-          :page-size="pageObj.pageSize"
-          :total="pageObj.total"
-          layout="total, prev, pager, next"
+              @size-change="size"
+              @prev-click="prev"
+              @next-click="next"
+              @current-change="current"
+              :currentPage="pageObj.pageNo"
+              :page-size="pageObj.pageSize"
+              :total="pageObj.total"
+              layout="total, prev, pager, next"
       ></el-pagination>
     </div>
   </div>
 </template>
 
 <script>
-export default {
-  name: 'EntityList',
-  props: {
-    listData: Array,
-    from: String,
-    pageObj: Object
-  },
-  data () {
-    return {
-      showDetail: false,
-      typeName: ''
-    }
-  },
-  computed: {
-    circleColor () {
-      let color
-      switch (this.from) {
-        case ('ip'): {
-          color = '#E8FBF9'
-          break
-        }
-        case ('domain'): {
-          color = '#EEF6FE'
-          break
-        }
-        case ('app'): {
-          color = '#FEF7E7'
-          break
-        }
-        default: break
+
+  export default {
+    name: 'EntityList',
+    props: {
+      listData: Array,
+      from: String,
+      pageObj: Object
+    },
+    components: {
+
+    },
+    data () {
+      return {
+        showDetail: false,
+        typeName: ''
       }
-      return color
     },
-    iconClass () {
-      let className
-      switch (this.from) {
-        case ('ip'): {
-          className = 'cn-icon cn-icon-ip ip-green'
-          break
+    computed: {
+      circleColor () {
+        let color
+        switch (this.from) {
+          case ('ip'): {
+            color = '#E8FBF9'
+            break
+          }
+          case ('domain'): {
+            color = '#EEF6FE'
+            break
+          }
+          case ('app'): {
+            color = '#FEF7E7'
+            break
+          }
+          default: break
         }
-        case ('domain'): {
-          className = 'cn-icon cn-icon-domain domain-blue'
-          break
+        return color
+      },
+      iconClass () {
+        let className
+        switch (this.from) {
+          case ('ip'): {
+            className = 'cn-icon cn-icon-ip ip-green'
+            break
+          }
+          case ('domain'): {
+            className = 'cn-icon cn-icon-domain domain-blue'
+            break
+          }
+          case ('app'): {
+            className = 'cn-icon cn-icon-app app-orange'
+            break
+          }
+          default: break
         }
-        case ('app'): {
-          className = 'cn-icon cn-icon-app app-orange'
-          break
-        }
-        default: break
+        return className
       }
-      return className
-    }
-  },
-  methods: {
-    size (val) {
-      this.$emit('pageSize', val)
     },
-    // 点击上一页箭头
-    prev () {
-      this.scrollbarToTop()
-    },
-    // 点击下一页箭头
-    next () {
-      this.scrollbarToTop()
-    },
-    // currentPage 改变时会触发
-    current (val) {
-      this.$emit('pageNo', val)
-      this.scrollbarToTop()
-    },
-    scrollbarToTop () {
-      this.$nextTick(() => {
-        const wraps = document.querySelectorAll('.el-table__body-wrapper')
-        wraps.scrollTop = 0
-      })
-    },
-    entityDetail (params) {
-      this.$emit('showDetail', { ...params, icon: this.iconClass })
+    methods: {
+      size (val) {
+        this.$emit('pageSize', val)
+      },
+      // 点击上一页箭头
+      prev () {
+        this.scrollbarToTop()
+      },
+      // 点击下一页箭头
+      next () {
+        this.scrollbarToTop()
+      },
+      // currentPage 改变时会触发
+      current (val) {
+        this.$emit('pageNo', val)
+        this.scrollbarToTop()
+      },
+      scrollbarToTop () {
+        this.$nextTick(() => {
+          const wraps = document.querySelectorAll('.el-table__body-wrapper')
+          wraps.scrollTop = 0
+        })
+      },
+      entityDetail (params) {
+        this.$emit('showDetail', { ...params, icon: this.iconClass })
+      }
     }
   }
-}
 </script>
 
 <style>
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/entities/entities.scss b/src/components/entities/entities.scss
index 1f9678bd..4bd63240 100644
--- a/src/components/entities/entities.scss
+++ b/src/components/entities/entities.scss
@@ -34,7 +34,7 @@
           color: #ffffff !important;
         }
         .cn-entity__header{
-          background: #8FA1BE;
+          background: #FFFFFF;
         }
         .header__icon{
           background: #8FA1BE;
@@ -44,76 +44,141 @@
       .cn-entity {
         box-sizing: border-box;
         margin: 0 10px 30px;
-        width: 240px;
-        height: 315px;
+        width: 328px;
+        height: 329px;
         background: #FFFFFF;
         border-radius: 2px;
         transition: all .2s;
 
         &:hover .cn-entity__header .header__content {
-          color: white;
+
         }
         .cn-entity__header {
           position: relative;
-          background-color: #E1E6ED;
+          background-color: #FFFFFF;
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 20px;
-          width: 240px;
-          height: 96.61px;
+          width: 328px;
+          height: 89px;
           box-sizing: border-box;
           transition: all .2s;
 
+          .header__bottom__line {
+            width:288px;
+            height:1px;
+            border-top:solid 1px #eff2f5;
+            position: absolute;
+            top: 88px;
+          }
+
           .header__icon {
             overflow: hidden;
             position: absolute;
-            bottom: -26px;
-            right: 102px;
+            top: 20px;
+            left: 20px;
             display: flex;
             justify-content: center;
             justify-items: center;
             align-items: center;
-            width: 44px;
-            height: 44px;
+            width: 52px;
+            height: 52px;
             border-radius: 50%;
-            background: #B8C1D1;
-            border: 2px solid #FFFFFF;
+            background: #e8fbf9;
+            border: 2px solid #e8fbf9;
 
             i {
-              font-size: 20px;
-              color: #ffffff;
+              font-size: 22px;
+              color: #23bf9a;
             }
           }
           .header__content {
-            font-size: 20px;
-            color: #828790;
+            font-size: 22px;
+            color: #333333;
+            font-family: PingFangSC-Medium;
+            font-weight: 500;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
+
+            .content__desc{
+              color: #999999;
+              width: 200px;
+              font-size: 12px;
+              margin-top: 3px;
+              position: absolute;
+              top: 50px;
+              left: 82px;
+            }
+
+            .content__name {
+              position: absolute;
+              top: 21px;
+              left: 82px;
+            }
           }
         }
         .cn-entity__body {
           overflow: hidden;
-          padding-top:65px;
+          padding-top:10px;
           font-size: 14px;
+          position: relative;
+          height:240px;
+
+          .entity-statics-down{
+            position: absolute;
+            bottom: 20px;
+            left: 30px;
+            font-family: PingFangSC-Medium;
+            font-size: 14px;
+            color: #666666;
+            font-weight: 500;
+            margin-right:24px;
+            i {
+              color:#5881B7;
+              font-size:14px;
+              margin-right:6px;
+            }
+          }
+
+          .entity-statics-up{
+            position: absolute;
+            bottom: 20px;
+            left: 112px;
+            font-family: PingFangSC-Medium;
+            font-size: 14px;
+            color: #666666;
+            font-weight: 500;
+            i {
+              color:#62B16C;
+              font-size:14px;
+              margin-right:6px;
+            }
+
+          }
           .body__row {
             display: flex;
             align-items: center;
-            margin: 0 20px;
-            border-bottom: 1px solid #EFF2F5;
+            margin: 0 30px;
             color: #666666;
-            padding: 7px 0;
-            justify-content: center;
+            padding: 5px 0;
+            justify-content: left;
           }
 
           .body__row-label {
-            padding-right: 10px;
+            padding-right: 0px;
             color: #999999;
             font-size: 14px;
             font-weight: 400;
             white-space: nowrap;
-
+            font-family: PingFangSC-Regular;
+            line-height: 16px;
+            i {
+              font-size: 13px;
+              color:#8FA1BE;
+              margin-right: 9px;
+            }
           }
           .body__row-value {
             width: calc(100% - 69px);
@@ -126,13 +191,17 @@
             font-weight: 400;
           }
           .body__detail {
-            padding: 9px 0 0 156px;
+            padding: 9px 0 0 30px;
             cursor: pointer;
-            font-family: Roboto-Regular;
+            font-family: PingFangSC-Regular;
             font-size: 14px;
             color: #8FA1BE;
             font-weight: 400;
 
+            position: absolute;
+            bottom: 20px;
+            right: 30px;
+
           }
         }
       }