diff --git a/src/components/courserecommended/CourseCheck.vue b/src/components/courserecommended/CourseCheck.vue
index 0962b09a..e7f15a1b 100644
--- a/src/components/courserecommended/CourseCheck.vue
+++ b/src/components/courserecommended/CourseCheck.vue
@@ -427,7 +427,7 @@ getList()
   },
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .modal{
   overflow-y: auto;
 }
diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index cb4b5505..6174c767 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -383,7 +383,7 @@ getList()
   },
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .modal{
   overflow-y: auto;
 }
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index cb51d00e..e384e96a 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -1,6 +1,6 @@
 <!-- 课程推荐页面 -->
 <template>
-  <div class="researchmanage">
+  <div class="recommend">
     <!-- 搜索框及按钮 -->
     <div class="filter">
       <div class="filterItems">
@@ -435,7 +435,7 @@ const handleNew = () => {
 };
 
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -577,7 +577,7 @@ const handleNew = () => {
   }
 }
 
-.researchmanage {
+.recommend {
   width: 100%;
   height: 100%;
   display: flex;