diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 266760ad..648556be 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -628,7 +628,7 @@ export default defineComponent({
   },
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -858,7 +858,7 @@ export default defineComponent({
       }
       .taskSyllabus {
         // flex: 1;
-        overflow-x: scroll;
+        overflow-x: auto;
 
         .ant-collapse {
           border: 0px;
@@ -876,7 +876,7 @@ export default defineComponent({
         .ant-collapse-header {
           display: flex;
           height: 49px;
-          background-color: #fcf0ef;
+          background-color: #eff4fc;
           align-items: center;
           margin-top: 20px;
           margin-left: 38px;
@@ -894,98 +894,98 @@ export default defineComponent({
         }
       }
       .course {
-      //width: 100%;
-      flex-shrink: 0;
-      margin-right: 24px;
+        //width: 100%;
+        flex-shrink: 0;
+        margin-right: 24px;
 
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      padding: 25px 0px;
-      margin-left: 22px;
-
-      //margin: 0 12px;
-      border: 1px solid #f2f6fc;
-      border-top: 0px;
-      .first {
-        //position: relative;
         display: flex;
-        flex-grow: 1;
+        flex-wrap: wrap;
         align-items: center;
-        //height: 71px;
-        margin-left: 12px;
-        margin-right: 50px;
+        padding: 25px 0px;
+        margin-left: 22px;
 
-        .iconame {
-          //position: absolute;
-          color: #4f5156;
-          font-size: 16px;
-          margin-left: 4px;
-        }
-        .icontext {
-          //positipn: absolute;
-          color: #999ba3;
-          font-size: 14px;
+        //margin: 0 12px;
+        border: 1px solid #f2f6fc;
+        border-top: 0px;
+        .first {
+          //position: relative;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          //height: 71px;
           margin-left: 12px;
-          width: 83px;
+          margin-right: 50px;
+
+          .iconame {
+            //position: absolute;
+            color: #4f5156;
+            font-size: 16px;
+            margin-left: 4px;
+          }
+          .icontext {
+            //positipn: absolute;
+            color: #999ba3;
+            font-size: 14px;
+            margin-left: 12px;
+            width: 83px;
+          }
         }
-      }
-      .type {
-        //height: 71px;
-        display: flex;
-        flex-grow: 1;
-        align-items: center;
-        margin-right: 50px;
-        .typename {
-          width: 63px;
-          height: 23px;
-          color: #5dc988;
-          font-size: 14px;
-          background-color: #f2f6fc;
-          border-radius: 4px;
-          text-align: center;
+        .type {
+          //height: 71px;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          margin-right: 50px;
+          .typename {
+            width: 63px;
+            height: 23px;
+            color: #5dc988;
+            font-size: 14px;
+            background-color: #f2f6fc;
+            border-radius: 4px;
+            text-align: center;
+          }
+          .typename1 {
+            width: 63px;
+            height: 23px;
+            color: #f0f4fe;
+            font-size: 14px;
+            background-color: #5dc988;
+            border-radius: 4px;
+            text-align: center;
+          }
         }
-        .typename1 {
-          width: 63px;
-          height: 23px;
-          color: #f0f4fe;
-          font-size: 14px;
-          background-color: #5dc988;
-          border-radius: 4px;
-          text-align: center;
+        .time {
+          //height: 71px;
+          flex-grow: 1;
+          margin-right: 50px;
+          .timetext {
+            font-size: 14px;
+            color: #999ba3;
+          }
         }
-      }
-      .time {
-        //height: 71px;
-        flex-grow: 1;
-        margin-right: 50px;
-        .timetext {
-          font-size: 14px;
-          color: #999ba3;
+        .progress {
+          width: 168px;
+          margin-left: 10px;
+          margin-right: 50px;
+          flex-grow: 1;
+          .progresstext {
+            color: #ffc067;
+            font-size: 14px;
+          }
         }
-      }
-      .progress {
-        width: 168px;
-        margin-left: 10px;
-        margin-right: 50px;
-        flex-grow: 1;
-        .progresstext {
-          color: #ffc067;
-          font-size: 14px;
+        .operations {
+          display: flex;
+          width: 200px;
+          //flex-grow: 1;
+          .operation {
+            color: #4ea6ff;
+            font-size: 14px;
+            padding: 10px;
+            margin-left: auto;
+          }
         }
       }
-      .operations {
-        display: flex;
-        width: 200px;
-        //flex-grow: 1;
-        .operation {
-          color: #4ea6ff;
-          font-size: 14px;
-          padding: 10px;
-          margin-left: auto;
-        }
-      }
-      }
       .taskbox {
         width: 412px;
         height: 160px;
@@ -1171,4 +1171,4 @@ export default defineComponent({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>