diff --git a/src/views/study/Growth.vue b/src/views/study/Growth.vue
index e336ff64..5c8f0273 100644
--- a/src/views/study/Growth.vue
+++ b/src/views/study/Growth.vue
@@ -105,7 +105,10 @@
             <div class="body_schedule_two">
               <div class="body_schedule_pro">
                 <span class="pro_text">总进度</span>
-                <el-progress :stroke-width="12" :percentage="Number(((detailData.overallCompletionRate || 0)*100).toFixed(2))"></el-progress>
+                <div style="display: flex;align-items: center;">
+                  <el-progress style="width: 268px;" :show-text="false" :stroke-width="12" :percentage="Number(((detailData.overallCompletionRate || 0)*100).toFixed(2))"></el-progress>
+                  <div class="text">{{ Number(((detailData.overallCompletionRate || 0)*100).toFixed(2)) || 0 }}%</div>
+                </div>
               </div>
               <div class="body_schedule_btn" @click="startLearn">
                 <span class="body_schedule_text">{{detailData.overallCompletionRate==0?'开始学习':detailData.overallCompletionRate==1?'回顾':'继续学习'}}</span>
@@ -532,13 +535,13 @@ export default {
         margin-left: 35px;
         margin-right: 45px;
         max-width: 1260px;
-        height: 100px;
+        max-height: 100px;
         background: #F5F6F7;
         border-radius: 10px;
         padding: 22px 25px 22px 16px;
         .body_explain_text{
           max-width: 1219px;
-          height: 56px;
+          max-height: 56px;
           font-weight: 400;
           font-size: 14px;
           color: #333333;
@@ -613,12 +616,19 @@ export default {
               text-align: left;
               margin-bottom: 2px;
             }
+            .text{
+              font-weight: 400;
+              font-size: 12px;
+              color: #333333;
+              margin-left: 19px;
+            }
           }
           .body_schedule_btn{
             width: 140px;
             cursor: pointer;
             height: 40px;
             margin-left: 44px;
+            margin-top: 7px;
             background: #409EFF;
             box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34);
             border-radius: 4px;
diff --git a/src/views/study/GrowthPath.vue b/src/views/study/GrowthPath.vue
index 21714069..73cc3873 100644
--- a/src/views/study/GrowthPath.vue
+++ b/src/views/study/GrowthPath.vue
@@ -95,7 +95,7 @@
                   </div>
                 </div>  
               </div>
-              <div class="text_end">您的学习之旅已结束</div>
+              <div :style="{right:dataList.length <= 7 ?'-138px':'-63px'}" class="text_end">您的学习之旅已结束</div>
             </div>
           </div>
           <!-- <div class="footerBtn">
@@ -138,7 +138,7 @@
                   top: getPosition(item.name, index).top + 'px'
                 }" class="iconTitle" :title="item.title">{{ item.title.length>15?item.title.slice(0,15)+'...':item.title }}</div>
               </div>
-              <div class="text_end">您的学习之旅已结束</div>
+              <div :style="{right:dataList.length <= 7 ?'-138px':'-63px'}"  class="text_end">您的学习之旅已结束</div>
             </div>
           </div>
         </div>
@@ -292,163 +292,163 @@ export default {
       iconAttrs: {
         '路径图背景1': {
           positions: [
-            { left: 672, top: 355 },
+            { left: 535, top: 283 },
           ]
         },
         '路径图背景2': {
           positions: [
-            { left: 183, top: 398 },
-            { left: 857, top: 167 },
+            { left: 146, top: 317 },
+            { left: 682, top: 133 },
           ]
         },
         '路径图背景3': {
           positions: [
-            { left: 281, top: 562 },
-            { left: 573, top: 359 },
-            { left: 844, top: 152 },
+            { left: 224, top: 447 },
+            { left: 456, top: 286 },
+            { left: 672, top: 121 },
           ]
         },
         '路径图背景4': {
           positions: [
-            { left: 555, top: 577 },
-            { left: 147, top: 412 },
-            { left: 816, top: 348 },
-            { left: 994, top: 53 },
+            { left: 442, top: 459 },
+            { left: 117, top: 328 },
+            { left: 649, top: 277 },
+            { left: 791, top: 42 },
           ]
         },
         '路径图背景5': {
           positions: [
-            { left: 582, top: 580 },
-            { left: 21, top: 549 },
-            { left: 337, top: 368 },
-            { left: 902, top: 333 },
-            { left: 962, top: 66 },
+            { left: 463, top: 462 },
+            { left: 17, top: 437 },
+            { left: 286, top: 293 },
+            { left: 718, top: 265 },
+            { left: 766, top: 53 },
           ]
         },
         '路径图背景6': {
           positions: [
-            { left: 612, top: 589 },
-            { left: 54, top: 558 },
-            { left: 270, top: 382 },
-            { left: 745, top: 350 },
-            { left: 1170, top: 255 },
-            { left: 1023, top: 44 },
+            { left: 487, top: 469 },
+            { left: 43, top: 444 },
+            { left: 215, top: 304 },
+            { left: 593, top: 279 },
+            { left: 931, top: 203 },
+            { left: 814, top: 35 },
           ]
         },
         '路径图背景7': {
           positions: [
-            { left: 656, top: 594 },
-            { left: 323, top: 560 },
-            { left: 118, top: 426 },
-            { left: 504, top: 360 },
-            { left: 904, top: 336 },
-            { left: 1200, top: 190 },
-            { left: 988, top: 56 },
+            { left: 521, top: 470 },
+            { left: 224, top: 447 },
+            { left: 72, top: 347 },
+            { left: 348, top: 286 },
+            { left: 690, top: 266 },
+            { left: 964, top: 170 },
+            { left: 766, top: 53 },
           ]
         },
         '路径图背景8': {
           positions: [
-          { left: 500, top: 1440 },
-            { left: 0, top: 1225 },
-            { left: 215, top: 1088 },
-            { left: 920, top: 936 },
-            { left: 1106, top: 658 },
-            { left: 520, top: 528 },
-            { left: 140, top: 286 },
-            { left: 970, top: -30 },
+          { left: 398, top: 1150 },
+            { left: 20, top: 999 },
+            { left: 140, top: 875 },
+            { left: 733, top: 745 },
+            { left: 825, top: 497 },
+            { left: 226, top: 401 },
+            { left: 200, top: 154 },
+            { left: 579, top: 14 },
           ]
         },
         '路径图背景9': {
           positions: [
-          { left: 500, top: 1440 },
-            { left: 270, top: 1380 },
-            { left: 606, top: 1000 },
-            { left: 920, top: 936 },
-            { left: 880, top: 580 },
-            { left: 168, top: 476 },
-            { left: 140, top: 286 },
-            { left: 334, top: 140 },
-            { left: 970, top: -30 },
+          { left: 398, top: 1150 },
+            { left: 159, top: 1079 },
+            { left: 140, top: 875 },
+            { left: 733, top: 745 },
+            { left: 984, top: 626 },
+            { left: 511, top: 426 },
+            { left: 79, top: 280 },
+            { left: 380, top: 64 },
+            { left: 579, top: 14 },
           ]
         },
         '路径图背景10': {
           positions: [
-          { left: 500, top: 1440 },
-            { left: 270, top: 1380 },
-            { left: 0, top: 1225 },
-            { left: 606, top: 1000 },
-            { left: 920, top: 936 },
-            { left: 880, top: 580 },
-            { left: 520, top: 528 },
-            { left: 140, top: 286 },
-            { left: 334, top: 140 },
-            { left: 970, top: -30 },
+          { left: 398, top: 1150 },
+            { left: 159, top: 1079 },
+            { left: 20, top: 999 },
+            { left: 403, top: 815 },
+            { left: 733, top: 745 },
+            { left: 825, top: 497 },
+            { left: 511, top: 426 },
+            { left: 79, top: 280 },
+            { left: 200, top: 154 },
+            { left: 579, top: 14 },
           ]
         },
         '路径图背景11': {
           positions: [
-          { left: 500, top: 1440 },
-            { left: 270, top: 1380 },
-            { left: 0, top: 1225 },
-            { left: 606, top: 1000 },
-            { left: 920, top: 936 },
-            { left: 1106, top: 658 },
-            { left: 520, top: 528 },
-            { left: 168, top: 476 },
-            { left: 140, top: 286 },
-            { left: 334, top: 140 },
-            { left: 970, top: -30 },
+          { left: 398, top: 1150 },
+            { left: 159, top: 1079 },
+            { left: 140, top: 875 },
+            { left: 403, top: 815 },
+            { left: 733, top: 745 },
+            { left: 825, top: 497 },
+            { left: 511, top: 426 },
+            { left: 79, top: 280 },
+            { left: 200, top: 154 },
+            { left: 380, top: 64 },
+            { left: 579, top: 14 },
           ]
         },
         '路径图背景12': {
           positions: [
-          { left: 500, top: 1440 },
-            { left: 270, top: 1380 },
-            { left: 0, top: 1225 },
-            { left: 215, top: 1088 },
-            { left: 606, top: 1000 },
-            { left: 920, top: 936 },
-            { left: 1106, top: 658 },
-            { left: 520, top: 528 },
-            { left: 168, top: 476 },
-            { left: 140, top: 286 },
-            { left: 334, top: 140 },
-            { left: 970, top: -30 },
+          { left: 398, top: 1150 },
+            { left: 159, top: 1079 },
+            { left: 20, top: 999 },
+            { left: 403, top: 815 },
+            { left: 733, top: 745 },
+            { left: 984, top: 626 },
+            { left: 825, top: 497 },
+            { left: 511, top: 426 },
+            { left: 79, top: 280 },
+            { left: 200, top: 154 },
+            { left: 380, top: 64 },
+            { left: 579, top: 14 },
           ]
         },
         '路径图背景13': {
           positions: [
-          { left: 500, top: 1440 },
-            { left: 270, top: 1380 },
-            { left: 0, top: 1225 },
-            { left: 215, top: 1088 },
-            { left: 606, top: 1000 },
-            { left: 920, top: 936 },
-            { left: 1106, top: 658 },
-            { left: 880, top: 580 },
-            { left: 520, top: 528 },
-            { left: 168, top: 476 },
-            { left: 140, top: 286 },
-            { left: 334, top: 140 },
-            { left: 970, top: -30 },
+          { left: 398, top: 1150 },
+            { left: 159, top: 1079 },
+            { left: 20, top: 999 },
+            { left: 140, top: 875 },
+            { left: 403, top: 815 },
+            { left: 733, top: 745 },
+            { left: 984, top: 626 },
+            { left: 511, top: 426 },
+            { left: 226, top: 401 },
+            { left: 79, top: 280 },
+            { left: 200, top: 154 },
+            { left: 380, top: 64 },
+            { left: 579, top: 14 },
           ]
         },
         '路径图背景14': {
           positions: [
-            { left: 500, top: 1440 },
-            { left: 270, top: 1380 },
-            { left: 0, top: 1225 },
-            { left: 215, top: 1088 },
-            { left: 606, top: 1000 },
-            { left: 920, top: 936 },
-            { left: 1106, top: 658 },
-            { left: 880, top: 580 },
-            { left: 520, top: 528 },
-            { left: 168, top: 476 },
-            { left: 140, top: 286 },
-            { left: 334, top: 140 },
-            { left: 592, top: 38 },
-            { left: 970, top: -30 },
+            { left: 398, top: 1150 },
+            { left: 159, top: 1079 },
+            { left: 20, top: 999 },
+            { left: 140, top: 875 },
+            { left: 403, top: 815 },
+            { left: 733, top: 745 },
+            { left: 984, top: 626 },
+            { left: 825, top: 497 },
+            { left: 511, top: 426 },
+            { left: 226, top: 401 },
+            { left: 79, top: 280 },
+            { left: 200, top: 154 },
+            { left: 380, top: 64 },
+            { left: 579, top: 14 },
           ]
         }
       },
@@ -1068,8 +1068,8 @@ export default {
 }
 .text_end{
   position: absolute;
-  right: 69px;
-  top: 17px;
+  // right: -138px;
+  top: 8px;
   font-weight: 400;
   font-size: 16px;
   color: #387DF7;
@@ -1082,7 +1082,7 @@ export default {
   height: 100vh;
 
   .pathdetails {
-    padding: 30px;
+    padding: 30px 75px;
     display: flex;
     flex-direction: column;
 
@@ -1147,29 +1147,31 @@ export default {
         justify-content: center;
 
         .detailbgc {
-          width: 1380px;
-          height: 699px;
-          min-width: 1380px;
+          // width: 1380px;
+          min-height: 556px;
+          margin: 51px 172px 47px 107px;
+          min-width: 1098px;
           position: relative;
           background-image: url('../../assets/images/growth/firstRoadmap.png');
           background-repeat: no-repeat;
-
+          background-size: 100%;
           &::before {
             content: '';
             position: absolute;
-            bottom: -4px;
-            left: 737px;
+            bottom: -6px;
+            left: 586px;
             background-image: url('../../assets/images/growth/begin.png');
             background-repeat: no-repeat;
-            width: 190px;
-            height: 55px;
+            background-size: 100%;
+            width: 151px;
+            height: 43px;
             z-index: 1000;
           }
           &::after {
             content: '';
             position: absolute;
             top: -2px;
-            right: 14px;
+            right: 11px;
             background-image: url('../../assets/images/growth/plane.png');
             background-repeat: no-repeat;
             background-size: 100%;
@@ -1180,29 +1182,31 @@ export default {
         }
 
         .detailAllbgc {
-          width: 1380px;
-          height: 1590px;
-          min-width: 1380px;
+          // width: 1380px;
+          margin: 70px 251px 9px 103px;
+          min-height: 1265px;
+          min-width: 1023px;
           position: relative;
           background-image: url('../../assets/images/growth/roadmap.png');
           background-repeat: no-repeat;
-
+          background-size: 100%;
           &::before {
             content: '';
             position: absolute;
             bottom: 10px;
-            left: 750px;
+            left: 558px;
             background-image: url('../../assets/images/growth/begin.png');
             background-repeat: no-repeat;
-            width: 190px;
-            height: 55px;
+            background-size: 100%;
+            width: 151px;
+            height: 43px;
             z-index: 1000;
           }
           &::after {
             content: '';
             position: absolute;
-            top: -6px;
-            right: 218px;
+            top: -5px;
+            right: 89px;
             background-image: url('../../assets/images/growth/plane.png');
             background-repeat: no-repeat;
             background-size: 100%;