diff --git a/src/components/drawers/ActiveAttendance.vue b/src/components/drawers/ActiveAttendance.vue
index 89b87e35..cf548d5e 100644
--- a/src/components/drawers/ActiveAttendance.vue
+++ b/src/components/drawers/ActiveAttendance.vue
@@ -803,7 +803,7 @@ export default {
               }
 
               .btn1 {
-                background: #388be1;
+                background: #409eff;
 
                 color: #ffffff;
               }
@@ -844,7 +844,7 @@ export default {
             }
 
             .btn1 {
-              background: #388be1;
+              background: #409eff;
               margin-right: 20px;
               color: #ffffff;
             }
@@ -983,7 +983,7 @@ export default {
             cursor: pointer;
             width: 100px;
             height: 40px;
-            background: #4ea6ff;
+            background: #409eff;
             border-radius: 8px;
             border: 0;
             margin-left: 15px;
diff --git a/src/components/drawers/FaceManage.vue b/src/components/drawers/FaceManage.vue
index 15a1b29d..a615ab51 100644
--- a/src/components/drawers/FaceManage.vue
+++ b/src/components/drawers/FaceManage.vue
@@ -496,7 +496,7 @@ export default {
           }
 
           .btn2 {
-            background: #388be1;
+            background: #409eff;
             color: #fff;
             border: 0;
             margin-left: 10px;
@@ -620,7 +620,7 @@ export default {
           }
 
           .btn1 {
-            background: #388be1;
+            background: #409eff;
 
             color: #ffffff;
           }
@@ -665,7 +665,7 @@ export default {
         }
 
         .btn1 {
-          background: #388be1;
+          background: #409eff;
 
           color: #ffffff;
         }
@@ -811,7 +811,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/components/drawers/FaceStu.vue b/src/components/drawers/FaceStu.vue
index 15148941..a5da82ea 100644
--- a/src/components/drawers/FaceStu.vue
+++ b/src/components/drawers/FaceStu.vue
@@ -150,67 +150,67 @@
     </div>
   </a-drawer>
   <!-- 导入学员抽屉 -->
-      <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
-    <!-- 批量签到弹窗 -->
-    <a-modal
-      v-model:visible="copyModal"
-      :footer="null"
-      :closable="closeCopy"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
-      <div class="delete">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon"></div>
-            <span>提示</span>
-            <div class="close_exit" @click="closeCopyModal"></div>
+  <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
+  <!-- 批量签到弹窗 -->
+  <a-modal
+    v-model:visible="copyModal"
+    :footer="null"
+    :closable="closeCopy"
+    wrapClassName="CopyModal"
+    centered="true"
+  >
+    <div class="delete">
+      <div class="del_header"></div>
+      <div class="del_main">
+        <div class="header">
+          <div class="icon"></div>
+          <span>提示</span>
+          <div class="close_exit" @click="closeCopyModal"></div>
+        </div>
+        <div class="body">
+          <span>您确定要批量签到吗</span>
+        </div>
+        <div class="del_btnbox">
+          <div class="del_btn btn1">
+            <div class="btnText" @click="delete_exit">取消</div>
           </div>
-          <div class="body">
-            <span>您确定要批量签到吗</span>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="delete_exit">取消</div>
-            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</div>
-            </div>
+          <div class="del_btn btn2">
+            <div class="btnText" @click="delete_exit">确定</div>
           </div>
         </div>
       </div>
-    </a-modal>
-    <!-- 批量签退弹窗 -->
-    <a-modal
-      v-model:visible="stopModal"
-      :footer="null"
-      :closable="closeStop"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
-      <div class="delete">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon"></div>
-            <span>提示</span>
-            <div class="close_exit" @click="closeStopModal"></div>
+    </div>
+  </a-modal>
+  <!-- 批量签退弹窗 -->
+  <a-modal
+    v-model:visible="stopModal"
+    :footer="null"
+    :closable="closeStop"
+    wrapClassName="CopyModal"
+    centered="true"
+  >
+    <div class="delete">
+      <div class="del_header"></div>
+      <div class="del_main">
+        <div class="header">
+          <div class="icon"></div>
+          <span>提示</span>
+          <div class="close_exit" @click="closeStopModal"></div>
+        </div>
+        <div class="body">
+          <span>您确定要批量签退吗</span>
+        </div>
+        <div class="del_btnbox">
+          <div class="del_btn btn1">
+            <div class="btnText" @click="delete_exit">取消</div>
           </div>
-          <div class="body">
-            <span>您确定要批量签退吗</span>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="delete_exit">取消</div>
-            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</div>
-            </div>
+          <div class="del_btn btn2">
+            <div class="btnText" @click="delete_exit">确定</div>
           </div>
         </div>
       </div>
-    </a-modal>
+    </div>
+  </a-modal>
 </template>
 
 <script>
@@ -810,7 +810,7 @@ export default {
           }
 
           .btn1 {
-            background: #388be1;
+            background: #409eff;
 
             color: #ffffff;
           }
@@ -851,7 +851,7 @@ export default {
         }
 
         .btn1 {
-          background: #388be1;
+          background: #409eff;
 
           color: #ffffff;
         }
@@ -1002,7 +1002,7 @@ export default {
       cursor: pointer;
       width: 100px;
       height: 40px;
-      background: #4ea6ff;
+      background: #409eff;
       border-radius: 8px;
       border: 0;
       margin-left: 15px;
diff --git a/src/components/drawers/ManageRight.vue b/src/components/drawers/ManageRight.vue
index 1e1ca238..3ff545b2 100644
--- a/src/components/drawers/ManageRight.vue
+++ b/src/components/drawers/ManageRight.vue
@@ -78,16 +78,18 @@
                       onChange: onSelectChange,
                     }"
                   />
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
-                      class="pagination"
-                    />
+                  <div class="tableBox">
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -157,16 +159,18 @@
                         onChange: onSelectChange1,
                       }"
                     />
-                    <div class="pa">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
-                        class="pagination"
-                      />
+                    <div class="tableBox">
+                      <div class="pa">
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize1"
+                          :current="currentPage1"
+                          :total="tableDataTotal1"
+                          class="pagination"
+                        />
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -238,16 +242,18 @@
                       onChange: onSelectChange2,
                     }"
                   />
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                    />
+                  <div class="tableBox">
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -1249,7 +1255,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/components/drawers/Ownership.vue b/src/components/drawers/Ownership.vue
index 60d1f0d8..f7cf2d5d 100644
--- a/src/components/drawers/Ownership.vue
+++ b/src/components/drawers/Ownership.vue
@@ -78,16 +78,18 @@
                       onChange: onSelectChange,
                     }"
                   />
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
-                      class="pagination"
-                    />
+                  <div class="tableBox">
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -157,16 +159,18 @@
                         onChange: onSelectChange1,
                       }"
                     />
-                    <div class="pa">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
-                        class="pagination"
-                      />
+                    <div class="tableBox">
+                      <div class="pa">
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize1"
+                          :current="currentPage1"
+                          :total="tableDataTotal1"
+                          class="pagination"
+                        />
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -238,16 +242,18 @@
                       onChange: onSelectChange2,
                     }"
                   />
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                    />
+                  <div class="tableBox">
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -990,21 +996,23 @@ export default {
             //   align-items: center;
             //   margin-top: -2px;
             // }
-            .pa {
-              // left: 0;
-              margin-top: 15px;
-              width: 100%;
-              // height: 20px;
-              // background-color: red;
-              display: flex;
-              justify-content: center;
-              // position: absolute;
-              // bottom: 20px;
-              .ant-pagination-item,
-              .ant-pagination-prev,
-              .ant-pagination-next,
-              .ant-pagination-options {
-                margin-bottom: 10px;
+            .tableBox {
+              .pa {
+                // left: 0;
+                margin-top: 15px;
+                width: 100%;
+                // height: 20px;
+                // background-color: red;
+                display: flex;
+                justify-content: center;
+                // position: absolute;
+                // bottom: 20px;
+                .ant-pagination-item,
+                .ant-pagination-prev,
+                .ant-pagination-next,
+                .ant-pagination-options {
+                  margin-bottom: 10px;
+                }
               }
             }
           }
@@ -1197,7 +1205,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/components/drawers/PowerList.vue b/src/components/drawers/PowerList.vue
index 09056061..dc14bc8f 100644
--- a/src/components/drawers/PowerList.vue
+++ b/src/components/drawers/PowerList.vue
@@ -57,16 +57,19 @@
             }"
           />
         </div>
-        <div class="pa">
-          <a-pagination
-            showSizeChanger="true"
-            showQuickJumper="true"
-            hideOnSinglePage="true"
-            :pageSize="pageSize"
-            :current="currentPage"
-            :total="tableDataTotal"
-            class="pagination"
-          />
+
+        <div class="tableBox">
+          <div class="pa">
+            <a-pagination
+              showSizeChanger="true"
+              showQuickJumper="true"
+              hideOnSinglePage="true"
+              :pageSize="pageSize"
+              :current="currentPage"
+              :total="tableDataTotal"
+              class="pagination"
+            />
+          </div>
         </div>
         <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
           <a-table
@@ -589,25 +592,27 @@ export default {
           cursor: pointer;
         }
       }
-      .pa {
-        // left: 0;
-        margin-top: 25px;
-        // margin-bottom: 70px;
-        width: 100%;
-        // height: 20px;
-        // background-color: red;
-        display: flex;
-        justify-content: center;
-        // position: absolute;
-        // bottom: 20px;
-        // margin-bottom: 20px;
-        .ant-pagination-prev,
-        .ant-pagination-next,
-        .ant-pagination-options {
-          margin-bottom: 10px;
-        }
-        .ant-pagination-item {
-          margin-bottom: 10px;
+      .tableBox {
+        .pa {
+          // left: 0;
+          margin-top: 25px;
+          // margin-bottom: 70px;
+          width: 100%;
+          // height: 20px;
+          // background-color: red;
+          display: flex;
+          justify-content: center;
+          // position: absolute;
+          // bottom: 20px;
+          // margin-bottom: 20px;
+          .ant-pagination-prev,
+          .ant-pagination-next,
+          .ant-pagination-options {
+            margin-bottom: 10px;
+          }
+          .ant-pagination-item {
+            margin-bottom: 10px;
+          }
         }
       }
       // .tab {
@@ -657,7 +662,7 @@ export default {
       cursor: pointer;
       width: 100px;
       height: 40px;
-      background: #4ea6ff;
+      background: #409eff;
       border-radius: 8px;
       border: 0;
       margin-left: 15px;
diff --git a/src/components/drawers/QueryRight.vue b/src/components/drawers/QueryRight.vue
index e3fa04dc..3eeb7ef5 100644
--- a/src/components/drawers/QueryRight.vue
+++ b/src/components/drawers/QueryRight.vue
@@ -78,16 +78,18 @@
                       onChange: onSelectChange,
                     }"
                   />
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
-                      class="pagination"
-                    />
+                  <div class="tableBox">
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -157,16 +159,18 @@
                         onChange: onSelectChange1,
                       }"
                     />
-                    <div class="pa">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
-                        class="pagination"
-                      />
+                    <div class="tableBox">
+                      <div class="pa">
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize1"
+                          :current="currentPage1"
+                          :total="tableDataTotal1"
+                          class="pagination"
+                        />
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -238,16 +242,18 @@
                       onChange: onSelectChange2,
                     }"
                   />
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                    />
+                  <div class="tableBox">
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -1197,7 +1203,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue
index 07cf3448..d3d9bbf4 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -156,7 +156,7 @@
                         :data-source="tabledata1"
                         :loading="tableDataTotal === -1 ? true : false"
                         expandRowByClick="true"
-                        :scroll="{ x: 500}"
+                        :scroll="{ x: 500 }"
                         @expand="expandTable"
                         :pagination="false"
                         :row-selection="{
@@ -1469,7 +1469,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/components/drawers/TestManage.vue b/src/components/drawers/TestManage.vue
index f6a50e3a..d2dbd1d7 100644
--- a/src/components/drawers/TestManage.vue
+++ b/src/components/drawers/TestManage.vue
@@ -462,7 +462,7 @@ export default {
           }
 
           .btn1 {
-            background: #388be1;
+            background: #409eff;
 
             color: #ffffff;
           }
@@ -503,7 +503,7 @@ export default {
         }
 
         .btn1 {
-          background: #388be1;
+          background: #409eff;
 
           color: #ffffff;
         }
@@ -570,7 +570,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 20b6590b..f71b9c75 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -419,7 +419,7 @@ export default {
           }
 
           .btn1 {
-            background: #388be1;
+            background: #409eff;
 
             color: #ffffff;
           }
@@ -460,7 +460,7 @@ export default {
         }
 
         .btn1 {
-          background: #388be1;
+          background: #409eff;
 
           color: #ffffff;
         }
@@ -527,7 +527,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/components/drawers/WorkManage.vue b/src/components/drawers/WorkManage.vue
index 9456191d..bd655f9b 100644
--- a/src/components/drawers/WorkManage.vue
+++ b/src/components/drawers/WorkManage.vue
@@ -470,7 +470,7 @@ export default {
             }
 
             .btn2 {
-              background-color: #388be1;
+              background-color: #409eff;
               color: #fff;
               border: 0;
               margin-left: 16px;
@@ -565,7 +565,7 @@ export default {
           }
 
           .btn1 {
-            background: #388be1;
+            background: #409eff;
 
             color: #ffffff;
           }
@@ -599,7 +599,7 @@ export default {
         }
 
         .btn1 {
-          background: #388be1;
+          background: #409eff;
 
           color: #ffffff;
         }
@@ -666,7 +666,7 @@ export default {
         cursor: pointer;
         width: 100px;
         height: 40px;
-        background: #4ea6ff;
+        background: #409eff;
         border-radius: 8px;
         border: 0;
         margin-left: 15px;
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 6f032080..bb702474 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -2899,7 +2899,7 @@ export default {
           .box {
             width: 4px;
             height: 20px;
-            background-color: #4ea6ff;
+            background-color: #409eff;
             border-radius: 2px;
           }
           .onetitle {
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 784c9cd6..7939b014 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -377,7 +377,7 @@
                         @click="
                           item.course === '面授'
                             ? showCopyModal(item.course)
-                            :  item.course === '直播'
+                            : item.course === '直播'
                             ? showzhibModal(item.course)
                             : item.course === '活动'
                             ? showhuodModal(item.course)
@@ -458,7 +458,10 @@
                       "
                     >
                       <div class="groupname" style="width: 42px">姓名：</div>
-                      <a-input v-model:value="valuestun" placeholder="请输入姓名" />
+                      <a-input
+                        v-model:value="valuestun"
+                        placeholder="请输入姓名"
+                      />
                     </div>
                     <div
                       style="
@@ -1789,18 +1792,18 @@ export default {
       checkedd2: false, //设置按钮2
       radioV1: "",
       radioV2: "",
-      activeKey: "1",//1:概览 2.任务...
-      activeKey1: "8",//8:学员管理 9：小组管理
+      activeKey: "1", //1:概览 2.任务...
+      activeKey1: "8", //8:学员管理 9：小组管理
       activeKey2: "3",
       inputValue: 5,
       inputValue2: 5,
       inputValue3: 5,
-      valueaddm: "",//创建小组输入小组长
-      valueaddg:"",//创建小组输入名称
-      valuestun:"",//学员管理姓名
-      valuegood:"",
-      valuestub:"",//学员管理部门
-      valuestug:"",//学员管理小组名称
+      valueaddm: "", //创建小组输入小组长
+      valueaddg: "", //创建小组输入名称
+      valuestun: "", //学员管理姓名
+      valuegood: "",
+      valuestub: "", //学员管理部门
+      valuestug: "", //学员管理小组名称
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
@@ -2972,7 +2975,7 @@ export default {
                 margin-right: 14px;
               }
               .btn2 {
-                background-color: #4ea6ff;
+                background-color: #409eff;
                 color: #ffffff;
               }
             }
@@ -3088,7 +3091,7 @@ export default {
                 margin-right: 14px;
               }
               .btn2 {
-                background-color: #4ea6ff;
+                background-color: #409eff;
                 color: #ffffff;
               }
             }
@@ -4446,7 +4449,7 @@ export default {
           }
         }
         .btn1 {
-          background: #388be1;
+          background: #409eff;
           color: #fff;
           margin-right: 16px;
         }