diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue
index c3392889..a95676c1 100644
--- a/src/views/portal/course/qualityCourse.vue
+++ b/src/views/portal/course/qualityCourse.vue
@@ -55,26 +55,30 @@
           <!-- 内容导航 -->
           <div class="topNav" v-if="!newData" style="display: flex; flex-direction: row;background-color:#fff;">
             <div class="search-div nav" style="flex: 1;height: auto;">
-              <div class="nav-primary" >
-                <div @click="handleTypeClick(ctypeList[0], ctypeList)" class="option-item"
-                     :class="{ 'option-active': ctypeList[0].checked }">
-                  <a>全部</a>
-                  <span :class="ctypeList[0].checked ? 'nav-bottbor' : ''"></span>
+              <!-- 修改后 -->
+              <div class="nav-primary" style="display: flex; justify-content: space-between; align-items: center;">
+                <div style="display: flex;">
+                  <div @click="handleTypeClick(ctypeList[0], ctypeList)" class="option-item"
+                       :class="{ 'option-active': ctypeList[0].checked }">
+                    <a>全部</a>
+                    <span :class="ctypeList[0].checked ? 'nav-bottbor' : ''"></span>
+                  </div>
+
+                  <div @click="handleTypeClick(ctypeList[1], ctypeList)" class="option-item"
+                       :class="{ 'option-active': ctypeList[1].checked }">
+                    <a>内部专享</a>
+                    <span :class="ctypeList[1].checked ? 'nav-bottbor' : ''"></span>
+                  </div>
+                  <div @click="handleTypeClick(ctypeList[2], ctypeList)" class="option-item"
+                       :class="{ 'option-active': ctypeList[2].checked }">
+                    <a>外部精选</a>
+                    <span :class="ctypeList[2].checked ? 'nav-bottbor' : ''"></span>
+                  </div>
                 </div>
 
-                <div @click="handleTypeClick(ctypeList[1], ctypeList)" class="option-item"
-                     :class="{ 'option-active': ctypeList[1].checked }">
-                  <a>内部专享</a>
-                  <span :class="ctypeList[1].checked ? 'nav-bottbor' : ''"></span>
-                </div>
-                <div @click="handleTypeClick(ctypeList[2], ctypeList)" class="option-item"
-                     :class="{ 'option-active': ctypeList[2].checked }">
-                  <a>外部精选</a>
-                  <span :class="ctypeList[2].checked ? 'nav-bottbor' : ''"></span>
-                </div>
-                <div style="display: flex;justify-content: space-between; align-items: center;">
+                <div style="display: flex; align-items: center;">
                   <span style="margin-right: 10px;" class="option-item">请选择年份 </span>
-                  <el-select v-model="yearChosen" multiple>
+                  <el-select v-model="yearChosen" multiple style="width: 150px;">
                     <el-option
                       v-for="year in years"
                       v-if="year"
@@ -86,6 +90,7 @@
                 </div>
               </div>
 
+
               <div style="margin-top:10px;flex: 1;">
                 <!-- 修改热点标签容器，支持换行 -->
                 <div class="hot-tags-wrapper">