diff --git a/src/views/Index.vue b/src/views/Index.vue
index dc456b51..866e2d60 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -47,7 +47,7 @@
       <div class="modules xcontent2">
         <div class="xcontent2-main">
           <!--内容块-->
-          <div class="modules-title">
+          <div class="modules-title" >
             <span class="modules-text">推荐课程</span>
             <span class="quyer-tag">
               <a :class="courseList.orderType == 2 ? 'current' : ''" @click="orderTypeFilter(2)">最热</a>
@@ -180,15 +180,18 @@
                   </p>
                 </div>
                 <div class="case-inter">
-                  <div>
-                    <authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name"
+                    <div class="case-inter-box">
+                      <div class="case-inter-left">
+                         <authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name"
                       :sex="ca.authorInfo.sex"></authorInfo>
-                  </div>
-                  <div class="interact-bar-index"
+                      </div>
+                      <div class="interact-bar-index"
                     style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;">
                     <interactBar :type="3" :readonly="true" :comments="false" :praises="false" :favorites="false"
                       :data="ca" :shares="false" :views="true"></interactBar>人观看
                   </div>
+                  </div>
+                 
                   <!-- -->
                 </div>
               </div>
@@ -212,7 +215,7 @@
       <!-- 推荐文章 -->
       <div class="modules xcontent2">
         <div class="xcontent2-main">
-          <div class="modules-title">
+          <div class="modules-title" style="margin-top:22px">
             <span class="modules-text">推荐文章</span>
             <span class="quyer-tag">
               <a :class="articleList.orderType == 2 ? 'current' : ''" @click="changeArticleOrder(2)">最热</a>
@@ -319,7 +322,7 @@
       <div class="modules xcontent2">
         <div class="xcontent2-main">
           <!--内容块-->
-          <div class="modules-title">
+          <div class="modules-title" style="margin-top:22px">
             <span class="modules-text">推荐问答</span>
             <span class="quyer-tag">
               <a :class="qaList.orderType == 'praises' ? 'current' : ''" @click="changeQaOrder('praises')">最热</a>
@@ -545,7 +548,7 @@
 
       },
       getAnkingData() { //  文章排行榜
-        apiIndex.articleViews(7).then(res => {
+        apiIndex.articleViews(10).then(res => {
           if (res.status == 200) {
             this.ankingList = res.result;
           }
@@ -1227,13 +1230,19 @@
 
       .case-inter {
         position: absolute;
-        // left: 30px;
-        // bottom: 30px;
-        display: flex;
-        // ::v-deep .el-avatar--small{
-        //    width: 32px;
-        //    height: 32px;
-        // }
+         width: 100%;
+        .case-inter-box{
+          display: flex;
+        margin-right: 35px;
+
+      .case-inter-left{
+          flex: 1;
+        }
+        .interact-bar-index{
+          margin-left: auto;
+        }
+        }
+
       }
 
       .case-top {