diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index 34542a7e..e247ec3b 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -47,7 +47,7 @@
            <div id="fixd-box">
              <el-card class="ranking-card" >
               <div slot="header">
-                <span style="font-size: 14px;font-weight: 600;color: #333333;">好评榜</span>
+                <span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
               </div>
               <div style="padding-bottom:10px">
                 <el-row class="ranking-title">
@@ -95,7 +95,7 @@
              <div style="height: 10px;"></div>
               <el-card class="ranking-card" >
               <div slot="header">
-                <span style="font-size: 14px;font-weight: 600;color: #333333;">热度榜</span>
+                <span style="font-size: 14px;font-weight: 600;color: #333333;">好评榜</span>
               </div>
               <div style="padding-bottom:10px">
                 <el-row class="ranking-title">
diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index 3bd5d516..aa140d6d 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -65,22 +65,29 @@
                 </el-button>
               </div>
             </el-row>
-            <el-row class="order-div">
+
+
+
+            <el-row style="height:30px;background-color:#f6f7fc;" >
+
+            </el-row>
+            
+            <el-row class="order-div"  style="border: 1px solid #EBEEF5;border-bottom:none">
               <span class="quyer-tag">
                 <el-button type="text" class="order-class" @click="searchData('comments')" :class="{ actice: queryCondition.orderField == 'comments' }">最热</el-button>
                 <el-button type="text" class="order-class" @click="searchData('')" :class="{ actice: queryCondition.orderField == '' }">最新</el-button>
                 <!-- <el-button type="text" class="order-class" @click="queryCondition.breCommend = queryCondition.breCommend == ture ? true : null" :class="{ actice: queryCondition.breCommend == true }">组织推荐</el-button> -->
               </span>
             </el-row>
-            <el-row class="data-content">
+            <el-row class="data-content" style="border: 1px solid #EBEEF5;border-top:none">
               <el-col :span="24" v-for="item in caseList.list" :key="item.id" class="case-list">
                 <div class="case-info">
                   <div class="case-info">
                     <div class="case-info-title">
                       <router-link :to="'/case/detail?id='+item.id">
                         <!-- <span v-if="i % 2 == 0" style="color:red;margin-right:5px">[组织推荐]</span> -->
-             <div>
-                <span class="" v-html="item.title"></span>
+               <div class="case-titdiv">
+                <span class="case-tittext" v-html="item.title"></span>
                  <div class="case-info-date">
                          <i class="el-icon-time"></i>
                          <time-show :time="item.sysCreateTime"></time-show>
@@ -160,7 +167,7 @@
                 <div style="height: 10px;"></div>
               <el-card class="ranking-card" >
               <div slot="header">
-                <span style="font-size: 14px;font-weight: 600;color: #333333;">好评榜</span>
+                <span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
               </div>
               <div style="padding-bottom:10px">
                 <el-row class="ranking-title">
@@ -184,7 +191,7 @@
              <div style="height: 10px;"></div>
               <el-card class="ranking-card" >
               <div slot="header">
-                <span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
+                <span style="font-size: 14px;font-weight: 600;color: #333333;">好评榜</span>
               </div>
               <div style="padding-bottom:10px">
                 <el-row class="ranking-title">
@@ -619,6 +626,20 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.case-titdiv{
+  line-height: 25px;
+  display: flex;
+  .case-tittext{
+    width: 80%;
+  display: -webkit-box;
+    overflow: hidden;
+    word-break: break-all;
+    text-overflow: ellipsis;
+     -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  box-sizing: border-box;
+  }
+}
  ::v-deep .interact-bar .interact-bar-btns .interact-bar-btn{
   margin-left: 0;
   margin-right:20px;
@@ -628,8 +649,8 @@ export default {
   span{
     line-height: 30px;
     font-size:12px;
-    color: #B3BDC4;
-    border: 1px solid #B3BDC4;
+    color: #9c9c9c;
+    border: 1px solid #c2c3c8;
     padding: 2px 5px;
     border-radius: 2px;
     margin-right: 8px;
@@ -813,9 +834,10 @@ export default {
           font-weight: 600;
           height: 30px;
           .case-info-date {
+            flex: 1;
+            text-align: right;
             font-size: 12px;
             height: 30px;
-            float: right;
             font-weight: 200;
             color: #8590a6;
             i {